/* tem42-banner */
.tem42-banner{width:100%;}
.tem42-banner.content-middle{text-align:center;}
.tem42-banner.content-left{text-align:left;}
.tem42-banner.content-right{text-align:right;}
.tem42-banner .tem42-banner-con{width:100%;height:100vh;position:relative;overflow:hidden;color:#fff;}
.tem42-banner .swiper-slide{font-size:18px;background:#fff;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;position:relative;}
.tem42-banner .swiper-slide:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.tem42-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.tem42-banner .text{position:absolute;top:50%;left:10%;width:80%;transform:translateY(-50%);z-index:4;}
.tem42-banner .text .title{font-weight:900;font-size:60px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
.tem42-banner .text .description{padding-top:70px;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;position:relative;text-overflow:ellipsis;}
.tem42-banner .text .description:after{content:"";position:absolute;top:35px;left:50%;border-radius:50%;border:2px solid;}
.tem42-banner .bor_a{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1;}
.tem42-banner .text .title,
.tem42-banner .text .description{transition:1.5s cubic-bezier(.165,.84,.44,1);}
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .title{transform:translateY(0px);opacity:1;transition-delay:0.6s;}
.tem42-banner .swiper-slide.swiper-slide-active.pr .text .description{transform:translateY(0px);opacity:1;transition-delay:0.8s;}
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .title{transform:translateY(0px);opacity:1;transition-delay:1s;}
.tem42-banner .swiper-slide.swiper-slide-active.ne .text .description{transform:translateY(0px);opacity:1;transition-delay:0.8s;}
.tem42-banner .swiper-slide.swiper-slide-next .text .title{transform:translateY(100px);transition-delay:0.4s;opacity:0;}
.tem42-banner .swiper-slide.swiper-slide-next .text .description{transform:translateY(100px);transition-delay:0.2s;opacity:0;}
.tem42-banner .swiper-slide.swiper-slide-prev .text .title{transform:translateY(-100px);transition-delay:0s;opacity:0;}
.tem42-banner .swiper-slide.swiper-slide-prev .text .description{transform:translateY(-100px);transition-delay:0.2s;opacity:0;}
.tem42-banner .swiper-pagination_box{width:70vh;height:2px;position:absolute;top:0;left:0;transform:rotate(90deg);transform-origin:left bottom;top:15vh;left:20px;z-index:2;border-color:#fff;}
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress{width:100%;height:100%;transition:0s;background:none;border-color:inherit;top:0;left:0;}
.tem42-banner .swiper-container-horizontal .swiper-pagination-progress:after{content:"";display:block;width:100%;height:0;border-top:2px solid;opacity:0.25;border-color:inherit;}
.tem42-banner .swiper-pagination-progress .swiper-pagination-progressbar{z-index:4;background:none;height:0;border-top:2px solid;border-color:inherit;}
.tem42-banner .swiper-pagination_box .btn-grid{position:absolute;top:-14px;display:block;left:100%;width:30px;height:30px;border:15px solid;border-radius:50%;border-color:inherit;color:inherit;}
.tem42-banner .swiper-pagination_box .btn-grid .white{position:absolute;top:50%;left:50%;margin-top:-6.2px;margin-left:-6px;}
.tem42-banner .swiper-pagination_box .btn-grid .svg_fill{fill:#000;}
.tem42-banner .swiper_btn{position:absolute;bottom:60px;left:50%;z-index:12;font-size:18px;width:36px;height:36px;line-height:34px;text-align:center;margin-left:-18px;border:1px solid;border-radius:50%;cursor:pointer;opacity:.5;transition:opacity 0.3s ease-in-out;}
.tem42-banner .swiper_btn:hover{opacity:1;}
@media (max-width:760px){
.tem42-banner .tem42-banner-con{height:auto;}
.tem42-banner .swiper-pagination_box{display:none;}
.tem42-banner .text{width:70%;left:15%;top:50%;}
.tem42-banner .text .title{font-size:20px;}
.tem42-banner .text .description{font-size:16px;padding-top:40px;max-height:100px;line-height:20px;}
.tem42-banner .text .description:after{top:20px;}
.tem42-banner .swiper_btn{bottom:20px;width:30px;height:30px;margin-left:-15px;line-height:28px;opacity:1;}
}