@charset "utf-8"; 
:root{--footercolor:#fff;--color: #00a0e9;--color2: #00a0e9;}
@media (min-width:1025px){.head-info{height:100px}
.head-logo a img{max-height:90px}
.pagesbanner{min-height:146px}}
footer .wave{--c:#00A1E9;}
footer,footer .foot-bot{background:#00A1E9}
@media (min-width:1025px){#liproducts .nav2{padding:10px calc(50% - 730px);justify-content:flex-start;}
#liproducts .nav2 >li{white-space:normal;width:19%;margin:10px 1.25% 10px 0;display:flex;align-items:center;}
#liproducts .nav2 >li:nth-child(5n){margin-right:0;}
#liproducts .nav2 >li .item-info{width:80px;height:80px;}
#liproducts .nav2 >li>a{height:auto;line-height:1.3;padding-left:10px;flex:1;}}
@media (max-width:1600px) and (min-width:1025px){#liproducts .nav2{padding:10px 70px}}
@media (max-width:1440px) and (min-width:1025px){#liproducts .nav2 >li .item-info{width:70px;height:70px;}}
@media (max-width:1280px) and (min-width:1025px){#liproducts .nav2 >li{width:24%;margin:10px 1.333% 10px 0;}
#liproducts .nav2 >li:nth-child(5n){margin-right:1.333%;}
#liproducts .nav2 >li:nth-child(4n){margin-right:0;}}
@media (max-width:1024px){.pro-d-main .pagesbanner{display:none}
.prodetails-top h1{font-size:var(--fontsize26)}}
@media (min-width:1025px){header:not(.is-active):hover{border-color:rgba(255,255,255,.3);background:none}
header:not(.is-active):hover .head-top{color:var(--headercolor)}
header:not(.is-active):hover .head-share ul a{border-color:var(--headercolor);color:var(--headercolor)}
header:not(.is-active):hover .himg{display:block}
header:not(.is-active):hover .fimg{display:none}
header:not(.is-active):hover .head-nav .nav-ul>li>a{color:var(--headercolor)}
header:not(.is-active):hover .head-nav .nav-ul>li:hover>a,header:not(.is-active):hover .head-nav .nav-ul>li>a.inmenu_1{color:var(--color)}
header:not(.is-active):hover .head-top .lang-icon img{filter:invert(0)}
header:not(.is-active):hover .head-top .lang-icon span{color:var(--headercolor)}
header:not(.is-active):hover .head-top .lang-icon span::after,header:not(.is-active):hover .head-top .lang-icon span::before{background:var(--headercolor)}}
iframe { height: revert-layer;}