body,html{margin: 0;}
a{text-decoration: none;}
header{width: 100%;height: 140px;background-color:#fff;display: flex;align-items: center;position: sticky;top:0;z-index: 3;}
header .header{width: 1300px;margin: auto;display: flex;justify-content: space-between;}
header .header .logo{font-size: 0;display:flex;align-items:center}
header .header .logo img{height:75px;}
header .header .value{display: flex;-ms-flex-direction: column;flex-direction: column;justify-content:space-between;align-items:flex-end}
header .header .value .navTest{font-family: DINPRO-REGULAR;font-size: 30px;color:#001a4b}
header .header .value .nav{display: flex;}
header .header .value .nav a{list-style: none;color: #001a4b;cursor: pointer;font-size:18px;position:relative}
header .header .value .nav a.current{color:#039519}
header .header .value .nav a.current:after{content:'';width:100%;height:2px;background-color:#039519;position:absolute;top:55px;display:block;}
header .header .value .nav a:not(:nth-last-of-type(1)){margin-right: 70px;}
header .mbHeader{display:none;padding:0 30px;width:100%;box-sizing:border-box;-ms-flex-direction: column;flex-direction: column;}
header .mbHeader .logo{font-size:0;display:block}
header .mbHeader .logo img{height:60px}
header .mbHeader>div:nth-of-type(1){display:flex;align-items:center;width: 100%;justify-content:space-between}
header .mbHeader .navBtns{width: 30px;}
header .mbHeader .navBtns .line{width: 30px;height:2px;background-color:#039519;display:block;}
header .mbHeader .navBtns .line:not(:nth-of-type(2)){transition:.5s}
header .mbHeader .navBtns .line:not(:nth-last-of-type(1)){margin-bottom:8px}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(2){opacity: 0;}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(1){-webkit-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-o-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg);}
header .mbHeader .navBtns.navBtns-actives .line:nth-child(3){-webkit-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-o-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg);}
header .mbHeader .mbCons{position:absolute;top:60px;height:auto;width:100vw;left:0;display:none;overflow:hidden;}
header .mbHeader .mbCons ul{background-color: rgba(3,149,25,.95);margin:0;padding:0;height:100%;padding:10px 30px 30px;box-sizing:border-box}
header .mbHeader .mbCons ul li{list-style: none;font-size:15px;position: relative}
header .mbHeader .mbCons ul li a{color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,.4);padding: 10px 15px}
header .mbHeader .mbCons ul li:before{content:'';width:6px;height:1px;display:block;background-color:#fff;position:absolute;top:54%;transform:translateY(-50%) rotate(-45deg);left:0}
header .mbHeader .mbCons ul li:after{content:'';width:6px;height:1px;display:block;background-color:#fff;position:absolute;top:46%;transform:translateY(-50%) rotate(45deg);left:0}
header .mbHeader .mbCons .closeNav{position:relative;margin:40px auto 10px;font-size:12px;color:#fff;padding-left:30px;text-align:center;letter-spacing:1.5px}
header .mbHeader .mbCons .closeNav:before{content:'';width:30px;height:1px;display:block;background-color:#fff;position:absolute;top:54%;transform:translate(-50%,-50%) rotate(-45deg);left:calc(50% - 30px)}
header .mbHeader .mbCons .closeNav:after{content:'';width:30px;height:1px;display:block;background-color:#fff;position:absolute;top:46%;transform:translate(-50%,-50%) rotate(45deg);left:calc(50% - 30px);}



footer{background-color: #039519;padding-top: 80px;}
footer .footer{width: 1300px;margin: auto;display: flex;padding-bottom: 100px;}
footer .footer .footerLis {color: #fff;}
footer .footer .footerLis .footerLisTitle{font-size: 16px;padding-bottom: 30px;margin-right: 100px;}
footer .footer .footerLis .footerLisCons{display: flex;-ms-flex-direction: column;flex-direction: column;}
footer .footer .footerLis .footerLisCons a,footer .footer .footerLis .footerLisCons div{font-size: 14px;color: #fff;line-height: 30px;}
footer .footerBottom{font-size: 14px;color: #fff;height:90px;border-top: 1px solid #fff;width: 1300px;margin: auto;display: flex;justify-content: space-between;align-items:center}
footer .footerBottom .footerBottomImgs{font-size: 0;display:flex;align-items:center;cursor: pointer;}
footer .footerBottom .footerBottomImgs img:nth-of-type(1){margin-right:25px ;}
footer .footer_nav{font-size:14px;display:none;-ms-flex-direction: column;flex-direction:column}
footer .footer_nav a{color:#fff;line-height:40px;display:block;position:relative;padding-left:15px}
footer .footer_nav a:before{content:'';width:6px;height:1px;display:block;background-color:#fff;position:absolute;top:54%;transform:translateY(-50%) rotate(-45deg);left:0}
footer .footer_nav a:after{content:'';width:6px;height:1px;display:block;background-color:#fff;position:absolute;top:46%;transform:translateY(-50%) rotate(45deg);left:0}
.floatToTop{width: 50px;height: 50px;background-color: #c8c8c8;position: fixed;bottom: 90px;right: 10px;cursor: pointer;display:none}
.floatToTop:before{width: 12px;height: 1px;background-color: #039519;display: block;content: '';position: absolute;top: 50%;left:15px;transform: translateY(-50%) rotate(-45deg);}
.floatToTop:after{width: 12px;height: 1px;background-color: #039519;display: block;content: '';position: absolute;top: 50%;right:15px;transform: translateY(-50%) rotate(45deg);}
@media screen and (min-width:784px) {
  header{border-bottom:1px solid #ddd}
}
@media screen and (max-width:1300px) {
  header{height:110px}
  header .header .value .nav a.current:after{top:47px}
  header .header,footer .footerBottom{width:100%;padding: 0 30px;box-sizing:border-box}
  footer .footer_nav{width:100%;padding: 20px 30px;box-sizing:border-box}
  header .header .logo img{height:50px}
  header .header .value .nav a:not(:nth-last-of-type(1)){margin-right:50px}
  footer{padding:0}
  footer .footer{display:none}
  footer .footer_nav{display:flex}
  footer .footerBottom{border-top:unset}
  footer .footer_nav a{border-bottom:1px solid rgba(255,255,255,.4);width:calc(100% - 15px);}
}
@media screen and (max-width:1100px) {
  header .header .value .navTest{font-size:25px}
  header .header .value .nav a{font-size:16px}
  header .header .value .nav a:not(:nth-last-of-type(1)){margin-right:30px}
}
@media screen and (max-width:900px) {
  header{height:90px}
  header .header .value .nav a.current:after{top:40px}
  header .header,footer .footerBottom{width:100%;padding: 0 16px}
  footer .footer_nav{width:100%;padding: 20px 16px}
  header .header .value .navTest{font-size:20px}
  header .header .value .nav a{font-size:14px}
  header .header .value .nav a:not(:nth-last-of-type(1)){margin-right:25px}
  .floatToTop{display:none !important}
}
@media screen and (max-width:783px) {
  header{height:60px}
  header .header,.floatToTop,footer .footerBottom .footerBottomImgs{display:none}
  header .mbHeader{display:flex}
  footer .footerBottom{height:60px}
  header .mbHeader{padding: 0 16px}
  header .mbHeader .logo img{height:40px}

}
@media screen and (max-width:500px) {
  footer .footerBottom{line-height:25px}
  footer .footerBottom{height:unset;padding-bottom:25px}
  
}
.ImgClickCons{display:none}
@media screen and (max-width:500px) {
  .ImgClickCons{width: 100vw;height: 100vh;background-color: rgba(50, 50, 50, .5);position: fixed;top: 0;left: 0;z-index: 9999;display: none;align-items: center;justify-content: center;flex-direction:column}
  .ImgClickCons img{width: max-content;height: max-content;max-width:90vw}
  .ImgClickClose i{font-size: 30px;padding: 30px;color:#fff ;}
  
}