#ecological {
  background-color: #000;
  position: relative;
  z-index: 1;
}

/* 移动端 */
@media (max-width: 768px) {
  #ecological {
    width: 100%;
    height: auto;
    width: 100%;
  }
  .ecological {
    padding: 12.8vw 4.267vw 10.667vw;
    width: 100%;
  }
  .ecological_title h4 {
    font-size: 3.733vw;
    line-height: normal;
  }
  .ecological_title h2 {
    font-size: 9.6vw;
    font-weight: 600;
    line-height: normal;
  }
  .ecological_title {
    margin-bottom: 6.4vw;
  }
  .ecological_nav {
  }
  .ecological_nav li {
    padding: 3.2vw 3.733vw;
    font-size: 3.733vw;
    line-height: 3.733vw;
  }
  .ecological_content {
    margin-top: 6.4vw;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
  }
  .ecological_content_L {
    order: 2;
    width: 77.867vw;
    margin: auto;
    padding: 0;
  }
  .ecological_content_R {
    order: 1;
    width: 100%;
  }
  .ecological_content_L h5 {
    font-size: 3.2vw;
    margin-bottom: 1.067vw;
    padding: 0;
  }
  .ecological_content_L h4 {
    font-size: 6.4vw;
    line-height: 9.067vw;
    margin-bottom: 2.133vw;
    padding: 0;
  }
  .ecological_content_L p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-bottom: 4.267vw;
    padding: 0;
  }
  .ecological_content_L a {
    font-size: 4.8vw;
    line-height: normal;
    padding: 0;
  }
  .ecological_nav li.active {
    border-radius: 50px !important;
    background-color: #ff4610 !important;
    color: #fff !important;
  }
}