@charset "utf-8";

a,p{font-size: 16px;_font-family: 'HelveticaNeueLTPro-Roman';}
h1{font-size: 60px;font-family: 'HelveticaNeueLTPro-XBlkCn';color:#b36150;}
h2{font-size: 22px;font-family: 'HelveticaNeueLTPro-XBlkCn';color:#e2ae52;}
h3{font-size: 24px;font-family: 'HelveticaNeueLTPro-Roman';color:#e2ae52;}
h4{font-size: 16px;}

.fl{float: left;}
.fr{float: right;}
.w1100{width: 1100px;margin: 0 auto;}
.w1120{width: 1120px;margin: 0 auto;}
.w1160{width: 1160px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w1250{width: 1250px;margin: 0 auto;}

.header{height: 75px;overflow: hidden;position: fixed;top:0;left:0;right:0;z-index: 9;background: #fff;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.header .logo{margin-top: 14px;}
.header .nav a{float: left;line-height: 75px;padding: 0 26px;color: #333;} 
.header .nav a:hover{color: #e2ae52;}
.header .nav a.active{color: #e2ae52;}
.header .nav a span{padding: 3px 20px;border: 1px solid #e2ae52;color: #e2ae52;border-radius: 20px;}
.header .nav a span:hover{background: #e2ae52;color: #fff;}

.banner{position:relative;height: 700px;margin-top:75px;overflow: hidden;background: url(../images/banner-bg.jpg) center top no-repeat;}
.banner .tit{margin-top:130px;text-align: left;}
.banner .tit h1{margin-bottom:24px;text-align: center;}
.banner .car{margin-top:250px;}
.banner .people{margin-top:134px;}
.banner .people img{display: block;}
.banner .row{position:absolute;bottom:30px;left:950px; -webkit-animation: pulse 2s infinite;animation: pulse 2s infinite;}

            
#design{position:relative;height: auto;overflow: hidden;background: url(../images/design-bg.jpg) center center no-repeat;padding: 120px 0 130px 0;}
#design .design-cen{width: 565px;}
#design .design-cen h2{color:#333;font-weight:bold;background: url(../images/line-bg.png) left 80px no-repeat;line-height: 30px;padding-bottom: 26px;}
#design .design-cen p{line-height: 26px;padding: 32px 0;}
#design .design-cen ul li{float: left;width:176px;height:115px;overflow:hidden;margin-right: 12px;cursor: pointer;}
#design .design-cen ul li img{width:100%;transition: all .2s linear;}
#design .design-cen ul li:hover img{transform: scale(1.05);}

#comfort{position:relative;width: 100%;height: auto;overflow: hidden;background: #e8e8e8;}
#comfort .tit{text-align: left;}
#comfort .tit h2{color:#333;font-weight:bold;background: url(../images/line-bg.png) left 48px no-repeat;padding-bottom: 28px;}
#comfort .tit p{line-height: 26px;padding:26px 0 45px 0;}
#comfort .comfort-cen{height: auto;position: relative;}
#comfort .comfort-cen a{display: block;}
#comfort .comfort-cen .big{width: 50%;min-width:600px;height: auto;position: relative;}
#comfort .comfort-cen .big .bd{position: relative;}
#comfort .comfort-cen .big .bd ul{height: auto;}
#comfort .comfort-cen .big .bd ul,#comfort .comfort-cen .big .bd ul li{width: 100% !important;}
#comfort .comfort-cen .big img{width: 100%;display: block;}
#comfort .comfort-cen .big .tempWrap{width: 100% !important;}
#comfort .comfort-cen .big .prev{position:absolute;bottom:14px;right:64px;display: block;background: #fff;width: 48px;height: 48px;}
#comfort .comfort-cen .big .prev i{color: #e2ae52;font-size: 25px;margin: 0 10px;position: relative;top:12px}
#comfort .comfort-cen .big .next{position:absolute;bottom:14px;right:14px;display: block;background: #e2ae52;width: 48px;height: 48px;}
#comfort .comfort-cen .big .next i{color: #fff;font-size: 25px;margin: 0 15px;position: relative;top:12px}
#comfort .comfort-cen .comfort-box{position: absolute;top: 0;bottom: 0;left: 50%;margin-left: -600px;background: #f6f6f6;}
#comfort .comfort-cen .comfort-box .ding{float:right;width: 530px;margin-top:7%;padding:0 35px;height: 365px;}
#comfort .comfort-cen .img-box{width: 32.6%;height:auto;float: left;transition: all .2s linear;overflow:hidden;position: relative;}	
#comfort .comfort-cen .img-box img{width: 100%;transition: all .3s linear;display: block;}
#comfort .comfort-cen .img-box:hover img{_transform: scale(1.05);}
#comfort .comfort-cen .img-box.mg{margin-right: 1%;}
#comfort .comfort-cen .img-box .mask{position:absolute;bottom:0;background: rgba(203,163,106,0.8);width: 100%;height:100%;}
#comfort .comfort-cen .img-box h4{color: #fff;font-size: 16px;text-align: center;padding-top: 28%;}



#driving{position:relative;height: auto;overflow: hidden;padding: 99px 0 99px 0;}
#driving .tit{text-align: center;}
#driving .tit h2{color:#333;font-weight:bold;background: url(../images/line-bg.png) center 48px no-repeat;padding-bottom: 54px;}
#driving .tit p{line-height: 26px;padding-bottom: 40px;}
#driving .fl{width: 560px;height: auto;}
#driving .fl .img-box{float: left;width: 270px;height: 185px;overflow:hidden;margin-right: 10px;margin-bottom: 10px;}
#driving .fl .img-box img{width: 100%;transition: all .2s linear;}
#driving .fl .img-box:hover img{transform: scale(1.05);}
#driving .fr{width: 560px;height: 380px;overflow: hidden;}
#driving .fr img{width: 100%;transition: all .2s linear;}
#driving .fr:hover img{transform: scale(1.05);}

#smart{position:relative;height: auto;overflow: hidden;background: url(../images/smart-bg.jpg) center top no-repeat;padding: 93px 0 90px;}
#smart h2{text-align:center;color:#333;font-weight:bold;background: url(../images/line-bg.png) center 48px no-repeat;padding-bottom: 74px;}
#smart .imgbox{width: 550px;height: 398px;overflow:hidden;}
#smart .imgbox img{transition: all .2s linear;}
#smart .imgbox:hover img{transform: scale(1.05);}
#smart .smart-cen{width: 550px;}
#smart .smart-cen .image-box{width: 215px;height: 142px;margin-right: 10px;margin-bottom: 52px;overflow: hidden;}
#smart .smart-cen .image-box img{transition: all .2s linear;}
#smart .smart-cen .image-box:hover img{transform: scale(1.05);}
#smart .smart-cen span{display: block;width: 90px;height: 143px;margin-right: 0;background: #d4b67a;}
#smart .smart-cen .text-box{clear: both;}
#smart .smart-cen .text-box ul li{margin:0 14px 20px 0;background: url(../images/dot.png) left 9px no-repeat;padding-left: 15px;}
#smart .smart-cen .text-box ul li:nth-child(3){margin-bottom: 26px;}

#reliability{position:relative;height: auto;overflow: hidden;background: url(../images/res-bg.jpg) center top no-repeat;padding: 100px 0 84px;}
#reliability .tit{text-align:center;}
#reliability h2{color:#fff;font-weight:bold;background: url(../images/line-bg-white.jpg) center 48px no-repeat;padding-bottom: 74px;}
#reliability p{color:#fff;}

.video{position:relative;height: auto;overflow: hidden;padding: 100px 0;}
.video .tit{text-align:center;}
.video h2{color:#333;font-weight:bold;background: url(../images/line-bg-white.jpg) center 48px no-repeat;padding-bottom: 34px;}

#specification{position:relative;height: auto;overflow: hidden;background: #f3f3f3;padding: 100px 0;}
#specification h2{text-align:center;color:#333;font-weight:bold;padding-bottom: 47px;}
#specification table{border-collapse: collapse;}
#specification td{border: 1px solid #dcdcdc;}
#specification .w241{width: 241px;text-align: center;font-size: 16px;color: #000;}
#specification .w322{width: 322px;padding: 10px 0 10px 76px;}
#specification .w534{width: 534px;padding: 10px 0 10px 48px;}


/*submitform*/
.body{background: url("../images/mask.png") repeat;position: fixed;z-index: 100;left: 0;top:0;display: none;}
.yt_yd{height: 460px;width:706px;padding:15px; border-top: 5px solid #e2ae52;position: fixed;top:50%;margin-top: -230px;left:50%;
    margin-left: -353px;background: #fff;z-index:101;display: none;_position:absolute;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.offsetHeight/2)); transition: all .5s linear;}
.yt_yd h1{font-size:24px;color: #e2ae52; font-weight: normal; position: absolute;display: block;left:155px;top:35px;}

.yt_yd .p_name {padding-top: 50px;}
.yt_yd a{ z-index:999;width:33px;height: 31px;background: url("../images/btn_close1.jpg") no-repeat;position: absolute;display: block;right: 8px;top:8px;cursor: pointer}
.yt_yd p{margin-bottom:0px;width: 100%;height:auto;line-height:50px;overflow: hidden;margin-top: 10px;text-align: center;position: relative}
.yt_yd input{ color:#999;width:416px;border: 1px solid #efece5;font-family: "sansregular";font-size: 14px;height:43px;line-height:43px;padding-left: 10px;}
.yt_yd textarea{ color:#999;width:416px;border: 1px solid #efece5;font-family: "sansregular";font-size: 14px;height:120px;line-height:20px;padding-left: 10px; padding-top: 5px;}
.yt_yd .buttons{ margin-top: 20px; height: 50px;}
.yt_yd input.submit{line-height:43px; width:214px; line-height:43px;margin:0px auto 0px;background-color: #e2ae52;color: #fff;font-size: 18px;cursor: pointer;position: absolute;left: 50%;margin-left: -107px;border: 0;}
.yt_yd input.submit:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-o-opacity:0.8;-webkit-opacity:0.8;opacity: 0.8;}

.foot{position:relative;height: auto;overflow: hidden;background: #272727;padding: 30px 0;}
.foot .ins{padding: 10px 0;}
.foot .ins img{border-radius: 3px;}
.foot p{position:relative;color: #fff;line-height: 32px;margin-right: 10px;}
.foot .ins .face{position:relative;width: 28px;height: 28px;margin-right: 10px;}
.foot .ins .twit{position:relative;width: 28px;height: 28px;margin-right: 10px;}

#jquery-overlay {position: absolute;top: 0;left: 0;	z-index: 100;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0;}
#jquery-lightbox a img {border: none; }
#lightbox-container-image-box{position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto;}
#lightbox-container-image {padding: 10px; }
#lightbox-loading {position: absolute;	top: 40%;	left: 0;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;}
#lightbox-nav {position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {	width: 49%;	height: 100%;	zoom: 1;	display: block;}
#lightbox-nav-btnPrev { left: 0;top: 50%; float: left;}
#lightbox-nav-btnNext { right: 0;top: 50%;float: right;}
#lightbox-container-image-data-box {font: 10px "微软雅黑";	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; 	color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-family:"微软雅黑";font-size: 14px;color: #666;}
#lightbox-image-details-currentNumber {	display: block;	clear: left; padding-bottom: 1.0em;	}
#lightbox-secNav-btnClose {	width: 66px; 	float: right;padding-bottom: 0.7em;	}




.xubox_tips{background-color:rgb(226,174,82) !important;}
.layerTipsG{border-right-color:rgb(226,174,82) !important;}