/* banner start */
#banner_section {
  background-image: url("../image/background4.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.banner_content_box {
  /* padding-bottom: 30%; */
  padding-bottom: 25%;
}
.banner_content_panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.au_title_panel {
  width: 100%;
  /* height: 100%; */
  text-align: center;
  font-family: inherit;
}
.au_title {
  /* font-size: 36px; */
  font-size: 2.7rem;
  font-weight: 600;
  color: #ffffff;
  font-family: inherit;
  letter-spacing: 0.6rem;
  padding-bottom: 1rem;
}
.au_title_desc {
  font-size: 1.2rem;
  color: #ffffff;
  font-family: inherit;
}
/* banner end */
/* outline start */
.outline_content_box {
  height: 80px;
}
.outline_content_panel {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-bottom: 1px solid #dddddd;
}
.about_us_outline_box {
  display: flex;
  justify-content: space-around;
}
.about_us_outline_box a:hover {
  color: #009aff;
}
/* outline end */

/* comp_intro start */
#comp_intro_section {
  margin-bottom: 0;
}
.comp_intro_content_box {
  /* padding-bottom: 44%; */
  padding-bottom: 39%;
}
.comp_intro_content_panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* border: 1px solid red; */
}
.au_comp_intro_title_wrapper {
  height: 20%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.au_comp_intro_title_ch {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 600;
  color: #333333;
  font-family: inherit;
  padding-bottom: 6px;
}
.au_comp_intro_title_en {
  text-align: center;
  font-size: 1.35rem;
  color: #b4b4b4;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: inherit;
}
.au_comp_intro_content_wrapper {
  width: 100%;
  height: 75%;
  /* padding: 0 6%; */
  padding: 0 2%;
  position: relative;
  /* border: 1px solid red; */
}
.au_comp_intro_content_panel {
  width: 100%;
}
.intro_content_text {
  font-size: 1.2rem;
  color: #333333;
  text-align: left;
  font-family: inherit;
}
.high_gap_text {
  padding-bottom: 25px;
}
.au_comp_intro_bg_box {
  position: absolute;
  width: 110%;
  padding-bottom: 10%;
  left: -5%;
  top: 19%;
  z-index: -1;
}
.au_comp_intro_bg_panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border: 1px solid red; */
}
.bg_box_left {
  float: left;
}
.bg_box_right {
  float: right;
}
.au_comp_intro_bg_box img {
  height: 100%;
}
/* comp_intro end */

/* dev_line start */
#dev_line_section {
  background-image: url("../image/background7.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.dev_line_content_box {
  /* padding-bottom: 69%; */
  padding-bottom: 52%;
}
.dev_line_content_panel {
  /* padding-top: 5%; */
  padding-top: 1.5%;
  display: flex;
  /* border: 1px solid red; */
}
.dev_line_inner_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.dev_line_title_wrapper {
  width: 100%;
  /* height: 18%; */
  height: 22%;
}
.au_dev_his_title_ch {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 600;
  color: #333333;
  padding-bottom: 0.6rem;
  font-family: inherit;
}
.au_dev_his_title_en {
  text-align: center;
  font-size: 1.35rem;
  color: #b4b4b4;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: inherit;
}
.dev_line_img_wrapper {
  width: 100%;
  min-height: 60%;
  /* border: 1px solid red; */
}
.au_dev_his_outline_wrapper {
  width: 100%;
  padding: 0px 5%;
}
.au_d_h_o_panel {
  width: 100%;
  display: flex;
  padding-bottom: 5rem;
}
.au_d_h_o_component {
  /* border: 1px solid red; */
  width: 10%;
  float: left;
}
.au_d_h_year {
  text-align: center;
  font-size: 1.35rem;
  font-weight: 500;
  color: #333333;
  font-family: inherit;
  line-height: 30px;
}
.au_d_h_component {
  width: 100%;
  padding: 5px 0px 15px 0px;
}
.last_au_d_h_component .au_d_h_circle_wrapper::before {
  display: none;
}
.au_d_h_circle_wrapper {
  padding: 0px 43%;
  position: relative;
}
span.au_d_h_circle {
  /* position: relative; */
  display: inline-block;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: #72baf3;
  vertical-align: middle;
  margin: 0px auto;
}
.au_d_h_circle_wrapper:before,
.au_d_h_circle_wrapper:after {
  width: 43%;
  height: 1px;
  position: absolute;
  top: 50%;
  content: "";
  background-color: #72baf3;
}
.au_d_h_circle_wrapper:before {
  left: 57%;
}
.au_d_h_circle_wrapper:after {
  left: 0;
}
.au_d_h_desc {
  width: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  color: #72baf3;
  padding-left: 0.4rem;
}
.au_dev_his_items_wrapper {
  width: 100%;
  min-height: 100px;
  padding: 0px 5%;
  position: relative;
}
.au_dev_his_items {
  width: 100%;
  overflow: hidden;
}
/* .au_dev_his_items ul {
  width: 9999px;
} */
.au_d_h_item {
  /* width: 200px; */
  width: 25%;
  float: left;
  padding-left: 1.8rem;
  padding-right: 0.5rem;
}
.au_d_h_item_title {
  font-size: 2.25rem;
  color: #333333;
  font-family: inherit;
  padding-bottom: 0.8rem;
  font-weight: bold;
}
.au_d_h_split_line {
  width: 18%;
  padding-bottom: 0.8rem;
}
.au_d_h_split_line span {
  display: inline-block;
  width: 100%;
  height: 3px;
  background-color: #218ce3;
}
.au_d_h_item_desc {
  font-size: 1.2rem;
  font-weight: 500;
  font-family: inherit;
}
.au_dev_his_slide_icon {
  position: absolute;
  top: 22%;
  width: 100%;
  /* left: -12px; */
  left: 0;
}
.bg_box {
  width: 5%;

  /* height: 45px; */
  text-align: center;
}
.arrow_icon_panel {
  padding-bottom: 100%;
  position: relative;
}
.arrow_icon_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
span.icon_box {
  vertical-align: middle;
  display: inline-block;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background-color: #9a9a9a;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
}
.icon_box > i {
  font-size: 2.3rem;
}
.vertical_assistant {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
}
/* dev_line end */

/* comp_qua start */

.comp_qua_content_box {
  padding-bottom: 60%;
}
.comp_qua_content_inner_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.comp_qua_title_panel {
  padding-bottom: 3%;
  width: 100%;
  height: 18%;
}
.comp_qua_zh_title {
  color: #333333;
  text-align: center;
}
.comp_qua_en_title {
  color: #b4b4b4;
  text-align: center;
  /* letter-spacing: 0.15em; */
  line-height: 1.5em;
}
.comp_qua_cate_wrapper {
  width: 100%;
  /* height: 100%; */
  height: 82%;
  position: relative;
}
.comp_qua_cate_inner_panel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-left: 5.5%;
  padding-right: 4.5%;
}
.comp_qua_cate_panel {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  /* border: 1px solid red; */
}
.comp_qua_cate_items_panel {
  /* width: 88.33%; */
  height: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  /* border: 1px solid red; */
}
.comp_qua_cate_item {
  /* width: 27%; */
  width: 23%;
  /* height: 42%; */
  height: 46%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* border: 1px solid red; */
}
.comp_qua_cate_item.comp_qua_cate_top_row {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.comp_qua_cate_top_row .comp_qua_cate_desc {
  height: 42%;
}
.height_auto_img {
  height: 100%;
}
.comp_qua_cate_icon_panel {
  height: 33%;
  width: 100%;
  text-align: center;
  margin-bottom: 3%;
}
.comp_qua_cate_desc {
  /* height: 100%; */
  width: 100%;
  color: #333333;
  font-size: 1.1rem;
  font-family: inherit;
  text-align: center;
  /* overflow: scroll; */
  /* border: 1px solid red; */
}
/* comp_qua end */

/* comp_alloc start */
#comp_alloc_outer_section {
  background-image: url("../image/background9.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: -2px;
}
.comp_alloc_content_box {
  padding-bottom: 88.5%;
  padding-bottom: calc(200px + 69.5% + .5rem);
}
.au_comp_alloc_wrapper {
  height: 69.5%;
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.au_comp_alloc_title_wrapper {
  width: 100%;
  padding-bottom: 3.5rem;
}
.au_comp_alloc_title_ch {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 600;
  color: #ffffff;
  font-family: inherit;
  padding-bottom: 1.35rem;
}
.au_comp_alloc_title_en {
  text-align: center;
  font-size: 1.35rem;
  color: #66adde;
  font-family: inherit;
}
.au_comp_alloc_content_display_wrapper {
  width: 100%;
  padding: 0px 2%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.au_comp_alloc_display_col {
  width: 16.6%;
  /* border: 1px solid red; */
  padding-bottom: 3.5rem;
}
.au_c_a_display_col_ctx {
  width: 100%;
  padding: 0px 6.25%;
}
.au_c_a_content_img {
  width: 100%;
}
.au_c_a_content_img > img {
  max-width: 100%;
}
.au_c_a_content_desc {
  text-align: center;
}
.au_c_a_content_desc_text {
  font-size: 1.2rem;
  font-family: inherit;
  color: #ffffff;
  font-weight: 600;
}
/* comp_alloc end */

/* tech start */
#tech_section {
  background-image: url("../image/background8.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.tech_content_box {
  /* padding-bottom: 81%; */
  padding-bottom: 65.5%;
}
.au_dev_intelli_tech_title_box {
  height: 14%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.au_dev_intelli_tech_title_panel {
  width: 100%;
  text-align: center;
}
.au_dev_intelli_tech_title_ch {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 600;
  color: #ffffff;
  font-family: inherit;
  padding-bottom: 1.35rem;
}
.au_dev_intelli_tech_title_en {
  text-align: center;
  font-size: 1.35rem;
  color: #66adde;
  font-family: inherit;
}
.au_dev_intelli_tech_info_wrapper {
  padding-top: 1.8rem;
  text-align: center;
}
.au_dev_intelli_tech_info_box {
  width: 56%;
  margin: 0 auto;
  position: relative;
}
.tech_content_icon {
  width: 100%;
}
.au_dev_tech_desc_text {
  color: #ffffff;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.4rem;
}
.hebao_risk_control_desc_panel {
  position: absolute;
  top: 13%;
  left: -8%;
  margin-left: -122px;
}
.hepei_risk_control_desc_panel {
  position: absolute;
  top: 13%;
  right: -26%;
}
.db_desc_panel {
  width: 56%;
  position: absolute;
  bottom: 0%;
  left: 52%;
  margin-left: -192px;
  text-align: left;
}

.adjust_desc_panel {
  position: absolute;
  top: 56%;
  right: -39%;
}
.health_risk_control_desc_panel {
  position: absolute;
  bottom: 8%;
  left: -8%;
}
.hepei_service_desc_panel {
  position: absolute;
  /* bottom: 7%;
  right: 1%; */
  top: 56%;
  left: -9%;
  margin-left: -83px;
}
/* tech end */

@media (max-width: 1920px) and (min-width: 1441px) {
  .au_d_h_desc {
    font-size: 14px;
  }
}


@media (max-width: 1440px) {
  .db_desc_panel {
    width: 56%;
    position: absolute;
    bottom: 0%;
    left: 62%;
    margin-left: -192px;
    text-align: left;
  }
  .hebao_risk_control_desc_panel {
    position: absolute;
    top: 13%;
    left: -2%;
    margin-left: -122px;
  }
  .hepei_service_desc_panel {
    position: absolute;
    /* bottom: 7%;
    right: 1%; */
    top: 56%;
    left: -4%;
    margin-left: -83px;
  }
}