.nav-series ul{ padding-left: 120px;}
/* banner样式 */
.banner { position: relative; width: 100%; height: auto; background-position: center; background-repeat: no-repeat; }
.banner img.banner_img{ width: 100%;}
.banner img.banner_tit{ position: absolute; top: 35%; left: 12.5%;}
.center{ text-align: center;}
@media screen and (max-width: 1440px) {
	.banner img{ left: 0%;}
}
/** 图库样式 **/
.gallery-series .gallery-slide ul li img {transition: .1s transform;transform: translateZ(0); }
.gallery-series .gallery-slide ul li.large img {transition: .8s transform;transform: translateZ(0); }
/*.gallery-series .gallery-slide ul li:hover{position: relative;z-index: 999;}*/
.gallery-series .gallery-slide ul li:hover img{transform: scale(1.2, 1.2);transition: .8s transform;}

.service-series .from-service .content .input-select .input-option { display: none; width: 100%;height: 250px; z-index: 2; overflow-y: scroll; position: absolute; top: 41px; left: 0; background: #fff; padding: 10px 0; }
.exp-text .title { border-bottom: 1px solid #281315; width: auto; display: inline-block;}
.wrap .exp-text .title{ margin-right: 15%;}

.co-kv{ height: auto;}
.co-kv2{ height: auto;}
.co-kv2-img{ width: 100%;}
.co-kv3{ height: auto;}
.co-kv .bg{ height: auto;}
.co-kv .exp-text4{ width: 40%;}
.co-kv .left-center2{ left: 38%; top: 25%;}
.co-kv2 .bg{ height: auto;}
.co-kv .list{ bottom: auto; top: 50%; margin-top: 2%;}
.kv{ width: 100%;}
.marginB20{ margin-bottom: 20px;}
.kj-phone{ display: none;}
.zx-phone{ display: none;}
.bc-phone{ display: none;}

.cs35-safe{
	height: 822px;
}
.cs35-safe .bg{ height: 100%;}
.safe_img{ position: absolute; width: 63.38%; bottom: 5%; right: 5%;}
.cs35-chassis{
	/*height: 1027px;*/
	padding-bottom: 4%;
}
.config-series{ background: #eee;}

#s-region_id_3{ height: 150px;}

.car-color{
  width: 90%;
  margin:0 auto;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.car-color .color-title{
  position: relative;
  margin:80px 0 70px;
  border-bottom: 1px solid #959595;
}
.car-color .color-title strong{
  position: absolute;
  left: 50%;
  top:-20px;
  margin-left: -100px;
  width: 200px;
  font-size: 40px;
  color:#231815;
  line-height: 1;
  background: #fff;
  font-weight: normal;
}
.car-color .color-list{
  padding-bottom:20px; 
}
.car-color .color-list ul{
  display: inline-block;
  *display: inline;
  *zoom:1;
  font-size: 0;
}
.car-color .color-list ul li{
  display: inline-block;
  *display: inline;
  *zoom:1;
  width: 139px;
  margin:10px;
}
.car-color .color-list .color-item{
  width: 100%;
  height: 46px;
  margin: 0;
}
.car-color .color-list .color-text{
  font-size: 16px;
  color:#231815;
  margin-top: 10px;
}
@media screen and (max-width: 1366px){
  .car-color .color-title{
    margin:60px 0 50px;
  }
  .car-color .color-list{
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1200px){

  .car-color .color-title strong{
    font-size: 30px;
    top:-15px;
  }

}
@media screen and (max-width: 768px){
  .car-color .color-title strong{
    font-size: 16px;
    top:-8px;
    width: 100px;
    margin-left:-50px;
  }    
  .car-color .color-list ul li{
    margin:5px 0;
  }
  .car-color .color-list .color-text{
    font-size: 12px;
  }
}
@media screen and (max-width: 640px){

  .car-color .color-title strong{
      width: 160px;
      margin-left:-80px;
      font-size: 30px;
      top: -12px;
  }
  .car-color .color-list ul li{
    margin:8px;
    width: 120px;
  }
  .car-color .color-list ul li img{
  	width: 100%;
  }
  .car-color .color-list .color-text{
    font-size: 14px;
    margin-top: 5px;
  }
}


.btn-backtop{
  position: fixed;
  right: 10px;
  bottom:20px;
  left: auto;
  display: none;
}

.positiona{right:5%;top:20%;}
.positionb{right:5%;bottom:10%;}
.positionc{left:6%;top:20%;}
.positiond{right:0;top:15%;}
.co-kv .positiond .desccs15{ width: 100%;}
.co-kv .positione{left:6%;bottom:7%; width: 45%;}
.co-kv .positionf{left:6%;bottom:6%; width: 42%;}
.co-kv .positionf .desc{ width: 100%;}
.positionj{left:6%;bottom:12%;}
.positiong{right:15%;bottom:3%;}
.positionh{left:6%;bottom:26%;}
.co-kv .width40{width:33%;}
.co-kv .width46{width:46%; padding-right: 10%;}
.co-kv .width55{width:55%;}
.co-kv .width60{width:60%;}
.exp-text .width90{width:95%;}
.exp-text .width70{width:70%;}
.exp-text .width100{width:100%;}
.exp-text .sizecs95{font-size:20px;}
.exp-text ul li.changgui{list-style-type: none; background: url(../images/cs95/images/dian.png) no-repeat left 10px; padding-left: 15px;}
.exp-text ul li.marginr{list-style-type:disc; margin-right:45px;float:left;}

.exp-text .desccs15 {line-height: 1.8; width: 82%;font-size: 16px;}
.co-kv .left-bottomacs15 { right: 5%; top: 6%; width: 40%;}
.exp-text .titlecs95{border-bottom: 1px solid #231815;display: inline-block; font-size: 40px; padding-bottom: 15px;margin-bottom: 15px;padding-right: 20px; box-sizing: border-box; }
.exp-text .titlecs15 { display: inline-block; font-size: 40px;  border-bottom: 1px solid #fff;/* border-bottom: 1px solid #231815;*/ padding-bottom: 15px;margin-bottom: 15px;padding-right: 20px; box-sizing: border-box;}
.heightcs{ line-height:28px;}
.descbcs15{width:100%;line-height:2.0;font-size:16px; word-break: break-word; text-align: justify;}
.buttomcs15{margin-top:25%;display:block;width:100%;}
.sizecs15{width:30%;display:block;}
.sxcs15{top:15%;}
.descnone{display:none;}
.co-kv .exp-text60{width:60%;}
.config-table .table-title .pzb td{ width: 9%;}
.config-table .table-title .pzb td.cx{ width: 28%;}
.config-table .table-content .pzb th{ width: 14%;}
.config-table .table-content .pzb td{ width: 9%;}
.exp-text .descb{display:none;}
.cs95_en{ padding: 75px 0 0;}
.cs95_en .config-table .table-content table{ background: #eee;}
.cs95_en .config-table .table-content{ border: none;}
.config-table .table-nav ul{ width: 7pc;}
.nav-series .logo{ width: 171px;}
.exp-text .desc{ word-break: break-word; color: #000; line-height: 1.8;}
.pzb_box{ display: none;}
.cs95dl .desc{ width: 70%;}
.zx-sz .desc{ width: 60%;}
.cs95dl .title{ width: auto;}
.kv8 .exp-text{ width: 40%;}
.kv8 .exp-text .desc{ width: 100%;}
.kv10 .exp-text{ width: 30%;}
.kv10 .exp-text .desc{ width: 100%;}
.kv13 .exp-text{ width: 30%;}
.blackcs15{color:#262626;}
.exp-text .whitecs15{color:#fff;}
.whitecs15{color:#fff;}
.config-table .table-content{ border-bottom: 1px solid #D5D5D5;}
.m-pzb-img,.icon_xiao{ display: none;}
.dlxz{ padding: 10% 0 0; color: #5a5a5a;}
.dlxz-box{ float: left; width: 50%; margin-bottom: 4%;}
.dlxz-box strong{ font-size: 16px;}

/*pc360*/
.sx_360,.sx_360_m{ position: relative; margin-bottom: 20px;}
.sx_360 img,.sx_360_m img{width: 100%;}
.sx_360_m{ display: none;}
.phone360{ display: none;}
/*.car360content{ position: absolute; top: 0; left: 0;}*/
.img100{ width: 100%;}
.sx_360 .sxbtn{ position: absolute; top: 47%; right: 10.5%; width: 14.68%;}
.shangx{ position: relative; width: 100%;}
.close360{ position: absolute; width: 3.75%; top: 5.55%; right: 4.16%; cursor: pointer; z-index: 20;}
.xz_left{ position: absolute; width: 2.5%; top: 50%; margin-top: 0.5%; left: 3.75%;}
.xz_right{ position: absolute; width: 2.5%; top: 50%; margin-top: 0.5%; right: 3.75%;}
.an-box{ position: absolute; bottom: 130px; right: 24.4%; bottom: 130px; width: 221px; height: 47px; border: 1px solid #fff; z-index: 20;}
.an-box-ns{ top: 5.55%; bottom: 0; right: 10%;}
.an-box a{ display: block; float: left; width: 104px; height: 39px; color: #fff; text-align: center; line-height: 39px; font-size: 24px; margin: 4px 3px;}
.an-box a:hover,.an-box a.selected{ background: #fff; color: #2d2d2d;}
.color-box{ position: absolute; width: 1024px; left: 50%; margin-left: -512px; bottom: 25px;}
.color-box li{ float: left; width: 159px; margin: 0 5px; text-align: center; font-size: 18px; color: #fff;}
.color-box li.on{ background: url(../images/cs95/images/color_focus.png) no-repeat;}
.color-box li img{ margin: 10px;} 
.layer_box{ text-align: center; position: absolute;  top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000000;}
 
@media screen and (max-width: 1700px) { 
.co-kv .width46{padding-right: 5%;}
.exp-text .title,.exp-text .titlecs15{ font-size: 36px;}
}
@media screen and (max-width: 1500px) { 
.exp-text .title,.exp-text .titlecs15,.exp-text .titlecs95{font-size:32px;}
.kv13 .exp-text{ width: 40%;}
}
@media screen and (max-width: 1400px) { 
.exp-text .title, .exp-text .titlecs15, .exp-text .titlecs95{ font-size: 28px;}
.positiona{ right: 3%;}
.kv8 .exp-text{ width: 45%;}
}
@media screen and (max-width: 1280px) {
.exp-text .title, .exp-text .titlecs15, .exp-text .titlecs95{ font-size: 24px;}
.positiond{ top: 5%;}
.exp-text .desc,.exp-text .desccs15{ line-height: 1.6;}
.co-kv .positione .desc{ width: 100%;}
.config-series{ padding: 75px 6% 0;}
  .config-table{ width: 100%;}
}

@media screen and (max-width: 1200px) { 
  .config-series, .config-btn, .config-table, .config-series .table-tip{ display: block !important;}
  .pzb-img{ width: 100%;}
}
@media screen and (max-width: 1024px) {
	.co-kv .width40{ width: 42%;}
	.exp-text .title{ font-size: 24px;}
	.exp-text .titlecs95{ font-size: 24px; padding-right: 2%;}
	.exp-text .desc{ width: 90%;}
	.an-box { width: 182px; height: 40px; }
  .an-box a{ width: 85px; height: 32px; line-height: 32px; font-size: 18px;}
  .color-box{ width: 834px; margin-left: -417px;}
  .color-box li{ width: 139px; margin: 0; font-size: 16px;}
  .color-box li img{ width: 119px; margin: 10px 8px;}
  .color-box li.on{ background: url(../images/cs95/images/color_focus1.png) no-repeat;}

  .an-box-pc{ width: 91px; height: 40px;}
}

@media screen and (max-width: 768px) {
  .exp-text .titlecs15 {font-size: 16px; padding-bottom:10px;margin-bottom: 10px;}
  .exp-text .titlecs95 {font-size: 16px; padding-bottom:10px;margin-bottom: 10px;}
  .exp-text .title{font-size:16px;}
  .exp-text .sizecs95{font-size:14px;}
    .exp-text ul li.changgui{font-size:14px; }
.exp-text ul li.marginr{font-size:12px;list-style-type:disc; margin-right:30px;float:left;}
  .exp-text .desccs15 {font-size: 12px;line-height: 1.5; }
  .descbcs15{font-size: 12px;line-height: 1.5; }
  
 /*wap360*/
.sx_360 { display: none; }
  .sx_360_m { display: block;}
  .m-360{ display: none;}
  .car360content .img100{ margin-top: -30px;}
  .an-box{ width: 142px; height: 32px; bottom: 100px; right: 10%;}
  .an-box a{ width: 65px; height: 24px; line-height: 24px; font-size: 14px;}
  .color-box{ width: 594px; margin-left: -297px;}
  .color-box li{ width: 99px; margin: 0; font-size: 14px;}
  .color-box li img{ width: 79px; margin: 8px;}
  .color-box li.on{ background-size: contain;}
  .an-box-ns{ top: 40px; left: 40%;}
  
  .config-series .config-title{ font-size: 32px;}
  .m-pzb-img{ display: block; width: 100%; padding: 0 5%; box-sizing: border-box;}
  .pzb-img{ display: none;}
}
@media screen and (max-width: 640px) {
  .col2 .container{ margin: 0;}
  .exp-text .title { width: auto; font-size: 22px; padding-top: 15px; padding-bottom: 8px; margin-bottom: 6px;}
  .exp-text .desc { width: 100%; padding-bottom: 15px; font-size:14px;line-height: 1.6;} 
  .wrap .exp-text .title{ margin-right: 0;}
  .bor .title{ border-bottom: 1px solid #c0c1c5;}
  .exp-text .descnopadding{padding-bottom:5px;}
  .gallery-series{ margin-bottom: 20px;}
  .gallery-show { padding: 0 5%; box-sizing: border-box; }
  .gallery-show .show-box { width: 100%; }
  .gallery-show .show-box .close { right: 0; top: -20px; width: 15px; height: 15px; }
  .gallery-show .prev-pic { height: 30px; margin-top: -15px; }
  .gallery-show .next-pic { height: 30px; margin-top: -15px; right: 5px; }
  .gallery-show .prev-pic { left: 5px; }
  .gallery-series .mCSB_container { padding-bottom: 20px; /*width: 1050px !important;*/ }
  .gallery-series .gallery-slide ul li.large{
    width: 100%;height:auto;
  }
  .gallery-series .gallery-slide ul li.fl{
    width: 48%;height: auto;box-sizing:border-box;
  }
  .gallery-series .gallery-slide ul li.fr{
    width: 48%;height: auto;box-sizing:border-box;
  }
  .gallery-series .gallery-slide ul li img { width: auto; height: 93px; }
  .gallery-series .gallery-slide ul li.large img { width: auto; height: 190px; } 
  
  .co-kv .exp-text { left: auto; right: auto; top: 0; bottom: auto; width: 100%; padding: 10% 9%;margin: 0 !important; }
  .co-kv .sx{ top: 60%;}
  .co-kv .kv4_box{ top: 38%;}
  .marginB20{ margin-bottom: 20px;}
  .animate .kj-phone{ display: block;}
  .kj-pc{ display: none;}
  .kj-phone .desc ul{ padding-bottom: 20px;}
  .zx-pc{ display: none;}
  .zx-phone{ display: block; padding: 0 5%;}
  .zx-phone .title{ display: block;}
  .list .desc ul{ margin-top: 8%;}
  .co-kv2-img{ display: none;}
  .bc-pc{ display: none;}
  .bc-phone{ display: block;}
  .kv,.safe_img{ display: none;}
  
  .cs35-safe , .cs35-chassis{
    height: auto;
  }
  .cs35-pp .exp-text .desc ul{
  	color: #fff;
  }
  .cs35-kj ul{
  	padding-top: 10px;;
  }
  .nav-series{ height: auto;}
  .col2 { padding: 5% 0; }
  .exp-text .desc{ width: 100%;}

  .exp-text { width: 100%; display: block; padding-left: 0; padding-top: 0 !important; }
  .wrap .exp-text{ padding: 0 9%; box-sizing: border-box;}
  .col2 .pic{ position: relative;}
  .col2 .pic .icon_xiao{ display: block; position: absolute; bottom: 0; width: 18px; height: 9px; left: 50%; margin-left: -9px;}
  .exp-text .titlecs15 { width: 100%; font-size: 22px; padding-top: 15px; padding-right: 0;}

  .exp-text .titlecs95 { width: 100%; font-size: 22px; padding-top: 15px; }

  .exp-text .title { font-size: 22px; }

  .exp-text .sizecs95 { font-size: 16px; }

  .exp-text .desccs15 { width: 100%; padding-bottom: 15px; font-size: 14px; line-height: 1.6; }

  .descbcs15 { width: 100%; padding-bottom: 15px; font-size: 14px; line-height: 1.6; }

  .exp-textcs15 { top: 5% }

  .descnone { display: block; width: 100%; padding-bottom: 15px; font-size: 14px; line-height: 1.5; }

  .exp-text .descb { display: block; }

  .exp-text .descnone ul { list-style: disc; padding-left: 18px; }

  .co-kv .exp-text60 { width: 100%; position: static; }

  .co-kv .left-bottomacs15 { width: 100%; }

  .heeab-wap .bg { height: 95%; }

  .heightcs { line-height: 24px; }

  .exp-text .title { border-bottom: 1px solid #231815; }

  .co-kv .width40 { width: 100%; }

  .co-kv .width46 { width: 100%; }

  .co-kv .width55 { width: 100%; }

  .co-kv .width60 { width: 100%; }

  .positiona { right: 0; top: 20%; }

  .co-kv .positiona { top: 5%; }
  .co-kv .positiona .whitecs15,.co-kv .positionf .whitecs15 { color: #000;}
  .co-kv .positiona .titlecs15,.co-kv .positionf .titlecs15{ border-bottom: 1px solid #000;}
  .co-kv .positionb { right: 0; top: auto; bottom: -5%;}

  .co-kv .positionc { top: 5%; }
  .co-kv .positionc .title{ border-bottom: 1px solid #fff;}
  .co-kv .positionc .title,.co-kv .positionc .desc{ color: #fff;}
  .co-kv .positiond { top: 47%; position: static;}

  .co-kv .positione { top: 34%; }

  .co-kv .positionf { top: 2%; }
  .co-kv .positionf .titlecs15{ color: #000;}

  .co-kv .positiong { top: 80%; position: static; padding-bottom: 0; }

  .co-kv .positionh { top: 60%; position: static; padding-bottom: 0; }
  .co-kv .positionh .titlecs15{ border-bottom: 1px solid #231815;}
  .co-kv .positionh .titlecs15,.co-kv .positionh .whitecs15{ color: #231815;}
  .co-kv .positionj { top: 80%; position: static; padding-bottom: 0; }

  .cs95dl .desc { width: 100%; }

  .pzb_box { display: block; width: 100%; box-sizing: border-box; }

  .tab_menu { padding: 0 20px; }

  .tab_menu li { float: left; width: 45%; height: 30px; line-height: 30px; margin: 0 0 10px; border: 1px solid #000; text-align: center; }

  .tab_menu li.fl { float: left; }

  .tab_menu li.fr { float: right; }

  .tab_menu li.selected { background: #333; border: 1px solid #333; color: #fff; }

  .tab_box { margin-top: 15px; }

  .tab_box > div { position: relative; display: none; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }

  .pzb_phone { height: 600px; overflow: hidden; }

  .tab_box table { border-collapse: collapse; width: 100%; }

  .tab_box table td, .tab_box table th { border: 1px solid #d5d5d5; width: 33.3333%; padding: 10px; }

  .tab_box table td { text-align: center; }

  .tab_box table.pzb_cx { width: 100%; position: absolute; top: 0; background: #fff; z-index: 2; }

  .tab_box table.pzb_cx th { width: 44.5%; }

  .tab_box table tr.pzb_title { background: #414141; color: #fff; }

  .tab_box table tr:first-child th, .tab_box table tr:first-child td { border-top: 0; }

  .pzb_phone .mCSB_scrollTools { width: 6px; }

  .pzb_phone .mCSB_scrollTools .mCSB_dragger { opacity: 0.8; }
  .cs95 .config-table{ display: none !important;}
  .cs95dl .title { width: 100%; }
  .car-color .color-list .color-item{ width: auto;}
  .dlxz{ font-size: 14px; color: #000; padding-top: 5%;}

  /*wap360*/
  
	.m-360{ display: block;}
  .sx_360_m img { width: 100%; }

  .sx_360_m .sxbtn { width: 37.6%; top: 23%; left: 9.5%; position: absolute;}
.car360content .img100{ margin-top: 0;}
  .shangx { height: 100%; }

  .m-360 { width: 100%; }

  .an-box { width: 45%; top: 40px; left: 50%; margin-left: -22%; height: 42px; }

  .an-box a { width: 46%; margin: 4px 2%; font-size: 18px; height: 34px; line-height: 34px; }

  .color-box { width: 90%; left: 50%; margin-left: -45%; top: 55%; }

  .color-box li { width: 33%; margin: 0; padding: 0 2.5%; margin-bottom: 5px; box-sizing: border-box; font-size: 14px; }

  .color-box li img { width: 100%; margin: 7% 0 0; }

  .color-box li.on { background-size: contain; }

  .car360content { position: absolute; top: 120px; }

  .xz_left, .xz_right { width: 6%; margin-top: -1.5%; }

  .close360 { top: 10px; right: 10px; width: 8%; }


}

#theta-viewer { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }