.home-banner .banner-animote.ban1{text-align: left;max-width: 40%;left: 10%;transform: translateY(-50%);top: 50%;}
.home-banner .banner-animote.ban1 .p1{font-size: 2.5vw;padding-left: 0;text-align: left;}
.banani-bot{position: absolute;right: 10%;bottom: 1%;padding: 10px;width: 36%;opacity: 0;}
.banani-bot .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.banani-bot .list .item{width: 32%;margin-bottom: 1vw;display: flex;align-items: center;font-size: 1vw;color: #fff;}
.banani-bot .list .item .info{padding-left: 5px;}
.banani-bot .list .item img{max-width: 100%;aspect-ratio: 1;width: 80px;}
.home-banner .swiper-slide-active .banani-bot{animation: bannerani .5s forwards;animation-delay: .7s;}

.home-banner .banner-animote.ban2{max-width: 60%;left: 10%;text-align: left;transform: translateY(-50%)}
.home-banner .banner-animote.ban2 .p1{text-align: left;font-size: 5vw;font-style: italic;color: var(--color);}
.home-banner .banner-animote.ban2 .p2{font-size: 1.7vw;}
.home-banner .banner-animote.ban3{max-width: 60%;left: 10%;text-align: left;transform: translateY(-50%)}
.home-banner .banner-animote.ban3 .p1{text-align: left;font-size: 4.5vw;}
@media (max-width:1024px) {
.banani-bot{display: none;}
}
@media (max-width:768px) {
.home-banner .banner-animote .p2{display: none;}}
.home-banner .banner-animote .p3 a{background:#CE530F}
.home-banner .banner-animote.ban2 .p1{color: #CE530F;}
.home-banner .banner-animote.ban2 .p1{padding-left:0}