.header{
  padding-top: 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 2;
  border-bottom: 7px solid #0e7749;
}
.logo{
  height: 50px;
  display: block;
}
.logo img{
  display: block;
  height: 100%;
}
.footer_logo img{display: block;margin: 0 auto;max-width: 85%;}
/* 搜索框 */
 
.search-btn{
  width: 25px;
  vertical-align: top;
  height: 25px;
  cursor: pointer;
  background: url(../img/search_btn.png) no-repeat center center #0e7749;
  width: 52px;
  height: 48px;
}
.search{
  position: relative;
}
.search-text{
  background: #fff;
  width: 0px;
  /* border: 1px solid #0f5fa4; */
  /* border-right: none; */
  height: 48px;
  vertical-align: top;
  padding: 0 0px;
  color: #000;
  transition: all .3s;
  xposition: absolute;
  right: 100%;
}

.header .w{
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
}
.search_nav{
  display: flex;
  /* flex-direction: column; */
  justify-content: flex-end;
  flex: 1;
  margin-left: 50px;
  align-items: center;
}
.search_nav .nav{
  /* flex: 1; */
  margin-right: 15px;
  width: 75%;
}
.nav>ul{
  display: flex;
  justify-content: space-between;
  /* width: 80%; */
}
.nav>ul>li{
  position: relative;
}
.nav>ul>li>a{
  color: #fff;
  display: block;
  font-size: 16px;
  color: #323232;
  xfont-weight: 600;
}
.nav>ul>li:hover>a{
  color: #08754A;
}
.subNav{
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
  background: #0e7749;
  position: absolute;
  left: 50%;
  min-width: 100%;
  transform: translate(-50%, 18px);
}
.subNav::after{
  content:'';
  width:8px;
  height:8px;
  background: #0e7749;
  position:absolute;
  left: 50%;
  top: -4px;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
}
.subNav li a{
  color: #ffffff;
  line-height: 30px;
  display: block;
  padding: 0 10px;
  white-space: nowrap;
}
.subNav li:hover a{
  background: rgb(1 141 79);
  color: #f5e076;
}
.nav>ul>li:hover .subNav{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 8px);
}
.footer{
  background: url(../img/bottom_bg.png)no-repeat center #0e7749;
  padding: 55px 0 0 0;
  background-size: cover;
}
.footer .w{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.footer .address{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .address p{
  color: #fff;
  line-height: 28px;
}
.footer .code{
  margin-right: 60px;
}
.footer .code img{
width:96px;
}
.copyright{
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.13);
  line-height: 38px;
  margin-top: 60px;
}
.navUl .on a{color: #08754A;}
.navUl li a>span{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.navUl li a>span>span{
  display: block;
  -webkit-transition: opacity .4s,-webkit-transform .4s;
  transition: opacity .4s,-webkit-transform .4s;
  -o-transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s,-webkit-transform .4s;
}
.navUl li:hover>a>span>span{
  -webkit-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
  opacity: 0;
}
.navUl li a>span:after{
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(12px);
  -ms-transform: translateY(12px);
  transform: translateY(12px);
  opacity: 0;
  -webkit-transition: opacity .4s,-webkit-transform .4s;
  transition: opacity .4s,-webkit-transform .4s;
  -o-transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s,-webkit-transform .4s;
}
.navUl li:hover>a>span:after{
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

@-webkit-keyframes rubberBand {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }

  30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75)
  }

  40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25)
  }

  60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85)
  }

  100% {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes rubberBand {
  0% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }
  30% {
      -webkit-transform: scaleX(1.25) scaleY(0.75);
      -ms-transform: scaleX(1.25) scaleY(0.75);
      transform: scaleX(1.25) scaleY(0.75)
  }
  40% {
      -webkit-transform: scaleX(0.75) scaleY(1.25);
      -ms-transform: scaleX(0.75) scaleY(1.25);
      transform: scaleX(0.75) scaleY(1.25)
  }

  60% {
      -webkit-transform: scaleX(1.15) scaleY(0.85);
      -ms-transform: scaleX(1.15) scaleY(0.85);
      transform: scaleX(1.15) scaleY(0.85)
  }

  100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1)
  }
}


/* 移动端导航样式 */


@media screen and (max-width:1280px) {
    .w {
        padding-left: 10px;
        padding-right: 10px;
    }
}


.wap {
    display: none;
}

.top>img.wap {
    display: none;
}

@media screen and (max-width:1200px) {
    html,
    body {
        font-size: 14px;
        overflow-x: hidden;
    }
[data-aos^=fade][data-aos^=fade]{
        opacity: 1;
}

    body {
        padding-top: 55px;
    }

    .pc {
        display: none;
    }

    .wap {
        display: block;
    }

    .top {
        max-width: 1920px;
        margin: 0 auto;
        position: fixed;
        right: 10px;
        top: 18px;
        width: 25px;
        height: 25px;
        z-index: 9999;
    }

    .top>img {
        display: block;
        width: 100%;
    }

    .wap-menu {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999;
        font-size: 0;
    }

    .wap-menu img {
        height: 25px;
    }

    .close-menu {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
    }

    .m-head {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        z-index: 999;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        background:#fff;
    }

    .m-logo {
        font-size: 0;
    }

    .m-logo a {
        font-size: 0;
        line-height: 40px;
    }

    .m-logo img {
        max-height: 35px;
        max-width: 85%;
        line-height: 40px;
        vertical-align: middle;
    }

    .m-tlink {
        padding: 10px 15px 0 15px;
    }

    .m-tlink a {
        font-size: 12px;
        margin-right: 10px;
        color: #fff;
        display: inline-block;
        line-height: 24px;
        background: #fff;
        color: #304174;
        line-height: 24px;
        padding: 0 15px;
        border-radius: 5px;
    }

    .m-search {
        margin: 0 15px;
        padding-right: 50px;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
        line-height: 35px;
        border: 1px solid #fff;
        border: 1px solid rgba(255, 255, 255, 0.5);
        margin-top: 15px;
    }

    .m-search input[type="text"] {
        display: block;
        width: 100%;
        line-height: 25px;
        background: none;
        color: #fff;
    }

    .m-search input[type="text"]::placeholder {
        color: #fff;
    }

    .m-search input[type="image"] {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 15px;
    }

    .m-nav {
        position: fixed;
        top: 55px;
        left: 100%;
        right: 0;
        bottom: 0;
        z-index: 999;
        background: #0e7749;
        overflow-y: scroll;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }

    .m-nav ul {
        padding: 0 15px;
    }

    .m-nav ul li {
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        position: relative;
    }

    .m-nav ul li>span.on {
        transform: rotateZ(90deg);
    }

    .m-nav ul li ul {
        display: none;
        overflow: hidden;
    }

    .m-nav ul li ul li {
        border: none;
        float: left;
        width: 33%;
    }

    .m-nav>ul>li a {
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 0;
        position: relative;
        color: #fff;
    }

    .m-nav>ul>li ul li a {
        padding: 10px 0;
    }

    .m-nav>ul>li>span {
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../img/m-nav_down.png) no-repeat;
        background-size: 14px 14px;
        background-position: center center;
        right: 0;
        top: 15px;
        cursor: pointer;
        display: block;
        color: #fff;
        transition: all 0.3s;
    }
    .footer .w>div{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}




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

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

}