@charset "utf-8";
:root{--color:#DAA271;--fontfamily: "Inter", sans-serif;}
@media (min-width:1025px){#liproducts .nav3{padding:10px calc(50% - 730px);justify-content:flex-start;max-height:calc(100vh - 120px);overflow-y:auto}
#liproducts .nav3>li{width:24%;max-width:inherit;margin:10px 1.333% 10px 0;position:relative;min-height:90px;}
#liproducts .nav3>li:nth-child(4n){margin-right:0}
#liproducts .nav3>li>a{height:auto;line-height:1.3;font-size:var(--fontsize17);text-align:left;padding-left:105px;display:block;color:var(--fontcolor);white-space:normal}
#liproducts .nav3>li .cate-img{position:absolute;top:0;left:0;width:90px;height:90px;}
#liproducts .nav3>li .cate-img a{display:block;width:100%;height:100%;}
#liproducts .nav3>li .cate-img a img{display:block;width:100%;height:100%;object-fit:contain;border:1px solid #eee;}
#liproducts .nav3>li .cate-con ul{opacity:1;transform:none;background:none;padding-left:105px;text-align:left;min-width:100%;}
#liproducts .nav3>li .cate-con ul li a{height:auto;line-height:1.3;margin-top:5px;color:#444;font-size:15px;white-space:normal}
#liproducts .nav3>li>a:hover,#liproducts .nav3>li .cate-con ul li a:hover{color:var(--color)}}
@media (max-width:1610px)and (min-width:1025px){#liproducts .nav3{padding:10px 70px}}
@media (max-width:1280px)and (min-width:1025px){#liproducts .nav3>li{width:32%;margin:10px 2% 10px 0;}
#liproducts .nav3>li:nth-child(4n){margin-right:2%}
#liproducts .nav3>li:nth-child(3n){margin-right:0}}