﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage82-page2{position:relative;padding:3% 0;;overflow:hidden}
.wmpage82-page2::after{position:absolute;content:'';width:1920px;height:100%;top:0;left:0;background:#f7f7f7;z-index:-1}
.wmpage82-page2-mySwiper{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage82-page2-mySwiper::after{content:'';position:absolute}
.wmpage82-page2-mySwiper .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}
.wmpage82-page2-title{margin-bottom:25px}
.wmpage82-page2-mySwiper .swiper-slide{height:auto;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;background:#fff;padding:10px}
.wmpage82-page2-mySwiper .swiper-slide img{max-height:130px}
@media (max-width:768px){.wmpage82-page2-title{margin-bottom:15px}
.wmpage82-page2{padding:30px 0}}
.home-are{padding:0 0 3% 0}
.home-are .areflex{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.home-are .areflex .areitem{width:48%;background:#999;border-radius:10px;padding:20px;color:#FFFFFF;position:relative;z-index:1;overflow:hidden;transition:.2s}
.home-are .areflex .areitem:hover{box-shadow: 0 0 20px rgba(0,0,0,.4)}
.home-are .areflex .areitem::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#209344;opacity:.9;z-index:-1}
.home-are .areflex .areitem:nth-child(2)::after{background:var(--color)}
.home-are .areflex .areitem .title{font-size:34px;font-weight:var(--fontbold5)}
.home-are .areflex .areitem ul{padding-left:20px;margin:10px 0 20px}
.home-are .areflex .areitem ul li{list-style:disc}
.home-are .areflex .areitem .home-more{background:0 0;padding:0 0 0 10px;box-shadow:none;min-width:auto}
.home-are .areflex .areitem .home-more:hover::after{display:none}
.home-are .areflex .areitem .home-more em{background:rgba(255,255,255,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:10px;font-size:12px;font-weight:var(--fontbold6)}
@media(max-width:768px){.home-are{padding:0 0 30px 0}
.home-are .areflex .areitem{width:49%}
.home-are .areflex{margin-top:20px}
.home-are .areflex .areitem{width:100%;margin-bottom:20px}
.home-are .areflex .areitem .title{font-size:24px}}
.home-case .homecase-list .swiper-slide .slide-video{position:relative}
.home-case .case-more{text-align:center;margin-top:3%}

.home-product{padding:3% 0;position:relative;background:#e9effe}
.home-product .hotpro{display:none;transform:scale(.8);opacity:0}
.home-product .hotpro.act{display:block;animation:inproducts .5s forwards}
@keyframes inproducts{0%{transform:scale(.8);opacity:0}
100%{transform:scale(1);opacity:1}}
.home-product .l-wrap{position:relative}
.home-product .promore{text-align:center;margin-top:40px}
.home-product .products-pagination{display:none}
.home-product #products{padding:20px 15px}
.home-product .hot-pro-box {margin-top:50px;position: relative;}
.home-product .ps1-next,.home-product .ps1-prev,.home-product .ps2-next,.home-product .ps2-prev,.home-product .ps3-next,.home-product .ps3-prev,.home-product .ps4-next,.home-product .ps4-prev,.home-product .ps5-next,.home-product .ps5-prev{position:absolute;top:50%;transform: translateY(-50%);right:47px;width:45px;height:45px;background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;z-index:9;cursor:pointer;transition:all .2s linear}
.home-product .ps1-next.swiper-button-disabled,.home-product .ps1-prev.swiper-button-disabled,.home-product .ps2-next.swiper-button-disabled,.home-product .ps2-prev.swiper-button-disabled,.home-product .ps3-next.swiper-button-disabled,.home-product .ps3-prev.swiper-button-disabled,.home-product .ps4-next.swiper-button-disabled,.home-product .ps4-prev.swiper-button-disabled,.home-product .ps5-next.swiper-button-disabled,.home-product .ps5-prev.swiper-button-disabled{opacity:0}
.home-product .ps1-next em,.home-product .ps1-next i,.home-product .ps1-prev em,.home-product .ps1-prev i,.home-product .ps2-next em,.home-product .ps2-next i,.home-product .ps2-prev em,.home-product .ps2-prev i,.home-product .ps3-next em,.home-product .ps3-next i,.home-product .ps3-prev em,.home-product .ps3-prev i,.home-product .ps4-next em,.home-product .ps4-next i,.home-product .ps4-prev em,.home-product .ps4-prev i,.home-product .ps5-next em,.home-product .ps5-next i,.home-product .ps5-prev em,.home-product .ps5-prev i{color:#FFFFFF;font-size:18px}
.home-product .ps1-prev,.home-product .ps2-prev,.home-product .ps3-prev,.home-product .ps4-prev,.home-product .ps5-prev{right:auto;left:47px}
.home-product .swiper-slide{width:330px}
.home-product .swiper-slide a{display:block;width:100%;background:#FFFFFF;box-shadow:0 8px 27px 0 rgba(215,215,215,.47);border-radius:10px;transition:all .2s linear;overflow:hidden}
.home-product .swiper-slide a .icon-hottitle {position: absolute; top: 0;left: 0;font-size: 40px;color: var(--color);line-height: 1;z-index: 9}
.home-product .swiper-slide a:hover{box-shadow:0 8px 15px 0 rgba(215,215,215,.47)}
.home-product .swiper-slide a:hover .img img{transform:scale(1.02)}
.home-product .swiper-slide a:hover .more em{background:var(--color);color:#FFFFFF}
.home-product .swiper-slide .img{width:100%;aspect-ratio:1/1}
.home-product .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-product .swiper-slide .info{padding:20px 20px;font-weight:var(--fontbold6)}
.home-product .swiper-slide .info .title{font-size:18px}
.home-product .swiper-slide .info .desc{color:#666666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-top:10px;font-weight: normal;}
.home-product .swiper-slide .info .more{color:var(--color);display:flex;align-items:center;justify-content:space-between;margin-top:10px;text-transform: capitalize;}
.home-product .swiper-slide .info .more em{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#F1F1F1;border-radius:50%;color:#666666;transition:all .2s linear}
@media(max-width:1024px){.home-product .swiper-slide{width:260px}
.home-product .hot-pro-box {margin-top:20px;}}
@media(max-width:768px){.home-product{padding:30px 0}}

@media (min-width:1025px){.home-case .homecase-list .swiper-slide:hover .content{width:55%;height:55%}
.home-case .homecase-list .swiper-slide .content .text a{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.home-case .homecase-list .swiper-slide .content .text .info{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3}
}
.home-case .homecase-list .swiper-slide .content .text{line-height:1.4}
.home-case .homecase-list .swiper-slide .content .text .info{font-size:var(--fontsize14);margin-top:10px}
.home-case .homecase-list .swiper-slide .content .more{margin-top:15px;width:35px;height:35px;display: none;}
.home-are .l-wrap{position:relative}
.home-are .areflex{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 2%;}
.home-are .areflex .areitem::after{background:#f8f8f8}
.home-are .areflex .areitem:nth-child(2)::after{background:#f0f0f0}
.home-are .areflex .areitem{width:49%;background:#f7f8fa;padding:30px 25px;position:relative;z-index:1;transition:.2s ease}
.home-are .areflex .areitem.right-box{border-right:none}
.home-are .areflex .areitem:hover{box-shadow:0 0 20px rgba(0,0,0,.1)}
.home-are .areflex .areitem .item-header{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.home-are .areflex .areitem .icon-badge{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.home-are .areflex .areitem .icon-badge em{line-height:1;font-size:var(--fontsize20);}
.home-are .icon-badge.pink{background:#ffdde0;color:#ff4456}
.home-are .icon-badge.gray{background:#e5e7eb;color:#333}
.home-are .areflex .areitem .title{font-size:var(--fontsize26);line-height:1.4;font-weight:600;color:#111}
.home-are .areflex .areitem .list-con{padding:0;margin:0 0 40px;list-style:none}
.home-are .areflex .areitem .list-con li{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}
.home-are .areflex .areitem .mark{width:22px;height:22px;flex-shrink:0;margin-top:2px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.home-are .mark.cross{color:#ff4456;position:relative;border:1px solid #ff4456;}
.home-are .mark.cross em{font-size:13px;}
.home-are .mark.check{color:#00b87c;position:relative;border:1px solid #00b87c;}
.home-are .areflex .areitem .li-text strong{display:block;font-size:17px;color:#111;margin-bottom:4px}
.home-are .areflex .areitem .li-text p{font-size:14px;color:#555;margin:0;line-height:1.5}
.home-are .areflex .areitem .data-row{display:flex;justify-content:space-between}
.home-are .areflex .areitem .data-item{text-align:left;width:50%;}
.home-are .areflex .areitem .data-label{font-size:14px;color:#666}
.home-are .areflex .areitem .data-val{font-size:32px;font-weight:700}
.home-are .data-val.pink{color:#ff4456}
.home-are .data-val.green{color:#00b87c}
@media(max-width:1024px){
.home-are .areflex .areitem .title{font-size:var(--fontsize20);}
}
@media(max-width:768px){.home-are{padding:0 0 30px 0}
.home-are .home-title{font-size:26px}
.home-are .areflex{margin-top:20px;flex-direction:column}
.home-are .areflex .areitem{width:100%;margin-bottom:20px;border-right:none}
.home-are .areflex .areitem .title{font-size:22px}
.home-are .areflex .areitem .data-val{font-size:26px}
}
.home-adv .des{font-size:var(--fontsize18);line-height:1.4}
@media(min-width:769px){.home-adv{padding-bottom:1.5%}}
@media(max-width:768px){.home-adv .des{font-size:var(--fontsize16)}}
.home-product .swiper-slide .info .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:58px}

.home-inquiry{padding:3% 0}
.wmkcfeedback .inquiry-form{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback .inquiry-form>*{width:49%}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input,.wmkcfeedback textarea{outline:0;border-radius:5px;border:none;background-color:#FFFFFF;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}
.wmkcfeedback input::placeholder,.wmkcfeedback textarea::placeholder{color:#999}
.wmkcfeedback input:focus,.wmkcfeedback textarea:focus{border-color:var(--color,#26609e)!important}
.wmkcfeedback input.input-error,.wmkcfeedback textarea.input-error{border-color:#e00}
.wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.wmkcfeedback .send-btn{margin:0 auto;min-width:250px;height:48px;border-radius:5px;font-size:var(--fontsize16);background:var(--color);color:#FFFFFF;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}
.wmkcfeedback .send-btn:hover{background:#111}
.wmkcfeedback .send-btn[disabled]{background:#eee!important;color:#999!important}
.wmkcfeedback .send-btn[disabled]::before{content:none!important}
.wmkcfeedback .send-btn:hover::after{transform:translate(-50%,-50%) scale(1)}
.wmkcfeedback .select-menu{position:relative;margin-bottom:15px;width:49%}
.wmkcfeedback .select-menu input{margin:0!important;width:100%!important;cursor:pointer}
.wmkcfeedback .select-menu .select-menu-div em{margin-right:5px;position:absolute;right:32px;top:50%;transform:translateY(-50%);transition:all .4s ease}
.wmkcfeedback .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
.wmkcfeedback .select-menu .select-menu-div em::after,.wmkcfeedback .select-menu .select-menu-div em::before{content:"";width:10px;height:2px;background:#999;position:absolute;top:50%;left:0;transform:rotate(45deg)}
.wmkcfeedback .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:6px}
.wmkcfeedback .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;display:none;width:100%;text-align:left;border:1px solid #ddd;background:#FFFFFF;position:absolute;z-index:9}
.wmkcfeedback .select-menu .select-menu-ul li{color:#000;padding:0 20px;line-height:2.5;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.wmkcfeedback .select-menu .select-menu-ul li:hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}
.wmkcfeedback .loading{position:relative;width:18px;height:18px;margin-left:8px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
@keyframes feedbacksenloading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.wmkcfeedback .feed-verification{position:relative;margin-bottom:15px;width:100%;max-width:300px}
.wmkcfeedback .feed-verification input{width:100%!important;margin:0!important}
.wmkcfeedback .feed-verification img{position:absolute;right:20px;top:50%;transform:translateY(-50%);cursor:pointer}
.wmkcfeedback .wmkcfb-fileupload{display:flex;align-items:center;color:#999}
.wmkcfb-fileupload{background-image:url(https://img01.v15cdn.com/choose-file.webp);background-repeat:no-repeat;background-position:right;background-size:auto 55%;cursor:pointer}
@media(max-width:1024px){
.wmkcfeedback .feed-verification{max-width:100%}
.wmkcfeedback .select-menu{width:100%}}
@media(max-width:768px){
.home-inquiry{padding:30px 0}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input{width:100%!important;margin:0 0 10px!important;flex:none!important;height:45px!important;font-size:var(--fontsize16)!important}
.wmkcfeedback textarea{margin-bottom:10px!important;font-size:var(--fontsize16)!important}
.wmkcfeedback .send-btn{width:100%}}
.hot-pro .swiper-wrapper{align-items:stretch}
.hot-pro .swiper-wrapper .swiper-slide{height:auto}
.home-product .swiper-slide a{height:100%}
.home-inquiry{padding-top:0}