﻿body {padding-top: 0;}
.pagesbanner .pagesbanner-animate{top:55%}
.banner-inner .banner-text{margin-bottom: 20px;}
.pagesbanner .pagesbanner-animate .module-dev{align-items:center}
.pagesbanner .pagesbanner-animate .moduledev-r{margin-left:0}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-family:Exo2Bold;font-size:42px;font-weight:var(--fontbold7);transition:all .3s ease}
.pagesbanner .p2{color:#fff;opacity:0;animation:pagesbanner 1s .5s forwards;width: 100%;text-align: center;padding: 0 3%;}
@media (max-width:1660px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:38px}}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:34px}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}}
@media (max-width:1280px){.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize28)}
.pagesbanner .pagesbanner-animate .module-dev{margin-top:15px}
.pagesbanner .p2{font-size: var(--fontsize14) !important;max-width: 1600px;padding: 0 15px;width: 100%;text-align: center;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate{top:45%;padding:0 15px}
.pagesbanner .p2{top:65%}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .banner-text .p1{font-size:var(--fontsize22);line-height:1.5}
.pagesbanner .p2,.pagesbanner .pagesbanner-animate .module-dev{display:none}}
.moduletitle{font-family:Exo2Bold;color:#000002;font-size:42px;font-weight:var(--fontbold5);line-height:1.2;text-align:center}
.support>.l-wrap{padding:0!important;max-width:100%!important}
.support .l-wrap{max-width:1740px}
.support .page-main{padding:0}
.moduletitle{font-family:Exo2Bold;color:#000002;font-size:42px;font-weight:var(--fontbold5);line-height:1.2;text-align:center}
.support .moduledev-l,.support .moduledev-r{justify-content:center}
.support .moduledev-r{margin-left:0}
.pagedes{color:#6a6f78;line-height:26px;text-align:center;margin-top:20px}
.support1{padding:6% 0;background:#fff}
.support1 .l-wrap{display:flex;align-items:center}
.support1-left{width:45%}
.support1-right{flex:1;padding-left:5%}
.support1-left .moduletitle{text-align:left}
.support1-right .pagedes{text-align:left}
.support .support1 .moduledev-l,.support .support1 .moduledev-r{justify-content:left}
.support .support1 .moduledev-r{margin-left:14px}
.support2{padding:5% 0;background: #F1F1F3;}
.support2-img{margin-top:40px}
.support3{position:relative;padding-top: 3%;margin-top: 3%;}
.support3::after{position:absolute;content:'';height:100%;width:1px;border-right:1px dashed var(--color);top:0;left:50%;transform:translateX(-50%)}
.support3-item{display:flex;justify-content:space-between;align-items:center;position:relative;padding-bottom:5%}
.support3-item:nth-last-child(1){padding-bottom:0}
.support3-item::after{position:absolute;content:'';width:11px;height:11px;background:var(--color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.support3-img{width:46.5%;position:relative}
.support3-com{width:46.5%}
.support3-com .module-head .moduletitle,.support3-com .module-head .pagedes{text-align:left}
.support .support3 .moduledev-l,.support .support3 .moduledev-r{justify-content:left}
.support .support3 .moduledev-r{margin-left:14px}
.support3-ul{margin-top:15px}
.support3-ul li{position:relative;margin-bottom:15px;padding-left:25px;color:#6a6f78;line-height:36px}
.support3-ul li strong{color:#000002}
.support3-ul li img{position:absolute;left:0;top:10px}
.partner5{padding:6% 0;position:relative;z-index:3;margin-top:6%}
.partner5 .moduletitle{color:#fff}
.partner5 .page-title{color:#fff}
.partner5 .home-btn{display:flex;position:relative;justify-content:center;margin-top:30px}
.partner5 .home-btn a{width:190px;height:55px;background:var(--color);border-radius:3px;color:#fff;display:flex;justify-content:center;align-items:center;line-height:1;text-transform:uppercase;position:relative;z-index:1;overflow:hidden}
.partner5 .home-btn a:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(100% + 20px);border-radius:50%;aspect-ratio:1/1;background:rgba(0,0,0,.4);z-index:-1;transition:all .2s linear}
.partner5 .home-btn a em{width:22px;height:22px;background:#1b1b1b;border-radius:50%;color:#fff;text-align:center;line-height:22px;margin-left:20px;font-size:var(--fontsize14);transition:all .3s ease-in-out}
.partner5 .home-btn a:hover{text-decoration:unset}
.partner5 .home-btn a:hover em{transform:rotateZ(45deg)}
.partner5 .home-btn a:hover:after{transform:translate(-50%,-50%) scale(1)}
.partner5 .pagedes{color:#fff}
.support3 .image-container{position:relative;width:100%;height:auto;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.support3 .image{width:100%;height:auto;display:block}
.support3 .image-container .image:first-child{position:absolute;top:0;left:0;clip:rect(0,50% 0,0);z-index:1}
.support3 .slider{position:absolute;cursor:ew-resize;width:60px;height:100%;display:flex;justify-content:center;align-items:center;top:0;left:0;transform:translateX(-50%);z-index:333}
.support3 .slider::after{position:absolute;content:'';height:100%;z-index:2;width:1px;background:#fff}
.support3 .image-container::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:60px;transform:translateX(-50%);background:linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%);z-index:2;pointer-events:none}
@media (max-width:1640px){.moduletitle{font-size:38px}}
@media (max-width:1440px){.moduletitle{font-size:34px}
.support .l-wrap {padding: 0 50px;}}
@media (max-width:1366px){.moduletitle{font-size:32px}}
@media (max-width:1024px){.moduletitle{font-size:26px}
.support .l-wrap {padding: 0 30px;}}
@media (max-width:768px){.moduletitle{font-size:24px}
.support .l-wrap {padding: 0 15px;flex-direction: column;}
.support1-left {width: 100%;}
.support1-right{padding-left: 0;}
.support1-left .moduletitle {text-align: center;}
.support .support1 .moduledev-l, .support .support1 .moduledev-r{justify-content: center;}
.support3-item{flex-direction: column;padding-bottom: 2%;}
.support3-item:nth-of-type(2n){flex-direction: column-reverse;}
.support3::after,.support3-item::after{display: none;}
.support3-img{width: 100%;}
.support3-com{width: 100%;margin-top: 25px;}}
.home-btn{display: flex;position: relative;margin-top: 30px;}
.home-btn a{width: 190px;height: 55px;background: var(--color);border-radius: 3px;color: #fff;display: flex;justify-content: center;align-items: center;line-height: 1;text-transform: uppercase;position: relative;z-index: 1;overflow: hidden;}
.home-btn a em {width: 22px;height: 22px;background: #1b1b1b;border-radius: 50%;color: #fff;text-align: center;line-height: 22px;margin-left: 20px;font-size: var(--fontsize14);transition: all .3s ease-in-out;}
.home-btn a:hover {text-decoration: unset;}
.home-btn a:hover:after {transform: translate(-50%, -50%) scale(1);}
.home-btn a:hover em {transform: rotateZ(45deg);}
.home-btn a:after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: calc(100% + 20px);border-radius: 50%;aspect-ratio: 1 / 1;background: rgba(0, 0, 0, .4);z-index: -1;transition: all .2s linear;}
.mapbox{margin:0 auto;margin-top:40px;position:relative;max-width:1300px}
.mapbox .map-list li{position:absolute}
.mapbox .map-list li .circle{position:relative;width:12px;height:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.mapbox .map-list li .circle span{width:8px;height:8px;display:block;background:var(--color);border-radius:50%;position:relative;z-index:1}
.mapbox .map-list li .circle::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:rgba(255,255,255,.8);opacity:0;animation:aperture 1.5s ease infinite .4s;z-index:-1}
.mapbox .map-list li .info{position:absolute;align-items:center;width:max-content;display:none;z-index:4}
.mapbox .map-list li .info .img{width:60px;display:flex;align-items:center}
.mapbox .map-list li .info .img img{width:100%}
.mapbox .map-list li .info .txt{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2}
.mapbox .map-list li .info::before{content:"";position:absolute;top:50%;width:52px;height:3px;transform:translateY(-50%);background-color:var(--color)}
.mapbox .map-list li .logo-img{position:absolute;width:30px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}
.mapbox .map-list li:hover .info{display:flex}
.mapbox .map-list .item1{right:37%;top:49%}
.mapbox .map-list .item1 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item1 .info::before{left:-52px}
.mapbox .map-list .item1 .info .txt{margin-left:10px}
.mapbox .map-list .item2{right:21.5%;top:53%}
.mapbox .map-list .item2 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item2 .info::before{left:-52px}
.mapbox .map-list .item2 .info .txt{margin-left:10px}
.mapbox .map-list .item3{right:78%;top:48.5%}
.mapbox .map-list .item3 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item3 .info::before{left:-52px}
.mapbox .map-list .item3 .info .txt{margin-left:10px}
.mapbox .map-list .item4{right:16.5%;top:63%}
.mapbox .map-list .item4 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item4 .info::before{left:-52px}
.mapbox .map-list .item4 .info .txt{margin-left:10px}
.mapbox .map-list .item5{right:24.5%;top:48.5%}
.mapbox .map-list .item5 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item5 .info::before{left:-52px}
.mapbox .map-list .item5 .info .txt{margin-left:10px}
.mapbox .map-list .item6{right:64%;top:67%}
.mapbox .map-list .item6 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item6 .info::before{left:-52px}
.mapbox .map-list .item6 .info .txt{margin-left:10px}
.mapbox .map-list .item7{right:22.5%;top:22%}
.mapbox .map-list .item7 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item7 .info::before{left:-52px}
.mapbox .map-list .item7 .info .txt{margin-left:10px}
.mapbox .map-list .item8{right:49%;top:46%}
.mapbox .map-list .item8 .info{text-align:right;right:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item8 .info::before{right:-52px}
.mapbox .map-list .item8 .info .txt{margin-right:10px}
.mapbox .map-list .item9{right:20.5%;top:43%}
.mapbox .map-list .item9 .info{left:calc(100% + 50px);top:50%;transform:translateY(-50%)}
.mapbox .map-list .item9 .info::before{left:-52px}
.mapbox .map-list .item9 .info .txt{margin-left:10px}
@keyframes aperture{0%{opacity:1;transform:scale(1)}
100%{opacity:1;transform:scale(2)}
}
@media screen and (max-width:1024px){.mapbox .map-list li .info::before{width:22px}
.mapbox .map-list li .info .img{width:48px}
.mapbox .map-list li .info .txt{font-size:var(--fontsize14)}
.mapbox .map-list .item1 .info{left:calc(100% + 15px)}
.mapbox .map-list .item1 .info::before{left:-22px}
.mapbox .map-list .item1 .info .txt{margin-left:6px}
.mapbox .map-list .item2 .info{left:calc(100% + 15px)}
.mapbox .map-list .item2 .info::before{left:-22px}
.mapbox .map-list .item2 .info .txt{margin-left:6px}
.mapbox .map-list .item3 .info{left:calc(100% + 15px)}
.mapbox .map-list .item3 .info::before{left:-22px}
.mapbox .map-list .item3 .info .txt{margin-left:6px}
.mapbox .map-list .item4 .info{left:calc(100% + 15px)}
.mapbox .map-list .item4 .info::before{left:-22px}
.mapbox .map-list .item4 .info .txt{margin-left:6px}
.mapbox .map-list .item5 .info{left:calc(100% + 15px)}
.mapbox .map-list .item5 .info::before{left:-22px}
.mapbox .map-list .item5 .info .txt{margin-left:6px}
.mapbox .map-list .item6 .info{left:calc(100% + 15px)}
.mapbox .map-list .item6 .info::before{left:-22px}
.mapbox .map-list .item6 .info .txt{margin-left:6px}
.mapbox .map-list .item7 .info{left:calc(100% + 15px)}
.mapbox .map-list .item7 .info::before{left:-22px}
.mapbox .map-list .item7 .info .txt{margin-left:6px}
.mapbox .map-list .item8 .info{right:calc(100% + 15px)}
.mapbox .map-list .item8 .info::before{right:-22px}
.mapbox .map-list .item8 .info .txt{margin-right:6px}
.mapbox .map-list .item9 .info{left:calc(100% + 15px)}
.mapbox .map-list .item9 .info::before{left:-22px}
.mapbox .map-list .item9 .info .txt{margin-left:6px}
}
@media screen and (max-width:768px){.mapbox .map-list li .log-img{width:20px;top:3%}
.mapbox .map-list li .info::before{width:20px}
.mapbox .map-list li .info .img{width:32px}
.mapbox .map-list li .info .txt{font-size:var(--fontsize12)}
.mapbox .map-list .item1 .info{left:calc(100% + 15px)}
.mapbox .map-list .item1 .info::before{left:-22px}
.mapbox .map-list .item1 .info .txt{margin-left:6px}
.mapbox .map-list .item2 .info{flex-direction:row-reverse;left:auto;right:calc(100% + 15px)}
.mapbox .map-list .item2 .info::before{left:auto;right:-22px}
.mapbox .map-list .item2 .info .txt{margin-left:0;margin-right:6px}
.mapbox .map-list .item3 .info{left:calc(100% + 15px)}
.mapbox .map-list .item3 .info::before{left:-22px}
.mapbox .map-list .item3 .info .txt{margin-left:6px}
.mapbox .map-list .item4 .info{flex-direction:row-reverse;left:auto;right:calc(100% + 15px)}
.mapbox .map-list .item4 .info::before{left:auto;right:-22px}
.mapbox .map-list .item4 .info .txt{margin-left:0;margin-right:6px}
.mapbox .map-list .item5 .info{flex-direction:row-reverse;left:auto;right:calc(100% + 15px)}
.mapbox .map-list .item5 .info::before{left:auto;right:-22px}
.mapbox .map-list .item5 .info .txt{margin-left:0;margin-right:6px}
.mapbox .map-list .item6 .info{left:calc(100% + 15px)}
.mapbox .map-list .item6 .info::before{left:-22px}
.mapbox .map-list .item6 .info .txt{margin-left:6px}
.mapbox .map-list .item7 .info{flex-direction:row-reverse;left:auto;right:calc(100% + 15px)}
.mapbox .map-list .item7 .info::before{left:auto;right:-22px}
.mapbox .map-list .item7 .info .txt{margin-left:0;margin-right:6px}
.mapbox .map-list .item8 .info{right:calc(100% + 15px)}
.mapbox .map-list .item8 .info::before{right:-22px}
.mapbox .map-list .item8 .info .txt{margin-right:6px}
.mapbox .map-list .item9 .info{flex-direction:row-reverse;left:auto;right:calc(100% + 15px)}
.mapbox .map-list .item9 .info::before{left:auto;right:-22px}
.mapbox .map-list .item9 .info .txt{margin-left:0;margin-right:6px}
}
