.tem54-banner{width:100%;}
.tem54-banner .con{position:relative;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.3);}
.tem54-banner .swiper-slide{position:relative;}
.tem54-banner .img{width:100%;}
.tem54-banner .img img{width:100%;}
.tem54-banner .text{position:absolute;bottom:0;left:5%;width:50%;padding:30px;background-color:#fff;max-width:500px;letter-spacing:1px;color:#333}
.tem54-banner .title{margin-bottom:10px;}
.tem54-banner .description{font-size:26px;margin-bottom:20px;line-height:1.2;}
.tem54-banner .btn_a{font-size:12px;padding-left:15px;position:relative;}
.tem54-banner .btn_a:after{content:"";display:block;position:absolute;top:50%;left:0;width:0px;height:0px;border:5px solid rgba(0,0,0,0);border-left-color:inherit;margin-top:-5px;}
.tem54-banner .btn_a:before{content:"";display:block;position:absolute;left:15px;bottom:-4px;border-bottom:1px solid;width:30px;}
.tem54-banner .swiper-pagination{width:auto;right:30px;left:auto;bottom:30px}
.tem54-banner .swiper-pagination .swiper-pagination-bullet{background:transparent!important;box-shadow:inset 0 0 0 2px rgb(255, 255, 255);width:16px;height:16px;opacity:1;transition:.3s;position:relative;overflow:hidden;}
.tem54-banner .swiper-pagination .swiper-pagination-bullet:after{content:' ';position:absolute;bottom:0;height:0;left:0;width:100%;background-color:rgb(255, 255, 255);box-shadow:0 0 1px rgb(255, 255, 255);transition:height 0.3s ease;}
.tem54-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{height:100%;}
.tem54-banner .swiper-pagination .swiper-pagination-bullet:hover{background-color:rgba(0,0,0,.2)!important;}
.tem54-banner .text{opacity:0;transition:.3s;transform:translateY(70%);box-shadow:0 0 16px rgba(122,122,122,.2);}
.tem54-banner .swiper-slide-active .text{opacity:1;transition:.6s .3s;transform:translateY(0);}
.tem54-banner.content-right .text{left:auto;right:5%}
.tem54-banner.content-right .swiper-pagination{right:auto;left:30px;}
@media(max-width:768px){
.tem54-banner .title{font-size:16px;margin-bottom:4px;}
.tem54-banner .description{font-size:14px;margin-bottom:10px;}
.tem54-banner .swiper-pagination{right:10px;bottom:10px;}
.tem54-banner.content-right .swiper-pagination{left:10px;}
.tem54-banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 2px;}
.tem54-banner .text{padding:15px;width:60%}
}