@charset "utf-8";
.head-main .head-logo img{max-width:170px}
.productcate{margin-top:45px}
.productcate>ul{justify-content:space-between}
.productcate-list li{position:relative;overflow:hidden;width:32.6%}
.productcate-img img{width:100%;display:block}
.productcate-hot{position:absolute;right:0;top:0;background:#E5813A;border-radius:0 0 0 16px;color:#FFF;padding:6px 10px;z-index:1}
.productcate-hot strong{font-weight:400;font-size:20px;display:block}
.productcate-box{position:absolute;left:100%;top:0;background:rgba(0,0,0,.8);color:#FFF;width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 6%;transition:left .3s ease-in-out;box-sizing:border-box}
.productcate-box-title{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;max-height:75px}
.productcate-box-more{font-size:16px;font-weight:400;color:#E5813A;padding:20px 0px}
.productcate-list li:hover .productcate-box{left:50%}
.hotproduct{padding:0 0 70px}
.hotproduct-l{width:23%;padding-right:3%;box-sizing:border-box}
.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:0;left:0;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:calc(33% - 10px);margin:0 15px 15px 0}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{position:absolute;bottom:-60px;background:rgba(42,42,42,.85);color:#FFF;padding:5px 15px;height:55px;width:100%;display:flex;justify-content:space-between;left:0;align-items:center;transition:all .2s ease-in-out;box-sizing:border-box}
.hotpro-img{border:1px solid #EEE;overflow:hidden;text-align:center;position:relative;width:100%;padding-bottom:82.75%;box-sizing:border-box}
.hotpro-img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.hotpro-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:45px}
.hotpro-box i,.hotpro-box em{font-size:16px}
.hotpro-list li:nth-child(3n){margin-right:0}
.hotpro-list li:nth-child(n+4){margin-bottom:0}
.hotpro-list li:hover .hotpro-box{bottom:0}
.hotpro-list li:hover img{transform:scale(1.1)}
.hotprocate{border-left:1px solid #bfbfbf;margin:30px 0 60px}
.hotprocate li{padding:12px 0px 12px 20px;position:relative;font-size:16px;color:#111;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:0;left:0;background:#E5813A;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:#E5813A}
.home-title{font-size:2em;font-weight:600;color:#111;text-transform:capitalize}
.home-more{display:block;width:160px;font-size:15px;border:1px solid #E5813A;text-align:center;color:#E5813A;padding:12px 0px;text-transform:uppercase;transition:all .2s ease-in-out}
.home-more:hover{background:#E5813A;color:#FFF}
.flex{display:flex;flex-wrap:wrap}
@media (max-width:1080px){.hotproduct-l{width:100%;padding:0 0 30px}
.hotproduct-r{width:100%}
.hotpro-list li{width:calc(50% - 8px);margin:0 16px 16px 0}
.hotpro-list li:nth-child(3n){margin-right:16px}
.hotpro-list li:nth-child(2n){margin-right:0}
.hotpro-title{height:22px;line-height:22px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px}
.hotpro-box{height:32px;padding:5px}
.hotpro-box i,.hotpro-box em{font-size:14px}
.hotprocate,.hotproduct-l .home-more{display:none}
.hotproduct-l .home-title{text-align:center;font-size:26px}}
.home-certi{padding:80px 0 60px;background:url("/Content/uploads/2023861680/2023070617082417bf1805b54a4686ac85376151f450e0.jpg") no-repeat;background-size:cover}
.certi-swiper{padding:30px 0 60px}
.certi-swiper:after{content:"";display:block;position:absolute;bottom:35px;width:100%;height:1px;background:#FFF;left:0}
.certi-swiper .swiper-slide{position:relative;transition:transform .2s ease;display:block}
.certi-swiper .swiper-slide img{max-width:100%}
.certi-swiper .certi-item:after{content:"";display:block;padding-top:140%}
.certi-swiper .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.certi-swiper .certi-name{padding:10px 0;font-size:22px;text-align:center;color:#fff}
.certi-swiper .certi-dot{width:10px;height:10px;background:#fff;position:absolute;border-radius:50%;left:50%;margin-left:-5px;bottom:-30px}
.certi-swiper .swiper-slide-active{transform:translate3d(0,0,0) scale(1.1)}
.certi-swiper .swiper-slide-active .certi-dot{display:none}
.certi-swiper .swiper-slide-active .certi-name{background:#fff;color:#E5813A;position:relative}
.certi-swiper .swiper-slide-active .certi-name:after{content:"";position:absolute;bottom:-5px;display:block;height:4px;width:100%;background:#ca6924}
@media (max-width:768px){.home-certi{padding:50px 0}
.certi-swiper .certi-name{font-size:17px}}
@media (max-width:540px){.home-certi{padding:20px 0}
.certi-swiper .certi-name{font-size:15px;padding:5px 0}}
.certi-swiper .certi-name{display:none}
.head-logo{display:flex;align-items:center;height:100%}
#new .new-more i{display:none}
@font-face{font-family:iconfont;font-display:swap;src:url(/images/m408/fonts/iconfont.woff2) format('woff2'),url(/images/m408/fonts/iconfont.woff) format('woff'),url(/images/m408/fonts/iconfont.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-xiaohuoche:before{content:"\e620"}
.icon-dianhua:before{content:"\e661"}
.icon-baozhang:before{content:"\e7ba"}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.pdservice{border-top:1px solid #E5E5E5;padding:1% 0px;margin-top:20px}
.pdservice li i,.pdservice li em{font-size:20px;color:#1e74ae;margin-right:14px}
.pdservice li span{color:#555}
@media (max-width:415px){.pdservice{justify-content:flex-start}
.pdservice li{margin-right:20px;padding:8px 0}
.pdservice li i,.pdservice li em{margin-right:6px}}
@media (max-width:1620px) and (min-width:769px){.pro-main .product-main .l-wrap{max-width:1600px;padding-left:15px;padding-right:15px;margin:0}}
#floatwindow_chat_window{right:25px!important}
.top-btn{right:30px!important}
#jljw_IM_GdImBox{right:18px!important}
.inner-banner .breadcrumb>div{font-size:16px}
.new-main .l-wrap{flex-direction:row-reverse}
.new-main .sidebar{margin:0 40px 0 0}
.type-intro.seo-key{margin:-10px 0 20px}
#ind{padding-top:0;}
#ind .ind-r{top:0;margin-left:0}

.sidebar-cate .sub-menu li.active>a{color:var(--color)}