@font-face{font-family:iconfont2;display:swap;src:url(https://css02.v15cdn.com/m417/fonts/iconfont.woff2?t=1743387155591) format('woff2'),url(https://css02.v15cdn.com/m417/fonts/iconfont.woff?t=1743387155591) format('woff'),url(https://css02.v15cdn.com/m417/fonts/iconfont.ttf?t=1743387155591) format('truetype')}
.homeHorPro .iconfont{font-family:iconfont2!important;}
.icon-jiahao:before{content:"\e60e"}
.homeHorPro{padding:4% 0;overflow:hidden}
.homeHorPro .home-title{width:100%;text-align:center}
.homeHorProList{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.homeHorProList li{width:24%;overflow:hidden;border:1px solid #EFEFEF;position:relative;margin-bottom:20px;height:auto;text-align:center;min-height:170px;display:flex;justify-content:center;align-items:center}
.homeHorProList li a{width:100%}
.homeHorProList li .loaded{width:100%;transform:scale(1.1)}
.homeHorProList li .mask{padding-bottom:60px!important;position:absolute;top:90%;left:0px;width:100%;height:100%;background:var(--color);z-index:2;display:flex;justify-content:center;flex-wrap:wrap;transition:all .5s ease}
.homeHorProList li:hover .mask{top:0px;align-items:center;align-content:center;padding:0px 30px;box-sizing:border-box}
.homeHorProList li .mask strong{padding:0 5px;font-size:var(--fontsize18);font-weight:normal;color:#FFFFFF;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin-top:5px;text-transform:capitalize}
.homeHorProList li .mask span{display:block;width:100%;text-align:center;color:#FFFFFF;font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden;margin-top:10px}
.homeHorProList li .mask i{position:absolute;padding:20px 30px;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#FFFFFF;color:var(--color);font-size:var(--fontsize18)}
@media(max-width:1450px){.homeHorProList li .mask{top:88%}}
@media(max-width:1266px){.homeHorProList li .mask{top:86%}}
@media(max-width:1024px){.homeHorProList li{width:48%}
.homeHorProList li:hover .mask{top:calc(100% - 45px);align-content:baseline}
.homeHorProList li .mask strong{width:100%;margin:0;padding:8px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.homeHorProList li .mask{top:calc(100% - 45px);padding:0!important;}}
@media(max-width:768px){.homeHorPro{padding:30px 0}
.homeHorProList li .loaded{transform:scale(1.2)}
.homeHorProList li{margin-bottom:10px}
.homeHorProList li .mask strong{font-size:var(--fontsize14);padding:5px;}
.homeHorProList li .mask,.homeHorProList li:hover .mask{top:calc(100% - 32px);padding:0!important;}}
#indproduct .home-title{width:100%}
@media (min-width:1025px){.hotpro-list li{width:24%;margin:0 1.333% 25px 0;}
.hotpro-list li:nth-child(3n){margin-right:1.333%;}
.hotpro-list li:nth-child(4n){margin-right:0;}}
.hotpro-box{bottom:0;padding:8px;text-align:center;line-height:1.3;height:60px;justify-content:center;align-items:center;}
.hotpro-box i,.hotpro-box em{display:none;}
.hotpro-title{text-align:center;line-height:22px;}
.hotpro-img img{aspect-ratio:1/ 1;object-fit:contain;}
.hotpro-list li:hover .hotpro-box{background:#FF8C00cc}
@media (max-width:540px){#indproduct .home-title{margin-bottom:20px}
.hotpro-box{padding:5px;text-align:center;line-height:1.3;height:50px;}
.hotpro-title{text-align:center;line-height:20px;}}