.about:before {opacity: .6;}
#swiper-banner .ban-inner{opacity: 0;}
#swiper-banner .swiper-slide-active .ban-inner{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#swiper-banner .ban-inner.ban1{position: absolute;top:10%;left:0;width:100%;z-index:2;text-align:center;line-height: 1;}
#swiper-banner .ban-inner.ban1 .tit{display:flex;align-items: center;justify-content: center;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:#fff;}
#swiper-banner .ban-inner.ban1 .tit .num{font-weight: var(--fontbold7);font-size:8vw;color:#0191FF;font-style:italic;padding-right:1.5%}
#swiper-banner .ban-inner.ban1 .tit .num-right{font-weight: var(--fontbold7);}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1){color:#0191FF;font-size:2.6vw;display:flex;align-items: center;white-space: nowrap;font-weight: var(--fontbold7);}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1) span{font-style: italic;font-size:2.8vw;padding-right:1%;}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(2){color:#EA2127;font-weight: var(--fontbold7);font-size:3vw;margin-left:2%;text-align:left}
#swiper-banner .ban-inner.ban1 .tit2{font-weight: var(--fontbold7);color:#EA2127;font-size:3.6vw;margin:1% 0 1.5%;}
#swiper-banner .ban-inner.ban1 .des{background: #fff;border-radius: 50px;display:inline-flex;align-items: center;color:#EA2127;padding:1% 3%;}
#swiper-banner .ban-inner.ban1 .des span{width:2vw;height:3px;display:inline-block;background: #EA2127;}
#swiper-banner .ban-inner.ban1 .des p{font-size:1.4vw;margin:0 2%;white-space: nowrap;}
@media (min-width:769px){#swiper-banner .ban-inner.ban1 .tit2{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color:#fff;}}
@media (max-width:768px){#swiper-banner .ban-inner.ban1 .des{display:none}
#swiper-banner .ban-inner.ban1 .tit .num{font-size: 60px;}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1),#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1) span{font-size:18px}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(2){font-size:22px;}
#swiper-banner .ban-inner.ban1 .tit2{font-size:26px;}}
@media (max-width:600px){#swiper-banner .ban-inner.ban1 .tit2{font-size:12px;}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1), #swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(1) span{font-size:12px;}
#swiper-banner .ban-inner.ban1 .tit .num-right p:nth-child(2){font-size:14px;}
#swiper-banner .ban-inner.ban1 .tit .num{font-size:34px;}}

#swiper-banner .ban-inner.ban2{position: absolute;top:26%;left:0;width:100%;z-index:2;line-height: 1;padding-left:8%;}
#swiper-banner .ban-inner.ban2 .tit-top{display:flex;align-items: center;font-weight: var(--fontbold7);font-size:2.4vw;padding-left:2%;}
#swiper-banner .ban-inner.ban2 .tit-top p.p1{color:#fff}
#swiper-banner .ban-inner.ban2 .tit-top p.p2{color:#333;padding-left:4%;}
#swiper-banner .ban-inner.ban2 .tit2{display:flex;align-items: center;margin:3% 0 10%;color:#fff}
#swiper-banner .ban-inner.ban2 .tit2 p.p1{font-size:4vw;font-weight: var(--fontbold7);}
#swiper-banner .ban-inner.ban2 .tit2 p.p2{font-size:1.6vw;padding-left:1%;}
#swiper-banner .ban-inner.ban2 .des{font-size:1.3vw;color:#fff;}
#swiper-banner .ban2-item{position: absolute;color:#333;font-size:1.3vw;font-weight: var(--fontbold7);opacity:0}
#swiper-banner .ban2-item.item1{top:40%;right:8%}
#swiper-banner .ban2-item.item2{top:61%;right:19%}
#swiper-banner .ban2-item.item3{top:84.5%;right:33%}
#swiper-banner .swiper-slide-active .ban2-item{animation:bannerani2 .5s forwards;animation-delay:.7s}
@keyframes bannerani2{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}

@media (max-width:768px){#swiper-banner .ban2-item{display:none}
#swiper-banner .ban-inner.ban2 .tit-top p.p1{font-size:18px;}
#swiper-banner .ban-inner.ban2 .tit2 p.p1{font-size:30px;}
#swiper-banner .ban-inner.ban2 .tit2 p.p2,#swiper-banner .ban-inner.ban2 .des{font-size:12px;}}
@media (max-width:600px){#swiper-banner .ban-inner.ban2 .tit-top p.p1{font-size:12px;}
#swiper-banner .ban-inner.ban2 .tit2{margin-top:2%}
#swiper-banner .ban-inner.ban2 .tit2 p.p1{font-size:16px;}
#swiper-banner .ban-inner.ban2 .tit-top p.p2{padding-left:1%;}
#swiper-banner .ban-inner.ban2 .des{max-width:35%;display:none}}

#swiper-banner .ban-inner.ban3{position: absolute;top:25%;left:0;width:100%;z-index:2;line-height: 1;padding-left:12.5%;}
#swiper-banner .ban-inner.ban3 .tit{font-size:2.8vw;color:#fff;font-weight: var(--fontbold7);text-transform: uppercase;}
#swiper-banner .ban-inner.ban3 .des{font-size: 1.4vw;margin:2% 0 3.5%;color:#fff;}
#swiper-banner .ban-inner.ban3 .more a{color:#fff;padding:1% 2%;font-size:1vw}
@media (max-width:768px){#swiper-banner .ban-inner.ban3 .tit{font-size:20px;}
#swiper-banner .ban-inner.ban3 .des{font-size:12px;}
#swiper-banner .ban-inner.ban3 .more{display:none}}
@media (max-width:600px){#swiper-banner .ban-inner.ban3{top:22%;}
#swiper-banner .ban-inner.ban3 .tit{font-size:12px;}
#swiper-banner .ban-inner.ban3 .des{display:none}}

.about .about-title{color:#fff}
.about .common-more-btn-y{color:#fff;border-color:#fff}
.map-w .map-img{overflow:hidden}
.map-w .map-img img{transform:translateY(-600px);filter:drop-shadow(0 600px 0 var(--color))}