.home-chooseus{position:relative;z-index:1;padding:4% 0;}
.home-chooseus::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:470px;background-image:url(https://css02.v15cdn.com/m436/imgs/choose-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}
.home-chooseus .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.home-chooseus .left{width:30%}
.home-chooseus .left .info{margin-left:20px}
.home-chooseus .img-box{width:36%;border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;padding:10px}
.home-chooseus .img-box::before{content:"";position:absolute;width:100%;height:100%;border:6px solid var(--color);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;animation:chooseimg 2s ease-in-out infinite}
.home-chooseus .img-box img{max-width:96%;border-radius:50%;position:relative;z-index:2}
.home-chooseus .right{width:30%}
.home-chooseus .right .info{margin-right:20px;text-align:right}
.home-chooseus .item{display:flex;margin:20px 0}
.home-chooseus .item .num{width:44px;height:44px;background-color:var(--color);border-radius:50%;margin:10px;display:flex;align-items:center;justify-content:center;transition:all .2s linear;position:relative;z-index:2;transition:all .2s linear}
.home-chooseus .item .num::after{content:"";position:absolute;z-index:-1;width:calc(100% + 20px);height:calc(100% + 20px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color);opacity:.5;border-radius:50%;transition:all .2s linear}
.home-chooseus .item .num span{color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-chooseus .item .info{flex:1;padding-top:14px}
.home-chooseus .item .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-chooseus .item .info .txt{color:var(--introcolor);font-size:var(--fontsize14)}
.home-chooseus .item:hover .num{background-color:var(--color)}
.home-chooseus .item:hover .num::after{background-color:var(--color)}
@keyframes chooseimg{0%{border-color:var(--color)}
50%{border-color:var(--color)}
100%{border-color:var(--color)}}
@media (max-width:768px){.home-chooseus{padding:40px 0;}
.home-chooseus .box{margin-top:25px}
.home-chooseus .left{width:100%}
.home-chooseus .img-box{width:100%;align-self:start}
.home-chooseus .img-box img{width:100%}
.home-chooseus .right{width:100%}}
@media (max-width:550px){.home-chooseus .item{margin-top:0;margin-bottom:20px;flex-wrap:wrap;justify-content:center;align-items:center}
.home-chooseus .item .info{padding:0;width:100%;flex:none;margin-left:0;margin-top:10px;text-align:center}
.home-chooseus .right .item{flex-direction:column-reverse}
.home-chooseus .right .item:last-child{margin-bottom:0}
.home-chooseus .img-box{max-width:80%;margin:0 auto;margin-bottom:20px}
.home-chooseus .img-box::before{width:100%}}

.home-num{z-index:1;position:relative;background:var(--fontcolor);}
.home-num .list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;height:130px}
.home-num .list li{text-align:center;width:20%;height:100%;line-height:1;color:#FFF;padding:20px 10px;opacity:.8;transition:all .2s linear;display:flex;flex-direction:column;align-items:center;}
.home-num .list li em{font-size:var(--fontsize40);display:inline-block;transition:transform .2s linear}
.home-num .list li em img{filter:brightness(360);}
.home-num .list li p{margin-top:1em}
.home-num .list li span{font-size:20px}
.home-num .list li:hover{opacity:1;color:var(--color)}
.home-num .list li:hover em{transform:translateY(-6px)}
.home-num .list li:hover em img{filter: initial;}
@media (max-width:1024px){.home-num .list{height:auto}
.home-num .list li{width:33%}
.home-num .l-wrap{padding:0px}}
@media (max-width:768px){.home-num .list li{width:50%}}

.home-diverse{padding:4% 0}
.home-diverse .partner-container .partner-title{display:flex;align-items:center;justify-content:center;margin-bottom:1em;font-weight:var(--fontbold6);font-size:var(--fontsize28);position:relative;white-space:nowrap}
.home-diverse .partner-container .partner-title::after,.home-diverse .partner-container .partner-title::before{content:"";display:inline-block;width:1920px;height:1px;background:var(--color)}
.home-diverse .partner-container .partner-title::before{margin-right:30px}
.home-diverse .partner-container .partner-title::after{margin-left:30px}
#partnerswiper .swiper-slide{height:auto;background:#fff;box-shadow:0 1px 7px 0 rgba(214,214,214,.22);border-radius:10px;border:1px solid #f4f4f4;padding:20px 10px;display:flex;align-items:center;justify-content:center}
#partnerswiper .swiper-slide:hover img{transform:scale(1.1)}
#partnerswiper .partnerswiper-pagination{display:flex;align-items:center;justify-content:center;margin-top:3em;}
#partnerswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color);}
@media (max-width:768px){.home-diverse{padding:40px 0}}
@media (max-width:550px){.home-diverse .partner-container .partner-title{font-size:var(--fontsize18)}
.diverse-container .left .p1{font-weight:var(--fontbold4);font-size:var(--fontsize16)}
#partnerswiper .partnerswiper-pagination{margin-top:2em;}}


.home-map .map-content{position:relative;margin-top:2.5%}
.home-map .point{left:20%;top:20%;padding:10px;box-sizing:border-box;transition:0.5s;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background-color:var(--color);position:absolute;border-radius:50%}
.home-map .point:before{content:'';display:inline-block;position:absolute;top:-2px;left:-2px;border:1px solid var(--color);bottom:-2px;right:-2px;border-radius:inherit;-webkit-animation:btnIconRipple 2s cubic-bezier(0.23,1,0.32,1) both infinite;animation:btnIconRipple 2s cubic-bezier(0.23,1,0.32,1) both infinite}
@keyframes btnIconRipple{0%{border-width:4px;transform:scale(1)}
80%{border-width:1px;transform:scale(1.35)}
100%{opacity:0}}
.point::after{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translateX(-50%) scale(0.9);background:#111;color:#fff;padding:6px 12px;font-size:13px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.3s ease;box-shadow:0 3px 10px rgba(0,0,0,0.25);z-index:2}
.point:hover::after,.point:hover::before{opacity:1;transform:translateX(-50%) scale(1)}
@media (hover:none){.point:active::after,.point:active::before{opacity:1;transform:translateX(-50%) scale(1)}}
@media (max-width:768px){.home-map .map-content{margin-top:20px;}}
@media (max-width:500px){.home-map .point{padding:2px}}
@media (max-width:1920px){.home-map .point{padding:.6vw}}
.category{padding:5% 0;overflow:hidden;background:#fcfcfc}
.category .home-tit strong{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:var(--fontcolor)}
.category-list>li{width:23.5%;background:#FFFFFF}
.category .home-tit span{color:var(--introcolor);margin-left:20px}
.category-item-img{overflow:hidden;background-color:#FAFAFC}
.category-item-img::after{content:'';display:block;position:absolute;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s ease-in-out}
.category .flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.category .flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.category .home-tit{margin-bottom:2%}
.category-item-img{overflow:hidden;background-color:#FAFAFC}
.category-item-img img{aspect-ratio:343/484;object-fit:cover}
.category-item-img{position:relative;display:block}
.category .home-tit-more{color:var(--introcolor);border:1px solid #999999;border-radius:17px;padding:4px 10px;display:block;width:160px;text-align:center;text-transform:capitalize}
.category-item-cont{padding:10px}
.category-list>li:hover .category-item-img::after{opacity:1}
.category-list>li:hover .category-item-img img{transform:scale(1.05)}
.category-list>li:hover .item-tit{color:var(--color)}
@media(max-width:768px){.category-list>li{width:100%;margin-bottom:.4rem}
.category-list>li:last-child{margin-bottom:0px}
.category{padding-top:.7rem}
.category-item-img img{width:100%;display:block}
.category>.container>.flex-jc-sb.flex-ai-fs{justify-content:center}
.category-list>li:hover .category-item-img::after{opacity:1}
}