li.liv_1 {
  width: 50%;
}

.left {
  float: left;
}

.right {
  float: right;
}
.mt-28{
  margin-bottom: 98px;
}
li.liv_1.left {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: row-reverse;
}

li.liv_1.right {
  display: flex;
  justify-content: start;
  align-items: center;
}
li.liv_1.right li.liv_2 {
  display: flex;
  align-items: center;
  position: relative;
  text-align: left;
}
li.liv_1.right ul.ulv_2.sp_ul_1::after {
  content: "";
  transform: none;
  height: 393px;
  top: auto;
  bottom: 14px;
}

li.liv_1.right li.liv_2::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  right: -29px;
  background: #ccc;
  transform: translate(0, -50%);
}
ul.ulv_1 {
  overflow: hidden;
  position: relative;
}

ul.ulv_1::after {
  position: absolute;
  width: 2px;
  height: 100%;
  background: #ccc;
  top: 0;
  left: 50%;
  content: "";
}

h3.z_h3_1 {
  width: 110px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  background: rgb(0 135 86 / 10%);
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-family: "宋体";
  font-weight: bold;
  margin: 0 25px;
  position: relative;
}

h3.z_h3_1 a {
  color: #008756;
}

h3.z_h3_1::after {content: "";position: absolute;height: 1px;width: 25px;left: -25px;top: 50%;transform: translate(0, -50%);background: #ccc;}

h3.z_h3_1::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  right: -26px;
  top: 50%;
  transform: translate(0, -50%);
  background: #ccc;
}

li.liv_1.left ul.ulv_2 {
  padding-right: 30px;
  position: relative;
}

li.liv_1.left ul.ulv_2::after { 
content: "";
  height: calc(100% - 26px);
  position: absolute;
  width: 1px;
  background: #ccc;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);}
li.liv_1.left ul.ulv_2 li.liv_2 {
  text-align: right;
  position: relative;
}

li.liv_1.left ul.ulv_2 li.liv_2::after {content: "";position: absolute;height: 1px;width: 25px;top: 50%;right: -29px;background: #ccc;transform: translate(0, -50%);}

li.liv_1.right ul.ulv_2 {
  padding-left: 30px;
  position: relative;
}

li.liv_1.right ul.ulv_2::after {
content: "";
  height: calc(100% - 26px);
  position: absolute;
  width: 1px;
  background: #ccc;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}


li.liv_1.right li.liv_2::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  left: -30px;
  background: #ccc;
  transform: translate(0, -50%);
  }

  li.liv_1.right li.liv_2 ul.ulv_3 {
  padding-left: 30px;
  position: relative;
}

li.liv_1.right li.liv_2 ul.ulv_3::after {content: "";position: absolute;background: #ccc;top: 50%;left: 0;transform: translate(0, -50%);width: 1px;height: 89%;}
li.liv_1.right li.liv_2 ul.sp_ul_g.sp_ul_g::after{height: 28px;}
li.liv_1.right li.liv_2 a {
  display: block;
  margin-right: 22px;
  position: relative;
}

li.liv_1.right li.liv_2.HasChildren>a::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 17px;
  top: 50%;
  right: -22px;
  background: #ccc;
  transform: translate(0, -50%);
}

li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3 {
  position: relative;
}

li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  left: -29px;
  background: #ccc;
  transform: translate(0, -50%);
}
li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3 ul.ulv_4 {
  padding-left: 30px;
  position: relative;
}

li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3 ul.ulv_4::after {content: "";position: absolute;width: 1px;height: 15px;background: #ccc;top: 0;left: 10px;}

li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3 ul.ulv_4::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 1px;
  background: #ccc;
  top: 14px;
  left: 10px;
}

li.liv_1.right li.liv_2 ul.ulv_3.sp_ul_2::after {
  height: 36%;
  transform: none;
  top: 13px;
}

li.liv_1.right li.liv_2.sp_ul_none ul.ulv_3::after {
  display: none;
}
li.liv_1.right li.liv_2 ul.ulv_3 li.liv_3.sp_li_1::after {
  top: 14px;
}

li.liv_1.right li.liv_2.sp_ul_3 ul.ulv_3::after {
  top: 14px;
  height: 57px;
  transform: none;
}
li.liv_1.left li.liv_2>a {
  display: block;
  margin-left: 30px;
  position: relative;
}

li.liv_1.left li.liv_2.HasChildren>a::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  left: -30px;
  background: #ccc;
  transform: translate(0, -50%);
}

li.liv_1.left ul.ulv_2 li.liv_2.sp_ul_none.HasChildren {
  display: flex;
  flex-direction: row-reverse;
}

li.liv_1.left li.liv_2 ul.ulv_3 {
  padding-right: 30px;
  position: relative;
}

li.liv_1.left li.liv_2 ul.ulv_3::after {content: "";
  position: absolute;
  height: 1px;
  width: 25px;
  top: 50%;
  right: -0px;
  background: #ccc;
  transform: translate(0, -50%);}
.zjImg{display: none;}

  @media only screen and (max-width: 768px){
.zjImg{display: block;width: 100%;}
.zz_Con{display: none;}
  }