@charset "utf-8";
body{background:#fff;}
.footer{background:#f8f8f8;margin-top:0;}
.slide-item{background:url(../images/about/bg1.jpg) no-repeat;position:relative;overflow:hidden;padding:22px 0;}
.slide-item .i-txt{ position:absolute; top:0; left:0; color:#fff; padding-left:10%; padding-top:10%; padding-bottom:10%; }
.slide-item .i-tit{font-size:30px;position: relative;z-index:1;}
.slide-item .i-desc{font-size:15px;padding-right:20%;position: relative;z-index:1;}
.slide-item .i-img{transition:all 1s;}
.slide-item .i-img img{max-height:100%;}
.slide-item .i-txt:after{content:'';display: block; position: absolute;left:0; top:0; height: 0; width:100%;background: rgba(0, 0, 0, 0.1);transition:all 1s;}
.slide-item:hover .i-txt:after{height: 100%;}
.slide-item:hover .i-img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.swiper-slide:nth-child(2n+2) .slide-item{background-image:url(../images/about/bg2.jpg);}
.swiper-slide:nth-child(2n+3) .slide-item{background-image:url(../images/about/bg3.jpg);}
.swiper-slide:nth-child(2n+4) .slide-item{background-image:url(../images/about/bg4.jpg);}
.swiper-slide:nth-child(2n+5) .slide-item{background-image:url(../images/about/bg5.jpg);}
.swiper-button-next,.swiper-button-prev{width:68px;height:67px;margin-top:-33px;background-size:68px 67px;outline: none;}
.swiper-button-next{background-image:url(../images/about/sright.png);}
.swiper-button-prev{background-image:url(../images/about/sleft.png);}
@media screen and (max-width:1366px){
    
}
@media screen and (max-width:1280px){
    
}
@media screen and (max-width: 1240px){
    
}
@media screen and (max-width:1153px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
    .swiper-button-next,.swiper-button-prev{width:34px;height:33px;margin-top:-17px;background-size:34px 33px;}
    .slide-item .i-img img{max-height:600px;}
}
@media screen and (max-width:640px){
    .slide-item .i-img img{max-height:400px;}
    .slide-item .i-tit{font-size:18px;}
    .slide-item .i-desc{font-size:11px;}
}
@media screen and (max-width:500px){
    
}