﻿@charset "utf-8"; 
:root{--color:#AF2929;--fontfamily:"Poppins",Arial;--footercolor:#000}
header nav{background:#000}
@media (min-width:769px){header nav >ul >li >a,header nav ul .submenu+.icon-angle-down{color:#fff}}
@media (max-width:768px){header nav .mobile-search-btn i{color:#fff}}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.kche-t45>.kche-flex {padding-left: 20px;background: #f5f5f5;}
header .header-top .top-info>div{display:none}
.foottopout{background:var(--color)}
footer .footer-top{padding:0}
footer .footer-container>ul{margin:0;padding:0 160px}
footer .footer-container .bottom-info{margin-left:0;margin-right:0}
@media (max-width:1520px){footer .footer-container>ul{padding:0 80px}}
@media (max-width:1280px){footer .footer-container>ul{padding:0 50px}}
@media (max-width:1080px){footer .footer-container>ul{padding:20px 25px}}
@media (max-width:768px){footer .footer-container>ul{padding:0}
footer .footer-top{padding:0 15px}
footer .footer-container .bottom-info{padding:0 15px}}
@media screen and (min-width:769px){
header nav ul li{margin:0}
header nav ul li>a{padding:0 10px}
header nav ul li:hover>a,header nav ul li .inmenu_1{background:#fff;padding:0 10px}
header nav ul .submenu {width:auto;min-width:100%;right:auto;left:0;display:block;height:auto;background:#fff}
header nav ul li {position:relative;}
header nav ul .submenu li {display:block;margin: 0;padding: 0 10px;}
header nav ul .submenu>li {padding-right:30px;}
header nav ul .submenu li.navli:after{content:'';width:6px;height:6px;border:1px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:10px;}
header nav ul .submenu li.navli:hover:after{border-color:var(--color)}
header nav ul .submenu ul {display:block;}
header nav ul .submenu li:after {background:none;}
header nav ul .submenu li a {white-space:nowrap;display:block;text-align:left;line-height:40px;}
header nav ul .submenu.nav1 ul {position:absolute;left:100%;top:0;background:#fff;display:none;}
header nav ul .submenu.nav1 li:hover>ul {display:block;}}
@media screen and (max-width:768px){header nav ul .submenu.nav1 ul{display:none}}

@media (min-width:769px) {
header{position: fixed;top: 0;left: 0;right: 0;z-index:999}
header .header-top{display: none;}
header nav{background: #fff;position: sticky!important;height: 80px!important;}
header nav>ul>li{padding:0 5px;}
header nav>ul>li>a{text-transform: uppercase;padding: 0;}
header nav>ul>li>a:hover{padding: 0;}
header nav>ul>li:hover>a{padding: 0;}
header nav>ul>li>a, header nav ul .submenu+.icon-angle-down{color: #000;}
header nav .top-right{display:flex;align-items:center;height:100%}
header nav .top-right .search-input{display:flex;align-items:center;width:160px;height:30px;box-sizing:border-box;border:1px solid var(--headercolor);border-radius:15px}
header nav .top-right .search-input .icon-search{cursor:pointer;color:var(--headercolor);margin-left:18px}
header nav .top-right .search-input input{margin-left:10px;height:24px;outline:0;border:none;color:var(--headercolor);background:#0B0B0B;width: 100px;}
header nav .top-right .search-input .search-btn{display:none}
header nav .top-right .search-input input{background: #fff;color: #000;}
header nav ul .submenu{top: 80px!important;}
main{margin-top: 80px;}
.lang{margin-left: 10px;}
#liinquiry{margin-left: 10px;}
#liinquiry a{white-space: nowrap;line-height: 40px;}
}
@media (min-width:1025px) and (max-width:1440px) {
header nav>ul>li>a{font-size: 14px;}
}
.foottopout{display:none}
footer .footer-container{background: #fff;min-height: 330px;}
footer .footer-container .bottom-info>li .title{color: var(--footercolor);}
footer .footer-container .bottom-info{background: #fff;}
footer .footer-container>ul:nth-child(1){display:none}
footer{margin-top:0}
footer .footer-container .bottom-info .nav ul li a:hover{color: var(--color);}
footer .footer-container .bottom-info .cate ul li a:hover{color: var(--color);}
/* .LiProCateTwo{padding-left: 10px;} */

@media (min-width:1025px) {footer .footer-container .bottom-info>li{margin:0;}
.lang-icon{align-items:flex-start}
footer .footer-container .bottom-info .intro{flex:initial;width:auto;}
footer .footer-container .bottom-info .nav{width:21%;margin-left:auto;margin-right:2%;flex:initial;}
footer .footer-container .bottom-info .cate{width:32%;flex:initial;}
}
@media (min-width:1025px) and (max-width:1640px){footer .footer-container .bottom-info .nav{width:24%;}
footer .footer-container .bottom-info .cate{width:37%;}}
@media (min-width:1025px) and (max-width:1370px){footer{font-size:14px;}}
footer .footer-container .bottom-info .nav ul li a,footer .footer-container .bottom-info .cate ul li a{padding-left:0;}
footer .footer-container .bottom-info .title{margin-bottom: 10px;}
footer .footer-container .bottom-info .nav ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .footer-container .bottom-info .nav ul li{width: 49%;margin-bottom: 10px;}
footer .footer-container .bottom-info .nav ul li a:after{content: '●';}
footer .footer-container .bottom-info .cate ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .footer-container .bottom-info .cate ul li{width: 49%;margin-bottom: 10px;}
footer .footer-container .bottom-info .cate ul li a:after{content: '●';}
@media(min-width:769px){
#liinquiry{display:none}
#licontact-us{display:flex;align-items:center}
#licontact-us a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff;transition:all .1s linear;text-decoration:none;white-space:nowrap;line-height:40px}
#licontact-us a:hover{opacity:.9}
#licontact-us a::after{display:none}
}
@media (min-width:769px){footer .footer-container .bottom-info>li.intro{height:100%!important;min-height:200px;}}
@media (min-width: 1200px) { footer .footer-container .bottom-info .intro .contact-list li{width:28px;height:28px;}}
footer .footer-container .bottom-info .cate ul li a:after,footer .footer-container .bottom-info .nav ul li a:after,footer .footer-container .bottom-info .code{ display: none; }
footer .footer-container .bottom-info{justify-content: space-between}
   .foot-left-imgs{display:flex;flex-direction:column}
.foot-left-imgs .footlogo{width:100%}
.foot-left-imgs .ErWeiImg{width:100%;margin-top:4%;max-width:150px;margin:0 auto}
 @media (min-width:768px){header nav{padding:0 20px}
header nav ul li a{font-weight:normal}}
@media (min-width:769px){header nav >ul{margin:0 auto}
header nav .top-right{margin-right:20px}
header nav .top-right .search-input {display:none}}

.foot-left-imgs .ErWeiImg {display:none}
footer .footer-container .bottom-info .intro .contact-list li a i{font-size:25px}
footer .footer-container .bottom-info .intro .contact-list li a.tik i{font-size:20px}
.footlogo img{max-height:65px}
#liHome{display:none;}
footer .footer-container .bottom-info .intro .contact-list li a.whatsapp i{font-size:20px}
@media (min-width:769px){header nav ul,li#liproducts{position:static;}
li#liproducts:hover .submenu.nav4{display:block!important;opacity:1!important;transform:translateX(-50%) rotateX(0deg)!important}
li#liproducts .submenu.nav4{width:100%;max-width:1200px;min-width:initial;background:#fff;padding:0;left:50%;min-height:460px;transform:translateX(-50%) rotateX(90deg)!important}
li#liproducts .submenu.nav4>li{width:100%;padding:0;display:flex;position:static;}
li#liproducts .submenu.nav4>li .cate1-item{width:300px;display:flex;align-items:center;padding:15px 30px}
li#liproducts .submenu.nav4>li .cate1-item .cate-img{display:none}
li#liproducts .submenu.nav4>li .cate1-item .cate-name{cursor:pointer;font-size:17px;padding:0;color:var(--fontcolor);display:block;height:auto;line-height:1.3;white-space:normal}
li#liproducts .submenu.nav4>li .cate2-itembox{border-left:1px solid #ccc;width:calc(100% - 330px);height:100%;position:absolute;right:30px;top:0;padding-left:30px;padding-right:calc(50% - 730px);display:flex;align-content:flex-start;display:none}
li#liproducts .submenu.nav4>li .cate2-item{opacity:1;transform:none;background:none;box-shadow:0 0 0;width:100%;position:static;display:flex;align-content:flex-start;flex-wrap:wrap;gap:0 1.333%}
li#liproducts .submenu.nav4>li .cate2-item li{width:24%;margin:10px 0;height:auto;padding:0;}
li#liproducts .submenu.nav4>li .cate2-item li a{color:var(--fontcolor);padding:0;height:auto;line-height:1.3;white-space:normal;font-size:16px;display:block;text-align:center;font-size:15px}
li#liproducts .submenu.nav4>li .cate2-item li a img{width:100%;height:auto;aspect-ratio:4/3;background:#fff;object-fit:contain;margin-bottom:10px;border-radius:10px}
li#liproducts .submenu.nav4>li .cate2-item li a:hover{color:var(--color)}
li#liproducts .submenu.nav4>li .cate1-item .cate-name:hover{background:#fff;color:#000}
li#liproducts .submenu.nav4>li.active .cate1-item{background:#f7f7f7;}
li#liproducts .submenu.nav4>li.active .cate1-item .cate-name{background:transparent!important;color:var(--color)!important}
li#liproducts .submenu.nav4>li.active .cate2-itembox{display:flex}}
@media (max-width:1280px) and (min-width:769px){li#liproducts .submenu.nav4>li .cate1-item{width:250px;padding:15px}
li#liproducts .submenu.nav4>li .cate2-itembox{width:calc(100% - 270px);right:20px;padding-left:20px}}
@media (max-width:768px){li#liproducts .submenu.nav4>li .cate1-item .cate-img,li#liproducts .submenu.nav4>li .cate2-item li a img{display:none}
#liproducts .submenu.nav4 ul{position:static;width:100%;}
#liproducts .submenu.nav4 li a{white-space:normal}}