﻿.home-banner .swiper-slide-active img {animation: none}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0px 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1;transition:all .2s linear}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color);width:35px;border-radius:10px}

.home-banner .banner-animote.ban1{left:53%;top:0;width: 50%;transform: initial;height: 100%;}
.home-banner .banner-animote.ban1 .list{display: flex;justify-content: space-between;flex-direction: column;height: 100%;}
.home-banner .banner-animote.ban1 .list .item{height: 50%;display: flex;align-items: center;font-size: .5vw;}
.home-banner .banner-animote.ban1 .list .item:nth-child(2),.home-banner .banner-animote.ban1 .list .item:nth-child(4){padding-left: 1.6vw;}
.home-banner .banner-animote.ban1 .list .item:nth-child(3){padding-left:2.8vw;}
.home-banner .banner-animote.ban1 .list .icon{display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;width: 1.6vw;height: 1.6vw;border: 2px solid #fff;margin-right: .7vw;}
.home-banner .banner-animote.ban1 .list .icon em{display: inline-flex;border-radius: 50%;align-items: center;justify-content: center;width: 0.7vw;height: 0.7vw;background: #fff;font-style: initial;}

.home-banner .banner-animote.ban2{transform: translateX(-50%);top:15%;line-height: 1.2;width: 55%;}
.home-banner .banner-animote.ban2 .top{display: flex;align-items: center;margin-bottom: 1vw;}
.home-banner .banner-animote.ban2 .p1{color: var(--color);margin: 0;font-size: 3.4vw;margin-right: .5vw;}
.home-banner .banner-animote.ban2 .p2{color: #000;font-size: 1vw;margin: 0;}
.home-banner .banner-animote.ban2 .mid{display: flex;align-items: center;justify-content: space-between;}
.home-banner .banner-animote.ban2 .p3 a{width: auto;height: auto;line-height: 1;font-size: .8vw;padding: .4vw .8vw;}
.home-banner .banner-animote.ban2 .p4{font-size:2vw;color: #000;font-weight: bold;}
.home-banner .banner-animote.ban2 .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-banner .banner-animote.ban2 .list .item{width: 20%;border-right: #D3DEE2 1px solid;text-align: center;padding: .5vw;}
.home-banner .banner-animote.ban2 .list .item:last-child{border-right: none;}
.home-banner .banner-animote.ban2 .list .item .num{color: var(--color);font-weight: bold;font-size:1.8vw}
.home-banner .banner-animote.ban2 .list .item .info{color: #000;font-size:.8vw}
@media (max-width:768px){.home-banner .banner-animote{display:none}}

.home-banner .swiper-slide:has(.ban-text)>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1}
.home-banner .ban-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;color:#FFF;opacity:0;z-index:2}
.home-banner .ban-text .p1{font-size:46px;line-height:1.2;font-weight:var(--fontbold5)}
.home-banner .ban-text .p2{margin-top:20px;font-size:18px}
.home-banner .ban-text.ban-text2 .p1{font-size:42px;line-height:1.3}
.home-banner .swiper-slide-active .ban-text{animation:bannerani .5s forwards;animation-delay:1s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media(max-width:1440px){
.home-banner .ban-text .p1{font-size:40px}
.home-banner .ban-text.ban-text2 .p1{font-size:38px}
}
@media(max-width:1280px){
.home-banner .ban-text .p1{font-size:36px}
.home-banner .ban-text .p2{margin-top:10px;font-size:16px}
.home-banner .ban-text.ban-text2 .p1{font-size:32px}
}
@media(max-width:1024px){
.home-banner .ban-text .p1{font-size:32px}
.home-banner .ban-text.ban-text2 .p1{font-size:26px}
}
@media(max-width:768px){
.home-banner .ban-text .p1{font-size:26px}
.home-banner .ban-text .p2{font-size:15px;line-height:1.4}
.home-banner .ban-text.ban-text2 .p1{font-size:20px}
}
@media(max-width:540px){
.home-banner .ban-text .p1{font-size:20px}
.home-banner .ban-text .p2{margin-top:5px;font-size:14px;line-height:1.3}
.home-banner .ban-text.ban-text2 .p1{font-size:16px;line-height:1.5}
.home-banner .ban-text.ban-text2 .p1 br{display:none}
}
.home-banner .swiper-slide{height:auto}
.home-banner .swiper-slide>a{height:100%}