﻿@charset "utf-8";
.contact .contact-box p a,.advan h3,.advan .title{color:#fff}
@media (min-width:1201px){.head-main .head-logo img{max-width:400px;height:100%;display:block;object-fit:contain}
.head-logo{height:100%;display:block}}
.sol-top{background:url(/uploads/202327448/ImgScroll/bafc3af291-ae1d-4f6c-93ab-09895fe739be.jpg) repeat-x left top}
#appli{background-image:url(/uploads/202327448/ImgScroll/ba4949c7c1-681f-4379-ae8c-7ead06411287.jpg)}
#contact{background-image:url(/uploads/202327448/ImgScroll/baf12e753e-c9f9-41de-9be2-8ad3d43e1a48.jpg)}
@media (max-width:1024px){#appli{background-size:cover}}
#new .new-img{width:100%;padding-bottom:60.8%}
#new .new-img img{height:100%;position:absolute;top:0;left:0;object-fit:cover}
.type-intro.seo-key{line-height:1.6;margin:-10px 0 20px}
/* about us */
.wmkc-abouts .l-wrap{max-width:1920px;margin:0 auto}
.wk-about,.wk-codewel,.wk-honer,.wk-map-con{margin:0 auto;max-width:1290px}
.wk-one{display:flex;justify-content:space-between;align-items:center}
.wk-one-left{width:50%}
.wk-one-right{position:relative;overflow:hidden;width:47%}
.wk-one-left p:nth-of-type(1){position:relative;margin-bottom:20px;padding-bottom:20px;color:#363636;font-weight:700;font-size:45px;font-family:Arial;line-height:1}
.wk-one-left p:nth-of-type(1)::after{position:absolute;bottom:0;left:0;width:119px;height:4px;background:#DE0614;content:''}
.wk-one-left p:nth-of-type(2){color:#3b3b3b;font-weight:400;font-size:18px;font-family:Arial;line-height:33px}
.wmkc-mySwiper2{width:100%;height:80%}
.wmkc-mySwiper{display:flex;overflow:hidden;box-sizing:border-box;padding:10px 0;width:90%;height:20%;justify-content:center;align-items:center}
.wmkc-button-next,.wmkc-button-prev{z-index:10;display:flex;width:20px;height:20px;border-radius:50%;background:#DE0614;color:#fff;justify-content:center;align-items:center;cursor:pointer}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.wk-one-bot{display:flex;justify-content:space-between;align-items:center}
.wmkc-mySwiper .swiper-wrapper{margin:0 15px}
.wk-one-left:nth-of-type(1)>em{color:#DE0614;font-style:initial}
.wk-tow{padding:70px 0}
.wk-tow-box{display:flex;justify-content:space-between;align-items:center}
.wk-tow-left{width:40%;padding:0 0 30px 30px;position:relative}
.wk-tow-left::after{position:absolute;content:'';background:#DE06145e;bottom:0;left:0;width:80%;height:80%;z-index:-1}
.wk-tow-right{flex:1;padding-left:4%;display:flex}
.wk-tow-l{width:42px;height:42px;padding-right:20px}
.wk-tow-r{flex:1;padding-left:15px}
.wk-tow-title p:nth-of-type(1){font-size:33px;font-family:Arial;font-weight:bold;color:#363636;line-height:1;text-transform:uppercase;padding:5px 0px;display:inline-block;margin-bottom:10px;position:relative}
.wk-tow-title p:nth-of-type(1)::after{position:absolute;content:'';width:100%;height:15px;background:#DE0614;opacity:0.27;border-radius:8px;bottom:0;left:0px}
.wk-tow-title p:nth-of-type(2){font-size:21px;font-family:Arial;font-weight:bold;color:#363636;line-height:1;opacity:0.27;text-transform:uppercase}
.wk-tow-size p{font-size:18px;font-family:Arial;font-weight:400;color:#3B3B3B;line-height:33px}
.wmkc-tow-span{display:block;width:10px;height:10px;border:1px solid #DE0614;border-radius:100%;margin:30px 0;position:relative}
.wmkc-tow-span::after{position:absolute;content:'';width:118px;height:1px;background:#DE0614;top:4px;left:10px}
.wk-tow-box .wk-tow-left img{width:100%;box-shadow:0px 0px 10px 0px rgba(33,22,19,0.22)}
.wk-tow-box:nth-of-type(2) .wk-tow-right{padding-right:4%;padding-left:0}
.wk-tow-box:nth-of-type(1){margin-bottom:60px}
.wk-there-all{display:flex;justify-content:space-between}
.wk-there-box{width:31.5%}
.wk-there-img img{display:block;width:100%;height:245px;object-fit:cover}
.wk-product-img img,.wk-cod-img img{display:block;max-width:100%}
.wk-honer-img img{display:block;max-width:100%}
.wk-there-size p:nth-of-type(1){font-size:28px;font-family:Arial;font-weight:bold;color:#DE0614;line-height:1;text-align:center;text-transform:uppercase;padding:35px 0}
.wk-there-size p:nth-of-type(2){font-size:22px;font-family:DengXian;font-weight:400;color:#090909;line-height:33px;text-align:center}
.wk-product .wk-product-title p{position:relative;color:#363636;font-weight:700;font-size:45px;font-family:Arial;line-height:1}
.wk-product-title p>em{color:#DE0614;font-style:initial;padding-right:10px}
.wk-product-title{margin:50px 0}
.wk-product-size p:nth-of-type(1){margin-bottom:25px}
.wk-product-size p{font-size:17px;font-family:Arial;font-weight:400;color:#333333;line-height:29px}
.wk-product-all{padding:55px 0;display:flex;justify-content:space-between;margin-bottom:20px}
.wk-product-box{width:18%}
.wk-product-sizes p{font-size:22px;font-family:Arial;font-weight:400;color:#2A2A2A;line-height:26px;text-align:center;margin-top:40px}
.wk-banner{background:#DE0614;background-size:cover}
.wk-banner-content{max-width:1290px;margin:0 auto;padding:72px 0}
.wk-banner-content .wk-banner-content .wk-banner-p p{font-size:18px;font-family:Arial;font-weight:400;color:#fff;line-height:1;text-align:center}
.wk-banner-content .wk-banner-size p{font-size:180px;font-family:Impact;font-weight:400;text-transform:uppercase;color:#000000;line-height:1;text-align:center;padding:30px 0}
.wk-banner-content .wk-banner-size em{color:#fff;font-style:inherit;margin-left:10px}
.wk-banner-btn a{font-size:20px;font-family:Arial;font-weight:400;color:#FEFEFE;line-height:1;padding:16px 45px;background:#000;border-radius:30px}
.wk-banner-btn{display:flex;justify-content:center}
.wk-cod-all{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.wk-cod-p p{font-size:21px;font-family:Arial;font-weight:400;color:#000000;line-height:27px;text-align:center;margin:30px 0}
.wk-cod-box{width:23%}
.wk-map-content{max-width:1680px;margin:0 auto;background:url(/uploads/11402/map.png)center no-repeat;background-size:cover;padding:160px 0 190px}
.wk-map-div{width:34%;background:#DE0614c4;padding:60px 40px 50px;box-sizing:border-box}
.wk-map-div p:nth-of-type(1){font-size:29px;font-family:DengXian;font-weight:bold;color:#FFFFFF;line-height:1;padding-bottom:20px;margin-bottom:30px;position:relative}
.wk-map-div p:nth-of-type(1)::after{position:absolute;content:'';width:38px;height:2px;background:#FFFFFF;bottom:0;left:0}
.wk-map-div p:nth-of-type(2){font-size:18px;font-family:Arial;font-weight:400;color:#fff;line-height:36px}
.wk-map-div a{color:#fff;padding-top:15px;display:block;margin-top:85px}
.wk-map{margin:70px 0}
.wk-cooperation,.wk-service,.wk-team{max-width:1290px;margin:0 auto}
.wk-cooperation img{display:block;max-width:100%}
.wk-service{margin-top:80px}
.wk-team-all{display:flex;justify-content:space-between}
.wk-team .wk-team-size p{font-size:17px;font-family:Arial;font-weight:400;color:#333333;line-height:29px;margin-bottom:30px}
.wk-team .wk-team-title p{font-size:47px;font-family:Arial;font-weight:bold;color:#DE0614;line-height:1}
.wk-team-title p >em{color:#DE0614;font-style:unset}
.wk-team-box:nth-of-type(1){width:27%;display:flex;flex-direction:column;justify-content:space-between}
.wk-team-box:nth-of-type(2){width:27%;display:flex;flex-direction:column;justify-content:space-between}
.wk-team-box:nth-of-type(3){width:42%;display:flex;flex-direction:column;justify-content:space-between}
.wk-team-img img{display:block;max-width:100%}
.wk-team-bos .wk-team-img{width:48%}
.wk-team-bos .wk-team-img img{display:block;width:100%}
.wk-team-bos{display:flex;justify-content:space-between}
.wk-team-img{margin-bottom:20px}
.wk-team-title{margin-bottom:30px}
.wk-banner-content .wk-banner-p p{font-size:18px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:30px;text-align:center}
@media (max-width:1600px){.wk-there-size p:nth-of-type(2){font-size:18px;line-height:1.5}
.wk-tow{padding:50px 0}
.wmkc-tow-span{margin:20px 0}
.wmkc-tow-span::after{width:70px}
.wk-there-size p:nth-of-type(1){font-size:22px;padding:15px 0}
.wk-tow-size p{line-height:1.5}
.wk-product-all{padding:30px 0}
.wk-product-sizes p{font-size:18px;margin-top:20px}
.wk-banner-size p{font-size:142px}
.wk-banner-btn a{font-size:18px;padding:14px 40px}
.wk-map-content{padding:100px 3% 200px}}
@media (max-width:1366px){.wk-one-left p:nth-of-type(2),.wk-tow-size p{font-size:16px}
.wk-tow-l{padding-right:10px}
.wk-one-left p:nth-of-type(1)::after{width:100px;height:2px}
.wk-one-left p:nth-of-type(1){font-size:38px}
.wk-map-div{padding:50px 40px}
.wk-cod-p p{font-size:18px;margin:15px 0;line-height:1}
.wk-product-title{margin:40px 0 20px}
.wk-product-size p:nth-of-type(1){margin-bottom:15px}
.wk-map-content{padding:60px 3% 100px}}
@media (max-width:1300px){.wk-about,.wk-codewel,.wk-honer,.wk-map-con,.wk-cooperation,.wk-service{padding:0 3%}}
@media (max-width:1024px){.wk-one-left p:nth-of-type(2){font-size:14px;line-height:1.8}
.wk-one-left p:nth-of-type(1){font-size:28px;margin-bottom:15px;padding-bottom:15px}
.wk-tow-right{padding-left:3%}
.wk-tow-l{width:35px;height:35px}
.wk-tow-title p:nth-of-type(1){font-size:24px;margin-bottom:5px}
.wk-tow-title p:nth-of-type(2){font-size:18px}
.wmkc-tow-span{margin:10px 0}
.wk-tow-box:nth-of-type(2) .wk-tow-right{padding-right:3%}
.wk-there-size p:nth-of-type(1){font-size:18px;padding:10px 0}
.wk-there-size p:nth-of-type(2){font-size:16px}
.wk-product .wk-product-title p{font-size:28px}
.wk-product-title{margin:30px 0 10px}
.wk-product-all{padding:30px 0 0;margin-bottom:10px}
.wk-product-sizes p{font-size:16px;margin-top:15px}
.wk-banner-content{padding:40px 0}
.wk-banner-size p{font-size:100px}
.wk-banner-p p{font-size:16px;padding:0 60px}
.wk-banner-btn a{font-size:16px;padding:12px 30px}
.wk-map-div{width:50%}
.wk-map-div p:nth-of-type(2){font-size:16px}
.wk-map-div a{padding-top:0;margin-top:50px}
.wk-map-content{padding:60px 3%}
.wk-map{margin:30px 0}}
@media (max-width:768px){.wk-one{flex-direction:column}
.wk-one-left{width:100%;margin-bottom:20px}
.wk-one-right{width:100%}
.wk-tow-box:nth-of-type(1){margin-top:30px;flex-direction:column-reverse;margin-bottom:20px}
.wk-tow-right{padding-left:0%;margin-bottom:30px}
.wk-tow-left{width:100%}
.wk-tow-left img{width:auto;padding:0;margin-bottom:20px}
.wk-tow-left::after{width:60%;height:80%}
.wk-tow-left{width:70%;display:flex;justify-content:center;margin-bottom:20px}
.wmkc-tow-sp{flex-direction:column}
.wmkc-tow-sp .wk-tow-right{margin-bottom:30px}
.wk-tow{padding:20px 0}
.wk-banner-size p{font-size:62px}
.wk-there-size p:nth-of-type(2){font-size:14px;line-height:1.3}
.wk-tow-box:nth-of-type(2) .wk-tow-right{padding-left:0}
.wk-product-size p:nth-of-type(1){margin-bottom:0}
.wk-banner-content .wk-banner-size p{font-size:48px;padding:20px 0}
.wk-banner-btn a{font-size:12px;padding:10px 25px}
.wk-cod-all{margin-top:25px}
.wk-cod-p p{font-size:14px}
.wk-map-div{padding:30px}
.wk-map-div p:nth-of-type(1){font-size:24px;padding-bottom:10px;margin-bottom:10px}
.wk-map-div p:nth-of-type(2){font-size:14px;line-height:1.8}
.wk-map-div a{margin-top:25px}
.wk-product-size p,.wk-one-left p:nth-of-type(2),.wk-tow-size p{font-size:14px}
.wk-service{margin-top:50px}
.wk-banner-content .wk-banner-size p{font-size:82px}
.wk-banner-content .wk-banner-p p{font-size:16px}
.wk-team .wk-team-title p{font-size:42px}}
@media (max-width:450px){.wk-there-all{flex-wrap:wrap}
.wk-there-box{width:100%;margin-bottom:20px}
.wk-tow-l{display:none}
.wk-tow-r{flex:1;padding-left:0}
.wk-tow-left{width:85%}
.wk-product-all{flex-wrap:wrap}
.wk-product-box{width:48%;margin-bottom:2%}
.wk-banner-content{padding:30px 3%}
.wk-banner-p p{padding:0;font-size:14px}
.wk-cod-all{flex-wrap:wrap}
.wk-cod-box{width:48%}
.wk-map-div{width:100%}
.wk-service{margin-top:30px}
.wk-map-content{padding:20px 0}
.wk-tow-box:nth-of-type(1){margin-top:0}
.wk-map{margin:30px 0 0}
.wk-team .wk-team-title p{font-size:32px}}
@media (min-width:1081px){#liproducts{position:static}
.head-main .l-wrap{position:static}
#liproducts .submenu{background:var(--hovercolor);max-width:inherit;padding:10px calc(50% - 800px);list-style:none;width:100%;display:none;flex-wrap:wrap;left:0;box-sizing:border-box}
#liproducts:hover .submenu{display:flex!important}
#liproducts .submenu>li{margin:10px 1.25% 10px 0;position:relative;min-height:100px;width:19%;}
#liproducts .submenu>li:nth-child(5n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{font-weight:bold;display:block;text-decoration:none;height:auto;padding:0 0 0 90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px}
#liproducts .submenu>li>a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-con{padding-left:90px}
#liproducts .submenu>li .cate-con ul{min-width:inherit;position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img a{padding:0}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}
#liproducts .submenu>li .cate-con ul a:hover{color:var(--color);background:none}}
@media (max-width:1680px) and (min-width:1081px){#liproducts .submenu{padding:10px calc(50% - 700px);}}
@media (max-width:1470px) and (min-width:1081px){#liproducts .submenu{padding:10px calc(50% - 600px);}}
@media (max-width:1279px) and (min-width:1081px){#liproducts .submenu{padding:10px 50px;}}
@media (max-width:1080px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li .cate-img{display:none}}
.wmkc-list>li.wmkc-email .wmkc-itemico>a{display: flex;flex-direction: column;}
