@charset "utf-8"; 
:root{--headercolor:#000;}
.pro-d-main + .foottop{display: none;}
.foottop{position:relative;}
.foottop:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute;top:0;left:0;z-index:1}
.foottop>.l-wrap{position:relative;z-index:2}
.head-share ul a:hover{color:#fff;}
@media (min-width:1025px){body:not(.nobanner){padding-top:116px}}
.nobanner header .head-top,.nobanner header .head-info,header{background:#fff;}
.head-left .item em ,.head-left .item a{ font-size: 18px;}

@media (min-width:1025px){#liproducts:hover .nav4{opacity:1;transform:translateX(-50%) scaleY(1)}
#liproducts:hover .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts:hover .nav4>li:nth-child(1) .cate2-item li{height:auto;}
#liproducts .nav4{transform:translateX(-50%) scaleY(0);padding:20px 0;max-width:1400px;width:100%;min-height:260px;max-height:80vh;background:#fff;position:fixed;top:116px;left:50%;opacity:0;overflow: hidden;}
header.is-active #liproducts .nav4{top:75px;}
#liproducts .nav4::after{content:"";position:absolute;left:400px;top:0;width:1px;height:100%;background:#dcdcdc}
#liproducts .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts .nav4>li a{padding:0}
#liproducts .nav4>li .cate1-item{display:flex;align-items:center;padding:10px 20px;width:400px;height:100%;box-sizing:border-box}
#liproducts .nav4>li .cate1-item .cate-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li{padding:0;position:initial}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li a{border-bottom:none !important;}
#liproducts .nav4>li .cate1-item .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate1-item .cate-img img:hover{transform:scale(1.05)}
#liproducts .nav4>li .cate1-item .cate-name{padding:0;margin:0;padding-left:10px;font-size:16px;font-weight:700}
#liproducts .nav4>li .cate2-item{display:none;flex:1;position:absolute;left:420px;top:0;padding:20px 0;box-shadow:none;border:none;background:0 0;flex-wrap:wrap;background:#fff;width:calc(100% - 420px);opacity:1;visibility:inherit;transform:none}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar{width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li{width:190px;padding:0 20px;text-align:center;margin-bottom:20px}
#liproducts .nav4>li .cate2-item a{display:block;height:auto;line-height:inherit;text-align: center;}
#liproducts .nav4>li .cate2-item a:hover img{transform:scale(1.05)}
#liproducts .nav4>li .cate2-item a img{width:120px;height:120px;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate2-item a span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:wrap;line-height:1.4;padding-top:6px}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li:hover,header .head-info .head-nav .nav-ul>li#liproducts .submenu li:hover a{background: none;}
#liproducts .nav4>li:hover .cate2-item{display:flex;height:100%;background:#fff;z-index:9}
#liproducts .nav4>li.active .cate2-item{display:flex}}
@media (min-width:1025px) and (max-width:1600px){#liproducts .nav4{max-width:1300px}}
@media (min-width:1025px) and (max-width:1440px){#liproducts .nav4{max-width:1120px}}
@media (max-width:1024px){#liproducts .nav4 img{display:none}
#liproducts .nav4 .cate1-item .cate-img{display:none;}
#liproducts .nav4>li .cate2-item{position:static;opacity:1;display:block;padding-left:20px}
#liproducts .nav4>li .cate2-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}}
body:not(.nobanner) .is-active .head-nav .nav-ul>li>a{color: #fff;}
.foottop .home-title{ color: #fff;}
.pro-d-main .kche-t82>.kche-template-item>.kche-template-title>h2{padding-top:0;}