@charset "utf-8"; 
:root{--color:#18733C;--footercolor:#fff;}
@media (min-width:1025px){header .head-info .head-logo.logomargin{margin-left:200px}}
.pro-main .page-container{flex-direction: row-reverse}
.pro-main .page-main{flex: none;width: calc(100% - 390px);margin-right: auto;padding-left: 0}
@media (max-width:1024px){.pro-main .page-main{width: 100%;}}
@media (min-width:1025px){.pro-d-main .page-container{flex-direction: row-reverse;align-items:flex-start;}
.pro-d-main .page-main{flex: none;width: calc(100% - 390px);margin-right: auto;padding-left: 0}
.pro-d-main .page-container .sidebar{position: sticky;transition: all .3s ease;top:100px;}}
@media (max-width:1024px){.pro-d-main .page-main{width: 100%;}}
@media (min-width:1025px){header .head-info .head-nav .nav-ul>li>a.inmenu_1,header .head-info .head-nav .nav-ul>li:hover>a{background:var(--color);color:#fff}
header .head-info .head-nav .nav-ul>li:hover>em{color:#fff}
header .head-info .head-nav .nav-ul>li>em{right:5px}
#liproducts>a{padding-right:25px}
#liinquiry a{padding:0 20px;background:none;color:var(--fontcolor)!important}
#liinquiry a:hover,#liinquiry a.inmenu_1{background:var(--color);color:#fff!important}}
@media (min-width:1025px) {
header .head-info .head-nav .nav-ul>li{display: flex;align-items: center;}
header .head-info .head-nav .nav-ul>li>a{height: 40px;border-radius: 30px;}
header .head-info .head-nav .nav-ul>li>a::after{display: none;}}
header .head-top{ background: var(--color);}
.sidebar-title{background:var(--color);color:#fff;}
.sidebar-item.category .sidebar-cate{padding:0;margin-top:10px;}
.sidebar-item .sidebar-cate>li{background: var(--color);padding:5px 20px;}
.sidebar-item .sidebar-cate>li.active>a,.sidebar-item .sidebar-cate>li.active>em{color:#fff;font-weight: var(--fontbold7);}
.sidebar-item .sidebar-cate>li>em{right: 10px;}
.sidebar-item .sidebar-cate>li>a,.sidebar-item .sidebar-cate>li ul a,.sidebar-item .sidebar-cate>li ul a:hover,.sidebar-item .sidebar-cate>li>a:hover{color:#fff;}
.sidebar-item .sidebar-cate>li ul li.active>a{color:#fff;font-weight:var(--fontbold5)}
@media (min-width:1025px){body{padding-top:190px;}
header .head-info{height:150px;}
header .head-top .head-contact .item em{color: #fff;}
header .head-info .head-nav .nav-ul>li>a{font-size: var(--fontsize20);}
header .head-info .head-logo img{max-height:100px;}
header.is-active .head-info{height:110px;}
header .head-info .head-nav{width:100%;}
header .head-top .head-contact .item a:hover ,header .head-top .head-contact .item:hover em{color: #fff;}
header .head-info .head-nav .nav-ul{margin:0 auto}}
footer{background:var(--color)}
footer .foot-list a em,footer .foot-contact .item span{color:var(--footercolor)}
footer .foot-contact .foot-tel .icon{background:#fff;}
footer .foot-contact .foot-tel .icon em{color:var(--color)}
footer .foot-item.foot-info{display:flex;}
footer .foot-item.foot-info>div{width:28%;max-width:140px;text-align:center;}
footer .foot-item.foot-info>div:nth-child(n + 2){margin-left:6%;}
footer .foot-qrimg{max-width:100%;}
@media (min-width:1025px){footer .foot-item.foot-info{width:25%;}
footer .foot-quick{width:19%;}
footer .foot-pro{width:17%;}}
@media (min-width:1025px) and (max-width:1440px){footer .foot-item.foot-info{width:27%;}}
@media (max-width:768px){footer .foot-qrimg{display:block;max-width:110px;}
.foot-item.foot-info .foot-title{display:block;font-size:var(--fontsize18)}}
header .head-info .head-logo a{display:flex;}
header .head-info .head-logo a span{color:var(--introcolor);white-space: nowrap;margin-left:10px;}
@media (max-width:768px){header .head-info .head-logo a span{line-height:1.2;font-size:12px;margin-left:0;}}
@media (min-width:1025px){header.is-active .head-top{margin-top: 0;opacity: 1;visibility: initial;}}