﻿@charset "utf-8"; 
@font-face {font-family: "segoeui";src: url(/images/m400/fonts/segoeui.ttf);}
:root{--color: #004890;--fontfamily: "segoeui";}
header {position: fixed;top: 0px !important;left: 0px;width: 100%;z-index: 999;background: #fff;}
header .header-info{position: static;max-width: 1440px;width: 100%;margin: 0 auto;padding: 0px 15px;background: #fff;}
header .header-info .header-nav-logo{width: 16.5%;flex-shrink: 0;}
header .header-info .header-nav-logo a{display: inline-block;width: 100%;}
header .header-info .header-nav-logo img{width: 100%;}
header .header-info .work-hours{display: none;}
header .header-info .telephone{width: 23%;margin: 0;font-size: var(--fontsize16);padding: 10px 15px;justify-content: flex-end;transition: color .3s ease;}
header .header-info .telephone .fa{font-size: var(--fontsize20);transition: color .3s ease;}
header .header-info .telephone:hover{color: var(--color);}
header .header-info .telephone:hover .fa{color: var(--color);}
header .header-info .mail{width: 25%;margin: 0;padding: 10px 15px;}
header .header-info .mail a{font-size: var(--fontsize16);transition: color .3s ease;}
header .header-info .mail .fa{font-size: var(--fontsize20);transition: color .3s ease;}
header .header-info .mail:hover a{color: var(--color);}
header .header-info .mail:hover .fa{color: var(--color);}
header .header-info .top-search{width: 16.5%;}
header .header-info .top-search .search-input{margin: 0 auto;padding: 5px 15px;width: 90%;display: flex;justify-content: space-between;border: 2px solid rgba(191, 191, 191, 1);border-radius: 25px;}
header .header-info .top-search .search-input input{width: 90%;color: #a5a5a5;font-size: var(--fontsize16);border: none;background: transparent;outline: none;}
header .header-info .top-search .search-input button{background: transparent;border: none;}
header .header-info .top-search .search-input button .iconfont{color: var(--color);font-size: var(--fontsize20);font-weight: bold;}
header .header-info .top-contact{display: flex;align-items: center;}
header .header-info .top-contact li{width: 26px;height: 26px;background: #7f7f7f;border-radius: 4px;margin-left: 10px;display: flex;justify-content: center;align-items: center;}
header .header-info .top-contact li .iconfont{color: #fff;}
header .header-info .nav-right{display: flex !important;position: static;margin-left: 30px;}
header .header-info .nav-right .lang{padding: 5px 10px;border: 1px solid #ccc;}
header .header-info .nav-right .lang .lang-icon span::before{display: none;}
header .header-info .nav-right .lang .lang-icon span::after{content: '';position: absolute;right: 0px;top: 7px;width: 0;height: 0;border-top: 6px solid #000;border-right: 5px solid transparent;border-left: 5px solid transparent;background: transparent;transform: none;}
header .header-nav{padding: 0 15px;}
header .header-nav .header-nav-list{max-width: 1440px;width: 100%;height: 100%;margin: 0 auto;}
header .header-nav .header-nav-list ul li a{opacity: 1;}
@media (min-width: 990px) and (max-width: 1279px) {
    header .header-nav .header-nav-list ul li a{font-size: var(--fontsize16) !important;transform: scale(1);}
}
@media (min-width:961px) {
  header .header-info{height: 110px;}
  header .header-nav{height: 58px;box-sizing: border-box;}
  header .header-nav .header-nav-list ul{justify-content: space-between;margin-right: 0;}
  header .header-nav .header-nav-list ul li{flex: 1;padding: 0;line-height: 58px;border-radius: 10px 10px 0px 0px;cursor: pointer;}
  header .header-nav .header-nav-list .nav>li>a{display: block;width: 100%;height: 100%;transition: all .3s ease;}
  header .header-nav .header-nav-list .nav>li>a:hover{background: rgba(46,128,210,1);}
  header .header-nav .header-nav-list .nav>li>a.inmenu_1{background: rgba(46,128,210,1);}
  #liinquiry a{display: flex;justify-content: center;align-items: center;max-width: 195px;padding: 0 10px;height: 100%;color: #fff;background: rgba(218, 18, 18, 1);border-radius: 10px;}
.index-header .header-nav .header-nav-list ul li:hover >.submenu{display:block!important}
.index-header .header-nav .header-nav-list ul li .submenu{top:100%;width:auto;}
header .header-nav .header-nav-list ul li .submenu li{width:100%;border-radius:0;}
header .header-nav .header-nav-list ul li .submenu li a{display:block;padding:0 15px;white-space:nowrap;}
#liproducts .submenu>li{position:relative;display:flex;flex-wrap:wrap}
#liproducts .submenu>li ul{position:absolute;left:100%;top:auto;bottom:0;height:auto;width:220px;display:none}
#liproducts .submenu>li:hover ul{display:block}
header .header-nav .header-nav-list ul li#liproducts .submenu li{overflow:unset}
#liproducts .submenu>li>a{padding-right:35px;position:relative}
#liproducts .submenu>li.navli>a:after{content:"\e775";font-family:"iconfont"!important;right:10px;position:absolute;}
}
@media (max-width:1024px) {
  header .header-info{display: none;}
}

footer{background: var(--color);padding: 40px 0 0 0;}
footer .search-container{display: none;}
footer .contact-container,footer .bottom-container{color: #fff;background: var(--color);}
footer .contact-container{max-width: 1440px;width: 100%;height: 100%;margin: 0 auto;padding: 0 15px;}
footer .contact-container .contact-logo-btns{width: 50%;padding: 0 2%;}
footer .contact-container .contact-logo-btns img{display: none;}
footer .contact-container .contact-logo-btns .contact-content{font-size: var(--fontsize18);}
footer .contact-container .contact-logo-btns p{color: #fff;}
footer .contact-container .contact-navigation .contact-title{font-size: var(--fontsize26);}
footer .contact-container .contact-navigation{padding: 0 2%;}
footer .contact-container .contact-navigation ul li{width: 100%;}
footer .contact-container .contact-navigation ul li a{color: #fff;}
footer .contact-container .contact-us{max-width: none;width: 30%;padding: 0 2%;}
footer .contact-container .contact-us .contact-title{display: none;}
footer .contact-container .contact-us img{max-width: 218px;max-height: 60px;}
footer .contact-container .contact-us ul li, footer .contact-container .contact-us ul li a{color: #fff;}
footer .contact-container .contact-us ul{margin-top: 15px;}
footer .contact-container .contact-us ul li{display: flex;color: #fff;}
footer .contact-container .contact-us ul li em{margin: 5px 5px 0 0;width: 22px;font-size: var(--fontsize20);text-align: center;}
footer .contact-container .contact-us .contact-list .contact-title{display: block;font-size: var(--fontsize26);margin: 15px 0 0;}
footer .contact-container .contact-us .contact-list ul{margin-top: 0;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
footer .contact-container .contact-us .contact-list ul li{display: inline-flex;justify-content: center;align-items: center;margin-right: 5px;width: 26px;height: 26px;border-radius: 4px;background: #a2ccff;}
footer .contact-container .contact-us .contact-list ul li .iconfont{color: var(--color);}
footer .contact-container .contact-qr-code{display: none;}
@media (max-width:1280px) {
  footer .contact-container .contact-navigation{width: 40%;}
  footer .contact-container .contact-navigation ul li{width: 50%;}
}
@media (max-width:768px) {
  footer{padding: .4rem 15px;}
  footer .contact-container .contact-navigation{width: 100%;padding: 0;}
  footer .contact-container .contact-us{padding: 0;}
}
.abouts-main .abouts-container .abouts-left .abouts-left-ab ul li a{display: inline-block; width: 100%;margin-left: 10px;}
.abouts-main:not(.contact-us) .abouts-left{display:none}
.abouts-main:not(.contact-us) .abouts-main{padding-left:0;}
@media (min-width:961px){.abouts-main.file-downloads .abouts-left{display:block;}
.abouts-main.file-downloads .abouts-main{padding-left:50px;}}
@media (min-width:961px){.abouts-main .about-banner,.news-main .news-banner,.product-main .product-banner,.knowledges-main .knowledges-banner{margin-top:168px;}}
@media (max-width:960px){#liproducts .submenu>li ul{display:block;position:static;width:100%;padding-left:20px}}
footer .contact-container .contact-logo-btns .contact-list{display:none;}
footer .contact-container .contact-us>.contact-list {display:none}
@media (max-width:768px){footer .contact-container{padding:0}
footer .contact-container .contact-us{width:100%}
footer .bottom-container{display:flex;height:auto}}
header .header-nav .header-nav-list ul li .submenu li:hover{background: #2E80D2;}
@font-face{font-family:iconfont2;src:url(https://css02.v15cdn.com/m426/iconfont/iconfont.woff2?t=1743399170493) format('woff2'),url(https://css02.v15cdn.com/m426/iconfont/iconfont.woff?t=1743399170493) format('woff'),url(https://css02.v15cdn.com/m426/iconfont/iconfont.ttf?t=1743399170493) format('truetype')}
.icon-xiangshang1{font-family:iconfont2!important;}
.icon-xiangshang1:before{content:"\e652"}
.gotop{cursor:pointer;height:40px;width:40px;border-radius:50%;position:fixed;bottom:130px;right:50px;background:var(--color);box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;opacity:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.gotop em{font-size:var(--fontsize24)}
.gotop.act{opacity:1;visibility:inherit;bottom:150px}
@media (max-width:768px){.gotop{right:10px;bottom:70px}
.gotop.act{bottom:90px}}
#wmkcprivacy.right { width: 98%;}
@media (min-width:961px){header .header-nav .header-nav-list ul li .submenu li{height:32px;line-height:32px;}}
.product-main .product-container .product-left .product-left-ab ul>li{padding:0;}
.product-main .product-container .product-left .product-left-ab ul>li>a{padding:0 10px;}
.product-main .product-container .product-left .product-left-ab ul>li>a:hover,.product-main .product-container .product-left .product-left-ab ul .LiLevel1 a.active{display:inline-block;width:100%;height:100%;background: #2E80D2;color:#fff;}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 a:hover,.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2 a:hover{color:#fff;}
header .header-nav .header-nav-list ul li#liBlog{display:none}