#product{padding:4% 0}
#product .home-des,#product .home-title{text-align:center}
#product .home-des{margin-top:10px}
#product .pro-list{margin-top:2.5%;display:flex;flex-wrap:wrap}
#product .pro-list li{width:23.5%;margin-right:2%}
#product .pro-list li:nth-of-type(4n){margin-right:0}
#product .pro-list li .pro-img{border:1px solid #e8e8e8;overflow:hidden}
#product .pro-list li .pro-img .lazy-wrap::after{padding-bottom:0}
#product .pro-list li .pro-cont{padding:10px}
#product .pro-list li .pro-cont .pro-name{margin:0 0 10px 0;text-transform:capitalize;display:-webkit-box;line-height:1.4;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;font-weight:var(--fontbold7);font-size:20px}
#product .pro-list li:hover .pro-name{color:var(--color)}
#product .pro-list li:hover .pro-img img{transform:scale(1.1)}
@media (max-width:768px){
#product{padding:40px 0}
#product .pro-list{justify-content:space-between;margin-top:20px}
#product .pro-list li{width:49%;margin:0}
#product .pro-list li .pro-cont{padding:10px 0}
#product .pro-list li .pro-cont .pro-name{font-size:16px}
}
.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#fff;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:5px;z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#fff}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}
.home-case .homecase-wrap .swiper-slide .img a{aspect-ratio:4/3;display:block}
#homecase{padding-bottom:20px}
@media (max-width:1024px){
.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block;word-break:break-word}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0}
}
.home-case .home-title{text-align:center}
.home-case{padding:4% 0}
.home-news{padding:4% 0}
.home-news .home-title{text-align:center}
.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:5px;transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #eaeaea}
.homenews-list li.act .icon{background:var(--color);color:#fff;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
.homenews-list li .icon em{font-size:14px}
.homenews-list li .home-more{text-transform:capitalize}
.homenews-list li .text{word-break:break-word}
@media (max-width:768px){
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0}
.homenews-list li{padding-left:0}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18)}
}
@media (min-width:1201px){#product .pro-list li{width:12%;margin:0!important;}
#product .pro-list{justify-content:space-between;}
#product .pro-list li .pro-cont{padding:8px 0;}
#product .pro-list li .pro-cont .pro-name{margin:0;}}
#product .pro-list li .pro-cont .pro-name{font-size:var(--fontsize16);line-height:1.3;}
.about-r li i,.about-r li em{color:#F2C746}
.highpro-step-act .highpro-step-num{background:#F2C746;border-color:#F2C746}
.highpro-step-act .highpro-step-title{color:#F2C746!important}
.home-title,.location-title,.writetous h5{font-family:Times New Roman}