html body{ padding: 0; font-weight: 100; font-family: "microsoft yahei","微软雅黑","Heiti"; -webkit-font-smoothing:antialiased; color: #ffffff; background-color: #000000; font-size: 14px; height:100%;overflow:hidden;}
html body,ul,li,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0; line-height: 1.5;}
dl, dt, dd, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #fff;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.container{ display: block; width:100%; height: 100%; margin: 0 auto; position: relative;}
.center{ text-align: center;}
.dn{ display: none;}

.qspagecontent{ padding: 0; margin: 0;position: relative; overflow: hidden;}
.qspagecontent .scrollpage{position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block; background-color: #000000; }
.qspagecontent .scrollpage.velocity-animating{display: block}
.qspagecontent .scrollpage.active{z-index: 2; display: block;}
.logo{ width: 11%; top: 3.14%; left: 4.25%; z-index: 10;}

/*公用背景样式*/
.bg{ width: 100%; top: 0;}

.p1_wz{ width: 34.62%; top: 8.51%; right: 0;}
.p2_wz01{ width: 32%; top: 17%; left: 10%;}
.p2_wz02{ width: 32%; top: 28%; left: 10%;}
.p2_wz03{ width: 25%; bottom: 8%; right: 5%;}
.p3_wz01{ width: 32%; top: 17%; left: 10%;}
.p3_wz02{ width: 32%; top: 28%; left: 10%;}
.p3_wz03{ width: 23.5%; top: 28%; right: 5%;}

.page1 .txt{position: absolute; top: 15%; left: 32.5%; width: 35%; max-width: 662px; text-align: center;}
.page1 .txt img{display: block; width:100%;}
.page1 .txt2{position: absolute; bottom: 7%; right: 11%; width: 21%; max-width: 388px; text-align: center;}
.page1 .txt2 img{display: block; width:100%;}

.page1.active .t1{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.2s;}
.page1.active .t2{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.4s;}
.page1.active .t3{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.9s;}

#swiper1,#swiper2,#swiper3,#swiper4,#swiper5{ width: 100%; height: 100%; z-index: 1; top: 0;}
#swiper1 .swiper-slide,#swiper2 .swiper-slide,#swiper3 .swiper-slide,#swiper4 .swiper-slide,#swiper5 .swiper-slide{ position: relative; height: 100%;}
.swiper-wrapper{ height: 100%;}
.p4_img{ width: 63.85%; top: 10; right:0;}

.pzb_box{ margin: 6% auto 0; width: 86.87%; font-size: 18px; color: #c7ab77;}
.pzb_box .p4_wz{ margin: 0 auto 15px; width: 86%; height:50px; border-bottom:1px solid #fff; background:url(../images/p4_wz.png) no-repeat left top;}
.pzb_tit{ margin-bottom: 20px;}
.pzb_box .sel_left{ font-size: 21px; width: 33%; height: 52px; background: #313131; line-height: 52px;}
.pzb_box .sel_box{ width: 66.8%; height: 52px; background: #313131;}
.pzb_box select{ background: transparent; width: 100%; padding: 0 0 0 35%; height: 52px; line-height: 52px; border: 0; text-align: center; font-size: 24px; color: #c7ab77; font-family: "微软雅黑";}
.pzb_box select option{ font-size: 14px;}
.pzb_box .sel_icon{ top: 88px; right: 23.74%;}
.pzb_fg{ top: 67px; right: 0; width: 20px; height: 52px; background: #313131;}
.pzb_price{ width: 100%; height: 52px; background: #313131; margin-top: 3px; line-height: 52px; text-align: center; font-size: 21px;}
.pzb_cen{ width: 100%; height: 490px; overflow: auto; position: relative; }
.pzb_cen_tit{ height: 42px; line-height: 42px;}
.pzb_tab{ border-collapse: collapse; width: 100%;}
.pzb_tab tr{ background: #313131;}
.pzb_tab td{ width: 50%; font-size: 20px; padding: 10px 14px; text-align: center; border-bottom: 1px solid #000;}
.pzb_tab td.left{ text-align: left; border-right: 2px solid #000;}

.pzb_cen .table{ display: none;}

.reserve{ width: 716px; top: 19.25%; left: 50%; margin-left: -358px;}
.reserve li{ margin-bottom: 22px;}
.reserve li input{ width: 684px; height: 52px; background: url(../images/text_bg.png) no-repeat; border: 0; line-height: 52px; padding: 0 16px; font-size: 16px; color: #fff; font-family: "微软雅黑";}
.reserve li .sel{ height: 52px; overflow: hidden;}
.reserve li .sel_01{ width: 325px; background: url(../images/sel_bg01.png) no-repeat;}
.reserve li .sel_02{ width: 716px; background: url(../images/sel_bg02.png) no-repeat;}
.reserve li .sel select{ height: 52px; background: transparent; padding: 0 16px; border: 0; font-size: 16px; color: #fff; font-family: "微软雅黑";}
.reserve li .sel_01 select{ width: 355px;}
.reserve li .sel select option{ width: 325px; color: #333;}
.reserve li .sel_02 select{ width: 746px;}
.reserve li input.btn{ width: 249px; font-size: 28px; font-weight: bold; background: url(../images/sub_bg.png) no-repeat;}

/*向下按钮*/
.downbtn{ width: 16px; height: 60px; position: absolute; z-index: 10; bottom: 1.87%; left: 50%; margin-left: -8px; line-height: 0;}
.downbtn_cen{ width: 16px; height: 29px; margin: 4px 0; background: url(../images/downbtn_cen.png) no-repeat; text-align: center;}
.downbtn img{ vertical-align: top;}

/*顶部LOGO*/
.toplogo{ top: 3%; left:3%; z-index: 10;}
.toplogo img{display:block;}

/*底部按钮*/
.footerbtn{ bottom: 3%; right: 0; z-index: 10;}
.footerbtn a{ display: inline-block; padding: 0 5px; line-height: 25px; font-size: 16px; cursor: pointer;}
.footerbtn a img{ margin-right: 10px; }

/*360°赏车弹窗*/
.show{ z-index: 5; width: 100%;}
.showbtn{ top: 7.5%; left: 0;}
.showbtn a{ display: inline-block; width: 38px; height: 30px; line-height: 30px; text-align: center; background: #ccc; color: #333;}
.showbtn a:hover,.showbtn a.on,.showbtn a.on:hover{ color: #333; background: #999;}
.showclose{ top: 7.62%; right: 0;}

/*配置表弹窗*/
.pzb{ width: 100%; height: 100%; top: 0; z-index: 11; background: url(../images/pzb_bg.png) repeat;}
.pzb_con{ width: 82.87%; margin: 0 auto; height: 100%; overflow-y: auto;}
.pzb_con img{ width: 100%;}
.pzb .pzb_close{ top: 0; left: 91.4%; cursor: pointer;}

@media screen and (max-width:1440px){
	.reserve li input,.reserve li .sel select,.footerbtn a{ font-size: 14px;}
}
@media screen and (max-height:768px){
	.pzb_cen{ height: 380px;}
	.navlist{ top: 10%;}
}
@media screen and (max-height:600px){
	.p9_box{ top: 0;}
	.p5_box{ top: 11%;}
	.p12_box{ top: 7.5%;}
	.reserve{ top: 13.25%;}
	.pzb_cen{ height:290px;}
}

.page6 .bg{ width: 100%; height: 100%; margin-bottom:0; position: absolute;}
.page6 .bg img{ width: 100%; height: 100%; position: absolute;}
.nav .lm img{transform:translateX(0);transition: all 0.3s ease-in;}
.nav .lm:hover img{transform:translateX(-15px); }


.bigc,.policyc,.bigc,.blingc{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 999; overflow: hidden; }
.car360-content{ position: relative; width: 100%; height: 100%;}
.car360-content .tab-car{ position: absolute; left: -2px; top:-2px; z-index: 9;}
.car360-content .tab-car span{ display: block; float: left; padding:8px 10px; background: #999;color: #000; cursor: pointer;}
.car360-content .tab-car span.current{ background: #ccc; }
.carconten .first{cursor:grab;cursor: -webkit-grab;}
.car360-content .load360,.car360-content .loadns360{top:0;position:absolute;z-index:2;width:100%;left:0; height: 100%;}
.car360-content .load360 span,.car360-content .loadns360 span{position:absolute;bottom:15%;width:100%;text-align:center;left:0;font-size:18px;color:#fff;}
.bigc .fangda{ display: none; z-index: 999;}
.img-text{ position: absolute; left: 15px; bottom: 15px; color: #fff; background: rgba(0,0,0,0.6); font-size: 12px; padding: 5px 15px;}
.fangda{ cursor:grab;cursor: -webkit-grab;}
.btn-content{ width: 200px; margin: 0 auto; text-align: center;}
.bigc,.policyc,.bigc,.blingc{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 999; overflow: hidden; }
.policyc img,.blingc img{ position: absolute; left: 0; top: 10%; width: 100%; }
.big-close,.policy-close,.bling-close{ position: absolute; width: 40px; height: 40px; right:0; top:0; background: url("../images/float_btn_close.png") center no-repeat; text-indent: -999em;}
.neishi{ height: 245px;}

.qspagecontent .scrollpage .bg.bg2{ margin-top: 0;}

.animate{ opacity: 0;}

.videobg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #000000; display: none;}
.videobg .video{ width: 100%;position: absolute; bottom: 0; left: 0;}
.videobg .vclose{top: 40px; right: 40px; width: 45px; height: 45px; cursor: pointer; opacity: 0.6; position: absolute; transition: all 0.3s ease-in; }
.videobg .vclose:hover{opacity: 1;}

.mark{ background-color: #15191f;position: fixed; top: 0; left: 0;width: 100%;z-index: 200000; height: 100%; }
.mark img{ width: 400px; height: 300px; margin-left: -200px; margin-top: -150px; position: absolute; left: 50%; top: 50%;}




/*20171211*/
.autocontent{width:86%; margin:0 auto; padding:0;}
/*参数配置表格样式*/
.autocontent dd.configuration{width:100%; border-bottom:1px solid #1394d8;}
.autocontent dd.configuration table{width:100%; border-collapse:collapse;}
.autocontent dd.configuration table.cx{width:100%; background:#0b83dd;}
.autocontent dd.configuration table.cx th,.autocontent dd.configuration table.cx td{color:#fff;}
.autocontent dd.configuration table.pz{width:100%; background:#fafbfc; margin:-1px 0;}
/*.autocontent dd.configuration table th{width:20%;}*/
.autocontent dd.configuration table th, .autocontent dd.configuration table td{height:40px; padding:0; border:1px solid #1394d8; font-size:15px; text-align:center; color:#0a0a0a; word-break:break-all;}
.autocontent dd.configuration table th{height:50px; font-size:17px; font-weight:normal;}
.autocontent dd.configuration table .title{background:#efefef;}
.autocontent dd.configuration table .title th{color:#0a0a0a; font-weight:bold;}
/*参数配置滚动条样式*/
#scrollbar1 { width:100%; clear: both; position:relative;}
#scrollbar1 .viewport {width:100%; height:368px; overflow: hidden; position: relative; }
#scrollbar1 .overview {width:100%; list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .scrollbar,#scrollbar1 .thumb .end,#scrollbar1 .thumb { background:transparent url(../images/bg-scrollbar.png) no-repeat;}
#scrollbar1 .scrollbar {position:absolute; background-position:0 0; float: right; width:16px; top:0; right:0; z-index:9;}
#scrollbar1 .track	{height:100%; width:16px; position:relative;}
#scrollbar1 .thumb {background-position:100% 100%; height:50px; width:15px; cursor:pointer; overflow:hidden; position:absolute; top:0; left:0;}
#scrollbar1 .disable {display:none; }

/*导航*/
.nave{margin: 0; padding: 0; right:20px; top: 40%; list-style-type: none; z-index: 10; position:fixed;}
.nave ul{width:100%; height:35px;}
.nave ul li{margin-bottom:10px; width:14px; height:14px; border-radius:7px; background:#fafafa; cursor: pointer; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.nave ul li.current{background:#0b83dd;}