@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'NeuesBauenDemo';
    src: url('../font/hyzhj.ttf');
    font-weight: normal;
    font-style: normal;
  }

@font-face {
    font-family: 'MFJunYa';
    src: url('../font/MFJunYa_Noncommercial-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

html{ font-size:medium;}
html body{font-size: medium; line-height:normal; background-color: #fff; margin: 0; padding: 0; font-weight: 100; font-family: NeuesBauenDemo,"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;color:#535353;}


html, body { max-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;}


.img00{width:100%;display: block;height: auto;}
.pr{position: relative;}
.pa{position: absolute;}

.yysj_btn { width: 0.693rem; height: 4.09rem; position: fixed; top: 4.56rem; right: 0; z-index: 100;}
.yysj_btn img{width: 100%;}

/*nav*/
.navwrap{width:100%;}
.navwrap .navlogo{display: flex;justify-content: space-between;padding:2.78% 4% 3.5%  4%;}
.navwrap .navlogo .logo{width:26.29%;height:auto;}
.navwrap .navlogo .navbtn{width:6.29%;}
.navwrap .navlogo .navbtn .navclose{display: none;}
.navwrap .navlist{width:100%;display: none;left:0;top:98%;z-index: 10;background: #fff;;}
.navwrap .navlist ul li{height:240%;border-bottom:1px solid #b5b5b5;line-height: 240%;text-align: center;}
.navwrap .navlist ul li:hover{background:#eee;}
.navwrap .navlist ul li a{display: block;font-size: 0.24rem;}
.navwrap .navlist .listlogo{padding:1% 0}
.navwrap .navlist .listlogo>a{display:block;width:40.01%;height:auto;margin:0 auto;}

/*banner*/
.kv { width: 100%;  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%;  overflow: hidden; background: #fff ;}
.con01_img,.con02_img,.con03_img,.con04_img { width: 100%; 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,.con05_tit,.con05_tit01 { width: 100%; padding:6% 0; margin: 0 auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.swiper-button-next, .swiper-button-prev{width:6%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;background: none;}
.con01_tit {width:52.77%;}
.con02_tit {width:73.39%;}
.con03_tit {width:60.18%;}
.con04_tit {width:67.87%;}
.con05_tit{width:27.96%;}
.con05_tit01{width:66.20%;padding-bottom:8%;}
.con05{background: #f4f4f4;}
.jcsp_con,.con05,.peizhi_con{margin-top:2%;}

.slide-text{width:100%;background:url(../images/black.png);left:0;bottom:0;color:#fff;text-align: center;padding:4% 0;}

.jcsp_con { width: 100%; height: 6.66rem; overflow: hidden;}
.jcsp_con .video_btn { width: 12.03%;left:45%;top:45%;}

.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: 0.8rem; height: 0.8rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: fixed; top: 0.4rem; right: 0.4rem;}
#video { width: 100%; position: absolute;top: 0; left: 0; margin-top: 35%;}


.peizhi_con {width: 100%; background: #f4f4f4; overflow: hidden;  position: relative;  }
.peizhi_con .peizhipic{width:100%;}
#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: 100%; margin: 0 auto; font-size: 0.213rem; color: #666; height: 0.66rem; line-height: 0.4rem;}
.peizhi_p p{width: 90%;margin: 0 auto;}
.peizhi_scroll { width: 100%; height: 4rem; position: relative;}

.specification_content{width: 96%;margin: 0 auto; overflow: hidden;padding:2%; background: #fff;;}
.specification_content td:last-child{border-right: inherit;}
.specification_content  h2{color:#000; font-weight:normal; padding:0.14rem 0.14rem 0.14rem 0.26rem;  font-size: 0.24rem; border-bottom:2px solid #fff; background: #cfcfcf url(../images/icon01.png) 0.13rem center no-repeat; background-size:0.25rem;cursor: pointer;  clear:both; overflow: hidden; zoom:1; }
.specification_content h2 img{ float: left;}
.specification_content  h2.navhover{ color:#000; background:#cfcfcf url(../images/icon02.png) 0.13rem center no-repeat;background-size:0.25rem;}
.specification_content  h2 p{ line-height: 0.346rem; float: left; padding-left:0.13rem;}
.specification_content td,.wrapper .specification_content th{ background:#fff;font-size: 0.18rem;  font-family:NeuesBauenDemo,Arial,Helvetica,sans-serif; color: #000; padding: 0.133rem 0;border-collapse:collapse; text-align: center; vertical-align: middle; border-bottom: 1px solid #666; border-right:1px solid #666;}
.specification_content th{ background: #fff; padding: 0.06rem; text-align: left; color: #000; border-bottom: 1px solid #666; border-right: 1px solid #666; font-weight: normal; font-size: 0.24rem;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: 100%; 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)*/;background:#fff; top: 0; left: 0; display: none; z-index: 102;}
.testdrive0 .testclose { display: block; width: 0.8rem; height: 0.8rem; position: absolute; top: 0.44rem; right: 0.24rem; z-index: 1; background: url(../images/navclose.png) no-repeat; background-size: 80% 80%;}
.testdrive0 .testdrivecon { width: 92%; height: 11.92rem;   position: absolute; top: 6%; left: 6%; z-index: 20; background: url(../images/yuyuebg.png) no-repeat;background-size:contain;}
.testdrive0 .testbtn { width: 56%; height: 8%; position: absolute; left: 18%; bottom: 0%; border: none; background: none; border-radius: 0;}
.testdrive0 .txt01,.testdrive0 .txt02 { width: 56%; height: 8%; border: none; background: none; position: absolute; top: 11%; left: 34%;outline: none; color: #999; font-size: 0.32rem; box-sizing: border-box;}
-webkit-input-placeholder { color: #999;}
.testdrive0 .txt02 { top: 22%;}
.testdrive0 .txt03,.testdrive0 .txt04,.testdrive0 .txt05,.testdrive0 .txt06,.testdrive0 .txt052 { width: 58%; height: 8%; position: absolute; top: 33%; left:34%; color: #999; font-size: 0.32rem; border: none; background: none; outline: none;}
.testdrive0 .txt04 { top: 33%;}
.testdrive0 .txt05 { top: 43.5%;}
.testdrive0 .txt06 { top: 65%;}
.testdrive0 .txt052 { top: 54%;}
.testdrive0 .txt07 { position: absolute; bottom: 19.2%; left: 0.38%; width: 0.267rem; height: 0.267rem;-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: 2.933rem; background: #000; color: #999; }
footer span { font-size: 0.32rem;font-weight: bold; text-align: center; display: block; width: 100%; line-height: 0.53rem; padding-top: 0.16rem; padding-bottom: 0.13rem;}
footer span a { color: #999;}
footer p { font-size: 0.27rem; text-align: center; line-height: 0.32rem; color: #5d5d5d;}
footer p a { color: #5d5d5d;}
footer div { width: 70%; height: 0.48rem; padding-top: 0.45rem;margin: 0 auto;}
footer div img { width:100%;display: block; margin: 0 auto;}



/*jqnav start*/
.jq_tit{width: 40%;margin: 0 auto;padding:6% 0;}
.jqnav_wrap{width:100%;height:auto;margin:0.18rem auto 0.2rem;}
.jqnav_wrap .jqnav{width:85.86%;margin:0 auto;}
.jqnav_wrap .jqnav>li{margin:0!important;background: url(../images/24jieqi/nav_line02.png) left center no-repeat;width:7.68%!important;height:0.93rem;line-height:0.93rem;text-align: center;}
.jqnav_wrap .jqnav>li a{display: inline-block;width:0.66rem;}
.jqnav_wrap .jqnav li a span{color:#999;font-size:0.26rem;font-family: "MFJunYa";/*font-weight: bold;*/display: inline-block;width:0.26rem;line-height: 140%;vertical-align: middle;}
.jqnav_wrap .jqnav .finish {background: url(../images/24jieqi/nav_line01.png) left center no-repeat;;}
.jqnav_wrap .jqnav .finish a span{color:#000;}
.jqnav_wrap .jqnav .jqnav_active{background: url(../images/24jieqi/nav_bg02.png) center center no-repeat;position:relative;z-index:10;margin-right:-1px!important;background-size: contain;}
.jqnav_wrap .jqnav .jqnav_active a span{color:#fff;}
.jqnav_wrap .navbtn_left,.navbtn_right{width:0.69rem;height:0.93rem;top:63%;}
.jqnav_wrap .navbtn_right{right:0;background: url(../images/24jieqi/jqnav_right.png) center right no-repeat;background-size:contain;}
.jqnav_wrap .navbtn_left{left:0;background: url(../images/24jieqi/jqnav_left.png) center left no-repeat;background-size:contain;}
/*jqnav end*/
.sp_tit{width: 22%;margin: 0 auto;padding:6% 0;}