@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage210-page1 .wmpage210-page1-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:44%;position:relative;z-index:2}
.wmpage210-page1 .wmpage210-page1-left img{position:relative;display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:5/4;border-radius:10px}
.wmpage210-page1 .wmpage210-page1-left::after{background:rgba(255,255,255,.4);content:'';position:absolute;left:0;top:0;width:100%;height:0;opacity:1;z-index:1;pointer-events:none}
.wmpage210-page1 .wmpage210-page1-left:hover::after{opacity:0;height:100%;transition:all .4s linear}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{display:inline-flex;justify-content:center;flex-direction:column;align-items:center;min-width:200px;height:170px;padding:0 20px;background:var(--color);position:absolute;right:-30px;top:-30px;border-radius:8px;z-index:3}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-num{font-size:var(--wmpage-font36);font-weight:var(--fontbold6);color:#fff;line-height:1.1}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-title{color:#fff}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:50%}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text{display:flex;align-items:center;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font15)}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-text em{margin-right:5px}
.wmpage210-page1 .wmpage210-page1-right .wmpage-title{color:var(--wmpage-color22);margin:3px 0 8px}
.wmpage210-page1 .wmpage210-page1-right .wmpage210-page1-desc{color:var(--wmpage-color8);margin-bottom:15px}
.wmpage210-page1 .wmpage210-page1-right ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage210-page1 .wmpage210-page1-right ul li{width:50%;display:flex;align-items:center;margin-top:8px;color:var(--wmpage-color8);font-weight:var(--fontbold6)}
.wmpage210-page1 .wmpage210-page1-right li em{color:var(--color);margin-right:8px;font-weight:var(--fontbold5)}
.wmpage210-page1 .wmpage210-page1-btn a{display:inline-flex;justify-content:center;position:relative;align-items:center;padding:0 20px;min-width:160px;height:50px;z-index:1;transition:.5s;overflow:hidden;border:1px solid #a6a6a6;background-color:#fff;font-size:var(--wmpage-font17);text-transform:uppercase;color:#fff;font-weight:var(--fontbold6);-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);margin-top:35px;border-radius:5px}
.wmpage210-page1 .wmpage210-page1-btn a:after{display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;position:absolute;content:'';cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:var(--color);background-image:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);mask:url(https://img01.v15cdn.com/singletem/wmpage210/wmpage210-page1-img2.webp);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;z-index:-1;-webkit-mask-position-x:0;-webkit-mask-position-y:0;transition:mask-position .7s steps(22),-webkit-mask-position .7s steps(22);filter: grayscale(1);}
.wmpage210-page1 .wmpage210-page1-btn a:hover{color:var(--color)}
.wmpage210-page1 .wmpage210-page1-btn a:hover:after{animation:page1 .7s steps(22) forwards}
.wmpage210-page1 .wmpage210-page1-btn a:not(:hover):after{animation:page1-reverse .7s steps(22) forwards}
@keyframes page1{0%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
100%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
}
@keyframes page1-reverse{0%{mask-position:0 0;-webkit-mask-position-x:100%;-webkit-mask-position-y:0}
100%{mask-position:100% 0;-webkit-mask-position-x:0;-webkit-mask-position-y:0}
}
@media screen and (max-width:1024px){.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-left{width:100%;margin-bottom:30px}
.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card{left:0;top:0;right:auto;border-radius:0 8px 0 0}
.wmpage210-page1 .wmpage210-page1-box .wmpage210-page1-right{width:100%}
}
@media screen and (max-width:500px){.wmpage210-page1 .wmpage210-page1-right ul li{width:100%}
.wmpage210-page1 .wmpage210-page1-left img{height:400px}
}
.wmpage200-page1 .wmpage200-page1-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmpage200-page1 .wmpage200-page1-box .wmpage200-page1-left{width:45%}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-text{position:relative;display:inline-flex;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;padding:0 35px}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-text::before{position:absolute;content:'';width:28px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-text::after{position:absolute;content:'';width:28px;height:2px;background:var(--color);right:0;top:50%;transform:translateY(-50%)}
.wmpage200-page1 .wmpage200-page1-left .wmpage-title{color:var(--wmpage-color22);margin:5px 0 10px}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-desc{color:var(--wmpage-color8)}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-list li{display:flex;align-items:center;margin-top:10px;padding:15px 0 20px}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-list li:nth-child(-n+2){border-bottom:1px solid #eaf0ec}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-icon{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background:#eaf0ec;transition:all .2s linear;margin-right:15px}
.wmpage200-page1 .wmpage200-page1-left li:hover .wmpage200-page1-icon{background:var(--color)}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-icon em{color:var(--color);font-size:var(--wmpage-font20);width: var(--wmpage-font20);transition:all .2s linear;line-height: 1;}
.wmpage200-page1 .wmpage200-page1-left li:hover .wmpage200-page1-icon em{color:#fff;transform:rotateY(180deg)}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-info{flex:1}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-info p:first-child{font-weight:bold;font-size:var(--wmpage-font18);text-transform: capitalize;}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;border-radius:5px;background:var(--color);color:#ffff;font-weight:var(--fontbold6);margin-top:30px;z-index:1;overflow:hidden}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-btn a::before{position:absolute;content:'';width:0;height:50%;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .2s linear}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-btn a::after{position:absolute;content:'';width:0;height:50%;right:0;bottom:0;background:var(--wmpage-color22);z-index:-1;transition:all .2s linear}
.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-btn a:hover::after,.wmpage200-page1 .wmpage200-page1-left .wmpage200-page1-btn a:hover::before{width:100%}
.wmpage200-page1 .wmpage200-page1-box .wmpage200-page1-right{width:50%}
.wmpage200-page1 .wmpage200-page1-right{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item{position:relative;overflow:hidden}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item::before{content:'';position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item:hover::before{height:250%;transition:all .6s linear;background-color:transparent}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item:nth-child(1){width:59%;height:auto}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item img{width:100%;height:100%;object-fit:cover}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item:nth-child(2){width:39%}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item:nth-child(3){width:69%;margin-top:15px}
.wmpage200-page1 .wmpage200-page1-right .wmpage200-page1-item:nth-child(4){width:29%;margin-top:15px}
@media screen and (max-width:1024px){.wmpage200-page1 .wmpage200-page1-box .wmpage200-page1-left{width:100%;margin-bottom:30px}
.wmpage200-page1 .wmpage200-page1-box .wmpage200-page1-right{width:100%}
}
.wmpage210-page1{padding:4% 0}
.wmpage210-page1 .wmpage210-page1-right ul li{align-items:flex-start}
@media (min-width:501px){.wmpage210-page1 .wmpage210-page1-right ul li{width:48%;}}
.wmpage200-page1 .common-title{color:#000;text-align:left}
.wmpage200-page1{padding-top:3%}
.wmpage200-page1 .wmpage200-page1-box .wmpage200-page1-right img{width:100%}
@media (max-width:768px){.wmpage200-page1{padding:20px 0 40px}}

.news-pro{position:relative;padding:3% 0}
.news-pro ul{flex-wrap:wrap;}
.news-pro li{width:23.5%;margin-right:2%;margin-bottom:30px}
.news-pro li:nth-child(4n){margin-right:0}
@media (max-width:1024px){
.news-pro{padding:30px 0}
}
@media (max-width:768px){
.news-pro li{width:48.5%;margin-right:0;margin-bottom:20px}
}

.project{padding:3% 0}
.project-swiper{margin-top:0}
@media (max-width:1024px){
.project{padding:30px 0}
}
.wmpage242-page1 .contact-top{display:flex;justify-content:space-between;flex-wrap:wrap;padding:5% 0;position:relative;z-index:1;align-items:center}
.wmpage242-page1 .contact-top .contact-info{width:48%}
.wmpage242-page1 .contact-top .contact-info .title{font-size:30px;font-weight:var(--fontbold7)}
.wmpage242-page1 .contact-top .contact-info .txt{margin:20px 0}
.wmpage242-page1 .contact-top .contact-info .line{width:80px;height:2px;background-color:var(--color);display:block;margin-bottom:20px}
.wmpage242-page1 .contact-top .contact-info .tit{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7);margin-bottom:20px}
.wmpage242-page1 .contact-top .contact-info .txt-list li{margin-bottom:10px}
.wmpage242-page1 .contact-top .contact-info .txt-list li em{color:var(--color);font-weight:var(--fontbold7);margin-right:6px}
.wmpage242-page1 .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage242-page1 .wmkcfeedback .wmkcfb-fileupload,.wmpage242-page1 .wmkcfeedback input,.wmpage242-page1 .wmkcfeedback textarea{outline:0;border-radius:5px;border:none;background-color:#fff;height:48px;padding:10px;margin-bottom:1em;font-family:inherit;border:1px solid #eaeaea;font-size:var(--fontsize14);transition:all .1s linear;font-size:16px}
.wmpage242-page1 .contact1-inquiry .wmkcfeedback input,.wmpage242-page1 .contact1-inquiry .wmkcfeedback textarea,.wmpage242-page1 .wmkcfeedback .wmkcfb-fileupload{margin-bottom:10px;width:100%}
.wmpage242-page1 .contact-top .contact-wmkcfeedback{width:48%;padding:40px 60px;background-color:#fff;border-radius:3px;box-shadow:0 5px 46px 3px rgba(205,205,205,.44)}
.wmpage242-page1 .contact-top .contact-wmkcfeedback .title{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7)}
.wmpage242-page1 .contact-wmkcfeedback .wmkcfeedback .inquiry-form>*{width:100%}
.wmpage242-page1 .contact-wmkcfeedback .wmkcfeedback .wmkcfb-fileupload,.wmpage242-page1 .contact-wmkcfeedback .wmkcfeedback input,.wmpage242-page1 .contact-wmkcfeedback .wmkcfeedback textarea{background-color:#f8f8f8;width:100%}
.wmpage242-page1 .contact-wmkcfeedback .wmkcfeedback .send-btn{width:100%;color:#fff}
.wmpage242-page1 .wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.wmpage242-page1 .wmkcfeedback .send-btn{margin:0 auto;min-width:250px;height:48px;border-radius:5px;font-size:var(--fontsize16);background:var(--color);color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden}
@media screen and (max-width:1024px){.wmpage242-page1 .contact-top .contact-info{width:100%}
.wmpage242-page1 .contact-top{padding:40px 0}
.wmpage242-page1 .contact-top .contact-wmkcfeedback{width:100%;margin-top:20px}
.wmpage242-page1 .contact-top .contact-info .title{font-size:var(--fontsize24)}
.wmpage242-page1 .contact-top .contact-info .tit{font-size:var(--fontsize20)}
.wmpage242-page1 .contact-top .contact-wmkcfeedback .title{font-size:var(--fontsize20)}
}
@media screen and (max-width:768px){.wmpage242-page1 .contact-top .contact-wmkcfeedback{padding:20px}
}
.wmpage242-page1 {margin-top:4%;background:#f5f5f5}
.wmpage242-page1 *{box-sizing:border-box}
.wmpage242-page1 .contact-top .contact-info{padding:0}

@media screen and (max-width: 1024px) {.wmpage210-page1 .wmpage210-page1-left .wmpage210-page1-card {left: auto;right: 0;}}