﻿.index main{background-color:#e8ece9}
.index main em,.index main i{font-style:normal}
@media screen and (min-width:1025px){.liQuote{display:flex;align-items:center}
.liQuote a{height:auto!important;padding:11px 42px!important;background:var(--color);color:#fff;box-sizing:border-box;border-radius:24px;flex-shrink:0;width:auto!important}
.lucency{background:0 0;border:0}
.head-info #nav{background:0 0}
.fontcolor{color:#fff!important}
}
.bootcolor{color:var(--color)}
.transationbgc{transition:all .3s linear}
.wmkc-wrap{max-width:1680px;margin:0 auto}
.home-banner .bannermin{position:absolute;top:224px;left:125px}
.home-banner .bannermin .title{color:#fff;max-width:1139px;font-weight:var(--fontbold6);font-size:86px;letter-spacing:2px;color:#fff;line-height:1;margin-bottom:40px}
.home-banner .bannermin .desc{font-weight:var(--fontbold4);font-size:var(--fontsize17);color:#fff;line-height:1.2;max-width:1000px;margin-bottom:60px}
.home-banner .bannermin .pic{height:70px}
.home-banner .bannermin .pic img{height:70px}
@media (max-width:1500px){.home-banner .bannermin{top:200px}
.home-banner .bannermin .title{margin-bottom:30px;font-size:65px}
.home-banner .bannermin .desc{margin-bottom:40px}}
@media (max-width:1200px){.home-banner .bannermin{top:150px}}
@media (max-width:1200px){.home-banner .bannermin{top:140px}
.home-banner .bannermin .title{margin-bottom:20px;font-size:50px}
.home-banner .bannermin .desc{margin-bottom:30px}}
@media (max-width:900px){.home-banner .bannermin{top:140px;left:80px}
.home-banner .bannermin .title{margin-bottom:20px;font-size:30px}
.home-banner .bannermin .desc{font-size:16px;margin-bottom:20px}
.home-banner .bannermin .pic img{height:50px}}
@media (max-width:735px){.home-banner .bannermin{top:50%;transform:translateY(-50%)}
.home-banner .bannermin .pic{display:none}}
@media (max-width:640px){.home-banner .bannermin{left:15px}
.home-banner .bannermin .title{font-size:20px;margin-bottom:10px}}
@media (max-width:500px){.home-banner .bannermin .title{font-size:16px;margin-bottom:10px}
.home-banner .bannermin .desc{display:none;font-size:14px}}
.wmkc-title h1,.wmkc-title h2,.wmkc-title h3,.wmkc-title h4,.wmkc-title h5{font-size:48px;color:#000;line-height:1.25;font-weight:var(--fontbold6);}
.wmkc-wide{padding-top: 5%;}
.wmkc-wide .title{text-align:center;margin-bottom:30px;}
.wmkc-wide .desc{text-align:center;max-width:840px;margin:0 auto;opacity:.6;font-size:var(--fontsize18);margin-bottom:72px}
.wmkc-wide .cards{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wmkc-wide .cards .card{width: 23%;margin-bottom: 2%;}
.wmkc-wide .cards .card .pic{overflow: hidden;background-color: #fff;margin-bottom: 26px;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;}
.wmkc-wide .cards .card .pic img{aspect-ratio: 1 / 1;object-fit: cover;}
.wmkc-wide .cards .card .pic2{padding:20px;overflow:hidden}
.wmkc-wide .cards .card .pic2 img{width:93%;margin:0 auto}
.wmkc-wide .cards .card .tag{display:inline-block;width:100%;text-align:center;font-weight:var(--fontbold6);font-size:var(--fontsize20);color:#000}
.wmkc-wide .cards .card:hover{cursor:pointer}
.wmkc-wide .cards .card:hover .pic img{transform:scale(1.02)}
.wmkc-wide .cards .card:hover .tag{color:var(--color)}
.wmkc-wide .read{display:flex;align-items:center;justify-content:center;margin-top:20px;padding-bottom:150px}
.wmkc-wide .read .more{cursor:pointer;color:#fff;border-radius:24px;padding:11px 48px;background-color:var(--color);border:2px solid var(--color)}
.wmkc-wide .read .more:hover{background-color:#fff;color:var(--color)}
.wmkc-about{background-repeat:no-repeat;background-size:cover}
.wmkc-about .top{display:flex;align-items:center}
.wmkc-about .top .left{margin-right: 5%;width: 49%;transform: translateY(-60px);margin-bottom: -60px;}
.wmkc-about .top .right{flex: 1;}
.wmkc-about .top .right .title{margin-bottom:46px}
.wmkc-about .top .right .title h2{color:#fff;}
.wmkc-about .top .right .desc{max-width:775px;color:#fff;opacity:.9;margin-bottom:30px;font-size:var(--fontsize15)}
.wmkc-about .top .right .icon{padding-top:10px;display:flex;align-items:center;}
.wmkc-about .top .right .icon a{cursor:pointer;flex-shrink:0;border-radius:24px;border:2px solid #fff;padding:16px 40px;color:#fff;box-sizing:border-box;margin-right:64px;line-height:1;font-size:var(--fontsize13)}
.wmkc-about .items{display: flex;justify-content: space-between;padding: 90px 0 100px;}
.wmkc-about .items .item{color: #fff;display: flex;flex-direction: column;align-items: center;width: 25%;}
.wmkc-about .items .item .num{margin-bottom:25px}
.wmkc-about .items .item .num span{font-size:58px}
.wmkc-about .items .item .num i{font-size:var(--fontsize24)}
.wmkc-solutions{padding: 5% 0;}
.wmkc-solutions .title{margin-bottom:40px;}
.wmkc-solutions .desc{font-weight:var(--fontbold3);color:#000;line-height:1.3;opacity:.6;max-width:580px;margin-bottom:58px}
.wmkc-solutions .cards{display: flex;justify-content: space-between;}
.wmkc-solutions .cards .card{width: 31%;}
.wmkc-solutions .cards .card .pic{overflow:hidden;margin-bottom:22px}
.wmkc-solutions .cards .card .tag{font-weight: var(--fontbold6);font-size: var(--fontsize22);color: #000;line-height: 1;margin-bottom: 25px;}
.wmkc-solutions .cards .card .ldesc{font-size: var(--fontsize16);color: #000;opacity: .8;}
.wmkc-solutions .cards .card:hover{cursor:pointer}
.wmkc-solutions .cards .card:hover .ldesc,.wmkc-solutions .cards .card:hover .tag{color:var(--color)}
.wmkc-solutions .cards .card:hover .pic img{transform:scale(1.02)}
.wmkc-choose{background-color:#fff;padding: 5% 0;}
.wmkc-choose .title{margin-bottom:31px;text-align:center}
.wmkc-choose .desc{font-weight:var(--fontbold3);font-size:var(--fontsize15);color:#000;line-height:1.6;opacity:.6;max-width:780px;margin:0 auto;text-align:center}
.wmkc-choose .circel-lists{display:flex;align-items:center;justify-content:center}
.wmkc-choose .circel-lists .circle{flex-shrink:0;display:inline-block;width:600px;height:600px;padding:71px;background:linear-gradient(to bottom,#fff,#f9f9f9,#efefef);border-radius:50%;display:flex;align-items:center;justify-content:center}
.wmkc-choose .circel-lists .lists{flex:1;z-index:1}
.wmkc-choose .circel-lists .lists .list:last-child{margin-bottom:0}
.wmkc-choose .circel-lists .lists .list{display:flex;align-items:center;margin-bottom:70px}
.wmkc-choose .circel-lists .lists .list .left{margin-right:43px}
.wmkc-choose .circel-lists .lists .list .left .tag{margin-bottom:18px;font-weight:var(--fontbold6);font-size:var(--fontsize22);color:#000;line-height:1}
.wmkc-choose .circel-lists .lists .list .left .ldesc{font-weight:var(--fontbold3);color:#000;line-height:1.5;opacity:.6}
.wmkc-choose .circel-lists .lists .list .right{width:100px;height:100px;background-color:#f1f7e9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.wmkc-choose .circel-lists .lists .list .right img{width:45px;}
.wmkc-choose .circel-lists .lists:nth-of-type(1){margin-right:-71px}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list{justify-content:flex-end}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list .left .ldesc,.wmkc-choose .circel-lists .lists:nth-of-type(1) .list .left .tag{text-align:right}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list:nth-of-type(2){padding-right:44px}
.wmkc-choose .circel-lists .lists:nth-of-type(2){margin-left:-71px}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list .left{order: 1;margin-left: 42px;margin-right: 0;}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list .left .ldesc,.wmkc-choose .circel-lists .lists:nth-of-type(2) .list .left .tag{text-align:left}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list:nth-of-type(2){padding-left:44px}
.wmkc-partner{padding: 5% 0;}
.wmkc-partner .title{margin-bottom: 30px;text-align: center;}
.wmkc-partner .desc{margin:0 auto;text-align:center;max-width:710px;font-weight:var(--fontbold3);font-size:var(--fontsize15);color:#000;line-height:1.5;opacity:.6;margin-bottom:22px}
.wmkc-partner .cards{padding: 30px 0;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}
.wmkc-partner .card{overflow: hidden;width: 24%;margin-bottom: 2%;}
.wmkc-partner .card img{width: 100%;}
.wmkc-partner .card:hover{cursor:pointer}
.wmkc-partner .card:hover img{transform:scale(1.1)}
@media (max-width:1640px){.wmkc-title h1, .wmkc-title h2, .wmkc-title h3, .wmkc-title h4, .wmkc-title h5{font-size: 42px;}
.wmkc-wrap{padding: 0 70px;}
.wmkc-wide .desc{max-width: 80%;margin-bottom: 30px;}
.wmkc-wide .read{padding-bottom:100px}
.wmkc-about .items{padding: 70px 0;}
.wmkc-about .items .item .num span {font-size: 54px;line-height: 1;}}
@media (max-width:1440px) {.wmkc-choose .circel-lists .lists .list{margin-bottom: 40px;}
.wmkc-choose .circel-lists .lists .list .right{width: 65px; height: 65px;}
.wmkc-choose .circel-lists .lists .list .right img{width: 30px;}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list .left{margin-left: 20px;}
.wmkc-choose .circel-lists .lists .list .left{margin-right: 20px;}}
@media (max-width:1366px){
.wmkc-title h1, .wmkc-title h2, .wmkc-title h3, .wmkc-title h4, .wmkc-title h5{font-size: 38px;}
.wmkc-choose .desc{margin-bottom:20px}
.wmkc-choose .circel-lists{flex-wrap:wrap}
.wmkc-choose .circel-lists .lists{flex:none;width:100%}
.wmkc-choose .circel-lists .lists .list .left{margin-right:0}
.wmkc-choose .circel-lists .lists:nth-of-type(1){margin-right:0}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list{margin-bottom:20px;justify-content:flex-start}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list .left{margin-left:20px;order:1}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list .left .tag{text-align:left}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list .left .ldesc{text-align:left}
.wmkc-choose .circel-lists .lists:nth-of-type(1) .list:nth-of-type(2){padding-right:0}
.wmkc-choose .circel-lists .lists:nth-of-type(2){margin-left:0}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list{margin-bottom:20px}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list .left{margin-left:20px}
.wmkc-choose .circel-lists .lists:nth-of-type(2) .list:nth-of-type(2){padding-left:0}
.wmkc-choose .circel-lists .circle{display:none}
.wmkc-about .top .right .title{margin-bottom: 20px;}
.wmkc-about .top .left{transform: translateY(0px);margin-bottom: 0;}
.wmkc-about .items {padding: 70px 0 0;}
.wmkc-about{padding: 5% 0;}
.wmkc-wide .read{padding-bottom: 5%;}
.wmkc-about .top .right .icon img{max-width: 50%;}
.wmkc-wrap{padding: 0 50px;}}
@media (max-width:1024px){
.wmkc-title h1, .wmkc-title h2, .wmkc-title h3, .wmkc-title h4, .wmkc-title h5{font-size: 32px;}
.wmkc-wrap{padding: 0 30px;}
.wmkc-about .items .item{padding-bottom:20px}
.wmkc-about .top .left img{width: 100%;}
.wmkc-solutions{padding:50px 0}
.wmkc-solutions .title {margin-bottom: 14px;}
.wmkc-choose{padding: 50px 0;}
.wmkc-wide .desc {max-width: 95%;margin-bottom: 20px;font-size: 16px;}
.wmkc-wide .title{margin-bottom: 20px;}
.wmkc-about .items .item .num span{font-size: 42px;}
.wmkc-about .items .item .num i{font-size: 20px;}
.wmkc-about .items .item .num{margin-bottom: 15px;}
.wmkc-about .items {padding: 50px 0 0;}
.wmkc-solutions .desc{max-width: 65%;margin-bottom: 20px;}
.wmkc-partner .cards{padding-bottom: 30px;padding-top: 0;}}
@media (max-width:800px){
.top .right .icon a{margin-bottom:30px;margin-right:0!important}
.wmkc-about .top .right .icon{justify-content: space-between;align-items: center;}
.wmkc-about .top .right .icon a{margin-bottom: 0;}
.wmkc-about .items .item .num span{font-size: 42px;}}
@media (max-width:768px){
.wmkc-title h1, .wmkc-title h2, .wmkc-title h3, .wmkc-title h4, .wmkc-title h5{font-size: 26px;}
.wmkc-solutions{padding:45px 0}
.wmkc-wrap {padding: 0 15px;}
.wmkc-choose .lists .list .right{width:60px!important;height:60px!important}
.wmkc-choose .lists .list .right img{height:27px!important;width:27px!important}
.wmkc-wide .cards .card .pic{margin-bottom: 15px;padding: 10px;}
.wmkc-wide .cards .card .tag{font-size: 16px;}
.wmkc-wide .read .more{line-height: 1;}
.wmkc-about .top{flex-direction: column;}
.wmkc-about .top .left{margin-right: 0;width: 100%;margin-bottom: 20px;}
.wmkc-about .items .item .num span{font-size: 32px;}
.wmkc-about .items .item .num i{font-size: 16px;}
.wmkc-solutions .cards{flex-wrap: wrap;}
.wmkc-solutions .cards .card{width: 48%;margin-bottom: 30px;}
.wmkc-solutions .cards .card:nth-last-child(1){margin-bottom: 0;}
.wmkc-partner .title{margin-bottom: 10px;}
.wmkc-partner .cards{padding-bottom: 0;}
footer{padding: 0;}
.wmkc-choose .circel-lists .lists .list .left .tag{margin-bottom: 10px;font-size: 18px;}}
@media (max-width:550px) {.wmkc-title h1, .wmkc-title h2, .wmkc-title h3, .wmkc-title h4, .wmkc-title h5{font-size: 22px;}
.wmkc-wide .cards .card{width: 48%;margin-bottom: 2%;}
.wmkc-about .items{flex-wrap: wrap;}
.wmkc-about .items .item{width: 50%;padding-bottom: 40px;}
.wmkc-solutions .cards .card{width: 100%;}
.wmkc-solutions .desc{max-width: 100%;}}
.home-news{background:#fff;padding-top:0;}

.home-cate{position:relative;padding:4% 0;background:#f5f5f5}
.home-cate .wmkc-title{text-align:center}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color);}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid var(--fontcolor);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{color:#fff;background:var(--color);border-color:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%;}
.home-cate .catelist ul li:nth-child(3n){margin-right:0;}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3;display:block}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px;}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}}
@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}}
@media(max-width:1024px){.home-banner .banner-animote .p2{font-size:var(--fontsize30)}
.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}
}
@media(max-width:768px){.home-cate{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between;}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0;}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px;}}