@charset "utf-8"; 
@media (min-width:1081px){.head-main .l-wrap{position:static}
#liproducts{position:static}
#liproducts:hover .submenu{display:flex!important}
#liproducts .submenu{max-height:calc(100vh - 155px);overflow-y:auto;max-width:inherit;list-style:none;width:100%;display:none;flex-wrap:wrap;left:0;padding:10px calc(50% - 800px);background:#fff;box-sizing:border-box}
#liproducts .submenu>li{width:19%;margin:10px 1.25% 10px 0;height:auto;white-space:normal;position:relative}
#liproducts .submenu>li:nth-child(5n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{font-weight:bold;display:block;text-decoration:none;height:auto;padding:0 0 5px 80px;font-size:15px;white-space:normal;line-height:1.3;background:#fff;color:var(--fontcolor)}
#liproducts .submenu>li .cate-con{padding-left:80px}
#liproducts .submenu>li .cate-con ul{min-width:inherit;position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul li:nth-child(n+4) {display:none}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:3px 0;line-height:1.4;white-space:normal;background:#fff;color:var(--fontcolor)}
#liproducts .submenu>li .cate-img{width:70px;height:70px;position:absolute;left:0;top:0;min-height: inherit;background: none;}
#liproducts .submenu>li .cate-img a{padding:0}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover;opacity:1;}
#liproducts .submenu>li a:hover{color:var(--color)!important;background:none}
#liproducts .submenu>li .cate-con .cate-con-btn {display: inline-block;background:none;color:#666;height:auto;line-height:1.5;padding:0;font-size:var(--fontsize14);margin-top:5px}
#liproducts .submenu>li .cate-con .cate-con-btn:after{content:'>';margin-left:3px}}
@media (max-width:1680px) and (min-width:1081px){#liproducts .submenu{padding:10px calc(50% - 700px)}}
@media (max-width:1470px) and (min-width:1081px){#liproducts .submenu{padding:10px calc(50% - 600px)}
#liproducts .submenu>li{width:32%;margin:10px 2% 10px 0;}
#liproducts .submenu>li:nth-child(5n){margin-right:2%}
#liproducts .submenu>li:nth-child(3n){margin-right:0}}
@media (max-width:1280px ) and (min-width:1081px){#liproducts .submenu{padding:10px 50px}}
@media (max-width:1080px){#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li .cate-con ul{padding-left:20px}}
.l-wrap.lwrapmax1400{max-width:1440px;padding:0 20px}
#liproducts .submenu>li .cate-con .cate-con-btn{font-weight: bold;}