/*基本样式------------------*/
html{ height: 100%;overflow-y:scroll;  }
html,body{ width: 100%; overflow-x:hidden; }
body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,header,menu,footer,section,video,article,button,input,select{margin:0;padding:0;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,span,menu,footer,section,video,article,hgroup,button,label{zoom:1;}
/* body{background:#000;text-align:center;font-family:'SourceHanSansCNLight','Microsoft YaHei',simHei;vertical-align:middle;font-size:16px;} */
input,button{font-family:'SourceHanSansCNLight','Microsoft YaHei',simHei; }
/* html,body,td,th{color:#dcdddd;font-size:14px;line-height:1.75em;} */
input,select{vertical-align:middle;line-height:normal;color:#fff;outline:none;}
option{ line-height: 1.5em; padding:0; min-height: 1.5em; height: 1.5em; color: #000; }
textarea{font-size:1em;line-height:1.75em;} 
a{outline:0;cursor:pointer; color: #b3b3b3; }
button{cursor:pointer;}
a:link,a:visited,a:active,a:hover{text-decoration:none;}
a:hover{color: #fff;}
img{border:0;vertical-align:top; display:block;}
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;}
.hidden{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
span.center{display:inline-block;margin:0 -0.5em 0 -1px;vertical-align:middle;width:1px;height:100%;overflow:hidden;visibility:hidden;}
iframe{ position:absolute; left:0; top:0; z-index:-1}
ul{list-style-type:none;}
.pcblock{ display: block; }
  .wapInline{ display:none ; }
  .pcInline{ display: inline; }
.w100{ width: 100%; }
.clearfix:after { content: " "; display: block; clear: both; height: 0; } 
.clearfix { zoom: 1; } 
@media all and (min-width:0px){
  a.img_container  img{-webkit-transition:all .8s ease;-moz-transition:all .8s ease;transition:all .8s ease;}
  /* a.img_container:hover  img,.swiperImgV .swiper-slide span:hover img{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);} */
  a.img_container:hover  img,.footerCarList img:hover,.productNav a:hover img{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);}
}
.forPC{ display: block; }
.forWAP{ display: none; }
.wapShow{ display: none; }
.wrapper{ width: 75%; }
.title{  }
.title h1.tips{font-size: 2.15em;font-weight: normal;background: url(../images/h1.jpg) bottom center no-repeat;padding: 2% 0 0;letter-spacing: 0.15em;/* border-bottom: 1px solid #202020; */}
.title h2.tips{font-size: 2em;font-weight: normal;padding-bottom: 2%;letter-spacing: 0.15em;}
.title h3.tips{font-size: 1.75em;font-weight: normal;padding: 2% 0 1%;letter-spacing: 0.15em;}
.title h4.tips{font-size: 1.05em;line-height: 2em;font-weight: normal;letter-spacing: 0.15em;padding: 1.5% 0; color: #999999}
.title h4.tips span{ display: block; }
.content{  }
.goop{ display: none; }
.swiper1{  }
/* .swiper1btn{width: 35%;margin: 1.5% auto;position: relative;}
.swiper1btn .swiper1_btn{width: 20px;height: 20px;cursor: pointer;position: absolute;top: 50%;margin-top: -7px;}
.prev_small{background: url(../images/prev_white.png) center center no-repeat;left: -20px; cursor: pointer;}
.next_small{background: url(../images/next_white.png) center center no-repeat;right: -20px; cursor: pointer;}
.swiper1btn .swiper1_btn.swiper1_pagination{  }

.prev_small1,.next_small1{ position: absolute; width: 4%; height: 0;top: 50%;padding-top: 4%; margin-top:-10%;cursor: pointer;z-index: 2; cursor: pointer; }
.prev_small1{background: url(../images/prev.png) center center no-repeat;background-size: 100% auto;left: 0;}
.next_small1{background: url(../images/next.png) center center no-repeat;background-size: 100% auto;right: 0;} */

/* .prev,.next{position: absolute;width: 4%;height: 0;top: 50%;padding-top: 4%;cursor: pointer;z-index: 2; cursor: pointer;}
.prev{background: url(../images/prev_img.png) center center no-repeat;background-size: 100% auto;left: 0;}
.next{background: url(../images/next_img.png) center center no-repeat;background-size: 100% auto;right: 0;} */

/*导航*/
.navigator{height: 80px;line-height: 80px;background: #202020;position: relative;z-index: 99;}
.navCont{ position: relative; height: 80px;line-height: 80px;}
.navCont.on{ position: fixed; width: 100%; height: 80px; left: 0; top:0; width: 100%; background: #202020;}
.navigator_logo{float: left;position: relative;width: 10%;height: 100%;padding: 0 2%;}
.navigator_logo a{display:block;width: 71%;position: absolute;top: 50%;margin-top: -11%;}
.navigator_logo img{  }
.navigator_list{float: left; position: relative;border-bottom: 1px solid #373737;}
.navigator_list li{position: relative;float: left;width: 7.2em;}
.navigator_list li a.first_nav{display: block; padding: 0 1.5em;background: url(../images/nav.png) right center no-repeat; white-space: nowrap;}
.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{ background: url(../images/nav.png) right center no-repeat #373737; 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; }
.productNav{  }
.productNav li{ position: relative; overflow: hidden; }
.navigator_list li ul.second_nav.productNav li a{ padding: 0; }
.productNav span{position: absolute;top: 50%;margin-top: -0.5em;display: block;line-height: 1em;}
.productNav a img{ opacity: 0.7; }
.productNav span.textLeft{left: 2em;}
.productNav span.textLRight{ right: 2em; }
.navigator_logo a.nav_trigger{display: none;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);}

/* .productNav a:hover img{ opacity: 1; } */
/*二级导航*/
.page_nav{background: #1a1a1a;height: 80px;line-height: 80px;width: 100%;z-index: 99;position: relative;}
.page_navlist{display: inline-block;*display:inline;vertical-align:top; margin-left: 0.4em;}
.page_navlist li{display: inline-block;*display:inline;zoom: 1;margin-left: -0.3em;/*  background: url(../images/nav.png) right center no-repeat; */}
.page_navlist li a{display: block;padding: 0 1.7em; color: #999999;white-space: nowrap;}
.page_navlist li.last_li{  }
.page_navlist li.last_li.testdrive{background: none;  }
.page_navlist li.last_li.testdrive a,.page_navlist li.last_li a.configBtn.show{ background: #6e0f0f; color: #fff; }
.page_navlist li a:hover,.page_navlist li a.hover{ background: #282828; color: #fff; }



.col3_list{clear: both;overflow: hidden;zoom: 1;}
.col3_item{width: 33.33%;float: left;overflow: hidden;position: relative;cursor: pointer;}
.col3_item .col3_img{overflow: hidden;}
.col3_item img{  }
.col3_item .col3_text{position: absolute;bottom: 1em;width: 100%;}
.col3_item .col3_text h1{font-size: 1.25em;font-weight: normal;padding: 0.5em 0;}
/* .col3_item .col3_text p{font-size: 1em;padding: 0;height: 0;overflow: hidden;} */
.col3_item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.col3_item:hover .col3_text{  }
.col3_item:hover .col3_text h1{  }
/* .leader-swiper .swiper-slide:hover .col3_text p{ height: auto; } */
/* .nsSS{-webkit-transition:height .4s ease;-moz-transition:height .4s ease;transition:height .4s ease;} */

.col4_list{margin: 0 auto;overflow: hidden;clear: both;zoom: 1;}
.col4_item{width: 24%;float: left;margin: 0 0.5%;background: #161616;position: relative;padding-top: 31%;}
.col4_item .col4_img{overflow: hidden;position: absolute;top: 0;left: 0;}
.col4_item img{  }
.col4_item .col4_text{padding: 10% 13% 13% 13%;position: absolute;top: 0;left: 0;margin-top: 63%;}
.col4_item .col4_text h1{font-size: 1.25em;font-weight: normal;padding-bottom: 1em;letter-spacing: 0.2em;}
.col4_item .col4_text p{line-height: 2em;letter-spacing: 0.05em;}
.col4_item:hover{background: #373737;  }
.col4_item:hover img{ -moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1); }
.col4_item:hover .col4_text{  }
.col4_item:hover .col4_text h1{  }
.col4_item:hover .col4_text p{  }

.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;}
.footerCarList li a{  }
.footerCarList.wrapper{ width: 55%; }
.footer{background: #000;}
.footer .footer_con{margin: 0 auto;position: relative;padding: 1.5% 0;text-align: left;}
.site-phone{  }
.site-phone span{display: block;width: 100%;clear: both;overflow: hidden;zoom: 1;margin-bottom: 0.5em;}
.site-phone span img{display: block;margin-right: 1em;float: left;}
.site-phone span em{display: block;float: left;line-height: 26px;font-size: 0.8em; font-style: normal; }
.site-phone a{  }

.site-menu{position: absolute;right: 5%;top: 0;color: #6e6e6e;padding-top: 2%;}
.site-menu a{color: #6e6e6e;}
/* .swiper-slide{ overflow: hidden; } */
.swiperImgV .swiper-slide span{ cursor: pointer; display: block; overflow: hidden; }

.rightPanel{position:fixed;bottom:5%;right:10px;z-index:2000;}
.rightPanel ul li{margin-bottom: 2px;overflow:hidden;cursor:pointer;}
.rightPanel ul li p{position:relative;display:none;visibility:hidden; padding:0 1.5em; height:50px;line-height:50px;text-align:center;font-size:12px;color:#FFF;z-index:50}
.rightPanel ul li img,.rightPanel ul li p{position:relative;float: left;}
.rightPanel ul li img{float: right; z-index:100; background: #6e0f0f;}
.rightPanel ul li:hover p{display:block;visibility:visible;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.rightPanel ul li:hover{background:url(../images/navbg.png) repeat;width:auto;}
.pageC .pagination{ position: static; }
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.on.page_nn{ position: fixed; left: 0; top:0; height: 80px; line-height: 80px; background: #1a1a1a; width: 100%; z-index: 999; overflow: hidden;}
.page_nn .navigator_logo{ display: none;  position: absolute; left: 0; top:0;}
.on.page_nn .navigator_logo{ display: block; animation: logo 0.4s linear 0s 1 forwards; -webkit-animation: logo 0.4s linear 0s 1 forwards; }
@-webkit-keyframes logo {
  0% {
    opacity: 0; display: none;
    -webkit-transform: translate3d(-100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1; display: block;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes logo {
  0% {
    opacity: 0; display: none;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1; display: block;
    -webkit-transform: none;
    transform: none;
  }
}
.font7{margin:0 3em }

.navc{ width: 100%; height: 100%; }
.nav.on .navc{ position: fixed; left: 0; top:0; width: 100%; height: 58px; background: #202020; z-index: 999 }

.pagination{bottom: 2%;z-index: 2;position: absolute;left: 0;width: 100%;}
.pagination .swiper-pagination-switch{height: 0;width: 0.8%;display: inline-block;background: none;cursor: pointer;padding-top: 0.8%;border-radius: 50%;border: 1px solid #fff;margin: 0 0.3%;}
.pagination .swiper-pagination-switch.swiper-active-switch{ background: #fff; }
.navMd{ position: absolute; bottom:70px; }
.pre{ position: relative; }

/* 导航 */
.nav{
    background: #202020;
    height: 58px;
    overflow: hidden;
    z-index: 2;
}
.nav ul{
    width: 1080px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}
.nav.four ul li{
    position: relative;
    width: 25%;
    float: left;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #999999;
    /* font-size: 16px; */
    font-size: 1em;
    cursor: pointer;
}
.nav.three ul li{
    position: relative;
    width: 33.33%;
    float: left;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #999999;
    /* font-size: 16px; */
    font-size: 1.05em;
    cursor: pointer;
}
.nav ul li.li1::before{
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    left: 0;
    top: 0; background:url(../images/nav.png) right center no-repeat;
}
.nav ul li::after{
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;background:url(../images/nav.png) right center no-repeat;
    /* background-color: #898989; */
}
.nav ul li.active{
    background: #373737;
    color: #ffffff;
}
.nav ul li.active::after{
    background: none;
}
.nav ul li.active::before{
    background: none;
}
.nav ul li.after::after{
    background: none;
}

iframe{ display: none; }
.testWrapper{background: #141414;z-index: 99;position: absolute;width: 100%;top: 80px;left: 0; display: none;}
.testCont{ width: 1100px; height: 100px; margin:0 auto; padding:2% 0; background: url(../images/index/test.png) left center no-repeat; }
.form{padding-left: 100px;clear: both;zoom: 1;overflow: hidden;position: relative;}
.formList{width: 22.5%;float: left;}
.formList.formLast{width: 28%;position: absolute;right: 0;}
.formItem{clear: both;overflow: hidden;zoom: 1;padding: 0.75em 0;}
.formItem span{width: 4em;float: left;display: block;line-height: 30px;height: 30px;/* width: 100%; */}
.formItem span em{margin-right: 0.5em;}
.formItem p{height: 1.5em;float: left;width: 150px;height: 30px;}
.formItem p span{width: 100%;overflow: hidden;background: url(../images/sel2.png) right center no-repeat #fff;}
.formItem p input{width: 100%;border: none;height: 30px;line-height: 30px;display: block;color: #000;/* padding: 0 10px; */text-indent: 0.5em; color: #000;}
.formItem p em{  }
.formItem p select{height: 30px;line-height: 30px;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: 30px;line-height: 30px;float: left;width: 107%;margin-top: 8px;margin-left: -8%;}
.formList.formtext{width: 24%;padding-right: 10%;}
.formList.formtext span.tt{ width:6em;  }

.cal_btn{  }
.testWrapper.on{ position: fixed; width: 100%; }

.configWrapper{ display: none; position: fixed; left: 0; top:0; width: 100%; height: 100%;    background: url(../images/bg.jpg) 0 0 repeat;
    z-index: 999; }
.config{width: 70%;margin:0 auto;padding-top: 49%;height: 0;position: relative;}
.config h1{position: absolute;font-size:1.75em;font-weight: normal;margin-bottom: 2%;top: 5%;width: 100%;}
.config .closeConfig{text-indent: -999em;width: 3%;height: 0;padding-top: 3%;background: url(../images/close2.png) center center no-repeat;background-size: 100%;text-indent: -9999em;display: block;right: 0;top: 0;position: absolute;}

.congfigTab{ background: #373737; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.congfigTab th{ color: #ffffff; font-weight: normal;}
.congfigTab td{text-align: center;color: #ffffff; font-size:1em;}
.congfigTab td,.congfigTab th{word-break: break-all; word-wrap: break-word; padding:0.5em 1em; border-left: 1px solid #0a0a0a; border-top: 1px solid #0a0a0a;}
.congfigTab  thead th{ background: #1e1d1f; }
.congfigTab  thead td{ background: #373737;  }
tr.conTitle{ background:url(../images/hide.jpg) 98% center no-repeat #282828; }
td.left{  text-align: left; padding-left: 2em; }
.config-tbody1{ display: none; }
.configTips{width: 93%;padding: 2% 2% 3% 5%;text-align: left;position: relative;}
.configTips h1{position: absolute;left: 5%;font-size: 1em;margin-left: -2em;}
tr.conTitle.show{ background:url(../images/show.jpg) 98% center no-repeat #282828; }
.congfigTab td span{ display: block; padding:0.25em 0 0.25em 1em; }

.congfigTab tr.td td{word-break: break-all; word-wrap: break-word; padding:0 0 0.5em 0;}

.congfigTab tr.td td.left{ padding-left: 2em; border-top: 1px solid #373737; }
.configTitle tbody{ display: none; } 
.configScroll{position: absolute;width: 100%;height: 88%;bottom: 0; overflow: hidden;}
.configTitle{ position: absolute; left: 0; top:0; width: 100%; z-index: 2}
.configScrollItem{ height: 100%; overflow: hidden; }
.mCSB_outside+.mCSB_scrollTools{ right: -5px; }

/* .navigator_list li ul.second_nav li a .cx8{ width: 104% } */

.conTitle th,.congfigTab th{ text-align: left; }


@media screen and (max-width: 1366px) {
  /* body{ font-size:12px; } */
  /* .wrapper{ width: 100%; } */
}
@media screen and (max-width: 1280px) {
  /* body{ font-size:12px; } */
  .wrapper{ width: 85%; }
  .MoreList .MoreItem {width: 35%;padding: 0 35% 2% 0;}
  .title h4.tips{ font-size:1em; }
}

@media all and (min-width:0px) and (max-width:999px){
.forPC{ display: none; }
.forWAP{ display: block; }
  /* body{ font-size:14px; } */
  a{ color: #fff; }
  .col2_item,.col3_item,.col4_item{width: 100%;}
  /* .col2_item .col4_text p, .col3_item .col3_text p, .col4_item .col4_text p,.col2_item .col2_text p{ height: auto; } */
  .col2_item .col4_text h1, .col3_item .col3_text h1, .col4_item .col4_text h1{  }
  .title h1.tips{background: url(../images/h1.jpg) bottom center no-repeat;background-size:2em auto;font-size: 1.35em;letter-spacing: 0.05em;}
  .wapShow{ display: inline; }
  .wapInline{ display: inline; }
  .pcInline{ display: none; }
  .title h1.tips{}
  .title h2.tips{
    padding: 3% 0;
    font-size: 1.35em;
}
  .title h3.tips{ font-size: 1.25em; }
  .title h4.tips {font-size: 1em;line-height: 1.75em;padding: 1% 0 2.5%; letter-spacing: normal; }
  .col2_item .col2_img{ position: relative; padding-top: 56%; height: 0; }
  .footerCarList.wrapper{ width: 100%; }
  .rightPanel{ display: none; }
  /*footer*/
  .footer .footer_con{padding: 1.5em 0;}
  .site-phone span img{display: inline-block;float: none;}
  .site-phone span img:nth-child(1){width: 30%;}
  .site-phone span img:nth-child(2){width: 10%;}
  .site-phone span img:nth-child(3){width: 15%;}
  .site-phone span{text-align: center;margin: 0;}
  .site-phone span em{float: none; color: #ddd;}
  .site-phone{ text-align: center; color: #aaa; }
  .site-phone a{  color: #aaa; }
  .site-menu{ display: none; }
  /* .pagination .swiper-pagination-switch{width: 2%;padding-top:2%;} */

 
   /*导航*/
  .navigator,.navCont,.navCont.on{height: 0;padding-top: 12.5%;line-height: 1em;}
  .navCont{position: absolute;top: 0;left: 0;width: 100%;}
  .navigator_logo{position: absolute;top: 0;width: 98%;}
  .navigator_list{ 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,.navigator_list li.last_li{width: 90%;padding: 0 5%;font-size: 1.25em;}
  .navigator_list li a.first_nav{ padding:1em 0; text-align: left; text-indent: 0.5em;height: 1em; line-height: 1em; border-bottom: 1px solid #444; color:#dcdddd; background: none;  }
  .navigator_logo a.nav_trigger{ display: block; }
  .navigator_logo a.logo{width: 22.5%;margin-top: -3%;}
  .hasSencond{ position: relative; }
  .hasSencond:before {content: "+";float: right;font-family: simSun;color: #9C9C9C;font-size: 2em;}
  .navigator_list li.mouseon .hasSencond:before{content:"-";font-family:simSun;color:#9C9C9C;font-size:2em;}
  .navigator_list li a.first_nav:hover, .navigator_list li.mouseon a.first_nav{ background: #202020 }
  .navigator_list li ul.second_nav{position: relative;top:0;width: 100%;}
  .navigator_list li ul.second_nav li{padding-left: 0;}
  .navigator_list li ul.second_nav li a{  }
  .navigator_list li ul.second_nav li a img{width: 70%;margin-left: -2%;}
/* .navigator_list li ul.second_nav li a .axela{ width: 90% }
.navigator_list li ul.second_nav li a .cx8{ width: 105% } */
  .navigator_list li ul.second_nav li a .text{width: 40%;margin-top: -2%;left: 28%;}
  .navigator_list li ul.second_nav.productNav li a img{ width: 100%; padding:0; margin:0.5% 0;  }
  .productNav span.textLeft,.productNav span.textLRight{ font-size: 0.8em; right: auto; left: 1em; }
  /*首页导航*/
  .on.page_nn .navigator_logo,.page_nn .navigator_logo{ display: none; }

  .page_navlist{margin:0;width: 100%;display: block;overflow-x:scroll;white-space: nowrap;/* padding-right: 16%; */position: absolute;height: 100%;overflow-y: hidden;}
  .page_navlist::-webkit-scrollbar {/*滚动条整体样式*/width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/height: 1px;}
  .page_navlist::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;background: #535353;}
  .page_navlist::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 10px;}
  .page_navlist li{width: 6.5em;height: 100%;font-size: 0.75em;}
  .page_navlist li a{padding: 0;height: 100%;font-size: 1.1em;position: relative;}
  .page_navlist li a span{position: absolute;bottom: 15%;width: 100%;left: 0;}
  .page_navlist li:nth-child(1) a{background: url(../images/nav_15.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(2) a{background: url(../images/nav_12.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(3) a{background: url(../images/nav_03.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(4) a{background: url(../images/nav_06.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(5) a{background: url(../images/nav_09.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(6) a{background: url(../images/nav_29.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(7) a{background: url(../images/nav_32.png) center 20% no-repeat;background-size: auto 55%;;}
  .page_navlist li:nth-child(8) a{background: url(../images/nav_26.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(9) a{background: url(../images/nav_15.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(1) a.hover{background: url(../images/1nav_15.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(2) a.hover{background: url(../images/1nav_12.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(3) a.hover{background: url(../images/1nav_03.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(4) a.hover{background: url(../images/1nav_06.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(5) a.hover{background: url(../images/1nav_09.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(6) a.hover{background: url(../images/1nav_29.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(7) a.hover{background: url(../images/1nav_32.png) center 20% no-repeat;background-size:auto 55%;}
  .page_navlist li:nth-child(8) a.hover{background: url(../images/1nav_26.png) center 20% no-repeat;background-size: auto 55%;}
  .page_navlist li:nth-child(9) a.hover{background: url(../images/1nav_15.png) center 20% no-repeat;background-size:auto 55%;}
  .page_nav{height:0;padding-top: 17%;line-height: 1em;overflow: hidden;}
  .page_nn{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
  .on.page_nn{height: 0;line-height: 1em;padding-top: 17%;}
  .page_nn .wapShow.testB span{position: absolute;bottom: 15%;width: 100%;left: 0;}
  .page_nn .wapShow.testB{background: url(../images/nav_23.png) center 27% no-repeat #6e0f0f;background-size: 35% auto;color: #fff;display: block;padding: 0 1.5em;width:4.5em;top: 0;position: absolute;right: 0;height: 100%;/* display: none; */}
  .page_re{height: 100%;width: 100%;position: absolute;top: 0;left: 0;}


.wapHide{ display: none; }
.tableTab{ clear: both; overflow: hidden; zoom:1; }
.tableTab span{ position: relative; z-index: 2; display: block; float: left; width: 24%; background: #262626; padding:2% 0; margin:0 0.5%; }
.tableTab span.active{ background: #373737; }
.config .closeConfig{padding: 8% 0 0 0;width: 9%;}

/*配置表*/
.config{padding: 0;width: 98%;height: 98%;}
.config h1{font-size: 1.45em;top: 3%;}
.configScroll{top: 10%;}
.configSS{ display:none;}
.configTT{ overflow-y:scroll; height: 90%; overflow-x:hidden;   }
.congfigTab td{ display: none; font-size: 0.8em; }
.congfigTab th{ text-align: left; padding:0.5em 2%;  font-size: 0.8em;}
.configScrollItem{ height: 90%; }
.configTitle{ position: static; }
.configWap{ display: table-row-group; }
.configTitle tbody.config-tbody1{ display: none; }
.configTitle tbody,.configTitle tbody.config-tbody1.configWap{display: table-row-group;  }
.configTitle tbody.config-tbody1.configWap td{ width: 50%; }

.configTitle{ table-layout:fixed }
.configTitle tr{  }
.configTitle th,.configTitle td{  }



.testWrapper{ position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 9999; }
.testCont{width: 90%;height: 98%; background: none;}
.form{padding: 0;}
.formList,.formList.formtext{width: 100%;}
.formItem{  }
.formItem span{width: 25%;text-align: right;padding-right: 5%;font-size: 1.1em;}
.formItem p{width: 60%;height: 40px;line-height: 40px;}
.formList.formLast{width: 100%;position: static;}
.formList.formtext span.tt{width: 25%;}
.formItem.readyCon .testbtn{height: 40px;line-height: 40px;font-size: 1.25em;}
.formItem p span{width: 95%;height: 40px;line-height: 40px;}
.formItem p select,.formItem p input{height: 40px;line-height: 40px;font-size: 1.1em;}
.form h1{font-size: 1.75em;padding: 5%;}
.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: 3%;position: absolute;}
.formItem.readyCon p{ font-size: 1.25em; }
.formItem.readyCon .check{ width: 1.25em; height: 1.25em; }

.cal_ontent h1{ border: none; }
.cal_ontent .closeCal{  }
.cal_ontent{  }
.pcblock{ display: inline; }
.indexbanner .pagination{ bottom: 20%; }
/* .prev, .next{ display: none; } */

}
@media all and (min-width:768px) and (max-width:999px){
  .page_nav,.on.page_nn{ padding-top: 8% }
  .page_navlist li{ width: 8.5em; }
}


.content.blueCont{background: url(../images/news/kbbg.jpg) 0 0 repeat;}
