@charset "utf-8"; 
@font-face{font-family: HmBold;font-display: swap;src: url(/js/27355/Hm_Bold.ttf) format('truetype')}
body{padding-top: 60px;max-width: 100%;}
header{background: #fff;border-bottom: none;box-shadow: none;}
.l-wrap{max-width:1400px;margin-left:auto;margin-right:auto;padding: 0;}
.head.l-wrap{max-width: 100%;padding: 0 70px;}
.header-con{display:flex;justify-content:space-between;padding: 10px 0;max-width: 1200px;margin: 0 auto;}
.search-box{display:flex;align-items:center;width:55%}
.search-wrap{width:80%;height:44px;display:flex;justify-content:space-between;align-items:center;border:1px solid #a7a7a7;max-width: 500px;}
.search-wrap i{width:147px;height:44px;background-color:#1e98d7;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}
.search-wrap input{width:100%;height:100%;color:#666;padding-left:15px;box-sizing:border-box}
.header-inquiry a{display:flex;flex-direction:column;justify-content:center;align-items:center}
.header-inquiry a p{font-size:14px;line-height:1;margin-top:8px}
.header-inquiry{margin-left:45px;flex:1}
.header-logo{width:26%}
.wmkc-banner-pro{display:flex}
.banner-product-left{width:76%;display:flex;position:relative;overflow: hidden;padding-bottom: 3px;}
.banner-product-right{flex:1;margin-top:50px;padding-left:10px}
.banner-menu-item{position: absolute;bottom: 0px;height: calc(100% - 50px);background: #fff;padding: 15px;box-sizing: border-box;transition: all .6s ease-in-out;z-index: -1;left: -753px;opacity: 0;width: 830px;border: 3px solid #fff;}
.banner-menu-its{display: flex;justify-content: space-between;}
.banner-submenu:hover .banner-menu-item{z-index: 0; opacity: 1;left: 230px;}
.banner-product-con{width:78.6%;overflow:hidden;position:relative;z-index:0;padding-left: 10px;}
.banner-img img{display:block;max-width:100%}
.wmkc-banner{margin-top:40px}
.banner-list-tit{display:flex;justify-content:space-between;align-items:center;background:#e87e22;border-radius:4px;padding:12px 20px}
.banner-list-tit p{color: #fff;}
.banner-submenu{cursor:pointer;transition:all .3s ease-in-out;list-style: none;}
.banner-menu-ul ul li{list-style: none;} 
.banner-submenu h3{font-size:13px;text-align:center;font-weight:500;color:#1c1c1c;padding:10px 0;position: relative;z-index: 1;background: #fff;}
.banner-product-list{width: 21.4%;height: 100%;background: #fff;position: relative;z-index: 1;}
.banner-list-tab{border-radius: 4px 4px 0 0;height: 100%;z-index: 5;position: relative;background: #fff;border: 1px solid #666;}
.banner-contant-top{background:url(/uploads/27355/hradback.jpg) center no-repeat;background-size:100% 100%}
.banner-contant-top p{font-weight:800;font-size:18px;color:#1c1c1c;text-align:center;line-height:1.5;padding:35px 6px}
.banner-contant-botton{background:#e6c100;border:1px solid #a7a7a7;padding:35px 10px}
.banner-contant-botton h5{font-size:18px;font-weight:600;margin-bottom:10px;line-height:1;font-family:SourceHanSansCN}
.banner-contant-botton p{font-family:SourceHanSansCN;font-weight:500;font-size:13px;color:#1c1c1c}
.banner-contant-btn{text-align:center;margin-top:25px}
.banner-contant-btn a{background:#e67c00;border-radius:4px;padding:13px 30px;line-height:1;color:#fff;display:inline-block;font-size:12px}
.banner-contant{display:flex;flex-direction:column;height:100%;justify-content:space-between}
.banner-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:35px;height:35px;cursor:pointer}
.banner-button-next{left:15px}
.banner-button-prev{right:15px}
.banner-product-con .swiper-button-disabled{opacity:.8}
.banner-list-main .banner-submenu:hover{background:#f5f5f5}
.banner-list-main .banner-submenu:hover h3 a{color: #e67c00;}
.banner-menu-ul h5{font-size:14px;text-align: center;}
.banner-menu-ul ul li a{font-size:13px;color:#333}
.banner-menu-ul ul li{padding:5px;text-align: center;}
.banner-nav-btn{display:flex;height:50px;justify-content:space-between;margin-left: 15px;}
.banner-nav-btn li{text-align: center;line-height: 50px;cursor: pointer;transition: all .3s ease-in-out;padding: 0 10px;border-radius: 8px;list-style: none;}
.home-piece-ban{margin: 38px auto 25px;padding: 40px;}
.home-piece-ban h5{font-family: HmBold;font-weight: 800;font-size: 45px;color: #ea4b30;line-height: 1;text-align: center;margin-bottom: 10px;}
.home-piece-ban p{font-family:SourceHanSansCN;font-weight:500;font-size:15px;color:#1c1c1c;text-align:center}
.home-about-con{max-width: 1920px;display: flex;width: 100% !important;}
.home-about-left{flex:1}
.home-about-right{width: 45.5%;padding: 80px 45px;box-sizing: border-box;background: #e85841;display: flex;flex-direction: column;justify-content: center;}
.home-about-left img{display:block;width:100%;height:100%;object-fit:cover}
.home-about-right h5{font-family:SourceHanSansCN;font-weight:800;font-size:48px;color:#fff;line-height:1;margin-bottom:10px}
.home-about-right p{font-family:SourceHanSansCN;font-weight:500;font-size:16px;color:#fff;line-height:1.75}
.home-about-btn{margin-top:25px;display:flex;justify-content:end}
.home-about-btn a{border-radius:4px;border:2px solid #fff;padding:14px 40px;color:#fff;display:inline-block;line-height:1}
.home-video iframe{width:100%;height:569px}
.home-video{padding:25px 0}
.home-solution-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:25px}
.home-solution-box{width:32%}
.home-title h3{font-family: SourceHanSansCN;font-weight: 800;font-size: 42px;color: #000;line-height: 1;text-transform: uppercase;text-align: center;margin-bottom: 10px;}
.home-title p{font-family:SourceHanSansCN;font-weight:700;font-size:20px;color:#000;text-align:center;line-height:1.25}
.home-title{padding:30px 0;position:relative;z-index: 0;}
.home-solutions .home-title::after{content:'01'}
.home-service .home-title::after{content:'02'}
.home-customer .home-title::after{content:'03'}
.home-contact .home-title::after{content:'04'}
.home-title::after{position:absolute;font-size:140px;color:#dedede;font-family:SourceHanSansCN;font-weight:800;top:-5px;line-height:1;left:50%;transform:translateX(-50%);z-index:-1}
.home-solution-img img{display:block;max-width:100%;transition: all .3s ease-in-out;width: 100%;}
.home-solution-text{font-size:18px;text-align:center}
.home-solutions{margin-top:35px}
.home-service{padding:45px 0}
.home-solution-img{overflow:hidden}
.home-customer-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top: 20px;}
.home-customer-box{width:48%;margin-bottom:2%}
.home-customer-box iframe{width:100%;height:350px}
.home-customer-btn a{font-weight:500;font-size:13px;color:#000;padding:15px 40px;line-height:1;display:inline-block;border-radius:4px;border:2px solid #929292}
.home-customer-btn{display: flex;justify-content: end;position: relative;}
.home-contact-map{position: relative;}
.home-contact-btn{position: absolute;bottom: 170px;z-index: 4;left: 26.8%;cursor: pointer;}
.home-contact-tel{display: flex;align-items: center;justify-content: space-between;color: #fff;}
.home-contact-img{margin-top: 50px;}
.home-service-img img,.home-contact-img img{display: block;width: 100%;}
.banner-nav-btn li:hover a{color: #e85841;}
.home-solution-box:hover img{transform: scale(1.02);}
.home-contact{margin-bottom: 50px;}
.home-contact .l-wrap{max-width: 1100px;}
.home-service-img{margin-top: 45px;}
.home-service-img lite-youtube{width: 100%;height: 569px;max-width: 100%;}
.home-about{justify-content: center;}
.banner-menu-ul ul li:hover a{color: #e67c00;}
.banner-inner{margin-top: 25px}
.home-about-left iframe{width: 100%;height: 100%;}
.contact-btn:hover .home-contact-text{display: block;}
@media (max-width:1200px) {
.l-wrap,.home-about-con{padding: 0 3%;box-sizing: border-box;}
.home-piece-ban h5{font-size: 38px;}
.home-about-right h5{font-size: 32px;}
.home-about-right p{font-size: 14px;}
.home-about-con{background: #fff;}
.home-about-right{background: #e85841;}
.home-about-btn a{padding: 10px 20px;}
.home-about-right{width: 50%;}
.home-title h3{font-size: 34px;}
.home-title p{font-size: 18px;line-height: 1;}
.home-title::after{top: 8px;font-size: 100px;}
.foot-main .l-wrap{padding: 40px 3%;}
.header-inquiry {margin-left: 20px;}}
@media (max-width:1024px) {
.wmkc-banner-pro{flex-direction: column;}
.banner-product-left{width: 100%;}
.banner-product-list{height: auto;}
.home-piece-ban h5 {font-size: 32px;}
.home-about-right h5 {font-size: 24px;}
.home-video iframe{height: 470px;}
.home-title h3 {font-size: 28px;}
.home-title p{font-size: 16px;}
.home-contact-btn{bottom: 126px;left: 27%;}
.home-contact-text{right: 0;}
.prodetails-content{padding: 0 !important;}
}
@media (max-width:768px) {
.banner-list-tit p,.banner-nav-btn li a{font-size: 14px;}
.banner-list-tit img{width: 15px;}
.banner-submenu h3{font-size: 12px;}
.banner-button{width: 30px;top: 60%;transform: translateY(-60%);}
.search-box{width: 70%;}
.header-inquiry{margin-left: 15px;}
main {margin-top: 20px;}
.wmkc-banner {margin-top: 20px;}
.banner-product-right{margin-top: 20px;padding-left: 0;}
.home-piece-ban{margin: 25px auto;padding: 25px;}
.home-piece-ban h5 {font-size: 26px;}
.home-about-con{flex-direction: column;}
.home-about-right{width: 100%;}
.home-video lite-youtube {height: 340px;}
.home-solution {margin-top: 0;}
.home-title p{line-height: 1.5;font-size: 14px;}
.home-title {padding: 8px 0;}
.home-title::after{font-size: 86px;display: none;}
.head{padding: 20px 3%;}
.home-title h3 {font-size: 24px;}
.banner-menu-ul ul li a,.banner-menu-ul h5{font-size: 12px;white-space: pre;}
.search-wrap,.search-wrap i{height: 30px;font-size: 14px;}
.head.l-wrap{padding: 0 35px;}
}
@media (max-width:500px) {
.banner-product-left{flex-direction: column;}
.banner-product-list{width: 100%;}
.banner-product-con{width: 100%;}
.banner-list-tit p, .banner-nav-btn li a{font-size: 12px;}
.banner-list-tit{padding: 8px;justify-content: flex-start;}
.banner-nav-btn{margin-left: 0;}
.wmkc-banner {margin-top: 0px;}
.home-customer-box{width: 100%;}
.home-contact-btn>img{width: 20px;}
.home-contact-p img{width: 20px;}
.home-contact-btn {bottom: 58px;left: 27%;}
.home-contact-text p{font-size: 12px;}
.home-contact-tel img{width: 15px;}
.home-contact-text {width: 210px;height: 95px;right: auto;bottom: 32px;}
.home-title h3{font-size: 20px;}
.home-customer-btn a{padding: 10px 20px;}
.home-customer-btn{justify-content: center;}
.home-contact{margin-top: 30px;}
.home-solution-box {width: 49%;}
.home-solution-text,.home-piece-ban p{font-size: 14px;}
.home-about-right{padding: 10px;}
.home-about-btn a{font-size: 12px;}
.home-about-right h5 {font-size: 20px;margin-top: 15px;text-align: center;}
.home-piece-ban {margin: 20px auto;padding: 15px;}
.home-piece-ban h5 {font-size: 20px;margin-bottom: 10px;}
.banner-product-list{position: relative;}
.banner-submenu.active .banner-menu-item {z-index: 5;left: 0;opacity: 1;height: 250px;top: 0;overflow-x: auto;width: 100%;padding: 8px;}
.banner-menu-item{height: 250px;width: 100%;opacity: 1;overflow-x: auto;padding: 8px;position: unset;display: none;}
.banner-submenu:hover .banner-menu-item{display: block;}
.banner-menu-ul ul li {padding: 2px;}
.banner-menu-ul{text-align: center;padding: 0 8px;}
.search-wrap{display: none;}
.search-box{display: none;}
.head {padding: 10px 3% 0;}
body{padding-top: 50px;}}


/*detail*/
.pro-d-main .banner-inner{display: none;}
.prodetails-info-box,.thumbnail-show .small-box{background: #fff;}
.preview-container{width: 50%;}
.thumbnail-show{height: 520px;}
.thumbnail-box{display: none;}
.detail-contant{max-width: 1200px;margin: 0 auto 50px;}
.detail-page-al{display: flex;}
.detail-page-left{flex: 1;}
.detail-page-left img{width: 100%;}
.detail-page-right{width: 68%;padding-left: 35px;}
.detail-img{display: flex;justify-content: space-between;margin-bottom: 15px;}
.detail-pagetit{display: inline-block;padding: 10px;background: #D1AA1E;}
.detail-pagetit p{font-family: SourceHanSansCN;font-weight: 600;font-size: 18px;color: #000000;line-height: 1;}
.detail-text p{font-family: SourceHanSansCN;font-weight: 500;font-size: 14px;color: #000000;line-height: 1.25;}
.detail-text{margin: 10px 0;}
.detail-table{border-bottom: 1px solid #eee;margin-bottom: 20px;}
.detail-table p{font-family: SourceHanSansCN;font-weight: 600;font-size: 26px;color: #000000;line-height: 1;background: #D7D7D7;display: inline-block;padding: 17px 25px;}
.detail-btn1{width: 50%;height: 50px;background: #1E98D7;border-radius: 4px;display: flex;align-items: center;justify-content: center;margin-right: 20px;cursor: pointer;}
.detail-btn2{width: 45%;height: 50px;background: #1E98D7;border-radius: 4px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.detail-btn1 p,.detail-btn2 p{font-size: 14px;color: #fff;margin-left: 10px;}
.detail-btn2 img{width: 25px;}
.detail-btnlist{width: 80%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 25px;}
.detail-btn3{background: #D14326;border-radius: 4px;height: 50px;line-height: 50px;width: 100%;text-align: center;margin-top: 25px;cursor: pointer;}
.detail-btn3 p{color: #fff;}
.prodetails-name{font-family: SourceHanSansCN;font-size: 34px;background: unset;-webkit-background-clip: initial;-webkit-text-fill-color: #000;color: #fff;}
.detail-video{margin-top: 28px;}
.detail-man{display: flex;align-items: center;padding: 45px 0;}
.detail-man-img{width: 50%;display: flex;justify-content: center;}
.detail-man-info{width: 50%;}
.detail-man-size{display: flex;}
.detail-man-h5 p{font-weight: 400;font-size: 49px;color: #1C1C1C;line-height: 1;}
.detail-man-con p:nth-of-type(1){font-weight: 500;font-size: 18px;color: #1C1C1C;line-height: 1;padding: 15px 0;}
.detail-man-size{margin-top: 15px;}
.detail-man-px{padding:0 20px;}
.detail-man-px p{font-size: 14px;color: #1C1C1C;position: relative;}
.detail-man-mil{display: flex;}
.detail-man-px p::after{position: absolute;content: '';width: 6px;height: 6px;border: 1px solid #000;left: -15px;top: 8px;}
.detail-man-info .detail-btnlist{width: 70%;}
.feedback-page{display: flex;align-items: center;justify-content: space-between;}
.feedback-left-img{width: 48%;}
.feedback-right-text{width: 48%;}
.feedback-right-text p{margin-bottom: 25px;}
.detail-foot-img{display: flex;justify-content: space-between;}
.detail-foot-title p{font-weight: 500;font-size: 26px;color: #000000;text-align: center;line-height: 1;}
.detail-foot-title{margin-bottom: 30px;}
.detail-foot{margin-top: 60px;}
.detail-foot-box p{font-size: 16px;color: #000000;text-align: center;line-height: 1;margin: 12px 0;}
.detail-foot-btn{display: flex;justify-content: center;}
.detail-foot-btn a{font-size: 18px;color: #FFFFFF;line-height: 1;padding: 20px 20px;background: #D14326;border-radius: 4px;}
.detail-foot-box{width: 48%;}
.compare-t{background: #6b6b6b;}
.compare-inquire, .compare-inquire:hover{background-color: #E67C00;}
.prodetails-crumbs{margin: 35px  auto;}
.prodetails-content{margin-top: 0;}
.wmkcfeedback .send-btn{background: #1e98d7;}
.product-page-list .sidebar-item {width: 25%;background: #f5f8f9;border:none;border-radius: 5px;margin-bottom: 1.5em;position: relative;}
.product-page-list .sidebar-item .sidebar-title::before{display: none;}
.product-page-list .sidebar-title img{filter: grayscale(200%) brightness(0%);width: 25px;}
.product-page-list .sidebar-title{font-size: 22px;font-weight: var(--fontbold6);color: #fff;line-height: 1.2;border-bottom:none;padding: 15px 20px;position: relative;display: flex;justify-content: space-between;align-items: center;background: #797979;border-radius: 5px;overflow: hidden;}
.product-page-list .sidebar-cate{position: absolute;width: 100%;opacity: 0;bottom: 100%;padding:0px;transition: all .2s ease-in-out;}
.product-page-list .sidebar-item:hover .sidebar-cate{opacity: 1;bottom: unset;z-index: 2;}
.product-page-list .sidebar-item .sidebar-cate>li .iconshow::after{content: "";width: 22px;height: 3px;border: none;border-radius: 3px;background: #fff;}
.product-page-list .sidebar-item .sidebar-cate>li.active .iconshow::after{background: #fff;}
.product-page-list .sidebar-item .sidebar-cate>li{background: #a5a5a5;}
.product-page-list .sidebar-item .sidebar-cate>li{margin-bottom: 0;}
@media (max-width:1366px) {
.prodetails-name{font-size: 26px;}
.prodetails-text{font-size: 14px;}
.prodetails-text-title{font-size: 18px;}
.thumbnail-show {height: 400px;}
.detail-man-h5 p{font-size: 32px;}
.detail-foot-title p{font-size: 22px;}
.prodetails-content{padding: 0 3%;}}
@media (max-width:1200px) {
.detail-foot-btn a{font-size: 14px;padding: 12px 20px;}
.detail-man-info .detail-btnlist{width: 80%;}
.detail-btn1{margin-right: 0;}}
@media (max-width:1024px) {
.detail-btn1 p, .detail-btn2 p{font-size: 12px;}
.detail-btnlist{width: 90%;}}
@media (max-width:768px) {
.prodetails-top{flex-direction: column;}
.detail-page-right{width: 100%;padding-left: 0px;}
.detail-page-left{display: none;}
.detail-man{flex-direction: column;}
.detail-man-img{width: 100%;}
.detail-man-info{width: 100%;}
.feedback-page{flex-direction: column;}
.detail-man-info .detail-btnlist{width: 100%;}
.feedback-left-img{width: 100%;}
.feedback-right-text{width: 100%;}
.feedback-left-img img{width: 100%;}
.product-page-list .sidebar-title{font-size: 16px;padding: 10px 10px;}
.product-page-list .sidebar-title img{width: 15px;}
.prodetails-info-box{padding: 0;} 
.product-page-list .sidebar-cate li{list-style-type: none;}
}
@media (max-width:450px) {
.detail-foot-title p{font-size: 16px;}
.detail-foot {margin-top: 25px;}
.detail-foot-box p{font-size: 14px;}
.detail-man-con p{font-size: 16px;}
.detail-table p{font-size: 16px;padding: 12px 20px;}
.detail-pagetit p{font-size: 12px;}}
.page-main .banner-breadcrumbs{margin-top: 45px;}
.detail-btnlist .prodetails-info-box{width: 50%;height: 50px;background: #1E98D7;border-radius: 4px;margin-right: 20px;cursor: pointer;margin-top: 0;text-align: center;line-height: 50px;padding: 0;}
.detail-btnlist .pro-btn{width: 45%;height: 50px;background: #1E98D7;border-radius: 4px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #fff;}
.detail-btnlist .addToCart{background: #D14326;border-radius: 4px;height: 50px;line-height: 50px;width: 100%;text-align: center;margin-top: 25px;cursor: pointer;color: #fff;}
.detail-btnlist .prodetails-text-title{font-size: 14px;color: #fff;}


.home-contact-text{width: 290px;background: #E67C00;position: absolute;bottom: 40px;right: 25px;padding: 10px;box-sizing: border-box;display: none;}
.home-contact-btn1{position: absolute;bottom: 50px;z-index: 4;left: 28.5%;cursor: pointer;}
.home-contact-btn2{position: absolute;bottom: 140px;z-index: 4;left: 31%;cursor: pointer;}
.home-contact-btn3{position: absolute;bottom: 58%;z-index: 4;left: 46.5%;cursor: pointer;}
.home-contact-btn4{position: absolute;bottom: 20%;z-index: 4;left: 54%;cursor: pointer;}
.home-contact-btn5{position: absolute;bottom: 55.5%;z-index: 4;left: 73.8%;cursor: pointer;}
.home-contact-btn6{position: absolute;bottom: 75.5%;z-index: 4;left: 73.8%;cursor: pointer;}
.home-contact-p span{display: none;width: 20px;height: 20px;background: #FF0007;border-radius: 100%;border: 2px solid #fff;}
.home-contact-p img{;width: 20px;}
.home-contact-p.current img{display: block;transform: translateX(-5px);}
.home-contact-p.current span{display: none;}
.home-contact-tel img{width: 30px;}
.home-contact-text.wmkc-current{display: block;}
.home-contact-map .current .home-contact-p img{display: block;width: 20px;}
.home-contact-map .current .home-contact-p span{display: none;}
.home-contact-map .current .home-contact-text{display: block;}
.home-contact-text p{font-size: 14px;color: #fff;}
.table-wrap table td, .table-wrap table th{padding:4px 8px;line-height:1.5}
.contact-btn:hover .home-contact-p span{display: none;}
.contact-btn:hover .home-contact-p img{display: block;}