:root{
  --kl-primary:#0171bb;
  --kl-ink:#393939;
  --kl-page-bg:#ffffff;
  --kl-radius:10px;
  --kl-fs:14px;
  --kl-fs-h2:26px;
  --kl-lh:1.5;
  --kl-header-h:66px;
  --kl-container:1200px;
}
html{font-size:var(--kl-fs);line-height:var(--kl-lh);color:var(--kl-ink)}
body{background:var(--kl-page-bg)}
.container{width:var(--kl-container)}
.header{height:var(--kl-header-h)}
.text-primary{color:var(--kl-primary)}
.menu--top .menu__item.is-active .menu__link,
.menu--top .menu__item:hover .menu__link{border-bottom-color:var(--kl-primary)}
.menu .rec-products__item span{color:var(--kl-primary)}
.form-control{border-color:var(--kl-primary)}
.pagination__item.is-selected{background-color:var(--kl-primary)}
.bd__title{font-size:var(--kl-fs-h2)}
.service__item{border-radius:var(--kl-radius)}
.xxf-article-body{line-height:var(--kl-lh);font-size:16px;color:var(--kl-ink)}
.xxf-article-body img{max-width:100%;height:auto}
.xxf-related{margin:40px 0 20px}
.xxf-related h3{font-size:18px;margin-bottom:12px}
.xxf-related li{line-height:2}
.contact-desc{padding:36px 0 10px}
.contact-desc h3{margin-bottom:18px;font-weight:400}
.contact-desc .row{margin-bottom:14px}
.contact-desc .row__left{width:180px;color:#666}
.history-year{margin:28px 0;padding-bottom:18px;border-bottom:1px solid #eee}
.history-year h3{margin:0 0 8px;font-weight:400;color:var(--kl-primary)}
.history-year p{color:#9a9a9a;line-height:1.8;margin:6px 0}
.kl-sitemap{padding:20px 0 50px}
.kl-sitemap h3{margin:28px 0 8px;font-size:18px;font-weight:400;color:#000}
.kl-sitemap hr{border:none;border-top:1px solid #ddd;margin:8px 0 14px}
.kl-sitemap a{margin-right:14px;line-height:2.1;color:var(--kl-primary)}
.kl-sitemap p{margin:0 0 8px}
.kl-cat{padding:20px 0 70px}
.kl-cat__hero{padding:36px 0 10px;text-align:center}
.kl-cat__hero h1{font-size:32px;font-weight:400;margin:0 0 10px;color:#111}
.kl-cat__hero p{color:#666;margin:0}
.kl-cat__sec{margin:40px 0 16px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:22px;font-weight:400}
.kl-cat__grid{display:flex;flex-wrap:wrap;margin:0 -10px}
.kl-cat__card{width:25%;box-sizing:border-box;padding:16px 10px 28px;text-align:center}
.kl-cat__card img{width:100%;height:170px;object-fit:contain}
.kl-cat__card b{display:block;margin:12px 0 6px;font-weight:400;color:#253746}
.kl-cat__card span{color:var(--kl-primary);font-size:13px}
.kl-cat__intro{color:#666;line-height:1.8;margin:0 0 24px}
.kl-cat__feat{display:flex;margin:30px -16px}
.kl-cat__feat .item{width:33.33%;padding:0 16px;box-sizing:border-box}
.kl-cat__feat h3{font-size:22px;font-weight:400;margin:0 0 8px;color:var(--kl-primary)}
.kl-cat__feat p{color:#666;line-height:1.8;margin:0}
@media (max-width:900px){
  .kl-cat__card{width:50%}
  .kl-cat__feat{display:block}
  .kl-cat__feat .item{width:100%;margin-bottom:20px}
}
.footer__bottom{min-height:68px}
.footer__links{display:block;line-height:22px}
.footer__copyright{
  position:static !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  display:block;
  margin-top:8px;
  line-height:22px;
  white-space:normal;
}