@media (min-width: 993px) {

  .qywh-main {

    position: relative;

    background: url("../img/qywh_bg.png") no-repeat center center;

    background-size: cover;

  }



  .qywh-main::before {

    content: "";

    position: absolute;

    inset: 0;

    background: #00000099;

    pointer-events: none;

  }



  .qywh-h5-only {

    display: none;

  }



  .qywh-values-wrap .qywh-pc-only {

    width: 100%;

    height: auto;

    display: block;

  }

}



.qywh-main .page-wrap {

  position: relative;

  z-index: 1;

  padding: 130px 323px 0;

}



.qywh-content {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  padding-right: 110px;

}



.qywh-panel,

.about-sub-panel {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  width: 100%;

}



.qywh-title {

  width: 349px;

  margin-right: 246px;

  font-size: 36px;

  font-weight: 700;

  line-height: 36px;

}



.qywh-desc {

  width: 877px;

  margin-top: 22px;

  padding-left: 80px;

  font-size: 14px;

  font-weight: 500;

  line-height: 28px;

  text-indent: 2em;

}



.qywh-values {

  width: 635px;

  height: 185px;

  margin-top: 27px;

}



.qywh-values-wrap {

  width: 635px;

  margin-top: 27px;

  height: auto;

}



@media (max-width: 1400px) {

  .qywh-main .page-wrap {

    padding-left: 40px;

    padding-right: 40px;

  }



  .qywh-content {

    padding-right: 0;

  }



  .qywh-title {

    width: 100%;

    max-width: 349px;

    margin-right: 0;

  }



  .qywh-desc {

    width: 100%;

    max-width: 877px;

    padding-left: 0;

  }



  .qywh-values,

  .qywh-values-wrap {

    width: 100%;

    max-width: 635px;

    height: auto;

  }



  .qywh-values img.qywh-pc-only,

  .qywh-values-wrap img.qywh-pc-only {

    height: auto;

  }

}