﻿.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;opacity:0}
.home-banner .swiper-slide{height:auto;overflow:hidden}
.home-banner .swiper-slide>a{display:block;height:100%}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1700px;color:#fff;padding:0 70px;opacity:0;text-align:center}
.home-banner .banner-animote .title{font-size:60px;margin-bottom:10px;line-height:1.3}
.home-banner .banner-animote .text{font-size:var(--fontsize22);max-width:550px;margin:0 auto}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:20px!important}
.home-banner .swiper-pagination-bullet{background-color:#e2e2e2;border-radius:999px;height:8px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.home-banner .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;z-index:9;cursor:pointer;transition:all .15s linear;opacity:0;border-radius:var(--borderradius)}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(0,0,0,.9)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{transform:rotateY(180deg);left:0}
.home-banner .bannerswiper-next{right:0}
.home-banner:hover .bannerswiper-prev{opacity:1;left:70px}
.home-banner:hover .bannerswiper-next{opacity:1;right:70px}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0}
}
@keyframes bannerimg{0%{transform:scale(1);opacity:.5}
20%{opacity:1}
80%{transform:scale(1.05);opacity:1}
100%{transform:scale(1.047);opacity:.95}
}
@media (max-width:1440px){.home-banner .banner-animote .title{font-size:50px}}
@media(max-width:1280px){.home-banner .banner-animote .title{font-size:40px}}
@media(max-width:1024px){.home-banner .banner-animote{padding:0 20px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
}
@media(max-width:990px){.home-banner .banner-animote .title{font-size:var(--fontsize30);margin-bottom:5px}
.home-banner .banner-animote .text{font-size:var(--fontsize16)}
}
@media(max-width:768px){.home-banner{height:260px}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner #indexbanner{height:100%}
.home-banner #indexbanner .swiper-wrapper{height:100%}
.home-banner #indexbanner .swiper-wrapper .swiper-slide img{height:100%;object-fit:cover}
.home-banner .banner-animote .title{font-size:var(--fontsize26)}
}
@media(max-width:500px){.home-banner .banner-animote{top:44%}
.home-banner .banner-animote .title{font-size:var(--fontsize22)}
.home-banner .banner-animote .text{font-size:var(--fontsize14)}
}

.wmkc-blog,.wmkc-choose,.wmkc-procate{position:relative;padding:4% 0}
.wmkc-title{color:var(--color);font-size:40px;font-weight:400;line-height:1.3}
@media (max-width:1440px){.wmkc-title{font-size:36px}}
@media (max-width:1280px){.wmkc-title{font-size:var(--fontsize30)}}
@media (max-width:1024px){.wmkc-blog,.wmkc-choose,.wmkc-procate{padding:40px 0}
.wmkc-title{font-size:var(--fontsize26)}
}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize24)}}
@media (max-width:500px){.wmkc-title{font-size:var(--fontsize22)}}
.wmkc-choose{background:var(--color)}
.wmkc-choose .wmkc-title{color:#fff;font-size:50px}
.wmkc-choose .choose-list{margin-top:20px;color:#fff}
.wmkc-choose .choose-list li{position:relative;padding-left:20px;margin-bottom:5px;font-size:var(--fontsize20)}
.wmkc-choose .choose-list li::before{content:'';position:absolute;top:13px;left:5PX;width:6px;height:6px;background:#fff;border-radius:50%}
@media (max-width:1440px){.wmkc-choose .wmkc-title{font-size:44px}}
@media (max-width:1280px){.wmkc-choose .wmkc-title{font-size:36px}}
@media (max-width:1024px){.wmkc-choose .wmkc-title{font-size:var(--fontsize30)}
.wmkc-choose .choose-list{margin-top:5px}
.wmkc-choose .choose-list li{font-size:var(--fontsize20)}
}
@media (max-width:768px){.wmkc-choose .wmkc-title{font-size:var(--fontsize28)}
.wmkc-choose .choose-list li{font-size:var(--fontsize18);padding-left:15px}
.wmkc-choose .choose-list li::before{top:12px;width:6px;height:6px}
}
@media (max-width:500px){.wmkc-choose .wmkc-title{font-size:var(--fontsize24)}
.wmkc-choose .choose-list li{font-size:var(--fontsize16);padding-left:15px}
.wmkc-choose .choose-list li::before{top:10px;width:6px;height:6px}
}
.wmkc-procate .procate-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-procate .procate-list li{width:23.5%;border:2px solid #2d8655;overflow:hidden;transition:background .3s ease}
.wmkc-procate .procate-list .li-img{display:block;overflow:hidden}
.wmkc-procate .procate-list .li-img img{width:100%;transition:all .3s ease}
.wmkc-procate .procate-list li:hover .li-img img{transform:scale(1.03)}
.wmkc-procate .procate-list .li-info{padding:30px}
.wmkc-procate .procate-list .li-info .li-title{height:80px;overflow:hidden;display:flex;align-items:center}
.wmkc-procate .procate-list .li-info .title{color:var(--color);font-size:32px;line-height:1.3;transition:color .3s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmkc-procate .procate-list .li-info .more{display:flex;justify-content:flex-end;align-items:center}
.wmkc-procate .procate-list .li-info .more em{color:var(--color);font-size:var(--fontsize28);transition:color .3s ease}
.wmkc-procate .procate-list li:hover{background:var(--color)}
.wmkc-procate .procate-list li:hover .li-info .more em,.wmkc-procate .procate-list li:hover .li-info .title{color:#fff}
@media (max-width:1440px){.wmkc-procate .procate-list .li-info .title{font-size:var(--fontsize28)}
.wmkc-procate .procate-list .li-info .title br{display:none}
}
@media (max-width:1280px){.wmkc-procate .procate-list .li-info{padding:15px 20px}
.wmkc-procate .procate-list .li-info .title{font-size:var(--fontsize24)}
}
@media (max-width:990px){.wmkc-procate .procate-list li{width:48.5%;margin-bottom:20px}
.wmkc-procate .procate-list li:nth-last-child(-n+2){margin-bottom:0}
.wmkc-procate .procate-list .li-info .li-title{height:64px}
.wmkc-procate .procate-list .li-info .more em{font-size:var(--fontsize24)}
}
@media (max-width:768px){.wmkc-procate .procate-list .li-info{padding:15px}
.wmkc-procate .procate-list .li-info .li-title{height:52px}
.wmkc-procate .procate-list .li-info .title{font-size:var(--fontsize20)}
}
@media (max-width:500px){.wmkc-procate .procate-list li{margin-bottom:10px}
.wmkc-procate .procate-list .li-info{padding:10px}
.wmkc-procate .procate-list .li-info .li-title{height:46px}
.wmkc-procate .procate-list .li-info .title{font-size:var(--fontsize18)}
.wmkc-procate .procate-list .li-info .more em{font-size:var(--fontsize20)}
}
.wmkc-service{position:relative;padding-bottom:4%}
.wmkc-service .service-content{position:relative}
.wmkc-service .service-next,.wmkc-service .service-prev{position:absolute;top:35%;width:40px;height:40px;border-radius:50%;background:var(--color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background .3s ease}
.wmkc-service .service-next:hover,.wmkc-service .service-prev:hover{background:var(--color1)}
.wmkc-service .service-prev{left:0;transform:rotate(180deg)}
.wmkc-service .service-next{right:0}
.wmkc-service .service-next em,.wmkc-service .service-prev em{color:#fff;font-size:var(--fontsize24)}
.wmkc-service .wmkc-title{color:var(--color);text-align:center}
.wmkc-service .service-swiper{margin:50px 120px 0}
.wmkc-service .swiper-slide .slide-img{overflow:hidden}
.wmkc-service .swiper-slide .slide-img img{width:100%;transition:all .3s ease}
.wmkc-service .swiper-slide:hover .slide-img img{transform:scale(1.03)}
.wmkc-service .swiper-slide .slide-title{padding:30px 35px;display:block;color:var(--color);font-size:var(--fontsize26);text-align:center;line-height:1.3;transition:color .3s ease}
.wmkc-service .swiper-slide:hover .slide-title{color:var(--color1)}
.wmkc-service .service-swiper .swiper-pagination{display:none;bottom:0}
.wmkc-service .service-swiper .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px}
.wmkc-service .service-swiper .swiper-pagination-active{background:var(--color);opacity:1}
@media (max-width:1440px){.wmkc-service .service-prev{top:30%;left:20px}
.wmkc-service .service-next{top:30%;right:20px}
.wmkc-service .service-swiper{margin:40px 100px 0}
.wmkc-service .swiper-slide .slide-title{padding:20px 25px;font-size:var(--fontsize24)}
}
@media (max-width:1280px){.wmkc-service .service-swiper{margin:20px 80px 0}
.wmkc-service .swiper-slide .slide-title{padding:15px;font-size:var(--fontsize20)}
}
@media (max-width:1024px){.wmkc-service{padding:0 0 30px}
.wmkc-service .service-prev{left:0}
.wmkc-service .service-next{right:0}
.wmkc-service .service-swiper{margin:20px 60px 0}
.wmkc-service .swiper-slide .slide-title{font-size:var(--fontsize18)}
}
@media (max-width:768px){.wmkc-service .service-next,.wmkc-service .service-prev{display:none}
.wmkc-service .service-swiper{margin:10px 0 0;padding-bottom:15px}
.wmkc-service .service-swiper .swiper-pagination{display:block}
}
.wmkc-select{position:relative}
.wmkc-select .select-swiper .swiper-slide{position:relative}
.wmkc-select .select-swiper .slide-info{position:absolute;top:5%;left:10%;color:#fff;font-size:70px;font-weight:var(--fontbold6);line-height:1}
.wmkc-select .select-swiper .swiper-pagination{bottom:30px}
.wmkc-select .select-swiper .swiper-pagination-bullet{position:relative;width:12px;height:12px;background:#fff;margin:0 10px;opacity:1}
.wmkc-select .select-swiper .swiper-pagination-active::before{content:'';position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);border:1px solid #fff;border-radius:50%;left:-4px;top:-4px;transition:all .3s linear}
@media (max-width:1440px){.wmkc-select .select-swiper .slide-info{left:8%;font-size:60px}}
@media (max-width:1280px){.wmkc-select .select-swiper .slide-info{font-size:50px}}
@media (max-width:990px){.wmkc-select .select-swiper .slide-info{font-size:40px}}
@media (max-width:768px){.wmkc-select .select-swiper .slide-info{max-width:40%;top:10%;font-size:var(--fontsize30);line-height:1.2}
.wmkc-select .select-swiper .slide-info br{display:none}
.wmkc-select .select-swiper .swiper-pagination{bottom:10px}
.wmkc-select .select-swiper .swiper-pagination-bullet{width:8px;height:8px;margin:0 8px}
}
@media (max-width:500px){.wmkc-select .select-swiper .slide-info{font-size:var(--fontsize22)}}
.wmkc-blog .wmkc-title{text-align:center}
.wmkc-blog .blog-swiper{margin-top:30px}
.wmkc-blog .blog-swiper .swiper-wrapper{justify-content:space-between;flex-wrap:wrap}
.wmkc-blog .swiper-slide{width:23.5%;height:auto;background:var(--color);display:flex;flex-direction:column}
.wmkc-blog .swiper-slide .img{background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}
.wmkc-blog .swiper-slide .img img{width:100%;transition:all .3s ease}
.wmkc-blog .swiper-slide:hover .img img{transform:scale(1.03)}
.wmkc-blog .swiper-slide .info{flex:1;padding:20px 30px;display:flex;flex-direction:column;justify-content:space-between}
.wmkc-blog .swiper-slide .info .date{color:var(--color1)}
.wmkc-blog .swiper-slide .info .title{margin:10px 30px 15px 0;color:#fff;font-size:var(--fontsize22);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wmkc-blog .swiper-slide .info .more{color:var(--color1);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.wmkc-blog .swiper-slide .info .more em{color:var(--color1);font-size:var(--fontsize18)}
.wmkc-blog .blog-more{display:flex;justify-content:end}
.wmkc-blog .blog-more a{display:inline-block;margin-top:20px;padding:5px 15px;border-radius:20px;color:var(--color);border:2px solid var(--color)}
.wmkc-blog .blog-more a em{color:var(--color);margin-left:5px}
@media (max-width:1280px){.wmkc-blog .swiper-slide .info{padding:20px}
.wmkc-blog .swiper-slide .info .title{margin:10px 20px 10px 0;font-size:var(--fontsize20)}
}
@media (max-width:990px){.wmkc-blog .blog-swiper{margin-top:15px}
.wmkc-blog .swiper-slide{width:48.5%;margin-bottom:20px}
.wmkc-blog .swiper-slide:nth-last-child(-n+2){margin-bottom:0}
}
@media (max-width:500px){.wmkc-blog .swiper-slide{margin-bottom:10px}
.wmkc-blog .swiper-slide .info{padding:15px 10px}
.wmkc-blog .swiper-slide .info .title{margin:10px 0;font-size:var(--fontsize16)}
.wmkc-blog .swiper-slide .info .more em{font-size:var(--fontsize16)}
.wmkc-blog .blog-more a{padding:2px 10px;border-width:1px}
.wmkc-blog .blog-more a em{margin-left:0}
}
.wmkc-contact{position:relative;padding-bottom:5%}
.wmkc-contact .l-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmkc-contact .contact-img{width:42%}
.wmkc-contact .contact-img img{width:100%}
.wmkc-contact .contact-info{width:54%}
.wmkc-contact .contact-info .wmkc-title{font-size:34px}
.wmkc-contact .contact-info .contact-des{margin:10px 0;color:#221815;font-size:var(--fontsize18)}
.wmkc-contact .contact-info .list1 li{display:flex;align-items:center}
.wmkc-contact .contact-info .list1 li em{margin-right:5px;color:var(--color);font-size:var(--fontsize22);line-height:1.4}
.wmkc-contact .contact-info .inqury-list{margin-top:15px;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-contact .contact-info .inqury-list .send,.wmkc-contact .contact-info .inqury-list input{width:49%;margin-bottom:10px;padding:8px 15px;height:45px;border-radius:5px;border:1px solid var(--color);transition:all .3s}
.wmkc-contact .contact-info .inqury-list input::placeholder{font-family:AlimamaFangYuanTiVF;color:#221815;font-weight:var(--fontbold5);text-transform:uppercase}
.wmkc-contact .contact-info .inqury-list .send{background:var(--color);color:#fff;cursor:pointer;transition:all .3s}
.wmkc-contact .contact-info .inqury-list .send:hover{background:var(--color1);border-color:var(--color1)}
@media (max-width:1280px){.wmkc-contact .contact-info .wmkc-title{font-size:var(--fontsize28)}}
@media (max-width:1024px){.wmkc-contact{padding-bottom:40px}
.wmkc-contact .contact-info .wmkc-title{font-size:var(--fontsize24)}
}
@media (max-width:768px){.wmkc-contact .contact-img{width:100%;margin-bottom:10px}
.wmkc-contact .contact-info{width:100%}
}
@media (max-width:500px){.wmkc-contact .contact-info .wmkc-title{font-size:var(--fontsize20)}
.wmkc-contact .contact-info .contact-des{margin:5px 0;font-size:var(--fontsize16)}
.wmkc-contact .contact-info .inqury-list .send,.wmkc-contact .contact-info .inqury-list input{width:100%}
}
