@charset "utf-8"; 
:root{--color:#596a37}
.footer-bottom{background-color: var(--color);}
.footer-top{background:#8bb375}
.footer-bottom .main .left .logo img{margin-left: -16px;}
.footer-top .l-wrap .title{font-size:var(--fontsize22)}
.footer-bottom .main .right div{width: auto;}
.footer-bottom .main .right div.foot-qrimg{display: flex;}
.footer-bottom .main .right div .foot-qrimg-r{margin-left: 10px;}
@media (min-width:1025px){.footer-bottom .main .mid>div {width: 40%;}}
.home-product .l-wrap .product .pro-list{align-items: inherit;}
.home-product .l-wrap .product .pro-list .item .img{padding-bottom: 100%;}
.home-product .l-wrap .product .pro-list .item .img img{position: absolute;top: 0;left: 0;object-fit: contain;width: 100%;height: 100%;}
@media(max-width:1600px){.home-product .l-wrap .product .pro-list .item .text .name{height: 50px;}}
header .head-top .head-contact{visibility: hidden;}
@media (min-width:1024px){header .head-info{background:#8bb375}
header .head-info .head-nav .nav-ul>li>a,header .head-info .head-nav .nav-ul>li>em{color:#fff}}
@media (min-width:1025px) {
body.index{padding-top: 0;}
.index header{background: initial;}
.index header .head-info {box-shadow: none;background: #8bb37580;}
.index header .head-info .head-nav .nav-ul>li>a ,.index header .head-info .head-nav .nav-ul>li>em{color: #fff;}
.index header.is-active{background: #FFFFFF;}
.index header.is-active .head-info{box-shadow: 1px 2px 10px rgba(0, 0, 0, .1);}
.index header.is-active .head-info .head-nav .nav-ul>li>a ,.index header.is-active .head-info .head-nav .nav-ul>li>em{color: var(--fontcolor);}}
 @media(min-width:1024px){header .head-info .head-nav{flex:1;justify-content:center}
.index header.is-active .head-info{background:#8bb37580}.index header.is-active {background: transparent;}.index header.is-active .head-info .head-nav .nav-ul>li>a, .index header.is-active .head-info .head-nav .nav-ul>li>em{color: #fff;}}
#wmkc .wmkc-email i{font-size:24px;color:#fff;}
#wmkc .wmkc-list>li:hover{background: var(--color);}
header .head-info{height:80px}
header .head-info .head-share {display: flex;align-items: center;height: 100%;}
header .head-info .head-share ul {display: flex;align-items: center;margin-right: 10px;height: 100%;}
header .head-info .head-share ul li {width: 26px;height: 26px;margin: 0px 4px;}
header .head-info .head-share ul li a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;transition: all .1s linear;color: var(--headercolor);border-radius: var(--border);}
header .head-top{display: none;}
@media (min-width:1024px){header.is-active .head-info,header .head-info{background:#8bb37580} header{ background: unset;}}