﻿#home-swiper .swiper-pagination{bottom:6.5%}
#home-swiper .swiper-pagination-bullet{width:9px;height:9px}
.wmkc-wrap{max-width:1630px;width:100%;margin:0 auto;padding:0 15px}
.wmkc-title{color:#222;font-size:38px;font-weight:700;text-transform:uppercase}
.wmkc-des{color:#828282}
@media (max-width:1440px){.wmkc-title{font-size:32px}}
@media (max-width:1024px){.wmkc-title{font-size:var(--fontsize28)}}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize24)}}
@media (max-width:500px){.wmkc-title{font-size:var(--fontsize20)}}
.wmkc-about{padding:80px 0}
.wmkc-about .l-wrap{max-width:1630px;width:100%;margin:0 auto;padding:0 15px;display:flex}
.wmkc-about .about-img{width:50%}
.wmkc-about .about-con{flex:1;padding-left:6%}
.wmkc-about .about-con .wmkc-title{text-transform:uppercase;margin-bottom:20px}
.wmkc-about .about-con .wmkc-title span{color:var(--color)}
.wmkc-about .about-con .con{color:var(--introcolor);line-height:1.5em;hyphens:auto}
.wmkc-about .about-con ul{margin:40px 0 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
.wmkc-about .about-con ul li{line-height:1.5em;margin-bottom:10px;position:relative}
.wmkc-about .about-con ul li:after{content:"";width:10px;height:10px;background:var(--color);position:absolute;top:8px;left:-20px}
.wmkc-about .about-con ul:after,.wmkc-about .about-con ul:before{content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0}
.wmkc-about .about-con ul:after{left:14px;top:-22px}
.wmkc-about .about-con ul:before{top:10px}
.wmkc-about .about-con .more-btn{padding:13px 47px;font-size:var(--fontsize14);text-transform:uppercase}
.wmkc-about .about-img{padding-top:60px}
.wmkc-about .about-img img{display:block;right:0;width:90%;height:auto}
.wmkc-about .about-img .img-wrap{position:relative;display:flex;justify-content:flex-end}
.wmkc-about .about-img .box,.wmkc-about .about-img .dot{position:absolute}
.wmkc-about .about-img .dot{z-index:-2;background-image:radial-gradient(#d8d8d8 1.2px,rgba(0,0,0,0) 1px);background-size:16px 16px}
.wmkc-about .about-img .box{background:#f1f4f9;z-index:-1}
@media (max-width:1440px){.wmkc-about .about-con{padding-left:4%}}
@media (max-width:1024px){.wmkc-about{padding:30px 0 40px}
.wmkc-about .l-wrap{display:block}
.wmkc-about .about-img{width:100%;margin-bottom:50px}
.wmkc-about .about-img img{width:100%}
.wmkc-about .about-con{flex:none;width:100%;padding:0 15px}
.wmkc-about .about-con .wmkc-title{margin-bottom:5px}
.wmkc-about .about-con ul{margin:35px 0 40px}}
@media (max-width:768px){.wmkc-about .about-con ul{margin:30px 0 40px;padding-left:60px}
.wmkc-about .about-con .more-btn{padding:10px 35px}}
@media (max-width:500px){.wmkc-about{padding:30px 0}
.wmkc-about .about-con{padding:0}
.wmkc-about .about-con ul{margin:30px 0}}
.wmkc-content1{position:relative;max-width:1920px;margin:0 auto;display:flex;flex-wrap:wrap}
.wmkc-content1 .content1-item{width:50%;display:flex;flex-wrap:wrap}
.wmkc-content1 .content1-item:nth-child(3),.wmkc-content1 .content1-item:nth-child(4){flex-direction:row-reverse}
.wmkc-content1 .content1-item .img{width:50%}
.wmkc-content1 .content1-item .img img{width:100%;height:100%;object-fit:cover}
.wmkc-content1 .content1-item .info{position:relative;padding:25px 28px;width:50%;background:#f7f7f7;display:flex;flex-direction:column;justify-content:center;transition:background .3s ease}
.wmkc-content1 .content1-item .info::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:0 9px 13px 9px;border-color:transparent transparent #f7f7f7 transparent;left:-15px;transform:rotate(-90deg);transition:all .3s ease}
.wmkc-content1 .content1-item:nth-child(3) .info::before,.wmkc-content1 .content1-item:nth-child(4) .info::before{left:auto;right:-15px;transform:rotate(90deg)}
.wmkc-content1 .content1-item .info .title{color:#222;font-size:var(--fontsize18);font-weight:700;transition:color .3s ease}
.wmkc-content1 .content1-item .info .desc{margin-top:5px;color:#868686;transition:color .3s ease}
.wmkc-content1 .content1-item .info:hover{background:var(--color)}
.wmkc-content1 .content1-item .info:hover::before{border-color:transparent transparent var(--color) transparent}
.wmkc-content1 .content1-item .info:hover .title{color:#fff}
.wmkc-content1 .content1-item .info:hover .desc{color:#fff}
@media (max-width:1440px){.wmkc-content1 .content1-item .info{padding:20px}
.wmkc-content1 .content1-item .info .desc{margin-top:0}}
@media (max-width:1280px){.wmkc-content1 .content1-item{width:100%}
.wmkc-content1 .content1-item:nth-child(2n){flex-direction:row-reverse}
.wmkc-content1 .content1-item:nth-child(3){flex-direction:row}
.wmkc-content1 .content1-item:nth-child(3) .info::before{left:-15px;right:auto;transform:rotate(-90deg)}
.wmkc-content1 .content1-item:nth-child(2n) .info::before{left:auto;right:-15px;transform:rotate(90deg)}}
@media (max-width:768px){.wmkc-content1{padding:0 15px}
.wmkc-content1 .content1-item .info{width:100%}
.wmkc-content1 .content1-item .info::before{display:none}
.wmkc-content1 .content1-item .img{width:100%}}
@media (max-width:500px){.wmkc-content1 .content1-item .info{padding:15px}}
.wmkc-product{position:relative;padding:5% 0}
.wmkc-product .wmkc-des,.wmkc-product .wmkc-title{text-align:center}
.wmkc-product .pro-list{display:flex;flex-wrap:wrap;margin-top:40px}
.wmkc-product .pro-list li{width:23.5%;margin-right:2%;margin-bottom:40px;box-sizing:border-box}
.wmkc-product .pro-list li:nth-child(4n){margin-right:0}
.wmkc-product .pro-list .pro-item{height:100%;padding:15px;border:1px solid #eee;display:flex;flex-direction:column;transition:border .3s ease}
.wmkc-product .pro-list .pro-item:hover{border-color:var(--color)}
.wmkc-product .pro-list .pro-item:hover img{transform:scale(1.05)}
.wmkc-product .pro-list .pro-img{position:relative;padding-top:100%}
.wmkc-product .pro-list .pro-img img{transition:transform .3s ease}
.wmkc-product .pro-list .img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
.wmkc-product .pro-list .pro-info{padding:20px 10px 0;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.wmkc-product .pro-info .pro-name{color:var(--fontcolor);font-size:var(--fontsize18);font-weight:700;line-height:1.3;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmkc-product .pro-info .pro-more{margin-top:15px;width:100%;display:block;color:var(--fontcolor);font-size:var(--fontsize14);background:#f2f2f2;text-align:center;height:40px;line-height:40px;text-transform:none;transition:color .3s ease,background .3s ease}
.wmkc-product .pro-info .pro-more:hover{color:#fff;background:var(--color)}
.wmkc-product .product-more{text-align:center}
.wmkc-product .product-more .more-btn{display:inline-block;margin:10px auto 0;padding:10px 50px;background:#fff;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
.wmkc-product .product-more .more-btn:hover{background:var(--color);border-color:var(--color);color:#fff}
.wmkc-product .product-more .more-btn em,.wmkc-product .product-more .more-btn i{display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media (max-width:1280px){.wmkc-product .pro-list{margin-top:30px}
.wmkc-product .pro-list li{margin-bottom:25px}
.wmkc-product .pro-list .pro-info{padding-top:15px}
.wmkc-product .product-more .more-btn{padding:8px 35px}}
@media (max-width:1024px){.wmkc-product{padding:40px 0}
.wmkc-product .pro-list{margin-top:20px}
.wmkc-product .pro-list li{width:32%;margin-bottom:2%}
.wmkc-product .pro-list li:nth-child(4n){margin-right:2%}
.wmkc-product .pro-list li:nth-child(3n){margin-right:0}}
@media (max-width:768px){.wmkc-product .pro-list{justify-content:space-between}
.wmkc-product .pro-list li{width:49%;margin-right:0}
.wmkc-product .pro-list .pro-item{margin-right:0}
.wmkc-product .pro-list li:nth-child(4n){margin-right:0}
.wmkc-product .pro-info .pro-name{font-size:var(--fontsize16);-webkit-line-clamp:3}
.wmkc-product .pro-info .pro-more{font-size:var(--fontsize14)}
.wmkc-product .product-more .more-btn{padding:5px 25px}}
@media (max-width:500px){.wmkc-product .pro-list .pro-item{padding:10px}
.wmkc-product .pro-info .pro-more{height:35px;line-height:35px}}
.wmkc-appli{position:relative;background-color:#f6f6f6}
.wmkc-appli::before{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);max-width:1920px;width:100%;height:861px;background-image:url("https://css02.v15cdn.com/m420/images/appli_bg.webp");background-repeat:no-repeat;background-position:center bottom;background-size:100%;z-index:1}
.wmkc-appli .sol-top{position:relative;background:url("/uploads/45012/page/p202512151522433bd42.webp") repeat-x left top;z-index:2}
.wmkc-appli .sol-top .wmkc-title{color:#fff;font-size:38px;padding:65px 0 55px;text-align:center}
.wmkc-appli .sol-swiper{padding-bottom:60px}
.wmkc-appli .sol-swiper .swiper-slide{display:flex}
.wmkc-appli .sol-swiper .sol-l{width:46.9%}
.wmkc-appli .sol-swiper .sol-img{height:100%}
.wmkc-appli .sol-swiper .sol-img img{width:100%;height:100%;object-fit:cover}
.wmkc-appli .sol-swiper .sol-r-wrap{padding:10% 11% 10% 9%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}
.wmkc-appli .sol-swiper .sol-r{flex:1;background:#fff}
.wmkc-appli .sol-swiper .sol-title{margin-bottom:15px;color:#222;font-size:36px;font-weight:700;text-transform:capitalize;line-height:1.3}
.wmkc-appli .sol-swiper .sol-con{color:#868686;line-height:1.7em;margin-bottom:35px}
.wmkc-appli .sol-swiper .more-btn{padding:11px 33px;font-size:var(--fontsize14);text-transform:uppercase}
.wmkc-appli .sol-swiper .swiper-pagination{bottom:0}
.wmkc-appli .sol-swiper .swiper-pagination-bullet{width:9px;height:9px;background:var(--color)}
.wmkc-appli .advan{position:relative;padding:4% 0;z-index:2}
.wmkc-appli .advan .wmkc-title{margin-bottom:5px;text-align:center}
.wmkc-appli .advan .wmkc-des{text-align:center}
.wmkc-appli .advan .advan-list{margin:55px -10px 0;display:flex;flex-wrap:wrap}
.wmkc-appli .advan .advan-list li{width:20%;padding:0 10px;box-sizing:border-box}
.wmkc-appli .advan .advan-item{position:relative;padding:30px 20px 40px;box-sizing:border-box;height:100%;background:#fff}
.wmkc-appli .advan .advan-item:after{content:"";position:absolute;display:block;height:0;width:0;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.wmkc-appli .advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.wmkc-appli .advan .advan-item .tit{margin:20px 0;height:48px;color:#222;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmkc-appli .advan .advan-item img{width:100%}
.wmkc-appli .advan .advan-item .con{margin-top:20px;text-align:left;color:#666;line-height:1.6}
.wmkc-appli .advan .advan-icon{margin:0 auto;width:55px;height:55px;color:var(--color);font-size:var(--fontsize18);font-weight:700;border-radius:5px;background:#f6f6f6;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
.wmkc-appli .advan .advan-item:hover .advan-icon{color:#fff;background:var(--color)}
.wmkc-appli .advan .advan-item:hover .advan-icon .qa{background-position:-36px 0}
.wmkc-appli .advan .advan-item:hover .advan-icon .gs{background-position:-108px 0}
.wmkc-appli .advan .advan-item:hover .advan-icon .rn{background-position:-180px 0}
.wmkc-appli .advan .advan-item:hover .advan-icon .fd{background-position:-252px 0}
.wmkc-appli .advan .advan-icon .gs{background-position:-72px 0}
.wmkc-appli .advan .advan-icon .rn{background-position:-144px 0}
.wmkc-appli .advan .advan-icon .fd{background-position:-216px 0}
@media (max-width:1440px){.wmkc-appli::before{top:35%}
.wmkc-appli .sol-top .wmkc-title{font-size:32px}
.wmkc-appli .sol-swiper .sol-title{font-size:var(--fontsize30)}
.wmkc-appli .advan .advan-list{margin-top:40px}
.wmkc-appli .advan .advan-item{padding:30px 10px}
.wmkc-appli .advan .advan-item .tit{margin:15px 0}
.wmkc-appli .advan .advan-item .con{margin-top:15px}}
@media (max-width:1280px){.wmkc-appli::before{top:20%}
.wmkc-appli .advan .advan-list{margin-top:20px}
.wmkc-appli .advan .advan-list li{width:calc(100% / 3);margin-top:15px}}
@media (max-width:1024px){.wmkc-appli .sol-top .wmkc-title{padding:4vw 0 3vw}
.wmkc-appli .sol-swiper .sol-title{font-size:var(--fontsize24)}
.wmkc-appli .sol-swiper .sol-r-wrap{padding:30px}
.wmkc-appli .sol-swiper .sol-con{margin-bottom:20px}
.wmkc-appli .sol-swiper .more-btn{padding:8px 25px}
.wmkc-appli .advan{padding:5vw 0}}
@media (max-width:768px){.wmkc-appli .sol-top{background-size:auto 30%;background-position:top 0 center}
.wmkc-appli .sol-swiper{padding-bottom:50px}
.wmkc-appli .sol-swiper .swiper-slide{display:block}
.wmkc-appli .sol-top .wmkc-title{font-size:var(--fontsize26)}
.wmkc-appli .sol-swiper .sol-l{width:100%}
.wmkc-appli .sol-swiper .sol-r-wrap{padding:20px}
.wmkc-appli .sol-swiper .sol-title{margin-bottom:10px;font-size:var(--fontsize20)}
.wmkc-appli .sol-swiper .sol-title br{display:none}
.wmkc-appli .sol-swiper .sol-con{font-size:var(--fontsize16);margin-bottom:15px}
.wmkc-appli .sol-swiper .more-btn{padding:6px 20px;font-size:var(--fontsize13)}
.wmkc-appli .more-btn{font-size:var(--fontsize14);padding:10px 30px}
.wmkc-appli .advan .wmkc-des br{display:none}
.wmkc-appli .advan .advan-list>li{width:50%;margin-bottom:0;padding:0 1vw}
.wmkc-appli .advan .advan-list{margin:0 -2vw}
.wmkc-appli .advan .advan-item .tit{font-size:var(--fontsize18);height:43px}
.wmkc-appli .advan .advan-item .con{margin-top:10px;font-size:var(--fontsize14)}}
@media (max-width:540px){.wmkc-appli .advan .advan-list>li{width:100%}
.wmkc-appli .advan .advan-item{padding:15px 10px 20px}
.wmkc-appli .advan .advan-icon{width:46px;height:46px;font-size:var(--fontsize16)}
.wmkc-appli .advan .advan-item .tit{margin:10px 0;height:auto}}
.wmkc-workshop{position:relative;padding:4.5% 0}
.wmkc-workshop .wmkc-title{text-align:center}
/* .wmkc-workshop .workshop-list{margin-top:35px;display:flex;justify-content:space-between;flex-wrap:wrap} */
.wmkc-workshop .workshop-list{margin-top:35px;display:grid;grid-template-columns: repeat(4,1fr);gap: 20px;}
/* .wmkc-workshop .workshop-list li{margin-bottom:20px;width:24%;overflow:hidden} */
.wmkc-workshop .workshop-list li{overflow:hidden}
/* .wmkc-workshop .workshop-list li:nth-last-child(-n+2){margin-bottom:0;width:49.3%} */
.wmkc-workshop .workshop-list li img{width:100%;height: 100%;transition:all .3s ease}
.wmkc-workshop .workshop-list li:hover img{transform:scale(1.04)}
.wmkc-workshop .workshop-list li:nth-last-child(1){grid-column: 3 / span 2;}
.wmkc-workshop .workshop-list li:nth-child(-n+6){aspect-ratio: 1;}
@media (max-width:1280px){.wmkc-workshop .workshop-list{margin-top:20px}
/* .wmkc-workshop .workshop-list li{margin-bottom:15px} */
}
@media (max-width:1024px){.wmkc-workshop{padding:40px 0}}
@media (max-width:768px){.wmkc-workshop .workshop-list{margin-top:15px}
/* .wmkc-workshop .workshop-list li{width:49.3%;margin-bottom:10px} */
/* .wmkc-workshop .workshop-list li{margin-bottom:10px} */
.wmkc-workshop .workshop-list{grid-template-columns: repeat(2,1fr)}
.wmkc-workshop .workshop-list li:nth-last-child(1){grid-column: 1 /  3;}
}
@media (max-width:500px){.wmkc-workshop{padding:30px 0}
.wmkc-workshop .workshop-list li{width:100%}
/* .wmkc-workshop .workshop-list li:nth-last-child(2){margin-bottom:10px}
.wmkc-workshop .workshop-list li:nth-last-child(-n+2){width:100%} */
}
.wmkc-new{position:relative;padding:0 0 4% 0}
.wmkc-new .wmkc-des,.wmkc-new .wmkc-title{text-align:center}
.wmkc-new .new-list{display:flex;flex-wrap:wrap;margin:36px 0 0}
.wmkc-new .new-list li{width:32%;margin-right:2%;padding:0;box-sizing:border-box}
.wmkc-new .new-list li:last-child{margin-right:0}
.wmkc-new .new-item{box-shadow:0 0 70px 0 rgba(184,184,184,.33);padding-bottom:15px}
.wmkc-new .new-item .new-img:hover img{transform:scale(1.05)}
.wmkc-new .new-img{position:relative;overflow:hidden;display:block}
.wmkc-new .new-img img{display:block;width:100%;height:auto}
.wmkc-new .new-date{position:absolute;left:15px;bottom:0;padding:5px 10px;font-size:var(--fontsize14);color:#fff;background:var(--color)}
.wmkc-new .new-date i{margin-right:6px}
.wmkc-new .new-more{margin:0 20px;font-size:var(--fontsize14);display:flex;justify-content:space-between;text-transform:lowercase}
.wmkc-new .new-more i{font-weight:var(--fontbold6);transform:rotate(180deg)}
.wmkc-new .new-title{margin:15px;padding-bottom:15px;border-bottom:1px solid #eee;font-size:var(--fontsize18);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmkc-new .new-title:hover{color:var(--color)}
@media (max-width:1440px){.wmkc-new .new-title{margin:12px}}
@media (max-width:1280px){.wmkc-new .new-list{margin-top:25px}}
@media (max-width:1024px){.wmkc-new{padding:0 0 40px 0}}
@media (max-width:768px){.wmkc-new .new-list{margin-top:15px;justify-content:space-between}
.wmkc-new .new-list li{width:48.5%;margin-bottom:15px;margin-right:0}
.wmkc-new .new-list li:last-child{margin-bottom:0}
.wmkc-new .new-date{font-size:var(--fontsize12);padding:2px 5px;left:10px}
.wmkc-new .new-item{padding-bottom:1px}
.wmkc-new .new-title{font-size:var(--fontsize16)}
.wmkc-new .new-more{font-size:var(--fontsize14);margin:10px}
.wmkc-new .new-more i{font-size:var(--fontsize14)}}
@media (max-width:540px){.wmkc-new{padding:0 0 30px 0}
.wmkc-new .new-list li{width:100%}}
.wmkc-title.content1-title{text-align:center;margin-bottom:15px;}