﻿.swiper-slide-active .banner-animote{animation: wkbanner .5s forwards;animation-delay: .7s;}
.banner-animote{position: absolute;color: var(--fontcolor);opacity: 0;}
.banner-animote .home-more{display: none;}
.banner-animote.banner1txt{width: 100%;color: #ffffff;text-align: center;left: -30%;top: 30%;}
.banner-animote.banner1txt .text{font-size: 48px;font-weight: var(--fontbold6);}
.banner-animote.banner2txt{top: 27%;right: 5%;color: #fff;text-align: left;font-style: italic;}
.banner-animote.banner2txt .text{font-size: 48px;font-weight: var(--fontbold6);}
@media (max-width:1024px){
#home-swiper .swiper-wrapper .banner-animote{width: 70%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;bottom: initial;right: initial;}
#home-swiper .swiper-wrapper .banner-animote .title{font-size: 18px;}
#home-swiper .swiper-wrapper .banner-animote .text{font-size: 14px;}
.banner-animote{display: none;}}
@keyframes wkbanner{
0%   {margin-top: 50px;;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
@-webkit-keyframes wkbanner {
0%   {margin-top: 50px;;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
#swiper-banner .swiper-slide>a{position:relative}
#swiper-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(21,21,21,.1)}

