@charset "utf-8";
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
#aboutswiper .swiper-slide{display:flex}
#wmkc-product{padding:4% 0;overflow:hidden}
#wmkc-product .hotproduct-l{box-sizing:border-box}
#wmkc-product .l-wrap{display:flex;flex-wrap:wrap}
.hotproduct-l{width:23%;padding-right:3%}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
#wmkc-product .home-title{font-size:26px;font-weight:var(--fontbold6);color:#111;text-transform:capitalize}
.hotprocate{border-left:1px solid #bfbfbf;margin:30px 0 60px;padding-right:10%}
.hotprocate li{padding:10px 0 10px 20px;position:relative;font-size:16px;color:#111;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0;left:0;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
#wmkc-product .home-more{display:block;width:160px;font-size:13px;border:1px solid var(--color);text-align:center;color:var(--color);padding:8px 0;text-transform:uppercase;transition:all .2s ease-in-out}
.hotpro-list{display:flex;justify-content:space-between;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0;left:0;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:24%;margin-bottom:15px;border:1px solid #ccc}
.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-box{box-sizing:border-box;position:absolute;bottom:-70px;background:rgba(42,42,42,.85);color:#fff;padding:8px 15px;width:100%;display:flex;justify-content:space-between;left:0;align-items:center;transition:all .2s ease-in-out}
.hotpro-list li:hover .hotpro-box{bottom:0}
.hotpro-title{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:50px}
.hotpro-box em,.hotpro-box i{font-size:24px;transform:rotate(180deg)}
#aboutswiper .aboutmav{position:absolute;z-index:9999;bottom:0;left:50%;transform:translateX(-50%);width:auto}
@media (max-width:1024px){.hotprocate,.hotproduct-l{padding-right:0}
.hotproduct-l{padding-bottom:6%}
.hotproduct-l,.hotproduct-r{width:100%}
.hotpro-list li{width:49%}
#aboutswiper .aboutmav{display:none}}
#tags{justify-content:center}
#tags li{margin:10px 15px}
#tags li a{border:1px solid var(--color);color:var(--color);padding:2px 25px;border-radius:30px;min-width:264px;text-align:center;box-sizing:border-box}
#tags li.selectTag a,#tags li:hover a{background:var(--color);color:#fff}
@media (max-width:768px){#tags li{margin:6px}
#tags li a{line-height:30px;padding:2px 20px;min-width:inherit;font-size:16px}}
@media (min-width:1081px){.head-main .l-wrap{position:static}
li#liproducts{position:static}
li#liproducts:hover .submenu.nav1{display:flex!important}
.head-nav .submenu.nav1{max-width:100%;width:100%;padding:25px 50px;background:#fff;box-sizing:border-box}
.head-nav .submenu.nav1>li{width:23%;margin-right:2.666%}
.head-nav .submenu.nav1>li:nth-child(4n){margin-right:0}
.head-nav .submenu.nav1>li a{background:0 0;color:#000}
.head-nav .submenu.nav1>li>a{border-bottom:1px solid #ccc;padding:10px;font-weight:700}
.head-nav .submenu.nav1>li ul li a{padding:8px 10px}
.head-nav .submenu.nav1>li a:hover{color:var(--color)}}
@media (min-width:1280px){.head-nav .submenu.nav1{padding:25px calc(50% - 600px)}}
@media (min-width:1471px){.head-nav .submenu.nav1{padding:25px calc(50% - 700px)}}
@media (min-width:1681px){.head-nav .submenu.nav1{padding:25px calc(50% - 800px)}}
.pro-detail .pro-detail-content table{max-width:100%}
.pro-detail .pro-detail-content .table td *{line-height:1.5!important}
@media (max-width:768px){#aboutswiper .swiper-slide{flex-wrap:wrap}
#about .about-img{padding-top:0}
.hotpro-box{bottom:0;padding:6px}
.hotpro-list{justify-content:space-between}
.hotpro-list li{margin-right:0}}
.document-content .kche-wrap-bg .kche-flex-jc-sb{display:flex;flex-wrap:wrap}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item3{width:32%;margin-right:2%}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item3:nth-child(3n){margin-right:0}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item2{width:49%;margin-right:2%}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item2:nth-child(2n){margin-right:0}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item a{display:block}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item img{width:100%;display:block}
@media (max-width:768px){.document-content .kche-wrap-bg .kche-flex-jc-sb{justify-content:space-between}
.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item2,.document-content .kche-wrap-bg .kche-flex-jc-sb .kche-flex-item3{width:49%;margin-bottom:10px;margin-right:0}}
.document-content.project article{max-width:1200px;margin:0 auto}
.wmkc-bg-kcbe{margin:0 auto;max-width:1200px}
#evaluate{margin:50px 0}
.evaluateSwiper{margin-top:30px;max-width:1400px}
.evaluateSwiper .swiper-slide{text-align:center}
.evaluate-pic{position:relative;width:100%;padding-bottom:90%}
.evaluate-pic img{width:90%;height:100%;position:absolute;top:0;left:50%;object-fit:cover;transform:translateX(-50%)}
.evaluate-name{color:var(--color);margin:10px 0 5px;line-height:1.3}
.evaluate-name span{margin-left:6px}
.evaluate-txt{line-height:1.3}
.evaluate-des{margin-top:10px}
.evalbtn{display:flex;justify-content:center;margin-top:35px}
.evalbtn>div{width:46px;height:30px;background:#eee;margin:0 10px;cursor:pointer;position:relative;border-radius:6px;box-shadow:1px 1px 5px #aaa}
.evalbtn>div:after{content:'';width:8px;height:8px;border:2px solid #666;border-left:none;border-bottom:none;transform:rotate(225deg);position:absolute;top:10px;left:19px}
.evalbtn>div.eval-next:after{transform:rotate(45deg);left:15px}
.evalbtn>div.swiper-button-disabled{opacity:.65}
@media (min-width:1025px){.evaluateSwiper .swiper-slide{padding:0 10px;box-sizing:border-box}}
@media (min-width:769px){.evalbtn{display:none}}
@media (max-width:768px){.evaluateSwiper{margin-top:20px}}
@media (min-width:1081px){.evaluate-pic{margin:0 auto;width:150px;height:150px;padding:0}}
.wmkc-phone:hover{background:#20b4f7}
.wmkc-phone .wmkc-icon{background:url(/Content/C_IMG/Common/mob-b.png) no-repeat center;background-size:24px}
.wmkc-phone:hover .wmkc-icon{background-image:url(/Content/C_IMG/Common/mob-b-w.png)}
.inner-banner h1{position:absolute;top:0;left:5%}
.evaluate-des>a{text-decoration:revert}
.evaluate-des:hover a{color:var(--color);text-decoration:none}
.document-main .project-list .project-name{word-break:break-word;-webkit-line-clamp:1;overflow:hidden;height:auto}
.head-contact .wmkc-whatspp{display:flex;align-items:center;position:relative}
.head-contact .wmkc-whatspp::after{content:"";position:absolute;width:22px;height:1px;left:-38px;top:50%;background:#646464}
.foot-main{font-size:14px}
.foot-feedback input::-webkit-input-placeholder{font-size:13px}
.foot-feedback input:-moz-placeholder{font-size:13px}
.foot-feedback input::-moz-placeholder{font-size:13px}
.foot-feedback input:-ms-input-placeholder{font-size:13px}
.foot-main .l-wrap{justify-content:space-between}
.foot-main .foot-item{width:auto;max-width:17%}
.foot-main .foot-item:nth-child(n+5){max-width:11%}
.foot-cate ul>li{width:calc(50% - 16px)}
.foot-cate ul>li:nth-child(2n){margin-right:0}
.foot-feedback .feedback-input{width:100%;box-sizing:border-box}
.foot-item.foot-qr img{width:130px}
.foot-contact .icon{margin-right:10px}
.foot-contact .con{width:calc(100% - 50px)}
.foot-main .foot-title img{max-width:100%}
@media (max-width:1280px){.foot-main .foot-item{margin:10px 0;width:32%;max-width:32%}
.foot-main .foot-item:nth-child(n+5){max-width:32%;width:32%}}
@media (max-width:1024px){.foot-main .foot-item,.foot-main .foot-item:nth-child(n+5){max-width:48%;width:48%}}
@media (max-width:768px){.foot-main .foot-item,.foot-main .foot-item:nth-child(n+5){max-width:100%;width:100%}
.foot-item.foot-qr{display:none}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
#home-swiper .swiper-slide-active img{animation:bannerimg 6s forwards}
li#liwhy-us>a{pointer-events:none}
@media (min-width:769px){.advan .title{max-width:75%}}
.pro-detail .pro-detail-content table.border-no-bot td{border-bottom:none;}
@media (min-width:768px){.head-nav .submenu.nav1>li ul{left:0;top:100%;background:#fff}
}