@charset "utf-8";
:root{--color:#278fbe}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:22px}}
header .head-top{background:var(--color)}
header .head-top .head-contact .item em,header .head-top .head-contact .item a,header .head-top .head-contact .item span,header .head-top .head-contact .item a:hover,header .head-top .head-share ul li a{color:#fff}
.contact-map{margin:80px 0 -80px}
@media (max-width:500px){.contact-map{margin:60px 0 0}}
.wmkc-aboutpage h2{color:#278FBE;font-size:52px;font-weight:bold}
.wmkc-aboutpage img{width:100%}
.wmkc-aboutpage p{font-size:24px;line-height:1.75}
.wmkc-abfac p{margin-bottom:65px}
.wmkc-facbox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px}
.wmkc-facbox div{width:31.25%;overflow:hidden}
.wmkc-facbox div img{transition:.3s}
.wmkc-facbox div:hover img{transform:scale(1.3);transition:.3s}
.wmkc-abcerti p{margin-bottom:20px}
.wmkc-abcerti>div{margin-top:55px}
.wmkc-abour{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:133px}
.wmkc-abour>div{width:47%;margin-bottom:30px;transition:.3s}
.wmkc-ourinfo{padding:30px}
.wmkc-ourinfo h3{font-size:30px;font-weight:bold}
.wmkc-ourinfo p{color:#727272;font-weight:400}
@media (min-width:769px){.wmkc-abour>div:hover{box-shadow:0 20px 30px #ddd;transition:.3s}}
@media (max-width:1440px){.wmkc-aboutpage p{font-size:18px;line-height:1.2}
.wmkc-abfac p{margin-bottom:20px}
.wmkc-facbox{margin-bottom:20px}
.wmkc-abour{padding-top:60px}}
@media (max-width:1024px){.wmkc-ourinfo{padding:10px}}
@media (max-width:768px){.wmkc-facbox div{width:100%;margin-bottom:10px}
.wmkc-facbox{margin-bottom:0}
.wmkc-abour>div{width:100%}
.wmkc-ourinfo h3{font-size:20px}
.wmkc-aboutpage p{font-size:16px}}
@media (min-width:1281px){.product-catelist .product-cateitem{width:23%;margin:0 2.666% 30px 0}
.product-catelist .product-cateitem:nth-child(3n){margin-right:2.666%}
.product-catelist .product-cateitem:nth-child(4n){margin-right:0}}
#wmkc .wmkc-tel em{color:#f90;font-size:22px;}
#wmkc .wmkc-tel:hover{background:#f90}
#wmkc .wmkc-tel:hover em{color:#fff;}
.lang-icon span{color:#fff}
.lang-icon span::before,.lang-icon span::after{background:#fff}
.home-more,.pro-list li .pro-info .btn,.newslist li .news-info .btn{text-transform: uppercase;}
.home-about .l-wrap .about-info h1{max-width:100%}
@media (min-width:1025px){.home-about .l-wrap .about-info h1{font-size:2vw}
footer .foot-pro{width:24%}}
.pro-main aside.sidebar,footer .foot-info{display:none}
.pro-list li .pro-info .btn{background: var(--color);color: #FFF;padding: 0px 20px;}