@charset "utf-8";
:root{--fontfamily:arial,sans-serif}
iframe{height: revert-layer;}
#liproducts .nav4>li .cate1-item .cate-img{display:none}
@media(min-width:769px){#liproducts{position:static}
#liproducts .nav4{padding:20px 260px;width:100%;min-height:450px;max-height:80vh;overflow-y:auto;background:#fff;position:absolute;top:100%;left:0;box-sizing:border-box;display:block}
#liproducts .nav4>li{display:block;margin:0;position:static}
#liproducts .nav4>li:nth-child(1) .cate2-item{display:block}
#liproducts .nav4.navnone>li .cate2-item{display:none!important}
#liproducts .nav4>li a{padding:0}
#liproducts .nav4>li.navcateli .cate1-item:after{content:'';width:10px;height:10px;border:2px solid #000;border-left:none;border-bottom:none;position:absolute;right:10px;top:18px;transform:rotate(45deg)}
#liproducts .nav4>li .cate1-item{display:flex;align-items:center;padding:10px 20px 10px 0;width:350px;box-sizing:border-box;position:relative;height: 50px;line-height: 50px;}
#liproducts .nav4>li .cate1-item .cate-name{padding:0;margin:0;padding-left:10px;font-size:20px;font-weight:700;display:block}
#liproducts .nav4>li .cate2-item{margin:20px 0 0;z-index:2;display:none;flex:1;position:absolute;left:640px;top:0;box-shadow:none;border:none;flex-wrap:wrap;background:#fff;width:calc(100% - 900px);overflow-y:auto;opacity:1;visibility:inherit;transform:none;padding:10px 250px 10px 150px;min-height:430px;box-sizing:border-box}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar{width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li{padding:0 20px;margin:0 0 10px;display:block;position:static}
#liproducts .nav4>li .cate2-item a{height:auto;display:block;position:static;padding-top:5px;padding-bottom:5px;}
#liproducts .nav4>li .cate2-item a img{width:420px;height:420px;object-fit:contain;transition:all .1s linear;position:absolute;right:0;top:50%;margin-top:-240px;display:none}
#liproducts .nav4>li .cate2-item .navcatesmli a{color:var(--color);background:none}
#liproducts .nav4>li .cate2-item .navcatesmli a img{display:block}
#liproducts .nav4>li .cate2-item .navcatesmli a span:before{background:var(--color)}
#liproducts .nav4>li .cate2-item a span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:wrap;line-height:1.4;padding-left:20px;font-size:16px;position:relative;font-weight:normal}
#liproducts .nav4>li .cate2-item a span:before{content:'';width:8px;height:8px;background:#222;border-radius:50%;position:absolute;left:0;top:8px}
#liproducts .nav4>li:hover .cate1-item{background:#eee}
#liproducts .nav4>li:hover .cate2-item{display:block}}
@media(max-width:1520px) and (min-width:1025px){#liproducts .nav4{padding:20px 100px}
#liproducts .nav4>li .cate2-item a img{width:400px;height:400px;}
#liproducts .nav4>li .cate2-item{left:480px;width:calc(100% - 580px)}
}
@media (min-width:1025px) and (max-width:1366px){#liproducts .nav4{min-height:400px;}
#liproducts .nav4>li .cate2-item{min-height:400px;}}
@media(max-width:1280px) and (min-width:1025px){#liproducts .nav4{padding:20px 50px}
#liproducts .nav4>li .cate2-item a img{width:370px;height:370px;}
#liproducts .nav4>li .cate2-item{left:430px;width:calc(100% - 480px)}
}
@media(max-width:1080px) and (min-width:1025px){#liproducts .nav4{padding:20px 25px;min-height:390px}
#liproducts .nav4>li .cate1-item{width:260px}
#liproducts .nav4>li .cate2-item{left:310px;width:calc(100% - 340px);padding-right:0;min-height:360px}
#liproducts .nav4>li .cate2-item a img{width:250px;height:250px;margin-top:-140px}
#liproducts .nav4>li .cate2-item li{margin-bottom:7px}
#liproducts .nav4>li .cate2-item a img{display:none}
#liproducts .nav4>li .cate2-item a img{display:none}}
@media(max-width:1024px){#liproducts .nav4>li .cate2-item a img{display:none}
#liproducts .nav4>li .cate2-item a img{display:none}
header nav ul .submenu ul{width:100%}
}
@media (min-width:769px){.procate li { width: 30%;}}
.head-share ul a{border:none !important}
header.is-active .head-share ul a, header:hover .head-share ul a,footer .foot-share ul li a{color:#fff;}
.head-share ul a:hover{color:#fff !important;border-color:transparent !important}
.head-share ul a.fb,footer .foot-share ul li a.fb{background-color:#3b5997}
.head-share ul a.tw,footer .foot-share ul li a.tw{background-color:#2d2d2d}
.head-share ul a.lk,footer .foot-share ul li a.lk{background-color:#0A66C2}
.head-share ul a.ins,footer .foot-share ul li a.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.head-share ul a.pi,footer .foot-share ul li a.pi{background-color:#cc2127}
.head-share ul a.you,footer .foot-share ul li a.you{background-color:#FF0000}
.head-share ul a.vk,footer .foot-share ul li a.vk{background:#0077FF}
.head-share ul a.tik,footer .foot-share ul li a.tik{background-color:var(--fontcolor)}
.head-share ul a.whatsapp,footer .foot-share ul li a.whatsapp{background-color:#25d366}
.head-share ul a.email,footer .foot-share ul li a.email{background-color:#f90}
.head-share ul a.teams,footer .foot-share ul li a.teams{background-color:#5252bd}
@media (min-width:1025px){.lang:hover .lang-drop{visibility: visible;opacity: 1;top:100%;}}
@media (min-width:1025px){body{padding-top:126px;}
header{background: #fff;}
header .head-top,header .head-nav .nav-ul>li>a,header .head-top .lang-icon span{color:var(--fontcolor)}
header .head-top .lang-icon span:before,header .head-top .lang-icon span:after{background: var(--fontcolor);}
header .head-share ul a{color:#fff;border-color:var(--fontcolor)}
header .head-top .lang-icon img{filter: invert(1);}}
.pagesbanner{min-height: inherit;}
.pro-list li .pro-info .text,.pro-list li .pro-btn .icon{display:none;}
.pro-list li .pro-img{border-bottom:1px solid #e8e8e8;}
.pro-list li .pro-img a img{object-fit:contain;}
.prolist-bottom{font-weight:normal}
.prodetails-btnlist>:hover{background:var(--bgcolor);color:#fff;}
.newslist li .img{aspect-ratio:4/3}
.newslist li .img img{background:#fff;object-fit:contain;}
@media (min-width:1025px){.wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{height:55px;}
.wmkcfeedback textarea{height:200px;}}
footer .foot-bot{background:#000;}