@charset "UTF-8";
@media only screen and (min-device-width: 866px) {
  .yinxiang_pc {
    display: block;
  }
  .yinxiang_mb {
    display: none;
  }
}
@media only screen and (max-device-width: 866px) {
  .yinxiang_pc {
    display: none;
  }
  .yinxiang_mb {
    display: block;
  }
}
.yinxiang_pc {
  .yinxiang {
    background-image: url("../../assets/images/yinxang.png");
    height: 500px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 85px;
    row-gap: 27px;
  }
  .yinxiang .yinxiang_nav_title {
    font-family: HONOR Sans CN;
    font-size: 64px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
    font-variation-settings: "opsz" auto;
    color: #ffffff;
  }
  .yinxiang .yinxiang_nav_sub_title {
    font-family: HONOR Sans CN;
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
    font-variation-settings: "opsz" auto;
    color: #ffffff;
  }

  .yinxiang_h {
    width: 100%;
    padding: 73px 84px 50px 73px;
  }

  .yinxiang_title {
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    text-align: justify; /* 浏览器可能不支持 */
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 54px;
  }

  .yinxiang_sub_title {
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 54px;
  }

  .yinxiang_p {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #939393;
    margin-bottom: 32px;
  }

  .yinxiang_bar {
    height: 486px;
    width: 100%;
    background-image: url("../../assets/images/yinxiang-bg-2.png");
    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    text-align: center;
    font-variation-settings: "opsz" auto;
    padding-top: 42px;
    color: #ffffff;
  }
  .yinxiang_bar .yinxiang_bar_name {
    font-size: 24px;
  }
  .yinxiang_bar .yinxiang_bar_span {
    font-size: 40px;
    font-variation-settings: "opsz" auto;
  }
  .yinxiang_bar .yinxiang_bar_span2 {
    font-size: 48px;
    font-variation-settings: "opsz" auto;
  }
  .yinxiang_bar .yinxiang_bar_span3 {
    font-size: 36px;
    font-variation-settings: "opsz" auto;
  }
  .yinxiang_bar .yinxiang_bar2 {
    margin-top: 16px;
  }

  .yinxiang_text {
    width: 100%;
    height: 628px;
    padding: 84px 73px;
  }
  .yinxiang_text .yinxiang_title {
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 900;
    line-height: normal;
    text-align: justify; /* 浏览器可能不支持 */
    letter-spacing: 0px;
    color: #000000;
  }
  .yinxiang_text .yinxiang_text_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px;
  }
  .yinxiang_text .yinxiang_text_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 16px;
  }
  .yinxiang_text .yinxiang_text_col_title {
    font-family: PingFang SC;
    font-size: 26px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0px;
    color: #000000;
  }
  .yinxiang_text .yinxiang_text_col_p {
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #939393;
  }
}
.yinxiang_mb {
  .yinxiang_banner {
    width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../../assets/images/yinxang1.png");
    color: #ffffff;

    .yinxiang_bannername {
      font-size: 4rem;
      margin-left: 2.8571rem;
      padding-top: 18rem;
      font-weight: 800;
    }
    .yinxiang_bannertitle {
      margin-top: 1rem;
      font-size: 1.5rem;
      margin-left: 2.8571rem;
    }
  }
  .yinxiang_cont {
    padding: 1.4286rem;
    .yinxiang_cont_name {
      color: #000000;
      font-size: 1.1429rem;
      font-weight: 600;
    }
    .yinxiang_cont_title {
      font-size: 0.9286rem;
      font-weight: 600;
      color: #000000;
      margin: 1.8571rem 0;
    }
    .yinxiang_cont_cont {
      font-size: 10px;
      color: #939393;
      margin-bottom: 0.5714rem;
    }
  }
  .yinxiang_cont_img {
    height: 17.3571rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../../assets/images/yinxiang-bg-3.png");
    font-family: PingFang SC;
    font-size: 0.8571rem;
    color: #ffffff;
    text-align: center;
    padding-top: 1.0714rem;
    .yinxiang_bar_span1 {
      font-size: 1.4286rem;
      font-weight: 600;
    }
    .yinxiang_bar_span2 {
      font-size: 1.7143rem;
      font-weight: 600;
    }
    .yinxiang_bar_span3 {
      font-size: 1.2857rem;
      font-weight: 600;
    }
  }
  .yinxiang_cont1 {
    padding: 1.4286rem;
    .yinxiang_cont1_title {
      font-size: 1.1429rem;
      font-weight: 700;
      color: #000000;
    }
    .yinxiang_cont1_name {
      margin: 1.4286rem 0 0.5714rem 0;
      font-size: 1rem;
      font-weight: 700;
    }
    .yinxiang_cont1_cont {
      color: #939393;
      font-size: 0.7143rem;
    }
  }
}