﻿@charset "utf-8";
:root { --bgcolor: linear-gradient( 90deg, #0098F5, #1CCE7E)}
/*.head-nav .nav-ul>li#liproducts>ul.submenu>li:nth-child(-n + 4),.sidebar-item .sidebar-cate>li:nth-child(-n + 4){display:none}*/
/*footer .foot-item.foot-cate .foot-list>li:nth-child(-n + 4){display:none}*/
@media (min-width:1025px){header:not(.is-active) .head-info .head-logo a img.active-img{display:none}}
.head-logo a>img:nth-child(1){margin-right:7px;}
.pagesbanner .pagesbanner-animate .p1{font-size: 50px;font-weight: var(--fontbold6);}
@media(max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size: var(--fontsize20);}}
.pagesbanner:after {content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(21, 21, 21, .5);}
.head-nav .nav-ul>li#liservices-1>a{ pointer-events: none;}
@media (min-width:1025px){header:not(.is-active) .head-nav .nav-ul>li>a{font-size:var(--fontsize20);padding:0 14px;}
/*.head-logo a>img:nth-child(1){max-width:22%}*/
/*.head-logo a>img:nth-child(2){max-width:74%}*/
}
@media (max-width:1550px) and (min-width:1025px){header:not(.is-active) .head-nav .nav-ul>li>a{font-size:var(--fontsize20);padding:0 9px;}}
@media (max-width:1400px) and (min-width:1025px){header:not(.is-active) .head-nav .nav-ul>li>a{font-size:var(--fontsize17);}}
@media (max-width:1280px) and (min-width:1025px){header:not(.is-active) .head-nav .nav-ul>li>a{font-size:var(--fontsize14);}}
/*footer .foot-item .foot-list li#li_Menu101_showroom{display:none;}*/
div#wmkc{transform:scale(1.3);top:200px;animation:wmkcanimate 2s forwards;transform-origin:right}
@keyframes wmkcanimate{0%{transform:scale(1.3)}
50%{transform:scale(1.45)}
100%{transform:scale(1.3)}}
@media (min-width:1025px){:root{--fontsize12:14px;--fontsize13:15px;--fontsize14:16px;--fontsize15:17px;--fontsize16:18px;--fontsize17:19px;--fontsize18:20px;--fontsize20:22px;--fontsize22:24px;--fontsize24:26px;--fontsize26:28px;--fontsize28:30px;--fontsize30:32px;--fontsize32:34px;--hometitlefont:38px;}
.kche-t124 h5,.kche-t53 .kche-t53-title,.kche-t86 .kche-t86-content h5,.kche-t155 .kche-t155-contant h5,.kche-t145 h5,.kche-t174 h5,.kche-t176 h5,.kche-t188 .kche-t188-left .kche-t188-title,.kche-t172 h5{font-size:var(--fontsize24)}
.kche-t114 .kche-t114-title,.kche-t80>.kche-template-item>h2,.kche-t147 .kche-t147-title,.kche-t181 .kche-t181-title,.kche-t172 .kche-t172-item .kche-t172-item-info .kche-t172-item-tit{font-size:var(--fontsize20)!important}
.kche-t98 .kche-t98-item-title,.kche-t86 .kche-t86-item-flex>.kche-item-r>.kche-item-tit,.kche-t155-text-tit,.kche-t174 .kche-t174-list .kche-t174-item-tit,.kche-t176 .kche-t176-list .kche-t176-item-tit{font-size:var(--fontsize18)}
.kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p,.kche-t188 .kche-t188-tit p,.kche-t147 .kche-t147-item-tit,.kche-t181 .kche-t181-item-tit{font-size:var(--fontsize18)}
.kche-t114 .kche-t114-des,.kche-t124 .kche-t124-des,.kche-t124 .kche-t124-item .kche-t124-item-des,.kche-t86 .kche-t86-item-flex>.kche-item-r>.kche-item-text,.kche-t155-text-p p{font-size:var(--fontsize16)!important}
.kche-t145 .kche-t145-text p,.kche-t174 .kche-t174-list .kche-t174-item-des p,.kche-t176 .kche-t176-list .kche-t176-item-des p,.kche-t188 .kche-t188-text p,.kche-t188 .kche-t188-con p,.kche-t147 .kche-t147-des p{font-size:var(--fontsize16)}
.kche-t147 .kche-t147-item-des p,.kche-t181 .kche-t181-item-des p,.kche-t172 .kche-t172-item .kche-t172-item-info .kche-t172-item-des p{font-size:var(--fontsize16)}}
.head-top .head-left .item:nth-child(2) a:nth-child(3){position:relative;padding-left:15px;}
.head-top .head-left .item:nth-child(2) a:nth-child(3):before{content:'/';color:#fff;margin:0 5px;position:absolute;left:0;}
#floatwindow_chat_window .floatwindow_chat_box .floatwindow_box{display:block !important}
#floatwindow_chat_window .floatwindow_menu{display:none !important}
@media (min-width:1025px){.footer-bottom .main .mid .quick ul{display:flex;flex-wrap:wrap;}
.footer-bottom .main .mid .quick ul li:nth-child(2n-1){width:60%;}
.footer-bottom .main .mid .quick ul li:nth-child(2n){width:40%;}
.footer-bottom .main .mid>div.foot-pro{width:27%;}}
@media (min-width:1025px) and (max-width:1460px){.footer-bottom{font-size:16px;}}
header .head-info .head-nav .nav-ul>li>a{font-weight:var(--fontbold7)}
header .head-top ,.home-about .l-wrap .left .top::after ,.home-about .l-wrap .right .btn ,.home-product .l-wrap .product .pro-list .item .text .btn::after ,.process-item-top,.home-case,.sidebar .wmkcfeedback .send-btn{ background: var(--bgcolor);}
.footer-top,.pro-list li .pro-info .btn::before,.common-page>.ctxt,.footer-bottom,.sidebar .categories .menu-item.active>a,.contact .wmkcfeedback .send-btn,.news .wrap-r .news-list li:hover .info .more-btn,.sidebar .mod ul li:hover>a{ background:var(--bgcolor);}
@media (max-width: 1550px) and (min-width: 1025px) { header:not(.is-active) .head-nav .nav-ul>li>a {padding: 0 20px;}}

@media (min-width:1025px){#liproducts:hover .nav4{opacity:1;transform:translateX(-50%) scaleY(1)}
#liproducts:hover .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts:hover .nav4>li:nth-child(1) .cate2-item li{height:auto;}
#liproducts .nav4{transform:translateX(-50%) scaleY(0);padding:20px 0;max-width:1600px;width:100%;min-height:260px;max-height:80vh;background:#fff;position:fixed;top:140px;left:50%;opacity:0;overflow: hidden;}
header.is-active #liproducts .nav4{top:80px;}
#liproducts .nav4::after{content:"";position:absolute;left:400px;top:0;width:1px;height:100%;background:#dcdcdc}
#liproducts .nav4>li:nth-child(1) .cate2-item{display:flex}
#liproducts .nav4>li a{padding:0}
#liproducts .nav4>li .cate1-item{display:flex;align-items:center;padding:20px;width:400px;height:100%;box-sizing:border-box}
#liproducts .nav4>li .cate1-item .cate-img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li{padding:0;position:initial}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li a{border-bottom:none !important;}
#liproducts .nav4>li .cate1-item .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate1-item .cate-img img:hover{transform:scale(1.05)}
#liproducts .nav4>li .cate1-item .cate-name{padding:0;margin:0;padding-left:10px;font-size:16px;font-weight:700}
#liproducts .nav4>li .cate2-item{display:none;flex:1;position:absolute;left:420px;top:0;padding:20px 0;box-shadow:none;border:none;background:0 0;flex-wrap:wrap;background:#fff;width:calc(100% - 420px);opacity:1;visibility:inherit;transform:none}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar{width:4px}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#liproducts .nav4>li .cate2-item::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
#liproducts .nav4>li .cate2-item li{width:190px;padding:0 20px;text-align:center;margin-bottom:20px}
#liproducts .nav4>li .cate2-item a{display:block;height:auto;line-height:inherit;}
#liproducts .nav4>li .cate2-item a:hover img{transform:scale(1.05)}
#liproducts .nav4>li .cate2-item a img{width:120px;height:120px;object-fit:cover;transition:all .1s linear}
#liproducts .nav4>li .cate2-item a span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:wrap;line-height:1.4;padding-top:6px}
header .head-info .head-nav .nav-ul>li#liproducts .submenu li:hover,header .head-info .head-nav .nav-ul>li#liproducts .submenu li:hover a{background: none;}
#liproducts .nav4>li:hover .cate2-item{display:flex;height:100%;width:100%;background:#fff;z-index:9}
#liproducts .nav4>li.active .cate2-item{display:flex}}
@media (min-width:1025px) and (max-width:1600px){#liproducts .nav4{max-width:1400px}}
@media (min-width:1025px) and (max-width:1440px){#liproducts .nav4>li .cate1-item{width:280px;}
#liproducts .nav4>li .cate2-item{left:300px;width:calc(100% - 300px)}
#liproducts .nav4>li .cate2-item li{width:160px;}
#liproducts .nav4::after{left:280px}}
@media (min-width:1025px) and (max-width:1440px){#liproducts .nav4{max-width:1200px}}
@media (max-width:1024px){#liproducts .nav4 img{display:none}
#liproducts .nav4 .cate1-item .cate-img{display:none;}
#liproducts .nav4>li .cate2-item{position:static;opacity:1;display:block;padding-left:20px}
#liproducts .nav4>li .cate2-item span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}}