﻿@charset "utf-8";
@media (max-width:560px){.wmkc-template-43 .wmkc-flex-jc-sb{flex-direction:column}
.wmkc-template-43 .wmkc-flex-jc-sb .wmkc-flex-item{width:100%}}
@media(min-width:1024px){.highpro-l{width:40%}
.highpro-r{width:60%;padding:15px 5%;display:flex;align-items:center}}
.aboutus-box{text-align:inherit}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:0 0}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.fcontact li:nth-child(3){display:none}
.highpro-l img{object-fit:cover}
.latestnews-img img{max-height:100%}
.hotpro-title{max-height:42px}
.foot-b,.foot-t,.highpro-r{background:var(--color)}
.foot-item1 p,.foot-list div h6,.highpro-authentication li,.highpro-text,footer,footer a{color:#fff}
.highpro-authentication li::before,.highpro-r-box::before{background:#fff}
.highpro-step-act .highpro-step-title,.productcate-box-more{color:#fff}
.highpro-step-act .highpro-step-num,.highpro-step-num{background:#fff;color:#7db037}
.about-l{background:url(/js/38992/about-bg.jpg) no-repeat;background-size:cover;background-position:center;padding:30px;width:50%}
.about-up,.highpro{margin:20px 0}
.copyright a:hover,.fnav li a:hover,.foot-list ul.fcontact a:hover,.fpronav li a:hover{color:#000}
.productcate{margin-top:0}
.productcate-box{background-color:rgba(125,176,55,.8)}
.about{padding:0 0 20px}
.news .home-title{color:#008445}
.contact li a,.contact li p,.contact li strong,.fshare a .iconfont,.location-title{color:#7db037}
.fshare a,.fshare a:hover{background:#fff;border:1px solid #fff;color:#7db037}
.about-l{padding:30px 100px 30px 150px}
.about-r{width:45%;margin-right:auto}
.about-r li{padding:60px 0}
@media (max-width:1024px){.about-l{width:100%}
.about-r{margin-top:0;width:100%}
.about-up,.highpro{margin:20px 0}
.about-r li{padding:30px}}
.about-l-text{margin:10px 0}
@media (max-width:1024px){.about-l{padding:10px 20px}}
header{height:130px}
body{padding-top:130px}
.headact{height:110px}
.headtop{height:40px;background:#f4f4f4}
header>.container{height:calc(100% - 40px)}
.tcont{display:flex;align-items:center;color:#000}
.tcont a{color:#000}
.tcont a:hover{color:var(--color)}
.tcont p{margin-right:30px}
.tcont p i{margin-right:6px;color:var(--color)}
@media screen and (max-width:1024px){header{height:calc(1rem + 40px)}
body{padding-top:calc(1rem + 40px)}
.headact{height:calc(.7rem + 40px)}}
@media screen and (max-width:560px){.headtop{height:30px}
header{height:calc(1rem + 30px)}
body{padding-top:calc(1rem + 30px)}
.headact{height:calc(.7rem + 30px)}
header>.container{height:calc(100% - 30px)}
.tcont p{font-size:14px;margin-right:20px}
.logo{max-width:inherit}}
@media (max-width:1024px){.headtop{display:none}}