@charset "utf-8";
:root{--color:#0382bd;--color1:#1bb0d1;--fontfamily:Arial,sans-serif}
@media (min-width:1441px){:root{--hometitlefont:36px}}
@media (min-width:1025px){body{padding-top:120px}
.head-nav .nav-ul>li>a{margin:0;padding:0 20px;}
.head-top .l-wrap{justify-content:flex-end;}
.head-top{height:50px;}
/* .head-logo{height:100%;position:absolute;bottom:100%;} */
.head-info .l-wrap{position:relative;}
.head-info{height:70px;}
/* .head-logo a{height:100%;} */
/* .head-logo a img{max-height:75%;} */
/*.head-nav{justify-content:center;flex: 1;}*/
/*.head-nav .nav-ul{margin:0 auto;}*/
.search-box{position:relative;height:100%;}
.search-box .head-search{height:100%;display:inline-flex;align-items:center}
.search-box .head-search button{outline:0;border:none;cursor:pointer;color:var(--fontcolor);border-radius:50%;margin-left:15px;width:32px;height:32px;background:#fff;}
.search-box .head-search button em{font-weight:var(--fontbold6);font-size:var(--fontsize24)}
.search-box .search-input{position:absolute;top:100%;right:0px;background:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 4px rgba(0,0,0,.2);opacity:0;transform:rotateX(90deg);visibility:hidden}
.head-info .search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.search-input input{border-radius:0;width:320px}
/*.head-nav .nav-ul>li>a em{display:none}*/
/*.head-nav .nav-ul{margin:0 auto;width: 100%;justify-content: space-between;}*/
}
/*@media (max-width:1600px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:var(--fontsize15)}}*/
/*@media (max-width:1280px) and (min-width:1025px){.head-nav .nav-ul>li>a{font-size:var(--fontsize13);padding:0 6px}}*/

.foot-inner .foot-cate{display: none;}
@media (min-width:1025px) {.foot-inner .foot-item{width: 48%;}}
@media (max-width:1024px) and (min-width:769px){.foot-inner .foot-item,.foot-link ul li{width:48%;}}
.head-top .foot-share ul {margin:0 0 0 20px;}
.head-top .foot-share ul li{margin:0}
.head-logo a img:nth-child(2){margin-left:15px}
.foot-share ul li a{border-radius:0;width:30px;height:30px}
.foot-share ul li a i{color:transparent;}
.foot-share ul li a.tik i{color:#fff}
.foot-share ul li a.fb{background:url(/uploads/32932/index/facebook.png) no-repeat center;background-size:25px}
.foot-share ul li a.lk{background:url(/uploads/32932/index/linkedin.png) no-repeat center;background-size:25px}
.foot-share ul li a.you{background:url(/uploads/32932/index/youtube.png) no-repeat center;background-size:23px}
.foot-share ul li a.tik{background:url(/uploads/32932/index/tiktok.png) no-repeat center;background-size:25px}
.foot-share ul li a.ins{background:url(/uploads/32932/index/instagram.png) no-repeat center;background-size:25px}
@media (min-width:1024px){.head-left .item a{font-size:18px}}
@media (min-width:1690px){.head-nav .nav-ul>li>a{font-size:24px}}
.l-wrap{max-width:1540px;}
@media (min-width:1025px){#liproducts .nav3{padding:10px calc(50% - 800px);display:grid;grid-template-columns:repeat(4,1fr);gap:25px;min-height:inherit;max-height:calc(100vh - 120px);overflow-y:auto}
#liproducts .nav3>li{margin:10px 0;position:relative;min-height:80px;width:100%;}
#liproducts .nav3>li>a{height:auto;white-space:normal;line-height:1.3;padding:0 0 0 90px;font-weight:bold}
#liproducts .nav3>li .cate-img{width:80px;height:80px;position:absolute;top:0;left:0;}
#liproducts .nav3>li ul{padding:0 0 0 90px;opacity:1;transform:none;min-height:inherit;}
#liproducts .nav3>li ul li a{height:auto;line-height:1.4;margin-top:3px;font-size:var(--fontsize14);color:#666;white-space:normal}
#liproducts .nav3>li ul li a:hover{color:var(--color)}}
@media (max-width:1750px) and (min-width:1025px){#liproducts .nav3{padding:10px 70px}}
@media (max-width:1440px) and (min-width:1025px){#liproducts .nav3{padding:10px 15px}}
@media (max-width:1280px) and (min-width:1025px){#liproducts .nav3{gap:15px;grid-template-columns:repeat(3,1fr);}
#liproducts .nav3>li ul li a{font-size:var(--fontsize13)}}
.head-logo a img {max-height:40px;}
.foot-logo{align-items:center}
.foot-logo img{height:auto;max-height:40px;width:auto}
.foot-logo img:nth-child(2){margin-left:15px}