@import url(https://js01.v15cdn.com/single-template/public.css);
.wmkc-abtit{font-size:46px;font-weight:var(--fontbold6)}
@media (max-width:1080px){.wmkc-abtit{font-size:24px;}}
@media (min-width:1200px) {.wmkc-about  .wmkc-aboutwarp { padding-left: 6%;}}
@media (min-width:1081px){.wmkc-ableft{width:50%}
.wmkc-abright{width:50%;}}
@media (max-width:1500px) and (min-width:1081px){.wmkc-abright{padding-top:0;padding-bottom:0}}
@media (min-width:1701px){.wmkc-abright>p{font-size:21px;line-height:40px}}
@font-face{font-family:iconfont2;src:url(https://css02.v15cdn.com/m415/fonts/iconfont.woff2?t=1743384246554) format('woff2'),url(https://css02.v15cdn.com/m415/fonts/iconfont.woff?t=1743384246554) format('woff'),url(https://css02.v15cdn.com/m415/fonts/iconfont.ttf?t=1743384246554) format('truetype')}
.touch .iconfont{font-family:iconfont2!important;font-style:normal;}
.icon-weizhixinxi:before{content:"\e60b"}
.icon-tel:before{content:"\e606"}
.icon-email3:before{content:"\e61b"}
.icon-date:before{content:"\e61e"}
.flex{display:flex;flex-wrap:wrap}
.touch{padding:0 50px 50px;overflow:hidden;background:#363636;}
.touch-l{width:72%;padding:2% 5% 0px 0px;color:var(--headercolor)}
.touch-tit{font-size:var(--fontsize28);font-weight:var(--fontbold6);color:var(--headercolor);margin-bottom:10px}
.touch-feed{margin-top:4%}
.touch-feed .send-inquiry .inquiry-form input,.touch-feed .send-inquiry .inquiry-form textarea{border:none;border-bottom:1px solid #aaa;background:none;color:var(--headercolor)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:var(--headercolor)!important;}
.touch-feed .wmkcfeedback .send-btn{width:100%;background:var(--color)}
.touch-feed .wmkcfeedback .send-btn::before{background:#000}
.touch-r{background:var(--color);color:var(--headercolor);width:28%;padding:2% 2% 0px}
.touch-r .touch-tit{color:var(--headercolor);margin-bottom:24px}
.touch-list li{display:flex}
.touch-list li i,.touch-list li em{font-size:var(--fontsize30);line-height:1}
.touch-list li>p{flex:1;padding-left:5%}
.touch-list li>p strong{display:block;font-size:var(--fontsize20)}
.touch-list li>p span{display:block;margin:6px 0px 10px}
.touch-list li>p a{color:var(--headercolor)}
@media (max-width:1440px){.touch{padding:0 25px 40px}}
@media (max-width:1280px){.touch{padding:0 15px 40px}}
@media (max-width:1024px){.touch-l{width:100%;padding-right:0px;text-align:center;}
.touch-r{width:100%;padding:20px 15px}
.touch-list li>p{flex:1;padding-left:20px}}
@media (max-width:500px){.touch{padding-top:30px}
.touch-tit{font-size:var(--fontsize24)}
.touch-r .touch-tit{font-size:var(--fontsize22);margin-bottom:15px}
.touch-list li>p{flex:1;padding-left:10px}
.touch-list li>p strong{font-size:var(--fontsize17)}}
.wmpage217-page2 .wmpage217-page2-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-left{width:48%}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-text{position:relative;padding-left:50px;display:inline-block;text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font17);color:var(--color)}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-text::before{position:absolute;content:'';width:40px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage217-page2 .wmpage217-page2-left .wmpage-title{color:var(--wmpage-color22)}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-desc{color:var(--wmpage-color8);margin:10px 0 30px}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-img{position:relative;width:100%;border-radius:30px;overflow:hidden}
.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-img img{position:relative;width:100%;height:auto;object-fit:cover;aspect-ratio:3/2}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right{width:48%;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item{width:47%;position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:20px;overflow:hidden;background:#f7f8fc}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{position:relative;padding:20px 10px;width:calc(100% - 18px);height:calc(100% - 18px);display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin:0 auto;border-radius:20px;border:1px dashed #ddd;transition:all .3s linear;z-index:1}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content::before{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage217/wmpage217-page2-img2.webp) center no-repeat;width:100%;height:100%;background-size:cover;left:0;top:0;z-index:-1;transform:scale(.6);opacity:0;transition:all .3s linear}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:hover .wmpage217-page1-content::before{opacity:1;transform:scale(1)}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:hover .wmpage217-page1-content{border:1px dashed var(--color)}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon{display:inline-flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:10px;overflow:hidden;background:#000;transition:all .2s linear;margin-bottom:10px}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon em{color:#fff;font-size:var(--wmpage-font30);display:block}
.wmpage217-page2 .wmpage217-page2-item:hover .wmpage217-page2-icon{background:var(--color)}
.wmpage217-page2 .wmpage217-page2-item:hover .wmpage217-page2-icon em{animation:page2 1s linear;animation-duration:1s}
@keyframes page2{0%{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(.97,.97,.97)}
100%{opacity:1;transform:scale3d(1,1,1)}
}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-num{font-size:var(--wmpage-font28);font-weight:var(--fontbold6)}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-title{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);color:var(--wmpage-color8)}
@media screen and (max-width:1024px){.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-left{width:100%}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right{width:100%}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n){margin-top:30px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item:nth-child(2n-1){margin-bottom:0;margin-top:30px}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{display:inline-block;padding:30px 2px}
}
.wmkc-about .wmkc-aboutwarp{display:block;padding:0 85px;}
.wmpage217-page2 .wmpage217-page2-box{align-items:center}
.wmpage217-page2 .wmpage217-page2-left .wmpage-title,.wmpage217-page2 .wmpage217-page2-left .wmpage217-page2-desc{color:var(--headercolor);}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon img{filter: brightness(5);width:40%;}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-num{font-size:var(--fontsize22);line-height:1.4}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-title{font-weight:500;font-size:var(--fontsize15);line-height:1.5;}
.wmpage217-page2 .wmpage-lwrap{max-width:100%;padding-left:0;padding-right:0;}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right{align-items:center;}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page2-item{padding:10px;}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{width:100%;height:100%}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info{width:47%;}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info .wmpage217-page2-item{width:100%;}
@media (min-width:1025px){.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info:nth-child(1) .wmpage217-page2-item{margin-bottom:40px}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info:nth-child(2) .wmpage217-page2-item{margin-top:40px}}
@media (max-width:1440px){.wmkc-about .wmkc-aboutwarp{padding:0 45px}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-icon{width:60px;height:60px}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-num{font-size:var(--fontsize20);}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-title{font-size:var(--fontsize14)}}
@media (max-width:1280px){.wmkc-about .wmkc-aboutwarp{padding:0 15px}}
@media (max-width:1024px){.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info .wmpage217-page2-item{width:48%;}
.wmpage217-page2 .wmpage217-page2-item .wmpage217-page2-title{font-size:var(--fontsize15)}}
@media (max-width:768px){.wmpage217-page2 .wmpage217-page2-box .wmpage217-page2-right .wmpage217-page2-info .wmpage217-page2-item{width:100%;}
.wmpage217-page2 .wmpage217-page2-right .wmpage217-page1-content{padding:15px 5px}}
.information-swiper {width:100%}


.wmkc-choapp .choapp-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top:30px;}
.wmkc-choapp .choapp-list>li{width:16.666%;padding:10px;}
.wmkc-choapp .choapp-list>li .inner{perspective: 1000px;position: relative;transform-style: preserve-3d;overflow: hidden;}
.wmkc-choapp .choapp-list>li .inner .inner-img{position: relative;transition: all .6s ease-in-out;}
.wmkc-choapp .choapp-list>li .inner .inner-img:before{content:'';width:100%;height:100%;background:#0000005C;display:block;position: absolute;top:0;left:0;z-indeX:1;}
.wmkc-choapp .choapp-list>li .inner .inner-img img{width:100%;display:block;}
.wmkc-choapp .choapp-list>li .inner .inner-img p{color:#fff;width:100%;position: absolute;top:0;left:0;text-align:center;height:100%;display:flex;justify-content: center;align-items: center;padding:10px;font-weight: var(--fontbold7);font-size:24px;z-index:2;line-height:1.2}
.wmkc-choapp .choapp-list>li .inner .inner-des{transition: all .6s ease-in-out;position: absolute;width:100%;height:100%;text-align: center;display:flex;align-items: center;justify-content: center;transform:none;background:var(--color)}
.wmkc-choapp .choapp-list>li .inner .inner-des a{display:block;color:#fff;text-transform: uppercase;font-size: 20px;font-weight: var(--fontbold7);}
.wmkc-choapp .choapp-list>li .inner .inner-des a em{display:inline-block;transform: rotateY(180deg);}
.wmkc-choapp .choapp-list>li:hover .inner .inner-des a{color:#fff;}
.wmkc-choapp .choapp-list>li:hover .inner .inner-img{transform: translateX(0) translateY(-100%);}
.wmkc-choapp .choapp-list>li:hover .inner .inner-des{transform: translateX(0) translateY(-100%);}
@media (min-width:769px) and (max-width:1700px){.wmkc-choapp .choapp-list>li .inner .inner-img p{font-size:1.4vw;}
.wmkc-choapp .choapp-list>li .inner .inner-des a{font-size:1.5vw;}}
@media (max-width:768px){.wmkc-choapp .choapp-list>li{width:33.333%;}
.wmkc-choapp .choapp-list>li .inner .inner-img p{font-size:14px;}
.wmkc-choapp .choapp-list>li .inner .inner-des a{font-size:16px;}}
@media (max-width:640px){.wmkc-choapp .choapp-list>li{width:50%;padding:7px;}}
.wmkc-home .wmkc-hotpro,.wmkc-about .wmkc-aboutwarp,.wmkc-home .wmkc-choapp,.wmkc-home .touch{margin:0px auto;max-width:1600px;padding-left:0;padding-right:0;}
@media screen and (max-width:1680px){.wmkc-home .wmkc-hotpro,.wmkc-about .wmkc-aboutwarp,.wmkc-home .wmkc-choapp,.wmkc-home .touch{max-width:1400px}}
@media screen and (max-width:1470px){.wmkc-home .wmkc-hotpro,.wmkc-about .wmkc-aboutwarp,.wmkc-home .wmkc-choapp,.wmkc-home .touch{max-width:1200px}}
@media screen and (max-width:1279px){.wmkc-home .wmkc-hotpro,.wmkc-about .wmkc-aboutwarp,.wmkc-home .wmkc-choapp,.wmkc-home .touch{max-width:none;max-width:initial;width:auto;margin:0px 50px}}
@media screen and (max-width:768px){.wmkc-home .wmkc-hotpro,.wmkc-about .wmkc-aboutwarp,.wmkc-home .wmkc-choapp,.wmkc-home .touch{margin:0vw 3vw}}
#wmkc-product{justify-content:space-between}
#wmkc-product li{padding:0;width:24%;}
.wmkc-choapp .choapp-list>li{width:calc(16.666% - 15px);padding:10px 0}
@media (max-width:1024px){#wmkc-product li{width:48%;}
.wmkc-choapp .choapp-list>li{width:calc(33.3333% - 10px);padding:8px 0}}
@media (max-width:640px){.wmkc-choapp .choapp-list>li{width:calc(50% - 5px);padding:5px 0}}
#home-swiper .banner-animote{width:100%;padding:1% 2%;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;opacity:0;text-align:center;background:rgba(0 0 0 / 50%)}
#home-swiper .banner-animote .p1{font-size:3.8vw;font-weight:bold;line-height:1.3;margin:.4vw 0 .6vw}
#home-swiper .banner-animote .p2{font-size:2.4vw;line-height:1.3;}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}100%{opacity:1;margin-top:0px}}
@media (max-width:768px){#home-swiper .banner-animote{padding:10px 15px;}
#home-swiper .banner-animote .p1{font-size:var(--fontsize28);margin:5px 0 10px}
#home-swiper .banner-animote .p2{font-size:var(--fontsize18);}}
@media (max-width:550px){#home-swiper .banner-animote .p1{font-size:var(--fontsize18);margin:2px 0 5px}
#home-swiper .banner-animote .p2{font-size:var(--fontsize12);}}
.home-logo .l-wraps {display: flex;justify-content: space-between;align-items: center;max-width:1600px;margin:0 auto}
.home-logo .home-title {text-align: left;margin: 0;white-space: nowrap;font-weight: 600;}
.home-logo .logo-container {width: calc(100% - 300px);overflow: hidden;}
.home-logo .logoswiper-pagination {display: none}
#logoswiper .swiper-slide{overflow:hidden}
#logoswiper .swiper-slide img{width: 100%;display: block;padding: 10px;height: 100%;}
#logoswiper .swiper-slide img{filter:drop-shadow(0 300px 0 #fff);transform:translateY(-300px)}
#logoswiper .swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
@media screen and (max-width:1680px){.home-logo .l-wraps{max-width:1400px}}
@media screen and (max-width:1470px){.home-logo .l-wraps{max-width:1200px}}
@media screen and (max-width:1279px){.home-logo .l-wraps{max-width:none;max-width:initial;width:auto;margin:0px 50px}}
@media screen and (max-width:768px){.home-logo .l-wraps{margin:0vw 3vw}}
@media (max-width:768px){.home-logo .logo-container{width: 100%;margin-top:20px;margin-bottom:10px}
.home-logo .l-wraps{flex-direction: column;}}