﻿@charset "utf-8"; 
.prodetails-content .prodetails-des {display: none}
.wmkc-template-46 .wmkc-flex-row-reverse{align-items:center}
.home-about .l-wrap .about-info h1 {max-width: 600px}
.wmkc-about .top{display:flex;justify-content:space-between}
.wmkc-about .top .info{width:56%}
.wmkc-about .top .info .title{display:flex;align-items:center}
.wmkc-about .top .info .title .num{color:red;font-size:60px}
.wmkc-about .top .info .title .tit{line-height:1.2;font-size:var(--fontsize20);color:#000}
.wmkc-about .top .info .text p{margin-bottom:10px}
.wmkc-about .top .info .text p:last-child{margin-bottom:0}
.wmkc-about .top .info .more{display:inline-block;padding:2px 8px;background-color:red;border-radius:10px;color:#fff;font-size:var(--fontsize20);margin-top:20px}
.wmkc-about .top .img{width:40%}
.wmkc-about .bottom{margin-top:20px;display:flex;justify-content:space-between;padding:35px 40px;background-color:#f6f6f6}
.wmkc-about .bottom .item{display:flex;align-items:center}
.wmkc-about .bottom .item .icon{margin-right:10px}
.wmkc-about .bottom .item .txt .num{font-size:var(--fontsize24);color:#222121;text-align:center;font-weight:var(--fontbold7)}
.wmkc-about .bottom .item .txt .tit{color:#4c4c4c;font-size:var(--fontsize15)}
.home-mainproduct .homepro-list .swiper-slide .info .title{font-size:var(--fontsize20);margin-bottom:0}
.home-mainproduct .homepro-list .swiper-slide .info .text{color:var(--fontcolor);font-size:var(--fontsize15);-webkit-line-clamp:4}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{width:140px;height:28px;border-radius:15px;background-color:red;line-height:1}
.wmkc-project{padding:3% 0}
.wmkc-project .lie{display:block;width:47px;height:3px;background-color:var(--color);margin:10px auto 20px}
.wmkc-project .wmkc-desc{color:#1f1f1f;text-align:center}
.wmkc-project .list{display:flex;justify-content:space-between;margin-top:40px}
.wmkc-project .list .item{width:31%;border-radius:5px;overflow:hidden;border:2px solid #d2d2d2}
.wmkc-project .list .item .img{overflow:hidden;width:100%}
.wmkc-project .list .item .img img{width:100%}
.wmkc-project .list .item .info{padding:10px 15px}
.wmkc-project .list .item .info .tit{color:#1f1f1f;font-size:var(--fontsize20);font-weight:700;margin-bottom:5px}
.wmkc-services{padding:3% 0;background-color:#f4f4f4}
.wmkc-services .l-wrap{display:flex;justify-content:space-between}
.wmkc-services .left-txt{width:47%}
.wmkc-services .left-txt .title{font-size:var(--fontsize30);color:#312e35;margin-bottom:30px}
.wmkc-services .left-txt .tit{font-size:42px;color:#312e35;line-height:1.2;margin-bottom:30px;font-weight:var(--fontbold5)}
.wmkc-services .left-txt .txt{color:#312e35;font-size:var(--fontsize30);line-height:1.2}
.wmkc-services .right-txt{width:47%;margin-top:50px}
.wmkc-services .right-txt .txt{color:#312e35;font-size:var(--fontsize28);margin-bottom:10%;line-height:1.2}
.wmkc-services .right-txt .btn{display:flex}
.wmkc-services .right-txt .btn .more{padding:20px 40px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize30);border-radius:10px;transition:all .2s linear}
.wmkc-services .right-txt .btn .more em{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:20px;font-size:var(--fontsize28);font-weight:var(--fontbold7);transition:all .2s linear}
.wmkc-services .right-txt .btn .more-btn{border:1px solid var(--color);color:var(--color);margin-right:20px}
.wmkc-services .right-txt .btn .more-btn em{background-color:var(--color);color:#fff}
.wmkc-services .right-txt .btn .more-btn:hover{color:#fff;background-color:var(--color)}
.wmkc-services .right-txt .btn .more-btn:hover em{color:var(--color);background-color:#fff}
.wmkc-services .right-txt .btn .con-btn{background-color:#000;color:#fff;border:1px solid #000}
.wmkc-services .right-txt .btn .con-btn em{background-color:#fff;color:#000}
.wmkc-services .right-txt .btn .con-btn:hover{background-color:transparent;color:#000}
.wmkc-services .right-txt .btn .con-btn:hover em{background-color:#000;color:#fff}
.wmkc-graphic{padding:3% 0}
.wmkc-graphic .item{display:flex;align-items:center;background-color:#f4f5f9}
.wmkc-graphic .item .img{width:50%}
.wmkc-graphic .item .img img{width:100%}
.wmkc-graphic .item .info{width:50%;padding:10px 3%}
.wmkc-graphic .item .info .title{font-size:50px;color:var(--color);font-weight:var(--fontbold7);line-height:1.2;margin-bottom:10px}
.wmkc-graphic .item .info .tit{font-size:36px;color:#080808;font-weight:var(--fontbold7);line-height:1.2;margin-bottom:10px}
.wmkc-graphic .item .info .txt{font-size:var(--fontsize28);color:#080808;line-height:1.2}
.wmkc-graphic .bottom{margin-top:30px}
.wmkc-contact{padding:3% 0;background-color:#f4f4f4}
.wmkc-contact .l-wrap{display:flex;justify-content:space-between}
.wmkc-contact .info{width:49%;position:relative}
.wmkc-contact .info .img{width:100%}
.wmkc-contact .info .img img{width:100%}
.wmkc-contact .info .txt{position:absolute;background-color:rgba(0,0,0,.26);color:#f4f5f9;padding:20px;left:20px;top:40px;width:calc(100% - 40px);height:calc(100% - 80px)}
.wmkc-contact .info .txt .tit{font-size:45px;font-weight:var(--fontbold5);line-height:1.2}
.wmkc-contact .info .txt .desc{margin-top:6%;font-size:var(--fontsize28);font-weight:var(--fontbold5)}
.wmkc-contact .contact{background-color:#fff;width:49%;border-radius:15px;border:3px solid rgba(89,89,89,.35);padding:40px 30px}
.wmkc-contact .contact .title{font-size:50px;font-weight:var(--fontbold5);margin-bottom:20px}
.wmkc-contact .contact .wmkcfeedback input{width:100%;border:3px solid #c5c5c5;border-radius:6px;height:70px}
.wmkc-contact .contact .wmkcfeedback textarea{border:3px solid #c5c5c5;border-radius:6px}
.wmkc-contact .contact .wmkcfeedback .send-btn{width:100%;height:70px}
@media screen and (max-width:1660px){.wmkc-contact .info .txt .tit{font-size:36px}
.wmkc-contact .info .txt .desc{font-size:var(--fontsize24)}
.wmkc-contact .contact .title{font-size:42px}
}
@media screen and (max-width:1440px){.wmkc-services .left-txt .tit{font-size:32px}
.wmkc-services .left-txt .txt{font-size:var(--fontsize24)}
.wmkc-services .right-txt .txt{margin-top:20px;font-size:var(--fontsize20)}
.wmkc-services .right-txt .btn .more{padding:10px 20px;font-size:var(--fontsize20)}
.wmkc-graphic .item .info .title{font-size:42px}
.wmkc-graphic .item .info .tit{font-size:var(--fontsize30)}
.wmkc-graphic .item .info .txt{font-size:var(--fontsize22)}
.wmkc-contact .info .txt .tit{font-size:var(--fontsize30)}
.wmkc-contact .info .txt .desc{font-size:var(--fontsize18)}
.wmkc-contact .contact{padding:20px 15px}
.wmkc-contact .contact .title{font-size:32px}
.wmkc-contact .contact .wmkcfeedback input{border:2px solid #c5c5c5;height:50px}
.wmkc-contact .contact .wmkcfeedback textarea{border:2px solid #c5c5c5}
.wmkc-contact .contact .wmkcfeedback .send-btn{height:50px}
}
@media screen and (max-width:1280px){.wmkc-services .left-txt .tit{font-size:var(--fontsize24)}
.wmkc-services .left-txt .txt{font-size:var(--fontsize18)}
.wmkc-services .right-txt{margin-top:30px}
.wmkc-services .right-txt .txt{margin-top:0;font-size:var(--fontsize18)}
.wmkc-services .right-txt .btn .more{padding:10px 20px;font-size:var(--fontsize18);margin-right:15px}
.wmkc-services .right-txt .btn .more em{width:30px;height:30px;font-size:var(--fontsize20)}
.wmkc-graphic .item .info .title{font-size:32px}
.wmkc-graphic .item .info .tit{font-size:var(--fontsize24)}
.wmkc-graphic .item .info .txt{font-size:var(--fontsize16)}
.wmkc-contact .info .txt .tit{font-size:var(--fontsize24)}
.wmkc-contact .info .txt .desc{font-size:var(--fontsize16)}
.wmkc-contact .contact{padding:20px 15px}
.wmkc-contact .contact .title{font-size:var(--fontsize28)}
}
@media screen and (max-width:1024px){.wmkc-services .left-txt .title{margin-bottom:10px;font-size:var(--fontsize20)}
.wmkc-services .left-txt .tit{font-size:var(--fontsize24);margin-bottom:10px}
.wmkc-services .left-txt .txt{font-size:var(--fontsize16)}
.wmkc-services .right-txt{margin-top:20px}
.wmkc-services .right-txt .txt{margin-top:0;font-size:var(--fontsize16)}
.wmkc-services .right-txt .btn .more{padding:6px 15px;font-size:var(--fontsize16);margin-right:15px}
.wmkc-services .right-txt .btn .more em{width:30px;height:30px;font-size:var(--fontsize20)}
.wmkc-graphic .item .info .title{font-size:var(--fontsize24)}
.wmkc-graphic .item .info .tit{font-size:var(--fontsize20)}
.wmkc-contact .l-wrap{flex-wrap:wrap}
.wmkc-contact .info .img{height:100%}
.wmkc-contact .info .img img{height:100%;object-fit:cover;display:block}
.wmkc-contact .info .txt{top:20px;height:calc(100% - 40px)}
.wmkc-contact .info .txt .tit{font-size:var(--fontsize20)}
.wmkc-contact .info .txt .desc{font-size:var(--fontsize16)}
.wmkc-contact .contact{padding:20px 15px}
.wmkc-contact .contact .title{font-size:var(--fontsize24)}
}
@media screen and (max-width:768px){.wmkc-about .top{flex-wrap:wrap;flex-direction:column-reverse}
.wmkc-about .top .img{width:100%}
.wmkc-about .top .img img{width:100%}
.wmkc-about .top .info{width:100%;margin-top:20px}
.wmkc-about .bottom{flex-wrap:wrap;padding:10px 20px}
.wmkc-about .bottom .item{width:50%;margin:10px 0}
.wmkc-about .bottom .item .icon{width:80px}
.wmkc-about .bottom .item .txt .num{font-size:var(--fontsize20)}
.wmkc-project{padding:30px 0}
.wmkc-project .list{margin-top:20px;flex-wrap:wrap}
.wmkc-project .list .item .info{padding:10px}
.wmkc-project .list .item .info .tit{font-size:var(--fontsize18)}
.wmkc-services{padding:30px 0}
.wmkc-services .l-wrap{flex-wrap:wrap}
.wmkc-services .left-txt{width:100%}
.wmkc-services .right-txt{width:100%}
.wmkc-services .right-txt .txt{margin-bottom:20px}
.wmkc-graphic{padding:30px 0}
.wmkc-graphic .item .info .title{font-size:var(--fontsize22)}
.wmkc-graphic .item .info .tit{font-size:var(--fontsize18)}
.wmkc-contact{padding:30px 0}
.wmkc-contact .info{width:100%}
.wmkc-contact .info .img{max-height:400px}
.wmkc-contact .contact{width:100%;margin-top:20px;border-width:1px}
.wmkc-contact .contact .wmkcfeedback input{border-width:1px}
.wmkc-contact .contact .wmkcfeedback textarea{border-width:1px}
}
@media screen and (max-width:500px){.wmkc-about .top .info .title{line-height:1.2}
.wmkc-about .bottom{flex-wrap:wrap;padding:10px 10px}
.wmkc-about .bottom .item{width:50%;margin:10px 0}
.wmkc-about .bottom .item .icon{width:40px}
.wmkc-about .bottom .item .txt .num{text-align:left;font-size:var(--fontsize18)}
.wmkc-services .right-txt .btn .more em{width:20px;height:20px;font-size:var(--fontsize14);margin-right:10px}
.wmkc-project .list .item{width:100%;margin-bottom:20px}
.wmkc-graphic .item{flex-wrap:wrap}
.wmkc-graphic .item .img{width:100%}
.wmkc-graphic .item .info{width:100%}
.wmkc-graphic .bottom{flex-direction:column-reverse}
.wmkc-contact .info{width:100%}
.wmkc-contact .info .img{max-height:400px}
.wmkc-contact .info .txt{width:100%;height:100%;left:0;top:0;padding:10px}
.wmkc-contact .info .txt .tit{font-size:var(--fontsize18)}
.wmkc-contact .info .txt .desc{font-size:var(--fontsize14)}
}
