.home-banner .banner-animote{font-weight: bold;transform: translateY(-50%);left: 50%;max-width: 800px;text-align: left;width: 50%;top: 38%;}
.home-banner .banner-animote .title{color: #347;padding: 2px 18px;border-radius: 28px;background: #fff;display: inline-block;font-size: 2vw;margin-bottom: 10px;}
.home-banner .banner-animote .des{font-size: 1.2vw;}
.home-banner .banner-animote .des em{margin-right: 10px;font-size: 18px;font-style: initial;}
.home-banner .botname{position: absolute;bottom: 1vw;color: #fff;font-weight: bold;display: flex;right: 2%;font-size: 1vw;width: 45%;justify-content: space-between;opacity: 0;}
.home-banner .botname .item{width: 18%;text-align: center;white-space: nowrap;}
.home-banner .swiper-slide-active .botname{opacity: 1;}
.home-banner .swiper-slide-active img{animation:none}
.home-banner .banner-animote .des em{line-height:1.2}
.home-banner .banner-animote.ban1{padding:0 20px 0 0;max-width:46.5%;left:auto;right:0;}
.home-banner .banner-animote.ban3{padding:0 20px 0 0;max-width:100%;width:51%;top:34%}
.home-banner .banner-animote.ban3+.botname{width:47.5%;right:3.5%}
@media (max-width:1024px){.home-banner .banner-animote .title{line-height:1.3}
.home-banner .banner-animote .des{line-height:1.4}
.home-banner .banner-animote .des em{line-height:1;font-size:14px}
.home-banner .banner-animote{top:35%}}
@media (max-width:768px){.home-banner .banner-animote .des,.home-banner .botname{display:none}}
@media (max-width:500px){.home-banner .banner-animote.ban1{padding:0 10px 0 0;}
.home-banner .banner-animote .title{font-size:var(--fontsize12);padding:2px 8px;line-height:1.1;text-align:center}}