/* ===== HY Chem 新板块样式（应用方案 / 质量体系 / 在线询价） ===== */
/* 站点采用 html{font-size:1px} 自适应，故以下 rem 即 px */

.section-body { padding-top: 30rem; padding-bottom: 30rem; }

.sec-intro { font-size: 16rem; line-height: 1.85; color: #445; margin: 10rem 0 30rem; }

/* 质量体系 */
.q-grid { display: flex; flex-wrap: wrap; gap: 20rem; margin: 16rem 0 36rem; }
.q-card { flex: 1 1 280rem; border: 1px solid #e6ebf1; border-radius: 6rem; padding: 24rem; background: #fff; transition: box-shadow .2s; }
.q-card:hover { box-shadow: 0 6rem 20rem rgba(21,85,153,.12); }
.q-badge { display: inline-block; background: #155599; color: #fff; font-size: 13rem; padding: 4rem 12rem; border-radius: 3rem; margin-bottom: 14rem; letter-spacing: .5px; }
.q-card h4 { font-size: 16rem; color: #1a2b3c; margin: 0 0 8rem; }
.q-card p { font-size: 14rem; color: #5a6b7b; line-height: 1.7; margin: 0; }

.q-steps { display: flex; flex-wrap: wrap; gap: 20rem; margin: 16rem 0 36rem; }
.q-step { flex: 1 1 220rem; background: #f5f8fc; border-radius: 6rem; padding: 24rem; border-top: 3rem solid #155599; }
.q-step .num { font-size: 26rem; font-weight: 700; color: #155599; display: block; margin-bottom: 8rem; }
.q-step h4 { font-size: 16rem; color: #1a2b3c; margin: 0 0 6rem; }
.q-step p { font-size: 14rem; color: #5a6b7b; line-height: 1.7; margin: 0; }

.q-list { margin: 10rem 0 30rem; padding-left: 22rem; }
.q-list li { font-size: 14rem; color: #5a6b7b; line-height: 2; }

.q-commit { background: #eaf1f8; border-left: 4rem solid #155599; padding: 18rem 22rem; border-radius: 4rem; font-size: 15rem; color: #2a3b4c; margin-top: 20rem; line-height: 1.8; }

/* 应用方案 */
.app-grid { display: flex; flex-wrap: wrap; gap: 20rem; margin: 20rem 0; }
.app-card { flex: 1 1 300rem; border: 1px solid #e6ebf1; border-radius: 6rem; padding: 26rem; background: #fff; transition: box-shadow .2s, transform .2s; }
.app-card:hover { box-shadow: 0 8rem 24rem rgba(21,85,153,.14); transform: translateY(-3rem); }
.app-card h3 { font-size: 18rem; color: #155599; margin: 0 0 10rem; }
.app-card p { font-size: 14rem; color: #5a6b7b; line-height: 1.7; margin: 0 0 14rem; }
.app-tags { display: flex; flex-wrap: wrap; gap: 8rem; margin-bottom: 16rem; }
.app-tags span { font-size: 12rem; background: #f0f4f9; color: #3a526b; padding: 5rem 10rem; border-radius: 3rem; }
.app-cta { display: inline-block; color: #155599; font-weight: 600; font-size: 14rem; text-decoration: none; }
.app-cta:hover { text-decoration: underline; }

/* 在线询价 */
.inquiry-form { max-width: 780rem; margin: 20rem 0; }
.if-row { margin-bottom: 18rem; }
.if-row > label { display: block; font-size: 14rem; color: #2a3b4c; font-weight: 600; margin-bottom: 8rem; }
.req { color: #e23b3b; }
.if-checks label, .if-radio { display: inline-block; margin-right: 20rem; font-size: 14rem; color: #445; font-weight: 400; cursor: pointer; }
.if-two { display: flex; gap: 20rem; }
.if-two > div { flex: 1; min-width: 0; }
.inquiry-form input[type=text], .inquiry-form input[type=email], .inquiry-form textarea {
  width: 100%; border: 1px solid #d4dde6; border-radius: 4rem; padding: 10rem 12rem; font-size: 14rem; box-sizing: border-box; background: #fff; color: #2a3b4c;
}
.inquiry-form input:focus, .inquiry-form textarea:focus { border-color: #155599; outline: none; }
.inquiry-form textarea { resize: vertical; }
.if-btn { background: #155599; color: #fff; border: none; padding: 12rem 32rem; font-size: 15rem; border-radius: 4rem; cursor: pointer; transition: background .2s; }
.if-btn:hover { background: #0d3a66; }
.if-btn:disabled { opacity: .6; cursor: default; }

/* 响应式 */
@media (max-width: 768px) {
  .if-two { flex-direction: column; gap: 0; }
  .q-grid, .q-steps, .app-grid { flex-direction: column; }
  .if-checks label, .if-radio { display: block; margin-bottom: 8rem; }
}