﻿.banner-text{position:absolute}
.banner-text1{left:20%;top:10%;display:flex;flex-direction:column;align-items:center}
.banner-text1 .title{font-size:3vw;font-weight:900}
.banner-text1 .title span{color:var(--color)}
.banner-text1 .desc{text-align:center;font-size:1vw}
.home-banner .banner-text1 .more{width:fit-content;margin:0 auto;padding:.5% 2%;color:#fff;margin-top:2%;font-size:1vw;background:var(--color)}
.banner-text2{left:9%;top:10%;display:flex;flex-direction:column;align-items:flex-start}
.home-banner .banner-text2 .more{width:fit-content;padding:.5% 2%;color:#fff;margin-top:2%;border-radius:30px;font-size:1vw;background:#fed40f}
.banner-text2 .title{margin:3% 0;font-size:2.3vw;line-height:1.2;font-weight:900;color:var(--color)}
.banner-text2 .desc{font-size:1.1vw}
.banner-text3{left:9%;top:10%;display:flex;flex-direction:column;align-items:flex-start}
.home-banner .banner-text3 .more{width:fit-content;padding:3% 4%;color:#fff;margin-top:2%;border-radius:0 0 50px 0;font-size:1vw;background:linear-gradient(to right,#195388,#1c83c3);margin:3% 0}
.banner-text3 .title{font-size:3vw;line-height:1.2;font-weight:900;color:#111}
.banner-text3 .desc{font-size:.9vw;margin-top:5%;padding:4% 0;border-top:2px solid #111;border-bottom:2px solid #111}
@media (max-width:768px){.banner-text3 .desc{border-top:1px solid #111;border-bottom:1px solid #111}
}
.banner-text{opacity:0}
.home-banner .swiper-slide-active .banner-text{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}100%{opacity:1;margin-top:0px}}
/*@media(min-width:1025px){.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}}
@keyframes bannerimg{0%{transform:scale(1)}100%{transform:scale(1.05)}}*/
