@charset "utf-8"; 
@media (min-width:1025px){body:not(.nobanner) header:not(.is-active) .head-nav .nav-ul>li>a{color:var(--fontcolor)}
body:not(.nobanner) header:not(.is-active) .head-nav .nav-ul>li>a:hover{color:var(--color)}}
header{background:#000}
@media (min-width: 1025px) {body:not(.nobanner) header:not(.is-active) .head-nav .nav-ul>li>a {color: var(--headercolor);}}
@media (min-width:1024px){header,.nobanner header .head-info,.nobanner header .head-top,header.is-active{background:#fff}
.head-left .item em,.head-left .item a,.head-top .head-right .head-share .icon-share,.head-nav .nav-ul>li>a,body:not(.nobanner) header:not(.is-active) .head-nav .nav-ul>li>a{color:var(--fontcolor)}
.head-top{box-shadow: 0px 0px 5px 5px rgb(207 199 199 / 42%)}
.head-top .search-box{height:100%;position:relative}
.head-top .search-box .head-search{height:100%;display:inline-flex;align-items:center}
.head-top .search-box .head-search button{outline:0;border:none;cursor:pointer;background:0 0;color:#FFFFFF;border-radius:50%;margin-left:10px;width:32px;height:32px}
.head-top .search-box .head-search button em{font-weight:var(--fontbold5);font-size:var(--fontsize28,28px);color:var(--color)}
.head-top  .search-input{position:absolute;top:100%;left:0;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}
.head-top  .search-input.active{transition:opacity .3s,transform .3s;visibility:visible;opacity:1;transform:rotateX(0);transform-origin:top}
.head-top  .search-input input{width:200px;height:40px;padding-left:10px;font-size:var(--fontsize16);border:none;outline:0}
.head-top  .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}
.head-top  .search-input button em{font-size:var(--fontsize22);color:var(--color);font-weight:var(--fontbold6)}
.head-share ul a i{color:var(--fontcolor)}
.lang-icon span{color:var(--fontcolor)}
.lang-icon span::before,.lang-icon span::after{background:var(--fontcolor)}}
.home-service .service-item:before{display:none !important}
.home-service .service-item .box{color:var(--fontcolor)}
.home-service .service-item .box .home-more{color:var(--fontcolor);border-color:var(--fontcolor)}
iframe { height: revert-layer;}
@media (min-width:1025px){li#liproducts .submenu.nav1 {width:480px;left:-150px;display:flex;flex-wrap:wrap}
li#liproducts .submenu.nav1 li{width:50%}}
.m-menu span {background:#fff}