@charset "utf-8"; 
@media (min-width:1441px){:root{--hometitlefont:40px}}
@media (min-width:769px) and (max-width:1440px){:root{--hometitlefont:34px}}
@media (min-width:769px) and (max-width:1024px){:root{--hometitlefont:30px}}
.foottop .home-des{max-width:none;color:#fff}
/*@media (min-width:1025px){#liproducts .submenu{padding:10px;list-style:none;width:900px;display:flex;flex-wrap:wrap;left:-180px;position: absolute;justify-content: flex-start;}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding-left:100px;width:100%;font-weight:var(--fontbold7);height:auto;white-space: normal;line-height: 1.3;text-align:left;font-size:var(--fontsize16)}
.head-nav .nav-ul>li#liproducts>ul a::before{display:none;}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0;opacity: 1;transform: initial;min-width:100%;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;height: auto;line-height: inherit;white-space: normal;margin-bottom: 5px;text-align:left;}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}*/
@media (min-width:1025px){li#liproducts{position:static;}
li#liproducts .submenu.nav4{width:100%;background:#fff;padding:10px 0;min-height:490px;max-height:calc(100vh - 100px);overflow-y:auto}
li#liproducts .submenu.nav4>li{width:100%;padding-left:calc(50% - 730px);display:flex;position:static;}
li#liproducts .submenu.nav4>li .cate1-item{width:250px;display:flex;align-items:center;padding:10px 0}
li#liproducts .submenu.nav4>li .cate1-item .cate-img{width:60px;height:60px;padding:0;}
li#liproducts .submenu.nav4>li .cate1-item .cate-img img{width:100%;height:100%;object-fit:cover;}
li#liproducts .submenu.nav4>li .cate1-item .cate-name{cursor:pointer;font-weight:bold;padding:0 0 0 10px;color:var(--fontcolor);display:block;height:auto;line-height:1.3;white-space:normal;font-size:16px}
li#liproducts .submenu.nav4>li .cate2-itembox{border-left:1px solid #ddd;;width:calc(50% + 480px);height:100%;position:absolute;right:0;top:0;padding-left:40px;padding-top:20px;padding-right:calc(50% - 730px);display:flex;align-items:flex-start;display:none}
li#liproducts .submenu.nav4>li .cate2-item{opacity:1;transform:none;background:none;box-shadow:0 0 0;width:100%;position:static;display:grid;grid-template-columns:repeat(7,1fr);gap:16px;align-content:flex-start}
li#liproducts .submenu.nav4>li .cate2-item li{margin:0;}
li#liproducts .submenu.nav4>li .cate2-item li a{color:var(--fontcolor);padding:0;height:auto;line-height:1.3;white-space:normal;font-size:14px;display:flex;flex-direction:column;text-align:center;}
li#liproducts .submenu.nav4>li .cate2-item li a img{width:100px;height:auto;margin-bottom:6px;border:1px solid #ccc;object-fit:contain;aspect-ratio:1/1;object-fit:cover}
li#liproducts .submenu.nav4>li .cate2-item li a:hover{color:var(--color)}
li#liproducts .submenu.nav4>li .cate1-item .cate-name:hover{background:#fff;color:#000}
li#liproducts .submenu.nav4>li.active .cate1-item .cate-name{background:none!important;color:var(--color)!important}
li#liproducts .submenu.nav4>li.active .cate1-item .cate-img{display:block}
li#liproducts .submenu.nav4>li.active .cate2-itembox{display:flex}}
@media (max-width:1610px) and (min-width:1025px){li#liproducts .submenu.nav4>li{padding-left:70px}
li#liproducts .submenu.nav4>li .cate2-itembox{padding-right:70px}
li#liproducts .submenu.nav4>li .cate2-itembox{width:calc(100% - 350px); }}
@media (max-width:1280px) and (min-width:1025px){li#liproducts .submenu.nav4>li .cate2-item li a{font-size:13px}}
@media (max-width:1200px) and (min-width:1025px){li#liproducts .submenu.nav4{min-height:560px}
li#liproducts .submenu.nav4>li .cate2-item{grid-template-columns:repeat(6,1fr)}
li#liproducts .submenu.nav4>li .cate2-item li a img{width:80px;}}
@media (max-width:1024px){li#liproducts .submenu.nav4>li .cate1-item .cate-img,li#liproducts .submenu.nav4>li .cate2-item li a img{display:none}}