.banner{width:100%;position:relative;overflow:hidden}
.banner-item{width:auto;height:auto;padding:80px 0;background-position:center;background-size:cover;display:flex;align-items:center;position:relative;color:#fff}
.banner-item::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:2}
.banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}
.banner-inner{position:relative;z-index:3;width:100%;display:flex;flex-direction:column;text-align:center;align-items:center;gap:40px}
.banner-left{margin-bottom:40px}
.banner-left h1,.banner-left h2{font-size:30px;color:#fff;font-weight:700;line-height:1.2;margin-bottom:20px}
.banner-left p{font-size:18px;line-height:1.7;margin-bottom:30px;opacity:.9}
.banner-inner .fa_animated-bars{display:flex;justify-content:center;gap:6px;margin:14px auto 0}
.banner-inner span:not(a span){display:inline-block;height:6px;border-radius:6px;background:var(--color-cyan)}
.banner-inner .bar-1{width:6px;animation:fa_span01_ani 1.2s linear infinite alternate}
.banner-inner .bar-2{width:48px;animation:fa_span02_ani 1.2s linear infinite alternate}
@keyframes fa_span01_ani{
0%{width:6px}
100%{width:48px}
}
@keyframes fa_span02_ani{
0%{width:48px}
100%{width:6px}
}
.banner-right{width:240px;order:-1}
.banner-right img{width:100%;display:block;filter:drop-shadow(0 10px 30px rgba(0, 0, 0, .3))}
@media (min-width:992px){
.banner-item{height:600px;padding:0}
.banner-inner{flex-direction:row;justify-content:space-between}
.banner-left{flex:1;max-width:550px;text-align:left;margin-bottom:0}
.banner-left h1,.banner-left h2{font-size:3rem}
.banner-right{flex-shrink:0;width:400px;order:1}
}
.banner-ctrl{position:absolute;left:0;right:0;bottom:40px;height:44px;z-index:10;display:flex;align-items:center;justify-content:space-between}
.swiper-button-next,.swiper-button-prev{position:relative;top:auto;left:auto;right:auto;margin:0;width:44px;height:44px;background:rgba(255,255,255,.2);border-radius:50%;color:#fff}
.swiper-button-next::after,.swiper-button-prev::after{font-size:20px}
.swiper-pagination{position:relative;transform:none;width:auto;max-width:50%}
.swiper-pagination-bullet{width:12px;height:12px;background:rgba(255,255,255,.3);opacity:1;margin:0 5px}
.swiper-pagination-bullet-active{background:#fff}