@charset "utf-8"; 
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
@media screen and (min-width:769px){#liproducts .submenu.nav1{width:auto;min-width:100%;right:auto;left:0;display:block;height:auto;}
#liproducts .submenu.nav1 li {position:relative;display:block;margin: 0;}
#liproducts .submenu.nav1>li>a{padding-right:40px;}
#liproducts .submenu.nav1 li.navli:after{content:'';width:6px;height:6px;border:1px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:20px;position:absolute}
#liproducts .submenu.nav1 li.navli:hover:after{border-color:var(--color)}
#liproducts .submenu.nav1 ul {display:block;}
#liproducts .submenu.nav1 li:after {background:none;}
#liproducts .submenu.nav1 li a {white-space:nowrap;display:block;text-align:left;line-height:40px;}
#liproducts .submenu.nav1 ul {position:absolute;left:100%;top:0;background:var(--color);display:none;}
#liproducts .submenu.nav1 li:hover>a{background-color:#000000;color:var(--color)}
#liproducts .submenu.nav1 li:hover>ul {display:block;}}
@media screen and (max-width:768px){#liproducts .submenu.nav1 ul{display:none}}
.head{box-shadow:none}
.head-top{position:fixed;top:0;left:0;width:100%;height:40px;background:var(--color);z-index:2}
.head-top .head-wrapper{justify-content:flex-start}
.head-top .head-contact{display:flex;align-items:center}
.head-top .head-contact .item{display:flex;align-items:center;margin-right:20px}
.head-top .head-contact .item a{color:#fff}
@media (max-width:768px){.head-top{height:0;opacity:1}
}
@media (min-width:769px){.head{top:40px}
}
.search-box{position:relative;display:flex;align-items:center;height:100%}
.head-search{display:flex;align-items:center;margin-right:10%}
.head-search button{outline:0;background:0 0;border:none;padding:10px;cursor:pointer}
.head-search button em{font-size:var(--fontsize22);color:#000;font-weight:var(--fontbold5)}
.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}
.search-input input{width:200px;height:40px}
.search-input input{width:200px;height:40px;padding-left:10px;font-size:var(--fontsize16);border:none;outline:0}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input .search-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.search-input .search-btn:hover{opacity:.9}
.search-input .search-btn em{font-size:var(--fontsize20);color:#000}
.search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
@media (max-width:768px){.head-search{display:none}
.search-input{margin:10px 0px;display:block;position:static;opacity:1;transform:none;visibility:inherit;display:flex;align-items:center;width:100%;box-shadow:none;border:1px solid #c2c2c2;border-radius:var(--border);overflow:hidden}
.search-input input{flex:1}
.search-box{height:auto;margin-right:50px}
.search-box input{flex:1}
.nav-btn{margin:0 20px 0 auto}
.lang{right:20px}
}