﻿@charset "utf-8";
:root{--color:#d65c06}
.wmkc-lawy{margin:0 auto;max-width:1720px}
.wmkc-about-contant{position:relative;display:flex;box-sizing:border-box;padding:10px 0 10px 15px;justify-content:space-between}
.wmkc-about-left{position:relative;flex:1}
.wmkc-about-right{display:flex;box-sizing:border-box;padding:0 65px;width:50%;background:#f4f4f4;flex-direction:column;justify-content:center}
.wmkc-about-img img{display:block;max-width:100%}
.wmkc-about-right h5{margin-bottom:30px;font-size:24px;line-height:1.5}
.wmkc-about-right p{color:#2a2a2a;font-size:18px;line-height:1.5}
.wmkc-about-btn a{display:inline-block;padding:15px 25px;border-radius:30px;background:var(--color);color:#fff;font-weight:700;font-size:18px;line-height:1;transition:all .3s ease-in}
.wmkc-about-btn{margin-top:80px}
.wmkc-about{padding:60px 0}
.wmkc-about-contant::after{position:absolute;top:0;left:0;z-index:-1;width:10%;height:100%;border:1px solid var(--color);content:''}
.wmkc-about-span{position:absolute;bottom:40px;box-sizing:border-box;padding:15px;width:152px;height:152px;background:var(--color);transition:all .3s ease-in-out}
.wmkc-about-im{margin-bottom:10px}
.wmkc-about-year p{color:#fff}
.wmkc-about-year p>em{margin-right:5px;color:#fff;font-weight:700;font-style:normal;font-size:32px}
.wmkc-about-left:hover .wmkc-about-span{opacity:0}
.wmkc-gall-item{display:flex;background:#f4f4f4}
.wmkc-gall-left,.wmkc-gall-right{overflow:hidden;width:50%}
.wmkc-gall-right img{display:block;max-width:100%}
.wmkc-gall-left{display:flex;box-sizing:border-box;padding:0 5%;flex-direction:column;justify-content:center}
.wmkc-gall-left p:nth-of-type(1){margin-bottom:20px;color:var(--color);font-weight:700;font-size:30px;line-height:1.3}
.wmkc-gall-left p:nth-of-type(2){font-size:18px;line-height:1.5}
.wmkc-gall-title p{color:var(--color);text-align:center;font-size:38px;line-height:1;text-shadow:4px 1px 4px #ababab}
.wmkc-gall-list{margin:70px 0 0}
.wmkc-contant{margin:0 auto;max-width:1520px;text-align:center}
.wmkc-ioce-img img,.wmkc-pro-img img,.wmkc-video-im img{display:block;max-width:100%;transition:all .3s ease-in}
.wmkc-video-im{margin:55px auto;width:65%}
.wmkc-video-text p{color:#767676;font-size:20px;line-height:1.8}
.wmkc-product{margin:90px 0;padding:90px 0;background:var(--color)}
.wmkc-pro-list{display:flex;justify-content:space-between;align-items:center}
.wmkc-pro-left{width:30%}
.wmkc-pro-right{display:flex;box-sizing:border-box;padding-left:80px;width:70%;justify-content:space-between}
.wmkc-pro-item{width:22%}
.wmkc-pro-text{padding:20px 10px;color:#fff;text-align:center;font-size:18px}
.wmkc-pro-left p{color:#fff;text-align:initial;font-size:18px;line-height:1.8}
.wmkc-pro-img{overflow:hidden}
.wmkc-pro-img:hover img{transform:scale(1.1)}
.wmkc-gall-right:hover img{transform:scale(1.1)}
.wmkc-about-btn a:hover{box-shadow:2px 2px 5px 2px #b5b5b5}
.wmkc-icoe-list{display:flex;justify-content:space-between}
.wmkc-ioce-size p:nth-of-type(1){padding:25px 0;color:var(--color);font-weight:700;font-size:26px;line-height:1}
.wmkc-ioce-item{width:32%}
.wmkc-ioce-size p:nth-of-type(2){font-size:18px;line-height:1.5}
.wmkc-ioce{margin-bottom:80px}
.wmkc-ioce-img{display:flex;justify-content:center}
.wmkc-ioce-img:hover img{transform:rotateY(180deg)}
#linewslist-1,#liInfo{display:none}
@media (max-width:1720px){.wmkc-lawy{padding:0 3%}}
@media (max-width:1600px){.wmkc-contant{padding:0 3%}}
@media (max-width:1500px){.wmkc-about-right{padding:0 30px}
.wmkc-about-btn{margin-top:35px}
.wmkc-about-btn a{font-size:14px;padding:15px 20px}
.wmkc-about-right h5{margin-bottom:20px;font-size:22px}
.wmkc-about{padding:30px 0}
.wmkc-gall-title p{font-size:28px}
.wmkc-gall-list{margin:30px 0}
.wmkc-gall-left{padding:0 3%}
.wmkc-gall-left p:nth-of-type(1){font-size:26px;margin-bottom:15px}
.wmkc-pro-right{padding-left:50px}
.wmkc-pro-item{width:23%}
.wmkc-pro-text{font-size:16px}
.wmkc-product{margin:50px 0;padding:50px 0}}
@media (max-width:1200px){.wmkc-pro-text{font-size:14px;padding:10px}
.wmkc-about-right h5{font-size:18px;margin-bottom:10px}
.wmkc-about-right p{font-size:16px}
.wmkc-about-btn a{font-size:12px;padding:10px 15px}
.wmkc-about-btn{margin-top:20px}
.wmkc-about-span{padding:10px;width:100px;height:100px;bottom:30px}
.wmkc-about-im img{width:20px;height:20px}
.wmkc-about-year p>em{font-size:20px}
.wmkc-about-year p{font-size:14px}
.wmkc-about-im{margin-bottom:0}
.wmkc-gall-left p:nth-of-type(2){font-size:16px}
.wmkc-gall-left p:nth-of-type(1){font-size:18px;margin-bottom:10px}
.wmkc-gall-title p{font-size:24px}
.wmkc-video-text p,.wmkc-pro-left p.wmkc-ioce-size p:nth-of-type(2),.wmkc-pro-left p{font-size:16px}
.wmkc-ioce-img img{width:100px;height:100px}
.wmkc-ioce-size p:nth-of-type(1){padding:15px 0;font-size:20px}
.wmkc-ioce-size p:nth-of-type(2){font-size:14px}}
@media (max-width:1024px){.wmkc-about-right p{font-size:14px;line-height:1.3}
.wmkc-about-right{padding:0 20px}
.wmkc-about-btn{margin-top:10px}
.wmkc-gall-left p:nth-of-type(2){font-size:14px}
.wmkc-gall-left{padding:0 20px}
.wmkc-video-im{margin:30px auto;width:100%}
.wmkc-pro-list{flex-direction:column}
.wmkc-pro-left{width:100%;margin-bottom:25px}
.wmkc-video-text p,.wmkc-pro-left p.wmkc-ioce-size p:nth-of-type(2),.wmkc-pro-left p{font-size:14px}
.wmkc-pro-right{padding-left:0;width:100%}
.wmkc-ioce{margin-bottom:50px}}
@media (max-width:768px){.wmkc-about-contant{flex-direction:column}
.wmkc-about-right{padding:20px 20px;width:100%}
.wmkc-gall-item:nth-of-type(1){flex-direction:column}
.wmkc-gall-item:nth-of-type(2){flex-direction:column-reverse}
.wmkc-gall-left{padding:20px;width:100%}
.wmkc-gall-left,.wmkc-gall-right{width:100%}}
@media (max-width:500px){.wmkc-product{margin:30px 0;padding:30px 0}
.wmkc-pro-right{flex-wrap:wrap}
.wmkc-pro-item{width:49%}
.wmkc-icoe-list{flex-wrap:wrap}
.wmkc-ioce-item{width:100%;margin-bottom:20px}
.wmkc-ioce{margin-bottom:30px}}
.tabs-nav p:nth-child(2){display:none}
.wmkc-gall-right video{width:100%}
.customer-top{display:flex;justify-content:center;flex-wrap:wrap}
.customer-top .customer-top-item{width:10%;text-align:center;background:#f38e46;color:#fff;border-radius:6px;padding:8px 15px;margin:10px 15px;cursor:pointer;transition:all .3s}
.customer-top .customer-top-item:hover,.customer-top .customer-top-item.cus-active{background:var(--color)}
.customer-down{margin:3% 0}
.customer-down .customer-down-item{display:none}
.customer-down .customer-down-item .customer-down-item-box{display:flex;flex-wrap:wrap}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item{margin-right:2%;width:23.5%;position:relative;overflow:hidden;margin-bottom:2%}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item:nth-child(4n){margin-right:0}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item .img{overflow:hidden;border-radius:6px}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item .img img{display:block;width:100%}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item .text{position:absolute;left:0;width:100%;height:40%;transition:all .3s linear;top:100%;background:#d65c0660;color:#fff;text-align:center;padding:10px;display:flex;justify-content:center;align-items:center}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item .text a{color:#fff;display:block;text-decoration:none}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item:hover .text{top:60%}
.price-word{text-align:center;font-size:20px;margin:10px 0;width:100%}
.customer-youtube{width:100%;max-width:1000px;margin:10px auto}
@media (max-width:768px){.customer-top .customer-top-item{width:23%;margin:5px 10px}
.customer-down .customer-down-item .customer-down-item-box{justify-content:space-between}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item{width:49%;margin-right:0}
.price-word{font-size:18px}}
@media (max-width:500px){.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item .text{height:100%}
.customer-down .customer-down-item .customer-down-item-box .customer-down-item-box-item:hover .text{top:0}}
#home-swiper .banner-pagination{display:none}
.wmkc-video-im{width:100%}
.wmkc-video-im iframe{width:100%}
footer .foot-main .foot-item.foot-contact{padding-right:3.5%;border-right:1px solid #313131;border-left:none}
.sign-up{padding:20px 0px}
.sign-up .l-wrap{align-items:center;max-width:1720px;padding:0}
@media (max-width:1600px){.sign-up .l-wrap{padding:0 3%}}
.sign-up{background:url(/images/m422/img/common/foot-bg.jpg) #222 left top/cover no-repeat}
.sign-up .foot-sign{width:50%;color:#FFF;display:flex;align-items:center}
footer .sign-up .sign-tit{font-size:20px;color:var(--color);margin-bottom:5px}
.sign-up .foot-submit{width:50%;display:flex;height:44px;max-width:600px}
.sign-up .foot-submit input{flex:1;background-color:transparent;border:1px solid var(--color);padding-left:20px;color:#FFF}
.sign-up .foot-submit button{font-weight:var(--fontbold5);color:#FFF;text-transform:uppercase;background-color:var(--color);padding:0px 30px;font-size:18px}
@media(max-width:1024px){.sign-up .sign-tit{display:none}
.sign-up .foot-sign{display:none}
.sign-up .foot-submit{width:100%}
.sign-up .foot-submit button{font-size:16px}}
.customer-top{flex-direction:row-reverse}
footer .foot-main .foot-item.foot-cate:last-child{width:auto}
footer .foot-main .foot-item.foot-cate:last-child ul li{width:100%}
.kche-t37 .kche-flex-list>.kche-flex-item>.kche-flex-t{background:#fff!important;border:2px solid var(--color)}
.kche-t37 .kche-flex-list>div>.kche-flex-t>p{background:var(--color)!important;border-color:var(--color)!important}
.wmkc-video-btn{margin-top:30px;display:flex;justify-content:center;padding-bottom:10px}
.wmkc-video-btn a{padding:15px 25px;border-radius:30px;background:var(--color);color:#fff;font-weight:700;font-size:18px;line-height:1.3;transition:all .3s ease-in;margin:0 15px;}
.wmkc-video-btn a:hover{box-shadow:2px 2px 5px 2px #b5b5b5}
@media (max-width:1024px){.wmkc-video-btn a{font-size:12px;padding:10px 15px;margin:0 10px}}
@media (max-width:500px){.wmkc-video-btn a{font-size:12px;padding:10px 10px;margin:0 5px}}