@charset "utf-8";
.button_box strong{text-transform:capitalize}
.foot>div>div{font-size:13px}
.button_box p{padding:3px 0;line-height:1.7em}
.h3-b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:15px;box-sizing:border-box}
.col-sm-6{width:33.33%}
li#liproducts ul{max-height:360px;overflow-y:scroll}
.index-about .left h2{margin:0}
.index-about .left>span:nth-child(2){background:#fff;margin-bottom:30px}
.index-about .left .more{margin-top:40px}
.index-about .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.index-about .container:after,.index-about .container:before{display:none}
.index-about{height:auto;padding:80px 0}
.index-about .about-img{position:static}
.index-about .about-img lite-youtube{max-width:100%}
.wmkc-con-title p{color:#fff;text-align:center;letter-spacing:2px;font-weight:300;font-size:30px;font-family:Raleway}
.text-top01{background:#000}
.wmkc-con-title{padding-top:70px;padding-bottom:65px}
.wmkc-com-top{margin:0 auto;width:105px;height:105px;border-radius:100%;background:#f2f2f2;text-align:center;line-height:105px}
.wmkc-com-top em{color:#e60012;font-size:60px}
.wmkc-com-box{width:22%}
.wmkc-con-all{display:flex;padding-top:40px;justify-content:space-between;margin-bottom:50px}
.wmkc-com-size p:nth-of-type(1){color:#fff;text-align:center;font-weight:700;font-size:22px}
.wmkc-com-size p:nth-of-type(2){margin:0;padding:8px 0;color:#fff;text-align:center;font-size:14px;line-height:1.8}
.wmkc-inquiry-size p{color:#fff}
.wmkc-inquiry-size p a{color:#e60012}
.wmkc-con-title p span{color:#fff;text-align:center;font-weight:700;font-size:22px;font-family:Arial,Helvetica,sans-serif}
@font-face{font-family:iconfont;src:url(/js/21397/iconfont.ttf) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-fimail:before{content:"\e66e"}
.icon-fitelephone:before{content:"\e6f8"}
.icon-fa-clock-o:before{content:"\e8c3"}
.icon-fa-home1:before{content:"\e604"}
#feedbackForm table{max-width:100%!important;background-color:#0000!important}
#feedbackForm table tr td{display:block}
#feedbackForm table tr td:nth-of-type(1){display:none}
#feedbackForm table tbody{display:flex;flex-wrap:wrap;justify-content:space-between}
#feedbackForm table tbody tr:nth-of-type(1){width:49%}
#feedbackForm table tbody tr:nth-of-type(2){width:49%}
#feedbackForm table tbody tr:nth-of-type(3){width:100%;padding:25px 0}
#feedbackForm table tbody tr:nth-of-type(4){width:100%}
.fput{width:100%!important;display:block!important}
#feedbackForm .text{width:100%!important;height:60px!important;padding-left:15px!important}
#feedbackForm .atextarea{width:100%!important;padding:15px!important;height:300px!important}
#feedbackForm .submita{height:60px!important;width:100%;background:#e60012!important;border-radius:5px!important}
#feedbackForm .fsbtn{width:100%!important}
.wmkc-inquiry-size{margin-bottom:50px}
@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-info{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}
.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{max-width:100%;padding-left:8%}
.head-nav .nav-ul>li>a{font-size:22px}
.head-info .l-wrap{justify-content: inherit;}
.head-logo a img{max-height:70px;}
.head-info .l-wrap{align-items:flex-end;justify-content:inherit;max-width:1400px}}
header.is-active .head-nav .nav-ul>li>a{color:#fff;}
@media (min-width: 1025px) {.nobanner {padding-top: 80px;}}
.pagesbanner{padding-top: 80px;}
@media(min-width:1025px){
.lang{height:100%;display:flex;align-items:center;}
.lang-drop.lang-flex {transform: translate(20%, -10%);}
}