@import url(https://css02.v15cdn.com/m440/fonts/iconfont.css);
.home-product .homepro-list .proitem{height:auto}
.home-product .homepro-list .proitem .item-img img{aspect-ratio: 1 / 1;object-fit: contain;}
.home-choose{background:#414141;}
.home-choose .home-title,.home-choose .choose-text p,.home-choose .choose-container .item .item-tit,.home-choose .choose-container .item .item-text p{color:#fff;}
.home-choose .choose-container .item{border-color:#fff;}
.home-choose .choose-container .item:hover{border-color:var(--color)}
.home-choose .choose-container .item{border:none}
.home-choose .choose-container .item:hover{background:transparent}
.home-choose .choose-container .item:hover em{color:var(--color)}
@media (min-width:1025px){.home-choose .choose-text p{font-size:22px}
.home-choose .choose-container .item em{font-size:66px;}}
.home-news .homenews-list .homenews-item{display:flex;flex-direction:column}
.home-news .homenews-list .homenews-img img{aspect-ratio:4/3;object-fit:contain;background:#fff}
.home-news .homenews-list .homenews-text{flex:1}
.home-news .homenews-list .homenews-text .homenews-info{width:100%;height:100%;display:flex;flex-direction:column}
.home-news .homenews-list .homenews-text .homenews-tit{min-height:51px}
.home-news .homenews-list .homenews-text .homenews-des{margin-bottom:10px}
.home-news .homenews-list .homenews-text .homenews-more{margin-top:auto}
.home-news .news-top{font-size:18px;margin-top:5px}


.home-case{position:relative;padding:3% 0px;overflow:hidden;background-color:#FAFAFA;text-align:center}
.home-case .ourcase .des{color:var(--introcolor);font-size:var(--fontsize16)}
.home-case ul{display:flex;margin-top:30px;width:100%;justify-content:space-between}
.home-case ul li{padding:15px;width:32%;background-color:#FFFFFF;list-style:none}
.home-case ul li img{width:100%;height:auto}
.home-case ul li .title,
.home-case .caseItem ul li p{font-weight:normal;display:inline-block;margin-top:15px;color:var(--fontcolor);font-size:var(--fontsize20)}
.home-case ul li span,
.home-case .caseItem ul li span{display:inline-block;display:-webkit-box;overflow:hidden;margin-top:10px;color:var(--introcolor);font-size:var(--fontsize16);line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-case ul li a,
.home-case .caseItem ul li a{display:inline-block;margin:15px auto;padding:6px 30px;border-radius:35px;border:1px solid var(--hovercolor);background:var(--hovercolor);color:var(--fontcolor);font-size:var(--fontsize15)}
.home-case ul li a:hover,
.home-case .caseItem ul li a:hover{border:1px solid var(--color);background-color:#FFFFFF;transition:.5s}
.home-case ul li:hover{background-color:var(--color);transition:1s}
.home-case ul li:hover .title{color:#FFFFFF}
.home-case ul li:hover span{color:#FFFFFF}
@media screen and (max-width:1024px){
.home-case{padding:50px 0}
.home-case ul li a{margin:30px auto}
.home-case ul li .title{margin-top:20px;font-size:var(--fontsize20);display:block}
.home-case ul li span,
.home-case .caseItem ul li span{margin-top:10px;font-size:var(--fontsize13)}
}
@media screen and (max-width:768px){
.home-case{padding:30px 0}
.home-case ul{margin:0px;flex-wrap:wrap}
.home-case ul li{width:49%;margin-top:20px}
.home-case ul li span,
.home-case .caseItem ul li span{margin:0px auto;width:96%;font-size:var(--fontsize16)}
.home-case ul li a{margin:15px 0px;padding:6px 20px;border-radius:31px;font-size:var(--fontsize16)}
}
@media screen and (max-width:540px){
.home-case ul li{width:100%}
.home-case ul li .title{margin-top:10px;font-size:var(--fontsize18)}
.home-case ul li a{margin:15px 0px;padding:6px 20px}
}


.home-choose1{position:relative;padding:3% 0}
.home-choose1 .des{text-align:center;color:#727a84;margin-top:10px}
.choosewrap{display:flex;flex-wrap:wrap;margin-top:3%}
.choosewrap .left{width:50%;background:#f5f5f5;padding:40px}
.choosewrap .left .list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.choosewrap .left .list li{width:20%;aspect-ratio:1/1;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--fontblod5);transition:all .1s linear;cursor:pointer}
.choosewrap .left .list li em{font-size:40px;color:var(--color);line-height:1;transition:all .1s linear}
.choosewrap .left .list li span{font-size:18px;color:#232323;padding-top:5px;transition:all .1s linear}
.choosewrap .left .list li.act{background:var(--color)}
.choosewrap .left .list li.act em,.choosewrap .left .list li.act span{color:#fff}
.choosewrap .left .p1{font-size:22px;font-weight:var(--fontbold5);margin:40px 0 10px}
.choosewrap .left .p2{color:#232323;margin-bottom:30px}
.choosewrap .left .p2 li{padding:3px 0;list-style:none}
.choosewrap .left .choose1,.choosewrap .left .choose2,.choosewrap .left .choose3,.choosewrap .left .choose4{display:none}
.choosewrap .left .choose1,.choosewrap .left .choose2,.choosewrap .left .choose3,.choosewrap .left .choose4{display:none}
.choosewrap .left .choose1.act,.choosewrap .left .choose2.act,.choosewrap .left .choose3.act,.choosewrap .left .choose4.act{display:block}
.choosewrap .right{flex:1}
.choosewrap .right img{width:100%;height:100%;object-fit:cover;display:none}
.choosewrap .right img.act{display:block}
.choosewrap .home-more{padding:0 15px}
.choosewrap .home-more em{line-height:1}
@media (max-width:1024px){
.home-choose1{padding:50px 0}
}
@media (max-width:768px){
.home-choose1{padding:30px 0}
.choosewrap{flex-direction:column}
.choosewrap .left{width:100%;padding:20px}
.choosewrap .left .list{justify-content:space-around}
.choosewrap .left .p1{margin:20px 0 10px}
}
@media (max-width:500px){
.choosewrap .highlight{display:flex;justify-content:center;margin-top:20px}
.choosewrap .highlight span{width:10px;height:10px;background:#333;border-radius:50%;margin:0 10px}
.choosewrap .highlight span.act{background:var(--color)}
.choosewrap .left .list li{width:40%;margin-bottom:20px}
}