.our{padding-bottom:0;}
.hotproduct{overflow:hidden}
.hotproduct{padding:4% 0px}
@media (min-width:769px){.hotproduct .home-tit{text-align:left;}}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotpro-list{display:flex;flex-wrap:wrap;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:32%;margin:0px 20px 20px 0px}
@media(max-width:1366px){.hotpro-list li{width:31%}}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-100%;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 #EEE;overflow:hidden;text-align:center;aspect-ratio: 1 / 1;object-fit: contain;}
.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:nth-child(3n){margin-right:0px}
.hotpro-list li:nth-child(n+4){margin-bottom:0px}
.hotpro-list li:hover .hotpro-box{bottom:0}
.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)}
.hotproduct .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;}
.hotproduct .home-more:hover{background: var(--color);color:#fff;}
@media (max-width:1366px){.hotproduct-l{width:25%}
.hotproduct-r{width:75%}}
@media (max-width:1024px){
.hotpro-list li{width:49%;margin-right:2%}
.hotpro-list li:nth-child(3n){margin-right:2%}
.hotpro-list li:nth-child(2n){margin-right:0px}
.hotprocate,.hotproduct-l{padding-right:0px}
.hotpro-box{bottom:0px}}
@media (max-width:768px){.hotproduct-l{padding:10px 0;}
.hotprocate,.hotproduct .home-more{display:none}
.hotproduct-l{width:100%;}
.hotproduct-l .home-title{text-align:center}
.hotproduct-r{width:100%;}
.hotpro-title,.newpages-list>div{font-size:var(--fontsize14)}}
.home-contact{background:#ccc;padding:6% 0;text-align:center;}
.home-contact-tit{font-weight:bold;font-size:40px;line-height:1.4;margin:0 auto 40px;max-width:700px;}
.home-contact-btn{display:flex;justify-content:center;}
.home-contact-btn a{display:block;padding:12px 40px;background:var(--color);border-radius:40px;color:#fff;transition:.3s;border:1px solid var(--color)}
.home-contact-btn a:hover{background:#fff;color:var(--color)}
@media (max-width:1280px){.home-contact-tit{font-size:35px;max-width:600px}}
@media (max-width:768px){.home-contact{padding:50px 0;}
.home-contact-tit{font-size:24px;margin-bottom:25px}
.home-contact-btn a{padding:8px 25px}}
.home-partner{padding:4% 0}
.partner-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear; -o-transition-timing-function: linear;transition-timing-function: linear;}
.partner-swiper{padding-top:10px}
.partner-swiper .swiper-container{padding:5px 0}
.partner-swiper .swiper-slide img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;box-shadow:1px 1px 3px #000000aa;}
@media (max-width:768px){.home-partner{padding:40px 0}
.partner-swiper{padding-top:5px}}
.about-l img{object-fit:contain;}
@media (min-width:1281px) and (max-width:1450px){.about-r-tit{font-size:26px;}
.about-r-text{margin-bottom:10px;}
.about-r-list li{margin-top:10px;}}
@font-face{font-family:iconfont2;src:url(https://css02.v15cdn.com/m426/iconfont/iconfont.woff2?t=1743399170493) format('woff2'),url(https://css02.v15cdn.com/m426/iconfont/iconfont.woff?t=1743399170493) format('woff'),url(https://css02.v15cdn.com/m426/iconfont/iconfont.ttf?t=1743399170493) format('truetype')}
.home-introduction .iconfont{font-family:iconfont2!important;}
.icon-keji:before{content:"\e689"}
.icon-Azhengshu:before{content:"\e6d4"}
.icon-chanpinku:before{content:"\e62d"}
.icon-fuwu:before{content:"\e704"}
.home-introduction{transform:translateY(-30px);position:relative;z-index:10;overflow:initial!important;}
@media (min-width:769px){.home-introduction:before{content:'';width:100%;height:calc(100% + 30px);position:absolute;top:30px;left:0;background:#fff}}
.home-introduction .container{position:relative}
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-introduction .introduction .item{width:23.4%;display:flex;align-items:center;box-sizing:border-box;padding:1.5%;background-color:#FFFFFF;border-bottom:2px solid var(--color);border-radius:5px;box-shadow:0px 2px 10px 0px rgba(0,0,0,.10);transform:translateY(0);transition:all .3s linear}
.home-introduction .introduction .item .left{width:60px;height:60px;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:var(--color);transition:all .3s linear}
.home-introduction .introduction .item .left em{font-size:var(--fontsize26);transform:rotateY(0);transition:all .3s linear}
.home-introduction .introduction .item .right{flex:1}
.home-introduction .introduction .item .right .title{color:var(--fontcolor);text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:var(--fontsize20)}
.home-introduction .introduction .item .right .text{color:var(--fontcolor);font-size:var(--fontsize17);margin-bottom:0px;line-height:1.4}
.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-introduction .introduction .item:hover .left{background-color:var(--color);color:#FFFFFF}
@media screen and (max-width:1240px){.home-introduction{transform:translateY(-30px);position:relative;z-index:10}}
@media screen and (max-width:1024px){.home-introduction .introduction .item{width:48%;margin-top:20px}}
@media screen and (max-width:768px){.home-introduction{padding-top:1px;background:#fff}
.home-introduction .introduction .item{width:100%;padding:3% 2.5%}
.home-introduction{transform:translateY(0)}
.home-introduction .introduction .item .left{width:60px;height:60px}}
@media screen and (max-width:500px){.home-introduction{padding-top:20px}
.home-introduction .introduction .item{width:100%;padding:10px 10px;margin:10px auto}}
#swiper-banner .swiper-pagination{bottom:40px}