@import url('iconfont2.css');

:root{--color:var(--dex);--fontcolor:#111111;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', sans-serif}
.mob-menu{display:none;cursor:pointer;margin-left:30px;position:relative;height:26px;width:40px}
.mob-menu span{position:absolute;right:0px;display:block;height:4px;background:var(--color);border-radius:2px;transition:all .2s ease-in-out}
.mob-menu span:nth-child(1){width:90%;top:0px}
.mob-menu span:nth-child(2){width:70%;top:50%;margin-top:-2px}
.mob-menu span:nth-child(3){width:90%;top:auto;bottom:0px}
.mob-search{display:none}
.mobact span{height:3px}
.mobact span:first-child{transform:rotate(45deg);top:46%}
.mobact span:nth-child(2){opacity:0}
.mobact span:nth-child(3){width:90%;transform:rotate(-45deg);top:46%}
.mobile-bottom{display:none;width:100%;left:0px;bottom:0px;z-index:500;overflow:hidden;position:fixed;background:#FCFCFCFB;color:var(--color);transition:all .3s ease-in-out;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1)}
.mobile-bottom-item{text-align:center;width:25%;height:1rem;font-size:var(--fontsize12);text-transform:capitalize;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.mobile-bottom-item i{display:block;font-size:var(--fontsize20);line-height:1}
.page-box{padding-bottom:4%}
.page-l{float:left;width:330px;color:var(--fontcolor)}
.page-r{width:calc(100% - 400px);float:right}
.pageAll{width:100%}
.page-l-menu{text-align:center;margin-bottom:30px}
.page-l-menu-tit{color:#FFF;padding:4px 10px;font-size:var(--fontsize22);font-weight:var(--fontbold6);background:var(--color);text-transform:capitalize}
.page-l-menu ul{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5}
.page-l-menu ul li a{display:block;padding:15px 0px;border-bottom:1px solid #E5E5E5}
.page-l-menu ul li a:hover{color:var(--color)}
.page-l-contact-box{border:1px solid #E5E5E5;padding:30px 26px}
.page-l-contact-box>p{display:flex;margin-bottom:12px}
.page-l-contact-box>p:last-child{margin-bottom:0px}
.page-l-contact-box>p a:hover{color:var(--color)}
.page-l-contact-box>p span{display:block;flex:1}
.page-l-contact-box strong{font-weight:var(--fontbold4);margin-right:4px}

.page-l .sf-menu{margin-bottom:30px}
.sf-menu a{color:var(--fontcolor);display:block;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-menu .LiLevel1>a{font-size:var(--fontsize16);font-weight:var(--fontbold6);color:var(--fontcolor)}
.sf-menu>li{position:relative;border-bottom:1px solid #E5E5E5;padding-right:30px}
.sf-menu>li:last-child{border-bottom:none}
.sf-menu>li i{position:absolute;right:10px;top:12px;z-index:1;transform:rotate(-90deg);font-weight:var(--fontbold6);cursor:pointer;transition:transform .2s ease-in-out;color:var(--color)}
.sf-menu>li i.active{transform:rotate(0)}
.sf-menu .sub-menu{display:none}
.sf-menu .sub-menu a{color:var(--fontcolor);font-size:var(--fontsize16);padding:6px 0px 6px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-l .categories .sf-menu .currentProType,.sf-menu li:hover>a{color:var(--color)}
@media(min-width:1025px){
.sf-menu>li:hover i{transform:rotate(0)}
.sf-menu>li:hover .sub-menu{display:block;padding-bottom:10px}
}
.products-ninelist-1{display:flex;flex-wrap:wrap;margin-bottom:40px}
.products-ninelist-1 li{width:31.8%;margin:0px 2% 30px 0px;text-align:center;transition:all .2s ease-in-out;padding-bottom:10px;border:solid 1px #EEE}
.products-ninelist-1 li:hover{box-shadow:0px 4px 10px #EEE}
.products-ninelist-1 li:nth-child(3n){margin-right:0px}
.products-ninelist-1 li .products-list-img{overflow:hidden}
.products-ninelist-1 li .products-list-img img{display:block;width:100%;max-height:400px}
.products-list-tit{font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:10px;padding:0px 6px;max-height:39px}
.products-list-tit a{display:block;max-width:100%;word-break:break-word;font-weight:var(--fontbold6);line-height:1.1}
.products-list-text{line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0px 16px;padding:0px 6px;-webkit-line-clamp:2;max-height:48px}
.products-ninelist-1 .products-list-text{-webkit-line-clamp:1;max-height:24px}
.products-add-inquirl{display:inline-block;color:var(--color);cursor:pointer;padding:6px 10px;line-height:1}
.products-inquirl-btn{display:inline-block;width:16px;height:16px;border:1px solid var(--color);vertical-align:middle;margin-right:5px;cursor:pointer}
.products-add-inquirl span{font-size:var(--fontsize14);vertical-align:middle}
.products-ninelist-1 li:hover .products-list-img img{transform:scale(1.05)}
.pro-item-checked .products-list-tit a,.products-ninelist-1 li:hover .products-list-tit a{color:var(--color)}
.pro-checked .products-inquirl-btn::before{content:'√';position:relative;font-size:var(--fontsize26);top:-8px;right:0px}
.procateword{padding:6px;font-size:var(--fontsize16);line-height:1.7;background:#FEFEFE}
.procateword a{text-decoration:underline;text-transform:lowercase}
.procateword a:hover,.procateword a:active{color:var(--color)}
.protype-text{padding-top:4px}
.procate-a a{display:inline-block;border:1px solid #E3E3E3;border-radius:20px;padding:2px 8px;margin:6px 8px 6px 0px;font-size:var(--fontsize12);text-decoration:none}
.product-price{margin:8px 0px}
.product-content-price{margin-top:10px}
.addToCart{cursor:pointer}
.tips{background:orange;width:240px;padding:10px;font-size:var(--fontsize14);color:#FFF;line-height:1.6;position:fixed;top:20%;left:50%;border-radius:6px;margin:-32px 0px 0px -120px}
.page-tit{font-size:var(--fontsize26);color:var(--fontcolor);border-left:4px solid var(--color);padding:0px 0px 0px 10px;margin-bottom:20px}
.products-ninelist-0>li{background:#FCFCFC;border:1px solid #EEE;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:3%;transition:all .3s ease-in-out}
.products-ninelist-0>li .products-list-img{width:25%}
.products-ninelist-0>li .products-list-img img{display:block;width:100%;height:100%;object-fit:cover}
.products-ninelist-0>li .products-list-box{width:75%;padding:10px 40px}
.products-ninelist-0>li .products-list-text{margin:0px 0px 20px;padding:0px;font-size:var(--fontsize16)}
.products-ninelist-0 .products-list-tit{padding:0px}
.products-ninelist-0{margin-bottom:70px}
.products-ninelist-0>li:hover{transform:translateY(-5px);box-shadow:0px 4px 10px #EEE}
.products-ninelist-0>li:hover .products-list-tit a{color:var(--color)}
.small-box{width:100%;height:500px;border:1px solid #E5E5E5;position:relative;background:#FFF;overflow:hidden}

@media(max-width:1620px){
.container,.container-s{padding-left:15px;padding-right:15px}
}

@media(max-width:1024px){
.container,.container-s{padding-left:.6rem;padding-right:.6rem}
.productcate-box-more{padding:10px 0px}
}
@media(max-width:800px){
.contactus-box .location-box,.contactus-box-feed{width:100%;text-align:center}
.contactus li a,.contactus li p{max-width:300px;margin:0px auto}
.contactus-box-feed{padding:5% 0 0}
.products-ninelist-0>li .products-list-text{margin:0 0 16px}
.products-ninelist-0>li .products-list-img{width:40%}
.products-ninelist-0>li .products-list-box{width:60%;padding:10px}
}
@media(max-width:768px){
.mobile-bottom-item a{color:#333}
.prodetails-page .crumbs,.prodetails-page .inner-banner{display:none}
.productcate{margin-left:.6rem;margin-right:.6rem}
.hotproduct-l .home-title{text-align:center}
.productcate-box-more{padding:20px 0px}
}
@media(max-width:540px){
.container,.container-s{padding-left:15px;padding-right:15px}
.productcate{margin-left:15px;margin-right:15px}
.mob-menu span{height:3px}
}
@media(max-width:415px){
.documentcontent-tit,.feedback-tit,.newsdetails h1,.prodetails-box-tit{font-size:var(--fontsize22)}
.newspage-item-tit a,.productcate-box-title{font-size:var(--fontsize18)}
.highpro-step-title,.products-list-tit,.project-name,.video-name,nav .nav li a{font-size:var(--fontsize17)}
.aboutus-box,.aboutus-sec2-box p,.pages-list>div,.prodetails-bref,.search-box #txtSearch,body,nav .nav .submenu .LiLevel2 a{font-size:var(--fontsize16)}
.mob-menu{width:.5rem;height:.36rem}
.productcate-hot{padding:4px 8px;font-size:var(--fontsize12)}
.productcate-box{padding:40px 3% 20px}
.productcate-box-more{font-size:var(--fontsize14);padding:10px 0px 20px}
.products-ninelist-0 .products-list-tit{margin-top:0px}
.page-tit{margin-bottom:15px;line-height:1}
.newspage-item-box,.pdshow-r-btn>a{padding:0px 10px}
.pdservice{justify-content:flex-start}
.pdservice li{margin-right:20px}
.pdservice li i,.pdservice li em{margin-right:6px}
}
@media(max-width:376px){
.aboutus-box h6,.document-title h1,.home-title,.location-title,.writetous h3, .writetous h5{font-size:var(--fontsize22)}
.productcate-box-title{font-size:var(--fontsize16)}
.productcate-box-more{padding-bottom:10px}
.products-ninelist-0>li .products-list-text{margin:0 0 8px}}
@media(max-width:321px){
.products-add-inquirl{padding:6px 10px}
.products-ninelist-0>li .products-list-box{padding:5px 10px}
.viewmore{width:140px}
}
.IE .newspage-tit a{display:block}

@media(max-width:1024px){
.mobcate-main .page-l{display:block;width:100%;margin-bottom:20px}
.mobcate-main .page-l .lastproducts{display:none}
.mobcate-main .page-l .categories{position:relative}
.mobcate-main .page-l .categories .sf-menu{position:absolute;top:100%;left:0px;right:0px;padding:0px 10px;z-index:20;display:none;background-color:#FFF;box-shadow:rgb(0 0 0 / 20%) 0 2px 16px}
.mobcate-main .page-l .categories .page-l-menu-tit{color:#000;font-size:var(--fontsize20);padding:10px 0px;border-bottom:1px solid #CCC;cursor:pointer;background:url(../image/cate-btn.webp) right center/24px no-repeat}
}
@media(min-width:769px){
.products-ninelist-0>li .products-list-text{-webkit-line-clamp:initial;max-height:100%}
}

@media(max-width:1600px){.prohome-content,.prolist-bottom{padding:0px 15px}
}
@media(max-width:768px){
.prohome-content{clear:both;padding:0px 15px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;padding:0px 15px;line-height:1.6;box-sizing:border-box}
}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
@media(max-width:768px){
.gotop{display:none!important}
.mobile-bottom-item .gotop{display:flex!important;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);transition:none!important;opacity:1!important}
}