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

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

.sec-intro { font-size: 16rem; font-size: max(16px, 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; font-size: max(13px, 13rem); padding: 4rem 12rem; border-radius: 3rem; margin-bottom: 14rem; letter-spacing: .5px; }
.q-card h4 { font-size: 16rem; font-size: max(16px, 16rem); color: #1a2b3c; margin: 0 0 8rem; }
.q-card p { font-size: 14rem; font-size: max(14px, 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; font-size: max(16px, 16rem); color: #1a2b3c; margin: 0 0 6rem; }
.q-step p { font-size: 14rem; font-size: max(14px, 14rem); color: #5a6b7b; line-height: 1.7; margin: 0; }

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

.q-commit { background: #eaf1f8; border-left: 4rem solid #155599; padding: 18rem 22rem; border-radius: 4rem; font-size: 15rem; font-size: max(15px, 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; font-size: max(18px, 18rem); color: #155599; margin: 0 0 10rem; }
.app-card p { font-size: 14rem; font-size: max(14px, 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; font-size: max(12px, 12rem); background: #f0f4f9; color: #3a526b; padding: 5rem 10rem; border-radius: 3rem; }
.app-cta { display: inline-block; color: #155599; font-weight: 600; font-size: 14rem; font-size: max(14px, 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; font-size: max(14px, 14rem); color: #2a3b4c; font-weight: 600; margin-bottom: 8rem; }
.req { color: #c62828; }
.if-checks label, .if-radio { display: inline-block; margin-right: 20rem; font-size: 14rem; font-size: max(14px, 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; font-size: max(14px, 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; font-size: max(15px, 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; }
}

/* ===== 2026-07-29 nav always-visible fix + inquiry two-zone ===== */
.header { top: 0 !important; z-index: 1000 !important; }
.iq-tabs { display: flex; gap: 12rem; margin: 0 0 24rem; flex-wrap: wrap; }
.iq-tabs a { display: inline-block; padding: 9rem 22rem; border: 1px solid #155599; border-radius: 30rem; color: #155599; font-size: 15rem; font-size: max(15px, 15rem); text-decoration: none; transition: .25s; }
.iq-tabs a:hover { background: #155599; color: #fff; }
.iq-sample { border: 1px solid #cfe0f1; background: #f4f8fc; border-radius: 8rem; padding: 16rem !important; margin: 20rem 0; }
.iq-sample-title { font-size: 18rem; font-size: max(18px, 18rem); color: #155599; margin: 0 0 6rem; font-weight: bold; }
.iq-sample-hint { font-size: 13rem; font-size: max(13px, 13rem); color: #5b6b7c; margin: 0 0 10rem; line-height: 1.6; }
#sample, #inquiryForm { scroll-margin-top: 130rem; }
.iq-flash { box-shadow: 0 0 0 3rem rgba(21,85,153,.28); }
@media (max-width: 750px) { .iq-tabs a { padding: 8rem 16rem; font-size: 14rem; } }


/* ===== Partners v2 rebuild (20260918) ===== */
@media (min-width: 769px) {
.home-partner .brand-bottom { min-height: auto; }
.home-partner .brand-bottom .text { float: none; width: 100%; }
.home-partner .brand-bottom .list { position: static; width: 1600rem; max-width: 96%; margin: 0 auto; padding-top: 28rem; }
.home-partner .brand-bottom .list ul li { background: transparent !important; box-shadow: none !important; }
.home-partner .brand-bottom .list ul { margin: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
.home-partner .brand-bottom .list ul li { float: none; width: calc(20% - 9.6rem); margin: 0 12rem 12rem 0; display: flex; align-items: center; justify-content: center; }
.home-partner .brand-bottom .list ul li:nth-child(5n) { margin-right: 0; }
.home-partner .brand-bottom .list ul li a { display: block; width: 100%; }
.home-partner .brand-bottom .list ul li .pic { width: 100%; }
.home-partner .brand-bottom .list ul li .pic:after { padding-bottom: 42%; }
.home-partner .brand-bottom .list ul li .pic img { filter: grayscale(1); opacity: .75; transition: filter .25s ease, opacity .25s ease; }
.home-partner .brand-bottom .list ul li .pic img:hover { filter: none; opacity: 1; }
}