/* header */
.header{position: absolute;left: 0;top: 0;z-index: 9;width: 100%;line-height: 4rem;color: #FFFFFF;}
.header::before{content: "";width: 100%;height: 5.33rem;position: absolute;left: 0;top: 0;background-image: linear-gradient(180deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.00) 100%);pointer-events: none;}
.header::after{content: "";width: 100%;height: 4px;position: absolute;left: 0;top: 0;z-index: 2;background: #00712F;}
.header > .w1400{position: relative;z-index: 2;}
.header .logo img{height: 2rem;filter: brightness(0) invert(1);}
.header .nav .nLi{position: relative;}
.header .nav .nLi h2 a{display: block;padding: 0 0.6rem;}
.header .nav .nLi:hover h2 a,
.header .nav .nLi.on h2 a{color: #00712F;}
.header .nav .nLi .navSub{position: absolute;left: 50%;top: 100%;width: 180px;margin-left: -90px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 10px 0;display: none;}
.header .nav .nLi .navSub ul li{padding: 12px 0;}
.header .nav .nLi .navSub a{display: block;line-height: 24px;text-align: center;padding: 0 4px;position: relative;}
.header .nav .nLi .navSub a:hover{color: #00712F;}
.header .nav .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #00712F;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nav .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .searchBtn{margin-left: 0.6rem;width: 0.6rem;height: 0.6rem;background: url(../images/icon_search1.png) no-repeat center;background-size: 100%;cursor: pointer;filter: brightness(0) invert(1);}
.header:hover{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);color: #333;}
.header:hover::before{opacity: 0;}
.header:hover .logo img,
.header:hover .searchBtn{filter: brightness(1) invert(0);}
.header:hover .menuIcon span{background: #00712F;}

/* footer */
.footer{width: 100%;background: #FFFFFF url(../images/footerBg.jpg) no-repeat center top;border-top: 4px solid #00712F;}
.footer .top{padding: 1.33rem 0;}
.footer .top .logo img{height: 1.6rem;}
.footer .link{line-height: 0.93rem;color: #666666;}
.footer .link dt{color: #00712F;font-weight: bold;}
.footer .link dt .icon{margin-right: 8px;height: 0.54rem;}
.footer .link dd{margin-left: 0.66rem;}
.footer .link a:hover{color: #00712F;}
.footer .med{border-top: 1px solid #DDDDDD;padding: 0.93rem 0;}
.footer .med .text{line-height: 1.06rem;color: #666666;}
.footer .med .text dl{display: flex;margin-bottom: 8px;}
.footer .med .text dl:last-child{margin-bottom: 0;}
.footer .med .text dl dt{margin-right: 8px;font-size: 0;}
.footer .qrcode li{margin-left: 0.66rem;width: 3.6rem;box-sizing: border-box;border: 1px solid #DDDDDD;background: #FFFFFF;text-align: center;color: #999999;line-height: 1.06rem;}
.footer .qrcode li img{width: 100%;height: 3.6rem;}
.footer .btm{padding: 0.9rem 0;color: #999999;line-height: 0.93rem;}

/* menu */
.mm-listview{font-size: 16px;}

@media screen and (max-width: 1480px){
.header{line-height: 3rem;}
.header::before{height: 4rem;}
.header .logo img{height: 1.5rem;}

.footer{background-size: cover;}
.footer .top{padding: 0.8rem 0;}
}

@media screen and (max-width: 1280px){
.header .logo img{height: 1.2rem;}
.header .nav .nLi h2 a{padding: 0 0.5rem;}
}

@media screen and (max-width: 1200px){
.header .nav{display: none;}
.menuIcon{display: block;}

}

@media screen and (max-width: 1024px){
}

@media screen and (max-width: 760px){
.header{line-height: 2rem;}
.header .logo img{height: 1rem;}

.footer{background: #fff;}
.footer .top{padding: 0.4rem 0;}
.footer .top .logo{display: none;}
.footer .link{width: 100%;justify-content: flex-start;}
.footer .link dt{flex-shrink: 0;}
.footer .med{padding: 0.5rem 0;border-bottom: 1px solid #DDDDDD;}
.footer .med .text{line-height: 0.8rem;flex: 1;overflow: hidden;}
.footer .qrcode{flex-shrink: 0;}
.footer .qrcode li{width:3rem;margin-left: 5px;font-size: 12px;}
.footer .qrcode li img{height:3rem;}
.footer .btm{padding: 0.3rem 0;}
}

@media screen and (max-width: 468px){

}