﻿#swiper-banner .ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;line-height:1.15}
#swiper-banner .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:1s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
#swiper-banner .ban1{top:43%;left:23%}
#swiper-banner .ban1 .p1{color:#015390;font-size:3vw;font-weight:700}
#swiper-banner .ban1 .p2{margin-top:.3vw;font-size:1.5vw;line-height:1.4}
#swiper-banner .ban2{top:17%;left:58%;width:70%;display:flex;justify-content:space-between;align-items:center}
#swiper-banner .ban2 .p1{font-size:3.3vw;font-weight:700;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff}
#swiper-banner .ban2 .p2{font-weight:700;background:linear-gradient(90deg,#4db3cc,#467bb2);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:right}
#swiper-banner .ban3{top:63%;left:26.5%}
#swiper-banner .ban3 .p1{font-size:2.8vw;font-weight:700;background:linear-gradient(to bottom,#77a4f7,#3760e4);-webkit-background-clip:text;background-clip:text;color:transparent}
#swiper-banner .ban3 .p2{font-size:1.5vw;margin-top:1vw;opacity:.8}
#swiper-banner .ban4{top:60%;left:24.5%}
#swiper-banner .ban4 .p1{font-size:3vw;font-weight:700;background:linear-gradient(to bottom,#5b9bfc,#256ace);-webkit-background-clip:text;background-clip:text;color:transparent}
#swiper-banner .ban4 .p1 span{color:#034dc4}
#swiper-banner .ban4 .p2{font-size:1.7vw;margin-top:4.5vw}
