﻿#home-swiper .swiper-slide{height:auto}
#home-swiper .swiper-slide a{height:100%}
#home-swiper .swiper-slide img{width: 100%;height:100%;object-fit: cover;vertical-align: bottom}
#home-swiper .banner-pagination{position: absolute;z-index: 1}
.wmkc-about .about-text .text1{margin-top:10px;color: #565656;font-size: var(--fontsize18)}
@media (max-width:1440px){.wmkc-about .about-text .text1{font-size: var(--fontsize16)}}
@media (max-width:990px){.wmkc-partner .partner-list li{width:50%}}
.wmkc-procate .procate-list .li-info{width: 30%;}
.wmkc-procate .procate-list .li-img{width: 70%;}
@media (max-width:500px){.wmkc-choose .choose-list li{width:49%;}
.wmkc-procate .procate-list li{width:49%;padding:10px;}
.wmkc-procate .procate-list .li-info,.wmkc-procate .procate-list .li-img{width:100%;}
.wmkc-procate .procate-list li:nth-child(n + 5){margin-bottom:0 !important;}}

.wmkc-video{padding-top:4%}
.wmkc-video .homevideo-list{margin-top:2.5%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.wmkc-video .homevideo-list .item{width:24%;}
@media (max-width:768px){.wmkc-video{padding-top:40px;}
.wmkc-video .homevideo-list{margin-top:20px;}
.wmkc-video .homevideo-list .item{width:49%;margin:10px 0;}}
.wmkc-video lite-youtube::after{padding-bottom:178%;}
.wmkc-service .service-list .li-info .li-text,.wmkc-service .service-list .li-info .li-title{z-index: 2;}
#home-swiper .swiper-slide .banner-text.banner1{max-width:57%;transform:translateY(-50%);left:6%;top:37%}
#home-swiper .swiper-slide .banner-text.banner1 .p1{padding:0;font-style:italic;font-size:2.9vw;line-height:1.4;margin-bottom:1vw}
#home-swiper .swiper-slide .banner-text.banner1 .more{margin:0;background:#EA0000;border-radius:50px;text-transform:capitalize;font-weight:bold;font-size:1.5vw}
#home-swiper .swiper-slide .banner-text.banner1 .more:hover{background:var(--color);color:#fff}
@media (max-width:768px){#home-swiper .swiper-slide .banner-text.banner1 .more{font-size:var(--fontsize12)}
#home-swiper .swiper-slide .banner-text.banner1 .p1{font-size:var(--fontsize18)}}
@media (max-width:600px){#home-swiper .swiper-slide .banner-text.banner1{top:35%}
#home-swiper .swiper-slide .banner-text.banner1 .more{display:none}
#home-swiper .swiper-slide .banner-text.banner1 .p1{font-size:var(--fontsize12);text-align:left}}
.wmkc-service .title-wrap{padding:0 15px}
.wmkc-service .service-list{flex-wrap:nowrap;width:100%}
.wmkc-service .service-list li{display:block;width:20%;position:relative;border-right:1px solid #fff;transition:.4s;}
.wmkc-service .service-list .li-img{width:100%;height:600px;display:flex;justify-content:center;filter:brightness(0.8);position:relative}
.wmkc-service .service-list .li-img img{height:100%;width:auto;max-width:inherit;}
.wmkc-service .service-list .li-info{position:absolute;width:100%;left:0;bottom:0;text-align:left;padding:25px;display:block;}
.wmkc-service .service-list .li-info .li-text::before,.wmkc-service .service-list .li-info::before,.wmkc-service .service-list .li-info::after{display:none}
.wmkc-service .service-list .li-img:hover img{transform:none;}
.wmkc-service .service-list .li-info .li-title{color:var(--headercolor)}
.wmkc-service .service-list .li-info .li-text{color:var(--headercolor);line-height:1.7;display:none;}
.wmkc-service .service-list li.active{width:40%}
.wmkc-service .service-list li.active .li-img{filter:none;}
.wmkc-service .service-list li.active .li-img:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(180deg,rgba(73,183,174,0.00) 48%,var(--color) 80%);}
.wmkc-service .service-list li.active .li-info .li-text{display:block;}
@media (max-width:1200px){.wmkc-service .service-list .li-info{padding:15px}}
@media (max-width:768px){.wmkc-service .service-list{flex-wrap:wrap;}
.wmkc-service .service-list li{width:50%}
.wmkc-service .service-list .li-img{height:auto}
.wmkc-service .service-list .li-img img{height:100%;width:100%;}}
@media (max-width:540px){.wmkc-service .service-list{padding:0 15px}
.wmkc-service .service-list li{width:100%;border:none;margin-bottom:10px}
.wmkc-service .service-list .li-img{height:auto}
.wmkc-service .service-list .li-img img{height:100%;width:100%;}
.wmkc-service .service-list .li-info{padding:10px}
.wmkc-service .service-list .li-info .li-title{font-size:var(--fontsize17)}}



#home-swiper .swiper-slide .banner-text.ban1{width:auto;left:4%;transform: translate(0,-50%);color:#fff;max-width:initial;background:rgb(85 165 81 / 75%);padding:1.5% 2%;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-tit{font-size: 62px;font-weight: var(--fontbold7);line-height:1.3;animation: bannertext .6s forwards;animation-delay: .55s;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-des{font-size:26px;margin:2% 0;animation: bannertext .6s forwards;animation-delay: .6s;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-list{animation: bannertext .6s forwards;animation-delay: .6s;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-list p{position: relative;padding-left:15px;font-size:20px;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-list p:before{content:'';width:8px;height:8px;display: inline-block;background: #D70000;position: absolute;top:48%;left:0;border-radius: 50%;transform: translateY(-50%);}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-more a{color: #D70000;background: #fff;margin-left:0;margin-top:3%;border: none;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-more a:hover{background: #D70000;color:#fff;}
@media (max-width:1700px){#home-swiper .swiper-slide .banner-text.ban1 .ban1-tit{font-size:3.1vw;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-des{font-size:1.3vw;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-list p{font-size:1vw;}}
@media (max-width:768px){#home-swiper .swiper-slide .banner-text.ban1 .ban1-tit{font-size:26px;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-des{font-size:16px;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-list p{font-size:12px;}}
@media (max-width:640px){#home-swiper .swiper-slide .banner-text.ban1 .ban1-list{display:none;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-more{display:none}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-tit{font-size:20px;}
#home-swiper .swiper-slide .banner-text.ban1 .ban1-des{font-size:12px;}}

#home-swiper .swiper-slide .banner-text.ban2{width:auto;left:4%;transform: translate(0,-50%);color:#fff;max-width:initial;background:rgb(85 165 81 / 75%);padding:1.5% 2%;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-tit{font-size: 62px;font-weight: var(--fontbold7);line-height:1.3;animation: bannertext .6s forwards;animation-delay: .55s;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-des{font-size:26px;margin:2% 0;animation: bannertext .6s forwards;animation-delay: .6s;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-list{animation: bannertext .6s forwards;animation-delay: .6s;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-list p{position: relative;padding-left:15px;font-size:20px;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-list p:before{content:'';width:8px;height:8px;display: inline-block;background: #0E1877;position: absolute;top:48%;left:0;border-radius: 50%;transform: translateY(-50%);}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-more a{background: #0E1877;color: #fff;margin-left:0;margin-top:3%;border:none;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-more a:hover{color: #0E1877;background:#fff;}
@media (max-width:1700px){#home-swiper .swiper-slide .banner-text.ban2 .ban2-tit{font-size:3.1vw;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-des{font-size:1.3vw;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-list p{font-size:1vw;}}
@media (max-width:768px){#home-swiper .swiper-slide .banner-text.ban2 .ban2-tit{font-size:26px;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-des{font-size:16px;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-list p{font-size:12px;}}
@media (max-width:640px){#home-swiper .swiper-slide .banner-text.ban2 .ban2-list{display:none;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-more{display:none}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-tit{font-size:20px;}
#home-swiper .swiper-slide .banner-text.ban2 .ban2-des{font-size:12px;}}