﻿@charset "utf-8"; 
:root{--color:#FE6002}
.home-about .item1 .about-img {background-image: url(/uploads/41383/news/p20240126131102790ed.jpg);}
.home-about .item2 .about-img {background-image: url(/uploads/41383/news/p202402021527378e824.jpg);}
.home-news-list .news-img>img{object-fit:contain}
.map iframe{border:0}
.sidebar-prolist .pro-more{text-transform:unset}
.home-about .about-title{text-transform:capitalize}
.certi-swiper .certi-item:after{margin-bottom:25px}
.certi-swiper .certi-name{display:none}
@media (min-width:769px){.home-about .about-title{font-size:25px}}
.contact-us .sidebar{display:none}
.flex-jc-sb {display: flex;flex-wrap: wrap;justify-content: space-between;}
.container {width: 100%;max-width: 1640px;margin: 0px auto;padding: 0px 20px;}
.siggle-cont {font-size: 16px;}
.contactsec1-l {width: 40%;color: #555;}
.contactsec1-r {width: 50%;}
.contact-tit {font-size: 22px;color: var(--fontcolor);position: relative;margin-bottom: 30px;}
.contact-tit::before {content: '';display: block;position: absolute;bottom: 0px;left: 0px;width: 40px;height: 4px;background-color: var(--color);}
.contact-tit strong {display: inline-block;border-bottom: 1px solid #EEE;padding-bottom: 10px;font-weight: 400;text-transform: capitalize;}
.contactus>div {display: flex;margin-bottom: 30px;}
.contactus>div>p {width: 50px;height: 50px;background: #FFF;border: 1px solid #EEE;display: flex;align-items: center;justify-content: center;color: #555;}
.contactus>div>p .iconfont {font-size: 18px;}
.contactus>div>div {flex: 1;padding-left: 20px;}
.contactus>div>div>p:nth-child(1) {font-size: 18px;color: var(--fontcolor);}
.contactus>div>div>p:nth-child(2) {font-size: 14px;color: #555;}
@media (max-width:1024px) {.container{padding: 0 3%;box-sizing: border-box;}
.flex-jc-sb{flex-direction: column;}
.contactsec1-l,.contactsec1-r{width:100%}}
.home-product-list .home-product-item .img-wrap{position: unset;flex-direction: column;}
.home-product-list .home-product-link{opacity: 1;position: unset;background: none;border-bottom: 2px solid #fff;transition: all .3s ease-in-out;}
.home-product-list .home-product-item{padding-top: 0;border: none;}
.home-product-list .home-product-item:hover {box-shadow: unset;border-color: unset;border: unset;}
.home-product-list .home-product-name{opacity: 1;transform: unset;width: 100%;text-align: center;background: #fff;color: #000;font-size: 18px;max-width: 100%;}
.home-product-list .home-product-item img{padding: 10px;box-sizing: border-box;border: 1px solid #eee;}
.home-product-list>li:hover .home-product-link{border-bottom: 2px solid var(--color);}
.kche-wrap-width1 .kche-t9 {background:#1310c1;display:flex;}
.kche-wrap-width1 .kche-t9>h5 {max-width:80%;padding-right:30px;background:var(--color)!important;font-weight:var(--fontbold5,500);}
.kche-wrap-width1 .kche-t9>h5::before {content:'';display:block;width:12px;height:102%;background-color:#FFF;position:absolute;left:auto;right:-5px;top:0;transform:skewX(-18deg);}
@media (max-width:768px){.kche-wrap-width1 .kche-t9>h5{font-size:15px!important;padding:5px 25px 5px 10px}
.kche-wrap-width1 .kche-t9>h5::before{transform:skewX(-13deg);}}
@media (min-width:1081px) {#liproducts .submenu {padding:10px;list-style:none;width:1100px;display:none!important;flex-wrap:wrap;left:-450px}
#liproducts:hover .submenu {display:flex!important}
#liproducts .submenu>li {margin:10px 1% 10px 0;position:relative;min-height:100px;width:24.2%;}
#liproducts .submenu>li:nth-child(4n) {margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i {display:none}
#liproducts .submenu>li>a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:none;height:auto;padding:0 0 0 100px;line-height:1.5}
#liproducts .submenu>li .cate-con {padding-left:100px}
#liproducts .submenu>li .cate-con ul {position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a {font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img {width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img img {width:100%;height:100%;object-fit:cover}}
@media (max-width:1024px) {#liproducts .submenu>li .cate-img {display:none}
#liproducts .submenu>li>a,#liproducts .submenu>li .cate-con ul a {line-height:1.6;display:block;padding-bottom:3px}}
.head-top{background-color: var(--color);height: 40px;transition: all .1s linear;}
.head-top .l-wrap{line-height: 40px;}
@media (min-width:1025px){.head-top .l-wrap{display: flex;align-items: center;justify-content: space-between;}
.head-top .head-search{width:160px;}
.head-top .head-search>i{top:0;}}
.head-link .item>em,.head-link .item a{color: #fff;}
.head-link{display: flex;}
.head-link .item{margin-right: 20px;}
.home-about .item1 .about-article {color: #ffffff;}
.is-fix .head-top{height: 0;opacity: 0;visibility: hidden;}
@media (max-width: 1024px){.head-top {display: none;}}
.home-certi{background:url(/uploads/41383/page/p20240201160125bb8ba.jpg) no-repeat center;background-size:cover;}
.kche-t70>.kche-template-title>h5{background:var(--color)!important}
#about {padding:0 0 80px;}
#about .l-wrap {display:flex}
#about .about-img,#about .about-con {width:50%}
#about .about-con {padding:0 0 0 100px;}
#about .about-con .title {color:var(--color);font-weight:var(--fontbold6);margin-bottom:22px}
#about .about-con h3 {font-size:2em;text-transform:uppercase;margin-bottom:20px}
#about .about-con h3>span {color:var(--color)}
#about .about-con .con {color:#555;line-height:1.5em}
#about .about-con ul {margin:40px 0px 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
#about .about-con ul li {line-height:1.5em;margin-bottom:10px;position:relative}
#about .about-con ul li:after {content:"";width:14px;height:14px;background:var(--color);position:absolute;top:6px;left:-22px}
#about .about-con ul:before,#about .about-con ul:after {content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0px}
#about .about-con ul:after {left:14px;top:-22px}
#about .about-con ul:before {top:10px}
#about .about-img {padding-top:60px}
#about .about-img img {display:block;right:0px;width:90%;height:auto}
#about .about-img .img-wrap {position:relative;display:flex;justify-content:flex-end}
#about .about-img .dot,#about .about-img .box {position:absolute}
#about .about-img .dot {z-index:-2;background-image:radial-gradient(#D8D8D8 1.2px,rgba(0,0,0,0) 1px);background-size:16px 16px;top:-60px;left:0;width:calc(50% + 90px);height:calc(70% + 60px);}
#about .about-img .box {background:#F1F4F9;z-index:-1;left:30px;top:-30px;width:50%;height:calc(100% + 60px);}
.more-btn {padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.more-btn:hover {background:#FFF;color:var(--color)}
@media screen and (max-width:1470px) {#about .about-con {padding-left:50px}}
@media (max-width:1300px){#about{padding-bottom:0}
#about .about-con h3{font-size:25px;line-height:1.4;margin-bottom:10px}}
@media screen and (max-width:768px) {#about{padding:0 0 20px}
#about .l-wrap {display:block}
#about .about-img,#about .about-con {width:100%}
#about .about-img .dot{left:-4vw;}
#about .about-img .box{left:-2vw;}
#about .about-img {margin-bottom:40px}
#about .about-img img {width:100%}
#about .about-con {padding:20px 0 0}
#about .about-con h3,#about .about-con .title {text-align:center}
#about .about-con h3 {font-size:18px}
#about .about-con .title {display:none}
#about .about-con ul {margin:30px 0px 40px;padding-left:60px}
.home-product{margin-bottom:10px}
.home-product-list .home-product-item{margin-bottom:25px}}
img {max-width:100%;}
.home-about .item2 .about-img {padding:0;background:none;}
.home-about .item2 .about-img img {width:100%}
@media (min-width:770px){.common-content .pro-list.list1>li{width:25%;}}
@media (min-width:1281px){.common-main.mobcate-main .l-wrap{max-width:1640px;padding:0 20px}

main>.prolist-bottom{max-width:70%;}}
.inquiry .sidebar-title{font-size:22px;}
#wmkcprivacy{right:auto!important;left:10px!important;}
.more-btn{display:inline-block}
.home-about lite-youtube{max-width:100%;margin-bottom:50px}
@media (max-width:1300px){.home-about lite-youtube{margin-top:50px}}
@media (max-width:1024px){.home-about lite-youtube{height:auto!important}}
@media (max-width:500px){.home-about lite-youtube{margin:30px 0}}
@media screen and (max-width: 1500px) and (min-width: 1081px) {.head-nav>ul>li>a {font-size: var(--fontsize18);}}
@media(min-width:1025px){.head-nav{margin-left: 0;}header>.l-wrap{justify-content: space-around;}}
 @media(min-width:1024px ) and (max-width:1400px){#liproducts .submenu{left:122%;transform:translate(-50%,0)}
}