﻿@charset "utf-8";
:root{--color:#2877ed}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.kche-t45>.kche-flex {padding-left: 20px;background: #f5f5f5;}
@media (min-width:1025px){header.is-active .head-top{height:40px;opacity:1}
header.is-active .head-left,header.is-active .lang-icon span,header.is-active {color:var(--fontcolor)}
header.is-active .lang-icon span::before,header.is-active .lang-icon span::after{background:var(--fontcolor)}
header.is-active .lang-icon img{filter:invert(90%)}}
@media (max-width:1024px){header{position:fixed}}

.popup-inquiry{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;display:none}
.popup-inquiry.is-active{display:flex}
.popup-inquiry-opacity{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.popup-inquiry-box{z-index:1;background:#fff;width:100%;max-width:600px;margin:0 auto;padding:30px 30px;border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);max-height:100vh;overflow-y:auto;transform:translateY(20px);opacity:.5}
.popup-inquiry-box .inquiry-title{font-size:var(--fontsize24);font-weight:700;line-height:1}
.popup-inquiry-close{font-size: var(--fontsize22);cursor: pointer;position:absolute;top:30px;right:30px;line-height:1}
.popup-inquiry.is-active .popup-inquiry-box{animation:popup-inquiry .3s forwards}
@keyframes popup-inquiry{0%{transform:translateY(20px);opacity:.5}100%{transform:translateY(0);opacity:1}}
.send-inquiry{margin-top:20px;padding:3% 20px;background:#fafafa}
.wmkcfeedback .wmkcfb-fileupload,.wmkcfeedback input,.wmkcfeedback textarea{outline:0;width:100%;border-radius:3px;border:none;background-color:#fff;height:50px;padding:10px;margin-bottom:1.5em;font-family:inherit;border:1px solid #fff;font-size:var(--fontsize14);transition:all .1s linear}
.wmkcfeedback textarea{flex:none!important;height:140px;resize:none}
.wmkcfeedback .send-btn{margin:20px auto 0;min-width:200px;height:48px;border-radius:var(--borderradius);font-size:var(--fontsize16);background:var(--color);color:#fff;font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden}
.wmkcfeedback .send-btn:hover{background:#333}
@media (max-width:768px){.popup-inquiry-box{max-width:none;width:85%;padding:20px}
.popup-inquiry-close{top:20px}
}
#liinquiry{display:none}
#liquote{display:flex;align-items:center}
#liquote a{background:var(--color);height:40px;padding:0 15px;border-radius:30px;color:#fff!important;transition:all .1s linear;text-decoration:none}
#liquote a:hover{opacity:.9}
.head-nav .nav-ul>li#liquote>a::before{display:none}
.home-more,.home-more:hover,#customswiper .customswiper-next em, #customswiper .customswiper-prev em,.procate li:hover,.wmkcfeedback .send-btn,.maylink-list .swiper-slide:hover .pro-info .title,.maylink-list .swiper-slide:hover .pro-info .text,.prodetails-info .prodetails-btnlist>:hover,.prodetails-tabs .prodetails-tabs-item.act,.common-page a.ctxt, .common-page span.ctxt,.procate li:hover .info .title,.pro-list.list1 li:hover .pro-info *,.icon-hottitle{color:#fff;}
.newslist.list1 li:hover .info *{color:#fff !important}
@media (max-width:768px){.bottom-btn .btn-item.gotop em{color:#fff;}}

.head-logo{display:flex;align-items:center}
.head-logo .cname{font-weight:var(--fontbold6);font-size:var(--fontsize24);color:#fff}
header.is-active .head-logo .cname{color:var(--color)}
@media (min-width:1025px){.head-nav .nav-ul>li>a{margin:0 10px}}
@media (max-width:1366px){.head-logo .cname{font-size:var(--fontsize18)}
.head-nav .nav-ul>li>a{margin:0 10px;font-size:var(--fontsize15)}}
@media (max-width:1300px){.head-logo .cname{display:none}}