.section {
  position: relative;
  overflow: unset !important;
}
.section .wrap {
  max-width: 70%;
  margin: auto;
  padding-top: 30px;
}
.section .r {
  position: absolute;
  right: 0;
  top: -92px;
}
.section .wrap .text {
  margin: 30px 0 0 0;
  font-size: 13px;
  color: #666;
  line-height: 22px;
  text-align: center;
}
.section2 {
  position: relative;
  z-index: 14;
}
.section2 .back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.section2 .wrap {
  width: 1191px;
  max-width: 90%;
  margin: 40px auto 150px;
}
.section2 .wrap .title {
  text-align: center;
  margin: 0 0 30px 0;
}
.section2 .wrap .title span {
  font-size: 20px;
  color: #666;
  display: block;
}
.section2 .wrap .title p {
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.section2 .wrap .content {
  display: flex;
  height: 580px;
  align-items: center;
  position: relative;
}
.section2 .wrap .content .position {
  position: absolute;
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 5;
}
.section2 .wrap .content .position .item {
  width: 231px;
  height: 42px;
  background: #caa672;
  display: flex;
  text-align:center;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-family: 'Source Han Sans';
  color: #ffffff;
  clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%, 0 0);
}
.section2 .wrap .content .position .item:not(:last-child) {
  margin: 0 9px 0 0;
}
.section2 .wrap .content .position .item:nth-child(2n) {
  background: rgba(25, 118, 70, 1);
}
.section2 .wrap .content .list_1 {
  margin: 0 0 0 43px;
}
.section2 .wrap .content .list .pick {
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
.section2 .wrap .content .list .circle {
  width: 15px;
  height: 15px;
  border: 3px solid #caa672;
  border-radius: 50%;
}
.section2 .wrap .content .list .center {
  margin: 12px 0 12px 6px;
}
.section2 .wrap .content .list .line {
  background: #dcdcdc;
}
.section2 .wrap .content .list_1 .line {
  width: 1px;
  height: 394px;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_2 {
  margin: 0 0 0 -50px;
}
.section2 .wrap .content .list_2 .line {
  width: 1px;
  height: 55px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_2 .line_2 {
  width: 23px;
  height: 1px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_2 .line_3 {
  width: 1px;
  height: 166px;
  background: #dcdcdc;
  margin: 0 0 0 30px;
}
.section2 .wrap .content .list_2 .line_4 {
  width: 23px;
  height: 1px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_2 .line_5 {
  width: 1px;
  height: 55px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_3 {
  margin: 0 0 0 -26px;
}
.section2 .wrap .content .list_4 {
  margin: 0 0 0 0px;
}
.section2 .wrap .content .list_3 .line {
  width: 1px;
  height: 188px;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_4 .line {
  width: 1px;
  height: 424px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_5 .line {
  width: 1px;
  height: 306px;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_5 {
  margin: 0 0 0 -93px;
}
.section2 .wrap .content .list_6 {
  text-align: center;
  margin: 0 0 0 20px;
}
.section2 .wrap .content .list.auto .circle {
  margin: auto;
}
.section2 .wrap .content .list.auto .center {
  margin: 12px 0;
  position: relative;
  left: -6px;
}
.section2 .wrap .content .list.auto .pick {
  text-align: center;
}
.section2 .wrap .content .list.auto .line {
  margin: auto;
}
.section2 .wrap .content .list_6 .line {
  width: 1px;
  height: 210px;
}
.section2 .wrap .content .list_7 {
  margin: 0 0 0 0px;
}
.section2 .wrap .content .list_7 .line {
  height: 424px;
  width: 1px;
}
.section2 .wrap .content .list_8 {
  margin: 0 0 0 0px;
}
.section2 .wrap .content .list_8 .line {
  width: 1px;
  height: 330px;
}
.section2 .wrap .content .list_9 {
  margin: 0px 0 0 30px;
}
.section2 .wrap .content .list_9 .line {
  height: 184px;
  width: 1px;
}
.section2 .wrap .content .list_10 {
  margin: 0 0 0 -0px;
}
.section2 .wrap .content .list_10 .line {
  width: 1px;
  height: 424px;
}
.section2 .wrap .content .list_11 {
  margin: 0 0 0 -30px;
}
.section2 .wrap .content .list_11 .line {
  width: 1px;
  height: 184px;
}
.section2 .wrap .content .list_12 {
  margin: 0 0 0 -30px;
}
.section2 .wrap .content .list_12 .pick {
  position: relative;
  left: -25px;
}
.section2 .wrap .content .list_12 .line {
  width: 1px;
  height: 32px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_12 .line_2 {
  width: 21px;
  height: 1px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_12 .line_3 {
  width: 1px;
  height: 330px;
  background: #dcdcdc;
  margin: 0 0 0 28px;
}
.section2 .wrap .content .list_12 .line_4 {
  width: 21px;
  height: 1px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}
.section2 .wrap .content .list_12 .line_5 {
  width: 1px;
  height: 32px;
  background: #dcdcdc;
  margin: 0 0 0 7px;
}

.init_y {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
}
.init_y.on {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 1600px) {
  .section2 .wrap .content {
    height: 360px;
  }
  .section2 .wrap .content .position .item {
    width: 170px;
    height: 30px;

  }
  .section2 .wrap .content .list_1 .line {
    height: 260px;
  }
  .section2 .wrap .content .list_2 .line_3 {
    height: 60px;
  }
  .section2 .wrap .content .list_3 .line {
    height: 80px;
  }
  .section2 .wrap .content .list_4 .line {
    height: 260px;
  }
  .section2 .wrap .content .list_5 .line {
    height: 160px;
  }
  .section2 .wrap .content .list_6 .line {
    height: 60px;
  }
  .section2 .wrap .content .list_7 .line {
    height: 160px;
  }
  .section2 .wrap .content .list_8 .line {
    height: 100px;
  }
  .section2 .wrap .content .list_9 .line {
    height: 100px;
  }
  .section2 .wrap .content .list_10 .line {
    height: 260px;
  }
  .section2 .wrap .content .list_11 .line {
    height: 60px;
  }
  .section2 .wrap .content .list_12 .line_3 {
    height: 180px;
  }
  .section2 .wrap .content .list .pick {
    font-size: 13px;
  }
  .section2 .wrap .content .list_1 {
    margin-left: 160px;
  }
  .section2 .wrap .content .list_2 {
    margin-left: -40px;
  }
  .section2 .wrap .content .list_5 {
    margin-left: -40px;
  }
  .section2 .wrap .content .list_6 {
    margin-left:-60px;
  }
  .section2 .wrap .content .list_7 {
    margin-left: -20px;
  }
  .section2 .wrap .content .list_8 {
    margin-left: 0px;
  }
  .section2 .wrap .content .list_9 {
    margin-left: 0px;
  }
  .section2 .wrap .content .list_10 {
    margin-left: -40px;
  }
}