@charset "utf-8";

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'SourceHanSansCNLight','Microsoft YaHei','simsun','arial','tahoma';  color: #fff; background: url(../images/bgwl0.jpg) repeat-y; width: 100%;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; line-height: 1.5em; }
button,input,select,textarea{font-size:100%; font-family:'SourceHanSansCNLight','Microsoft YaHei','simsun','arial','tahoma';}
fieldset,img{border:0;}
a { text-decoration: none; color: #666; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.pa { position: absolute;}

.w100 { width: 100%; display: block;}
.ft14 { font-size: 0.25rem;}
.ft16 { font-size: 0.3rem;}

.kv,.desc { width: 100%; height: auto; overflow: hidden;}
.title { text-align: center; padding: 0.6rem 0; color: #fff;}
.title .tit { font-size: 0.5rem; line-height: 0.5rem; padding-bottom: 0.2rem; letter-spacing: 0.15rem; }
.title .des { font-size: 0.3rem; line-height: 0.5rem; letter-spacing: 0.1rem; color: #dcdddd;}
.title .des i { color: #690615;}
.title .des00 { letter-spacing: 0.02rem;}
.stitle { font-size: 0.3rem; line-height: 1em; text-align: center; padding: 0.5rem 0; letter-spacing: 0.1em; background: #000;}

/*导航*/
.navigator{height: 0px;line-height: 1rem;background: #202020;position: relative;z-index: 100;border-bottom: 1px solid #373737;  top: 0; left: 0; width: 100%;padding-top: 12.5%;}
.navCont{ position: relative; height: 80px;line-height: 80px;}
.navCont.on{ position: fixed; width: 100%; height: 0px; left: 0; top:0; width: 100%; background: #202020;padding-top: 12.5%;}
.navCont.on.over{ display: none; }
.navigator_logo{float: left;position: absolute; top:0;width: 98%;height: 100%;padding: 0 2%;}
.navigator_logo a{display:block;width: 22.5%;position: absolute;top: 50%;margin-top: -3%;}
.navigator_logo img{  }
.navigator_list{float: left; position: relative; display: none; position: fixed;left: 0;right: 0;top: 0;padding: 0;margin: 12.5% 0 0;background: #202020;height: 0;overflow: hidden;visibility: visible;bottom: 0;height: auto;overflow-y: auto;z-index: 99999;}
.navigator_list li{position: relative;float: left; width: 90%; padding: 0 5%; font-size: 0.35rem;}
.navigator_list li a { color: #dcdddd; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in;}
.navigator_list li a.first_nav{ text-align: left; text-indent: 0.5em;height: 1.1rem; line-height: 1.1rem; border-bottom: 1px solid #444; color:#dcdddd; background: none; display: block;}
.navigator_list li ul.second_nav{ height: 0; position: absolute;z-index: 2;top: 80px;width:350%;background: #202020; overflow: hidden;}
.navigator_list li a.first_nav:hover,.navigator_list li.mouseon a.first_nav{  color: #fff; }
.navigator_list li ul.second_nav li{border-bottom: 1px solid #373737;width: 100%; background: #202020; }
.navigator_list li ul.second_nav li a{display: block;padding: 1% 0;}
.navigator_list li ul.second_nav li a:hover{ background: #373737; }
.navigator_list li ul.second_nav li a .text{width: 52%;position: absolute;top: 50%;left: 44%;margin-top: -3%;}
.navigator_list li.last_li .first_nav,.navigator_list li.last_li .first_nav:hover{ background-image: none;  } 
.navigator_list li.last_li{ width: 9.2em; }
/* .navigator_list li a.yysj,.navigator_list li a.yysj:hover { background: #690615; margin-left: -2px;} */
.navigator_logo a.nav_trigger{display: block;position: absolute;right: 5%;top: 0;height: 100%;width: 5%;/* padding-left: 30px; */margin-top: 0;}
.nav_trigger .nav_icon{display: block;position: absolute;width: 100%;height: 3px;background-color: #666666;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration:0.5s;transition-duration: 0.5s;top: 50%;}
.nav_trigger .nav_icon:before,.nav_trigger .nav_icon:after{content: '';display: block;width: 100%;height: 3px;position: absolute;background: #666666;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.nav_trigger .nav_icon:before{margin-top:-35%;}
.nav_trigger .nav_icon:after{margin-top:35%;}
.nav_trigger.second_active .nav_icon{background: rgba(0, 0, 0, 0);}
.nav_trigger.second_active .nav_icon:before{margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.nav_trigger.second_active .nav_icon:after{margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: none;}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}

.lmhz { width: 100%; /*height: 6.16rem;*/height:auto; overflow: hidden;}
.lmhz .swiper-slide { width: 95.3%;}

.guangan_top { width: 100%; height: 5.73rem; overflow: hidden;}
.guangan { width: 100%; height: 6.2rem; overflow: hidden; margin-top: 10px;}
.guangan .swiper-slide { width: 94.4%;}
.guangan .swiper-slide img { height: 4.8rem;}
.guangan .swiper-container { height: 6.2rem;}

.jiagan_top { width: 100%; height: 5.73rem; overflow: hidden;}
.jiagan { width: 100%; height: 6.14rem; overflow: hidden; margin-top: 10px; background: #191919;}
.jiagan .swiper-slide { width: 94.4%;}
.jiagan .swiper-slide > img { height: 3.94rem;}
.jiagan .swiper-container { height: 6.14rem;}
.jiagan .stitle { background: #202020;}
.jiagan .stitle p { margin-top: 0.2rem;}

.chugan_top { width: 100%; height: 5.57rem; overflow: hidden;}
.chugan { width: 100%; height: 7.86rem; overflow: hidden;}
.chugan_tab { width: 100%; height: 1.54rem; overflow: hidden; background: #151515;}
.chugan_tab span { width: 50%; float: left; display: block; height: 100%; font-size: 0.32rem; text-align: center; line-height: 0.54rem; color: #bcbcbc;}
.chugan_tab span.active { background: #3a3a3a;}
.chugan_tab span img { display: block; margin: 0 auto; width: 0.53rem; height: 0.53rem; margin-top: 0.25rem;}
.chugan_con { width: 100%; height: 6.32rem; overflow: hidden; background: #000;}

.anxin { width: 100%; height: 6.4rem; overflow: hidden; }
.anxin .swiper-container { height: 6.4rem;}
.anxin .swiper-slide { width: 95.7%;}
.anxin .swiper-slide img { height: 5rem;}

.swiper-pagination-bullet-active { background: #fff; border: 1px solid #fff;}
.swiper-pagination-bullet { border: 1px solid #fff; width: 6px; height: 6px;}
.jcsp_con .swiper-container { height: 6.66rem; padding-bottom: 1.2rem;}
.jcsp_con { width: 100%; height: 7.96rem; overflow: hidden; background: #191919;}
.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%;  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: 3.66rem; line-height: 0.4rem;}
.peizhi_p p{width: 90%;margin: 0 auto;}
.peizhi_scroll { width: 100%; height: 4rem; position: relative;}

.spec_con_list { border-bottom:2px solid #202020;}
.specification_content{width: 96%;margin: 0 auto; overflow: hidden;padding:0 2% 2%;}
.specification_content table { background: #202020;}
.specification_content td:last-child{border-right: inherit;}
.specification_content  h2{color:#fff; font-weight:normal; padding:0.14rem 0.14rem 0.14rem 0.26rem;  font-size: 0.24rem;  background: #4a4a4a 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:#fff; background:#4a4a4a 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{ font-size: 0.2rem;  color: #fff; padding: 0.133rem 0;border-collapse:collapse; text-align: center; vertical-align: middle; border-bottom: 1px solid #666; border-top:1px solid #666; border-right:1px solid #666;}
.specification_content th{  padding: 0.06rem; text-align: left; color: #fff; border-top: 1px solid #666; 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;word-wrap: break-word;word-break: break-all;}
.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;}


.footerCar{background: url(../images/footerbg.jpg) 0 0 repeat;}
.footerCar .content{  }
.footerCarList{margin: 0 auto;clear: both;overflow: hidden;zoom: 1;}
.footerCarList li{width: 25%;float: left; /* padding-bottom: 2em; */}
.footerCarList li a{  }
.footerCarList.wrapper{ width: 100%; }
.footer{background: #000;}
.footer .footer_con{margin: 0 auto;position: relative;padding: 1.5em 0;text-align: left; height: auto; overflow: hidden;}
.site-phone{ color: #aaa; text-align: center; }
.site-phone span{display: block;width: 100%;clear: both;overflow: hidden;zoom: 1;margin-bottom: 0.5em;}
.site-phone span img{display: inline-block;margin-right: 1em;}
.site-phone span em{display: block;line-height: 0.3rem; font-style: normal; color: #dcdddd; max-height: 999em;}
.site-phone a{ color: #b3b3b3; }
.site-phone span img:nth-child(1){width: 30%;}
.site-phone span img:nth-child(2){width: 10%;}
.site-menu{ text-align: center; color: #6e6e6e;padding-top: 2%;}
.site-menu a{color: #6e6e6e;}
.swiper-slide{ overflow: hidden; }
.footerCarList img{-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in;}
.footerCarList img:hover{opacity:1;filter:alpha(opacity=100);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

iframe{ display: none; }
.testWrapper{background: #141414;z-index: 999;position: absolute;width: 100%; height:100%;top: 0px;left: 0; display: none;}
.testCont{ width: 90%; height: 98%; margin:0 auto; padding:2% 0; }
.form{position: relative; }
.formList{width: 100%;float: left; font-size: 0.3rem;}
/* .formList.formLast{width: 28%;position: absolute;right: 0;} */
.formItem{clear: both;overflow: hidden;zoom: 1;padding: 0.75em 0;}
.formItem span{float: left;display: block;line-height: 1rem;height: 1rem;width: 25%;text-align: right;padding-right: 5%;font-size: 0.35rem;}
.formItem span em{margin-right: 0.5em;}
.formItem p{height: 1.5em;float: left;width: 60%;height: 1rem;}
.formItem p span{width: 95%;overflow: hidden;background: url(../images/sel2.png) right center no-repeat #fff;}
.formItem p input{width: 100%;border: none;height: 1rem;line-height: 1rem;display: block;color: #000;/* padding: 0 10px; */text-indent: 0.5em; color: #000; border-radius: 0;}
.formItem p em{  }
.formItem p select{height: 1rem;line-height: 1rem;width: 120%;border: none;background: none;color: #000;}
.formItem.readyCon{position: relative;padding: 9px 0 0 32px;}
.formItem.readyCon .check{position: absolute;left: 10px;top: 11px;}
.formItem.readyCon p{height: auto;line-height: 1.25em;font-size: 0.9em;text-align: left;width: 100%;font-size: 12px;}
.formItem.readyCon p strong{display: block;}
.formItem.readyCon .testbtn{background: #6e0f0f;display: block;text-align: center;height: 1.1rem;line-height: 1.1rem;float: left;width: 107%;margin-top: 8px;margin-left: -8%; color: #fff; font-size: 0.4rem; margin-top: 0.5rem;}
.formList.formtext{width: 24%;padding-right: 10%;}
.formList.formtext span.tt{ width:6em;  }
.closeTest{text-indent: -999em;width: 6%;height: 0;padding-top: 6%;background: url(../images/close.png) center center no-repeat;background-size: 100%;text-indent: -9999em;display: block;right: 5%;top: 0.9rem;position: absolute;}



.cal_btn{  }
.testWrapper.on{ position: fixed; width: 100%; }
.form h1 { font-size: 0.6rem; padding: 0.8rem; text-align: center;}

.yysj-right { width: 0.48rem; height: 2.08rem; background: url(../images/yysj_btn.png) no-repeat; background-size: 100%; position: fixed; right: 0; top: 40%; z-index: 99; cursor: pointer;}