@charset "utf-8"; 
:root{--color:#000}
.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a,.head-nav>ul>li>a{color:#fff}
.hvr-bounce-to-right-y,.hvr-bounce-to-right{border-radius:6px;border:1px solid #fff;color:#fff}
.foot-title,.news .common-title{color:#fff}
.ind-item:hover{color:#fff}
.search-box .common-wrapper{width:auto}
.search-input .stbn{width:50px;background-color:#d91a1a;color:#fff;font-size:12px}
.search-box .text{display:none}
.search-input .seatxt{width:140px}
.ind{padding-top:3%;padding-bottom:3%;background-color:#f6f6f6}
.ind .wmkc-main ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.ind .wmkc-main ul li{width:35%;padding:45px 0;border-top:1px solid #e6e6e6;display:flex;overflow:hidden;align-items:flex-start}
.ind .wmkc-main ul li:nth-child(3),.ind .wmkc-main ul li:nth-child(4){border-bottom:1px solid #e6e6e6}
.wmkc-main{position:relative;max-width:1200px;margin:0 auto;z-index:0}
.wmkc-index-img .img{width:29%;margin:0 auto;height:100%;display:flex;justify-content:center;align-items:center}
.wmkc-index-img{position:absolute;width:100%;height:100%;top:0;z-index:-1}
.wmkc-index-img .img img{width:100%;height:auto}
.item-hd{width:15%;padding:0 3%;float:left;font-size:60px;color:#C8C8C8;font-weight:bold;line-height:1.1}
.item-bd{width:50%;padding-right:0px;box-sizing:border-box}
.item-bd p{font-size:15px;line-height:1.6em;overflow:hidden;margin-top:15px}
.item-imgs{display:flex;;width:35%;justify-content:center;align-items:center;position:relative}
@media (max-width:768px) {.ind .wmkc-main ul li{width:100%;padding:20px}
.item-hd{font-size:34px}
.ind{padding:30px 3%;display:block;box-sizing:border-box}
.wmkc-main{padding:0}
.wmkc-index-img{display:none}
.item-bd p{height:auto;font-size:14px}}
.news{background:#f6f6f6}
.news .common-title{color:#000;text-transform:capitalize}
.news .hvr-bounce-to-right{border-color:#000;color:#000}
.news ul li:hover .more-btn,.hvr-bounce-to-right-y:before,.news .hvr-bounce-to-right:hover:before,.news .hvr-bounce-to-right:before{background:#ffeb79;border-radius:5px}
.head-nav>ul .submenu a,.head-nav>ul .submenu a:hover{color:#fff}
.nav-btn span{background:#fff}
.about-title{color:#fff}
.search-box {background:none;position:relative}
.searchicon {cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-left:15px}
.searchicon i {color:#fff;font-size:25px}
.search-box .common-wrapper {position:absolute;right:0;top:100%;display:none}
.common-side .title {color:#fff}
@media (max-width:768px){.search-box{position:absolute;right:11.3333333333vw;margin-right:20px}
.searchicon i{font-size:6vw}}
@media (min-width:769px){main {margin-top:0}}
.index_counter {background:url(/uploads/40335/couner.jpg) no-repeat center;background-size:cover;padding:110px 0;margin-top:40px}
.couner_items {display:flex;justify-content:space-between;flex-wrap:wrap}
.couner_items li {width:23%;color:#fff;text-align:center}
.couner_items li .couner_num {display:block;font-size:65px;line-height:1.1em;font-weight:bold}
.couner_items li .couner_bd {display:block;padding-top:50px;line-height:2em;position:relative}
.couner_items li .couner_bd:before {content:'';display:inline-block;width:40px;height:1px;background-color:#fff;position:absolute;left:50%;margin-left:-20px;top:25px}
.couner_items li .counter_title {font-size:20px;line-height:1.4}
@media (max-width:768px){.index_counter{padding:60px 0;margin-top:30px}
.couner_items li {width:48%;margin:20px 0}
.couner_items li .couner_num {font-size:45px}
.couner_items li .couner_bd {padding-top:30px}
.couner_items li .couner_bd:before {width:30px;margin-left:-15px;top:15px}
.couner_items li .counter_title {font-size:16px}}
.map{padding-top:0}
.map img{display:block;width:100%}
.whyinfo {display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:40px}
.whylef {width:50%}
.whyrig {width:50%;font-size:20px;line-height:2;padding:30px 60px 30px 80px;box-sizing:border-box}
.whyrig .common-title {line-height:1.3;margin-bottom:20px;color:#fff}
.whyrig p{color:#fff}
.why-box .common-wrapper {width:100%;background:#000;padding:0}
.whylef lite-youtube {max-width:100%}
@media (max-width:1200px){.whyrig{padding:15px 30px 15px 50px}}
@media (max-width:768px){.whyinfo {flex-direction:column-reverse;margin-top:30px}
.whylef {width:100%}
.whyrig {width:100%;font-size:16px;line-height:1.7}
.whyrig .common-title {margin-bottom:10px}
.whyrig{padding:10px 40px 40px 40px}}
@media (max-width:560px){.whyrig{padding:10px 20px 30px 20px}}
.advantage .common-title {text-align:center}
.advantagelist {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px}
.advantagelist li {width:24%;text-align:center;margin:10px 0;border-radius:10px;background:#e7e7e7;padding:25px 15px 35px;box-sizing:border-box;color:#fff;transition:.1s}
.advantagelist li .advanicon img {height:120px}
.advantagelist li:hover {background:#231F18;transform:scale(1.03)}
.advantagelist li .advantit {line-height:1.3;font-weight:bold;font-size:22px;margin:26px 0 5px;color:#000}
.advantagelist li p {line-height:1.3;color:#000}
@media (max-width:768px){.advantagelist li{width:48%}
.advantagelist li .advanicon img {height:100px}}
@media (max-width:480px){.advantagelist li{width:100%}
.advantagelist li .advantit {font-size:20px;margin:10px 0 5px}}
.search-box .common-wrapper{display:block !important;position:unset}
.searchicon{display:none}
.search-box{height:auto}
.head-nav>ul .submenu a{color:#000}
.head-nav>ul .submenu{background-color:#fdfdfd}
.advantagelist li p{text-align:initial}
.index_counter{display:none}
.head{background-color:#0000;box-shadow:0 0 0!important;z-index:99999}
.headscroll{background-color:#000}
body:not(.index) {padding-top:80px}
body:not(.index) header:not(.headscroll) {background:#000}
.lang-icon span {color:#fff}
.lang-icon span::before,.lang-icon span::after {background:#fff;}
.banner {min-height:inherit;height:auto}
.banner-title {display:none;}
#swiper-banner img {width:100%;transition:3s linear;transform:scale(1.08)}
#swiper-banner .swiper-slide.swiper-slide-active img {transform:scale(1)}
#swiper-banner .swiper-slide {overflow:hidden}
.head-nav>ul>li>a{background-color:#0000 !important}
.advantage{background:#FAFAFA}
.advantagelist li:hover .advantit{color:#fff}
.advantagelist li:hover p{color:#fff}
.common-contact-us{display:flex}
.common-contact-us .contact-info{width:46%;margin-right:0px}
.common-contact-us>p{width:54%}
@media screen and (max-width:1080px){.common-contact-us{display:flex;flex-wrap:wrap}
.common-contact-us .contact-info{width:100%;margin-right:0}
.common-contact-us>p{width:100%}}
.banner .banner-title{background:#000}
.wmkc-map{padding:30px 0}
.map .common-wrapper{width:auto}
.item-imgs img{width:100%;padding:10px;box-sizing:border-box}
.item-imgs .item-back{background:url(/js/31659/icon-100.png)center no-repeat;background-size:contain;position:absolute;width:100%;height:100%;left:0;top:0;animation:rotate 10s linear infinite}
@keyframes rotate {100% {transform:rotate(360deg)}}
.hot-pro-wrapper{margin-top:0}
.hot-pro{padding:2% 0 0}
.advantagelist{padding:3% 0}
.news{padding:2% 0 3%}
.news ul li{margin-top:0;margin-bottom:3%}
.wmkc-map{padding:2% 0}
@media (max-width:768px){.map-wrapper>div{padding:2% 0}}
@media (min-width:769px){
.head-nav>ul .submenu .LiLevel1{position:relative}
.head-nav>ul .submenu .LiLevel1 ul{position:absolute;left:100%;top:0;background:#fdfdfd;display:none}
.head-nav>ul .submenu .LiLevel1:hover ul{display:block}
}
.common-link .prev,.common-link .prev a,.common-link .next,.common-link .next a {color:#fff;}
.pro-detail table {max-width:100%;}
.pro-review .pro-preview-right .btn-list .btn span,.pro-review .pro-preview-right .btn-list .pdown2 span {color:#fff;}
@media (max-width:768px){body:not(.index){padding:0}
.head{background:#000}
.lang {top:50%;position:absolute;right:10vw;margin-right:10px;margin-top:-12px}
.search-box .common-wrapper {padding:0;margin-right:40px;}
.head-nav>ul .submenu{background:none}
.head-nav>ul .submenu a{color:#fff}}
@media (min-width:1081px){.common-side {width:300px;flex: inherit;}
.common-main {width:calc(100% - 300px);flex: inherit;}}
@media (max-width:1080px){.common-main{width:100%;}}
.prolist-1 li:hover .pro-info{background-color:#FFF}
section.hot-pro ul li:hover{background:#fff}
@media (max-width:768px){.hot-pro .pro-info{background:#fff}}
.pro-detail .random-pro ul li:hover{background:#f7f7f7;}
.btn-list a.LayImAhrefNode{color:#fff;}