@charset "utf-8"; 
.product-main .product-container .product-left .product-lastest-products ul li,.product-main .product-container .product-left .product-lastest-products ul li .product-img{height:auto;}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
table tr:first-child{background-color: #DDD;}
.product-main .product-container .product-main{width: 80%;box-sizing: border-box;}
@media(min-width:769px){.index-main .swiper-container{margin-top: 198px;} .product-main .product-container .product-left{width: 20%;}}
@media(max-width:768px){.index-main .swiper-container{margin-top: 135px;}}
@media(max-width:500px){.index-main .swiper-container{margin-top: 110px;}}
.header .header-nav{background: #fff;}
header .header-nav .header-nav-list ul li>a{color: #000;}
header .header-nav .header-nav-list ul li>a:hover{color:var(--color)}
header .header-nav .nav-btn span{background-color: #000;}
@media(max-width:768px){header .header-nav .header-nav-list ul li>a{color: #fff;}}
header .header-info{background:#000;}
header .header-info div,header .header-info div i,header .header-info a{color:#fff}
footer .contact-container .contact-logo-btns>a:nth-child(1){display:none}
.product-left-ab ul>li{position:relative}
.product-left-ab ul>li .sub-menu{display:none !important;background:#fff;min-width:100%;box-shadow:0 0 5px rgba(0,0,0,.1)}
.product-left-ab ul>li:hover .sub-menu{display:block !important}
.product-left-ab ul>li .sub-menu{position:absolute;left:100%;top:0;z-index:99}
.product-main .product-container .product-left .product-left-ab ul .LiLevel1 ul .LiLevel2{line-height:45px;}
.contactsec1-l{width:40%;color:#555}
.contact-tit{font-size:22px;color:var(--fontcolor);position:relative;margin-bottom:30px}
.contact-us .abouts-left {display:none}
.contact-tit strong{display:inline-block;border-bottom:1px solid #EEE;padding-bottom:10px;font-weight:400;text-transform:capitalize}
.contact-tit::before{content:'';display:block;position:absolute;bottom:0px;left:0px;width:40px;height:4px;background-color:var(--color)}
.contactus>div{display:flex;margin-bottom:30px}
.contactus>div a:hover{color:var(--color)}
.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}
.contactsec1-r{width:50%}
.contactus-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback .send-inquiry .inquiry-form input{width:100%;}
@media (max-width:1024px) {
   .contactsec1-r,.contactsec1-l{width:100%;} 
}
.index-main .statistics-container {display: none;}
.l-wrap{padding:0 125px;}
@media (max-width:1025px){.l-wrap{padding:0 50px;}}
@media (max-width:769px){.l-wrap{padding:0 0.4rem;}}
#about {padding:80px 0px 20px}
#about .l-wrap {display:flex}
#about .about-img,#about .about-con {width:50%}
#about .about-con {padding-left:50px}
#about .about-con .title {display:none}
#about .about-con h3 {font-size:2em;text-transform:uppercase;margin-bottom:20px;line-height:1.3}
#about .about-con h3>span {color:#DE0011}
#about .about-con .con {color:#555;line-height:1.5em}
#about .about-con ul {margin:40px 0px 50px;padding-left:22px;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:3px;left:-22px}
#about .more-btn {display:inline-block;width:auto;height:auto;margin:0;padding:10px 40px;border:1px solid var(--color);background:var(--color);color:#FFF!important;text-transform:lowercase;transition:color ease .3s,background ease .3s}
#about .more-btn:hover {background:#FFF;color:var(--color)!important}
#about .about-img img {display:block;right:0px;width:100%;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}
#about .about-img .box {background:#F1F4F9;z-index:-1}
@media screen and (max-width:768px) {#about {padding:9.6vw 0}
#about .l-wrap {display:block}
#about .about-img,#about .about-con {width:100%}
#about .about-img {margin-bottom:40px}
#about .about-img img {width:100%}
#about .about-con {padding-left:0px}
#about .about-con h3,#about .about-con .title {text-align:center}
#about .about-con h3 {font-size:22px}
#about .about-con .title {margin-bottom:16px}
#about .about-con ul {margin:30px 0px 40px;}}
.honor{margin-top:4%;background-size:cover;background-repeat:no-repeat;background-position:center;padding:4% 0 2%;margin-bottom:-72px}
.honor .honor-swiper{margin-top:0}
.honor-list{margin-top:3%;justify-content:space-between}
.honor-list>div{width:18%;text-align:center}
.honor-item-img img{height:auto;width:100%}
.down{position:relative;left:0px;top:0px;height:40px}
.reflection{width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:bottom center;transform:scaleY(-1);opacity:.5;filter:alpha(opacity='50')}
.overlay{position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(245,245,235,.7) 50%,rgba(245,245,235,1))}
.home-tit{font-size:32px;color:var(--color);margin-bottom:20px;text-transform:capitalize;text-align:center;line-height:1.2}
.home-text{color:#555;font-size:18px;text-align:center;max-width:920px;margin:0px auto}
@media (max-width:769px){.honor{margin-bottom:-55px}
.home-tit{font-size:.48rem;margin-bottom:10px}
.home-text{font-size:14px}
.honor .honor-swiper{padding-bottom:40px}
.honor .swiper-pagination-bullet{background:#000}}
#about .about-con h3>span {color: inherit;}
.header .header-nav{border-bottom: 5px solid #fdcb11;}
footer .contact-container{border-bottom:6px solid #fdcb11;background: #ccc;}
footer .contact-container .contact-logo-btns p{color: #000;}
footer .contact-container .contact-navigation ul li a{color: #000;}
footer .contact-container .contact-us ul li, footer .contact-container .contact-us ul li a{color: #000;}
footer .contact-container .contact-title{color: #000;}