﻿@import url(https://css02.v15cdn.com/m432/aos.css);
body{overflow-x:hidden}
.home-about{position:relative;padding:4% 0}
.home-about{background:#fafafa}
.home-about .l-wrap{display:flex;flex-wrap:wrap}
.home-about .l-wrap>div{width:50%}
.home-about .aboutinfo{padding-right:3%}
.home-about .aboutinfo .home-title{text-align:left;margin-bottom:1em}
.home-about .aboutinfo p{margin-bottom:1em;color:var(--introcolor)}
.home-about .aboutinfo .more{display:inline-block;text-transform:lowercase;color:var(--color);text-decoration:underline;transition:all .1s linear}
.home-about .aboutinfo .more:hover{opacity:.9}
.home-banner .swiper-slide>a::after{display:none;}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(21,21,21,.6)}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0}
.home-banner .banner-animote .p1{font-size:60px;font-weight:var(--fontbold6);line-height:1.3}
.home-banner .banner-animote .p1 span{color:var(--color)}
.home-banner .banner-animote .p2{font-size:var(--fontsize16);margin:10px 0 50px}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:20px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{position:relative;width:36px;height:8px;background:var(--hovercolor);border-radius:var(--borderradius);opacity:1;overflow:hidden}
.home-banner .swiper-pagination-bullet::before{content:"";position:absolute;width:0;height:100%;left:0;top:0;background-color:var(--color);z-index:2}
.home-banner .swiper-pagination-bullet.cur::before{transition:width 6s linear;width:100%}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;color:#FFFFFF;background:var(--colorbg);z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color);color:var(--colorbg)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@media (max-width:1366px){.home-banner .banner-animote .p1{font-size:50px}}
@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:40px}
.home-about .aboutinfo{padding-left:6%}}
@media (max-width:1024px){
.home-banner .banner-animote .p1{font-size:var(--fontsize30)}
.home-banner .banner-animote{top:50%}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-about .l-wrap>div{width:100%}}
@media(max-width:768px){
.home-banner .banner-animote .p1{font-size:var(--fontsize20)}
.home-banner .banner-animote .p2{margin-bottom:0}
.home-banner .banner-animote .p3{display:none}
.home-about{padding:40px 0}
.home-about .aboutinfo .home-title{margin-bottom:10px}
.home-about>div{width:100%}
.home-about .aboutinfo{padding:0}
.home-about .aboutimg{padding:0;margin-top:1em}}
@media (max-width:500px){.home-banner .banner-animote .p1{font-size:var(--fontsize18)}
.home-banner .banner-animote .p2{font-size:var(--fontsize14)}}
.home-banner .swiper-slide-active img{animation:none;}
.home-procate .procate-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-procate .procate-list>li{width:33.333%;position:relative}
.home-procate .procate-list>li>a{width:100%;height:100%;display:block}
.home-procate .procate-list .cate-img{overflow:hidden;width:101%}
.home-procate .procate-list .cate-img img{width:100%;display:block;transition:all .3s}
.home-procate .procate-list .cate-name{position:absolute;color:var(--introcolor);top:19%;left:11%;font-weight:var(--fontbold7);font-size:var(--fontsize30);line-height:1.4}
.home-procate .procate-list .cate-name:after{content:'';width:80px;height:3px;display:block;background:var(--introcolor);position:absolute;left:0;bottom:-40%}
.home-procate .procate-list>li:hover img{transform:scale(1.03)}
.home-procate .procate-list>li:hover .cate-name{color:var(--color)}
.home-new{padding:4% 0}
.home-new .homenewSwiper{padding-bottom:120px}
.home-new .homenewSwiper .swiper-slide{position:relative;transition:transform .3s}
.home-new .homenewSwiper .swiper-slide.swiper-slide-active{transform:translateY(40px)}
.home-new .homenewSwiper .swiper-slide .new-img{overflow:hidden;width:100%}
.home-new .homenewSwiper .swiper-slide .new-img img{width:100%;display:block;transition:all .3s}
.home-new .homenewSwiper .swiper-slide .new-bot{position:absolute;right:5%;top:85%;background:#fff;box-shadow:0 8px 32px 0 rgba(0,0,0,.13);padding:15px 20px;z-index:2;width:70%}
.home-new .homenewSwiper .swiper-slide .new-bot .new-des{color:#ccc;font-size:var(--fontsize14)}
.home-new .homenewSwiper .swiper-slide .new-bot .new-title a{font-size:var(--fontsize20);max-width:70%;display:block;line-height:1.4;font-weight:var(--fontbold6);color:var(--introcolor)}
.home-new .homenewSwiper .swiper-slide:hover .new-bot .new-title a{color:var(--color)}
.home-new .homenewSwiper-btn{display:flex;justify-content:flex-end;align-items:center}
.home-new .homenewSwiper-btn>div{width:42px;height:42px;display:flex;justify-content:center;align-items:center;background:var(--color);transition:all .3s;color:#fff;margin-left:10px;cursor:pointer}
.home-new .homenewSwiper-btn>div em{font-size:var(--fontsize20)}
.home-new .homenewSwiper-btn>div:hover{background:#ccc}
.home-new .homenewSwiper-pagination{display:none}
.home-appli{position:relative;padding:4% 0;overflow:hidden}
.home-appli:after{content:'';width:100%;height:45%;position:absolute;bottom:0;left:0;display:block;background:#fafafa}
.home-appli .appli-inner{position:relative;overflow:hidden;z-index:2}
.home-appli .appli-background:after{content:'';width:100%;height:100%;display:block;background-color:rgba(0,0,0,.4);position:absolute;top:0;left:0}
.home-appli .appli-background .img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.8s ease all;transform:scale(.99);object-fit:cover}
.home-appli .appli-background .img img{width:100%;display:block;height:100%;object-fit:cover}
.home-appli .appli-background .img.appli-active{opacity:1;transform:scale(1)}
.home-appli .appli-words{z-index:2;position:relative;padding:4%}
.home-appli .appli-words .home-title{color:#fff;text-align:left}
.home-appli .appli-words .appli-list{padding:4%}
.home-appli .appli-words .appli-list li{max-width:70%;cursor:pointer}
.home-appli .appli-words .appli-list li p{font-weight:var(--fontbold7);font-size:46px;margin-bottom:7.4%;color:#fff;opacity:.5}
.home-appli .appli-words .appli-list li.appli-active p{opacity:1}
.home-map{padding:4% 0}
.home-map .map-inner{position:relative;margin-top:2.5%}
.home-map .map-inner .map-img img{width:100%;display:block}
.home-map .map-inner .map-list{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.home-map .map-inner .map-list li{cursor:pointer}
.home-map .map-inner .map-list li.item1{position:absolute;top:18.5%;left:48.5%}
.home-map .map-inner .map-list li.item2{position:absolute;top:38.5%;left:49.5%}
.home-map .map-inner .map-list li.item3{position:absolute;top:52%;left:40.3%}
.home-map .map-inner .map-list li.item4{position:absolute;top:54.3%;left:22.5%}
.home-map .map-inner .map-list li.item5{position:absolute;top:33.3%;left:53.3%}
.home-map .map-inner .map-list li.item6{position:absolute;top:39.5%;left:53.5%}
.home-map .map-inner .map-list li.item7{position:absolute;top:26.5%;left:58.2%}
.home-map .map-inner .map-list li.item8{position:absolute;top:40.2%;left:57.1%}
.home-map .map-inner .map-list li.item9{position:absolute;top:50%;left:78.3%}
.home-map .map-inner .map-list li.item10{position:absolute;top:57%;left:52.3%}
.home-map .map-inner .map-list li.item11{position:absolute;top:52%;left:65.4%}
.home-map .map-inner .map-list li.item12{position:absolute;top:48.3%;left:73.7%}
.home-map .map-inner .map-list li.item13{position:absolute;top:67.5%;left:18%}
.home-map .map-inner .map-list li .map-logo{position:absolute;display:inline-block;top:3px;left:50%;transform:translateX(-50%);display:none}
.home-map .map-inner .map-list li.active .map-logo{display:block}
.home-map .map-inner .map-list li .map-logo .dian-active .line{width:1px;height:50px;display:block;background:var(--fontcolor);position:absolute;left:50%;top:0;transform:translateX(-50%)}
.home-map .map-inner .map-list li .map-logo .dian-active .logo{width:80px;height:80px;padding:10px;border-radius:50%;border:1px solid var(--fontcolor);object-fit:contain;background:#fff;margin-top:50px;overflow:hidden}
.home-map .map-inner .map-list li .map-logo .dian-active.dian2-active{position:absolute;right:50%;top:0;transform:translateY(-50%)}
.home-map .map-inner .map-list li .map-logo .dian-active.dian2-active .line{width:50px;height:1px;top:50%;right:0;left:auto;transform:translate(0,-50%)}
.home-map .map-inner .map-list li .map-logo .dian-active.dian2-active .logo{margin-top:0;margin-right:50px}
.home-map .map-inner .map-list li .map-logo .dian-active.dian3-active{position:absolute;left:50%;top:0;transform:translateY(-50%)}
.home-map .map-inner .map-list li .map-logo .dian-active.dian3-active .line{width:50px;height:1px;top:50%;left:0;transform:translate(0,-50%)}
.home-map .map-inner .map-list li .map-logo .dian-active.dian3-active .logo{margin-top:0;margin-left:50px}
.home-map .map-inner .map-list li .circle{position:relative;width:6px;height:6px;display:flex;align-items:center;justify-content:center}
.home-map .map-inner .map-list li .circle span{width:4px;height:4px;display:block;background:var(--fontcolor);border-radius:50%}
.home-map .map-inner .map-list li .circle:after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(0,0,0,.8);opacity:0;animation:aperture 1.5s ease infinite .4s}
@keyframes aperture{0%{opacity:1;transform:scale(1)}
100%{opacity:0;transform:scale(2)}}
@media (max-width:1600px){.home-procate .procate-list .cate-name{font-size:1.6vw}}
@media (max-width:1280px){.home-new .homenewSwiper .swiper-slide .new-bot{width:80%}}
@media (max-width:1024px){.home-map,.home-new{padding:40px 0}
.home-new .homenewSwiper .swiper-slide .new-bot .new-title a{max-width:100%;font-size:var(--fontsize18)}
.home-appli .appli-words{padding:40px 20px}
.home-about .aboutinfo{padding:0}
.home-procate .procate-list .cate-name:after{width:55px}
.home-about .aboutimg{width:100%;aspect-ratio:inherit;margin-top:20px}
.home-about .aboutimg img{width:100%;display:block}
.home-appli .appli-words .appli-list li p{font-size:var(--fontsize28)}}
@media (max-width:768px){.home-procate .procate-list .cate-name{font-size:var(--fontsize16)}
.home-new .homenewSwiper-btn{justify-content:center}
.home-new .homenewSwiper .swiper-slide.swiper-slide-active{transform:initial}
.home-appli .appli-words .appli-list{padding:40px 20px}
.home-appli .appli-words .appli-list li p{margin-bottom:20px;font-size:var(--fontsize22)}
.home-map .map-inner .map-list li .map-logo .dian-active .line{height:30px}
.home-map .map-inner .map-list li .map-logo .dian-active .logo{width:50px;height:50px;margin-top:30px;padding:7px}
.home-map .map-inner .map-list li .map-logo .dian-active.dian2-active .logo{margin-right:30px}
.home-map .map-inner .map-list li .map-logo .dian-active.dian2-active .line,.home-map .map-inner .map-list li .map-logo .dian-active.dian3-active .line{width:30px}
.home-map .map-inner .map-list li .map-logo .dian-active.dian3-active .logo{margin-left:30px}}
@media (max-width:550px){.home-procate .procate-list>li{width:100%}
.home-procate .procate-list .cate-name{font-size:var(--fontsize18)}
.home-new .homenewSwiper{padding-bottom:60px}
.home-new .homenewSwiper .swiper-slide .new-bot{width:80%;left:50%;right:auto;transform:translateX(-50%);top:80%}
.home-new .homenewSwiper .swiper-slide .new-bot .new-title a{max-width:100%}
.home-appli .appli-words{padding:20px 10px}
.home-appli .appli-words .appli-list{padding:10px}
.home-appli .appli-words .appli-list li p{font-size:var(--fontsize18);margin-bottom:10px;line-height:1.4}}
.home-banner .banner-animote{text-align:center;top:22%;}
.home-banner .banner-animote .p1{position:relative;color:var(--fontcolor);font-style:italic;color:#535252;padding-bottom:.8vw;font-size:3.6vw}
.home-banner .banner-animote .p1:after{content:'';width:8%;height:.3vw;background:#535252;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:34px;padding-bottom:10px}
.home-banner .banner-animote .p1:after{height:3px;}}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:28px;padding-bottom:7px}
.home-banner .banner-animote .p1:after{height:2px;}}
@media (max-width:540px){.home-banner .banner-animote .p1{font-size:18px;}}
.home-contact{padding: 2% 0;}
.home-contact .l-wrap{display: flex;align-items: center;justify-content: center;}
.home-contact .list{display: flex;}
.home-contact .list .item{display: flex;align-items: center;text-align: center;}
.home-contact .list .item .info{font-size: 22px;}
.home-contact .img{border-radius: 50%;overflow: hidden;margin-left: 20px;}
.home-contact .img img{aspect-ratio: 1;max-width: 200px;}
.home-contact .media{display: flex;}
.home-contact .media .item{margin-right: 10px;background: var(--color);color: #fff;font-weight: bold;width: 28px;text-align: center;}
.home-contact .myq{border-radius: 25px;color: #fff;background: var(--color);padding: 6px 25px;margin:0 10px;}
@media (max-width:768px) {
.home-contact .l-wrap{display: flex;flex-wrap: wrap;}
.home-contact .list{width: 100%;}}
.home-banner .swiper-slide>a::after{display:none;}

.solution-title{padding:62px 0 72px}
.solution-title>p{text-align:center;font-size:100px;line-height:1}
.home-solution .title-wrapper{margin-top:95px}
.hometitle{color:#3b3b3b;font-size:20px;letter-spacing:5.2px;text-transform:uppercase}
.solution-box{background:linear-gradient(122deg,#dbdbdb 0,#b7b7b7 100%);position:relative;overflow:hidden}
.solution-box img{transform:translateX(42%) scale(1.2);transition:all .3s ease-in-out}
.solution-text{margin-top:50px;padding-right:10%}
.solution-text p{font-size:30px;color:#000;line-height:1;text-align:end}
.solution-contant{padding-bottom:80px}
.solution-next,.solution-prev{display:block;position:absolute;top:50%;z-index:3;transform:translateY(-50px);cursor:pointer}
.solution-next img,.solution-prev img{transition:all .3s ease-in-out}
.solution-next{left:5%}
.solution-prev{right:5%}
.soluSwiper .swiper-slide:hover img{transform:translateX(0) scale(1)}
.solution-next:hover img,.solution-prev:hover img{filter:invert(1)}
.home-aboutus{padding:130px 0;background:#eee}
.home-aboutus .l-wrap{display:flex}
.about-left p{font-size:30px;color:#000;line-height:1;margin-bottom:50px}
.about-left{width:40%}
.about-left img{width:100%}
.about-right{flex:1;padding-left:60px}
.about-right .title{font-size:25px;color:#000;line-height:40px;}
.about-right .text{font-size:20px;color:#666;line-height:35px;margin-top:50px}
.about-right .about-btns{margin-top:50px;display:flex}
.about-btns a img{width:28px;margin-left:10px}
.home-applications{padding:100px 0}
.appli-contant{display:flex;max-width:1000px;flex-wrap:wrap;justify-content:space-between;margin:35px auto 0}
.appli-img{width:33.33%;padding:25px;position:relative}
.appli-img::after{position:absolute;content:'';width:1px;background:#000;right:0}
.appli-img:nth-of-type(-n+3)::after{height:calc(100% - 15px);top:0}
.appli-img:nth-of-type(n+3)::after{height:calc(100% - 15px);bottom:0}
.appli-img:nth-of-type(-n+3)::before{position:absolute;content:'';width:calc(100% - 30px);height:1px;background:#000;bottom:0;left:50%;transform:translateX(-50%)}
.appli-img:nth-of-type(3n)::after{display:none}
.appli-im{min-height:180px;display:flex;justify-content:center;align-items:center}
.appli-im img{transition:all .3s ease-in-out}
.appli-img p{font-size:30px;color:#000;line-height:30px;text-align:center;margin-top:20px}
.appli-img:hover img{transform:scale(1.05)}
.home-maps{padding:35px 75px;background:linear-gradient(119deg,#7d7d7d 0,#000 45%);display:flex;justify-content:end;align-items:center}
.map-left{flex:1;padding-right:60px;display:flex;justify-content:end;align-items:center}
.map-left .left .map-box:first-of-type{margin-bottom:45px;margin-left:75px}
.map-left .right{margin-left:45px;margin-top:50px}
.map-box{width:235px;height:235px;background:url(/Content/uploads/20251055184/20251210162321f8c1ce5217ff4ecc884aeea9486a03e3.webp) center no-repeat;background-size:contain;display:flex;flex-direction:column;justify-content:center;align-items:center}
.map-data{display:flex;line-height:1;font-weight:900;font-size:60px;color:#fff}
.map-text{font-weight:400;font-size:16px;color:#fff;margin-top:20px}
.home-partners{padding:85px 0;background:#eee}
.partners-contant{display:flex;flex-wrap:wrap}
.partner-img{width:20%;display:flex;justify-content:center;align-items:center;padding:25px 10px}
.home-contacts{padding:234px 0;background:url(/Content/uploads/20251055184/202512101623208f1c63517069474dba0eb45911f672c0.webp) center no-repeat;background-size:cover}
.home-contacts p{font-size:47px;color:#fff;line-height:66px}
@media (max-width:1640px){.solution-title>p{font-size:68px}
.home-solution .title-wrapper{margin-top:50px}
.solution-title{padding:50px 0}
.home-aboutus,.home-applications,.home-partners{padding:85px 0}
.appli-contant{max-width:80%}
.map-box{width:210px;height:210px}
.map-data{font-size:42px}
.map-text{margin-top:10px}
.map-left .right{margin-left:20px;margin-top:30px}
.map-left .left .map-box:first-of-type{margin-bottom:30px;margin-left:50px}
.home-contacts{padding:180px 0}
.home-contacts p{line-height:1.52;font-size:42px}
.appli-img p{font-size:24px}}
@media (max-width:1420px){.solution-title>p{font-size:52px}
.home-solution .title-wrapper{margin-top:35px}
.solution-text p{font-size:24px}
.solution-text{margin-top:35px}
.about-right .text{margin-top:15px;font-size:18px}
.about-right .title{font-size:22px}
.about-right .about-btns{margin-top:25px}
.about-left{width:50%}
.partner-img img{width:75%}
.home-contacts{padding:160px 0}}
@media (max-width:1200px){.solution-title>p{font-size:38px}
.solution-title{padding:50px 0 25px}
.solution-contant{padding-bottom:50px}
.about-right{padding-left:35px}
.home-aboutus,.home-applications,.home-partners{padding:60px 0}
.appli-contant{max-width:100%}
.appli-img p{font-size:20px;margin-top:10px}}
@media (max-width:1024px){.solution-title>p{font-size:28px}
.home-solution .title-wrapper{margin-top:20px}
.hometitle{font-size:18px;line-height:1}
.solution-text p{font-size:20px}
.home-aboutus .l-wrap{flex-direction:column}
.home-aboutus,.home-applications,.home-partners{padding:50px 0}
.about-left p{font-size:24px;margin-bottom:20px;text-align:center}
.about-left{width:100%}
.about-right{padding-left:0;margin-top:25px}
.home-maps{flex-direction:column-reverse;padding:50px 15px}
.map-right{width:100%}
.map-left{width:100%;padding-right:0;flex-direction:row;margin-top:30px}
.map-left .left{width:66%;display:flex}
.map-left .left .map-box:first-of-type{margin-bottom:0;margin-left:0}
.map-left .left .map-box{width:50%}
.map-left .right{margin-left:0;margin-top:0;width:33.33%;display:flex;justify-content:center}
.map-box{width:190px;height:190px}
.map-data{font-size:34px}
.home-contacts p{line-height:1.35;font-size:32px}
.home-contacts{padding:120px 0}
.solution-next img,.solution-prev img{width:45px}}
@media (max-width:768px){.solution-title{padding:45px 0 15px}
.solution-text p{font-size:16px}
.solution-text{margin-top:20px}
.solution-next img,.solution-prev img{width:25px}
.solution-next,.solution-prev{top:60%}
.home-aboutus,.home-applications,.home-partners{padding:35px 0}
.about-right .title{font-size:18px;line-height:1.52}
.about-right .text{margin-top:5px;font-size:16px;line-height:1.52}
.about-right .about-btns{margin-top:15px}
.appli-contant{margin:20px auto 0}
.appli-img p{font-size:18px}
.home-contacts p{font-size:24px}
.solution-title>p{font-size:24px}}
@media (max-width:550px){.solution-title{padding:25px 0 15px}
.hometitle{font-size:16px}
.about-left p{font-size:20px}
.map-box{width:140px;height:140px}
.map-text{font-size:14px}
.map-data{font-size:26px}
.home-contacts{padding:65px 0}}

.solution-box img{transform:none!important;display:block;width:100%;}
.solution-box img:nth-child(2){position:absolute;width:46%;bottom:2%;left:27%;transition:opacity .3s ease;opacity:0}
.solution-box img.solu1:nth-child(2){aspect-ratio:5/3;object-fit:contain}
.solution-box img.solu2:nth-child(2){bottom:-14%}
.solution-box:before{content:'';transition:opacity .3s ease;background:rgba(0,0,0,.4);width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}
.soluSwiper .swiper-slide:hover .solution-box img:nth-child(2){opacity:1}
.soluSwiper .swiper-slide:hover .solution-box:before{opacity:1}
