@font-face{font-family:"kchefont";display:swap;src:url(https://cdn.seo.com.cn/Content/ck/kche/iconfont/iconfont.woff2?t=1753679881304) format('woff2'),url(https://cdn.seo.com.cn/Content/ck/kche/iconfont/iconfont.woff?t=1753679881304) format('woff'),url(https://cdn.seo.com.cn/Content/ck/kche/iconfont/iconfont.ttf?t=1753679881304) format('truetype')}
.kchefont{font-family:"kchefont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-kche-tuandui:before{content:"\e675"}
@font-face{font-family:iconfont2;font-display:swap;src:url(https://css02.v15cdn.com/m408/fonts/iconfont.woff2?t=1743412092559) format('woff2'),url(https://css02.v15cdn.com/m408/fonts/iconfont.woff?t=1743412092559) format('woff'),url(https://css02.v15cdn.com/m408/fonts/iconfont.ttf?t=1743412092559) format('truetype')}
.icon-arrow-long-r,.icon-rili{font-family:iconfont2!important;}
.icon-arrow-long-r:before{content:"\e629"}
.icon-rili:before{content:"\ec1d"}
.home-des{text-align:center;color:#333}
.home-more{display:block;padding:8px 0px;width:150px;font-size:var(--fontsize14);border:1px solid var(--color);text-align:center;color:var(--color);border-radius:4px;text-transform:lowercase;transition:all .2s ease-in-out}
.home-more:hover{background:var(--color);color:#FFFFFF}
.hotproduct{padding:4% 0px}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotproduct-l .home-title{text-align:left}
.hotpro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:100%;}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{line-height:1.3;position:absolute;bottom:-60px;background:rgba(42,42,42,.85);color:#FFFFFF;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0px;align-items:center;transition:all .2s ease-in-out}
.hotpro-img{border:1px solid #EEEEEE;overflow:hidden;text-align:center}
.hotpro-img img{width:100%}
.hotpro-title{font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.hotpro-box i,.hotpro-box em{font-size:var(--fontsize24)}
.hotpro-list li:hover .hotpro-box{bottom:0px}
.hotpro-list li:hover img{transform:scale(1.05)}
.hotprocate{border-left:1px solid #BFBFBF;margin:20px 0px 50px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
@media(max-width:1367px){.hotproduct-l{width:25%}
.hotproduct-r{width:75%}}
@media (max-width:1024px){.hotproduct-l, .hotproduct-r{width:100%}
.hotproduct-l{padding-bottom:6%}
.hotpro-list{display:grid;grid-template-columns:repeat(2,1fr);}
.hotprocate,.hotproduct-l{padding-right:0px}
.hotpro-box{bottom:0px}}
@media(max-width:768px){.hotproduct{padding:40px 0px}
.hotprocate,.hotproduct-l .home-more{display:none}
.hotproduct-l{padding-bottom:20px}
.hotproduct-l .home-title{text-align:center}}
@media(max-width:540px){.hotpro-title{font-size:var(--fontsize14)}}
@media(max-width:415px){.hotprocate li{left:-1px}
.hotprocate{margin:20px 0px}
.hotpro-box{padding:6px}
.hotprocate li{margin-bottom:0px}}
#about{margin:4% 0}
.historylist{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:30px}
.historylist li{padding:15px;border-radius:15px;border:1px solid #ccc;border-bottom:3px solid var(--color)}
.historylist li div{font-weight:bold;color:var(--color);font-size:36px}
.historylist li p{color:#333;font-size:15px}
.historylist li p br{display:none}
@media (max-width:1280px){.historylist{;grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){#about{margin:40px 0}
.historylist{;grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.historylist{;grid-template-columns:repeat(1,1fr);}
.historylist li div{font-size:30px}}
#projects::before{background:var(--color)}
#projects .home-label{color:#fff}
#projects .home-label::before,#projects .home-label::after{background:#fff}
#projects .home-des{margin:0 auto;max-width:1180px;color:#fff}
#news #home-news .news-list .news-item-img .news-date{display:none}
#info .info-cont .info-title{max-width:100%}
@media (min-width:769px){#info .info-item{width:25%;padding:30px 30px 90px}}
#info .info-item .info-item-tit span{line-height:1.3}
#info .info-item:nth-of-type(4)::after{content:"04"}
@media (max-width:1024px) and (min-width:769px){#info .info-item{width:50%}}
#industrys{padding:4% 0}
#industrys .home-title{text-align:center;margin-bottom:2%}
.industrys-list li{width:32.5%;height:auto;display:flex;flex-direction:column}
.industrys-list li .news-img{overflow:hidden;display:block}
.industrys-list li .news-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.industrys-list li .news-data{margin:10px 0px;font-size:var(--fontsize14);color:var(--introcolor)}
.industrys-list li .news-data i{font-size:var(--fontsize14);margin-right:5px}
.industrys-list li .news-title{margin-bottom:5px;font-size:var(--fontsize18);font-weight:var(--fontbold6);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-transform:capitalize;transition:all .3s ease-in-out}
.industrys-list li .news-text{margin:0px 0px 15px;color:var(--introcolor);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.industrys-list li .home-more{margin-top:auto}
.industrys-list li:hover img{transform:scale(1.05)}
.industrys-list li:hover .news-title{color:var(--color)}
.industrys-list li:hover .home-more{background:var(--color);color:#FFFFFF}
#industrys .swiper{margin-top:40px}
#news{padding-top:4%}
@media (max-width:1024px){#industrys .swiper .swiper-wrapper{flex-wrap:nowrap}
#industrys .swiper-pagination{position:static;margin-top:15px}}
@media (max-width:768px){
#news{padding-top:40px}
#industrys{padding:40px 0px}
#industrys .swiper{margin-top:20px}
}