﻿@charset "utf-8";
:root{--color:#EE612D}
.contact-box .contact-main .home-line{margin-bottom:20px}
.home-service .homeservice-list .homeservice-item{justify-content:flex-start}
.kche-t148 .kche-t148-item-img img{width:100%}
.prodetails-content .prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
.singglepic img{object-fit:contain}
.home-about .about-img .routeimg{max-width:100%;}
.home-about .about-img .routeimg img{border-radius:0;}
.home-about .about-img .routeimg::after{display:none}
@media (max-width:768px){.home-about .about-img{width:100%;}}
@media (min-width:1025px){
#liproducts:hover .nav4,#linewslist-1:hover .nav4,#liinfo:hover .nav4{opacity:1;transform:translateX(-50%) scaleY(1)}
#liproducts .nav4,#linewslist-1 .nav4,#liinfo .nav4{transform:translateX(-50%) scaleY(0);padding:20px 0;max-width:1600px;width:100%;min-height:400px;max-height:80vh;overflow-y:auto;background:#fff;position:fixed;top:100%;left:50%;opacity:0}
#liproducts .nav4::after,#linewslist-1 .nav4::after,#liinfo .nav4::after{content:"";position:absolute;left:400px;top:0;width:1px;height:100%;background:#dcdcdc}
#liproducts .nav4>li a,#linewslist-1 .nav4>li a,#liinfo .nav4>li a{padding:0}
#liproducts .nav4>li .cate1-item,#linewslist-1 .nav4>li .cate1-item,#liinfo .nav4>li .cate1-item{display:flex;align-items:center;padding:20px;width:400px;height:100%;box-sizing:border-box}
#liproducts .nav4>li .cate1-item .cate-img,#linewslist-1 .nav4>li .cate1-item .cate-img,#liinfo .nav4>li .cate1-item .cate-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}
#liproducts .nav4>li .cate1-item .cate-img img,#linewslist-1 .nav4>li .cate1-item .cate-img img,#liinfo .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,#linewslist-1 .nav4>li .cate1-item .cate-img img:hover,#liinfo .nav4>li .cate1-item .cate-img img:hover{transform:scale(1.05)}
#liproducts .nav4>li .cate1-item .cate-name,#linewslist-1 .nav4>li .cate1-item .cate-name,#liinfo .nav4>li .cate1-item .cate-name{padding:0;margin:0;padding-left:10px;font-size:16px;font-weight:700}
#liproducts .nav4>li .cate2-item,#linewslist-1 .nav4>li .cate2-item,#liinfo .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);overflow-y:auto;opacity:1;visibility:inherit;transform:none}
#liproducts .nav4>li .cate2-item.act{display:flex}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar,#linewslist-1 .nav4>li .cate2-item::-webkit-scrollbar,#liinfo .nav4>li .cate2-item::-webkit-scrollbar{width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track,#linewslist-1 .nav4>li .cate2-item::-webkit-scrollbar-track,#liinfo .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,#linewslist-1 .nav4>li .cate2-item::-webkit-scrollbar-thumb,#liinfo .nav4>li .cate2-item::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li,#linewslist-1 .nav4>li .cate2-item li,#liinfo .nav4>li .cate2-item li{width:190px;padding:0 20px;text-align:center;margin-bottom:20px}
#liproducts .nav4>li .cate2-item a,#linewslist-1 .nav4>li .cate2-item a,#liinfo .nav4>li .cate2-item a{display:block}
#liproducts .nav4>li .cate2-item a:hover img,#linewslist-1 .nav4>li .cate2-item a:hover img,#liinfo .nav4>li .cate2-item a:hover img{transform:scale(1.05)}
#liproducts .nav4>li .cate2-item a img,#linewslist-1 .nav4>li .cate2-item a img,#liinfo .nav4>li .cate2-item a img{width:120px;height:120px;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate2-item a span,#linewslist-1 .nav4>li .cate2-item a span,#liinfo .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}
#liproducts .nav4>li .cate1-item:hover,#linewslist-1 .nav4>li:hover .cate1-item,#liinfo .nav4>li:hover .cate1-item{background:#eee}
}
@media (max-width:1024px){
#liproducts .nav4 img,#linewslist-1 .nav4 img,#liinfo .nav4 img{display:none}
#liproducts .nav4>li .cate2-item,#linewslist-1 .nav4>li .cate2-item,#liinfo .nav4>li .cate2-item{position:static;opacity:1;display:block;padding-left:20px}
#liproducts .nav4>li .cate2-item span,#linewslist-1 .nav4>li .cate2-item span,#liinfo .nav4>li .cate2-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
}
.head-top{background:var(--color)}
.head-link em{color:var(--headercolor)}
