.home-banner .swiper-slide.swiper-slide-active .banner-animote{animation: wkbanner .5s forwards;animation-delay: .7s;}
@keyframes wkbanner{
0%{margin-top: 50px;;opacity: 0;}
100%{margin-top: 0;opacity: 1;}}
.banner-animote{position: absolute;color: var(--fontcolor);opacity: 0;}
.banner-animote .home-more{display: none;}
.banner-animote .text{max-width: none;}
.banner-animote{z-index:2;max-width:48%;top:50%;transform:translateY(-50%)}
.banner-animote.banner1txt{left:50%;transform:translate(-50%,-50%);max-width:70%;text-align:center;width:100%;}
.banner-animote .title{color: #fff;font-size: 40px;font-weight: bold;letter-spacing: -2px;line-height:1.4}
.banner-animote .text{color: #fff;font-size: var(--fontsize0);font-weight: var(--fontbold6);}
.banner-animote a{margin-top:10px;width: auto;color: #fff;padding: 0px 20px;height: 50px;background: 0 0;border: 1px solid #fff;display: inline-flex;justify-content: center;align-items: center;font-size: var(--fontsize14);transition: all .3s ease;}
.banner-animote a:hover{background: var(--color);border-color: var(--color);}
@media (max-width:1440px){.banner-animote .title{font-size:34px}}
@media (max-width:1280px){.banner-animote{width: 80%}
.banner-animote .title{font-size:var(--fontsize30)}
.banner-animote .text{font-size:var(--fontsize16)}
}
@media (max-width:1024px){.banner-animote{max-width: 70%;width:100%;left:0;padding:0 20px;}
.banner-animote .title{font-size: var(--fontsize24);}
.banner-animote .text{font-size: var(--fontsize14);}
.banner-animote.banner1txt{max-width:100%}}
@media (max-width:768px){.banner-animote .title{font-size: var(--fontsize20);}
.banner-animote .text{display:none}
}
@media (max-width:500px){.banner-animote .title{font-size: var(--fontsize15);}}