@charset "utf-8";
.wmkc-common-title,.wmkc-company-title{text-align:center;text-transform:uppercase;font-size:60px;font-family:Impact}
.wmkc-common-title span,.wmkc-company-title span{color:#2b73bb}
.adv-item article{text-align:center}
.hot .type-area{box-sizing:border-box;padding:4% 0 5% 0;background-color:#f4f4f4}
.hot-title{text-align:center;font-size:60px;font-family:Impact}
.hot-title span{color:#2b73bb}
.hot-tip{margin-bottom:10px;color:#4c4c4c;text-align:center;line-height:2}
.hot-content{display:flex;margin:4% auto;width:100%;max-width:1620px;justify-content:space-between;flex-wrap:wrap}
.hot-content>a{display:block;margin-bottom:2%;width:22%;transition:all .5s ease}
.hot-img{overflow:hidden}
.hot-img,.hot-img img{width:100%;transition:all .5s ease;height:310px;object-fit:cover}
.hot-txt{box-sizing:border-box;padding:5% 6%}
.hot-txt-title{display:flex;margin-bottom:2%;align-items:center}
.hot-txt-title p{margin-right:4%;color:#4f5158;font-weight:700;transition:all .5s ease;text-transform:uppercase}
.hot-txt-title div{width:0;height:0;border:5px solid #f4f4f4;border-left:5px solid #193783;transition:all .5s ease}
.hot-txt-p{color:#7d7f83;font-size:14px;line-height:1.5}
.hot-btn{display:flex;width:100%;justify-content:center;align-items:center}
.hot-btn a{display:block;padding:1% 2%;border-radius:5px;background-color:#2b73bb;color:#fff;font-weight:700;font-size:16px;transition:all .5s ease}
.hot-item:hover{box-shadow:-2px 2px 10px #ccc}
.hot-item:hover img{transform:scale(1.2)}
.hot-item:hover .hot-txt{background-color:#fff}
.hot-item:hover .hot-txt-title p{margin-right:6%;color:#03549e}
.hot-item:hover .hot-txt-title div{border:8px solid #fff;border-left:8px solid #193783;color:#03549e}
.hot-btn:hover a{background-color:#1f2b41;transform:scale(1.1)}
.hot{background:#f4f4f4}
@media screen and (max-width:1218px){.hot-content{box-sizing:border-box;justify-content:space-around}
.hot-content a{width:48%}
.hot-btn a{padding:2% 2%}}
@media (max-width:1024px){.adv-item{width:33.3%;padding:25px}
.cate-name{font-size:18px}
.about-num{font-size:32px}}
@media screen and (max-width:900px){.hot-content{box-sizing:border-box;justify-content:space-around}
.hot-txt-p{display:-webkit-box;overflow:hidden;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hot-txt-title{font-size:14px}}
@media (max-width:768px){.wmkc-about-s p{color:#fff !important}
.about-ri{display:flex;flex-direction:column;justify-content:center;align-items:center}
.about .about-con .about-title{color:#000 !important}}
@media screen and (max-width:450px){.hot-title{font-size:26px}
.hot-tip{font-size:14px}
.hot-btn a{padding:2% 4%;font-size:14px}
.hot-txt-title{font-size:12px}
.wmkc-common-title,.wmkc-company-title{font-size:26px}}
.about .about-con .about-title{max-width:420px;color:#fff;text-transform:uppercase;font-weight:400;font-size:40px;font-family:Impact;line-height:1.3}
.wmkc-about-s{display:flex;justify-content:center;align-items:center}
.wmkc-about-s p{color:#09162a;font-weight:700;font-size:48px;font-family:Arial}
.common-main{background:#fff}
*{box-sizing:border-box;margin:0;padding:0}
li{list-style:none}
a{text-decoration:none}
.type-area{box-sizing:border-box;margin:0 auto;padding:0 20px;width:100%;max-width:1400px}
.header-top{display:flex;align-items:center;justify-content:space-between}
.header-logo{width:8%}
.header-menu{width:60%}
.header-menu ul{display:flex;width:100%;justify-content:space-between}
.header-menu ul li{font-size:18px}
.header-menu ul li:hover{color:#71a1df}
@media screen and (max-width:900px){.header-top{display:none}
.header-menu{display:none}}
.banner-content{margin:0 auto;width:100%;max-width:1920px}
.banner-img-box{width:100%;border-bottom:1px solid #b9b2aa}
.banner-img-box img{width:100%}
.nav-mian-bao{box-sizing:border-box;padding:4% 0;font-size:20px}
.about-us{margin:2% 0 4% 0}
.about-us-content{display:flex;justify-content:space-between}
.about-us-img{width:48.5%}
.about-us-img img{width:100%}
.about-us-right{width:46%}
.about-us-right p:nth-child(1){margin:2% 0;color:#4d4d4d;font-weight:700;font-size:28px;font-family:Arial}
.about-us-right p:nth-child(2){color:#414141;font-size:17px;font-family:Arial;line-height:2}
.about-us-right p:nth-child(3){margin-top:2%;color:#414141;font-size:17px;font-family:Arial;line-height:2}
@media screen and (max-width:770px){.about-us-content{margin-bottom:6%;flex-direction:column;align-items:center}
.about-us-img{width:100%}
.about-us-right{box-sizing:border-box;padding:0 1%;width:98%;border-bottom:2px dashed #eee}
.about-us-right p:nth-child(1){margin:4% 0;font-size:32px}
.about-us-right p:nth-child(2){font-size:12px}
.about-us-right p:nth-child(3){font-size:12px}}
.factory-tour-title{margin:2% 0;color:#4d4d4d;font-weight:700;font-size:36px;font-family:Arial}
.factory-tour-top{display:flex;justify-content:space-between}
.factory-t-img{width:49%}
.factory-t-img img{width:100%}
.factory-tour-txt1{padding:1% 1%;color:#414141;font-size:17px;font-family:Arial;line-height:2}
.factory-tour-bottom{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}
.factory-b-item{margin-bottom:8%;width:24%;border:1px solid #f3f3f3}
.factory-item-img{display:flex;box-sizing:border-box;padding:4%;width:100%;justify-content:center;align-items:center}
.factory-item-img img{width:100%}
.factory-item-box{width:100%;height:17%;background-color:#f0f0f0;transition:all .6s ease}
.factory-b-item:hover .factory-item-box{background-color:#333}
@media screen and (max-width:770px){.factory-tour-title{margin:4% 0;font-size:28px}
.factory-tour-top{flex-direction:column}
.factory-t-img{width:100%}
.factory-tour-txt1{padding:2% 2%;font-size:12px}
.factory-b-item{width:49%}
.factory-tour-content{margin-bottom:6%}
.factory-tour-bottom{border-bottom:2px dashed #eee}}
.certificate-display{margin:2% 0}
.certificate-display-title{margin:2% 0;color:#4d4d4d;font-weight:700;font-size:36px;font-family:Arial}
.certificate-display-img1{width:100%}
.certificate-display-img1 img{width:100%}
.certificate-display-img2{margin:6% 0;width:100%}
.certificate-display-img2 img{width:100%}
@media screen and (max-width:770px){.certificate-display-title{margin:4% 0;font-size:28px}
.certificate-display .type-area{margin-bottom:6%;border-bottom:2px dashed #eee}}
.sales-market-title{margin:2% 0;color:#4d4d4d;font-weight:700;font-size:36px;font-family:Arial}
.sales-market-txt{color:#414141;font-family:Arial;line-height:2}
@media screen and (max-width:770px){.sales-market-title{margin:4% 0;font-size:28px}
.sales-market-txt{font-size:12px}}
body{overflow-x:hidden}
.type-area{position:relative}
.sales-market-b{width:100vw;position:absolute;left:50%;height:100%;top:0;transform:translate(-50%,0);max-width:100vw;background-image:url(/uploads/14947/sales-market-img.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}
.sales-market-box{position:relative;display:flex;justify-content:flex-start;align-items:center}
.sales-box-txt{box-sizing:border-box;margin:8% 0;padding:4%;width:32%;color:#fff;background-color:rgba(0,0,0,.8)}
.sales-box-txt p:nth-child(1){color:#db3036;font-size:36px;font-family:Arial}
.sales-box-txt span{display:block;margin:4% 0;width:56px;height:4px;background-color:#db3036}
.sales-box-txt p:nth-child(3){box-sizing:border-box;margin-top:6%;padding-bottom:20%;border-bottom:1px solid #747474;color:#c8c8c8;font-size:14px;font-family:Arial;line-height:2}
.sales-box-txt a{display:block;color:#c8c8c8;font-family:Arial;border-top:1px solid #c8c8c8;padding-top:15px;margin:60px 0 0}
.type-area.about-us-bottom{margin-top:50px}
@media (max-width:1366px){.sales-box-txt{width:42%}}
@media (max-width:1200px){.sales-box-txt{padding:30px}
.sales-box-txt p:nth-child(1){line-height:1.3;margin-bottom:10px}
.sales-box-txt a{margin-top:30px}}
@media (max-width:1024px){.sales-box-txt{width:65%;padding:20px}
.sales-box-txt p:nth-child(1){font-size:28px}
.sales-box-txt a{margin-top:20px}}
@media screen and (max-width:770px){.sales-box-txt{width:100%;background-color:rgba(0,0,0,.5)}
.sales-box-txt p:nth-child(1){font-size:24px}
.sales-box-txt p:nth-child(3){padding-bottom:6%}}
.about-us-b{margin:2% 0 4% 0}
.about-us-bottom div{width:100%}
.about-us-bottom div img{width:100%}
.about-us-bottom p{margin:1% 0;color:#414141;text-align:center;font-size:26px;font-family:Arial;line-height:2}
@media screen and (max-width:770px){.about-us-bottom p{font-size:12px}}
@media (max-width:768px){.advance-list .common-wrapper,.common-main .common-wrapper,.common-wrapper,.head-wrapper{width:100%}
.type-area{padding:0}
.bPosition{display:none}
.nav-mian-bao{font-size:18px}}
.wmkc-top{top:100%;bottom:auto !important}
@media (min-width:1025px){#liproducts .submenu{padding:10px;list-style:none;width:900px;display:flex;flex-wrap:wrap;left:-400px}
#liproducts .submenu>li{margin:10px 2% 10px 0;position:relative;min-height:100px;width:32%;}
#liproducts .submenu>li:nth-child(3n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:block;text-decoration:none;height:auto;padding:0 0 0 90px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;font-weight:bold;line-height:1.3}
#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 li{margin-top:3px}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.4}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0;min-height:inherit;background:none}
#liproducts .submenu>li .cate-img a{padding:0}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover;opacity:1}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{color:var(--color);background:none}}
@media (max-width:1280px) and (min-width:1025px){#liproducts .submenu{left:-500px}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li .cate-img{display:none}}
.wmkc-list>li .wmkc-itemico>a{display: flex;flex-direction: column;align-items: center;}