.tem50-banner{width:100%;}
.tem50-banner.content-middle{text-align:center;}
.tem50-banner.content-left{text-align:left;}
.tem50-banner.content-right{text-align:right;}
.tem50-banner .tem50-banner-con{width:100%;height:100vh;position:relative;overflow:hidden;color:#fff;position:relative;}
.tem50-banner .swiper-slide{background:#fff;}
.tem50-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;max-width:none;}
.tem50-banner .swiper_btn{width:50px;height:50px;position:absolute;bottom:30px;left:50%;z-index:8;font-size:34px;text-align:center;cursor:pointer;transform:translate(-50%,0);animation:tem50_banner_dong .7s linear infinite alternate;line-height:50px;}
@keyframes tem50_banner_dong{
0% {transform:translate(-50%,0);opacity: 0.2;}
100%{transform:translate(-50%,10px);opacity: 1;}
}
.tem50-banner .text_con{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;}
.tem50-banner .text_con .text{position:absolute;top:50%;left:0;width:100%;padding:0 20%;pointer-events:none;z-index:-1;margin-top:-40px;}
.tem50-banner .text_con .text a{display:block;color:inherit;width:100%;}
.tem50-banner .text_con .text .title{font-size:8vh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(50px);transition:.5s;opacity:0;line-height:80px;}
.tem50-banner .text_con .text .description{margin-top:20vh;transition:.5s;opacity:0;}
.tem50-banner .text_con .text.active{pointer-events:auto;z-index:1;}
.tem50-banner .text_con .text.active .title{opacity:1;transform:translateY(0px);transition:.8s .5s;}
.tem50-banner .text_con .text.active .description{opacity:1;transition:.5s .5s;}
.tem50-banner .swiper_pagination{position:absolute;top:50%;left:0;z-index:8;width:20%;margin-top:-20px;}
.tem50-banner .swiper_pagination .xian{height:40px;position:absolute;left:0;top:0;width:50px;}
.tem50-banner .swiper_pagination .xian:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:74%;border-bottom:2px solid;}
.tem50-banner .swiper_pagination ul{width:100%;position:absolute;top:0;left:0;padding-left:50px;padding-right:10px;text-align:left;font-size:12px;font-weight:700;transition:.8s;}
.tem50-banner .swiper_pagination ul li{width:100%;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:0.4;transition:1s;}
.tem50-banner .swiper_pagination ul li.active{opacity:1;}
@media (max-width: 992px){
.tem50-banner .tem50-banner-con{height:auto;}
.tem50-banner .swiper_pagination{display:none;}
.tem50-banner .swiper_btn{display:none;}
.tem50-banner .text_con .text{margin-top:0;top:50%;transform:translateY(-50%);}
.tem50-banner .text_con .text .title{line-height:1;font-size:6vh;transform:translateY(30px);}
.tem50-banner .text_con .text .description{margin-top:50px;}
}
@media (max-width: 500px){
.tem50-banner .text_con .text{padding:0 14%;}
.tem50-banner .text_con .text .title{transform:translateY(10px);font-size:4vh;}
.tem50-banner .text_con .text .description{margin-top:20px;font-size:12px;line-height:18px;height:36px;overflow:hidden;}
}