/*.device{ width:100%; height:100%;overflow:hidden; position:relative; z-index:999;}*/
.box1{clear:both; width:100%; height:100%;overflow:hidden; position:relative; z-index:999;}
.swiper4{ width:100%; height:100%;}
.swiper4 .swiper-slide{ float:left; width:100%; height:100%;  overflow:hidden;}
.swiper4  .xixi{ width:476px; height:271px; position:absolute; left:-31px; top:0; opacity:1;}
.swiper4  .yuin1 h2{opacity:1;}
.swiper4  .yuin1 h3{opacity:1;}
.swiper4  .yuin1 p{opacity:1;}
.bood{ display:none;}
.swiper4  .tuvp{ width:100%; height:138px; background:url(../tu/tu.png) no-repeat center bottom; position:absolute; left:0; bottom:0; opacity:1; z-index:99;}




.swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
  bottom:40px;
}
.swiper-pagination-switch {
  display: inline-block;
  width:28px;
  height:28px;
  background:url(../images/bg.png) no-repeat center center; 
  cursor: pointer;
}
.swiper-active-switch {
 background:url(../images/bg1.png) no-repeat center center; 
}

.main{ width:1200px; height:auto; margin:0 auto;}


.zkuil{ width:550px;}


.swiper5{ width:100%; height:500px;;}
.arrow-left1{ width:50px; height:50px; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:0; z-index:99; bottom:0;}
.arrow-left1:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right1{ width:50px; height:50px; background:url(../images/bg6.png) no-repeat center center; position:absolute; left:80px; bottom:0; z-index:99;}
.arrow-right1:hover{ background:url(../images/bg6_1.png) no-repeat center center;}



.swiper6{ width:100%; height:500px;;}
.arrow-left2{ width:50px; height:50px; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:0; z-index:99; bottom:0;}
.arrow-left2:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right2{ width:50px; height:50px; background:url(../images/bg6.png) no-repeat center center; position:absolute; left:80px; bottom:0; z-index:99;}
.arrow-right2:hover{ background:url(../images/bg6_1.png) no-repeat center center;}


.swiper7{ width:100%; height:500px;;}
.arrow-left3{ width:50px; height:50px; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:0; z-index:99; bottom:0;}
.arrow-left3:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right3{ width:50px; height:50px; background:url(../images/bg6.png) no-repeat center center; position:absolute; left:80px; bottom:0; z-index:99;}
.arrow-right3:hover{ background:url(../images/bg6_1.png) no-repeat center center;}






.pc-slide{width:100%;margin:0 auto}
.view .swiper-container{width:100%;height:591px}
.view .arrow-left4{ background:url(../images/bg7.png) no-repeat center center;position:absolute;left:195px;top:0;margin-top:0;width:35px;height:100%;z-index:10}
.view .arrow-left4:hover{ background:url(../images/bg7_1.png) no-repeat center center;}
.view .arrow-right4{ background:url(../images/bg8.png) no-repeat center center;position:absolute;right:195px;top:0;margin-top:0;width:35px;height:100%;z-index:10}
.view .arrow-right4:hover{ background:url(../images/bg8_1.png) no-repeat center center;}
.preview{width:100%;position:relative}
.preview .swiper-container{width:1440px;height:140px;	margin-left:0px;}
.preview .swiper-slide{width:240px;height:140px;cursor:pointer; position:relative;}
.preview .swiper-slide span{ display:block;width:200px;height:140px; border:3px solid #c36f12; opacity:0; position:absolute; left:0; top:0;}
.preview .slide7{width:240px;}
.preview .arrow-left{background:url(images/feel3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview .arrow-right{background:url(images/feel4.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10}
.preview img{ max-width:200px; max-height:140px;}
.preview .active-nav span{ opacity:1;}




.swiper8{ width:100%; height:920px;;}
.arrow-left5{ width:50px; height:100%; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:20px; z-index:99; bottom:0;}
.arrow-left5:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right5{ width:50px; height:100%; background:url(../images/bg6.png) no-repeat center center; position:absolute; right:20px; bottom:0; z-index:99;}
.arrow-right5:hover{ background:url(../images/bg6_1.png) no-repeat center center;}

.swiper8 .swiper-slide,.swiper9 .swiper-slide,.swiper10 .swiper-slide{ padding-right:80px;}

.swiper9{ width:100%; height:920px;;}
.arrow-left6{ width:50px; height:100%; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:20px; z-index:99; bottom:0;}
.arrow-left6:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right6{ width:50px; height:100%; background:url(../images/bg6.png) no-repeat center center; position:absolute; right:20px; bottom:0; z-index:99;}
.arrow-right6:hover{ background:url(../images/bg6_1.png) no-repeat center center;}


.swiper10{ width:100%; height:920px;;}
.arrow-left7{ width:50px; height:100%; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:20px; z-index:99; bottom:0;}
.arrow-left7:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right7{ width:50px; height:100%; background:url(../images/bg6.png) no-repeat center center; position:absolute; right:20px; bottom:0; z-index:99;}
.arrow-right7:hover{ background:url(../images/bg6_1.png) no-repeat center center;}




.swiper11{ width:100%; height:535px;;}
.arrow-left8{ width:50px; height:100%; background:url(../images/bg5.png) no-repeat center center; position:absolute; left:20px; z-index:99; bottom:0;}
.arrow-left8:hover{ background:url(../images/bg5_1.png) no-repeat center center;}
.arrow-right8{ width:50px; height:100%; background:url(../images/bg6.png) no-repeat center center; position:absolute; right:20px; bottom:0; z-index:99;}
.arrow-right8:hover{ background:url(../images/bg6_1.png) no-repeat center center;}
.swiper12 .swiper-slide{ padding-right:50px;}








.mm-menu{ display: none; }
.logo{margin-top:20px;}
.smaller { width:100%;height:100px; background: url(../images/xj_bg.png) repeat; z-index:999999999 }
.navo li a{padding:0 18px;}