.h_Title {
  font-family: Bold;
  font-size: 44px;
  color: var(--active-color);
}
.h_about1 {
  padding: 100px 0;
}
.h_about1 .h_L {
  width: calc(80% - 372px);
}
.h_about1 .h_L .h_Title {
  color: #3D3D3D;
}
.h_about1 .h_L .h_desc {
  margin-top: 32px;
  font-family: Regular;
  font-size: 20px;
  color: #7F7F7F;
  line-height: 32px;
}
.h_about1 .h_L .h_link {
  margin-top: 80px;
  width: 210px;
  height: 55px;
  line-height: 55px;
  background: #44C09C;
  border-radius: 36px 36px 36px 36px;
  display: inline-block;
  text-align: center;
  position: relative;
  font-family: Bold;
  font-size: 22px;
  color: #FFFFFF;
}
.h_about1 .h_L .h_link span {
  margin-left: 10px;
  display: inline-block;
  border-left: 10px solid #FFFFFF;
  border-top: 6px solid #FFFFFF00;
  border-bottom: 6px solid #FFFFFF00;
}
.h_about1 .h_R {
  position: relative;
  width: 372px;
  padding-top: 46px;
}
.h_about1 .h_R .h_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}
.h_about1 .h_R img {
  width: 100%;
}
.h_about2 {
  padding: 80px 0;
  background: #F5F5F5;
}
.h_about2 .h_list {
  margin-top: 40px;
}
.h_about2 .h_list .h_rowBox {
  padding: 50px 38px;
  background: #FFFFFF;
  box-shadow: 0px 17px 19px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px 12px 12px 12px;
  transition: background 0.3s linear;
}
.h_about2 .h_list .h_rowBox:hover {
  background: #44C09C;
}
.h_about2 .h_list .h_rowBox:hover .h_num,
.h_about2 .h_list .h_rowBox:hover .h_title,
.h_about2 .h_list .h_rowBox:hover .h_desc {
  color: #fff;
}
.h_about2 .h_list .h_rowBox .h_num {
  font-family: Bold;
  font-size: 65px;
  color: #3D3D3D;
}
.h_about2 .h_list .h_rowBox .h_title {
  font-family: Bold;
  font-size: 38px;
  color: #8A8A8A;
  margin-top: 10px;
}
.h_about2 .h_list .h_rowBox .h_desc {
  margin-top: 20px;
  font-family: Regular;
  font-size: 18px;
  color: #8A8A8A;
  line-height: 30px;
}
.h_about3 {
  background: linear-gradient(90deg, #F5F5F5 0 50%, #fff 50% 100%);
}
.h_about3 .h_flex {
  display: flex;
  flex-wrap: wrap;
}
.h_about3 .h_flex .h_L {
  width: 50%;
  padding-right: 10%;
}
.h_about3 .h_flex .h_L .h_line {
  margin-top: 15px;
  width: 75px;
  height: 5px;
  background: #3D3D3D;
}
.h_about3 .h_flex .h_L .h_Title {
  margin-top: 60px;
}
.h_about3 .h_flex .h_L img {
  margin-top: 40px;
  width: 100%;
}
.h_about3 .h_flex .h_L .h_desc {
  margin-top: 20px;
  font-family: Regular;
  font-size: 19px;
  color: #3D3D3D;
  line-height: 31px;
}
.h_about3 .h_flex .h_R {
  width: 50%;
  padding: 80px 0;
  padding-left: 10%;
}
.h_about3 .h_flex .h_R .h_Title {
  color: #3D3D3D;
}
.h_about3 .h_flex .h_R .h_list {
  margin-top: 50px;
}
.h_about3 .h_flex .h_R .h_list p {
  margin-top: 6px;
  padding: 16px 0;
  font-family: Regular;
  font-size: 19px;
  color: #999999;
  line-height: 22px;
  box-shadow: 0 1px #D8D8D8;
}
.h_about4 {
  padding: 100px 0;
}
.h_about4 .h_row {
  position: relative;
  column-gap: 0;
  overflow: hidden;
}
.h_about4 .h_row .h_L {
  width: 51%;
}
.h_about4 .h_row .h_L img {
  width: 100%;
}
.h_about4 .h_row .h_R {
  background-color: #44C09C;
  width: 49%;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center ;
}
.h_about4 .h_row .h_R .h_p1 {
  padding: 16px 0;
  width: 410px;
  max-width: 100%;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5);
  font-family: Regular;
  font-size: 19px;
  color: #FFFFFF;
  user-select: text;
}
.h_about4 .h_row .h_Title {
  position: absolute;
  left: -27%;
  top: 66px;
  z-index: 2;
  color: #fff;
}
.h_about4 .h_row .h_posimg {
  right: 0;
  height: 100%;
  position: absolute;
}
@media screen and (max-width: 1024px) {
  .h_Title {
    font-size: 38px;
  }
  .h_about1,
  .h_about4 {
    padding: 80px 0;
  }
  .h_about1 .h_L {
    width: calc(95% - 372px);
  }
  .h_about1 .h_L .h_link {
    margin-top: 52px;
  }
  .h_about2 .h_list .h_rowBox {
    padding: 28px;
  }
  .h_about2 .h_list .h_rowBox .h_num {
    font-size: 52px;
  }
  .h_about2 .h_list .h_rowBox .h_title {
    font-size: 30px;
    margin-top: 0;
  }
  .h_about2 .h_list .h_rowBox .h_desc {
    margin-top: 10px;
  }
  .h_about3 .h_flex .h_L {
    padding-right: 5%;
  }
  .h_about3 .h_flex .h_L .h_Title {
    margin-top: 34px;
  }
  .h_about3 .h_flex .h_R {
    padding: 50px 0;
    padding-left: 5%;
  }
  .h_about3 .h_flex .h_R .h_list {
    margin-top: 20px;
  }
  .h_about3 .h_flex .h_L img {
    margin-top: 28px;
  }
  .h_about4 .h_row .h_Title {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .h_about1,
  .h_about2,
  .h_about4 {
    padding: 50px 0;
  }
  .h_about1 .h_L {
    width: 100%;
  }
  .h_about1 .h_R {
    display: none;
  }
  .h_about1 .h_L .h_desc {
    margin-top: 16px;
  }
  .h_about3 .h_flex .h_L {
    width: 100%;
    padding-right: 0;
  }
  .h_about3 .h_flex .h_R {
    width: 100%;
    padding-left: 0;
  }
  .h_about4 .h_row {
    align-items: stretch;
  }
  .h_about4 .h_row .h_L {
    height: inherit;
    position: relative;
  }
  .h_about4 .h_row .h_L img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 480px) {
  .h_about4 .h_row .h_L {
    display: none;
  }
  .h_about4 .h_row .h_R {
    width: 100%;
    padding: 0 20px;
  }
  .h_about4 .h_row .h_R .h_p1 {
    font-size: 16px;
  }
  .h_Title {
    font-size: 30px;
  }
  .h_about1 .h_L .h_desc {
    font-size: 18px;
    line-height: 28px;
  }
  .h_about1 .h_L .h_link {
    margin-top: 32px;
  }
  .h_about1 .h_L .h_link {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
  }
  .h_about2 .h_list .h_rowBox .h_num {
    display: none;
  }
}