@charset "utf-8";
:root{--color:#FE9818}
header .head-top .head-contact .item:nth-child(2) a:last-child:before{margin:0 5px;content:'/';color:#fff}
@media (min-width:769px){.footer-bottom .main .mid>div{width:32%}
.home-introduction .introduction .item .right .title{font-size:18px;-webkit-line-clamp:inherit}}
.process-item-title{text-transform:capitalize}
.home-case .l-wrap .theme{color:#FE9818}
.home-case .l-wrap .title{color:#000000}
.home-case .l-wrap .case .item .text{background-color:rgba(254,152,24,.8)}
.overview-left-img-box img{object-fit:cover}
header .head-info .head-logo{height:100%;max-width:inherit}
header .head-info .head-logo a{display:flex;height:100%}
header .head-info .head-logo img{max-height:80%;height:80%;object-fit:contain}
@media (max-width:768px){.contactmap iframe{height:400px}}
@media (max-width:560px){.contactmap iframe{height:300px}}

.wmkc-products{max-width:1400px;margin:0 auto}
.wmkc-pro-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.wmkc-pro-text p{font-size:20px;font-family:Arial;font-weight:400;color:#343434;line-height:32px;text-align:center;padding:25px 10px;transition:all .3s ease-in-out}
.wmkc-pro-img{display:block;overflow:hidden}
.wmkc-pro-img img{display:block;transition:all .3s ease-in-out}
.wmkc-contact-list{padding:70px 0;max-width:1400px;margin:0 auto;display:flex}
.wmkc-contact{background:url(/uploads/40342/sock-back.jpg)center no-repeat;background-size:cover}
.wmkc-contact-left,.wmkc-contact-right{width:50%}
.wmkc-contact-al{width:50%;margin:0 auto}
.wmkc-contact-left{display:flex;align-items:center}
.wmkc-contact-al p:nth-of-type(1){font-size:46px;font-family:Arial;font-weight:bold;color:#FFFFFF;line-height:60px;text-align:center}
.wmkc-contact-al p:nth-of-type(2){font-size:20px;font-family:Arial;font-weight:400;color:#ffffffc9;line-height:1.5;text-align:center;padding:20px 0}
.wmkc-contact-btn{display:flex;justify-content:center}
.wmkc-contact-btn a{font-size:24px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:1;padding:15px 50px;background:var(--color);display:block;border-radius:6px}
.wmkc-contact-right{padding:30px 25px;background:#313131e0;box-sizing:border-box}
.wmkc-contact-table p:nth-of-type(1){font-size:28px;font-weight:400;color:#FFFFFF;line-height:1.5}
.wmkc-contact-table p:nth-of-type(2){font-size:20px;font-family:Arial;font-weight:400;color:#ffffffc9;line-height:1}
.wmkc-contact-fack{margin-top:25px}
.wmkc-contact-fack .wmkcfeedback .inquiry-form{justify-content:space-between}
.wmkc-contact-fack .wmkcfeedback .inquiry-form input{width:48%;margin-right:0}
.wmkc-contact-inp{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-contact-fack .wmkc-contact-inp input:nth-last-child(1){width:100%}
.wmkc-con-btn{margin-top:15px;display:flex;justify-content:center}
.wmkc-icoe-img{width:100px;height:100px;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}
.wmkc-icoe-box:nth-of-type(1) .wmkc-icoe-img{background:#009241;border-radius:50%}
.wmkc-icoe-box:nth-of-type(2) .wmkc-icoe-img{background:#F99312;border-radius:50%}
.wmkc-icoe-box:nth-of-type(3) .wmkc-icoe-img{background:#AE2117;border-radius:50%}
.wmkc-icoe-box:nth-of-type(4) .wmkc-icoe-img{background:#2C3C45;border-radius:50%}
.wmkc-icoe-img img{display:block;max-width:100%;transition:all .3s ease-in-out}
.wmkc-icoe-all{display:flex;justify-content:space-between;max-width:1400px;margin:95px auto;flex-wrap:wrap}
.wmkc-icoe-box{width:20%}
.wmkc-icoe-text p:nth-of-type(1){font-size:24px;font-family:Arial;font-weight:400;color:#383838;line-height:22px;text-align:center;margin-bottom:10px}
.wmkc-icoe-text p:nth-of-type(2){font-size:16px;font-family:Arial;font-weight:400;color:#383838;line-height:22px;text-align:center}
.wmkc-video{background:url(/uploads/40342/videoback.jpg)center no-repeat;background-size:cover}
.wmkc-video-all{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:120px 0}
.wmkc-video-left{width:50%}
.wmkc-video-right{width:42%}
.wmkc-video-left p:nth-of-type(1){font-size:30px;font-family:Arial;font-weight:bold;color:#FFFFFF;line-height:22px;margin-bottom:20px}
.wmkc-video-left p:nth-of-type(2){font-size:18px;font-family:Arial;font-weight:400;color:rgba(255,255,255,0.98);line-height:29px}
.wmkc-video-btn{margin-top:30px}
.wmkc-video-btn a{font-size:20px;font-family:Arial;font-weight:400;color:#F0F5FB;line-height:1;background:var(--color);padding:15px;display:inline-block;border-radius:6px}
.wmkc-faq{max-width:1400px;margin:70px auto 65px}
.wmkc-faq-title p{font-size:40px;font-family:Arial;font-weight:bold;color:#373737;line-height:22px;text-align:center}
.wmkc-faq-title{margin-bottom:40px}
.wmkc-faq-all{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-fqa-pull{width:48%;margin-bottom:40px}
.wmkc-faq-box{display:flex;align-items:end}
.wmkc-faq-text{display:flex;align-items:center;justify-content:space-between;flex:1;padding:15px 45px;border:1px solid #eee;box-sizing:border-box;cursor:pointer}
.wmkc-faq-math{width:67px;height:67px;background:var(--color);display:flex;justify-content:center;align-items:center}
.wmkc-faq-math p{font-size:24px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:1}
.wmkc-faq-text p:nth-of-type(1){font-size:18px;font-family:Arial;font-weight:400;color:#3B3B3B;line-height:1}
.wmkc-faq-text p:nth-of-type(2){font-size:24px;line-height:1;font-weight:600}
.wmkc-icoe-box:hover img{transform:rotateY(160deg)}
.wmck-pro-box{width:24%}
.wmkc-faq-texts{padding:20px 25px;border:1px solid #eee;border-top:none;display:none}
.wmck-pro-box:hover .wmkc-pro-text p{color:var(--color)}
.wmkc-pro-img:hover img{transform:scale(1.1)}
/* footer */
.footer-bottom,.wmkc-contant,footer{background-color:#37383A}
.wmkc-contant{display:flex;justify-content:space-between;max-width:1500px;margin:0 auto;padding:40px 0 30px;align-items:center;border-bottom:1px solid #e5e5e5}
.wmkc-contant p{font-size:24px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:1}
.wmkc-contant a{font-size:18px;font-family:Arial;font-weight:400;color:#FFFFFF;line-height:1;padding:15px 40px;box-sizing:border-box;background:var(--color)}
.footer-bottom .main div p.title{font-size:20px;position:relative;padding-bottom:15px;margin-bottom:30px}
.footer-bottom .main div p.title::after{position:absolute;content:'';width:68px;height:3px;background:#FA9C1D;bottom:0;left:0px}
.wmkc-items a>em{display:none}
.wmkc-items{display:flex;margin-bottom:5px}
.wmkc-items>em{margin-right:15px;color:var(--color)}
.footer-bottom .main .mob-show .foot-list{display:flex;flex-wrap:wrap}
.footer-bottom .main .mob-show .foot-list li{width:50%;margin-bottom:15px}
.footer-bottom .main .mid{margin:0 4%}
.foot-feedback .feedback-btn{padding:10px 16px;background:var(--color);cursor:pointer;text-transform:capitalize;color:#FFF;border-radius:8px}
.foot-feedback .feedback-btn i{display:inline-block;margin-left:10px;transform:scale(0.9)}
.foot-feedback .feedback-input{position:relative;margin:16px 0px 18px;width:100%}
.foot-feedback .feedback-input input{box-sizing:border-box;padding:0px 14px;width:100%;height:40px;background:#fff;line-height:40px;color:#CCC;font-size:14px}
.foot-feedback .feedback-input i{position:absolute;right:5px;top:5px;font-size:20px;color:#b7b7b7}
.foot-link ul{display:flex}
.foot-link ul li{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-right:10px}
.foot-link{margin-top:35px}
.foot-link ul li a{color:#fff}
.foot-link ul li:nth-of-type(1){background:#3B5997}
.foot-link ul li:nth-of-type(2){background:#1DA1F2}
.foot-link ul li:nth-of-type(3){background:#0A66C2}
.foot-link ul li:nth-of-type(4){background:#DB2B95}
.foot-link ul li:nth-of-type(5){background:#FF0000}
.foot-link ul li:nth-of-type(6){background:#CC2127}
.foot-link ul li:nth-of-type(7){background:#000}
.home-banner{width:100%;max-width:100%;margin:0 auto}
.home-banner .swiper-slide.swiper-slide-active img{width: 100%;}
body{max-width:100%}
@media (max-width:1420px){.wmkc-products{padding:0 3%}
.wmkc-contact-list{padding:50px 3%}
.wmkc-contact-al{width:70%}
.wmkc-contact-al p:nth-of-type(1){font-size:42px;line-height:1.5}
.wmkc-contact-al p:nth-of-type(2){padding:10px 0}
.wmkc-contact-btn a{font-size:18px;padding:15px 30px}
.wmkc-icoe-all{margin:60px auto;padding:0 3%}
.wmkc-icoe-img{width:80px;height:80px}
.wmkc-icoe-img img{width:45%}
.wmkc-icoe-text p:nth-of-type(2){font-size:14px}
.wmkc-video-all{padding:80px 3%}
.wmkc-video-btn a{font-size:18px;line-height:1}
.wmkc-faq{margin:50px 0;padding:0 3%}
.footer-bottom .main div p.title{font-size:18px}
.footer-bottom .wmkc-items,.foot-item .foot-item li,.footer-bottom .main .left .text,.wmkc-contact-all p{font-size:14px}
.footer-bottom .main{padding-bottom:1%}
.wmkc-contant{padding:25px 0}
.wmkc-contant p{font-size:18px}
.footer-bottom .main .mob-show .foot-list li{width:100%}
.wmkc-faq-title p,.wmkc-video-left p:nth-of-type(1){font-size:32px;line-height:1}
.wmkc-faq-math{font-size:18px}
.wmkc-faq-math{width:55px;height:55px}
.wmkc-faq-text{padding:10px 30px}
.wmkc-pro-text p{line-height:1;padding:20px 10px}
.wmkc-contact-table p:nth-of-type(1){font-size:22px}
.wmkc-contact-table p:nth-of-type(2){font-size:16px;margin-top:8px;line-height:1.5}}
@media (max-width:1200px){.wmkc-contact-al p:nth-of-type(1){font-size:32px}
.wmkc-contact-al p:nth-of-type(2){font-size:18px}
.wmkc-contact-btn a{font-size:16px;padding:10px 20px;margin-top:15px}
.wmkc-faq-title p,.wmkc-video-left p:nth-of-type(1){font-size:28px}}
@media (max-width:1024px){.wmkc-icoe-text p:nth-of-type(1){font-size:18px}
.wmkc-icoe-box{width:23%}
.wmkc-video-all{padding:50px 3%}
.wmkc-video-left p:nth-of-type(2){font-size:16px;line-height:1.5}
.wmkc-video-right{width:48%}
.wmkc-video-btn a{padding:10px}}
@media (max-width:768px){.wmkc-pro-text p{padding:15px 10px;font-size:16px}
.wmkc-contact-list{flex-direction:column}
.wmkc-contact-left,.wmkc-contact-right{width:100%}
.wmkc-contact-al{width:100%}
.wmkc-contact-fack textarea{height:150px}
.wmkc-contact-fack .wmkc-contact-inp input{height:40px}
.wmkc-contact-al p:nth-of-type(1){line-height:1}
.wmkc-contact-btn a{margin-top:0;margin-bottom:10px}
.wmkc-contact-bt{font-size:18px;padding:10px}
.wmkc-icoe-box{width:48%;margin-bottom:2%}
.wmkc-icoe-all{margin:40px auto}
.wmkc-video-all{flex-direction:column}
.wmkc-video-left{width:100%}
.wmkc-video-right{width:100%;margin-top:20px}
.wmkc-video-right img{width:100%}
.wmkc-faq-box{width:100%;margin-bottom:15px}
.wmkc-contact-all input{margin-top:5px}
.wmkc-contant a{font-size:16px;padding:8px 20px}
.wmkc-contant{padding:20px 0}
.wmkc-contant p,.wmkc-contact-al p:nth-of-type(2){font-size:16px}
.wmkc-fqa-pull{width:100%;margin-bottom:20px}}
@media (max-width:500px){.wmkc-faq-text{padding:8px 10px}
.wmkc-faq-text p{font-size:16px}
.wmkc-contant{flex-direction:column;padding:15px 0}
.wmkc-contant p{margin-bottom:10px}
.footer-bottom .wmkc-items{width:100%}
.wmkc-faq-math{width:40px;height:40px}
.wmkc-faq-math p{font-size:14px}
.wmkc-faq-title p,.wmkc-video-left p:nth-of-type(1){font-size:22px}
.wmkc-faq{margin:25px 0}
.wmkc-faq-title{margin-bottom:20px}
.wmkc-contact-al p:nth-of-type(1){font-size:22px}
.wmck-pro-box{width:48%}}

/* head */
body{padding:0px;}
.wmkc-hrad-logo{min-height: 70px;}
header{background: #ffffff00;}
header .head-top{background: #d0e4e500;}
header .head-top .head-contact .item em{color: #F4A121;margin-right: 5px;font-size: 20px;line-height: 1;}
header .head-top .head-contact .item a{font-size: 16px;font-family: Arial;font-weight: 400;color: #fff;line-height: 22px;}
.wmkc-head-size p{font-size: 20px;font-family: Arial;font-weight: 400;color: #fff;line-height: 1;}
.wmkc-search-input{width: 233px;height: 30px;border: 1px solid #FFFFFF;border-radius: 15px;overflow: hidden;display: flex;align-items: center;}
.wmkc-search-input #txtSearch{width: 80%;height: 100%;padding: 0px 15px;margin-left: 3%;background: #d0e4e500;border: none;}
.wmkc-search-input .search-btn{background: #d0e4e500;}
.wmkc-search-input .search-btn>em{font-size: 18px;line-height: 1;color: #F4A121;}
.wmkc-hrad-logo .head-logo{display: flex;justify-content: center;padding: 15px 0;margin-bottom: 50px;}
header .head-info{height: 70px;box-shadow: none;}
.scrollhead  .head-info{margin-top: 0px;}
header .head-info .l-wrap{justify-content: center;}
header .head-info .head-nav .nav-ul>li>a{padding: 0 35px;}
header .head-info .head-nav .nav-ul>li:hover .submenu{z-index: 9;}
.scrollhead .head-info{position: fixed;top: 0;z-index: 999;width: 100%;background: #ffff;}
@media (max-width:1024px) {body {padding: 175px 0 0 0;}
header{display: flex;justify-content: space-between;align-items: center;position: fixed;}
header .head-info .head-nav{top: 90px;}
.scrollhead .head-info{position:unset ;background: #ffffff03;width: 10%;}
body {padding:90px 0;}
.wmkc-hrad-logo .head-logo{max-width: 80%;}}
header .head-info .head-nav .nav-ul{position: relative;padding: 15px 40px;background: rgba(255, 255, 255,0.8);}
.scrollhead .wmkc-hrad-logo{display:none}
@media (max-width:768px){header .head-info .head-nav .nav-ul>li>a{padding: 12px 0;}header .head-info .head-nav .nav-ul{padding: 0;}}
.home-banner .swiper-slide:after{position: absolute;content: '';width: 100%;height: 100%;background: #0000003b;top: 0;left: 0;z-index: 0;}
.home-banner .indexbanner-text{z-index: 1;}
.wmkc-fixed{position: unset !important;}
.wmkc-fixed .head-top .head-contact .item a,.wmkc-fixed .wmkc-head-size p{color: #000;}
#indexbanner{height: 840px;}
#indexbanner .swiper-wrapper .swiper-slide .swiper-banner-item img{height: 100%;object-fit: cover;}
.wmkc-hrad-logo .head-logo a>img{width:100%}
@media (max-width:768px) {.wmkc-hrad-logo .head-logo{padding: 0;margin-bottom: 0;}
#indexbanner{height: auto;}}
.wmkc-search-wrap{display:flex;align-items:center;}
.wmkc-search-input{margin-right:10px;}