﻿@charset "utf-8";
:root{--color:#FF0000}
.kche-t171 .kche-t171-item{margin-top:10px}
.home-banner .swiper-slide>a::after{background:rgb(0 0 0 / 0%)}
#liproducts .submenu.nav3{position:fixed;top:140px;left:50%!important;display:flex;padding:15px 15px;width:100%;max-width:1246px;min-width:inherit!important;background:rgba(255,255,255,.98);transform:translateX(-50%) scaleY(0);transform-origin:center top;flex-wrap:wrap}
#liproducts .submenu.nav3 a:hover{color:var(--color)}
#liproducts .submenu.nav3 em,#liproducts .submenu.nav3 i{display:none}
#liproducts .submenu.nav3 ul{position:static;display:block;box-shadow:none!important}
#liproducts .submenu.nav3>li{position:relative;margin-top:20px;margin-right:0;padding:0;width:23%;height:auto;min-height:100px;border:none}
#liproducts .submenu.nav3>li:nth-child(4n){margin-right:0}
#liproducts .submenu.nav3>li>a{margin-bottom:8px;padding:0;padding-left:100px;height:auto;font-weight:var(--fontbold6);line-height:1}
#liproducts .submenu.nav3>li .cate-con .cate-img{position:absolute;top:0;left:0;width:80px;height:80px}
#liproducts .submenu.nav3>li .cate-con .cate-img a{display:flex;overflow:hidden;padding:0;width:100%;height:100%;border-radius:var(--borderradius);align-items:center;justify-content:center}
#liproducts .submenu.nav3>li .cate-con .cate-img img{width:100%;height:100%;transition:all .1s linear;object-fit:cover}
#liproducts .submenu.nav3>li .cate-con .cate-img img:hover{transform:scale(1.05)}
#liproducts .submenu.nav3>li .cate-con ul{margin-top:2px;padding-left:100px;background:0 0;transform: scaleY(1);opacity: 1;}
#liproducts .submenu.nav3>li .cate-con ul a{padding:0}
#liproducts .submenu.nav3>li .cate-con ul li{padding:0;height:auto;border:none}
header.is-active #liproducts .submenu.nav3{top:80px}
@media(max-width:1024px){#liproducts .cate-con .cate-img{display:none}
#liproducts .submenu.nav3>li{width: 100%;min-height: unset;}
.head-info .head-nav .nav-ul>li>.submenu ul{position:static;display:block;padding:0 20px;background:0 0}
#liproducts .submenu.nav3{position:static;display:none;padding:0 10px}
.head-info .nav-ul>li#liproducts .submenu.nav3{transform:scaleY(1)}
#liproducts .submenu.nav3>li .cate-con ul{padding-left:15px}
#liproducts .submenu.nav3>li>a{padding-left:0;padding:6px 0;margin-bottom:0}}
@media(min-width:1025px){.head-info .nav-ul>li#liproducts:hover .submenu.nav3{transform:translateX(-50%) scaleY(1)}
#liproducts .nav0.tennum{display:flex;flex-wrap:wrap;min-width:600px}
#liproducts .nav0.tennum>li{width:50%}}
