/* ============================================================
   天津武清承玲润贸易有限公司 - 全站样式
   还原参考站 28532 (Stig/Rhythm 响应式模板) 视觉：
   主色 #03a9f4 · 深色 #111 · 浅灰 #f8f8f8 / #f4f4f4
   字体 Open Sans + Microsoft YaHei · 12 列响应式栅格
   ============================================================ */

/* ---------- 重置与基础 ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:"Open Sans","Microsoft YaHei",Arial,Helvetica,sans-serif;
  font-size:14px; line-height:1.7; color:#373c40; background:#fff;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{ color:#03a9f4; text-decoration:none; transition:all .27s cubic-bezier(0,0,.58,1); }
a:hover{ color:#0286c4; text-decoration:none; }
img{ max-width:100%; display:block; border:0; }
ul,ol{ list-style:none; }
h1,h2,h3,h4,h5{ font-weight:300; line-height:1.3; color:#1a1a1a; }
input,textarea,button,select{ font-family:inherit; font-size:inherit; outline:none; }

/* ---------- 通用容器与栅格 ---------- */
.container{ width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.row{ margin:0 -15px; }
.row:before,.row:after{ content:" "; display:table; }
.row:after{ clear:both; }
.col-xs-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-md-12,.col-lg-3,.col-lg-4{
  position:relative; min-height:1px; padding:0 15px; float:left; width:100%;
}
.col-xs-12{ width:100%; }
.col-xs-6{ width:50%; }
.col-sm-6{ width:50%; } .col-sm-4{ width:33.3333%; } .col-sm-3{ width:25%; }
.col-md-2{ width:16.6667%; }
.col-md-3{ width:25%; } .col-md-4{ width:33.3333%; } .col-md-6{ width:50%; }
.col-md-8{ width:66.6667%; } .col-md-9{ width:75%; } .col-md-12{ width:100%; }
.col-lg-3{ width:25%; } .col-lg-4{ width:33.3333%; }

.clearfix:before,.clearfix:after{ content:" "; display:table; }
.clearfix:after{ clear:both; }
.align-center{ text-align:center; }
.align-left{ text-align:left; }
.left{ float:left; } .right{ float:right; }
.relative{ position:relative; }

/* ---------- 区块 ---------- */
.section{ padding:90px 0; position:relative; }
.section-gray{ background:#f8f8f8; }
.section-gray-2{ background:#f4f4f4; }
.section-dark{ background:#111; color:#fff; }

.section-head{ margin-bottom:55px; }
.section-head.align-left{ text-align:left; }
.section-title{ font-size:24px; font-weight:300; margin-bottom:5px; color:#1a1a1a; }
.section-sub{ font-size:34px; font-weight:300; line-height:1.45; color:#1a1a1a; margin-bottom:18px; }
.section-line{ width:80px; height:2px; background:#03a9f4; margin:18px auto 0; }
.section-line.left{ margin-left:0; }
.section-text{ font-size:16px; font-weight:300; color:#6e7375; line-height:1.8; margin-top:22px; }
.section-more{ display:inline-block; margin-top:14px; color:#999; font-size:14px; }
.section-more:hover{ color:#03a9f4; }
.section-more i{ font-size:12px; margin-left:2px; }

/* ---------- 按钮 ---------- */
.btn{ display:inline-block; padding:12px 28px; font-size:13px; font-weight:600; letter-spacing:1px;
  text-transform:uppercase; border:1px solid transparent; border-radius:2px; cursor:pointer; transition:all .27s cubic-bezier(0,0,.58,1); }
.btn-primary{ background:#03a9f4; color:#fff; border-color:#03a9f4; }
.btn-primary:hover{ background:#0286c4; color:#fff; border-color:#0286c4; }
.btn-line{ background:transparent; color:#03a9f4; border-color:#03a9f4; }
.btn-line:hover{ background:#03a9f4; color:#fff; }
.btn-white{ background:#fff; color:#03a9f4; }
.btn-white:hover{ background:#03a9f4; color:#fff; }
.btn-dark{ background:#111; color:#fff; }
.btn i{ margin-left:4px; }

/* ---------- 滚动淡入 ---------- */
.reveal{ opacity:0; transform:translateY(30px); transition:opacity .9s ease, transform .9s cubic-bezier(0,0,.58,1); }
.reveal.in{ opacity:1; transform:none; }

/* ============================================================
   顶部信息栏 + 主导航
   ============================================================ */
.site-header{ position:fixed; top:0; left:0; width:100%; z-index:999; transition:all .3s ease; }
.top-info{ background:#0d0d0d; color:#bcbcbc; font-size:12px; height:36px; line-height:36px; }
.top-info .info-left{ float:left; }
.top-info .info-left span{ margin-right:22px; }
.top-info .info-left i{ color:#03a9f4; margin-right:6px; }
.top-info .info-right{ float:right; }
.top-info .info-right a{ color:#bcbcbc; margin-left:14px; }
.top-info .info-right a:hover{ color:#03a9f4; }

.main-nav{ background:rgba(255,255,255,.96); height:78px; box-shadow:0 1px 0 rgba(0,0,0,.06); transition:height .27s cubic-bezier(0,0,.58,1); }
.main-nav .container{ height:78px; }
.nav-logo{ float:left; height:78px; display:flex; align-items:center; }
.logo-icon{ width:44px; height:44px; flex:0 0 44px; margin-right:12px; }
.logo-icon svg{ width:100%; height:100%; display:block; }
.logo-text{ line-height:1.1; }
.logo-brand{ font-size:21px; font-weight:700; color:#1a1a1a; letter-spacing:1px; }
.logo-brand .ac{ color:#03a9f4; }
.logo-tag{ font-size:11px; color:#9aa0a6; letter-spacing:3px; text-transform:uppercase; margin-top:3px; }

.inner-nav{ float:right; height:78px; }
.nav-list{ height:78px; }
.nav-list > li{ float:left; position:relative; }
.nav-list > li > a{ display:block; height:78px; line-height:78px; padding:0 18px; font-size:14px; color:#555; letter-spacing:1px; position:relative; }
.nav-list > li > a:hover,.nav-list > li > a.active{ color:#03a9f4; }
.nav-list > li > a.active:after,.nav-list > li > a:hover:after{ content:""; position:absolute; left:18px; right:18px; bottom:0; height:2px; background:#03a9f4; }
.nav-list .has-sub > a:after{ content:"\f107"; font-family:FontAwesome; font-size:11px; margin-left:6px; }
.nav-sub{ position:absolute; top:78px; left:0; min-width:200px; background:rgba(17,17,17,.97); padding:8px 0; opacity:0; visibility:hidden; transform:translateY(8px); transition:all .25s ease; z-index:50; }
.nav-list > li:hover .nav-sub{ opacity:1; visibility:visible; transform:none; }
.nav-sub li a{ display:block; padding:11px 20px; color:#cfcfcf; font-size:13px; }
.nav-sub li a:hover{ color:#fff; background:#03a9f4; }

.nav-phone{ float:right; height:78px; display:flex; align-items:center; margin-left:24px; }
.nav-phone .ph-icon{ width:38px; height:38px; border-radius:50%; background:#03a9f4; color:#fff; text-align:center; line-height:38px; font-size:16px; margin-right:10px; }
.nav-phone .ph-num{ font-size:20px; font-weight:700; color:#1a1a1a; letter-spacing:.5px; }
.nav-phone .ph-lbl{ font-size:11px; color:#9aa0a6; letter-spacing:1px; }

.mobile-nav{ display:none; float:right; height:78px; width:44px; text-align:center; cursor:pointer; }
.mobile-nav i{ line-height:78px; font-size:24px; color:#1a1a1a; }

.site-header.fixed .main-nav{ height:62px; box-shadow:0 4px 18px rgba(0,0,0,.1); }
.site-header.fixed .main-nav .container,.site-header.fixed .nav-logo,.site-header.fixed .inner-nav,.site-header.fixed .nav-list,.site-header.fixed .nav-list>li>a{ height:62px; line-height:62px; }
.site-header.fixed .nav-logo{ line-height:62px; }
.site-header.fixed .nav-sub{ top:62px; }

/* ============================================================
   Banner 轮播
   ============================================================ */
.hero{ position:relative; width:100%; height:600px; overflow:hidden; background:#111; }
.hero-stage{ position:relative; width:100%; height:100%; }
.hero-slide{ position:absolute; inset:0; opacity:0; transition:opacity 1s ease; }
.hero-slide.active{ opacity:1; }
.hero-img{ width:100%; height:100%; object-fit:cover; }
.hero-mask{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(17,17,17,.72) 0%, rgba(17,17,17,.30) 60%, rgba(17,17,17,.10) 100%); }
.hero-caption{ position:absolute; left:0; top:0; height:100%; width:100%; display:flex; flex-direction:column; justify-content:center; padding:0 8%; color:#fff; }
.hero-cap-inner{ max-width:640px; }
.hero-eyebrow{ display:inline-block; padding:6px 16px; background:rgba(3,169,244,.9); color:#fff; font-size:13px; letter-spacing:2px; border-radius:2px; margin-bottom:22px; }
.hero-title{ font-size:54px; font-weight:300; line-height:1.2; color:#fff; margin-bottom:18px; }
.hero-title b{ font-weight:700; color:#fff; border-bottom:3px solid #03a9f4; padding-bottom:4px; }
.hero-sub{ font-size:18px; font-weight:300; color:rgba(255,255,255,.85); line-height:1.7; margin-bottom:32px; max-width:520px; }
.hero-btns .btn{ margin-right:14px; }
.hero-dots{ position:absolute; bottom:34px; left:0; width:100%; text-align:center; z-index:5; }
.hero-dot{ display:inline-block; width:12px; height:12px; margin:0 5px; background:rgba(255,255,255,.5); border-radius:50%; cursor:pointer; transition:all .3s; }
.hero-dot.active{ background:#03a9f4; width:34px; border-radius:6px; }
.hero-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; line-height:48px; text-align:center; background:rgba(255,255,255,.15); color:#fff; font-size:22px; cursor:pointer; z-index:5; transition:all .3s; }
.hero-arrow:hover{ background:#03a9f4; }
.hero-prev{ left:24px; } .hero-next{ right:24px; }

/* ============================================================
   产品展示 (works-grid 4 列，悬停浮出标题)
   ============================================================ */
.portfolio{ padding:90px 0; }
.works-filter{ text-align:center; margin-bottom:40px; }
.filter-link{ display:inline-block; padding:8px 22px; margin:0 4px 8px; font-size:13px; color:#6e7375; border:1px solid #e0e4e7; border-radius:20px; transition:all .25s; }
.filter-link:hover,.filter-link.active{ background:#03a9f4; color:#fff; border-color:#03a9f4; }
.works-grid{ list-style:none; margin:0 -10px; }
.works-grid:after{ content:""; display:block; clear:both; }
.work-item{ width:25%; float:left; padding:0 10px 20px; position:relative; }
.work-img{ position:relative; overflow:hidden; }
.work-img img{ width:100%; height:220px; object-fit:cover; transition:transform .6s cubic-bezier(0,0,.58,1); }
.work-item:hover .work-img img{ transform:scale(1.08); }
.work-overlay{ position:absolute; inset:0; background:linear-gradient(transparent 40%, rgba(3,169,244,.78)); opacity:0; transition:opacity .4s; }
.work-item:hover .work-overlay{ opacity:1; }
.work-intro{ position:absolute; left:0; bottom:0; width:100%; padding:18px 20px; color:#fff; transform:translateY(14px); opacity:0; transition:all .4s; z-index:2; }
.work-item:hover .work-intro{ transform:none; opacity:1; }
.work-intro .work-title{ font-size:16px; font-weight:400; color:#fff; margin:0 0 4px; }
.work-intro .work-descr{ font-size:12px; color:rgba(255,255,255,.85); letter-spacing:1px; }
.work-item .work-static{ margin-top:14px; text-align:center; }
.work-item .work-static .st-name{ font-size:15px; color:#1a1a1a; font-weight:400; }
.work-item .work-static .st-cat{ font-size:12px; color:#9aa0a6; margin-top:2px; }

/* ============================================================
   选择理由 / 核心业务 (alt-features 3 列)
   ============================================================ */
.features-grid{ margin:0 -15px; }
.features-grid:after{ content:""; display:block; clear:both; }
.feature-item{ text-align:center; padding:36px 18px; margin-bottom:30px; background:#fff; border:1px solid #eef0f1; transition:all .35s; }
.section-gray .feature-item{ background:#fff; }
.feature-item:hover{ box-shadow:0 14px 40px rgba(0,0,0,.10); transform:translateY(-6px); border-color:transparent; }
.feature-icon{ width:74px; height:74px; margin:0 auto 22px; border-radius:50%; background:#03a9f4; color:#fff; line-height:74px; font-size:30px; transition:all .35s; }
.feature-item:hover .feature-icon{ background:#111; transform:rotate(360deg); }
.feature-title{ font-size:18px; font-weight:400; color:#1a1a1a; margin-bottom:12px; }
.feature-descr{ font-size:13px; color:#6e7375; line-height:1.8; }

/* ============================================================
   关于我们 (split-section: 左图 + 右文 + 进度条)
   ============================================================ */
.split{ position:relative; overflow:hidden; }
.split:after{ content:""; display:block; clear:both; }
.split-left{ width:50%; float:left; position:relative; min-height:520px; background-size:cover; background-position:center; }
.split-left:before{ content:""; position:absolute; inset:0; background:rgba(17,17,17,.25); }
.split-right{ width:50%; float:right; padding:80px 70px; }
.split-title{ font-size:13px; letter-spacing:3px; color:#03a9f4; text-transform:uppercase; margin-bottom:12px; }
.split-sub{ font-size:30px; font-weight:300; line-height:1.35; color:#1a1a1a; margin-bottom:20px; }
.split-line{ width:60px; height:2px; background:#03a9f4; margin-bottom:24px; }
.split-text{ font-size:15px; color:#6e7375; line-height:1.9; margin-bottom:30px; }
.progress-wrap{ }
.progress-item{ margin-bottom:22px; }
.progress-label{ font-size:13px; color:#1a1a1a; margin-bottom:8px; font-weight:600; }
.progress-label .right{ float:right; color:#03a9f4; font-weight:400; }
.progress-track{ height:8px; background:#e8ebed; border-radius:4px; overflow:hidden; }
.progress-bar{ height:100%; width:0; background:linear-gradient(90deg,#03a9f4,#5ec5f7); border-radius:4px; transition:width 1.4s cubic-bezier(0,0,.58,1); }

/* ============================================================
   数据统计
   ============================================================ */
.stats{ background:#111; color:#fff; padding:70px 0; }
.stats-grid{ margin:0 -15px; }
.stats-grid:after{ content:""; display:block; clear:both; }
.stat-item{ text-align:center; padding:10px 15px; }
.stat-num{ font-size:44px; font-weight:300; color:#03a9f4; line-height:1; }
.stat-num small{ font-size:22px; }
.stat-label{ font-size:14px; color:rgba(255,255,255,.75); margin-top:10px; letter-spacing:1px; }

/* ============================================================
   新闻动态 (4 列卡片)
   ============================================================ */
.news-grid{ margin:0 -15px; }
.news-grid:after{ content:""; display:block; clear:both; }
.news-card{ background:#fff; margin-bottom:30px; transition:all .3s; border:1px solid #eef0f1; }
.news-card:hover{ box-shadow:0 14px 40px rgba(0,0,0,.10); transform:translateY(-5px); }
.news-img{ position:relative; overflow:hidden; }
.news-img img{ width:100%; height:200px; object-fit:cover; transition:transform .6s; }
.news-card:hover .news-img img{ transform:scale(1.07); }
.news-date{ position:absolute; left:0; bottom:0; background:#03a9f4; color:#fff; padding:8px 14px; text-align:center; line-height:1.2; }
.news-date .d{ font-size:22px; font-weight:700; display:block; }
.news-date .m{ font-size:11px; letter-spacing:1px; }
.news-body{ padding:22px 22px 26px; }
.news-title{ font-size:16px; font-weight:400; color:#1a1a1a; line-height:1.5; margin-bottom:10px; }
.news-title a{ color:#1a1a1a; }
.news-title a:hover{ color:#03a9f4; }
.news-meta{ font-size:12px; color:#9aa0a6; margin-bottom:12px; }
.news-meta i{ color:#03a9f4; margin-right:5px; }
.news-meta span{ margin-right:14px; }
.news-text{ font-size:13px; color:#6e7375; line-height:1.8; margin-bottom:14px; }
.news-more{ font-size:12px; color:#03a9f4; letter-spacing:1px; text-transform:uppercase; font-weight:600; }
.news-more i{ margin-left:4px; transition:margin .3s; }
.news-more:hover i{ margin-left:8px; }

/* 列表页新闻 (左图右文横排) */
.news-list-row{ }
.news-list-item{ display:flex; background:#fff; margin-bottom:24px; border:1px solid #eef0f1; transition:all .3s; }
.news-list-item:hover{ box-shadow:0 12px 30px rgba(0,0,0,.08); }
.news-list-item .nli-img{ flex:0 0 280px; overflow:hidden; }
.news-list-item .nli-img img{ width:100%; height:100%; min-height:180px; object-fit:cover; transition:transform .6s; }
.news-list-item:hover .nli-img img{ transform:scale(1.06); }
.news-list-item .nli-body{ flex:1; padding:24px 28px; }
.news-list-item .nli-title{ font-size:18px; font-weight:400; margin-bottom:8px; }
.news-list-item .nli-title a{ color:#1a1a1a; }
.news-list-item .nli-title a:hover{ color:#03a9f4; }
.news-list-item .nli-meta{ font-size:12px; color:#9aa0a6; margin-bottom:10px; }
.news-list-item .nli-meta i{ color:#03a9f4; margin-right:4px; }
.news-list-item .nli-text{ font-size:13px; color:#6e7375; line-height:1.8; }

/* ============================================================
   联系信息条 (4 图标)
   ============================================================ */
.contact-info{ margin:0 -15px; }
.contact-info:after{ content:""; display:block; clear:both; }
.ci-item{ text-align:center; padding:36px 14px; }
.ci-icon{ width:66px; height:66px; margin:0 auto 18px; border-radius:50%; background:#03a9f4; color:#fff; line-height:66px; font-size:26px; }
.ci-text{ font-size:14px; color:#6e7375; line-height:1.7; }
.ci-text strong{ display:block; font-size:15px; color:#1a1a1a; font-weight:600; margin-bottom:4px; }

/* ============================================================
   合作伙伴 (Logo 墙)
   ============================================================ */
.partner-grid{ margin:0 -12px; }
.partner-grid:after{ content:""; display:block; clear:both; }
.partner-item{ width:16.66%; float:left; padding:0 12px 24px; }
.partner-logo{ height:90px; background:#fff; border:1px solid #eef0f1; display:flex; align-items:center; justify-content:center; transition:all .3s; }
.partner-logo:hover{ border-color:#03a9f4; box-shadow:0 8px 20px rgba(3,169,244,.15); }
.partner-logo .p-name{ font-size:15px; font-weight:700; color:#9aa0a6; letter-spacing:1px; }
.partner-logo:hover .p-name{ color:#03a9f4; }

/* ============================================================
   页脚
   ============================================================ */
.site-footer{ background:#0d0d0d; color:#9aa0a6; padding-top:70px; }
.footer-top{ padding-bottom:50px; border-bottom:1px solid #1d1d1d; }
.footer-top:after{ content:""; display:block; clear:both; }
.footer-col{ float:left; padding:0 20px; }
.footer-col.f-about{ width:30%; }
.footer-col.f-nav{ width:18%; }
.footer-col.f-prod{ width:22%; }
.footer-col.f-contact{ width:30%; }
.footer-brand{ margin-bottom:18px; display:flex; align-items:center; }
.footer-brand .logo-icon{ width:40px; height:40px; margin-right:10px; }
.footer-brand .fb-name{ color:#fff; font-size:18px; font-weight:700; }
.footer-brand .fb-name .ac{ color:#03a9f4; }
.footer-about-text{ font-size:13px; line-height:1.9; margin-bottom:18px; }
.footer-h{ color:#fff; font-size:15px; font-weight:400; margin-bottom:22px; position:relative; padding-bottom:12px; }
.footer-h:after{ content:""; position:absolute; left:0; bottom:0; width:32px; height:2px; background:#03a9f4; }
.footer-links li{ margin-bottom:11px; }
.footer-links a{ color:#9aa0a6; font-size:13px; }
.footer-links a:hover{ color:#03a9f4; padding-left:5px; }
.footer-contact-list li{ font-size:13px; margin-bottom:12px; line-height:1.7; }
.footer-contact-list i{ color:#03a9f4; width:18px; margin-right:6px; }
.footer-qr{ display:flex; align-items:center; margin-top:8px; }
.footer-qr .qr-img{ width:97px; height:97px; background:#fff; padding:4px; }
.footer-qr .qr-img img{ width:100%; height:100%; }
.footer-qr .qr-tip{ margin-left:14px; font-size:12px; color:#9aa0a6; line-height:1.7; }
.footer-qr .qr-tip strong{ color:#fff; display:block; font-size:13px; margin-bottom:2px; }
.footer-social{ margin-top:18px; }
.footer-social a{ display:inline-block; width:36px; height:36px; line-height:36px; text-align:center; background:#1d1d1d; color:#9aa0a6; border-radius:50%; margin-right:8px; font-size:14px; }
.footer-social a:hover{ background:#03a9f4; color:#fff; }
.footer-bottom{ padding:22px 0; text-align:center; }
.footer-copy{ font-size:13px; color:#7a7a7a; }
.footer-copy a{ color:#9aa0a6; }
.footer-copy a:hover{ color:#03a9f4; }
.footer-made{ font-size:12px; color:#6a6a6a; margin-top:6px; }
.link-to-top{ position:fixed; right:26px; bottom:30px; width:44px; height:44px; line-height:44px; text-align:center; background:#03a9f4; color:#fff; font-size:18px; z-index:90; cursor:pointer; opacity:0; visibility:hidden; transition:all .3s; }
.link-to-top.show{ opacity:1; visibility:visible; }
.link-to-top:hover{ background:#0286c4; }

/* ============================================================
   内页 Banner + 面包屑
   ============================================================ */
.inner-banner{ position:relative; height:300px; margin-top:114px; background-size:cover; background-position:center; display:flex; align-items:center; }
.inner-banner-mask{ position:absolute; inset:0; background:linear-gradient(90deg, rgba(17,17,17,.82), rgba(17,17,17,.45)); }
.inner-banner-cont{ position:relative; z-index:2; color:#fff; width:100%; }
.inner-banner h1,.inner-banner .ib-h{ color:#fff; font-size:34px; font-weight:300; margin-bottom:10px; }
.inner-banner .ib-h{ margin:0; }
.inner-banner .ib-sub{ font-size:13px; color:rgba(255,255,255,.7); letter-spacing:2px; text-transform:uppercase; }
.breadcrumb{ background:#f8f8f8; border-bottom:1px solid #eee; padding:16px 0; }
.breadcrumb .bc-inner{ display:flex; align-items:center; justify-content:space-between; }
.breadcrumb .bc-title{ font-size:13px; color:#6e7375; letter-spacing:2px; text-transform:uppercase; }
.breadcrumb .bc-title i{ font-style:normal; color:#03a9f4; font-weight:600; margin-left:6px; }
.breadcrumb .bc-path{ font-size:13px; color:#9aa0a6; }
.breadcrumb .bc-path a{ color:#9aa0a6; }
.breadcrumb .bc-path a:hover{ color:#03a9f4; }
.breadcrumb .bc-path .sep{ margin:0 6px; color:#ccc; }
.breadcrumb .bc-path .cur{ color:#03a9f4; }

/* ============================================================
   内页主体 + 侧栏
   ============================================================ */
.page-body{ padding:60px 0 80px; background:#fff; }
.page-body:after{ content:""; display:block; clear:both; }
.content-main{ float:left; width:75%; padding:0 15px; }
.content-main.main-left{ width:75%; }
.with-sidebar .content-main{ width:72%; }
.sidebar{ float:right; width:25%; padding:0 15px; }
.with-sidebar .sidebar{ width:28%; }
.widget{ background:#f8f8f8; padding:26px 24px; margin-bottom:26px; }
.widget-title{ font-size:16px; color:#1a1a1a; font-weight:400; margin-bottom:18px; padding-bottom:12px; border-bottom:2px solid #03a9f4; position:relative; }
.widget-title i{ color:#03a9f4; margin-right:6px; }
.widget-links li{ margin-bottom:10px; padding:8px 12px; background:#fff; transition:all .25s; }
.widget-links li a{ color:#6e7375; font-size:13px; display:block; }
.widget-links li a i{ color:#03a9f4; margin-right:6px; }
.widget-links li:hover,.widget-links li.active{ background:#03a9f4; }
.widget-links li:hover a,.widget-links li.active a{ color:#fff; }
.widget-links li:hover a i,.widget-links li.active a i{ color:#fff; }
.side-contact{ background:#03a9f4; color:#fff; padding:28px 24px; }
.side-contact .sc-title{ font-size:16px; margin-bottom:6px; }
.side-contact .sc-tip{ font-size:12px; opacity:.85; margin-bottom:16px; }
.side-contact .sc-phone{ font-size:24px; font-weight:700; margin-bottom:14px; }
.side-contact .sc-line{ font-size:13px; opacity:.92; margin-bottom:8px; }
.side-contact .sc-line i{ width:18px; }

/* ============================================================
   关于我们页
   ============================================================ */
.about-wrap{ }
.about-p{ font-size:15px; color:#6e7375; line-height:2; margin-bottom:18px; text-indent:2em; }
.about-figure{ margin:24px 0; }
.about-figure img{ width:100%; height:360px; object-fit:cover; }
.about-h2{ font-size:22px; font-weight:400; color:#1a1a1a; margin:34px 0 18px; padding-left:14px; border-left:4px solid #03a9f4; }

.timeline{ position:relative; padding:20px 0 10px 30px; margin-top:10px; }
.timeline:before{ content:""; position:absolute; left:6px; top:0; bottom:0; width:2px; background:#e0e4e7; }
.timeline-item{ position:relative; padding:0 0 30px 30px; }
.timeline-item:before{ content:""; position:absolute; left:-30px; top:4px; width:14px; height:14px; border-radius:50%; background:#03a9f4; border:3px solid #fff; box-shadow:0 0 0 2px #03a9f4; }
.t-year{ font-size:18px; font-weight:700; color:#03a9f4; margin-bottom:4px; }
.t-title{ font-size:15px; color:#1a1a1a; margin-bottom:4px; font-weight:600; }
.t-text{ font-size:13px; color:#6e7375; line-height:1.8; }

.culture-grid{ margin:0 -15px 10px; }
.culture-grid:after{ content:""; display:block; clear:both; }
.culture-item{ padding:34px 24px; text-align:center; background:#f8f8f8; margin-bottom:30px; transition:all .3s; }
.culture-item:hover{ background:#03a9f4; color:#fff; }
.culture-icon{ width:64px; height:64px; margin:0 auto 18px; border-radius:50%; background:#03a9f4; color:#fff; line-height:64px; font-size:26px; transition:all .3s; }
.culture-item:hover .culture-icon{ background:#fff; color:#03a9f4; }
.culture-title{ font-size:18px; font-weight:400; margin-bottom:12px; color:#1a1a1a; }
.culture-item:hover .culture-title{ color:#fff; }
.culture-text{ font-size:13px; color:#6e7375; line-height:1.8; }
.culture-item:hover .culture-text{ color:rgba(255,255,255,.9); }

.team-grid{ margin:0 -15px; }
.team-grid:after{ content:""; display:block; clear:both; }
.team-card{ margin-bottom:30px; background:#fff; border:1px solid #eef0f1; transition:all .3s; }
.team-card:hover{ box-shadow:0 14px 36px rgba(0,0,0,.12); }
.team-img{ overflow:hidden; }
.team-img img{ width:100%; height:260px; object-fit:cover; transition:transform .5s; }
.team-card:hover .team-img img{ transform:scale(1.06); }
.team-body{ padding:18px 16px 22px; text-align:center; }
.team-name{ font-size:17px; color:#1a1a1a; font-weight:400; }
.team-role{ font-size:12px; color:#03a9f4; letter-spacing:1px; margin-top:4px; }

/* ============================================================
   产品详情 / 列表
   ============================================================ */
.prod-list{ margin:0 -10px; }
.prod-list:after{ content:""; display:block; clear:both; }
.prod-list .work-item{ width:33.3333%; }
.prod-list .work-item .work-static{ margin-top:16px; }

.prod-top{ display:flex; gap:40px; margin-bottom:40px; }
.prod-top .prod-img{ flex:0 0 46%; }
.prod-top .prod-img img{ width:100%; height:420px; object-fit:cover; border:1px solid #eef0f1; }
.prod-top .prod-info{ flex:1; }
.prod-top .prod-cat{ font-size:12px; color:#03a9f4; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; }
.prod-top .prod-name{ font-size:26px; font-weight:400; color:#1a1a1a; line-height:1.4; margin-bottom:16px; }
.prod-top .prod-desc{ font-size:14px; color:#6e7375; line-height:1.9; margin-bottom:22px; padding-bottom:22px; border-bottom:1px dashed #e0e4e7; }
.prod-params{ margin-bottom:22px; }
.prod-params .pp-title{ font-size:15px; color:#1a1a1a; font-weight:600; margin-bottom:12px; }
.param-table{ width:100%; border-collapse:collapse; font-size:13px; }
.param-table th,.param-table td{ border:1px solid #e8ebed; padding:10px 14px; text-align:left; }
.param-table th{ background:#f8f8f8; color:#1a1a1a; font-weight:600; width:30%; }
.param-table td{ color:#6e7375; }
.prod-actions .btn{ margin-right:12px; }

.prod-section{ margin-top:44px; }
.prod-section .ps-h{ font-size:20px; font-weight:400; color:#1a1a1a; margin-bottom:20px; padding-left:14px; border-left:4px solid #03a9f4; }
.prod-features{ }
.feat-item{ display:flex; margin-bottom:18px; padding:18px 20px; background:#f8f8f8; }
.feat-icon{ flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:#03a9f4; color:#fff; line-height:56px; text-align:center; font-size:22px; margin-right:18px; }
.feat-body h4{ font-size:15px; color:#1a1a1a; margin-bottom:4px; font-weight:600; }
.feat-body p{ font-size:13px; color:#6e7375; line-height:1.8; }
.rel-prod .rel-grid{ margin:0 -10px; }
.rel-prod .rel-grid:after{ content:""; display:block; clear:both; }
.rel-prod .work-item{ width:25%; }

/* ============================================================
   新闻详情 (文章)
   ============================================================ */
.article-head{ margin-bottom:26px; padding-bottom:22px; border-bottom:1px solid #eee; }
.article-title{ font-size:26px; font-weight:400; color:#1a1a1a; line-height:1.5; margin-bottom:14px; }
.article-meta{ font-size:13px; color:#9aa0a6; }
.article-meta span{ margin-right:18px; }
.article-meta i{ color:#03a9f4; margin-right:6px; }
.article-body{ font-size:15px; color:#444; line-height:2; }
.article-body p{ margin-bottom:18px; text-indent:2em; }
.article-body img{ width:100%; max-height:440px; object-fit:cover; margin:24px 0; }
.article-body h3{ font-size:19px; margin:28px 0 14px; padding-left:12px; border-left:4px solid #03a9f4; text-indent:0; }
.article-nav{ display:flex; justify-content:space-between; margin-top:40px; padding:24px 0 0; border-top:1px solid #eee; }
.article-nav a{ font-size:14px; color:#6e7375; max-width:46%; }
.article-nav a:hover{ color:#03a9f4; }
.article-nav .an-l i{ margin-right:6px; }
.article-nav .an-r{ text-align:right; }
.article-nav .an-r i{ margin-left:6px; }
.article-nav .an-lbl{ display:block; font-size:12px; color:#9aa0a6; }

/* ============================================================
   联系我们页
   ============================================================ */
.contact-grid{ margin:0 -15px; }
.contact-grid:after{ content:""; display:block; clear:both; }
.contact-card{ padding:30px 24px; background:#f8f8f8; text-align:center; margin-bottom:24px; transition:all .3s; }
.contact-card:hover{ background:#03a9f4; }
.contact-card .cc-icon{ width:60px; height:60px; margin:0 auto 16px; border-radius:50%; background:#03a9f4; color:#fff; line-height:60px; font-size:24px; transition:all .3s; }
.contact-card:hover .cc-icon{ background:#fff; color:#03a9f4; }
.contact-card .cc-h{ font-size:14px; color:#9aa0a6; margin-bottom:6px; }
.contact-card .cc-v{ font-size:16px; color:#1a1a1a; font-weight:600; line-height:1.6; }
.contact-card:hover .cc-h,.contact-card:hover .cc-v{ color:#fff; }
.contact-form{ background:#f8f8f8; padding:36px 34px; }
.contact-form .cf-title{ font-size:20px; color:#1a1a1a; margin-bottom:6px; }
.contact-form .cf-tip{ font-size:13px; color:#9aa0a6; margin-bottom:24px; }
.form-row:after{ content:""; display:block; clear:both; }
.form-group{ margin-bottom:18px; }
.form-group.half{ width:50%; float:left; padding:0 8px 0 0; }
.form-group.half.r{ padding:0 0 0 8px; }
.form-label{ display:block; font-size:13px; color:#1a1a1a; margin-bottom:7px; font-weight:600; }
.form-label .req{ color:#03a9f4; }
.form-input,.form-textarea{ width:100%; padding:11px 14px; border:1px solid #dde1e4; background:#fff; font-size:14px; color:#373c40; transition:border .25s; }
.form-input:focus,.form-textarea:focus{ border-color:#03a9f4; }
.form-textarea{ min-height:130px; resize:vertical; }
.form-submit{ background:#03a9f4; color:#fff; border:none; padding:13px 36px; font-size:14px; font-weight:600; letter-spacing:1px; cursor:pointer; transition:background .25s; }
.form-submit:hover{ background:#0286c4; }

/* 地图块 */
.map-box{ margin-top:36px; max-width:960px; margin-left:auto; margin-right:auto; border:1px solid #e8ebed; border-radius:8px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); }
.map-box .map-img img{ width:100%; height:300px; object-fit:cover; display:block; }
.map-box .map-cap{ padding:14px 20px; background:#f8f8f8; font-size:13px; color:#6e7375; }
.map-box .map-cap i{ color:#03a9f4; margin-right:6px; }
.map-box .map-cap a{ color:#03a9f4; }

/* ============================================================
   移动端底部固定栏
   ============================================================ */
.mobile-bar{ display:none; position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #eee; z-index:200; }
.mobile-bar a{ float:left; width:33.3333%; text-align:center; padding:8px 0; font-size:12px; color:#6e7375; }
.mobile-bar a i{ display:block; font-size:18px; color:#03a9f4; margin-bottom:2px; }

/* ============================================================
   分页
   ============================================================ */
.pagination{ text-align:center; margin-top:30px; }
.pagination a,.pagination span{ display:inline-block; min-width:38px; height:38px; line-height:38px; padding:0 10px; margin:0 3px; border:1px solid #e0e4e7; color:#6e7375; font-size:13px; }
.pagination a:hover,.pagination .cur{ background:#03a9f4; color:#fff; border-color:#03a9f4; }

/* ============================================================
   响应式
   ============================================================ */
@media (min-width:992px) and (max-width:1199px){
  .hero{ height:520px; }
  .hero-title{ font-size:46px; }
  .work-img img{ height:180px; }
}
@media (min-width:768px) and (max-width:991px){
  .col-md-3,.col-md-4,.col-lg-3,.col-lg-4{ width:50%; }
  .col-md-6,.col-md-8,.col-md-9{ width:100%; }
  .col-md-12{ width:100%; }
  .work-item{ width:33.3333%; }
  .prod-list .work-item{ width:50%; }
  .rel-prod .work-item{ width:50%; }
  .footer-col.f-about{ width:50%; margin-bottom:30px; }
  .footer-col.f-nav{ width:25%; }
  .footer-col.f-prod{ width:25%; }
  .footer-col.f-contact{ width:50%; }
  .content-main,.with-sidebar .content-main{ width:100%; }
  .sidebar,.with-sidebar .sidebar{ width:100%; margin-top:30px; }
  .prod-top{ flex-direction:column; }
  .prod-top .prod-img{ flex:none; }
  .split-left{ width:100%; min-height:320px; }
  .split-right{ width:100%; padding:50px 40px; }
  .hero{ height:440px; }
  .hero-title{ font-size:38px; }
  .partner-item{ width:25%; }
}
@media (max-width:767px){
  .container{ padding:0 16px; }
  .top-info{ display:none; }
  .inner-banner{ margin-top:78px; height:200px; }
  .inner-banner h1{ font-size:24px; }
  .main-nav,.main-nav .container,.nav-list,.nav-list>li>a,.site-header.fixed .main-nav,.site-header.fixed .main-nav .container,.site-header.fixed .nav-list,.site-header.fixed .nav-list>li>a{ height:62px; line-height:62px; }
  .nav-logo{ height:62px; }
  .site-header.fixed .nav-logo{ height:62px; line-height:62px; }
  .logo-brand{ font-size:17px; }
  .logo-tag{ font-size:10px; letter-spacing:2px; }
  .nav-phone{ display:none; }
  .inner-nav{ display:none; float:none; position:fixed; top:62px; left:0; width:100%; background:#fff; height:auto; max-height:80vh; overflow-y:auto; box-shadow:0 8px 20px rgba(0,0,0,.15); }
  .inner-nav.open{ display:block; }
  .nav-list{ height:auto; }
  .nav-list>li{ float:none; width:100%; border-bottom:1px solid #f0f0f0; }
  .nav-list>li>a{ height:50px; line-height:50px; }
  .nav-list>li>a.active:after,.nav-list>li>a:hover:after{ display:none; }
  .nav-sub{ position:static; opacity:1; visibility:visible; transform:none; background:#f8f8f8; min-width:0; display:none; }
  .nav-list>li.open-sub .nav-sub{ display:block; }
  .nav-sub li a{ padding:11px 30px; color:#6e7375; }
  .mobile-nav{ display:block; }
  .section{ padding:54px 0; }
  .section-sub{ font-size:24px; }
  .section-title{ font-size:20px; }
  .hero{ height:380px; margin-top:0; }
  .hero-title{ font-size:30px; }
  .hero-sub{ font-size:15px; }
  .hero-caption{ padding:0 7%; }
  .hero-arrow{ display:none; }
  .work-item,.prod-list .work-item{ width:50%; }
  .work-img img{ height:140px; }
  .rel-prod .work-item{ width:50%; }
  .col-xs-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-md-12,.col-lg-3,.col-lg-4{ width:100%; }
  .feature-item,.culture-item{ padding:26px 16px; }
  .stat-num{ font-size:34px; }
  .partner-item{ width:33.3333%; }
  .footer-col.f-about,.footer-col.f-nav,.footer-col.f-prod,.footer-col.f-contact{ width:100%; margin-bottom:30px; }
  .content-main,.with-sidebar .content-main,.sidebar,.with-sidebar .sidebar{ width:100%; }
  .sidebar{ margin-top:26px; }
  .prod-top{ flex-direction:column; gap:20px; }
  .prod-top .prod-img img{ height:260px; }
  .feat-item{ flex-direction:column; text-align:center; }
  .feat-icon{ margin:0 auto 14px; }
  .article-title{ font-size:21px; }
  .article-body{ font-size:14px; }
  .news-list-item{ flex-direction:column; }
  .news-list-item .nli-img{ flex:none; }
  .news-list-item .nli-img img{ min-height:180px; }
  .form-group.half,.form-group.half.r{ width:100%; padding:0; }
  .contact-form{ padding:24px 18px; }
  .map-box .map-img img{ height:200px; }
  .breadcrumb .bc-inner{ flex-direction:column; align-items:flex-start; gap:6px; }
  .section-head{ margin-bottom:34px; }
  .mobile-bar{ display:block; }
  body{ padding-bottom:54px; }
  .link-to-top{ bottom:64px; right:16px; }
}
@media (max-width:480px){
  .work-item,.prod-list .work-item{ width:100%; }
  .work-img img{ height:200px; }
  .hero-title{ font-size:25px; }
  .section-sub{ font-size:21px; }
  .partner-item{ width:50%; }
}

/* 类名补全（导航链接/容器） */
.nav-link{ display:block; }
.article{ }
.prod-detail{ }
.col-md-2{ width:16.6667%; }