﻿.index main{background:#0a0a0a}
@media (max-width:1025px){.index main .swiper-container{margin-top:198px}}
@media (max-width:769px){.index main .swiper-container{margin-top:128px}}

:root{--hometitlefont:34px;--fontsize32: 32px;--fontsize34: 34px;--fontsize38: 38px;--fontsize40: 40px;--fontsize48: 48px;}

@media (min-width: 1441px){footer .footer-wrap{padding: 0 100px;}
}
@media (max-width: 1440px){:root{--hometitlefont:34px;}
}
@media (max-width: 1280px){:root{--hometitlefont:30px;}
}
@media (max-width: 1024px){:root{--hometitlefont:26px;}
}
@media (max-width: 768px){:root{--hometitlefont:24px;}
}
.lazy-wrap{width: 100%;height: 100%;}

.index main{margin-top:-140px}
.index main #video{width:100%}
.index main #video{min-height:inherit}
.home-bannertxt{font-family:'BebasNeue';font-size:130px;color:var(--color);text-transform:uppercase;line-height:1;position:absolute;bottom:20%;right:15%}
.home-bannertxt p:nth-child(2){margin-left:.7em}
@media (max-width:1600px){.home-bannertxt{font-size:110px}}
@media (max-width:1440px){.home-bannertxt{font-size:95px}}
@media (max-width:1200px){.home-bannertxt{font-size:80px}}
@media (max-width:1024px){.home-bannertxt{font-size:65px}}
@media (max-width:768px){.home-bannertxt{font-size:45px}}
@media (max-width:540px){.home-bannertxt{font-size:32px}}
@media (max-width:1024px){.index main{margin-top:0}}

.line1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.line3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.line4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.line5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.home-title{font-size: var(--hometitlefont);font-weight: var(--fontbold5);text-transform: capitalize;line-height: 1.4;text-align: center;}

.wmkc-aboutus{padding: 3% 0;color: #fff;background: url(/uploads/44194/index/aboutbg.jpg) no-repeat;background-size: cover;padding-top: 200px;padding-bottom: 130px;}
.wmkc-aboutus .home-title{text-align: left;font-family: 'BebasNeue';}
.wmkc-aboutus .flex{display: flex;justify-content: end;}
.wmkc-aboutus .flex .info{width: 47%;}
.wmkc-aboutus .flex .intro{font-size: var(--fontsize24);margin-top: 120px;}
.wmkc-aboutus .numlist{display: flex;justify-content: space-between;color: #003BFC;margin-top: 120px;}
.wmkc-aboutus .numlist .item{width: 19%;}
.wmkc-aboutus .numlist .num{font-size: var(--fontsize40);font-weight: bold;display: flex;align-items: center;line-height: 1;}
.wmkc-aboutus .numlist .num span{font-size: 80px;margin-right: 5px;font-family: 'BebasNeue';}
.wmkc-aboutus .numlist .num sup{margin-top: -25px;}
.wmkc-aboutus .numlist p{color: #fff;font-size: var(--fontsize26);}

.wmkc-aboutvideo{background: linear-gradient(to bottom, black 50%, #ebebeb 50%);}
.wmkc-aboutvideo .l-wrap{margin-right: 0;padding-right: 0;max-width: 1750px;}

@media (max-width:1440px) {
.wmkc-aboutus{padding: 4% 0;}
.wmkc-aboutus .flex .intro{font-size: var(--fontsize18);margin-top: 60px;}
.wmkc-aboutus .numlist{margin-top:60px}
.wmkc-aboutus .numlist .num{font-size: var(--fontsize20);font-family: 'BebasNeue'}
.wmkc-aboutus .numlist .num span{font-size: var(--fontsize36);}
.wmkc-aboutus .numlist p{font-size: var(--fontsize20);}

.wmkc-aboutvideo .l-wrap{max-width:1700px;padding: 0 70px;}
}
@media (max-width:1024px) {
.wmkc-aboutus .flex .intro{margin-top: 20px;}
.wmkc-aboutus{background: initial;}
.wmkc-aboutus .flex{display: block;}
.wmkc-aboutus .flex .info{width: 100%;}
.wmkc-aboutus .numlist{margin-top: 20px;flex-wrap: wrap;}
.wmkc-aboutus .numlist{justify-content: initial;}
.wmkc-aboutus .numlist .item{width: 32%;margin-bottom: 10px;}
.wmkc-aboutvideo .l-wrap{padding: 0 20px;}
}
@media (max-width:768px) {
.wmkc-aboutus .flex .intro{font-size: var(--fontsize16);}
.wmkc-aboutus .numlist .item{width: 48%;}
.wmkc-aboutus .numlist .num{font-size: var(--fontsize18);}
.wmkc-aboutus .numlist .num sup{margin-top: 0;}
.wmkc-aboutus .numlist .num span{font-size: var(--fontsize22);}
.wmkc-aboutus .numlist p{font-size: var(--fontsize16);}
}

.bigimg img{width: 100%;}
.wmkc-custom{position: relative;padding: 4% 0;}
.wmkc-custom .l-wrap{position: relative;z-index: 9;}
.wmkc-custom .bgimg{position: absolute;z-index: 1;width: 100%;height: 100%;left: 0;top: 0;}
.wmkc-custom .bgimg img{width: 100%;height: 100%;}
.wmkc-custom .home-title{color: #fff;text-align: left;font-size: 80px;}
.wmkc-custom .home-title:after{content: '';display: block;background: #fff;height: 1px;width: 100%;margin-top: 30px;}
.wmkc-custom .midimg{margin-top: 4%}
.wmkc-custom img{width: auto;max-height: 100%;}
@media (max-width:1440px) {.wmkc-custom .home-title{font-size: var(--hometitlefont);}}



.wmkc-proappli .flex{display: flex;}
.wmkc-proappli .home-title{font-family: 'BebasNeue'}
.wmkc-proappli .proimg{flex: 1;overflow: hidden;}
.wmkc-proappli .proimg img{width: 100%;height: 100%;transition: .2s;}
.wmkc-proappli .proimg:hover img{transform: scale(1.2);}
.wmkc-proappli .info{width: 50%;padding: 80px;background: #fff;}
.wmkc-proappli .line{width: 600px;max-width: 60%;height: 1px;background: #2D2D2D;margin: 30px auto;}
.wmkc-proappli .list{display: flex;justify-content: space-between;}
.wmkc-proappli .list .item img{width: 100%;}
.wmkc-proappli .list .temp{width: 32%;margin: auto;max-width: 200px;}
.wmkc-proappli .list .temp .item{margin-bottom: 60px;border-radius: 5px;overflow: hidden;transition: .2s;}
.wmkc-proappli .list .temp .item:hover{transform: translateY(-10px);}
.wmkc-proappli .list .temp .item img{width: 100%;}
.wmkc-proappli .list .type{flex: 1;padding: 0 70px;}

.wmkc-proappli .list .type .item{overflow: hidden;}
.wmkc-proappli .list .type .item img{transition: .2S;}
.wmkc-proappli .list .type .item:hover img{transform: scale(1.2);}
@media (max-width:1440px) {
.wmkc-proappli .info{padding:  0 60px;}
.wmkc-proappli .list .temp .item{margin-bottom: 20px;}
.wmkc-proappli .item1 .list .type{padding-right: 0;padding-left: 20px;}
.wmkc-proappli .item2 .list .type{padding-right: 20px;padding-left: 0;}
}
@media (max-width:1024px) {.wmkc-proappli .info{padding:4% 20px ;}
.wmkc-proappli .line{margin: 10px auto;}
}
@media (max-width:768px) {
.wmkc-proappli .flex{flex-wrap: wrap;}
.wmkc-proappli .info{width: 100%;padding: 20px;}
.wmkc-proappli .item2 .list{flex-direction: row-reverse;}
.wmkc-proappli .item2 .list .type{padding-right: 0;padding-left:20px;}
}

.wmkc-advantage{padding: 1% 0;font-family: 'BebasNeue'}
.wmkc-advantage img{width: 100%;}
.wmkc-advantage .flex{display: flex;}
.wmkc-advantage .item{position: relative;flex: 1;}
.wmkc-advantage .item::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);z-index: 5;}
.wmkc-advantage .item:hover::before{display: none;}
.wmkc-advantage .img{display: flex;width: 100%;height: 100%;}
.wmkc-advantage .info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;z-index: 9;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 5px;}
.wmkc-advantage .info .title{font-size: 50px;margin-bottom: 10px;}
.wmkc-advantage .info .des{font-size: var(--fontsize24);}
.advantsw-pagination{display: none;text-align: center;}
.swiper-pagination-bullet{background: #fff;}
@media (max-width:1024px) {.advantsw-pagination{display: block;}
.wmkc-advantage .swiper-box{padding-bottom: 20px;}
.wmkc-advantage .item{flex: none;}
}
.wmkc-aboutvideo iframe{width:100%;}