﻿@charset "utf-8"; 
:root{--color:#4b9492}
.home-title{color:var(--color)}
/*header .head-info .head-nav .nav-ul>li>a{color:var(--color)}*/
footer .footer-main .foot-item .foot-title{color:var(--color);line-height:1.2;margin-top:-3px}
footer,footer .foot-list a,footer .footer-main .foot-contact{color:#fff}
footer{background:#111}
footer .copyright{color:#fff;border-top:1px solid #444}
footer .wmkcfeedback input,footer .wmkcfeedback textarea,footer .wmkcfeedback .wmkcfb-fileupload{background:#2a2a2a;border-radius:10px;border:unset;color: #fff;}
footer .wmkcfeedback .send-btn{border-radius:30px;width:fit-content;padding:0 25px;height: 36px;}
footer #wmkcfeedback textarea{height:100px}
footer .wmkcfeedback input::placeholder,footer .wmkcfeedback textarea::placeholder{color:#fff;}
@media (min-width:1025px){header .head-top{background:#DDDDDD;color:var(--fontcolor)}
header .head-top .head-contact .item a,header .head-top .head-contact .item em,.lang-icon span{color:var(--fontcolor)}
.lang-icon span:before,.lang-icon span:after{background:var(--fontcolor);}}
.foot-cont-list{margin-top:15px;}
.foot-cont-list li{display:flex;justify-content: space-between;margin-top:8px;}
.foot-cont-list li .icon{width:20px;line-height:1.4}
.foot-cont-list li p{width:calc(100% - 25px)}
header .head-info .head-nav .nav-ul>li a{font-weight:var(--fontbold7)}
@media (min-width:1025px){header .head-top .l-wrap{padding:0px 15px;max-width:1600px;justify-content:flex-end}
header .head-info .head-nav{margin:0 auto}
.head-contact .item em{margin-right:5px;color:var(--color);font-size:var(--fontsize13);}
.head-contact .item a:hover{color:var(--color)}}
@media (max-width:1600px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{padding:0 10px}
header .head-info .head-nav .nav-ul>li>em{right:-3px}}
/*@media (max-width:1440px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize15)}}*/
@media (max-width:1280px) and (min-width:1025px){header .head-info .head-logo img{max-height:36px}
/*header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize13);padding:0 7px}*/
.head-contact .item em,.head-contact .item a{font-size:var(--fontsize14)}}
/*header .head-info .head-nav .nav-ul>li:hover>a{color: #000;}*/
@media (min-width:1025px){li#liproducts{position:static;}
#liproducts .submenu.nav3{max-width:100%;padding:20px calc(50% - 675px);justify-content:center;}
#liproducts .submenu.nav3>li{width:24%;margin:10px 1.333% 10px 0;}
#liproducts .submenu.nav3>li:nth-child(3n){margin-right:1.333%;}
#liproducts .submenu.nav3>li:nth-child(4n){margin-right:0;}
#liproducts .submenu.nav3>li>a{white-space:normal}}
@media (max-width:1400px) and (min-width:1025px){#liproducts .submenu.nav3{padding:20px 15px}}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li .submenu li a{font-size:var(--fontsize18)}}

@media (min-width:1025px){header.is-active .search-input.active{display: none;}}
@media (min-width:1024px){footer .footer-main{padding-left:10%;padding-right:10%}}
header .head-info .head-logo img,.foot-logo img{max-height:30px}
/*@media (min-width:1025px){header .head-info .head-nav .nav-ul>li>a.inmenu_1{color:var(--fontcolor)}
header .head-info .head-nav .nav-ul>li:hover>a.inmenu_1{color:var(--color)}
.head-contact{transform: translateX(-24%);}
}*/
@media (max-width:1024px){header .head-info .head-logo img{max-width:110px;}}


@media (min-width:1400px){
/*.head-contact{transform: initial;position: absolute;right: 0;}*/
header .head-info .head-nav{margin-left: 0;margin-right:0;}
header .head-info .l-wrap{max-width: 1300px;position: relative;}
header .head-info .head-logo{margin:0 20px 0 -40px}}
/*@media (min-width:1600px){.head-contact{right: -60px;}}*/
@media (min-width:1025px){
header .head-info .head-nav .nav-ul>li>a{padding:0 15px}}
.search-popwindow{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:rgba(80 80 80 / 30%);}
.search-popwindow.active{display:block;}
.search-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.search-flex .search-input{transform:none!important;opacity:1!important;visibility:visible!important;position:relative;background:#fff;width:600px;padding:30px 45px;top:0;left:0;}
.search-flex .search-input input{flex:1;border:1px solid #ccc;border-right:0;border-radius:50px 0 0 50px;padding:0 20px;height:50px;}
.search-flex .search-input button{background:#fff;border:1px solid #ccc;border-left:0;border-radius:0 50px 50px 0;width:60px;height:50px;}
.search-close{cursor:pointer;width:30px;height:30px;position:absolute;right:5px;top:5px;}
.search-close:before{content:'';width:23px;height:2px;background:#000;position:absolute;transform:rotate(45deg);top:14px;left:4px;}
.search-close:after{content:'';width:23px;height:2px;background:#000;position:absolute;transform:rotate(-45deg);top:14px;left:4px;}
@media (min-width:1025px){li#limanufacture>em,li#liproducts>em{position:relative;transform:none;top:0;right:8px;}
li#limanufacture,li#liproducts{display:flex;align-items:center;}}
@media (max-width:1280px) and (min-width:1025px){li#liproducts>em{right:5px}}
@media (min-width: 1024px) {header .head-info .head-nav .nav-ul>li .submenu li a{opacity: 1;}}
footer .wmkcfeedback .send-btn{position:relative;z-index:1;overflow:hidden}
footer .wmkcfeedback .send-btn::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:calc(100% + 20px);border-radius:50%;aspect-ratio:1/1;background:rgba(0,0,0,.4);z-index:-1;transition:all .2s linear}
footer .wmkcfeedback .send-btn:hover{opacity:1}
footer .wmkcfeedback .send-btn:hover::after{transform:translate(-50%,-50%) scale(1)}
   @media (min-width:1024px){.banner-text2 .btn{padding:5px 25px}
}.banner-text2 .btn,.home-choose2 .left .home-more,footer .wmkcfeedback .send-btn{padding:5px 25px;font-size:16px} 

footer .foot-share ul li a{border-radius: 50%;}
footer .foot-share ul li a.fb{background: #3a56a0;}
footer .foot-share ul li a.lk{background: #0073b0;}
footer .foot-share ul li a.ins{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
footer .foot-share ul li a.you{background: #d53f27;}
footer .foot-share ul li a.whatsapp{background: #3cb92e;}
#limanufacture ul a{font-weight:var(--fontbold7)}
@media (min-width: 1300px) {.head-contact{transform: translate(4%,0); }}
@media (min-width:1025px){footer .footer-main{padding-top:55px;padding-bottom:55px}
footer .footer-main .foot-item .foot-title{margin-bottom:23px}
.foot-item .wmkcfeedback{padding-top:13px;max-width:270px}
footer .footer-main .foot-item{width:auto;max-width:24%}
.foot-cont-list{margin-top:10px}}
@media (max-width:1280px) and (min-width:1025px){footer .footer-main .foot-item{max-width:31%}}
footer .wmkcfeedback input{height:36px;margin-bottom:10px}
footer .wmkcfeedback textarea{height:46px;margin-bottom:5px}
@media (min-width:1025px){.foot-cont-list{margin-bottom:20px}
footer .footer-main .foot-contact{display:flex;flex-direction:column}
footer .foot-share{margin-top:auto}
footer .foot-share ul li{margin:10px 10px 0 0}}
@media (min-width:1025px){.common-product .prodetails-sidear{width:270px;}
.common-product .products-list,.prodetails-left{width:calc(100% - 290px)}}
@media (min-width:1025px){.pro-detail-box .tabs-item,.prodetails-faq,.prodetails-like,#toinquiry,.prodetails-left .prodetails-description{padding-left:100px}
.kche-t154-item:nth-of-type(1) .kche-t154-text{padding-left:50px}}
.kche-t154-text-p p{text-align: justify; }
@media (min-width:1025px){.pro-d-main .kche-t154-item:nth-of-type(2) .kche-t154-text{padding-right:50px;}}
.share-btn-list ul{display:flex;}
.share-btn-list ul li{margin-right:6px;}
.share-btn-list ul li a{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:.4s;color:#fff;}
.share-btn-list ul li a:hover{transform:translateY(-6px)}
.share-btn-list ul li a.fb{background: #3a56a0;}
.share-btn-list ul li a.lk{background: #0073b0;}
.share-btn-list ul li a.ins{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);}
.share-btn-list ul li a.you{background: #d53f27;}
.share-btn-list ul li a.whatsapp{background: #3cb92e;}
.share-btn-list ul li a.mail{background: #FF9900;}
.pr-sidebar-recommended{display: none  ;}
.crumbs .banner-content .banner-title-h1{display:none}
#wmkc .wmkc-itemcont p{ white-space: unset;}  
#wmkc .wmkc-itemcont p a{ font-size: 14px !important; }
.common-products-category .l-wrap,.crumbs .banner-content .l-wrap {max-width:1380px;padding:0 15px;}
main:not(.pro-d-main) section.common-main.common-product .l-wrap,.prolist-bottom{max-width:1380px;padding:0 15px}
.common-news #toinquiry{display: none;}

.wmkc-list>li .wmkc-itemico>a{display: flex;flex-direction: column;align-items: center;}
@media (min-width:769px){.gotop {right:20px}}
body.nobanner .inner-banner img{display:none}
main>.breadcrumb{padding:8px 0px;background-color:#FAFAFA}
main>.breadcrumb .l-wrap{max-width:1380px;padding:0 15px;}
@media (max-width:1024px){.search-input.advanced .advanced-search{display:none}
.bottom-btn .btn-item a{color:var(--footercolor)}}
.common-main article img{object-fit: initial!important;}
@media (max-width:768px){.prodetails-faq .faq-box div{width:100%;margin:5px 0;}}
@media (max-width:1024px){.bottom-btn.active{visibility:visible;opacity:1;transform:translateY(0)}}
@media (max-width:1024px){.bottom-btn .btn-item:nth-child(5){display:block !important}
.bottom-btn .btn-item.mobile-bottom-bag,.bottom-btn .btn-item:nth-child(6){display:none !important}}
img.inner-mobbanner {display:none!important}
@media (max-width:768px){.inner-picbanner{display:none!important}
img.inner-mobbanner {display:block!important;width:100%}}
li.wmkc-wechat a{pointer-events:none;}
.search-input.advanced .advanced-search {display:none}
.products-list li .icon,.rfixed-sc{display:none !important;}
.news-detail-content .news-box div{display:block;}
.news-detail-content .news-box a{display:inline;}

.common-news>.l-wrap {max-width: 1370px;padding: 0 15px;}
@media (min-width:1025px){.head-contact .item a {font-size:var(--fontsize13)}
.head-contact .item{white-space:nowrap}
header .head-info .head-nav .nav-ul>li>a{padding:0 8px;font-size:var(--fontsize16)}}
@media (max-width:1300px) and (min-width:1025px){header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize14)}}
@media (max-width:1200px) and (min-width:1025px){.head-contact .item a {font-size:var(--fontsize12)}
header .head-info .head-nav .nav-ul>li>a{font-size:var(--fontsize12)}}