@charset "utf-8";
/* CSS Document */

html{ font-size:medium;}
html body{font-size: medium; line-height:normal; background-color: #000; margin: 0; padding: 0; font-weight: 100; font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft Yahei";-webkit-font-smoothing:antialiased}
ul,li,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0; font-size: 100%;}
ul{list-style: none;}
.clear{ clear:both;}
a{text-decoration: none;}


html, body { width: 750px; height: 100%; margin: 0 auto;}
body div.section{background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size:100% auto;  background-repeat: no-repeat; }

.mark{ background: #000;position: fixed; top: 0; left: 0;width: 100%;z-index: 200000; height: 100%; background-size: 100% 100%;}

@-webkit-keyframes scrollanimate{
    0% {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(10px);}
    0% {-webkit-transform: translateY(0px);}
}
.scrollanimate{ -webkit-animation-name: scrollanimate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
select,input,video{ -webkit-appearance: none;}

.logo { position: absolute; top: 0; left: 0; width: 100%; height: 93px; z-index: 100;}
.logo01 { width: 72px; height: 93px; float: left; margin-top: 21px; margin-left: 20px;}
.logo02 { width: 144px; height: 13px; float: right; margin-top: 21px; margin-right: 20px;}

.yysj_btn { width: 37px; height: 157px; position: fixed; top: 342px; right: 0; z-index: 100;}

.kv { width: 100%; height: 620px; overflow: hidden;}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.swiper-pagination-bullet { width: 11px; height: 11px; background: #fff;}
.swiper-pagination-bullet-active { width: 30px; height: 11px; border-radius: 5.5px;}
.kv .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 80px;}
.con01 .swiper-container-horizontal>.swiper-pagination-bullets,.con02 .swiper-container-horizontal>.swiper-pagination-bullets,.con03 .swiper-container-horizontal>.swiper-pagination-bullets,.con04 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 130px;}

.tzong { width: 100%; height: 347px; margin-top: -36px; position: relative; z-index: 2;}

.con01,.con02,.con03,.con04 { width: 100%; height: 500px; overflow: hidden; background: #1b1b1b;}
.con01_img,.con02_img,.con03_img,.con04_img { width: 100%; height: 320px; overflow: hidden;}
.con01_ld,.con02_ld,.con03_ld,.con04_ld { width: 100%; height: 532px; overflow: hidden;}
.con01_ld p,.con02_ld p,.con03_ld p,.con04_ld p { font-size: 24px; line-height: 120px; color: #fff; text-align: center;}
.con01_up,.con02_up,.con03_up,.con04_up { width: 100%; height: 61px; background: url(../images/up.png) no-repeat center top; }
.con01_tit,.con02_tit,.con03_tit,.con04_tit { width: 100%; height: 180px; }
.con01_tit { background: #000 url(../images/t01.png) no-repeat center center;}
.con02_tit { background: #000 url(../images/t02.png) no-repeat center center;}
.con03_tit { background: #000 url(../images/t03.png) no-repeat center center;}
.con04_tit { background: #000 url(../images/t04.png) no-repeat center center;}
.con01 { margin-top: -40px;}

.jcsp { width: 100%; height: 140px; background: url(../images/jcsp.png) no-repeat center 40px;}
.jcsp_con { width: 100%; height: 500px; overflow: hidden;}
.jcsp_con img { width: 100%; height: 100%;}

.video { width: 100%; height: 100%; background: url(../images/black.png); position: fixed; top: 0; left: 0; z-index: 102; display: none;}
.video .close { display: block; width: 60px; height: 60px; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: fixed; top: 30px; right: 30px;}
#video { width: 100%; position: absolute;top: 0; left: 0; margin-top: 35%;}

.car_img { width: 750px; height: 682px;background: url(../images/qj.jpg) no-repeat left top; position: relative;}
.car_img_top { width: 100%; height: 542px; overflow: hidden;}
.car_img_top .swiper-slide img { margin: 0 auto; display: block;}
.car_img_top .swiper-button-prev { background: url(../images/left.png) no-repeat;}
.car_img_top .swiper-button-next { background: url(../images/right.png) no-repeat;}
.car_col { width: 462px; height: auto; overflow: hidden; position: absolute; left: 50%; margin-left: -231px; bottom: 150px;z-index: 5;}
.car_col ul { width: 100%; height: auto; padding:0 10px; overflow: hidden;}
.car_col ul li { width: 77px; height: 100px; float: left;}
.car_col ul li p { font-size: 20px; color: #cfcfcf; line-height: 34px; text-align: center; display: none; width: 200%; margin-left: -50%;}
.car_col ul li img { width: 35px; height: 35px; margin: 0 auto;}
.car_col ul li img.col { display: block;}
.car_col ul li img.cola { display: none;}
.car_col ul li.active img.col { display: none;}
.car_col ul li.active img.cola { display: block;}
.car_col ul li.active p { display: block;}

.peizhi_con { width: 704px; height: 488px; background: #000; overflow: hidden; margin: 0 auto; position: relative; border-top: 1px solid #666; margin-top: 36px;}
#wrapper,#wrapper0 { overflow: auto; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1;}
#scroller,#scroller0 { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; padding: 0;}
.peizhi_p { width: 704px; margin: 0 auto; font-size: 16px; color: #666; height: 50px; line-height: 30px;}
.peizhi_scroll { width: 100%; height: 300px; position: relative;}

.specification_content{margin: 0 auto; overflow: hidden; }
.specification_content  h2{color:#fff; font-weight:normal; padding:10px 10px 10px 20px;  font-size: 18px; border-bottom:2px solid #000; background: #303030 url(../images/icon01.png) 10px center no-repeat; cursor: pointer;  clear:both; overflow: hidden; zoom:1; }
.specification_content h2 img{ float: left;}
.specification_content  h2.navhover{ color:#fff; background:#303030 url(../images/icon02.png) 10px center no-repeat;}
.specification_content  h2 p{ line-height: 26px; float: left; padding-left:10px;}
.specification_content td,.wrapper .specification_content th{ font-size: 14px;  font-family: \5b8b\4f53,Arial,Helvetica,sans-serif; color: #fff; padding: 10px 0;border-collapse:collapse; text-align: center; vertical-align: middle; border-bottom: 1px solid #666; border-right:1px solid #666;}
.specification_content th{ background: #000; padding: 5px; text-align: left; color: #fff; border-bottom: 1px solid #666; border-right: 1px solid #666; font-weight: normal; font-size: 18px;word-wrap: break-word;word-break: break-all}
.specification_footer{ clear: both; overflow: hidden; zoom:1; /*background:url(../images/waring.jpg) no-repeat;*/ /*padding:0 0 0 20px;*/ margin-top: 5px; color: #fff;}
.specification_content tr.lasttable td, .wrapper .specification_content tr.lasttable th{ padding:0; line-height:0; border:0;}
.specification_footer p{ float: right; width: 96%; color: #fff; font-size: 0.75em;}
.specification_footer p em{ display: block; font-style: normal; padding-left: 15px;}
.specification_footer{padding: 50px;}
.peizhi_tab { width: 704px; height: 60px; margin: 0 auto;}
.peizhi_tab span { text-align: center; display: block; width: 50%; float: left; line-height: 60px; color: #999; font-size: 24px; background: #4c4d4e; }
.peizhi_tab span.active { color: #fff; background: #a41b1f;}
.peizhi_car { width: 547px; height: 259px; margin: 0 auto; padding-top: 50px;}



.testdrive0 { width: 100%; height: 100%; position: fixed; background: url(../images/black.png); top: 0; left: 0; display: none; z-index: 102;}
.testdrive0 .testclose { display: block; width: 60px; height: 60px; position: absolute; top: 18px; right: 18px; z-index: 1; background: url(../images/close.png) no-repeat; background-size: 100% 100%;}
.testdrive0 .testdrivecon { width: 643px; height: 894px;  background-size: 100% 100%; position: absolute; top: 108px; left: 46px; z-index: 2; background: url(../images/02.png) no-repeat;}
.testdrive0 .testbtn { width: 644px; height: 78px; position: absolute; left: 0px; bottom: 0px; border: none; background: none; border-radius: 0;}
.testdrive0 .txt01,.testdrive0 .txt02 { width: 370px; height: 60px; border: none; background: none; position: absolute; top: 92px; left: 228px; line-height: 60px; outline: none; color: #999; font-size: 24px; box-sizing: border-box;}
::-webkit-input-placeholder { color: #999;}
.testdrive0 .txt02 { top: 186px;}
.testdrive0 .txt03,.testdrive0 .txt04,.testdrive0 .txt05,.testdrive0 .txt06,.testdrive0 .txt052 { width: 374px; height: 60px; position: absolute; top: 196px; left:228px; color: #999; font-size: 24px; border: none; background: none; outline: none;}
.testdrive0 .txt04 { top: 284px;}
.testdrive0 .txt05 { top: 377px;}
.testdrive0 .txt06 { top: 564px;}
.testdrive0 .txt052 { top: 472px;}
.testdrive0 .txt07 { position: absolute; bottom: 168px; left: 16px; width: 20px; height: 20px;-webkit-appearance:checkbox;}

.bottom { width: 100%; height: 108px; background: #181818;}
.bottom a { display: block; float: left; width: 225px; height: 44px; margin: 30px 5px;}
.bottom a:nth-child(1) { margin-left: 28px;}

footer { width: 100%; height: 204px; background: #000; color: #999; }
footer span { font-size: 24px; text-align: center; display: block; width: 100%; line-height: 40px; padding-top: 12px; padding-bottom: 10px;}
footer span a { color: #999;}
footer p { font-size: 20px; text-align: center; line-height: 24px; color: #5d5d5d;}
footer p a { color: #5d5d5d;}
footer div { width: 100%; height: 36px; padding-top: 34px;}
footer div img { display: block; margin: 0 auto;}