.tem53-banner.content-middle{text-align:center;}
.tem53-banner.content-left{text-align:left;}
.tem53-banner.content-right{text-align:right;}
.tem53-banner{width:100%;}
.tem53-banner .con{width:100%;height:100vh}
.tem53-banner .tem53_banner_con{color:#fff;width:100%;position:relative;overflow:hidden;height:100%;}
.tem53-banner .swiper-slide {font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;opacity:1!important;position:relative;}
.tem53-banner .swiper-slide .img{width:100%;height:100%;position:absolute;transform:translateX(10%);transition:all 2s cubic-bezier(0.2, 0.8, 0.5, 1);opacity:0;display:flex;justify-content:center;align-items:center;left:0;top:0;}
.tem53-banner .swiper-slide .img img{max-width:100%;max-height:100%;}
.tem53-banner .swiper-slide .img a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.tem53-banner .swiper-slide.swiper-slide-active .img{opacity:1;transition-delay:.6s;transform:translateX(0);}
.tem53-banner .swiper-slide .text{position:relative;width:75%;padding:20px 0;}
.tem53-banner .swiper-slide.swiper-slide-active .text{opacity:1;}
.tem53-banner .swiper-slide .text .title{font-size:80px;margin-bottom:25px;line-height:1.2;font-weight:bold;max-height:2.4em;overflow:hidden;}
.tem53-banner .swiper-slide .text .description{font-size:18px;line-height:24px;opacity:0.9;max-height:100px;}
.tem53-banner .swiper-slide .text .btn_box{position:relative;}
.tem53-banner .swiper-slide .text .btn_a{position:relative;display:inline-block;margin-top:50px;font-size:10px;color:#333;background-color:#fff;padding:17px 50px;border-radius:100px;letter-spacing:1px;font-weight:bold;cursor:pointer;}
.tem53-banner .swiper-slide .text .title,
.tem53-banner .swiper-slide .text .description,
.tem53-banner .swiper-slide .text .btn_box{transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);opacity:0;transform:translateY(100px);}
.tem53-banner .swiper-slide.swiper-slide-active .text .title,
.tem53-banner .swiper-slide.swiper-slide-active .text .description,
.tem53-banner .swiper-slide.swiper-slide-active .text .btn_box{transform:translateY(0);opacity:1;}
.tem53-banner .swiper-slide.swiper-slide-active .text .title{transition-delay:.6s}
.tem53-banner .swiper-slide.swiper-slide-active .text .description{transition-delay:.9s}
.tem53-banner .swiper-slide.swiper-slide-active .text .btn_box{transition-delay:1.2s}
.tem53-banner .tem53_banner_con .left,
.tem53-banner .tem53_banner_con .right{z-index:10;position:absolute;top:50%;margin-top:-30px;cursor:pointer;width:60px;height:60px;}
.tem53-banner .tem53_banner_con .left{left:10px;}
.tem53-banner .tem53_banner_con .right{right:10px;}
.tem53-banner .left .left_l,
.tem53-banner .right .right_r{position:absolute;display:block;width:60%;height:0;border-bottom:1px solid;top:50%;transition:.4s}
.tem53-banner .left .left_l:after,
.tem53-banner .right .right_r:after{content:"";display:block;position:absolute;width:9px;height:9px;border:1px solid;border-top:none;border-right:none;top:0;margin-top:-4px;}
.tem53-banner .left .left_l:after{left:0;transform:rotate(45deg);}
.tem53-banner .right .right_r:after{right:0;transform:rotate(-135deg);}
.tem53-banner .left .left_l{left:30%;}
.tem53-banner .right .right_r{right:30%;}
.tem53-banner .left:hover .left_l{left:15%;}
.tem53-banner .right:hover .right_r{right:15%;}
.tem53-banner .tem53_banner_con .swiper-pagination{width:20px;left:auto;right:80px;bottom:50%;transform:translateY(50%);line-height:20px;text-align:center;font-size:12px;}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet{margin:0;width:auto;height:auto;background:none!important;margin-bottom:30px;position:relative;display:block;width:20px;height:20px;opacity:1}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet span{opacity:.5;letter-spacing:1px;}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span{opacity:1}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:after{content:"";display:block;position:absolute;top:25px;height:20px;border-left:1px solid;width:0;left:50%;opacity:.5;}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:last-child{margin-bottom:0;}
.tem53-banner .tem53_banner_con .swiper-pagination .swiper-pagination-bullet:last-child:after{display:none;}
.tem53-banner .xia_box{position:absolute;left:50%;bottom:0;z-index:2;width:60px;margin-left:-30px;height:60px;cursor:pointer;overflow:hidden;}
.tem53-banner .xia{position:absolute;top:10px;left:0;width:100%;height:100%;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.tem53-banner .xia_box:hover .xia{top:20px;}
.tem53-banner .xia:before{content:"";position:absolute;left:50%;bottom:0;border-left:2px solid;height:100%;margin-left:-1px;}
.tem53-banner .xia .after{position:absolute;width:100%;text-align:center;font-size:50px;top:-25px;}
@media(min-width:768px){
.tem53-banner .swiper-slide .text .btn_a:hover{background-color:#000!important;transition-delay:0s;color:inherit;}
}
@media(max-width:768px){
.tem53-banner .xia_box{height:50px;}
.tem53-banner .swiper-wrapper{display:flex;justify-content:center;align-items:center;}
.tem53-banner .swiper-slide .text{width:96%;position:absolute;padding:0;padding-right:50px;pointer-events:none;}
.tem53-banner .swiper-slide .text .btn_box{display:none;}
.tem53-banner .tem53_banner_con .left,
.tem53-banner .tem53_banner_con .right{display:none;}
.tem53-banner .swiper-slide .text .title{max-height:none;font-size:16px;margin-bottom:10px;}
.tem53-banner .swiper-slide .text .description{max-height:none;font-size:13px;}
.tem53-banner .con{height:auto;}
.tem53-banner .tem53_banner_con .swiper-pagination{right:20px;}
.tem53-banner .swiper-slide .text .btn_a{padding:10px 25px;margin-top:10%;}
.tem53-banner .swiper-slide .img{padding:5%;height:auto;position:relative;}
}