@import url("styles.css");

body.subpage { background:#f5f7fa; }
.sub-header { position:relative; z-index:20; color:#fff; background:#07172d; }
.sub-topbar { border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.55); font-size:12px; }
.sub-topbar .container { display:flex; height:34px; align-items:center; justify-content:space-between; }
.sub-topbar span { float:right; }
.sub-nav { display:flex; height:82px; align-items:center; justify-content:space-between; }
.sub-nav-links { display:flex; align-items:center; gap:30px; font-size:14px; }
.sub-nav-links a { position:relative; padding:31px 0; color:rgba(255,255,255,.75); }
.sub-nav-links a::after { content:""; position:absolute; right:50%; bottom:20px; left:50%; height:2px; background:#32d4ff; transition:.25s; }
.sub-nav-links a:hover,.sub-nav-links a.active { color:#fff; }
.sub-nav-links a:hover::after,.sub-nav-links a.active::after { right:0; left:0; }
.page-hero { position:relative; display:flex; min-height:310px; align-items:center; color:#fff; background:linear-gradient(90deg,rgba(4,20,42,.96),rgba(7,43,80,.72)),var(--page-bg,url("assets/images/image2.png")) center/cover; overflow:hidden; }
.page-hero::after { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:60px 60px; }
.page-hero .container { position:relative; z-index:1; }
.page-hero p { margin:0 0 12px; color:#56d8ff; font-size:12px; font-weight:700; letter-spacing:.2em; }
.page-hero h1 { margin:0; font-size:44px; }
.page-hero small { display:block; max-width:650px; margin-top:18px; color:rgba(255,255,255,.65); font-size:14px; line-height:1.8; }
.breadcrumb { display:flex; margin:22px 0 0; gap:10px; color:rgba(255,255,255,.48); font-size:12px; }
.breadcrumb a:hover { color:#fff; }
.content-section { padding:80px 0 100px; }
.page-title-row { display:flex; margin-bottom:36px; align-items:end; justify-content:space-between; }
.page-title-row h2 { margin:0; font-size:34px; }
.page-title-row p { max-width:560px; margin:0; color:#68758a; line-height:1.8; }
.filter-bar { display:flex; margin-bottom:28px; padding:10px; gap:8px; background:#fff; box-shadow:0 8px 30px rgba(20,45,75,.06); }
.filter-bar button { padding:11px 22px; border:0; color:#68758a; background:transparent; cursor:pointer; }
.filter-bar button.active,.filter-bar button:hover { color:#fff; background:#006ef0; }
.catalog-grid { display:grid; gap:20px; grid-template-columns:repeat(4,1fr); }
.catalog-card { display:flex; min-height:390px; flex-direction:column; border:1px solid #e3e9f0; background:#fff; transition:.3s; }
.catalog-card:hover { border-color:transparent; box-shadow:0 18px 50px rgba(15,50,88,.13); transform:translateY(-5px); }
.catalog-image { display:grid; height:225px; padding:28px; place-items:center; background:linear-gradient(145deg,#f9fbfd,#edf3f8); }
.catalog-image img { width:100%; height:100%; object-fit:contain; }
.catalog-body { display:flex; padding:22px 24px 24px; flex:1; flex-direction:column; }
.catalog-body span { color:#006ef0; font-size:11px; }
.catalog-body h3 { margin:8px 0 12px; font-size:19px; }
.catalog-body p { margin:0; color:#68758a; font-size:12px; line-height:1.75; }
.catalog-body b { margin-top:auto; padding-top:18px; color:#006ef0; font-size:13px; }
.detail-wrap { padding:60px 0 100px; }
.detail-top { display:grid; padding:48px; gap:60px; grid-template-columns:1fr 1fr; background:#fff; box-shadow:0 15px 50px rgba(18,43,70,.08); }
.detail-image { display:grid; min-height:430px; padding:40px; place-items:center; background:#f4f7fa; }
.detail-image img { max-height:350px; object-fit:contain; }
.detail-copy .category { color:#006ef0; font-size:12px; font-weight:700; letter-spacing:.12em; }
.detail-copy h1 { margin:14px 0 6px; font-size:40px; }
.detail-copy .model { color:#8691a3; }
.detail-copy>p { margin:25px 0; color:#5e6c81; line-height:1.95; }
.feature-list { display:grid; margin:25px 0 32px; padding:0; gap:10px; grid-template-columns:1fr 1fr; list-style:none; }
.feature-list li { padding:12px 15px; color:#315474; background:#eff7ff; font-size:13px; }
.detail-content { display:grid; margin-top:30px; gap:30px; grid-template-columns:1fr 300px; }
.detail-main,.detail-side { padding:36px; background:#fff; }
.detail-main h2,.detail-side h3 { margin:0 0 25px; }
.param-table { width:100%; border-collapse:collapse; }
.param-table th,.param-table td { padding:15px 18px; border:1px solid #e3e9f0; text-align:left; font-size:13px; }
.param-table th { width:34%; color:#38485b; background:#f4f7fa; }
.detail-side a { display:block; padding:16px 0; border-bottom:1px solid #e6ebf1; font-size:13px; }
.detail-side a:hover { color:#006ef0; }
.solution-grid { display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
.solution-card { position:relative; min-height:400px; color:#fff; background:#0b2442; overflow:hidden; }
.solution-card img { width:100%; height:100%; object-fit:cover; opacity:.48; transition:.5s; }
.solution-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,17,35,.95),transparent 70%); }
.solution-card div { position:absolute; z-index:2; right:0; bottom:0; left:0; padding:28px; }
.solution-card span { color:#43d8ff; font-size:11px; letter-spacing:.1em; }
.solution-card h3 { margin:9px 0; font-size:23px; }
.solution-card p { color:rgba(255,255,255,.62); font-size:12px; line-height:1.7; }
.solution-card:hover img { opacity:.65; transform:scale(1.06); }
.solution-detail-hero { display:grid; min-height:480px; align-items:end; color:#fff; background:linear-gradient(90deg,rgba(4,20,42,.96),rgba(4,20,42,.3)),var(--detail-bg) center/cover; }
.solution-detail-hero .container { padding-bottom:70px; }
.solution-detail-hero h1 { margin:12px 0; font-size:48px; }
.solution-detail-hero p { max-width:650px; color:rgba(255,255,255,.72); line-height:1.9; }
.article-layout { display:grid; gap:30px; grid-template-columns:1fr 330px; }
.article-main,.article-side { padding:40px; background:#fff; }
.article-main h2 { margin-top:0; font-size:30px; }
.article-main p { color:#637186; line-height:2; }
.solution-plain-hero { background:linear-gradient(110deg,#07172d,#0c3764); }
.solution-background-image { width:100%; max-height:560px; margin:28px 0 42px; object-fit:contain; background:#f4f7fa; }
.point-grid { display:grid; margin:30px 0; gap:12px; grid-template-columns:1fr 1fr; }
.point-grid div { padding:20px; border-left:3px solid #006ef0; background:#f3f7fb; }
.article-side h3 { margin-top:0; }
.article-side ul { padding:0; list-style:none; }
.article-side li { padding:13px 0; border-bottom:1px solid #e7ebf0; color:#59687c; }
.case-grid-page { display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
.case-page-card { background:#fff; transition:.3s; }
.case-page-card:hover { box-shadow:0 18px 45px rgba(15,45,75,.13); transform:translateY(-4px); }
.case-page-card img { width:100%; height:240px; object-fit:cover; }
.case-page-card div { padding:24px; }
.case-page-card span { color:#006ef0; font-size:11px; }
.case-page-card h3 { min-height:50px; margin:8px 0; font-size:18px; line-height:1.5; }
.case-page-card p { color:#68758a; font-size:12px; line-height:1.7; }
.stats-row { display:grid; margin:30px 0; grid-template-columns:repeat(4,1fr); }
.stats-row div { padding:24px; border-right:1px solid #e4e9ef; background:#fff; text-align:center; }
.stats-row strong { display:block; color:#006ef0; font-size:25px; }
.stats-row span { font-size:11px; color:#7b8798; }
.gallery-grid { display:grid; gap:12px; grid-template-columns:repeat(2,1fr); }
.gallery-grid img { width:100%; height:300px; object-fit:cover; }
.case-table-scroll { width:100%; margin:28px 0 45px; overflow-x:auto; }
.case-data-table { width:100%; min-width:720px; border-collapse:collapse; background:#fff; }
.case-data-table th,.case-data-table td { padding:13px 15px; border:1px solid #dfe6ee; font-size:12px; line-height:1.65; text-align:left; vertical-align:middle; }
.case-data-table th { color:#fff; background:#0b5eb8; white-space:nowrap; }
.case-data-table tbody tr:nth-child(even) { background:#f5f8fb; }
.case-data-table td:empty { background:#f0f4f8; }
.case-article-layout .article-main { min-width:0; }
.about-page-grid { display:grid; align-items:center; gap:70px; grid-template-columns:1fr 1fr; }
.about-page-grid img { width:100%; min-height:480px; object-fit:cover; }
.prose h2 { font-size:36px; }
.prose p { color:#627086; line-height:2; }
.cert-grid { display:grid; margin-top:50px; gap:15px; grid-template-columns:repeat(6,1fr); }
.cert-grid img { width:100%; aspect-ratio:.72; padding:5px; object-fit:cover; object-position:top; background:#fff; box-shadow:0 8px 25px rgba(20,45,75,.1); }
.news-page-list { display:grid; gap:16px; }
.news-item { display:grid; padding:30px; align-items:center; gap:30px; grid-template-columns:100px 1fr 30px; background:#fff; }
.news-item time { color:#006ef0; font-size:22px; }
.news-item h3 { margin:6px 0; font-size:19px; }
.news-item p { margin:0; color:#738094; font-size:13px; }
.news-detail-section { background:#f4f7fb; }
.news-detail-list { display:grid; gap:28px; }
.news-detail-card { display:grid; grid-template-columns:420px 1fr; background:#fff; box-shadow:0 14px 38px rgba(15,45,75,.08); overflow:hidden; }
.news-detail-media { min-height:280px; background:#dfe8f2; }
.news-detail-media img { width:100%; height:100%; object-fit:cover; }
.news-detail-body { position:relative; padding:34px 38px 38px; }
.news-index { display:inline-flex; width:44px; height:28px; margin-bottom:15px; align-items:center; justify-content:center; color:#fff; background:#006ef0; font-size:13px; font-weight:700; letter-spacing:.08em; }
.news-detail-body h3 { margin:0 0 18px; color:#132239; font-size:26px; line-height:1.35; }
.news-detail-body p { margin:0 0 14px; color:#59687c; font-size:15px; line-height:2; text-align:justify; }
.news-list-card { display:block; }
.news-list-card .news-detail-body { padding:40px; }
.news-province-grid { display:grid; margin-top:26px; gap:16px; grid-template-columns:repeat(3,1fr); }
.news-province { padding:20px; border:1px solid #e1e8f0; background:#f8fbff; }
.news-province h4 { margin:0 0 12px; color:#006ef0; font-size:16px; }
.news-province ol { margin:0; padding:0; color:#59687c; font-size:13px; line-height:1.85; list-style:none; }
.news-province li { padding:2px 0; }
.contact-page-grid { display:grid; gap:30px; grid-template-columns:1fr 1fr; }
.contact-info,.map-panel { min-height:430px; padding:48px; background:#fff; }
.contact-info h2 { margin-top:0; font-size:32px; }
.contact-line { padding:18px 0; border-top:1px solid #e5eaf0; }
.contact-line span { display:block; color:#8a95a5; font-size:11px; }
.contact-line strong { display:block; margin-top:8px; font-size:17px; line-height:1.6; }
.map-panel { position:relative; display:grid; place-items:center; color:#fff; text-align:center; background:linear-gradient(rgba(4,35,70,.75),rgba(4,35,70,.85)),url("assets/images/image109.png") center/cover; }
.map-panel h3 { font-size:26px; }
.map-panel a { display:inline-block; margin-top:15px; padding:13px 22px; border:1px solid rgba(255,255,255,.5); }
.sub-footer { color:rgba(255,255,255,.6); background:#050f1d; }
.sub-footer-main { display:grid; padding:55px 0; gap:80px; grid-template-columns:1.5fr 1fr 1fr; }
.sub-footer-main .brand { color:#fff; }
.sub-footer-main strong { display:block; margin-bottom:16px; color:#fff; }
.sub-footer-main>div:nth-child(2) a { display:block; margin:9px 0; font-size:12px; }
.sub-footer-main p { font-size:12px; line-height:1.9; }
.sub-footer-bottom { display:flex; min-height:60px; align-items:center; justify-content:space-between; border-top:1px solid rgba(255,255,255,.09); font-size:11px; }
.empty-state { padding:100px; background:#fff; text-align:center; }

@media(max-width:1000px){
  .sub-nav-links{gap:16px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.solution-grid,.case-grid-page{grid-template-columns:repeat(2,1fr)}.news-detail-card{grid-template-columns:1fr}.news-detail-media{height:360px}.news-province-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .sub-topbar{display:none}.sub-nav{height:70px}.sub-nav-links{position:absolute;top:70px;right:0;left:0;display:none;padding:15px;background:#07172d}.sub-nav-links.open{display:block}.sub-nav-links a{display:block;padding:14px}.menu-toggle{display:block}
  .page-title-row,.about-page-grid{display:block}.page-title-row p{margin-top:15px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.detail-top,.detail-content,.article-layout,.contact-page-grid{grid-template-columns:1fr}.detail-top{padding:30px}.detail-image{min-height:330px}.solution-grid,.case-grid-page{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(3,1fr)}.news-province-grid{grid-template-columns:1fr}.sub-footer-main{gap:35px;grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .page-hero{min-height:250px}.page-hero h1{font-size:35px}.content-section{padding:55px 0 75px}.filter-bar{overflow:auto}.filter-bar button{flex:0 0 auto}.catalog-grid,.solution-grid,.case-grid-page{grid-template-columns:1fr}.detail-top{gap:25px}.detail-copy h1{font-size:32px}.feature-list,.point-grid{grid-template-columns:1fr}.detail-content{display:block}.detail-side{margin-top:20px}.stats-row{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:230px}.cert-grid{grid-template-columns:repeat(2,1fr)}.news-item{grid-template-columns:1fr}.news-detail-media{height:230px}.news-detail-body,.news-list-card .news-detail-body{padding:25px}.news-detail-body h3{font-size:21px}.sub-footer-main{grid-template-columns:1fr}.sub-footer-bottom{padding:18px 0;align-items:flex-start;flex-direction:column;gap:7px}
}