﻿.home-choose{padding:3% 0px;margin-bottom:50px}
.home-choose .title-box{width:100%;text-align: center;}
.home-choose .home-des{color:#FFFFFF}
.home-choose .home-title{color:#FFFFFF}
.home-choose .chooselist{display:flex;margin-top:40px;justify-content:space-between}
.home-choose .chooselist .itemchoose{position:relative;overflow:hidden;width:23%;border-radius:var(--borderradius);background-color:#FFFFFF;transition:all .2s ease;transform:translateY(0)}
.home-choose .chooselist .itemchoose .top::before{position:absolute;top:0px;left:0px;display:inline-block;width:240px;height:240px;border-radius:50%;background-color:var(--color);content:"";transform:translate(-50%,-50%)}
.home-choose .chooselist .itemchoose .top::after{position:absolute;top:0px;left:0px;display:inline-block;width:240px;height:240px;border-radius:50%;background-color:rgba(0,0,0,0);content:"";transition:all .2s ease;transform:translate(-50%,-50%)}
.home-choose .chooselist .itemchoose .top .num{position:absolute;top:8px;right:8px;color:var(--color);font-weight:var(--fontbold7);font-size:100px;line-height:1;opacity:.05}
.home-choose .chooselist .itemchoose .top em{position:absolute;top:4%;left:7%;font-size:45px;color:var(--headercolor);line-height:1.5}
.home-choose .chooselist .itemchoose .top em img{max-width:45px;line-height:1}
.home-choose .chooselist .itemchoose .text{box-sizing:border-box;padding:5%}
.home-choose .chooselist .itemchoose .text .title{margin-bottom:5px;text-transform:capitalize;font-weight:var(--fontbold7);font-size:var(--fontsize18);transition:all .2s ease}
.home-choose .chooselist .itemchoose .text .des{color:var(--introcolor)}
.home-choose .numCount{display:flex;border-radius:var(--borderradius);background-color:#FFFFFF;box-shadow:0px 5px 20px 0px rgba(0,0,0,.1);transform:translateY(70px);align-items:center;width:100%;}
.home-choose .numCount .itemnum{display:flex;box-sizing:border-box;padding:2% 10px;width:25%;border-right:1px solid rgba(0,0,0,.06);flex-direction:column;align-items:center;justify-content:center}
.home-choose .numCount .itemnum .num{position:relative;line-height:1.2}
.home-choose .numCount .itemnum .numCX{font-weight:var(--fontbold7);font-size:50px}
.home-choose .numCount .itemnum sup{position:absolute;top:0px;right:-28px;color:var(--color);font-weight:var(--fontbold7);font-size:var(--fontsize28);line-height:1}
.home-choose .numCount .itemnum p{color:var(--introcolor)}
.home-choose .numCount .itemnum:last-child{border-right:none}
.home-choose .chooselist .itemchoose:hover{transform:translateY(-5px)}
.home-choose .chooselist .itemchoose:hover .top::after{background-color:rgba(0,0,0,.2)}
.home-choose .chooselist .itemchoose:hover .text .title{color:var(--color)}
@media (max-width:1600px){.home-choose .chooselist .itemchoose .top::before{width:260px;height:260px}
.home-choose .chooselist .itemchoose .top::after{width:260px;height:260px}
.home-choose .chooselist .itemchoose .top em{font-size:45px}}
@media (max-width:1280px){.home-choose .chooselist .itemchoose .text .title{font-size:var(--fontsize16)}
.home-choose .chooselist .itemchoose .top::before{width:220px;height:220px}
.home-choose .chooselist .itemchoose .top::after{width:220px;height:220px}
.home-choose .chooselist .itemchoose .top em{top:3%;left:8%}
.home-choose .chooselist .itemchoose .top .num{font-size:90px}}
@media (max-width:1024px){.home-choose .chooselist .itemchoose .top::before{transform:translate(-50%,-55%)}
.home-choose .chooselist .itemchoose .top::after{transform:translate(-50%,-55%)}
.home-choose .chooselist .itemchoose .top .num{font-size:70px}
.home-choose .chooselist .itemchoose .top em{position:absolute;top:1%}}
@media (max-width:768px){.home-choose{padding-top:30px}
.home-choose .chooselist{padding-bottom:50px}
.home-choose .swiper-pagination{bottom:2px}
.home-choose .numCount{transform:translateY(50px);flex-wrap:wrap}
.home-choose .numCount .itemnum{width:50%}
.home-choose .numCount .itemnum .numCX{font-size:48px}
.home-choose .chooselist .itemchoose .top .num{font-size:100px}
.home-choose .chooselist .itemchoose .top::before{width:280px;height:280px}
.home-choose .chooselist .itemchoose .top::after{width:280px;height:280px}
.home-choose .chooselist .itemchoose .top em{top:3%;font-size:45px}
.home-choose .chooselist .itemchoose .text .title{font-size:var(--fontsize18)}}
@media (max-width:500px){.home-choose .chooselist{margin-top:30px}
.home-choose .chooselist .itemchoose .top .num{top:0px;right:0px;font-size:90px}
.home-choose .chooselist .itemchoose .text{padding:15px}
.home-choose .numCount .itemnum{padding:3% 10px}
.home-choose .numCount .itemnum .numCX{font-size:34px}
.home-choose .numCount .itemnum sup{right:-18px;font-size:var(--fontsize28)}
.home-choose .numCount .itemnum p{font-size:var(--fontsize14)}
.home-choose .chooselist .itemchoose .top::before{transform:translate(-50%,-50%)}
.home-choose .chooselist .itemchoose .top::after{transform:translate(-50%,-50%)}
.home-choose .chooselist .itemchoose .top em{position:absolute;top:4%;left:7%}}

.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex{display:flex;flex-wrap:wrap}
.newpro-list li{width:49%;background-color:#fff;margin-bottom:30px}
.newpro-item-l,.newpro-item-r{width:50%;overflow:hidden}
.newpro-item-l{position:relative;overflow:hidden}
.newpro-name{position:absolute;top:0;left:0;padding:20px;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;transition:left .3s ease-in-out}
.newpro-name a{margin-bottom:20px;font-size:var(--fontsize18);color:var(--fontcolor);width:100%;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.newpro-icon{display:block;width:26px;height:26px;border:1px solid #333;text-align:center;line-height:23px;border-radius:50%;font-size:var(--fontsize20)}
.newpro-bref{width:100%;height:100%;position:absolute;top:0;left:-100%;background:var(--color);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:20px;transition:left .3s ease-in-out}
.newpro-bref:hover{color:#fff}
.newpro-bref p{text-align:center;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;max-height:104px;width:100%}
.newpro-bref .newpro-icon{border-color:#fff}
.newpro-item-r img{width:100%}
.newpro-item-r a::before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:-100%;background-color:rgb(136 136 136 / 55%);transition:left .3s ease-in-out}
.newpro-list li:hover .newpro-item-r a::before{left:0}
.newpro-list li:hover .newpro-name{left:100%}
.newpro-list li:hover .newpro-bref{left:0}
.newpro-list{margin-top:2%;}
@media (max-width: 768px){.newpro-list li{width:100%;}}
.home-choose .homechooseSwiper{padding-bottom:40px;}
.home-choose .homechooseSwiper .swiper-slide .slide-inner{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);display:flex;align-items: center;justify-content: center;width:100%;}
.home-choose .homechooseSwiper .swiper-slide .slide-inner img{max-width:100px;width:auto}
.home-choose .homechooseSwiper .swiper-slide .slide-inner p{color:#fff;font-size:28px;margin-left:10px;font-weight:var(--fontbold7);text-shadow: 1px 1px 2px var(--fontcolor);}
@media (max-width:550px){.home-choose .homechooseSwiper .swiper-slide .slide-inner img{max-width:60px;}
.home-choose .homechooseSwiper .swiper-slide .slide-inner p{font-size:20px;}}
@media(min-width:1025px){.home-choose .chooselist .itemchoose .text .des{height:75px;}}
.home-projects .l-wrap{align-items: center;}
.home-choose .chooselist .itemchoose .top::before,.home-more,.home-news .homenews-list .homenews-item .homenews-img .date{background: var(--color2);}
.home-video .homevideo-info .homevideo-icon{color:var(--color2)}
.home-service .homeservice-list .homeservice-item .icon{background: var(--color2);display:flex;align-items: center;justify-content: center;}
  .home-projects .homeprojects-right{width:100%}
.home-projects .homeprojects-left{width:100%;margin-bottom:20px}
  .home-projects .homeprojects-left{display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-projects .home-line::after{display:none}
.home-projects .home-more{margin-top:20px}
.home-choose .homechooseSwiper .swiper-slide .slide-inner{top:10%;left:1%;justify-content:left;transform: unset;}   
.home-service .homeservice-list .homeservice-item .text{min-height:52px}
.home-pro{padding:5% 0;position:relative}
.home-pro{background:#f5f9fc}
.home-pro .list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-pro .list li{width:24%;margin-right:1.3%;border-radius:10px;overflow:hidden;background:#fff;margin-bottom:1.3em;transition:all .2s linear}
.home-pro .list li:nth-child(4n){margin-right:0}
.home-pro .list li:hover{box-shadow:0 0 20px 10px rgba(0,0,0,.05)}
.home-pro .list li:hover .img img{transform:scale(1.02)}
.home-pro .list li:hover .info .title{color:var(--color)}
.home-pro .list li .img{width:100%;aspect-ratio:var(--prosaspectratio)}
.home-pro .list li .img.lazy-loaded .pro-meta{display:block}
.home-pro .list li .img img{width:100%;height:100%;object-fit:cover}
.home-pro .list li .info{padding:20px;border-top:1px solid #f1f6fa}
.home-pro .list li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4}
.home-pro .list li .info .text{margin-top:10px;color:var(--introcolor)}
.home-pro .more{display:flex;justify-content:center;margin-top:2em}
@media (max-width:1024px){.home-pro .list{justify-content:space-between}
.home-pro .list li{width:48%;margin-right:0}
}@media (max-width:768px){.home-pro{padding:50px 0}
}@media (max-width:500px){.home-pro .list{margin-top:30px}
.home-pro .list li .info{padding:20px 10px}
.home-pro .list li .info .title{font-size:var(--fontsize18)}
.home-pro .more{margin-top:10px}}
footer .foot-touch .foot-inner .icon em{color:var(--color2)}
.home-video .homevideo-info .homevideo-icon{background-color:var(--color2)}
.home-projects .home-more,.home-projects .homeprojects-right .project-pagination{display:none}
.home-pro .list li .info .title {font-weight: var(--fontbold7);}
.home-about .about-img .routeimg::after{display:none}
.home-about .about-img .routeimg{max-width:unset}
.home-about .about-img .routeimg img{border-radius:10px}
.home-about .about-info{padding-left:2%}
@media (min-width: 1280px) { .home-about .about-img{width:55%}}
.home-video iframe, .home-video video, .home-video lite-youtube {position: static;width: 100%;transform: inherit;height: 400px;}
.home-video iframe{ aspect-ratio: 16/9; width: auto;}
.home-video{background:none !important;padding:0}
.home-video .l-wrap{max-width:unset;padding:0}
.home-video iframe{width:100%;height:100%;transform:unset;  max-width: unset;}
.home-news .homenews-box{margin-top:0}
.home-choose{ padding-bottom: 0;}
@media (min-width:1025px){.home-about{padding:80px 0}
.home-about .about-img{padding-right:30px}}
.home-about .about-img .about-icon{bottom:25px;right:auto;left:25px;border-radius:10px;background:var(--color2);height:auto;width:auto;padding:15px;max-width:calc(100% - 60px);}
.home-about .about-img .about-icon .about-route{position:static;display:block;}
.home-about .about-img .about-icon span:nth-child(1){color:#fff;display:block;font-size:40px;font-weight:bold;}
.home-about .about-img .about-icon span:nth-child(2){color:#fff;font-weight:500;font-size:var(--fontsize16);}
.home-about .about-info .home-title{margin-bottom:15px;}
@media (max-width:768px){.home-about .about-img .about-icon{bottom:10px;left:10px;max-width:45%;padding:10px}
.home-about .about-img .about-icon span:nth-child(1){font-size:26px;line-height:1.2;margin-bottom:5px}
.home-about .about-img .about-icon span:nth-child(2){font-size:var(--fontsize14);line-height:1.3;display:block}}
@media (min-width:1025px){.home-about{padding:80px 0}
.home-about .about-img{padding-right:30px}}

.home-choose{background:#efefef!important}
.home-choose .home-des{color:var(--introcolor)}
.home-choose .home-title{color:var(--fontcolor)}
#chooseswiper{width:100%}
.home-choose .chooselist .itemchoose{height:auto}
.home-choose .chooselist .itemchoose .top>img{max-height:120px;object-fit:contain;object-position:left}
.home-choose .chooselist .itemchoose .top .num{font-size:80px}
.home-choose .chooselist .itemchoose .top::before{width:200px;height:200px}
.home-choose .chooselist .itemchoose .top em{top:0;left:4%}
.home-choose .numCount .itemnum .numCX,.home-choose .numCount .itemnum sup{color:var(--color2)}
@media (max-width:540px){.home-choose .chooselist .itemchoose .top>img{object-fit:cover;}}
.home-service .homeservice-list .homeservice-item:hover{background:var(--color2);}
.home-service .homeservice-list .homeservice-item:hover .title,.home-service .homeservice-list .homeservice-item:hover .text,.home-service .homeservice-list .homeservice-item:hover .more{color:#fff}
.home-service .homeservice-list .homeservice-item:hover .icon{background:#fff;}
.home-service .homeservice-list .homeservice-item .icon{overflow:hidden;}
.home-service .homeservice-list .homeservice-item:hover .icon img{filter:drop-shadow(0 -80px 0 var(--color2));transform:translateY(80px)}
.home-service .homeservice-list .homeservice-item:not(:first-child) .icon img{width:42px}
.home-projects{background:#9FA1A5;padding-bottom:0;}
.home-projects::after{display:none}
.home-projects>img{margin-top:-9%;}
.home-projects .home-des,.home-projects .home-title{color:#fff}
.home-projects .l-wrap{position:relative;}
@media (max-width:540px){.home-projects{padding-top:30px}
.home-projects>img{margin-top:-12%;}}
.home-choose .homechoose-content .text{margin:40px 0 60px}
.home-choose .l-wrap{align-items:center}
.home-choose .homechoose-content{padding-bottom:40px}
@media (max-width:1500px){.home-choose .homechoose-content .text{margin:15px 0 25px}}
.home-news .homenews-list .homenews-item .homenews-info .title,.home-news .homenews-list .homenews-item .homenews-info .text{-webkit-line-clamp:2;line-height:22px;height:44px;}
@media (max-width:500px){.home-news .homenews-list .homenews-item .homenews-info .title,.home-news .homenews-list .homenews-item .homenews-info .text{height:auto}}
.home-clients{padding:3% 0;}
.clients-swiper{margin-top:50px;position:relative;padding:0 70px}
.clients-swiper .swiper-pagination{display:none}
.clients-btn>div{width:40px;height:40px;outline:0;z-index:9999;color:transparent;background:#DCE0E2;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .3s ease;position:absolute;top:50%;margin-top:-20px;}
.clients-btn>div em{color:#333;font-size:var(--fontsize20);font-weight:bold}
.clients-btn>div.clients-prev{left:0;}
.clients-btn>div.clients-next{right:0;}
.clients-btn>div.clients-prev em{transform:rotate(-180deg)}
.clients-btn>div:hover{transition:all .3s ease;background:var(--color);border:2px solid var(--color)}
.clients-btn>div:hover em{color:#fff}
.clients-swiper .swiper-slide{height:auto;}
.clientsinfo{padding:24px;height:100%;background:rgb(243,246,249);border-radius:24px;color:rgb(119,119,119);}
.clientsinfotop{display:flex;align-items:center;}
.clientsinfotop-pic{width:40px;border-radius:50%;overflow:hidden;margin-right:10px;}
.clientsinfotop-pic img{width:100%;height:100%;object-fit:cover;}
.clientsinfotop-name div{font-weight:bold;color:var(--fontcolor);font-size:var(--fontsize17);}
.clientsinfoicon{display:flex;margin:15px 0;}
.clientsinfoicon span{display:block;width:16px;height:16px;background:url(/uploads/43829/page/p20250418174428579e1.png) no-repeat center;margin-right:4px;}
.clientsinfobot p{font-size:var(--fontsize14);line-height:22px;overflow:hidden}
.clientsinfobot-btn{opacity:.7;margin-top:5px;font-size:var(--fontsize14);display:none}
.clientsinfobot-btn .cloose{display:none;}
.clientsinfobot-btn span{cursor:pointer;text-decoration:underline;}
.clientsinfobot-btn span:hover{text-decoration:none}
@media (max-width:768px){.home-clients{padding:30px 0;}
.clients-swiper{padding:0;margin-top:30px}
.clients-btn{display:flex;justify-content:center;}
.clients-btn>div{position:static;margin:0 10px}
.clients-swiper .swiper{padding-bottom:20px}}
