﻿@charset "utf-8"; 
:root{--color:#ffffff}
.wmkc-template-33 .wmkc-flex {display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-flex .wmkc-item-img {padding:0!important}
.wmkc-template-33 .wmkc-flex .wmkc-item-img img {position:static}
.head{top:60px}
body{padding-top:30px}
.wmkc-tops{position:fixed;width:100%;height:30px;top:30px;left:0;padding:0 3%;box-sizing:border-box;display:flex;background:#171615;align-items:center;}
@media (max-width:500px){.wmkc-tops{z-index:9}}
.wmkc-tops li{margin-right:15px}
.wmkc-tops li i{margin-right:10px}
.wmkc-tops li i,.wmkc-tops li a{color:#fff}
.headscroll{top:0px}
.banner-title{display:none}
.prolist-0 li:hover .pro-name{padding:5px;background:#000}
.side-cate>ul>li{padding-left:0}
.side-cate>ul>li a{padding-left:20px;box-sizing:border-box}
.side-cate li a:hover,.side-pro ul li:hover .pro-name,.side-news ul li:hover .news-title,.side-about .LocalCurrent a,.side-about .item:hover a,.common-pages span.ctxt,.common-pages a:hover,.type-active,.hvr-bounce-to-right-y:before{background:#000}
.newslist-0 li:hover h4{padding:5px;background:#000}
.news ul li:hover .more-btn{background:#000;color:#fff}
@media (max-width:768px){.wmkc-tops li i, .wmkc-tops li a{font-size:13px}
.lang{top:46px}}
.foot-list {padding-bottom:25px;}
.search-box {background:#000;}
.foot .text {color:#fff;}
.search-input .stbn {background:#222;}
.foot-cate ul li, .foot-nav ul li{margin:0 0 10px}
.foot-cate ul li a, .foot-nav ul li a{display:block;line-height:1.6;}
#wmkc{top:30% !important;}
section.hot-pro2{background:url(/uploads/12878/page/p202406061541072f287.jpg) no-repeat center;background-size:cover}
.about{margin-top:0;}
@media (max-width:768px){.wmkc-aboutus-box{margin:4% 0 0;}}
.wmkc-aboutus-box *{box-sizing: border-box;}
.wmkc-aboutus-top-inner{display:flex;justify-content: space-between;flex-wrap:wrap;max-width:1200px;margin:0 auto;transform: translateY(15%);background:#fff;}
.wmkc-aboutus-top-inner .left{width:40%;position:relative;}
.wmkc-aboutus-top-inner .left>.img{width:100%;height:100%;}
.wmkc-aboutus-top-inner .left>.img img{width:100%;height:100%;display:block;object-fit: cover;}
.wmkc-aboutus-top-inner .left .years{transform: translateY(-50%);background:#27ae60;display:flex;align-items: center;max-width:70%;margin:0 auto;padding:20px 0;justify-content: center;}
.wmkc-aboutus-top-inner .left .years:before{content: "";width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 20px solid #fff;position: absolute;top: -19px;left: 45%;border-bottom-color: #27ae60;}
.wmkc-aboutus-top-inner .left .years .img{filter: brightness(360);}
.wmkc-aboutus-top-inner .left .years p{color:#fff;font-size:24px;margin-left:10px;}
.wmkc-aboutus-top-inner .right{width:60%;box-shadow: 0px 0px 10px 0px rgba(43, 51, 58, 0.1);padding:70px 20px 70px 40px;}
.wmkc-aboutus-top-inner .right .little-title{font-size:14px;color:#555;font-weight:var(--fontbold7)}
.wmkc-aboutus-top-inner .right .why-title{font-size:36px;color:var(--fontcolor);font-weight:var(--fontbold7);position: relative;margin-bottom:30px;}
.wmkc-aboutus-top-inner .right .why-title:before,.wmkc-aboutus-top-inner .right .why-title:after{content:'';width:30px;height:5px;background:#27ae60;display:block;position:absolute;left:0;bottom:-10px;}
.wmkc-aboutus-top-inner .right .why-title:after{background: var(--fontcolor);left:30px;}
.wmkc-aboutus-top-inner .right .why-words{margin:10px 0;color:#555;}
.wmkc-aboutus-top-inner .right .exper-box{border-top:1px solid #555;margin-top:20px;padding-top:20px;display: flex;align-items: center;}
.wmkc-aboutus-top-inner .right .exper-box .img{width:80px;height:80px;background:#27ae60;border-radius: 50%;display:flex;justify-content: center;align-items: center;margin-right:20px;}
.wmkc-aboutus-top-inner .right .exper-box .img img{filter: brightness(360);max-width:50px;}
.wmkc-aboutus-top-inner .right .exper-box .word p:nth-child(1){color:var(--fontcolor);font-size:24px;font-weight:var(--fontbold7)}
.wmkc-aboutus-top-inner .right .exper-box .word p:nth-child(2){color:#555;}
.wmkc-aboutus-bot{background:url(/uploads/12878/page/p202406061532409143e.jpg) no-repeat center/cover;padding:10% 0 4%;}
.wmkc-aboutus-bot .common-wrapper{max-width: 1200px;margin:0 auto;}
.wmkc-aboutus-bot .ab-bot-little-title{color:#fff;font-size:16px;text-align: center;}
.wmkc-aboutus-bot .ab-bot-little-word{color:#fff;font-size:30px;font-weight:var(--fontbold7);text-align: center;position: relative;margin-bottom:40px}
.wmkc-aboutus-bot .ab-bot-little-word:before,.wmkc-aboutus-bot .ab-bot-little-word:after{content:'';width:30px;height:5px;background:#27ae60;display:block;position:absolute;left:50%;bottom:-20px;transform: translateY(-50%);}
.wmkc-aboutus-bot .ab-bot-little-word:after{background:#fff;left:calc(50% - 30px);}
.wmkc-aboutus-bot .bot-num-list .numCount{display:flex;justify-content: space-between;flex-wrap:wrap;margin-top:70px;}
.wmkc-aboutus-bot .bot-num-list .item{background:#00000099;width:24%;padding:25px 10px;display: flex;align-items: center;color:#fff;}
.wmkc-aboutus-bot .bot-num-list .item .img{margin-right:20px;display: flex;align-items: center;justify-content: center;}
.wmkc-aboutus-bot .bot-num-list .item .num{font-size:38px;font-weight:var(--fontbold7);line-height: 1;}
.wmkc-aboutus-bot .bot-num-list .item p{line-height: 1;margin-top:10px;}
@media (max-width:1280px){.wmkc-aboutus-bot .bot-num-list .item .num{font-size:30px;}
.wmkc-aboutus-bot{padding-top:15%;}}
@media (max-width:768px){.wmkc-aboutus-top-inner .right{padding:20px;}
.wmkc-aboutus-top-inner .left .years p{font-size:16px;}
.wmkc-aboutus-bot{padding-top:4%;}
.wmkc-aboutus-top-inner{transform: inherit;}
.wmkc-aboutus-top{margin-bottom:5%;}
.wmkc-aboutus-top-inner .left,.wmkc-aboutus-top-inner .right{width:100%}
.wmkc-aboutus-top-inner .left .years{display:none;}
.wmkc-aboutus-bot .bot-num-list .numCount{margin-top:50px;}
.wmkc-aboutus-bot .bot-num-list .item{width:49%;margin:10px 0;}}
@media (max-width:500px){.wmkc-aboutus-top-inner .right .why-title,.wmkc-aboutus-bot .ab-bot-little-word{font-size:28px;}
.wmkc-aboutus-top-inner .right .exper-box .word p:nth-child(1){font-size:20px;}
.wmkc-aboutus-bot .bot-num-list .item .num{font-size:24px;}
.wmkc-aboutus-bot .bot-num-list .item p{margin:0;}
.wmkc-aboutus-bot .bot-num-list .item .img img{max-width:35px;}}
.about{height:auto !important}
.about:before{position:absolute;top:0;left:0;}
.about-wrapper{position:initial;padding:50px 0;}
.about .about-title{padding-top:0;}
.about .about-text{margin:20px 0 30px;}
.about .hvr-bounce-to-right-y:active,.about .hvr-bounce-to-right-y:focus,.about .hvr-bounce-to-right-y:hover{color:#fff}
@media (max-width:768px){.about-wrapper{padding:25px 0;}
.about .about-title{font-size:22px;padding-bottom:0;}
.about .btn-wrapper{display:flex;}}
.ind {background:none;padding:50px 0;display:block}
.home-indlist {display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.home-indlist li {width:14%;background:#A8CB2F;}
.home-indlist li:nth-child(2n) {background:#000}
.home-indlist li a {display:flex;flex-direction:column;width:100%;height:100%;text-align:center;padding:30px 20px;box-sizing:border-box;color:#fff;}
.home-indlist li a .home-indtit {text-transform:uppercase;font-weight:bold;font-size:22px;margin-bottom:10px;line-height:1.3;flex:1;}
.home-indlist li a .home-indbtn {display:flex;justify-content:center;margin-bottom:15px;}
.home-indlist li a .home-indbtn span {display:block;color:#000;background:#fff;border-radius:30px;font-weight:bold;text-transform:uppercase;line-height:1.3;padding:6px 15px;transition:.3s}
.home-indlist li a .home-indbtn span:hover {background:#000;color:#fff}
.home-indlist li:nth-child(2n) a .home-indbtn span:hover {background:#A8CB2F;color:#fff}
.home-indlist li a .home-indpic {padding:0 20px}
.home-indlist li a .home-indpic div {position:relative;width:100%;padding-bottom:100%;border-radius:50%;overflow:hidden;}
.home-indlist li a .home-indpic div img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;background:#fff;}
@media (max-width:1280px){.home-indlist li a .home-indpic {padding:0 10px}}
@media (max-width:768px){.home-indlist li{width:48%;margin-bottom:25px}
.home-indlist li:nth-child(3) {background:#000;}
.home-indlist li:nth-child(4) {background:#A8CB2F}
.home-indlist li:nth-child(4) a .home-indbtn span:hover {background:#000;color:#fff}
.home-indlist li:nth-child(3) a .home-indbtn span:hover {background:#A8CB2F;color:#fff}}
@media (max-width:500px){.home-indlist li a{padding:20px 10px}
.home-indlist li a .home-indtit{font-size:18px}
.home-indlist li a .home-indbtn span{font-size:14px}}
.home-lastcontact {display:flex;flex-wrap:wrap;justify-content:space-between;}
.lastcontactlef {width:50%;background:url(/uploads/12878/page/p2024060719111849c35.jpg) no-repeat center;background-size:cover;color:#fff;padding:40px 120px 60px;box-sizing:border-box;display:flex;align-items:flex-end;flex-direction: column;justify-content:flex-end;}
.lastcontactrig {width:50%;background:#F3F3F3;padding:40px 120px 40px 50px;box-sizing:border-box;}
body.index main {padding-bottom:0;}
.lastcontactleflist {max-width:60%;border-top:1px solid #fff;opacity:.9}
.lastcontactleflist li {margin-top:10px;display:flex;}
.lastcontactleflist li a {color:#fff;flex:1;margin-left:10px;}
.lastcontactrigtit {text-align:center;text-transform:uppercase;font-size:40px;}
.lastcontactrig .wmkcfeedback .send-btn::before {background:#000!important}
@media (max-width:1440px){.lastcontactleflist{max-width:90%}.lastcontactlef iframe{width:90%;}}
@media (max-width:1200px){.lastcontactlef{padding:40px}
.lastcontactrig{padding:40px}}
@media (max-width:768px){.lastcontactlef{width:100%;padding:60px 4vw}
.lastcontactleflist{max-width:100%;width:100%;}
.lastcontactrig{width:100%;padding:30px 4vw}
.lastcontactrigtit{font-size:30px}}
.wmkcfeedback .send-btn:hover::before{background: #000 !important;}
.wmkcfeedback .send-btn{color: #fff !important;background-color: #010099 !important;min-width: 220px;height: 60px;font-size: var(--fontsize18);}
.pro-d-main a.LayImAhrefNode{background-color: #010099;color:#fff;}
.pro-review .pro-preview-right .btn-list .btn{background-color: #010099;}
.pro-review .pro-preview-right .btn-list .btn span{color:#fff;}
.head-share{display:flex;align-items:center;margin-left:20px;}
.foot-l .lfr li,.head-share li{padding:0;}
.foot-l .lfr li a{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:2px;transition:transform .3s ease}
.head-share li a{display:flex;justify-content:center;align-items:center;width:26px;height:26px;border-radius:2px;transition:transform .3s ease;text-align:center;}
.head-share li a i{display:block;margin:0 auto;}
.foot-l .lfr li a.fb,.head-share li a.fb{background-color:#3b5997}
.foot-l .lfr li a.tw,.head-share li a.tw{background-color:#2d2d2d}
.foot-l .lfr li a.lk,.head-share li a.lk{background-color:#0A66C2}
.foot-l .lfr li a.ins,.head-share li a.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-l .lfr li a.pi,.head-share li a.pi{background-color:#cc2127}
.foot-l .lfr li a.you,.head-share li a.you{background-color:#FF0000}
.foot-l .lfr li a.vk,.head-share li a.vk{background:#0077FF}
.foot-l .lfr li a.tik,.head-share li a.tik{background-color:var(--fontcolor)}
@media (max-width:768px){.wmkc-tops li{margin-right:8px;}
.head-share{display:none;}}
@media (min-width:769px){.head-nav>ul>li#liproducts{position:relative;}
.head-nav>ul>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:900px;display:flex;flex-wrap:wrap;left:-600px;flex-direction: row;background:#fff}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%;display:block;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{font-weight:var(--fontbold7);display:inline-block;text-decoration:none;height:auto;padding-left:100px;white-space: normal;}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0;min-width:inherit}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;white-space: normal;}
header nav ul li#liproducts .submenu li a{line-height:2}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover,header nav ul li#liproducts .submenu li:hover a{background:none;color:#000}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:768px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
.wmkc-toptext{position: fixed;width: 100%;height: 30px;top: 0;left: 0;padding: 0 3%;box-sizing: border-box;display: flex;align-items: center;background: red;color: #fff;text-align: center;}
@media(max-width:768px){.wmkc-toptext{display: none;}
.wmkc-tops{top:0}
.head{top:30px}}
.pro-detail .s-part{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;background-image: radial-gradient(at top center, #363941 0%, #1a1b21 60%);color: #fff;;padding: 20px;border-radius: 20px;}
.pro-detail .part-r,.pro-detail .part-l{width: 50%;padding:0 20px}
.pro-detail .r-title{font-size: 50px;text-align: center;}
.pro-detail .r-li{display: flex;align-items: center;margin-bottom: 10px;padding:20px;background: rgba(255, 255, 255, .04);border-radius: 20px 20px 20px 20px;box-shadow: 22px 0px 65px 0px rgba(0, 0, 0, .15);}
.pro-detail .r-li-p{line-height: 1.2;margin-left: 10px;}
.pro-detail .title{font-weight: bold;line-height:1.4}
.pro-detail .title span{border-bottom:none;}
@media (max-width:1024px) {.pro-detail .r-title{font-size: var(--fontsize30);}}
@media (max-width:990px) {.pro-detail .title{font-size: var(--fontsize30);}
.pro-detail .title span{border-bottom:normal;}
.pro-detail .part-r,.pro-detail .part-l{width: 100%;}
.pro-detail .part-l{margin-top:20px}
.wmkcfeedback{margin-tp:10px}
}
@media (max-width:500px) {.pro-detail .r-title,.pro-detail .title{font-size: var(--fontsize24);}}
div#wmkc .wmkc-list>li>a {background: rgba(0,0,0,.1);}
div#wmkc .wmkc-list>li{background: rgba(0,0,0,.1);}
@media (min-width:768px){main{margin:110px auto 0px auto}}  
div#wmkc .wmkc-list>li a{ padding: 10px; }
.pagesbanner .pagesbanner-animate.newbanner .p1{font-size:78px;font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate.newbanner .p2{font-size:30px;line-height:1.1}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate.newbanner .p1{font-size:4.1vw}
.pagesbanner .pagesbanner-animate.newbanner .p2{font-size:1.6vw}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.newbanner .p1{font-size:28px}
.pagesbanner .pagesbanner-animate.newbanner .p2{font-size:12px}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate.newbanner .p1{font-size:22px}}
.pagesbanner .pagesbanner-animate.newbanner .about-banner-more{text-align: center;margin-top:2%;}
.pagesbanner .pagesbanner-animate.newbanner .about-banner-more a{display:inline-block;padding:5px 15px;color:#fff;font-weight:var(--fontbold7);background: #FF6E00;transition: all .3s;}
.pagesbanner .pagesbanner-animate.newbanner .about-banner-more a:hover{background:#92D336;}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.newbanner .about-banner-more{margin-top:10px;}
.pagesbanner .pagesbanner-animate.newbanner .about-banner-more a{font-size:12px;}}
.side-map{margin-top: 30px;}
.side-map iframe{width:100%;}
.side-map{padding: 15px;}
.side-map .title{text-align: center;padding: 10px 0;}
@media(min-width:1441px){.lastcontactlef iframe{width:60%;}}
@media(max-width:1024px){.lastcontactlef iframe{width:100%;}}
@media (min-width:1025px){header .search-input{max-width:240px;margin-left:auto}
header .search-input .seatxt{width:100%;flex:inherit}
header .search-input .stbn{width:55px;}}
@media (min-width:1025px) and (max-width:1280px){header .search-input{max-width:160px;}}
.iqbtn{display: inline-block;padding: 5px 10px;background: #000;color: #fff;margin-left:10px;cursor: pointer;}
.iqbtn em{font-style:initial;margin-left:10px}
.body-hidefebg{background: #000000a0;position: fixed;top: 0;width: 100vw;height: 100vh;align-items: center;justify-content: center;display: none;z-index: 9999;transition: .3s;}
.body-hidefebg.active{display: flex;transition: .3s;}
.body-hidefebg.flex{padding:0 20px}
.body-hidefebg img{max-height:90vh}
.body-hidefeex{max-width: 700px;padding: 20px;background: #fff;height:601px;max-height:90vh}
.body-hidefebg .detail-title{font-size: var(--fontsize22);padding-bottom: 10px;margin: 10px auto;border-bottom: 1px solid #E7EEEE;color:#fff}
.body-hidefeexit{display: flex;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;justify-content: center;position: relative;float: right;cursor: pointer;}
.body-hidefeexit span{width: 3px;height: 40px;background: #000;position: absolute;}
.body-hidefeexit span:nth-child(1){transform: rotate(45deg);}
.body-hidefeexit span:nth-child(2){transform: rotate(-45deg);}
.body-hidefeed .wmkcfeedback input,.body-hidefeed .wmkcfeedback textarea{border: 1px #cbcbcb solid;background-color: #f0f0f0;}
.body-hidefetop{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.body-hidefetitle{font-size: 24px;}
@media (max-height:600px) {
.body-hidefetop{margin-bottom: 0;}
.body-hidefebg .send-inquiry .inquiry-form input,.body-hidefebg .send-inquiry .inquiry-form .wmkcfb-fileupload{height: 40px;margin-bottom:5px}
.body-hidefebg .wmkcfeedback .send-inquiry .inquiry-form input{background-position: right 10px top 9px;}
.body-hidefebg .send-inquiry .inquiry-form textarea{height: 100px;}
}