﻿@import url(https://css02.v15cdn.com/m421/swiper.css);@import url(https://css02.v15cdn.com/m432/aos.css);.home-banner #banner-swiper{height:100%;min-height:370px}
.home-banner .swiper-pagination{display:block}
.home-banner .swiper-slide{height:auto}
.home-banner .swiper-slide a{display:block;width:100%;height:100%}
.home-banner .swiper-slide a img{width:100%;height:100%;object-fit:cover}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{background:0 0;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--fontcolor);transition:all .1s linear}
.home-banner .swiper-button-next::after,.home-banner .swiper-button-prev::after{display:none}
.home-banner .swiper-button-next:hover,.home-banner .swiper-button-prev:hover{background:var(--color);color:#fff}
.home-banner .swiper-button-next i,.home-banner .swiper-button-prev i{font-size:var(--fontsize26)}
.home-banner .swiper-button-next{right:80px}
.home-banner .swiper-button-prev{left:80px}
.home-banner .swiper-pagination-bullet{width:12px;height:12px}
.home-banner .swiper-pagination-bullet-active{background:var(--color)}
.home-banner .slide-pc,.home-banner .slide-pc img{display:block!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:none!important}
@media(max-width:1024px){.home-banner #banner-swiper{min-height:inherit}}
@media(max-width:768px){.home-banner .slide-pc,.home-banner .slide-pc img{display:none!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:block!important}
.home-banner .swiper-button-next{right:10px;width:30px;height:30px;display:none}
.home-banner .swiper-button-prev{left:10px;width:30px;height:30px;display:none}
}
.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{position:relative;padding:4% 0}
.wmkc-wrap{max-width:1600px;margin:0 auto;padding:0 20px}
.wmkc-title{position:relative;color:#333;font-size:33px;font-weight:500}
.wmkc-des{color:#555;font-size:var(--fontsize17);line-height:1.5;text-align:center}
@media (max-width:1024px){.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{padding:40px 0}}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize30)}}
@media (max-width:500px){.wmkc-about,.wmkc-content1,.wmkc-hotpro,.wmkc-video{padding:30px 0}
.wmkc-title{font-size:var(--fontsize26)}
.wmkc-des br{display:none}
}
.wmkc-about .wmkc-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.wmkc-about .about-info{width:46%}
.wmkc-about .about-info .wmkc-title{display:inline-block}
.wmkc-about .about-info .wmkc-title::after{content:'';position:absolute;bottom:0;left:73%;width:15%;height:2px;background:var(--color)}
.wmkc-about .about-info .info{margin:20px 0 60px;color:#555;font-size:var(--fontsize17);line-height:1.5}
.wmkc-about .about-info .info p{margin-bottom:20px}
.wmkc-about .about-info .info p:last-child{margin-bottom:0}
.wmkc-about .about-info .more{display:inline-block;padding:10px 30px;color:#fff;font-size:var(--fontsize17);background:var(--color);line-height:1.5}
.wmkc-about .about-video{position:relative;width:50%}
.wmkc-about .about-video .video-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:50%;cursor:pointer}
.wmkc-about .about-video .video-btn em{display:inline-block;padding:10px;color:var(--color);font-size:var(--fontsize30);line-height:1}
.wmkc-about .about-video .video-btn::before{content:'';position:absolute;background:#fff;border-radius:50%;z-index:-1;animation:aboutanimate 3s linear infinite}
@keyframes aboutanimate{0%{width:100%;height:100%;top:0;left:0;opacity:.5}
50%{width:calc(100% + 10px);height:calc(100% + 10px);top:-5px;left:-5px;opacity:.5}
100%{width:calc(100% + 20px);height:calc(100% + 20px);top:-10px;left:-10px;opacity:0}
}
.wmkc-about .about-video iframe{width:100%;height:100%;vertical-align:bottom}
@media (max-width:1280px){.wmkc-about .about-info .info{margin-bottom:40px}
}
@media (max-width:768px){.wmkc-about .about-info{width:100%;margin-bottom:25px}
.wmkc-about .about-info .info{margin:10px 0 20px}
.wmkc-about .about-info .info p{margin-bottom:10px}
.wmkc-about .about-video{width:100%;aspect-ratio:1.7}
}
@media (max-width:500px){.wmkc-about .about-info{margin-bottom:15px}
.wmkc-about .about-info .info{font-size:var(--fontsize16);margin:10px 0}
.wmkc-about .about-info .more{font-size:var(--fontsize16);padding:8px 20px}
}
.wmkc-hotpro{background:#f8f9fd}
.wmkc-hotpro .wmkc-title{padding-bottom:5px;text-align:center}
.wmkc-hotpro .wmkc-title::after{content:"\2000\2000";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:44px;height:6px;color:var(--color);text-decoration:overline;text-decoration:overline wavy}
.wmkc-hotpro .wmkc-des{margin:20px 0 50px}
.wmkc-hotpro .hotpro-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-hotpro .hotpro-list li{width:23.5%;background:#fff;box-shadow:0 5px 6px 1px rgba(213,215,223,.56);display:flex;flex-direction:column;justify-content:space-between}
.wmkc-hotpro .hotpro-list .li-img{display:block;overflow:hidden}
.wmkc-hotpro .hotpro-list .li-img img{width:100%;transition:all .3s ease}
.wmkc-hotpro .hotpro-list li:hover .li-img img{transform:scale(1.03)}
.wmkc-hotpro .hotpro-list .li-info{flex:1;padding:25px 25px 40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}
.wmkc-hotpro .hotpro-list .li-info .title{color:#333;font-size:var(--fontsize20);line-height:1.3;transition:color .3s ease}
.wmkc-hotpro .hotpro-list .li-info .more{margin-top:25px;display:inline-block;padding:8px 25px;color:#fff;background:#408858;border-radius:3px;line-height:1;transition:background .3s ease}
.wmkc-hotpro .hotpro-list li:hover .li-info .title{color:var(--color)}
.wmkc-hotpro .hotpro-list .li-info .more:hover{background:var(--color)}
@media (max-width:1280px){.wmkc-hotpro .hotpro-des{margin:20px 0 30px}
.wmkc-hotpro .hotpro-list .li-info{padding:20px 20px 30px}
}
@media (max-width:990px){.wmkc-hotpro .hotpro-list li{width:48.5%;margin-bottom:20px}
.wmkc-hotpro .hotpro-list li:nth-last-child(-n+2){margin-bottom:0}
}
@media (max-width:768px){.wmkc-hotpro .hotpro-des{margin:10px 0 20px}
.wmkc-hotpro .hotpro-list .li-info{padding:15px 15px 20px}
.wmkc-hotpro .hotpro-list .li-info .more{margin-top:15px}
}
@media (max-width:500px){.wmkc-hotpro .hotpro-list li{margin-bottom:10px}
.wmkc-hotpro .hotpro-list .li-info .title{font-size:var(--fontsize16)}
}
.wmkc-content1 .content1-img img{width:100%}
@media (max-width:768px){.wmkc-content1 .content1-img{margin-top:20px}}
.wmkc-video .wmkc-title{text-align:center}
.wmkc-video .video-swiper{margin-top:25px;padding-bottom:60px}
.wmkc-video .swiper-slide{transform:scale(.7) translateX(-80%);transition:all .3s ease}
.wmkc-video .swiper-slide.swiper-slide-prev{transform:scale(.7) translateX(-75%)}
.wmkc-video .swiper-slide.swiper-slide-active{transform:scale(1.1) translateX(-55%)}
.wmkc-video .swiper-slide.swiper-slide-next{transform:scale(1.1) translateX(-45%)}
.wmkc-video .swiper-slide iframe{width:100%;aspect-ratio:1.56;vertical-align:bottom}
.wmkc-video .video-swiper .swiper-pagination{bottom:0}
.wmkc-video .video-swiper .swiper-pagination-active{background:var(--color);opacity:1}
@media (max-width:990px){.wmkc-video .swiper-slide,.wmkc-video .swiper-slide.swiper-slide-prev .wmkc-video .swiper-slide.swiper-slide-active{transform:scale(1)!important}}
@media (max-width:768px){.wmkc-video .video-swiper{margin-top:15px}}
.wmkc-content2{position:relative;padding-bottom:3%}
.wmkc-content2 .wmkc-title{text-align:center}
.wmkc-content2 .wmkc-des{margin:5px auto 0;max-width:830px}
@media (max-width:1024px){.wmkc-content2{padding-bottom:30px}}
@media (max-width:768px){.wmkc-content2{padding:20px 0}}
.popwindow-iframe{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:21474836471;display:none}
.popwindow-flex{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.popwindow-flex iframe{max-width:90vw;max-height:calc(100% - 150px);width:100%;height:100%}
span.popwindow-close{cursor:pointer;color:#fff;position:absolute;right:20px;top:20px}
span.popwindow-close em{font-size:40px;line-height:1;font-weight:700}
@media (max-width:768px){.popwindow-flex iframe{max-width:92vw;max-height:calc(100% - 120px)}
span.popwindow-close{right:10px;top:20px}
span.popwindow-close em{font-size:30px}
}
.wmkc-about .about-video iframe {display:block;aspect-ratio:16/9}