.page-about-us .page-main {
  padding-top: 0;
}

.page-about-us .title {
  font-size: 48px;
  color: #1b254a;
  line-height: 70px;
  font-weight: 700;
}

.page-about-us .bgUrl {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.page-about-us .top_nav {
  width: 100%;
  min-height: 750px;
  padding-top: var(--nav-h);
  background-image: url("../../images/syImg/honor/honorBg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}

.page-about-us .advantage_title {
  font-size: 54px;
  font-weight: 700;
  color: #333;
  position: absolute;
  top: calc(231px + var(--nav-h) * 0.25);
  left: 8%;
  line-height: 78px;
}

.page-about-us .advantage_title .tips {
  font-size: 24px;
  font-weight: 400;
}

.page-about-us .advantage_btn {
  background: rgba(255, 255, 255, 0.8);
  width: 48px;
  height: 8px;
  margin-top: 28px;
}

.page-about-us .breadcrumb {
  width: 100%;
  border-bottom: 1px solid #d5dbe6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 12%;
  font-size: 18px;
  min-height: 80px;
  color: #4f5369;
}

.page-about-us .breadcrumb .left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-about-us .breadcrumb .left img {
  width: 18px;
  height: 24px;
}

.page-about-us .breadcrumb-nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-about-us .breadcrumb-nav .current {
  color: #1b254a;
}

.page-about-us .us_tab {
  display: flex;
  align-items: center;
}

.page-about-us .us_tab > div {
  width: 114px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  cursor: pointer;
  font-weight: 700;
}

.page-about-us .us_tab a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: inherit;
}

.page-about-us .us_tab .tab_item {
  background: #1b254a;
  color: #fff;
}

.page-about-us .us_tab .tab_item a {
  color: #fff;
}

.page-about-us .about {
  min-height: 750px;
  background-image: url("../../images/syImg/honor/aboutBg.svg");
  padding: 124px 12% 62px;
  margin-top: -2px;
}

.page-about-us .about_content {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.page-about-us .about_content .left {
  width: min(695px, 100%);
}

.page-about-us .about_content .left .tips {
  color: #616580;
  font-size: 16px;
  margin-top: 4px;
}

.page-about-us .about_content .content {
  font-size: 18px;
  line-height: 42px;
  margin-top: 17px;
  color: #676b87;
}

.page-about-us .about_content .right {
  width: min(600px, 100%);
}

.page-about-us .about_content .right img {
  width: 100%;
  border-radius: 8px;
}

.page-about-us .qywh {
  background-image: url("../../images/syImg/honor/whBg.svg");
  min-height: 700px;
  margin-top: -4px;
  text-align: center;
  padding: 35px 0 48px;
}

.page-about-us .qywh > .tips {
  color: #676b87;
  font-size: 16px;
  margin-bottom: 24px;
}

.page-about-us .qywh_con {
  text-align: left;
  padding: 0 12%;
  display: flex;
  justify-content: space-between;
  gap: 32px;
  flex-wrap: wrap;
}

.page-about-us .wh_left {
  margin-top: 48px;
  flex: 1;
  min-width: 280px;
}

.page-about-us .wh_item {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  color: #616580;
  line-height: 28px;
  margin-bottom: 38px;
}

.page-about-us .wh_item img {
  width: 72px;
  height: 72px;
  margin-right: 23px;
  flex-shrink: 0;
}

.page-about-us .wh_item p {
  font-size: 24px;
  color: #1b254a;
  margin-bottom: 8px;
}

.page-about-us .wh_right {
  width: min(960px, 100%);
  flex: 1;
}

.page-about-us .wh_right img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.page-about-us .lc {
  min-height: 650px;
  background-image: url("../../images/syImg/honor/lcBg.svg");
  margin-top: -20px;
  text-align: center;
  padding-bottom: 48px;
}

.page-about-us .lc > .tips {
  color: #676b87;
  font-size: 16px;
  margin-bottom: 32px;
}

.page-about-us .lc .des {
  text-align: left;
}

.page-about-us .lc .left_dot {
  margin-bottom: 10px;
  font-size: 24px;
  color: #1b254a;
  font-weight: 700;
  padding-left: 24vw;
}

.page-about-us .lc .left_dot > span:first-child {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #1b254a;
  border-radius: 50%;
  margin-right: 12px;
  vertical-align: middle;
}

.page-about-us .lc .des > p,
.page-about-us .lc .timeline-item {
  width: min(76vw, 900px);
  padding-left: 24vw;
  font-size: 18px;
  margin-bottom: 10px;
  color: #616580;
  line-height: 1.7;
}

.page-about-us .lc .timeline-item .label {
  color: #1b254a;
  font-weight: 700;
}

.page-about-us .lc .timeline-item .label span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #1b254a;
  border-radius: 50%;
  margin-right: 12px;
  vertical-align: middle;
}

.page-about-us .lc_con {
  height: 306px;
  margin-top: 48px;
  position: relative;
  display: flex;
  align-items: center;
}

.page-about-us .lc_con .line {
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  top: 150px;
}

.page-about-us .dot_list {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 12%;
  position: absolute;
}

.page-about-us .dot_item {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e1e1e1;
  position: relative;
  cursor: pointer;
  border: none;
  padding: 0;
}

.page-about-us .dot_item span {
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  color: #a9abad;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.page-about-us .dot_itemA {
  background: #1b254a;
  border: 1px solid #1b254a;
}

.page-about-us .dot_itemA span {
  color: #1b254a;
}

.page-about-us .left_arrow {
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.page-about-us .left_arrow img {
  width: 100%;
  height: 100%;
}

.page-about-us .ry {
  min-height: 980px;
  background-image: url("../../images/syImg/honor/jb1.svg");
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #fff;
  padding: 80px 12% 70px;
}

.page-about-us .ry .title {
  color: #fff;
}

.page-about-us .ry .tips {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin-bottom: 24px;
}

.page-about-us .ryzs1,
.page-about-us .ryzs2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
}

.page-about-us .ryzs1 img,
.page-about-us .ryzs2 img {
  width: min(234px, calc(20% - 16px));
  flex: 1 1 160px;
}

.page-about-us .bottom_dt {
  height: 620px;
  position: relative;
  background: #eef1f6;
}

.page-about-us .map-container {
  width: 100%;
  height: 100%;
}

.page-about-us .map-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(27, 37, 74, 0.06);
  color: #1b254a;
  font-size: 18px;
  pointer-events: none;
  z-index: 1;
}

.page-about-us .map-fallback.is-hidden {
  display: none;
}

@media (max-width: 992px) {
  .page-about-us .advantage_title {
    position: static;
    padding: 48px 24px;
    font-size: 36px;
    line-height: 1.3;
  }

  .page-about-us .breadcrumb {
    padding: 12px 24px;
  }

  .page-about-us .us_tab > div {
    width: auto;
    min-width: 88px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
  }

  .page-about-us .about,
  .page-about-us .qywh,
  .page-about-us .lc,
  .page-about-us .ry {
    padding-left: 24px;
    padding-right: 24px;
  }

  .page-about-us .lc .left_dot,
  .page-about-us .lc .des > p,
  .page-about-us .lc .timeline-item {
    padding-left: 0;
    width: 100%;
  }

  .page-about-us .title {
    font-size: 32px;
    line-height: 1.3;
  }

  .page-about-us .ryzs1 img,
  .page-about-us .ryzs2 img {
    width: calc(50% - 8px);
  }
}