@charset "utf-8"; 
:root{--footercolor:#fff;--color: #00a0e9;--color2: #00a0e9;--introcolor:#fff;--fontcolor:#fff}
body{color:#fff;background:#000 !important}
@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;}


footer .wave{--c:#000}
footer, footer .foot-bot{background:#000}
.banner-inner .banner-content,.pro-maylink{background:#000}
.home-title,.pro-maylink .maylinkswiper-next, .pro-maylink .maylinkswiper-prev{color:#fff}
.procate li{background:#000}
.procate li .info{border-color:#000}
.pagenav-catelist>li{color:#000}
.pro-list li,.pro-list li .pro-btn{background:#000}
.prodetails-top,.prodetails-images{background:#000}
.prodetails-item .box{color:#000}
.newstop{background:#000}
.news-main .l-wrap{max-width:1800px}
@media (min-width:1025px){
header.is-active, header:hover{background:#000;border-color:#000}
.head-nav .nav-ul>li>ul a{color:#000}
header.is-active .head-nav .nav-ul>li>a, header:hover .head-nav .nav-ul>li>a{color:#fff}
}
@media (max-width:1024px){
header{background:#000 !important;border-color:#000 !important}
.head-nav,.head-nav .nav-ul>li.cur,.head-nav .nav-ul>li>ul,.search-input{background:#000}
.head-nav .nav-ul>li>a,.head-nav .nav-ul>li>ul a,
.head-share ul a em, .head-share ul a i,
.search-input input,.search-input input::placeholder{color:#fff}
.lang-icon img{filter:invert(0)}
.m-menu span{background:#fff}
}


.pagesbanner::after{background:rgba( 0 0 0 / 50%)}
.inner-banner-animote{left:calc(50% - 720px);transform:translateY(-50%);width:45%;text-align:left;top:58%;position:absolute;z-index:2;opacity:0}
.inner-banner-animote .p1{font-size:1.6vw;margin:.5vw 0;}
.inner-banner-animote .p2{font-size:3.2vw;margin:0;line-height:1.2;font-weight:var(--fontbold5);}
.inner-banner-animote p{font-size:.9vw;}
.inner-banner-animote .p3{justify-content:flex-start;margin-top:1.8vw;gap:1vw;display:flex;}
.inner-banner-animote .p3 a{font-size:.9vw;min-width:initial;height:auto;padding:.5vw 1.6vw;border-radius:55px;border:none;background:var(--color);}
.inner-banner-animote .p3 a:nth-child(2){background:var(--color1)}
.inner-banner-animote .p3 a:nth-child(1):hover{background:var(--color1);color:#fff}
.inner-banner-animote .p3 a:nth-child(2):hover{background:var(--color);color:#fff}
.inner-banner-animote .p3 a em{margin-left:.3vw;font-size:.9vw}
.inner-banner-animote{animation:bannerani2 .5s forwards;animation-delay:1s}
@media (max-width:1600px){.inner-banner-animote{left:70px}}
@media (max-width:1024px){.inner-banner-animote{top:50%;left:5%}}
@media (max-width:768px){.inner-banner-animote{width:90%}
.inner-banner-animote .p1{font-size:2.5vw;}
.inner-banner-animote .p2{font-size:5vw;}
.inner-banner-animote p{font-size:1.8vw;}
.inner-banner-animote .p3{display:none}}
@media (min-width:2561px){.inner-banner-animote .p1{font-size:33px;margin:20px 0}
.inner-banner-animote .p2{font-size:66px;}
.inner-banner-animote p{font-size:25px;}
.inner-banner-animote .p3{margin-top:40px}
.inner-banner-animote .p3 a{font-size:25px;padding:12px 30px}
.inner-banner-animote .p3 a em{font-size:25px;margin-left:10px}}
@keyframes bannerani2{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}