.h_tou {
  text-align: center;
}
.h_tou .h_title {
  color: #333;
  font-size: 26px;
  margin-bottom: 16px;
}
.h_tou .h_line {
  margin: 0 auto;
  height: 2px;
  width: 60px;
  background-color: #E7113B;
}
.h_fags {
  padding: 3.12% 0;
  overflow: hidden;
}
.h_fags .h_box {
  margin-top: 2.15%;
}
.h_fags .h_box .h_L {
  width: 42%;
}
.h_fags .h_box .h_L img {
  width: 100%;
}
.h_fags .h_box .h_R {
  width: 50%;
}
.h_fags .h_box .h_R p {
  text-align: justify;
  font-size: 18px;
  font-weight: 300;
  color: #333333;
  line-height: 32px;
}
.h_fays {
  background: #F8F8F8;
  overflow: hidden;
  padding: 3.12% 0;
}
.h_fays .h_list {
  flex-wrap: wrap;
  justify-content: normal;
  padding-top: 4.25%;
}
.h_fays .h_list .h_box {
  padding: 3.42% 3.42% 1%;
  background-color: #fff;
  width: 32%;
  margin: 0 2% 2% 0;
}
.h_fays .h_list .h_box:nth-child(3n) {
  margin-right: 0;
}
.h_fays .h_list .h_box .h_T {
  display: inline-block;
  margin-bottom: 20px;
}
.h_fays .h_list .h_box .h_T .h_title {
  color: #333;
  font-size: 20px;
  margin-bottom: 10px;
}
.h_fays .h_list .h_box .h_T .h_line {
  width: 32px;
  height: 2px;
  background-color: #E7113B;
}
.h_fays .h_list .h_box .h_desc {
  color: #777;
  font-size: 18px;
  height: 84px;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.h_fays .h_list .h_box:hover {
  background-color: #E7113B;
}
.h_fays .h_list .h_box:hover .h_T .h_title {
  color: #fff;
}
.h_fays .h_list .h_box:hover .h_T .h_line {
  background-color: #fff;
}
.h_fays .h_list .h_box:hover .h_desc {
  color: #fff;
}
.h_jjfa {
  position: relative;
  padding: 40px 0;
  overflow: hidden;
}
.h_jjfa img {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.h_content {
  margin: 30px 0 52px;
}
.h_content .h_1400 {
  padding: 48px;
}
.h_content .h_1400 .h_title {
  font-size: 24px;
  font-family: HarmonyOS Sans SC-Medium, HarmonyOS Sans SC;
  font-weight: 500;
  color: #333333;
  margin-bottom: 24px;
  text-align: justify;
}
.h_content .h_1400 .h_desc {
  font-size: 18px;
  font-family: HarmonyOS Sans SC-Light, HarmonyOS Sans SC;
  font-weight: 300;
  color: #333333;
  line-height: 32px;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .h_tou .h_title {
    font-size: 24px;
  }
  .h_fays .h_list .h_box .h_T .h_title {
    font-size: 18px;
  }
  .h_fags .h_box .h_R p,
  .h_fays .h_list .h_box .h_desc,
  .h_gnjs .h_list .h_box .h_L .h_desc,
  .h_content .h_1400 .h_desc {
    font-size: 16px;
    line-height: 28px;
  }
  .h_content .h_1400 .h_title {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .h_fags,
  .h_fays,
  .h_gnjs {
    padding-top: 8%;
  }
  .h_fags .h_box,
  .h_fays .h_list,
  .h_gnjs .h_list .h_box .h_1400,
  .h_gnjs .h_list .h_box:nth-child(2n) .h_1400 {
    flex-direction: column;
  }
  .h_fags .h_box .h_L,
  .h_fags .h_box .h_R,
  .h_gnjs .h_list .h_box .h_L,
  .h_gnjs .h_list .h_box .h_R {
    width: 100%;
  }
  .h_fays .h_list .h_box {
    width: 100%;
    margin: 0 0 5% 0;
  }
  .h_fags .h_box .h_L,
  .h_gnjs .h_list .h_box .h_L {
    margin-bottom: 5%;
  }
  .h_gnjs .h_list .h_box:first-child {
    padding-top: 5%;
  }
  .h_content .h_1400 {
    padding: 0 5%;
  }
}