@charset "utf-8";
.swiper-single {position: relative!important;}
.aticleSwiper {padding: 0!important;margin: 0 auto 20px!important;background: #f2f2f2!important;overflow: hidden!important;}
.swiper-container-horizontal>.swiper-pagination-progressbar{bottom: 0!important;top:auto!important;}
.aticleSwiper .swiper-single>ul.swiper-wrapper{margin:0!important;box-sizing: border-box!important;}
.aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide{text-align: center!important;padding-top: 10px!important;margin: 0;box-sizing: border-box;}
.aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide>a{width: auto!important;height: auto!important;text-align: center!important;}
.aticleSwiper img{display: inline-block!important;border-radius: 3px!important;width: auto!important;padding: 0!important;margin: 0!important;vertical-align: 0!important;}
.swiper-button-next, .swiper-button-prev {display:block!important;height: 50px!important;width: 40px!important;border-radius: 5px!important;margin-top:-25px!important;}
.swiper-button-next{right:0!important;background-image: url(../images/right.png)!important;background-repeat: no-repeat!important;background-position: center center!important;background-size: cover!important;}
.swiper-button-prev{left: 0!important;background-image: url(../images/left.png)!important;background-repeat: no-repeat!important;background-position: center center!important;background-size: cover!important;}
.swiper-button-prev:hover{background-color: rgba(75, 75, 75, 0.5)!important;background-image: url(../images/left1.png)!important; background-position: center center!important;background-size: cover!important;}
.swiper-button-next:hover{background-color: rgba(75, 75, 75, 0.5)!important;background-image: url(../images/right1.png)!important; background-position: center center!important;background-size: cover!important;}

@media screen and (max-width:600px){
        .aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide{height: 400px!important;}
        .aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide>a {max-height: 100%!important;}
        .aticleSwiper img {height: 385px!important;}
}
@media screen and (max-width:400px){
        .aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide{height: 300px!important;}
        .aticleSwiper .swiper-single>ul.swiper-wrapper>li.swiper-slide>a {max-height: 100%!important;}
        .aticleSwiper img {height: 285px!important;}
}