@charset "utf-8";
@import url("https://css02.v15cdn.com/m427/swiper.css");
@import url("https://css02.v15cdn.com/m427/aos.css");
.wmkc-banner{max-width:1300px;margin:0px auto}
.wmkc-banner .swiper-slide{overflow:hidden}
.wmkc-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.wmkc-banner .pcimg{display:block}
.wmkc-banner .mobimg{display:none}
.wmkc-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#FFFFFF;padding:0px 70px;opacity:0}
.wmkc-banner .banner-animote .p1{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:30px}
.wmkc-banner .banner-animote .p2{font-size:36px;font-weight:var(--fontbold7)}
.wmkc-banner .banner-animote .p3{display:flex;margin-top:50px}
.wmkc-banner .banner-animote .p3 a{margin-right:20px;min-width:170px;height:50px;background:var(--color);border-radius:var(--borderradius);color:#FFFFFF;text-transform:lowercase;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
.wmkc-banner .banner-animote .p3 a:nth-child(2){background:#FFFFFF;color:var(--fontcolor)}
.wmkc-banner .banner-animote .p3 a:hover{opacity:.9}
.wmkc-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.wmkc-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.wmkc-banner .swiper-pagination{bottom:20px!important;max-width:1400px;padding:0px 70px;left:50%!important;transform:translateX(-50%)}
.wmkc-banner .swiper-pagination-bullet{background-color:#e2e2e2;width:12px;height:12px;}
.wmkc-banner .bannerswiper-next,.wmkc-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:#FFFFFF;z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.wmkc-banner .bannerswiper-next:hover,.wmkc-banner .bannerswiper-prev:hover{background:rgba(0,0,0,.9)}
.wmkc-banner .bannerswiper-next em,.wmkc-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.wmkc-banner .bannerswiper-prev{transform:rotateY(180deg);left:70px}
.wmkc-banner .bannerswiper-next{right:70px}
@keyframes bannerani{0%{margin-left:-30px}
100%{opacity:1;margin-left:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@keyframes aboutroute{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
@keyframes before{0%{transform:translate(-50%,-50%) scale(1)}
100%{transform:translate(-50%,-50%) scale(1.5)}}
.wmkcmain-wrap{max-width:1300px;margin:0px auto;box-shadow:0 10px 11px 5px rgba(12,3,6,.15)}
.wmkcdz-title{position:relative;display:inline-block}
.wmkcdz-title .title-bg{font-size:46px;font-weight:var(--fontbold7);color:#d9d9d9;line-height:1;text-transform:capitalize;font-family:SourceHanSansCN!important}
.wmkcdz-title .title{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-weight:var(--fontbold6);color:var(--fontcolor);font-size:29px;line-height:1;text-transform:capitalize;font-family:SourceHanSansCN!important}
.wmkc-wrap{padding:65px 50px}
.wmkc-about .wmkc-wrap{display:flex;justify-content:space-between;padding-bottom:0px}
.wmkc-about .about-img{width:45%;padding-right:2%;position:relative}
.wmkc-about .about-img .routeimg{position:relative;z-index:10}
.wmkc-about .about-img .about-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background-color:#60bbd0;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;z-index:10;font-size:var(--fontsize26)}
.wmkc-about .about-img .about-play img{width:18px!important}
.wmkc-about .about-img .about-play::after{content:"";position:absolute;width:70px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#60bbd0;opacity:.3;border-radius:50%;z-index:-1;animation:widthHeight infinite 3s ease-in-out}
.wmkc-about .about-img .bg-img{position:absolute;right:0;top:-30px}
.wmkc-about .about-info{width:46%}
.wmkc-about .about-info .wmkc-title{position:relative;padding-left:50px;color:var(--introcolor);font-size:var(--fontsize16)}
.wmkc-about .about-info .wmkc-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:1px;background-color:#333333}
.wmkc-about .about-info .about-text{margin-top:10px;font-size:var(--fontsize14);color:var(--introcolor)}
.wmkc-about .about-info .wmkc-more{display:inline-block;padding:8px 18px;border-radius:5px;border:1px solid #eaebeb;font-size:var(--fontsize14);color:var(--introcolor);margin-top:16px;transition:all .2s ease-in-out;z-index:1;overflow:hidden;position:relative}
.wmkc-about .about-info .wmkc-more::after{content:"";position:absolute;left:0;top:0px;width:0%;height:100%;z-index:-1;background-color:var(--color);transition:all .2s ease-in-out}
.wmkc-about .about-info .wmkc-more:hover{color:#FFFFFF}
.wmkc-about .about-info .wmkc-more:hover::after{width:100%}
.wmkc-about .about-info .about-logo{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:5px 10px 5px 0;border-top:1px solid #eaebeb;border-bottom:1px solid #eaebeb;margin-top:13px;flex-wrap:wrap}
@keyframes widthHeight{0%{width:70px;height:70px}
50%{width:50px;height:50px}
100%{width:70px;height:70px}}
.wmkc-products .pro-list{display:flex;margin-top:60px}
.wmkc-products .pro-list .pro-item{width:23.5%;margin-right:2%;border-radius:5px;box-shadow:-5px 10px 10px 0 rgba(12,3,6,.25)}
.wmkc-products .pro-list .pro-item:nth-child(4){margin-right:0px}
.wmkc-products .pro-list .pro-item .img{display:block;overflow:hidden;position:relative}
.wmkc-products .pro-list .pro-item .img .icon-videoplay{position:absolute;left:10px;top:10px}
.wmkc-products .pro-list .pro-item .img img{width:100%;height:100%;transition:all .2s ease-in-out}
.wmkc-products .pro-list .pro-item .pro-info{padding:24px 20px;position:relative}
.wmkc-products .pro-list .pro-item .pro-info .more{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:#FFFFFF;position:absolute;right:0;top:-17px;border:1px solid #f2f2f5;border-right:none;z-index:10;transition:all .2s ease-in-out}
.wmkc-products .pro-list .pro-item .pro-info .more::before{position:absolute;top:-2px;left:-20px;width:0;height:0;border:10px solid transparent;border-top:18px solid transparent;border-bottom:0;content:"";transition:all .2s ease-in-out;border-left-color:transparent;border-right-color:#ececec;transition:all .2s ease-in-out}
.wmkc-products .pro-list .pro-item .pro-info .title{text-transform:capitalize;font-size:var(--fontsize16);font-weight:var(--fontbold7);color:#19130e;transition:all .2s ease-in-out}
.wmkc-products .pro-list .pro-item .pro-info .desc{font-size:var(--fontsize14);color:#727171;margin-top:6px}
.wmkc-products .pro-list .pro-item:hover .img img{transform:scale(1.05)}
.wmkc-products .pro-list .pro-item:hover .pro-info .more{background-color:var(--color);color:#FFFFFF;border-color:var(--color)}
.wmkc-products .pro-list .pro-item:hover .pro-info .more::before{border-right-color:var(--color)}
.wmkc-products .pro-list .pro-item:hover .pro-info .title{color:var(--color)}
.wmkc-news{background-color:#efeff0}
.wmkc-news .news-list{margin-top:35px;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-news .news-list .item{width:48.5%;display:flex;align-items:center;background-color:#FFFFFF;margin-top:25px;transition:all .2s ease-in-out}
.wmkc-news .news-list .item .date{height:100%;width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #f4f4f3;color:var(--fontcolor)}
.wmkc-news .news-list .item .date .time{font-size:var(--fontsize28,28px);font-weight:var(--fontbold7);text-align:center}
.wmkc-news .news-list .item .date .year{text-align:center;border-top:1px solid #f4f4f3;font-size:var(--fontsize14);padding:6px 8px 0px}
.wmkc-news .news-list .item .info{padding:16px 20px;flex:1}
.wmkc-news .news-list .item .info .title{font-size:var(--fontsize16);color:var(--fontcolor);font-weight:var(--fontbold5);transition:all .2s ease-in-out}
.wmkc-news .news-list .item .info .desc{font-size:var(--fontsize14);color:var(--fontcolor);margin-top:6px}
.wmkc-news .news-list .item:hover{box-shadow:0 5px 10px 0 rgba(11,3,6,.2)}
.wmkc-news .news-list .item:hover .info .title{color:var(--color)}
.wmkc-footlogo ul{padding:0px;margin:0px;display:flex;align-items:center;justify-content:space-between}
.wmkc-footlogo ul li{list-style:none;display:block;width:19%}
.wmkc-footlogo ul li img{transition:all .2s ease-in-out}
.wmkc-footlogo ul li:hover img{transform:scale(1.03)}
@media (max-width:1440px){.wmkc-banner .banner-animote{padding:0 130px}}
@media (max-width:1280px){.wmkc-banner .banner-animote .p3 a{min-width:160px;height:56px;font-size:var(--fontsize14)}
.wmkc-wrap{padding:65px 15px}
.wmkc-about .wmkc-wrap{padding:65px 15px 0px}}
@media (max-width:1024px){.wmkc-banner .bannerswiper-next,.wmkc-banner .bannerswiper-prev{display:none}
.wmkc-banner .banner-animote{padding:0px 20px}
.wmkc-banner .banner-animote .p1{margin-bottom:20px}
.wmkc-banner .banner-animote .p2{font-size:32px}
.wmkc-banner .banner-animote .p3{margin-top:30px;display:none}}
@media (max-width:768px){.wmkc-banner .pcimg{display:none}
.wmkc-banner .mobimg{height:260px;display:block}
.wmkc-banner .banner-animote .p1{font-size:var(--fontsize18);margin-bottom:10px}
.wmkc-banner .banner-animote .p2{line-height:1.2;font-size:var(--fontsize22)}
.wmkc-wrap{padding:50px 15px}
.wmkc-about .wmkc-wrap{flex-wrap:wrap}
.wmkc-about .about-img{width:100%}
.wmkc-about .about-img .routeimg img{width:100%}
.wmkc-about .about-info{width:100%;margin-top:20px}
.wmkc-products .pro-list{flex-wrap:wrap;justify-content:space-between}
.wmkc-products .pro-list .pro-item{width:48%;margin-right:0;margin-bottom:20px}
.wmkc-news .news-list .item{width:100%}}
@media screen and (max-width:500px){.wmkc-products .pro-list .pro-item{width:100%}
.wmkc-footlogo .wmkc-wrap{padding:30px 15px 20px}
.wmkc-footlogo .wmkc-wrap ul{flex-wrap:wrap}
.wmkc-footlogo .wmkc-wrap ul li{width:30%;margin-bottom:10px}}