@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
.swiper-slide-active .banner-container{animation:bannerani .5s forwards;animation-delay:.7s}
.banner-container{opacity:0}
.banner-container .tit{font-family:Impact;font-weight:400;font-size:85px;line-height:1.4;color:var(--color);-webkit-text-stroke:3px #fff;text-transform:uppercase}
.banner-container .text{font-family:Arial;font-weight:600;font-size:28px;color:#333;line-height:1.4;-webkit-text-stroke:1px #fff;margin:20px 0 40px}
.banner-container .more{display:inline-flex;border-radius:30px;overflow:hidden;font-family:Arial;transition:all .1s linear}
.banner-container .more:hover span:nth-child(2){background:var(--color);color:#fff}
.banner-container .more span{height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all .1s linear}
.banner-container .more span:nth-child(1){background:var(--color);color:#fff;min-width:150px}
.banner-container .more span:nth-child(2){background:#fff;color:var(--color);min-width:200px}
.banner-container1{position:absolute;top:50%;transform:translateY(-50%);right:10%;width:800px}
.banner-container2{position:absolute;top:50%;transform:translateY(-50%);left:10%}
@media (max-width:1440px){.banner-container .tit{font-size:60px}
.banner-container .text{font-size:24px;margin:10px 0 20px}
}
@media (max-width:1024px){.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.banner-container{width:100%;padding:0 20px;text-align:center;left:50%;right:auto;transform:translate(-50%,-50%)}
.banner-container .tit{font-size:40px;-webkit-text-stroke:2px #fff}
.banner-container .text{font-size:22px}
}
@media (max-width:768px){.banner-container .tit{font-size:22px;-webkit-text-stroke:1px #fff}
.banner-container .text{font-size:18px}
.banner-container .more{display:none}
}