.tem57-banner{width:100%;}
.tem57-banner .con{width:100%;position:relative;color:#fff;}
.tem57-banner .con .swiper-slide a{display:block;}
.tem57-banner .con .swiper-slide img{width:100%;}
.tem57-banner .tem57_banner_con{overflow:hidden;width:100%;position:relative;}
.tem57-banner .con .swiper-pagination-bullet{background:none!important;width:14px;height:14px;position:relative;}
.tem57-banner .con .swiper-pagination-bullet:after{content:"";position:absolute;width:0px;height:0px;border:4px solid;top:0;left:0;bottom:0;right:0;margin:auto;border-radius:50%;transition:.4s;}
.tem57-banner .con .swiper-pagination-bullet:before{content:"";position:absolute;width:0;height:0;border:4px solid;top:0;left:0;bottom:0;right:0;margin:auto;border-radius:50%;transition:.4s;}
.tem57-banner .con .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:14px;height:14px;border-width:2px;}
.tem57-banner .con .swiper-pagination-bullet.swiper-pagination-bullet-active:before{border-width:2px;}
.tem57-banner .con .left,
.tem57-banner .con .right{position:absolute;top:0;height:100%;width:15%;z-index:2;overflow:hidden;user-select:none;}
.tem57-banner .con .left{left:0;cursor:pointer;}
.tem57-banner .con .right{right:0;cursor:pointer;}
.tem57-banner .con .lrimg{width:100%;height:100%;transition:.4s;opacity:0;}
@media (min-width: 768px){
.tem57-banner .con .left .lrimg{transform:scale(2) translateX(-100%);}
.tem57-banner .con .right .lrimg{transform:scale(2) translateX(100%);}
.tem57-banner .con .lrimg img{width:100%;height:100%;object-fit:cover;}
.tem57-banner .con .swiper-pagination-bullet:hover{opacity:1;}
.tem57-banner .con .swiper-pagination-bullet:hover:after{width:14px;height:14px;border-width:2px;}
.tem57-banner .con .swiper-pagination-bullet:hover:before{border-width:2px;}
.tem57-banner .con .left:hover .lrimg,
.tem57-banner .con .right:hover .lrimg{transform:scale(1) translateX(0);opacity:1;}
.tem57-banner .con .left .lrimg.active{transform:scale(2) translateX(-100%);opacity:0;}
.tem57-banner .con .right .lrimg.active{transform:scale(2) translateX(100%);opacity:0;}
}
@media (max-width: 768px){
.tem57-banner .con .swiper-pagination-bullet{width:12px;height:12px;}
.tem57-banner .con .swiper-pagination-bullet:after,
.tem57-banner .con .swiper-pagination-bullet:before{border-width:2px;}
.tem57-banner .con .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:12px;height:12px;}
.tem57-banner .con .left,
.tem57-banner .con .right{display:none;}
}