@charset "utf-8";
:root{--color:#168A4E;--color1:#168A4E;}
iframe{height: revert-layer;}
footer .foot-more{text-align: center;}
footer .foot-more a{font-size:18px;text-decoration: none;min-width: 180px;padding: 0 20px;height: 48px;display: inline-flex;align-items: center;justify-content: center;border-radius: 24px;border: 1px solid var(--color);color: var(--color);font-weight: var(--fontbold5);transition: all .2s linear;}
footer .foot-more a:hover{background: var(--color);color:#fff;}
@media (min-width:1025px){footer .foot-item.foot-nav{width:23%;}}
footer .foot-item.foot-nav ul{display:flex;flex-wrap:wrap;}
footer .foot-item.foot-nav ul li{width:50%;}

.pro-d-main .product{display:flex;margin-top:40px;}
.pro-d-main .sidebar{width:300px;margin-right:30px}
.pro-d-main .sidebar .mod{background-color:#FFFFFF;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;padding:15px;margin-bottom:30px;}
.pro-d-main .sidebar .mod .title p{margin:0px;font-size:var(--fontsize24);color:var(--fontcolor);font-weight:var(--fontbold5);line-height:1;text-transform:capitalize}
.pro-d-main .sidebar .mod .title::after{content:'';display:inline-block;width:80px;height:2px;background-color:var(--color)}
.pro-d-main .sidebar .mod ul{padding:0px}
.pro-d-main .sidebar .categories ul li{margin:1px 0px;background-color:#FCFCFC}
.pro-d-main .sidebar .categories ul li .pro-menu{display:none}
.pro-d-main .sidebar .categories > ul > li > a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:10px;padding-right:40px;transition:all 0.2s linear}
.pro-d-main .sidebar .categories ul li a.act{background-color:var(--color);color:#FFFFFF}
.pro-d-main .sidebar .products ul li{margin:10px 0px;border-radius:var(--border);overflow:hidden}
.pro-d-main .sidebar .products ul li > div{display:flex;align-items:center;background-color:#FCFCFC}
.pro-d-main .sidebar .products ul li > div .img{width:110px;border-radius:var(--border);overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0}
.pro-d-main .sidebar .products ul li .img img{width:100%;transform:scale(1);transition:all 0.2s linear}
.pro-d-main .sidebar .products ul li .text{flex:1;margin:0px 10px;box-sizing:border-box;padding:0px 10px}
.pro-d-main .sidebar .products ul li div div{display:inline-flex;flex:1}
.pro-d-main .sidebar .products ul li .text p{font-size:var(--fontsize16);color:var(--fontcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:all 0.2s linear}
.pro-d-main .sidebar .products ul li:hover .img img{transform:scale(1.03)}
.pro-d-main .sidebar .products ul li:hover .text p{color:var(--color)}
.pro-d-main .sidebar .mod ul li:hover > a{background-color:var(--color);color:#FFFFFF}
.pro-d-main .sidebar .mod ul li:hover em{color:#FFFFFF}
.pro-d-main .sidebar .categories .sub-menu li{margin:1px 0px}
.pro-d-main .sidebar .categories .sub-menu a{display:inline-block;width:100%;box-sizing:border-box;padding:10px 20px}
.pro-d-main .sidebar .categories .menu-item{position:relative}
.pro-d-main .sidebar .categories .menu-item > em{position:absolute;right:0px;top:0px;width:40px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--fontsize14)}
.pro-d-main .sidebar .categories .menu-item .sub-menu{display:none}
.pro-d-main .sidebar .categories .menu-item.active > em{color:#FFFFFF}
.pro-d-main .sidebar .categories .menu-item.active > a{color:#FFFFFF;background-color:var(--color)}
.pro-d-main .sidebar .categories .menu-item.active .sub-menu{display:block}
.pro-d-main .sidebar .categories .menu-item > em::before{transform:rotate(0);transition:all 0.2s linear}
.pro-d-main .sidebar .categories .menu-item.active > em::before{transform:rotate(90deg)}
.pro-d-main .sidebar .news ul li{margin:15px 0px;border-radius:var(--border);overflow:hidden}
.pro-d-main .sidebar .news ul li > a{display:flex}
.pro-d-main .sidebar .news.mod ul li:hover > a{background-color:#FFFFFF;color:var(--color)}
.pro-d-main .sidebar .mod ul li ul li:hover a{color:var(--color);background-color:transparent}
.pro-d-main .sidebar .news a .left{width:130px;margin-right:10px;overflow:hidden;border-radius:var(--border)}
.pro-d-main .sidebar .news a .left img{width:100%;transform:scale(1);transition:all 0.2s linear}
.pro-d-main .sidebar .news a .right{flex:1}
.pro-d-main .sidebar .news a .right p{margin:0px;color:var(--fontcolor);transition:all 0.2s linear;line-height:1.4;font-weight:var(--fontbold5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:10px}
.pro-d-main .sidebar .news a .right span{color:var(--color);font-size:var(--fontsize14)}
.pro-d-main .sidebar .news ul li:hover .right p{color:var(--color)}
.pro-d-main .sidebar .news ul li:hover .left img{transform:scale(1.05)}
.pro-d-main .sidebar .sidebar-cate > li ul li.active a{color:var(--color)}
.pro-d-main .common-main .page-main{width:calc(100% - 390px)}
.pro-d-main .right-wrap{flex:1}
@media screen and (max-width:1024px){.pro-d-main .common-main .page-main{width:100%}
.pro-d-main .sidebar{display:none;width:100%;margin-right:0px}}
.pro-d-main .prodetails-text{line-height:1.5}
.pro-d-main .inquiry.mod{position:sticky;top:100px;}
.pro-d-main .inquiry.mod .wmkcfeedback .inquiry-form input{width:100%;margin:10px 0 0;}
.pro-d-main .inquiry.mod .wmkcfeedback textarea{margin:10px 0 0}
.pro-d-main .inquiry.mod .wmkcfeedback .send-btn{min-width:inherit;}
.prodetails-text+.prodetails-flex{display:none}
@media (min-width:1025px){body:not(.nobanner){padding-top:126px}
body:not(.nobanner) .head-nav .nav-ul>li>a{color:#111}
.head-top{background:var(--bgcolor)}
.head-lang::before{background:#fff}
header.is-active .head-top, header:hover .head-top{color:#fff}}
header.is-active .head-top .lang-icon img,header:hover .head-top .lang-icon img{filter:invert(0)}
header.is-active .head-top .lang-icon span, header:hover .head-top .lang-icon span{color:#fff}
header.is-active .head-top .lang-icon span::after, header.is-active .head-top .lang-icon span::before, header:hover .head-top .lang-icon span::after, header:hover .head-top .lang-icon span::before{background:#fff}