.mb_hidden {
  display: block;
}
.pc_hidden {
  display: block;
}
.hb_section h2 {
  text-align: left;
  color: #253f76;
  position: relative;
  z-index: 1;
}
.hb_section h2 .zh {
  position: relative;
  z-index: 1;
}
.hb_section h2 .en {
  display: block;
  color: #f4f4f4;
  -webkit-text-stroke: 1px #d8d8d8;
  position: absolute;
  z-index: 0;
}
.hb_section .section {
  background-repeat: no-repeat;
  background-size: cover;
}
.hb_section .sec_banner {
  /* background-image: url(/template/default/picture/hbbb_img/banner.avif);
  background-repeat: no-repeat;
  background-size: 100%; */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.hb_section .sec_banner .sec_banner_title {
  color: #697389;
}
.hb_section .sec_banner .sec_banner_desc {
  color: #697389;
}
.hb_section .sec_symptom {
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
.hb_section .sec_symptom h4 {
  color: #253f76;
}
.hb_section .sec_symptom .sec_symptom_box>div {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.hb_section .sec_symptom .sec_symptom_box img {
  width: auto;
}
.hb_section .sec_symptom .sec_symptom_box p {
  color: #6a6e8e;
}
.hb_section .sec_selftest {
  background-image: url(/template/default/picture/hbbb_img/s2_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.hb_section .sec_selftest .gridtest_box {
  display: flex;
  justify-content: space-between;
}
.hb_section .sec_selftest .gridtest_box .way_text {
  background-color: #39538c;
  color: #ffffff;
  display: inline-block;
}
.hb_section .sec_selftest .gridtest_box ul li {
  display: flex;
  align-items: center;
  justify-content: start;
}
.hb_section .sec_selftest .gridtest_box ul li span {
  color: #ffffff;
  font-weight: 900;
  -webkit-text-stroke: 1px #39538c;
}
.hb_section .sec_selftest .gridtest_box .right {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
.hb_section .sec_selftest .warimg_p {
  font-weight: 900;
  background-color: rgba(245, 126, 41, 0.1);
}
.hb_section .sec_selftest .img_text_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
.hb_section .sec_selftest .img_text_list li {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
.hb_section .sec_selftest .img_text_list li .img_box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.hb_section .sec_selftest .img_text_list li h5 {
  width: 100%;
  color: #ffffff;
}
.hb_section .sec_selftest .img_text_list li:nth-child(1) h5 {
  background-color: #94ade1;
}
.hb_section .sec_selftest .img_text_list li:nth-child(2) h5 {
  background-color: #809cd6;
}
.hb_section .sec_selftest .img_text_list li:nth-child(3) h5 {
  background-color: #5c7ec7;
}
.hb_section .sec_selftest .img_text_list li:nth-child(4) h5 {
  background-color: #4164b1;
}
.hb_section .sec_selftest .img_text_list li:nth-child(5) h5 {
  background-color: #3054a1;
}
.hb_section .sec_selftest .img_text_list li .s2_down {
  position: absolute;
}
.hb_section .sec_type {
  background-image: url(/template/default/picture/hbbb_img/s3_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.sec_type .ds {
  display: inline-block;
  max-height: 70px;
}
.sec_type .d1 {
  margin-top: 140px;
}
.sec_type .d_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
  /* margin-top: -37px; */
  transform: translate(0px, -180px);
  position: relative;
  z-index: 0;
}
.hb_section .sec_type h2 .en {
  color: #e0e4e9;
}
.hb_section .sec_type .out_circle {
  border-radius: 100%;
  border: dashed 2px rgba(92, 126, 199, 0.8);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: column;
  position: relative;
}
.hb_section .sec_type .out_circle .circle1 {
  background-color: #f59639;
  border-radius: 100%;
}
.hb_section .sec_type .out_circle .circle2 {
  background-color: #244488;
  border-radius: 100%;
  z-index: 1;
}
.hb_section .sec_type .out_circle .circle3_box .circle3_i {
  background-color: #4164b1;
  border-radius: 100%;
}
.hb_section .sec_oldhb h2 .en {
  color: #fff;
}
.hb_section .sec_oldhb .img_des_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hb_section .sec_oldhb .img_des_box p {
  background-color: #fdf3ea;
}
.hb_section .sec_oldhb h5 {
  background-color: #acdee7;
  color: #2e5f68;
  text-align: center;
  width: 100vw;
}
.hb_section .sec_oldhb .dry_hb,
.hb_section .sec_oldhb .slow_hb {
  background-image: linear-gradient(#f4f4f4, #f4f4f4), linear-gradient(#ecf1fc, #ecf1fc);
}
.hb_section .sec_oldhb .dry_hb h6,
.hb_section .sec_oldhb .slow_hb h6 {
  color: #fff;
  margin: 0 auto;
  text-align: center;
  border-radius: 0px 0px 100px 100px;
}
.hb_section .sec_oldhb .dry_hb h6 {
  background-color: #698cd7;
}
.hb_section .sec_oldhb .slow_hb h6 {
  background-color: #ffab63;
}
.hb_section .sec_oldhb .dry_hb .des_con,
.hb_section .sec_oldhb .slow_hb .des_con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hb_section .sec_oldhb .dry_hb .des_con .des_box p,
.hb_section .sec_oldhb .slow_hb .des_con .des_box p {
  text-align: justify;
}
.hb_section .sec_reason {
  background-image: url(/template/default/picture/hbbb_img/s5_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.hb_section .sec_reason h2 .en {
  color: #c7e9fb;
  -webkit-text-stroke: 1px #fff;
}
.hb_section .sec_reason .mb_hidden ul {
  /* display: flex; */
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.hb_section .sec_reason .mb_hidden ul:nth-child(2) {
  justify-content: space-between;
}
.hb_section .sec_reason ul li {
  display: flex;
  flex-flow: column;
  align-items: center;
  /* background-color: #ffffff; */
}
.hb_section .sec_reason ul li span {
  color: #555555;
  text-align: center;
}
.hb_section .sec_treatment {
  background-image: url(/template/default/picture/hbbb_img/s6_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: -10px;
}
.hb_section .sec_treatment h2 .en {
  color: #fff;
}
.hb_section .sec_treatment ul li {
  color: #555555;
  border: solid 4px #8eb2fc;
  transition: all .3s;
  display: flex;
  flex-wrap: wrap;
}
.hb_section .sec_treatment ul li:hover {
  background-image: url(/template/default/picture/hbbb_img/ac_bg.jpg);
  color: #ffffff;
}
.hb_section .sec_treatment li .treatment-name {
  display: flex;
}
.hb_section .sec_treatment li .treatment-name .num {
  background-color: #2e58b3;
  color: #fff;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  transition: all .3s;
}
.hb_section .sec_treatment li:hover .treatment-name .num {
  background-color: #4e7ad6;
}
.hb_section .sec_treatment li .treatment-name h6 {
  background-color: #4e7ad6;
  color: #fff;
  border-radius: 0px 25px 0px 0px;
  position: relative;
  z-index: 0;
  font-weight: 700;
  transition: all .3s;
}
.hb_section .sec_treatment li:hover .treatment-name h6 {
  background-color: #ffffff;
  color: #2856b8;
}
.hb_section .sec_prevention {
  background-image: url(/template/default/picture/hbbb_img/s7_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.hb_section .sec_prevention ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.hb_section .sec_prevention ul li {
  display: flex;
  flex-flow: column;
  box-shadow: 5px 9px 29px 0px rgba(6, 0, 1, 0.12);
  align-items: center;
  justify-content: center;
}
.hb_section .sec_prevention ul li .des_box {
  background-color: #fff;
  width: 100%;
  text-align: justify;
}
.hb_section .sec_prevention ul li .des_box h6 {
  color: #4164b1;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.section_com_problem {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 100px;
}
.hb_section .section_com_problemt h2 .en {
  color: #fff;
}
.section_com_problem>h3 {
  width: 270px;
}
.section_com_problem .accordion {
  margin-left: 120px;
  margin-top: 50px;
  list-style: none;
  width: 78%;
  text-align: justify;
  font-weight: 600;
}
.section_com_problem .accordion li {
  list-style: decimal inside;
}
.section_com_problem .accordion>div {
  margin: 20px 0;
}
.section_com_problem .accordion h2 {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #1b407a;
  padding: 0;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 900;
  line-height: 27px;
  color: #1b407a;
}
.section_com_problem .accordion h2 p {
  display: flex;
  align-items: center;
  font-size: 25px;
}