@charset "utf-8"; 
.table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
   @media (min-width:1025px){#liproducts:hover .nav4{opacity:1;transform:translateX(-50%) scaleY(1)}
#liproducts:hover .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts .nav4{transform:translateX(-50%) scaleY(0);padding:20px 0;max-width:1600px;width:100%;min-height:400px;max-height:80vh;overflow-y:auto;background:#fff;position:fixed;top:100%;left:50%;opacity:0}
#liproducts .nav4::after{content:"";position:absolute;left:400px;top:0;width:1px;height:100%;background:#dcdcdc}
#liproducts .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts .nav4>li a{padding:0}
#liproducts .nav4>li .cate1-item{display:flex;align-items:center;padding:20px;width:400px;height:100%;box-sizing:border-box}
#liproducts .nav4>li .cate1-item .cate-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}
#liproducts .nav4>li .cate1-item .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate1-item .cate-img img:hover{transform:scale(1.05)}
#liproducts .nav4>li .cate1-item .cate-name{padding:0;margin:0;padding-left:10px;font-size:16px;font-weight:700}
#liproducts .nav4>li .cate2-item{display:none;flex:1;position:absolute;left:420px;top:0;padding:20px 0;box-shadow:none;border:none;background:0 0;flex-wrap:wrap;background:#fff;width:calc(100% - 420px);overflow-y:auto;opacity:1;visibility:inherit;transform:none;height:100%}
#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{width:190px;padding:0 20px;text-align:center;margin-bottom:20px}
#liproducts .nav4>li .cate2-item a{display:block}
#liproducts .nav4>li .cate2-item a:hover img{transform:scale(1.05)}
#liproducts .nav4>li .cate2-item a img{width:120px;height:120px;object-fit:cover;transition:all .1s linear}
#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-top:6px}
#liproducts .nav4>li:hover .cate1-item{background:#eee}
#liproducts .nav4>li:hover .cate2-item{display:flex}
 .head-nav .nav-ul>li#liproducts>ul li{position:unset}
#liproducts .nav4>li .cate2-item a{height:auto}
}@media (max-width:1024px){#liproducts .nav4 img{display:none}
#liproducts .nav4>li .cate2-item{position:static;opacity:1;display:block;padding-left:20px}
#liproducts .nav4>li .cate2-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
}
.prodetails-top .prodetails-btnlist {display:none}
@media (max-width:768px){.prodetails-top h1{font-size:var(--fontsize24);line-height:1.3}}