@charset "utf-8";
.l-wrap{margin:0 auto;padding:0 20px;width:100%;max-width:1600px}
.home-title{margin:20px 0;text-align:center;text-transform:capitalize;font-weight:700;font-size:40px}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex{display:flex;flex-wrap:wrap}
.home-label{color:#0867ad;text-transform:uppercase;font-size:14px}
.more-btn{position:relative;z-index:1;display:inline-block;overflow:hidden;padding:10px 0;border-radius:2px;color:#0867ad;text-transform:capitalize;transition:color .5s,padding .5s,border .5s;text-decoration:none}
.lazy-wrap{position:relative;display:block;overflow:hidden}
.home-label::before{margin-right:10px}
.home-label::after,.home-label::before{display:inline-block;width:34px;height:1px;background:#0867ad;content:"";vertical-align:middle}
#about .about-con .more-btn:hover{border-color:#0867ad}
.more-btn::before{position:absolute;top:50%;left:50%;z-index:-1;display:block;margin:-5px 0 0 -5px;width:10px;height:10px;border-radius:50%;background-color:#0867ad;content:"";opacity:0;transition:transform .8s cubic-bezier(0,0,.2,1),opacity .6s;transform:scale(0)}
@media (min-width:769px){.more-btn:hover::before{opacity:1;transform:scale(20)}}
/* brand */
#brand{padding:100px 0}
.brand-home-title{margin:20px 0;color:#000002;text-align:center;text-transform:capitalize;font-weight:700;font-size:46px;line-height:44px}
.wmkc-brand-list{display:flex;margin-top:70px;justify-content:space-evenly;flex-wrap:wrap}
.wmkc-brand-list li{display:flex;width:15%;flex-direction:column;justify-content:right;align-items:center}
.wmkc-brand-size p:nth-of-type(1){margin:0;padding:15px 0;color:#0867ad;text-align:center;font-weight:700;font-size:16px;font-family:Lato;line-height:22px}
.wmkc-brand-size p:nth-of-type(2){color:#000;text-align:center;font-weight:700;font-size:16px;font-family:Lato;line-height:22px}
@media (max-width:1366px){#brand{padding:50px 0}
.wmkc-brand-list li{width:25%}
.brand-home-title{font-size:32px}
.wmkc-brand-list{margin-top:50px}}
@media (max-width:1024px){#brand{padding:30px 0}
.brand-home-title{font-size:28px}
.wmkc-brand-list{margin-top:30px}
.wmkc-brand-size p:nth-of-type(2){font-size:14px}
.wmkc-brand-size p:nth-of-type(1){padding:10px 0}}
@media (max-width:768px){.wmkc-brand-img img{width:50px;height:50px}
.wmkc-brand-size p:nth-of-type(1){line-height:1}
.brand-home-title{font-size:24px;line-height:1}
.wmkc-brand-list li{width:50%;margin-bottom:20px}}
/* about */
#about{padding:100px 0;background-color:#f8f8f8}
#about .about-con{padding:2% 10% 0 0;width:56%}
#about .about-con .home-label{text-align:left}
#about .about-con .home-label:after{display:none}
#about .about-con .home-title{text-align:left;line-height:1.2}
#about .about-con .about-des{color:#777;font-weight:400;font-size:16px;font-family:Myriad Pro;line-height:28px}
#about .about-con .more-btn{margin-top:45px;padding:15px 40px;border:1px solid #c2c2c2;border-bottom:2px solid #0867ad;border-radius:0;background-color:#f8f8f8;text-decoration:none}
#about .about-con .more-btn:hover{border-color:#0867ad}
#about .about-img{position:relative;z-index:1;width:43.75%;display:flex;align-items:center}
#about .about-img .lazy-wrap::after{padding-bottom:0}
@media (max-width:1366px){#about{padding:50px 0}
#about .about-con .home-title{font-size:28px}
#about .about-con{padding:2% 3% 0 0}
#about .about-con .more-btn{margin-top:30px;padding:10px 30px}}
@media (max-width:1024px){#about .about-con .about-des{font-size:14px}
#about .about-con .more-btn{margin-top:10px}}
@media(max-width:900px){#about{padding:0}
#about .l-wrap{padding-bottom:20px;flex-direction:column}
#about .about-con{padding:5% 0;width:100%}
#about .about-con .more-btn{margin-top:30px;width:auto;height:auto;display:inline-block;font-size:14px}
#about .about-img{width:100%}}
/* projects */
#projects{position:relative;padding-top:220px}
.wmkc-home-label{color:#0867ad;text-align:center;text-transform:uppercase;font-size:14px}
.wmkc-home-label::before{margin-right:10px}
.wmkc-home-label::after{margin-left:10px}
.wmkc-home-label::after,.wmkc-home-label::before{display:inline-block;width:34px;height:1px;background:#0867ad;content:"";vertical-align:middle}
#projects::before{position:absolute;top:0;left:0;display:block;width:100%;height:65%;background:url(/uploads/202339903/ImgScroll/ba5d1e5459-3a6f-4aa0-89a7-4f4b3b79da0d.jpg)center no-repeat;background-size:cover;content:""}
#projects::after{position:absolute;top:5%;left:0;display:block;width:100%;color:#555;content:"Customer case";text-align:center;text-transform:uppercase;font-weight:700;font-size:130px;font-family:Rajdhani;line-height:1;opacity:.4}
#projects .l-wrap{position:relative;z-index:1;color:#fff}
#projects .projects-des{margin:0 auto;padding:10px 0;max-width:550px;text-align:center;line-height:1.75}
.more-btn:hover{color:#FFF;padding-left:20px;padding-right:20px}
/* product */
#product{padding:80px 0}
#product .pro-list{margin-top:4%}
#product .pro-list li{margin:0 1.5% 20px 0;width:23.75%}
#product .pro-list li:nth-of-type(4n){margin-right:0}
#product .pro-list li .pro-img{overflow:hidden;border:1px solid #e8e8e8}
#product .pro-list li .pro-cont{padding:18px 20px}
#product .pro-list li .pro-cont .pro-name{display:block;overflow:hidden;margin:10px 0;text-transform:capitalize;text-overflow:ellipsis;font-weight:700;line-height:1;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px}
#product .pro-list li:hover .pro-name{color:#0867ad}
#product .pro-list li:hover .pro-img img{transform:scale(1.1)}
#product .all-products{position:relative;text-align:center;text-transform:uppercase;font-weight:700;font-size:14px}
#product .all-products::before{position:absolute;top:20px;left:0;display:block;width:100%;height:1px;background-color:#ebebeb;content:""}
#product .all-products::after{position:absolute;top:20px;left:50%;display:block;width:128px;height:1px;background-color:#fff;content:"";transform:translateX(-50%)}
#product .all-products a{position:relative;z-index:1;display:inline-block}
#product .all-products a:hover{color:#0867ad}
#product .all-products span:nth-of-type(1){display:block;margin:0 auto 20px;width:40px;height:40px;border-radius:50%;background:#0867ad;color:#fff;text-align:center;font-weight:400;font-size:30px;line-height:38px}
#product .pro-list li .pro-img img{transition:all .3s ease-in-out}
@media (max-width:1366px){#product .pro-list li .pro-cont{padding:10px 15px}
#product{padding:50px 0}
.home-title{font-size:32px}
#product .pro-list{margin-top:50px}}
@media(max-width:900px){#product .pro-list{justify-content:space-between}
#product .pro-list li{margin:0 0 20px;width:48%}
#product .pro-list li .pro-cont{padding:10px 0}}
@media (max-width:768px){#product{padding:30px 0}}
/* plant */
#plant{padding:80px 0;background:#F5F5F5}
.wmkc-plant-left{width:50%}
.wmkc-plant-right{width:50%;padding:0 50px;box-sizing:border-box}
.wmkc-plant-all{display:flex;justify-content:space-between;align-items:center}
.wmkc-plant-right p:nth-of-type(1){font-size:24px;font-family:Lato;font-weight:bold;color:#000000;line-height:28px;margin-bottom:45px}
.wmkc-plant-right p:nth-of-type(2){font-size:14px;font-family:Lato;color:#777777;line-height:28px}
@media (max-width:1024px){#plant{padding:50px 0}}
@media (max-width:768px){.wmkc-plant-all{flex-direction:column}
.wmkc-plant-left{width:100%;margin-bottom:30px}
.wmkc-plant-right{width:100%;padding:0}}
/* honor */
.wmkc-honor-all{display:flex;justify-content:space-between;margin-top:60px}
#honor{padding:80px 0}
.wmkc-honor-img{width:18%}
.wmkc-honor-img img{display:block;max-width:100%}
@media (max-width:1366px){#honor{padding:50px 0}}
/* mail */
#mail,#mail a,#mail img{width:100%}
.wmkc-mail-all{display:flex;justify-content:space-between;align-items:center;padding:100px 0}
.wmkc-mail-left{display:flex;justify-content:left;align-items:center;width:50%}
.wmkc-mail-right{width:40%}
.wmkc-mail-size p:nth-of-type(1){font-size:46px;font-weight:bold;color:#FFFFFF;line-height:1;margin-bottom:20px}
.wmkc-mail-size p:nth-of-type(2){font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:1;text-transform:uppercase}
.wmkc-mail-size{margin-left:30px}
.wmkc-mail-input input{width:590px;height:54px;background:rgba(255,255,255,0);border:1px solid #6A6A6A;padding:20px;font-size:14px;outline-style:none;color:#fff}
.wmkc-mail-input a{width:172px;height:54px;background:#0867ad;display:block;color:#fff;text-align:center;line-height:54px;text-decoration:none}
.wmkc-mail-input{display:flex}
@media (max-width:1366px){.wmkc-mail-size p:nth-of-type(1){font-size:32px}
.wmkc-mail-all{padding:50px 0}}
@media (max-width:1024px){.wmkc-mail-size p:nth-of-type(1){font-size:26px}
.wmkc-mail-size p:nth-of-type(2){font-size:14px}}
/* news */
#news{background:#F5F5F5;padding:80px 0}
.wmkc-news-box{width:48%;display:flex;margin-bottom:40px}
.wmkc-news-all{display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px 0}
.wmkc-news-data{width:18%;background:#0867ad;padding:20px;box-sizing:border-box}
.wmkc-news-size{width:82%;display:flex;flex-direction:column;justify-content:center;padding:20px 40px;box-sizing:border-box;background:#fff}
.wmkc-news-data p:nth-of-type(1){font-size:32px;color:#fff;line-height:1;text-align:center;margin:0}
.wmkc-news-data p:nth-of-type(2){font-size:16px;color:#fff;text-align:center;margin:0}
.wmkc-news-data span{width:40px;height:2px;background:#FFFFFF;display:block;margin:15px auto}
.wmkc-news-size a{font-size:18px;font-weight:bold;color:#000000;line-height:1;margin-bottom:15px;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.wmkc-news-size p{font-size:16px;font-weight:400;color:#777777;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.wmkc-news-btn a{font-size:16px;font-weight:bold;color:#FFFFFF;line-height:1;padding:18px 45px;background:#0867ad;border-radius:25px;display:inline-block}
.wmkc-news-btn{text-align:center}
@media (max-width:1366px){#news{padding:50px 0}
.wmkc-news-size{padding:20px}
.wmkc-news-data{width:20%}
.wmkc-news-data p:nth-of-type(1){font-size:26px}
.wmkc-news-data span{margin:10px auto}
.wmkc-news-data p:nth-of-type(2){font-size:14px}
.wmkc-news-all{padding:50px 0 0}}
@media (max-width:1024px){.home-title{font-size:28px}
.wmkc-news-data{width:25%}
.wmkc-news-size{width:75%}
.wmkc-news-all{padding:30px 0 0}}
@media (max-width:768px){#product .more-btn{width:auto;height:auto;font-size:14px}
.home-title{font-size:24px}
.wmkc-plant-right p:nth-of-type(1){margin-bottom:20px}
.wmkc-mail-img{width:80px;height:80px}
.wmkc-mail-size p:nth-of-type(1){font-size:22px}
.wmkc-mail-size{margin-left:15px}
.wmkc-honor-all{margin-top:25px}
.wmkc-mail-right{width:48%}
.wmkc-mail-input input{width:380px;height:40px}
.wmkc-mail-input a{width:150px;height:42px;line-height:42px}
.wmkc-news-box{width:100%}
.wmkc-news-data{width:16%}
.wmkc-news-size{width:84%}}
@media (max-width:450px){.wmkc-brand-list li{width:80%}
#about .about-con .home-title{font-size:22px}
#about .about-con .more-btn{margin-top:10px}
#projects::after{font-size:30px}
#projects{padding-top:55px}
.home-title,.wmkc-plant-right p:nth-of-type(1){font-size:22px}
.wmkc-mail-all{flex-direction:column}
.wmkc-mail-left{width:100%}
.wmkc-mail-right{width:100%;margin-top:30px}
.wmkc-news-data{width:20%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.wmkc-news-size{width:80%}
.wmkc-news-box{margin-bottom:15px}
.wmkc-news-btn a{font-size:14px;padding:15px 40px}
#honor{padding:30px 0}
#brand{padding:0}
.wmkc-news-data p:nth-of-type(1){font-size:20px}
.wmkc-news-data span{margin:5px auto}
.wmkc-news-data p:nth-of-type(2){font-size:12px}
.wmkc-news-size{padding:15px}
.wmkc-news-size a{font-size:16px;margin-bottom:10px}
.wmkc-news-size p{font-size:14px}}
a{text-decoration:none}
@media (min-width:769px){.contact .contact-sec1 .contact-sec1-item{width:17.6%}}
#about .about-con .home-title{max-width:800px}
.wmkc-news-box:hover .wmkc-news-size a{color:#0867ad}
.biankuang{max-width:850px;margin:auto}
.pro-detail .pro-detail-top .pro-info .pro-con{max-height:inherit;-webkit-line-clamp:inherit;overflow:inherit}
.cp .cp-sec1 .flex{align-items:center}
.contact>iframe{border:0}
.tabs-nav p:nth-child(2){display:none}
.head-main .head-logo img{max-width:60%}
.wmkc-brand-size p:nth-of-type(1){color:#0867ad}
#product .pro-list li .pro-img img{width:100%;display:block}
footer{background:#222}
footer .foot-main .foot-item .foot-title img{max-width:45%}
#home-swiper .swiper-slide>a{display: block;}

.home-service{background:no-repeat top}
.home-service .home-des,.home-service .home-title{color:#fff;text-align: center;}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{background:#fafafa;width:49%;padding:3% 4%;text-align:center}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
#serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0}
#serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
.home-service .more-btn{background: var(--color);padding: 10px 10px;color: #fff;}
.serviceswiper-pagination.swiper-pagination-bullets {text-align: center;}
#serviceswiper .swiper-slide .p2{text-align: left;}
#serviceswiper .swiper-slide .p2{min-height: 204px;}