.home-banner .swiper-slide>a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(to right,rgba(0,0,0,.6) ,rgba(0,0,0,0) 90%);z-index: 1;}
.home-banner .swiper-slide .banner-animote{top:50%;transform:translateY(-50%);text-align:left;padding:0;z-index:2;display:block;height:auto}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani1 .5s forwards}
@keyframes bannerani1{0%{opacity:0;margin-top:20px;}
100%{opacity:1;margin-top:0}
}
.home-banner .banner-animote .p1{font-size:44px;font-weight:bold;line-height:1}
.home-banner .banner-animote .p2{margin:10px 0 15px;font-size:30px;font-weight:var(--fontblod6);line-height:1.3}
.home-banner .banner-animote.ban1{width:max-content;left:10%;color:#fff}
.home-banner .banner-animote.ban1 .p2{margin-top:20px}
.home-banner .banner-animote.ban2{left:10%;width:max-content;}
.home-banner .banner-animote.ban2 .p2{margin:10px 0 15px}
.home-banner .banner-animote.ban2 .p3{font-size:20px;line-height:1.5}
@media (max-width:1660px){
.home-banner .banner-animote.ban1{left:5%}
}
@media (max-width:1280px){
.home-banner .banner-animote .p1{font-size:3.3vw;}
.home-banner .banner-animote .p2{font-size:2.1vw}
.home-banner .banner-animote.ban1 .p2{margin-top:1vw}
.home-banner .banner-animote.ban2 .p2{margin:.8vw 0 1.3vw}
.home-banner .banner-animote.ban2 .p3{font-size:1.5vw;}
}
@media (max-width:1024px){
.home-banner .banner-animote.ban1{left:20px}
.home-banner .banner-animote.ban2{left:20px}
}