@charset "utf-8";
/* CSS Document */


.slideBox{ 
  width:100%;
  position:relative; 
  margin:0 auto;
  background: #000; padding-top:84px; height:100vh;
}
.slideBox .bd{ 
  position:relative; 
  height:100%; overflow:hidden
}
.slideBox .bd ul{ height:100%;}
.slideBox .bd li{ 
  vertical-align:middle; position: relative; height:100%;
}
.slideBox .bd .b-img{ 
  width:100%; 
  display:block;  
  animation: changeScale 1 2.5s; height:100%;
}
.slideBox .bd .txt{ position:absolute; width:100%; left:70px; top:40%; transform:translateY(-50%); color:#fff;}
.slideBox .bd .txt h1{ font-size:40px; background:#acce05; border-radius:10px; display:inline-block; padding:10px 20px; position:relative; z-index:3;}
.slideBox .bd .txt p{ font-size:16px; font-family:"Arial"; text-transform:uppercase; text-align:center; background:#fff; color:#333; display:inline-block; width:600px; border-radius:10px; line-height:54px; position:relative; top:-10px; z-index:2; padding-top:6px;}
.slideBox .bd .s-img{ display:none; }
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:20px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 6px;  
  width:10px; 
  height:10px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; transition-duration:.5s; 
}
.slideBox .hd ul li.on{ background:#acce05; width:36px; border-radius:10px;}
.in-box1{ text-align:center; padding:120px 0;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.in-box1 dl{ transition-duration:.5s; padding:18px 60px; border-right:1px dashed #a2a2a2}
.in-box1 dl dt{ width:110px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:0 0; transition-duration:.5s;}
.in-box1 dl:nth-child(1) dt{ background-image:url(../images/icon12.png)}
.in-box1 dl:nth-child(2) dt{ background-image:url(../images/icon13.png)}
.in-box1 dl:nth-child(3) dt{ background-image:url(../images/icon14.png)}
.in-box1 dl:nth-child(4) dt{ background-image:url(../images/icon15.png)}
.in-box1 dl:nth-child(5) dt{ background-image:url(../images/icon16.png)}
.in-box1 dl dd{ padding-top:29px; font-size:18px;}
.in-box1 dl:hover{ background:#acce05;}
.in-box1 dl:hover dd{ color:#fff;}
.in-box1 dl:hover dt{ background-position:0 -110px;}

.mySwiper .swiper-pagination-bullet{ background:#fff; opacity:1; width:50px; height:6px; border-radius:5px;}
.mySwiper .swiper-pagination-bullet-active{background:#acce05;
}
.mySwiper .swiper-pagination-bullet:focus {
           outline: none;
    }
.mySwiper .swiper-slide img{  display:block;width:100%;}
.mySwiper .swiper-pagination{ text-align:center; padding-right:20px;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:30px;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.mySwiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.in-new{ padding:68px 0;}
.in-bz,.in-ti{ text-align:center;}
.in-bz{ padding-bottom:45px;}
.in-ti h1{ font-size:36px;}
.in-ti p{ font-size:16px; padding:5px 0 35px 0;}
.in-new-list{ border-bottom:1px solid #c3c3c3; padding-bottom:70px;}
.in-new-list dl dd p{ font-size:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding:15px 0 3px 0;}
.in-new-list dl dd span{ background:#f4f4f4; color:#555; font-size:15px; display:inline-block; padding:5px; transition-duration:.5s; }
.in-new-list dl:hover dd span{ color:#fff; background:#acce05}
.in-new-list dl dt{ overflow:hidden; border-radius:10px; position:relative;}
.in-new-list dl dt img{ transition-duration:.5s;}
.in-new-list dl dt:after{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.in-new-list dl:hover dt:after{-webkit-animation: shine2 1s;animation: shine2 1s;}
.in-new-list dl:hover dt img{ transform:scale(1.1); opacity:0.8;}
.in-new-list .owl-theme .owl-controls{ display:none !important}
.in-zs{ padding-bottom:86px;}
.zs-le{ background:#f2f2f2; width:48%; padding:45px 45px 20px;}
.zs-le li{ background:#fff; line-height:49px; font-size:20px; width:48%; text-align:center; float:left; margin-bottom:25px; transition-duration:.5s;}
.zs-le li:nth-child(2n){ float:right;}
.zs-le li:hover{ transform:scale(1.1)}
.zs-ri{ position:relative; background:#f2f2f2;width:48%; padding:44px; height:213px;}
.zs-ri img{ position:absolute; right:40px; top:40px;}
.zs-ri h1{ font-size:24px; font-weight:normal; padding-bottom:40px;}


@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}



@media only screen and (max-width: 1500px) {
	.slideBox .bd .txt h1{ font-size:36px;}
	.slideBox .bd .txt p{ width:542px; font-size:14px;}
	.in-new-list dl dd p,.zs-ri h1{ font-size:20px;}
	.in-ti h1{ font-size:30px;}
	
	
	
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1240px) {
}
@media only screen and (max-height: 920px) {
	
}
@media only screen and (max-width: 992px) {

}
 @media only screen and (max-width: 760px) {
	 .slideBox{ padding-top:55px; height:auto}
	 .slideBox .bd .txt img{ width:80%;}
.slideBox .bd .mobile-banner,.mobike-shzr .m-img,.mobile-ks,.in-gzz .m-img{display:block;}
.slideBox .bd .s-img{ display:block;}
.slideBox .bd .b-img,.in-new-ti:after,.new-wb p,.new-ri .CbContainer dl dt,.mobike-shzr,.zpmenu,.zj-ds:after,.bz-ri{ display:none}
.slideBox .bd .pc-banner,.button--pipaluk::before{ display:none;}

.slideBox>.wrap,.in-box-le,.in-new-qh,.in-box-ri,.new-le,.new-ri,.zt-ti:after{ width:100%;}
.slideBox .prev, .slideBox .next{ width:30px; height:77px;}
.slideBox .prev{ padding-right:0;}
.slideBox .bd .txt h1{ font-size:18px; background:none;text-shadow: 1px 2px 3px #333333;}
.slideBox .bd .txt p{ width:auto;text-shadow: 1px 2px 3px #333333; background:none; line-height:1.5; font-size:12px; color:#fff;}
.slideBox .bd .txt{ text-align:center; left:0;}
.in-box1{ display:block; padding:30px 20px;}
.in-box1 dl{ width:33.3%; float:left; border-bottom: 1px solid #e0dfdf; border-right:1px solid #e0dfdf; padding:15px 0;}
.in-box1 dl dt{ width:50px; height:50px;background-size: 50px;}
.in-box1 dl dd{ font-size:12px; padding-top:10px;}
.in-box1 dl:nth-child(3){border-right: none;}
.in-box1 dl:nth-child(4),.in-box1 dl:nth-child(5){ width:50%;border-bottom: 1px solid #e0dfdf !important; }
.mySwiper .swiper-pagination-bullet{ width:30px; height:3px;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets, .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:10px;}
.in-new{ padding:30px 20px;}
.in-bz{ padding-bottom:15px;}
.in-bz img{ width:40%;}
.in-ti h1{ font-size:20px;}
.in-ti p{ padding-bottom:15px;}
.in-new-list .owl-theme .owl-controls{ display:block !important}
.in-new-list .owl-theme .owl-controls .owl-nav{ display:none !important}
.in-new-list{ padding-bottom:20px;}
.in-new-list dl dd p, .zs-ri h1{ font-size:16px;}
.in-zs{ padding:0 20px 30px;}
.in-ti p,.zs-le li{ font-size:14px;}
.zs-le,.zs-ri{ width:100%; padding:15px; margin-bottom:10px; height:auto}
.zs-ri{ height:170px;}
 .zs-ri h1{ width:60%;}
.zs-ri img{ top:20px; right:10px;}
}

@-webkit-keyframes grow {
  from {
      -webkit-transform:scale(1);
  }
  to {
      -webkit-transform:scale(2);
  }
}
@-moz-keyframes grow {
  from {
      -moz-transform:scale(1);
  }
  to {
      -moz-transform:scale(2);
  }
}
@keyframes grow {
  from {
      transform:scale(1);
  }
  to {
      transform:scale(1.5);
  }
}



