﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner video{width: 100%;min-height:inherit}
.home-cate .catelist ul{height:auto;}
.home-cate .catelist ul li .img{aspect-ratio:inherit;}
.home-cate .catelist ul li .title{background:var(--color);color:#fff;height:auto;flex:1;display:flex;align-items:center;justify-content:center}
.home-cate .catelist ul li:hover .title{color:#fff;}
.home-weare{padding-bottom:4%;}
.home-weare .home-weare-top .weare-icon-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-weare .home-weare-top .weare-icon-list li{width:32%;padding:3% 4%;border:1px solid var(--introcolor);text-align: center;color:var(--introcolor)}
.home-weare .home-weare-top .weare-icon-list li .tit{font-weight: var(--fontbold7);margin:20px 0 10px;font-size:var(--fontsize24)}
.home-weare .home-weare-bot{margin-top:3%;}
.home-weare .home-weare-bot .weare-bot-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-weare .home-weare-bot .weare-bot-list li{width:24.5%;}
.home-weare .home-weare-bot .weare-bot-list li .img{overflow: hidden;}
.home-weare .home-weare-bot .weare-bot-list li .img img{width:100%;display:block;transition: all .3s;}
.home-weare .home-weare-bot .weare-bot-list li .img img:hover{transform: scale(1.05);}
.home-weare .home-weare-bot .weare-btn{text-align: center;margin-top:1.5%;}
.home-weare .home-weare-bot .weare-btn a{display:inline-block;padding:5px 25px;border:2px solid var(--color);transition: all .3s;color:var(--color);text-transform: uppercase;}
.home-weare .home-weare-bot .weare-btn a:hover{background:#3065B5;color:#fff;border-color:#3065B5;}
@media (max-width:768px){.home-weare{padding-bottom:40px;}
.home-weare .home-weare-top .weare-icon-list li{width:100%;}
.home-weare .home-weare-top .weare-icon-list li{margin-top:10px;}
.home-weare .home-weare-top .weare-icon-list li .tit{margin:10px 0 5px;font-size:20px;}
.home-weare .home-weare-bot .weare-bot-list li{width:49%;}
.home-weare .home-weare-bot .weare-bot-list li:nth-child(n + 3){margin-top:2%;}
.home-weare .home-weare-bot .weare-btn{margin-top:15px;}}

@media (min-width:1025px){.home-advanced .advanced-container{height:400px;}
.home-advanced .advanced-list li{padding-top:3.2em}
.home-advanced .advanced-list li:hover{padding-top:4em;}}
@media (min-width:1025px) and (max-width:1440px){.home-advanced .advanced-container{height:350px;}}

.home-holycore{padding:4% 0;background:url(https://img01.v15cdn.com/singletem/wmpage184/wmpage184-page3-img1.webp) no-repeat top/cover;}
.wmpage184-page3 .wmpage-title{text-align:center}
.wmpage184-page3 .wmpage184-page1-desc{max-width:500px;text-align:center;margin:0 auto;color:var(--wmpage-color8)}
.wmpage184-page3 .wmpage184-page3-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
.wmpage184-page3 .wmpage184-page3-list li{width:24%;text-align:center;background:#f8f9fa;padding:30px 20px;border-radius:10px;margin-top:20px;box-shadow:0 0 20px 1px rgba(0,0,0,.2)}
.wmpage184-page3 .wmpage184-page3-list .wmpage184-page3-num{color:var(--color);font-size:30px;font-weight:var(--fontbold6);line-height: 1.52;}
.wmpage184-page3 .wmpage184-page3-list .wmpage184-page3-title{font-weight:var(--fontbold6)}
.wmpage184-page3 .wmpage184-page3-box{display:flex;align-items:center;justify-content:space-between;width:80%;margin:40px auto 0;background:#fff;border-radius:15px;padding:20px 40px;box-shadow:0 0 1.375rem rgba(0,0,0,.1)}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-words{font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a{position:relative;display:flex;justify-content:center;align-items:center;min-width:150px;height:45px;padding:0 20px;background:#3065B5;border-radius:30px;color:#fff;font-size:var(--wmpage-font15);font-weight:var(--fontbold7);overflow:hidden;z-index:1}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a::before{content:'';width:0%;height:100%;display:block;background:#000;position:absolute;transform:skewX(-20deg);opacity:1;left:-10%;top:0;z-index:-12;transition:all .7s cubic-bezier(.77,0,.175,1)}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a:hover::before{opacity:1;width:116%}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a::after{content:'';width:0%;height:100%;display:block;background:#3065B5;position:absolute;transform:skewX(-20deg);left:-10%;opacity:0;top:0;z-index:-15;transition:all .4s cubic-bezier(.2,.95,.57,.99);box-shadow:2px 0 14px rgba(0,0,0,.6)}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a:hover::after{opacity:1;width:120%}
@media screen and (max-width:1024px){.wmpage184-page3 .wmpage184-page3-list li{width:30%}
}
@media screen and (max-width:768px){.home-holycore{padding:20px 0;}
.wmpage184-page3 .wmpage184-page3-list li{width:48%;padding:10px;margin-top:10px;}
.wmpage184-page3 .wmpage184-page3-list .wmpage184-page3-num{font-size:16px;}
.wmpage184-page3 .wmpage184-page3-box{width:100%;height:auto;padding:20px;flex-direction:column;text-align:center;margin-top:20px;}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a{margin-top:15px}
}
.home-diverse .partner-container{margin-top:0;}
.home-diverse.home-diverse2{padding-top:20px;}
.home-news .list li{display:flex;justify-content: space-between;width:49%;transition: all .3s;}
@media (min-width:769px){.home-news .list li:nth-child(n + 3){margin-top:2%}}
.home-news .list li .img{width:45%;border:none;}
.home-news .list li .img img{object-fit: contain;}
.home-news .list li .info{padding:10px;width:55%;display:flex;justify-content: center;flex-direction: column;}
.home-news .list li .info .title{margin-top:0;padding-bottom:10px;position: relative;}
.home-news .list li .info .title:after{content: '';width:50px;height:3px;display:block;background: var(--color);position: absolute;bottom:0;}
.home-news .list li:hover{transition: all .3s ease-in-out;box-shadow: 0 5px 10px #E3E3E3;transform: translateY(-4px);}
@media (max-width:768px){.home-news .list li{width:100%;margin-top:2%;}
.home-news .list li .info .title{font-size:16px;-webkit-line-clamp:inherit;}
.home-news .list li .info .title:after{display:none;}}
.home-products{padding-top:0;}
.home-feedback{padding:0 0 4%;}
.home-feedback .wmkcfeedback{margin-top:2.5%;}
@media (max-width:768px){.home-feedback{padding-bottom:40px;}}
.home-cate .cateimg .absolute{bottom:auto;top:50%;transform: translateY(-50%);}
.home-title,.home-diverse .partner-container .partner-title{color:#3065B5}
.home-about .playvideo{position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;border-radius: 50%;background:#3065B5;cursor: pointer;transform: translate(-50%, -50%);}
.home-about .playvideo>a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;}
.home-about .playvideo>a em{font-size:24px;width:auto;height:auto;}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a::before,.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a::after{display:none}
.home-weare .home-weare-bot .weare-btn a{background:#3065B5;border:none;padding:0 20px;color:var(--headercolor);line-height:45px;border-radius:5px;}
.home-weare .home-weare-bot .weare-btn a:hover,.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a:hover{background:var(--color)}
.wmpage184-page3 .wmpage184-page3-box .wmpage184-page3-btn a{border-radius:5px!important;}
.home-cate .cateimg{display: none;}

.home-cate .catelist ul{justify-content:flex-start}
.home-cate .catelist ul li{width: 24%;margin-right:1.3333%;margin-bottom:20px!important;flex-direction:column;display:flex;}
.home-cate .catelist ul li:nth-child(3n){margin-right: 1.3333%;}
.home-cate .catelist ul li:nth-child(4n){margin-right: 0;}
@media (max-width: 1024px){.home-cate .catelist ul li{width: 32%;margin-right: 2% !important;}
.home-cate .catelist ul li:nth-child(3n){margin-right: 0 !important;}}
@media (max-width: 768px){.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width: 49%;margin-right: 0 !important;}}
.wmpage167-page5{position:relative;overflow:hidden}
.wmpage167-page5-mySwiper{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage167-page5-mySwiper::after{content:'';position:absolute}
.wmpage167-page5-mySwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.wmpage167-page5-title{margin-bottom:35px;display:flex;flex-direction:column;align-items:center}
.wmpage167-page5-title .home-title{position:relative}
.wmpage167-page5-title .home-title::after{position:absolute;content:'';background:var(--color);border-radius:20px;width:100%;height:35%;left:0;bottom:0;background-repeat:no-repeat;z-index:-1;opacity:.4}
.wmpage167-page5-mySwiper .swiper-slide img{position:relative;opacity:1;transition:all .5s ease}
.wmpage167-page5-mySwiper .swiper-slide:hover img{opacity:.4;transform:scale(1.03)}
.wmpage167-page5-title span{position:relative;display:block;font-size:14px;color:var(--color);line-height:20px;font-weight:var(--fontbold3);margin-bottom:1px;text-transform:uppercase}
 @media (min-width:1024px){.home-cate .catelist ul li:nth-child(3n){margin-right:1%}
.home-cate .catelist ul li:nth-child(4n){margin-right:0%}
}
#homeproducts .swiper-slide{height:auto;display:flex;flex-direction:column}
#homeproducts .swiper-slide .slide-title{flex:1;}
#homeproducts .swiper-slide .slide-title a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 10px;}
@media (max-width:768px){#homeproducts .swiper-slide .slide-title a{line-height:1.4;padding:8px;font-size:var(--fontsize15)}}
.home-cate .catelist ul li .img img{object-fit: cover;aspect-ratio: 1 / 1;}
.wmpage184-page3 .wmpage184-page3-list li{transition:all 0.4s 
ease-in-out;animation-delay:800ms;animation-name:fadeInUp;box-shadow:none}
.wmpage184-page3 .wmpage184-page3-list li:hover{box-shadow:-1px 8px 10px 2px rgba(176,176,176,0.37)}
@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}
to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}
}
.home-products .home-des {display:none}
@media (min-width:1440px){.home-cate .cateul li:nth-child(2){line-height: 20px;-webkit-line-clamp: 2;}}


