﻿@charset "utf-8"; 
:root {--fontfamily: 'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', arial, sans-serif;}
body{font-size: var(--fontsize16) !important;}
.index-main .advantage-container{margin: 4% auto 0;}
.index-main .newproducts-container,.index-main .news-container{margin: 4% 0;}
.table { margin-bottom: 5px; }
.kche-t45>.kche-flex { align-items: center; background: #eeeeee; }
.index-main{top:0}
.index-main .swiper-container{margin-top:146px}
/*@media (min-width:1025px){header .header-nav .header-nav-list ul li a:hover{color:var(--color)}}*/
@media (max-width:1024px){.index-main .swiper-container{margin-top:126px}}
@media (max-width:768px){.index-main .swiper-container{margin-top:55px}}
.product-main .product-container .product-main .product-list-1 ul .list2{height:auto}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content .product-item-content-title{height:fit-content;padding-top:20px}
.product-main .product-container .product-main .product-list-1 ul .list2 .product-item-content{top:unset;bottom:0;padding:0;height:fit-content}
.product-main .product-container .product-main .product-list-1 ul .list2:hover .product-item-content{height:100%;transform:unset}
.header-nav .search-box{height:100%;position:relative}
.header-nav .search-box .head-search{height:100%;display:inline-flex;align-items:center}
.header-nav .search-box .head-search button{outline:0;border:none;cursor:pointer;border:1px solid #CCCCCC;background:#FFFFFF;color:var(--fontcolor);border-radius:50%;margin-left:15px;width:32px;height:32px}
.header-nav .search-box .head-search button em{font-weight:var(--fontbold6);font-size:var(--fontsize20)}
.header-nav .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}
.header-nav .search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.header-nav .search-input input{width:200px;height:40px;padding-left:10px;font-size:var(--fontsize16);border:none;outline:0}
.header-nav .search-input button{width:40px;height:40px;border:none;outline:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.header-nav .search-input button em{font-size:var(--fontsize22);color:var(--color);font-weight:var(--fontbold6)}
@media (max-width:960px){.header-nav .search-box{display:none}}
@media (min-width:1281px){header .header-nav .header-nav-list ul li{padding:0 20px}}
@media (min-width:961px){.knowledges-main .knowledges-container{margin-top:147px}
header .header-nav .header-nav-list ul{justify-content:center}
}
footer .contact-container .contact-logo-btns img{filter: invert(100%);    max-width: 220px;}
 @media (min-width:1024px){.abouts-main .abouts-container,.product-main .product-container,.news-main .news-container{gap:70px;padding:40px  70px}
.abouts-main .abouts-container .abouts-main,.product-main .product-container .product-main,.news-main .news-container .news-main{padding-left:0}}
footer .contact-container .contact-logo-btns .contact-list li:nth-of-type(1){background:#2868b0}
footer .contact-container .contact-logo-btns .contact-list li:nth-of-type(2){background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
header .header-info .work-hours+.contact-list{display:flex;align-items:center;vertical-align:middle;margin-left:15px}
header .header-info .work-hours+.contact-list ul{display:flex;align-items:center;gap:10px;margin:0;padding:0;list-style:none}
header .header-info .work-hours+.contact-list ul li a.social-item{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;text-decoration:none;font-size:18px}
header .header-info .work-hours+.contact-list ul li a.social-item .iconfont{color:#ffffff;margin-right:0}
header .header-info .work-hours+.contact-list ul li a.social-item.lk{background-color:#2867b2}
header .header-info .work-hours+.contact-list ul li a.social-item.ins{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
@media (min-width:1024px){header .header-nav .header-nav-list ul li .submenu li{background:#fff}
header .header-nav .header-nav-list ul li .submenu li>a{color:#111}
header .header-nav .header-nav-list ul li .submenu li:hover{background:var(--color)}
header .header-nav .header-nav-list ul li .submenu li:hover>a{color:#fff}} 
/* header .header-nav .header-nav-list ul li .submenu>li{overflow:unset} */
#liproducts .submenu>li{position:relative;display:flex;flex-wrap:wrap}
#liproducts .submenu>li ul{position:absolute;left:100%;top:0;width:330px;display:none}
#liproducts .submenu>li:hover ul{display:block}
@media (max-width:1024px){#liproducts .submenu>li ul{display:block;position:static;width:100%;padding-left:20px}}
 .news-main .news-container .news-main ul li{border:1px solid #eee;padding:2%;max-height:unset}
.news-main .news-container .news-main ul li .news-item-content .news-item-artcle{display:none}
.news-main .news-container .news-main ul li div.news-item-content{min-height:unset}
@media (min-width:1025px){header .header-nav .header-nav-list ul li .submenu{width: 480px;}  }
