.banner {position: relative;margin-top: -149px}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide .video {position: relative;width: 100%;z-index: 5;background:#000;}
.banner .swiper-slide .video video {display: block;width: 100%;opacity: 0.5;}
.banner .swiper-slide .bgimg {background:#000;}
.banner .swiper-slide .bgimg img{opacity: 0.8;height: 100vh;width: 100%;object-fit: cover;aspect-ratio:16/9;}
.banner .swiper-slide .text{position: absolute;top: 50%;z-index: 20;left: 55%;width: 1400px;transform:translate(-50%,-50%);padding-right: 35%}
.banner .swiper-slide:nth-child(2n+1) .text{left: 80%}
.banner .swiper-slide .text h1{font-size: 45px;font-weight: 600;line-height: 1.2;color: #fff;position: relative;margin-bottom:30px;display:block;padding-bottom: 30px}
.banner .swiper-slide .text h1:after{content: '';position: absolute;bottom: 0px;left:0;width: 70px;height: 2px;background: #feba15;display: block;transition: all .2s}
.banner .swiper-slide .text h2{font-size:18px;color: #ffffffa0;padding-bottom: 38px;display: block;}
.banner .swiper-slide .text h3{display: block;}
.banner .swiper-slide .text h3 span{font-size: 16px;text-transform:uppercase;background: #63ca52;line-height: 1;display: inline-block;color: #fff;padding:15px 40px;border-radius: 30px;transition:all .3s;}
.banner .swiper-slide .text h3 span:hover{background: #b1d326}
.banner .swiper-slide .text h1{transform:translateY(200px);opacity:0;transition:all .6s .3s;}
.banner .swiper-slide .text h2{transform:translateY(200px);opacity:0;transition:all .6s .5s;}
.banner .swiper-slide .text h3{transform:translateY(200px);opacity:0;transition:all .6s .7s;}
.banner .swiper-slide-active .text h1,.banner .swiper-slide-active .text h2,.banner .swiper-slide-active .text h3{transform:translateY(0px);opacity:1;}
.banner .mouse {width: 20px;height: 36px;border: 2px solid #fff; position: absolute;bottom:50px;right: 5%;margin-left: -12.5px;border-radius: 12px;z-index: 999;opacity:0.4;}
.banner .mouse:after {content: "";position: absolute; height: 7px;width: 2px;background-color: #fff;border-radius: 100%;left: 50%;margin-left: -1px;top: 5px; -webkit-animation: rotateplane 1.2s infinite ease-in-out;animation: rotateplane 1.2s infinite ease-in-out;}
@keyframes rotateplane{ 
    0%{transform: translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px)}
    100%{transform: translateY(5px);-ms-transform:translateY(5px);-moz-transform:translateY(5px);-webkit-transform:translateY(5px);-o-transform:translateY(5px)}
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px}
.banner .swiper-pagination-bullet {position: relative;z-index: 11;overflow: hidden;background:#ffffff50}
.banner .swiper-pagination-bullet:after {content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 5px;z-index: 10;background: #fff}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {-webkit-animation: w100 8000ms 1;animation: w100 8000ms 1;}
.banner .swiper-pagination-bullet-active:first-child:after {-webkit-animation: w100 19000ms 1;animation: w100 19000ms 1;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{color: #fff;font-size: 30px;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

@media (max-width:1399px){
	.banner .swiper-slide .text{width: 1200px;top: 60%}
	.banner .swiper-slide .text h1{font-size: 35px;}
	.banner .swiper-slide .text h2{font-size: 17px}
	.banner .swiper-slide .text h3 span{font-size: 15px;padding:12px 35px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .mouse{bottom: 40px}
}
@media (max-width:1199px){
	.banner .swiper-slide .text{width: 1000px;}
	.banner .swiper-slide .text h1{font-size: 25px;}
	.banner .swiper-slide .text h2{font-size: 15px}
	.banner .swiper-slide .text h3 span{font-size: 14px;padding:10px 30px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .mouse{bottom: 20px}
}
@media (max-width:991px){
	.banner{margin-top: 0}
	.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 25px;}
	.banner .swiper-button-next,.banner .swiper-button-prev{top: 45%}	
	.banner .video,.banner .bgimg{position: relative;}
	.banner .video:after,.banner .bgimg:after{height:50vh;content:'';display:block}
	.banner .swiper-slide .video video,.banner .swiper-slide .bgimg img{position:absolute;left:50%;height:100%;width:auto;max-width:initial;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner .swiper-slide .text{width: 90%;padding-right: 10%;top: 50%}
	.banner .swiper-slide:nth-child(2n+1) .text{left: 55%}
	.banner .swiper-slide .text h1{font-size: 28px;}
	.banner .swiper-slide .text h2{font-size: 14px;padding-bottom: 0}
	.banner .swiper-slide .text h3{display: none}
	.banner .swiper-pagination-bullet{width: 30px;height: 3px}
	.banner .swiper-pagination-bullet-active{width: 50px}
	.banner .mouse{display: none}
}
@media (max-width:767px){
	.banner .video:after,.banner .bgimg:after{height:35vh;}
	.banner .swiper-slide .text h1{font-size: 20px;}
	.banner .swiper-slide .text h2{font-size: 13px}
}