.swiper-container{margin-left:auto;margin-right:auto;position:relative;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:10%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:50%;height:100%;position:relative;padding:0;} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:50px;margin-top:-1.2rem;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat;cursor:pointer} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto} .banner-box{width:100%;} .swiper-container{width:100%;margin:12px 0} .swiper-slide{position: relative; -webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;transform:scale(1.2);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition:transform 1s;-moz-transition:transform 1s;-ms-transition:transform 1s;-o-transition:transform 1s;-webkit-transform:scale(1.2); margin-top: 3.3rem;} /*.swiper-slide:before{content: "";position: absolute;width:100%;height: 100%;background: rgba(0,0,0,.5);}*/ .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1.6);transform:scale(1.6);z-index: 155;} .swiper-slide-active:before,.swiper-slide-duplicate-active:before{background:none;} .swiper-slide img{width:100%;display:block} .swiper-pagination{position:relative;margin-bottom:30px} .swiper-pagination-bullet-active{opacity:1;background:rgba(0,0,0,.8)} @media screen and (max-width:668px){.swiper-pagination{position:relative;margin-bottom:20px} .swiper-pagination-bullet-active{opacity:1;background:rgba(0,0,0,.8)} } .swiper-button-prev,.swiper-button-next{width:3.333rem;height: 5rem;z-index: 1625;overflow: hidden;} .swiper-button-prev{background:rgba(255,255,255,.8) url(../images/ljt2.png) no-repeat; background-size: 100%; left:19.1%;} .swiper-button-next{background:rgba(255,255,255,.8) url(../images/rjt2.png) no-repeat; background-size: 100%; right:19.1%;} .swiper-button-prev:hover{background:rgba(0,84,51,.8) url(../images/ljt3.png) no-repeat; background-size: 100%;} .swiper-button-next:hover{background:rgba(0,84,51,.8) url(../images/rjt3.png) no-repeat; background-size: 100%;}