﻿@charset "utf-8"; 
:root{--color:#2e88be;--fontfamily:"Roboto"}
footer .foot-logo img{max-height:90px;width:auto!important}
footer .foot-info .foot-qrimg{display:none}
.common-main .l-wrap, .prohome-content, .pro-maylink .l-warp, .prohome-content,.pro-maylink .l-wrap,.protypefeedback .l-wrap,.prolist-bottom,.promaybox .l-wrap{max-width:1800px}
.protypefeedback{padding-left:0;padding-right:0}
@media (max-width:1024px){.prolist-bottom,.prohome-content{padding-left:15px;padding-right:15px;margin:0}}
.procate li .info .text{Display:none}
.prodetails-content,.newsdetailcontent,.singgle-main article{background:#FFFFFF;box-shadow:0px 3px 8px 0px rgba(19,20,21,.17);border-radius:4px;padding:20px}
.singgle-main .common-main.contact-us article{padding:0;box-shadow:0 0 0}
.kche-wrap-width,.kche-wrap-width1{max-width:100%}
@media (max-width:768px){.prodetails-content,.newsdetailcontent,.singgle-main article{padding:15px}
.prodetails-info{padding:15px;margin:0}}
@media (min-width:1025px){.head-info{position:relative}
#liproducts{position:static}
#liproducts .nav3.submenu{display:none !important;justify-content:flex-start;padding:5px 30px}
#liproducts:hover .nav3.submenu{display:flex !important}
.nav-ul>#liproducts .cate-con .cate-img{display:none}
.nav-ul>#liproducts .submenu li ul{transform:scaleY(1);opacity:1}
.nav-ul>#liproducts .LiLevel1>a{font-weight:var(--fontbold7) ;border-bottom: 1px solid var(--color);}
#liproducts .nav3>li a{overflow:hidden;text-overflow:ellipsis;white-space:wrap;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
#liproducts .nav3>li{width:24%;margin:10px 1.333% 10px 0}
#liproducts .nav3>li:nth-child(4n){margin-right:0}
.nav-ul>#liproducts .submenu li a{line-height:30px;height:auto}
#liproducts .nav3{width:80%;left:50%;transform:translate(-50%,0)}
.nav-ul>#liproducts .LiLevel1>a{border-bottom-color:#111}
#liproducts .nav3>li{margin-bottom:0}}
#liproducts .nav3.submenu li .liproducts-active{color: var(--color);}
header .nav-ul>#liproducts .LiLevel1>a{text-transform: uppercase;}
@media (max-width:1440px) and (min-width:1025px){#liproducts .nav3{width:100%;max-width:1200px;}}
.newslist.list0 li{position:relative;margin-bottom:30px;width:100%;border:none!important;border-radius:0;}
.newslist.list0 li::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.newslist.list0 li:hover::after{height:2px}
.newslist li:hover .img img{transform:scale(1.1)}
.newslist.list0 li{display:flex;align-items:center;background:#F9F9F9;padding:15px}
.newslist.list0 li .img{width:250px;aspect-ratio:1/1}
.news-list.list0 li .news-info{flex:1;padding-left:30px}
@media (max-width:1024px){.newslist.list0 li .img{width:200px}
.newslist.list0 li .info{padding:10px 0 10px 15px}}
@media (max-width:550px){.newslist.list0 li .img{width:130px}
.newslist.list0 li .info{padding:0 0 0 10px}
.newslist.list0 li{padding:10px}
.newslist.list0 li .info .date{display:none}
.newslist.list0 li .info .title{font-size:var(--fontsize16)}
.newslist.list0 li .info .text{font-size:var(--fontsize14)}}
footer .foot-share ul li a{border:none;color:#fff}
.head-share ul a{color:#fff!important}
footer .foot-share ul li .social-item.fb,.head-share ul .social-item.fb{background-color:#3b5997}
footer .foot-share ul li .social-item.tw,.head-share ul .social-item.tw{background-color:#2d2d2d}
footer .foot-share ul li .social-item.lk,.head-share ul .social-item.lk{background-color:#0A66C2}
footer .foot-share ul li .social-item.ins,.head-share ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
footer .foot-share ul li .social-item.pi,.head-share ul .social-item.pi{background-color:#cc2127}
footer .foot-share ul li .social-item.you,.head-share ul .social-item.you{background-color:#FF0000}
footer .foot-share ul li .social-item.vk,.head-share ul .social-item.vk{background:#0077FF}
footer .foot-share ul li .social-item.tik,.head-share ul .social-item.tik{background-color:var(--fontcolor)}
@media (min-width:1025px){.search-input{position:fixed;top:120px;width:100%;right:auto;left:0;padding:20px;transform:scaleY(0);height:auto!important}
.search-input.active{transform-origin:top;transform:scaleY(1)}
.search-input input{width:600px;background:#f2f2f2}
.search-input.advanced .advanced-search{display:none}}