@charset "utf-8"; 
#tagContent,.proList-random{max-width:1000px}
.l-about-info .about-text{line-height:24px;margin-top:20px;margin-bottom:30px}
.l-about-pic iframe{display:block}
.feature-list.even .feature-pic{opacity:1}
.feature-des{position:static;padding:10px;font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;text-align:center}
.feature-list:hover .feature-des{transform:scale(1);opacity:1;color:#feaa00}
.feature-list{padding:5px}
.m-nav .c-logo{background:#fff}
.m-nav .c-home{background:#eee}
.hot-pro-des .swiper-button-next,.m-nav .c-home>a,.m-top-info .c-item .fa,.u-about-more .more{color:var(--color)}
.l-about-info,.m-nav .c-search,.nav li a:after,.subbtn,.u-btn1,.u-case-more,.u-more,footer{background:var(--color)}
.hot-pro-des .swiper-button-next{border-color:var(--color)}
.hot-pro-tit{white-space:normal;font-size:24px;line-height:1.5}
.pro-text{margin-top:10px}
@media (min-width:1600px){.m-about.l-wrap{width:1400px}}

@font-face{font-family:Miaobi;font-display:swap;src:url(/js/27481/miaobi.ttf) format('truetype')}
.index main{background:url(/uploads/27481/img/bigbg.jpg) no-repeat;background-size:cover}
header{background:#fff}
@media (min-width:1081px){.l-wrapnew{width:80%;margin:0 10%}
}
@media (min-width:1600px){.l-wrapnew{width:1400px;margin:0 auto}
}
@media (max-width:1440px){.l-wrapnew{padding:0 2%}
}
@media (max-width:768px){.l-wrapnew{padding:0 5%}
}
.htitle{position:relative;text-align:center}
.htitle img{max-width:50%}
.htitle p{font-weight:400;font-size:88px;color:#000;margin:0 auto;display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:Miaobi;line-height:1.3}
.wmkc-sell{margin-top:3%}
.wmkc-sell ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:3%}
.wmkc-sell ul li{width:21.5%}
.wmkc-sell ul li img{width:100%;transition:all .3s}
.wmkc-sell ul li img:hover{transform:scale(1.1)}
.hsell-text{font-family:Miaobi;font-weight:400;font-size:76px;color:#fff;text-align:center}
.hsell-text span{color:#ff0}
.wmkc-choose{margin-top:3%}
.wmkc-ab1{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5%}
.wmkc-ab1>div{width:50%}
.wmkc-ab1 img{width:100%}
.wmkc-ab1 .right{font-weight:400;font-size:29px;color:#fff;display:flex;line-height:2;align-items:center;font-family:monospace}
@media (max-width:1600px){.htitle p{font-size:76px}
}
@media (max-width:1440px){.htitle p{font-size:62px}
}
@media (max-width:1280px){.htitle p{font-size:52px}
}
@media(max-width:768px){.htitle p{font-size:42px}
}
@media(max-width:500px){.htitle p{font-size:20px}
}
@media(max-width:1440px){.wmkc-ab1 .right{font-size:24px}
.hsell-text{font-size:60px}
}
@media(max-width:1366px){.wmkc-ab1 .right{font-size:20px}
}
@media(max-width:1024px){.wmkc-ab1 .right{font-size:18px}
}
@media(max-width:768px){.wmkc-ab1 .right{font-size:14px}
}
@media(max-width:768px){.hsell-text{font-size:45px}
.wmkc-ab1>div{width:100%}
}
@media(max-width:500px){.hsell-text{font-size:20px}
.wmkc-ab1 .right{font-size:18px}
}
.wmkc-ab2{display:flex;justify-content:space-between;margin-top:5%;position:relative}
.wmkc-ab2 .left{width:50%;font-weight:400;font-size:29px;color:#fff;display:flex;line-height:2;align-items:center;position:absolute;font-family:monospace}
.wmkc-ab2 .right{width:100%}
.wmkc-ab2 .right img{width:100%;padding-left:35%}
@media(max-width:1600px){.wmkc-ab2 .left{font-size:28px}
}
@media(max-width:1440px){.wmkc-ab2 .left{font-size:23px}
}
@media(max-width:1366px){.wmkc-ab2 .left{font-size:21px}
}
@media(max-width:1280px){.wmkc-ab2 .left{font-size:19px}
}
@media(max-width:768px){.wmkc-ab2 .left{font-size:14px}
}
@media(max-width:500px){.wmkc-ab2 .left{font-size:18px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5}
}
.wmkc-ab3{margin-top:3%}
.wmkc-ab3 ul{display:flex;justify-content:space-between}
.wmkc-ab3 ul li img{width:100%;transition:all .3s}
.wmkc-ab3 ul li img:hover{transform:scale(1.1)}
.wmkc-ab3 .about-text{font-weight:400;font-size:42px;color:#fff;font-family:Miaobi;text-align:center;margin-top:3%}
@media(max-width:1440px){.wmkc-ab3 .about-text{font-size:32px}
}
@media(max-width:1280px){.wmkc-ab3 .about-text{font-size:28px}
}
@media(max-width:768px){.wmkc-ab3 .about-text{font-size:20px}
}
@media(max-width:500px){.wmkc-ab3 .about-text{font-size:18px}
}
.wmkc-cert{margin-top:3%}
.wmkc-cert .hcert{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5%}
.wmkc-cert .hcert li{width:21%}
.wmkc-cert .hcert li img{width:100%;transition:all .3s}
.wmkc-cert .hcert li img:hover{transform:scale(1.1)}
@media(max-width:768px){.wmkc-cert .hcert li{width:48%;margin-bottom:20px}
}
.wmkc-cert .hlogo{display:flex;justify-content:space-between;margin-top:5%;padding:0 10%}
.wmkc-cert .hlogo li{width:11.3%}
.wmkc-cert .hlogo li img{width:100%;transition:all .3s}
.wmkc-cert .hlogo li img:hover{transform:rotateY(360deg)}
.wmkc-case{margin-top:3%}
@media(min-width:1601px){.wmkc-case .htitle p{top:-20%;font-size:110px}
}
.wmkc-case .hcase-con{position:relative}
.hcase-con img{width:100%}
.wmkc-case .hcase-con .catext{font-weight:400;font-size:33px;color:#fff;line-height:1.1;font-family:Miaobi;position:absolute;text-align:center}
.wmkc-case .hcase-con .case1{top:10%;left:25%}
.wmkc-case .hcase-con .case2{top:22%;right:22%}
.wmkc-case .hcase-con .case3{top:33%;left:20%}
.wmkc-case .hcase-con .case4{top:55%;right:22%}
.wmkc-case .hcase-con .case5{top:69%;left:20%}
.wmkc-case .hcase-con .case6{top:84%;right:22%}
@media(max-width:1440px){.wmkc-case .hcase-con .catext{font-size:26px}
}
@media(max-width:1366px){.wmkc-case .hcase-con .catext{font-size:24px}
}
@media(max-width:1280px){.wmkc-case .hcase-con .catext{font-size:22px}
}
@media(max-width:768px){.wmkc-case{display:none}
}
.wmkc-process{margin-top:5%}
.hprocess-content{padding:0 4%}
.wmkc-process .htitle p{font-size:55px}
@media(max-width:1440px){.wmkc-process .htitle p{font-size:41px}
}
@media(max-width:1280px){.wmkc-process .htitle p{font-size:38px}
}
@media(max-width:768px){.wmkc-process .htitle p{font-size:25px}
}
@media(max-width:500px){.wmkc-process .htitle p{font-size:14px}
}
.wmkc-process .hprocess-title{font-weight:400;font-size:71px;color:#fff;font-family:Miaobi;text-align:center}
.wmkc-process .hprocess-stitle{font-weight:400;font-size:59px;color:#fff;font-family:Miaobi;text-align:center}
.wmkc-process .hprocess-text{font-weight:400;font-size:35px;color:#fff;font-family:Miaobi}
.wmkc-process .hpr2{margin-top:-24%;text-align:right}
.hprocess-content .hpr1{position:relative;padding-bottom:30%}
.hprocess-content .hpr1 .hprocess-incon{position:absolute;bottom:0}
.hprocess-content .hpr2{position:relative;padding-bottom:25%}
.hprocess-content .hpr2 .hprocess-incon{position:absolute;bottom:0;right:5%}
.wmkc-process .hpr2 .hprocess-text{text-align:left}
.wmkc-process .hpr3{margin-top:-37%;position:relative;padding-bottom:32%}
.hprocess-content .hpr3 .hprocess-incon{position:absolute;bottom:0}
.wmkc-process .hpr4{margin-top:-40%;text-align:right;position:relative;padding-bottom:16%}
.hprocess-content .hpr4 .hprocess-incon{position:absolute;bottom:0;right:5%}
.wmkc-process .hpr5{margin-top:-14%;position:relative;padding-bottom:11%}
.hprocess-content .hpr5 .hprocess-incon{position:absolute;right:17%;bottom:0}
@media(max-width:1440px){.wmkc-process .hprocess-title{font-size:55px}
.wmkc-process .hprocess-stitle{font-size:45px}
.wmkc-process .hprocess-text{font-size:28px}
.hprocess-content img{max-width:73%}
.hprocess-content .hpr1 img{max-width:80%}
.hprocess-content .hpr5 img{max-width:52%}
}
@media(max-width:1280px){.wmkc-process .hprocess-title{font-size:50px}
.wmkc-process .hprocess-stitle{font-size:40px}
.wmkc-process .hprocess-text{font-size:24px}
}
@media(max-width:768px){.wmkc-process .hprocess-title{font-size:38px}
.wmkc-process .hprocess-stitle{font-size:24px}
.wmkc-process .hprocess-text{display:none}
.hprocess-content .hpr1{padding-bottom:24%}
.hprocess-content .hpr5{padding-bottom:0}
}
@media(max-width:500px){.wmkc-process .hprocess-title{font-size:19px}
.wmkc-process .hprocess-stitle{font-size:14px}
}
.wmkc-flow{margin-top:5%}
.wmkc-flow ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-flow ul li{width:22.5%;display:flex;flex-direction:column;justify-content:flex-end}
.flow-con{position:relative}
.flow-con .flow-line{position:absolute;top:5%;display:flex;justify-content:space-between;width:100%;align-items:center}
.flow-con .flow-line .box{width:20%;font-weight:400;font-size:28px;color:#000;font-family:Miaobi;text-align:center;padding-bottom:1%}
.flow-con .flow-line .box1{background:url(/uploads/27481/img/hflow5.png) no-repeat;background-position:center;background-size:contain}
.flow-con .flow-line .box2{background:url(/uploads/27481/img/hflow6.png) no-repeat;background-position:center;background-size:contain}
.flow-con .flow-line .box3{background:url(/uploads/27481/img/hflow7.png) no-repeat;background-position:center;background-size:contain}
.flow-con .flow-line .box4{background:url(/uploads/27481/img/hflow8.png) no-repeat;background-position:center;background-size:contain}
.flow-con img{width:100%}
@media(max-width:1440px){.flow-con .flow-line .box{font-size:18px}
}
.flow-line .icon{width:4%}
@media(max-width:768px){.flow-con .flow-line .box{font-size:14px}
}
@media(max-width:500px){.flow-con .flow-line .box{font-size:12px;width:50%}
.flow-line .icon{display:none}
.flow-con .flow-line{flex-wrap:wrap}
}
.hprocess-text p{font-family:Miaobi}
.hvi-banner video{width:100%}
.head-nav{max-width:100%;border-radius:0;bottom:0;background:url(/uploads/27481/img/headbg.jpg)}
.head-top{display:none}
.head-nav .search-box{display:none}
.head-nav .l-wrap{align-items:flex-end;justify-content:inherit;max-width:1400px}
.nav-ul>li>a{color:#fff;font-family:Miaobi}
.hvi-banner{position:relative}
.hvi-banner video{margin-top:-8%}
.hvi-banner .cover{background:url(/uploads/27481/img/videoba.jpg) no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;transition:opacity 2s;background-size:100%;z-index:10}
@media(max-width:500px){.hvi-banner video{margin-top:-11%}
}
@media(min-width:1025px){.head-nav .l-wrap{max-width:100%;padding-left:13%}
.nav-ul>li>a{font-size:22px}
.head-info{visibility:hidden}
}
@media(min-width:1025px){
.lang{top:-17px;}
.lang-icon span{color:#fff}
.lang-icon span::before,.lang-icon span::after{background:#fff;}
}