﻿@charset "utf-8"; 
:root{--color:#0099d7}
iframe {height: revert-layer;}
#liproducts .submenu{padding:10px;list-style:none;width:900px;display:flex;flex-wrap:wrap;left:-200px}
#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}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0}
#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){#liproducts .submenu{width:100%;left:0}
.nav-ul>li .submenu li ul{transform-origin:top;transform:unset;opacity:1;transition:all .3s ease-in-out}
#liproducts .submenu>li>a,#liproducts .submenu>li .cate-con{padding-left:0}
#liproducts .submenu>li .cate-img{position:unset}
#liproducts .submenu>li{width:24%}
#liproducts .submenu>li .cate-con{display:flex;flex-direction:column;align-items:flex-start}
#liproducts .submenu>li .cate-con ul{width:100%}
#liproducts .submenu>li>a{width:100%}
#liproducts .submenu>li .cate-img img{aspect-ratio:1/1}
#liproducts .submenu>li .cate-con>a{font-weight:700;font-size:var(--fontsize18)}
#liproducts .submenu>li .cate-con ul a{height:auto;line-height:inherit;font-weight:var(--fontbold7)}
#liproducts .submenu {width: 100%;padding: 2% 10%;}}
.head-top .head-right .head-share{width:auto;}
.head-top .head-right .head-share ul{opacity: 1;transform: translateX(0);overflow: inherit;visibility: inherit;position: static;}
.head-top .head-right .head-share .icon-share{display:none;}
@media (min-width:1025px){.head-logo,.head-logo>a,.head-logo img{height:100%;}}