/* Concept page: HTML text + photo on all viewports (no mobile image-text strips) */
.cq-pc .cq-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  background: #ede6df;
}
.cq-pc .cq-text {
  flex: 0 0 39.6%;
  max-width: 39.6%;
  box-sizing: border-box;
  background: #ede6df;
  color: #333;
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
  padding: 48px 40px 40px 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cq-pc .cq-text-right .cq-text {
  padding: 48px 56px 40px 40px;
}
.cq-pc .cq-media {
  flex: 1 1 60.4%;
  max-width: 60.4%;
  background: #ede6df;
  overflow: hidden;
}
.cq-pc .cq-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cq-pc .cq-title {
  margin: 0 0 18px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45;
  color: #333;
}
.cq-pc .cq-title2 {
  margin-top: 36px;
}
.cq-pc .cq-title-center {
  margin: 0;
}
.cq-pc .cq-subtitle {
  margin: 0 0 14px;
  font-size: 17px;
  font-weight: 700;
  color: #333;
}
.cq-pc .cq-sub {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.7;
  color: #444;
}
.cq-pc .cq-line {
  display: block;
  width: 36px;
  height: 3px;
  background: #c80000;
  margin: 0 0 22px;
}
.cq-pc .cq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cq-pc .cq-list li {
  position: relative;
  padding-left: 1em;
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.85;
  color: #444;
}
.cq-pc .cq-list li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.cq-pc .cq-body {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.9;
  color: #444;
}
.cq-pc .cq-plain {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.8;
  color: #444;
}
.cq-pc .cq-emph {
  margin-top: 18px;
  font-weight: 700;
}
.cq-pc .cq-body strong,
.cq-pc .cq-list strong {
  font-weight: 700;
  color: #333;
}

/* Phone: use PC HTML text block; hide old image-text strips */
@media (max-width: 767px) {
  .xianshia.cq-pc,
  .cq-pc.xianshia,
  .row.xianshia.cq-pc {
    display: block !important;
  }
  /* only the concept image-text dump, not other site xianshib */
  .section_g3zJdS .xianshib,
  .container_vQFzW0 .xianshib,
  .row_ZacKir.xianshib {
    display: none !important;
  }

  .cq-pc .cq-row {
    flex-direction: column;
    flex-wrap: wrap;
    min-height: 0;
  }
  .cq-pc .cq-text,
  .cq-pc .cq-media {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .cq-pc .cq-text,
  .cq-pc .cq-text-right .cq-text {
    padding: 28px 18px 22px !important;
    order: 0;
  }
  /* text-right rows: text first, then photo */
  .cq-pc .cq-text-right .cq-text {
    order: -1;
  }
  .cq-pc .cq-media {
    order: 1;
    max-height: none;
  }
  .cq-pc .cq-media img {
    height: auto !important;
    max-height: 52vw;
    min-height: 160px;
    object-fit: cover;
  }
  .cq-pc .cq-title {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .cq-pc .cq-title2 {
    margin-top: 24px;
  }
  .cq-pc .cq-subtitle {
    font-size: 15px;
  }
  .cq-pc .cq-sub,
  .cq-pc .cq-plain {
    font-size: 14px;
  }
  .cq-pc .cq-body,
  .cq-pc .cq-list li {
    font-size: 13.5px;
    line-height: 1.8;
  }
  .cq-pc .cq-line {
    margin-bottom: 16px;
  }
}

/* Tablet: keep side-by-side but tighten */
@media (min-width: 768px) and (max-width: 991px) {
  .cq-pc .cq-row {
    min-height: 360px;
  }
  .cq-pc .cq-text {
    flex: 0 0 42%;
    max-width: 42%;
    padding: 32px 24px 28px 28px;
  }
  .cq-pc .cq-text-right .cq-text {
    padding: 32px 28px 28px 24px;
  }
  .cq-pc .cq-media {
    flex: 1 1 58%;
    max-width: 58%;
  }
  .cq-pc .cq-title { font-size: 18px; }
  .cq-pc .cq-body,
  .cq-pc .cq-list li { font-size: 13px; line-height: 1.75; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cq-pc .cq-text {
    padding: 40px 32px 36px 40px;
  }
  .cq-pc .cq-title { font-size: 20px; }
}


/* ========== Concept mobile banner + full-bleed content 2026-10-28 ========== */
@media (max-width: 767px) {
  /*
   * Banner: styles4/5 have no .div_7nqNma2 background (only desktop styles1-3).
   * Map page shares body_0zc846 but uses div_7nqNma1 — keep concept on 5_02.jpg.
   */
  body.hn8-concept-page .section_Gozo0m,
  .hn8-concept-page .section_Gozo0m {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 42vw !important;
    min-height: 170px !important;
    max-height: 260px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  body.hn8-concept-page .section_Gozo0m .div_7nqNma2,
  .hn8-concept-page .section_Gozo0m .div_7nqNma2 {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 170px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: url(/template/hn8/images/5_02.jpg) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  /* Full-bleed content: kill Bootstrap .container gutters + contact-page 16px pad */
  body.hn8-concept-page .section_g3zJdS,
  .hn8-concept-page .section_g3zJdS {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  body.hn8-concept-page .section_g3zJdS .container_vQFzW0,
  body.hn8-concept-page .section_g3zJdS .container,
  body.hn8-concept-page .section_g3zJdS .c-container-5,
  .hn8-concept-page .section_g3zJdS .container_vQFzW0 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.hn8-concept-page .section_g3zJdS .div_1ewQjd,
  body.hn8-concept-page .cq-pc,
  body.hn8-concept-page .cq-pc .cq-row,
  body.hn8-concept-page .row_ZacKir {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Override contact-page polish that pads/cards .div_1ewQjd */
  body.hn8-concept-page .section_g3zJdS .div_1ewQjd {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  /* Keep readable text inset; photos stay edge-to-edge */
  body.hn8-concept-page .cq-pc .cq-text,
  body.hn8-concept-page .cq-pc .cq-text-right .cq-text {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.hn8-concept-page .cq-pc .cq-media,
  body.hn8-concept-page .cq-pc .cq-media img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }
  body.hn8-concept-page .cq-pc .cq-media img {
    max-height: none !important;
    height: auto !important;
    min-height: 180px !important;
  }
  /* Section titles can keep slight side pad */
  body.hn8-concept-page .section_g3zJdS .heading_ZUUfLI.zth2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (max-width: 450px) {
  body.hn8-concept-page .section_Gozo0m,
  .hn8-concept-page .section_Gozo0m {
    height: 48vw !important;
    min-height: 160px !important;
    max-height: 240px !important;
  }
}