/* ============================================================
   京粤货架 - 深蓝+橙红企业风（对齐原站 fzyydhj.com）
   覆盖 BadouCMS 默认模板样式
   ============================================================ */
:root{
  --jy-blue:#2a458e;      /* 主深蓝 */
  --jy-blue2:#1d2f63;     /* 深蓝2 */
  --jy-blue3:#17224a;     /* 页脚深蓝 */
  --jy-red:#e23a2a;       /* 橙红主色 */
  --jy-red2:#e43939;
  --jy-orange:#ff9d43;
  --jy-gray:#f5f5f5;
  --jy-line:#e5e5e5;
}
body{ font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif; color:#333; background:#fff; }
a{ color:var(--jy-blue); transition:color .3s; }
a:hover{ color:var(--jy-red); text-decoration:none; }
img{ max-width:100%; }
.container{ max-width:1200px; }

/* ============ 顶部问候栏（白底） ============ */
.jy-topbar{ background:#fff; border-bottom:1px solid var(--jy-line); color:#666; font-size:13px; padding:6px 0; }
.jy-topbar .container{ display:flex; justify-content:space-between; align-items:center; }
.jy-welcome{ color:#666; }
.jy-hotline{ color:var(--jy-red); font-weight:bold; font-size:14px; }
.jy-hotline i{ margin-right:4px; }
.jy-hotline a{ color:var(--jy-red); }

/* ============ 头部 LOGO 区（白底） ============ */
.header{ background:#fff; }
.jy-header-inner{ display:flex; justify-content:space-between; align-items:center; padding:16px 0; }
.logobox{ flex:0 0 auto; }
.logobox .logo{ margin:0; }
.logobox .logo a{ display:flex; align-items:center; text-decoration:none; }
.jy-logoimg{ height:58px; margin-right:14px; }
.jy-logo-txt strong{ display:block; font-size:26px; font-weight:bold; color:var(--jy-blue); line-height:1.25; letter-spacing:1px; }
.jy-logo-txt small{ display:block; font-size:13px; color:#888; letter-spacing:2px; margin-top:3px; }
.jy-header-tel{ display:flex; align-items:center; gap:10px; }
.jy-header-tel i{ font-size:36px; color:var(--jy-red); }
.jy-header-tel .jy-tel-txt span{ display:block; font-size:12px; color:#999; line-height:1.2; }
.jy-header-tel .jy-tel-txt a{ display:block; font-size:22px; font-weight:bold; color:var(--jy-red); line-height:1.25; }

/* ============ 导航深蓝条 ============ */
.header-nav{ background:var(--jy-blue); }
.header-nav .container{ display:flex; justify-content:space-between; align-items:center; }
.navbar-light{ display:flex; align-items:center; }
.navbar{ margin:0; padding:0; list-style:none; display:flex; }
.navbar > li{ position:relative; }
.navbar > li > a{ display:block; color:#fff; font-size:16px; padding:14px 24px; transition:background .3s; }
.navbar > li:hover > a,
.navbar > li.active > a,
.navbar > li.on > a{ background:var(--jy-red); color:#fff; }
.navbar li ul{ display:none; position:absolute; left:0; top:100%; z-index:99; background:#fff; min-width:160px; box-shadow:0 4px 14px rgba(0,0,0,.15); padding:6px 0; }
.navbar li:hover ul{ display:block; }
.navbar li ul li a{ display:block; padding:9px 18px; color:#333; font-size:14px; white-space:nowrap; }
.navbar li ul li a:hover{ background:var(--jy-blue); color:#fff; }
.sbtn{ color:#fff; font-size:16px; padding:14px 18px; cursor:pointer; transition:background .3s; }
.sbtn:hover{ background:var(--jy-red); }

/* 搜索浮层 */
.searchBox{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.55); z-index:999; }
.searchBox .search-pup{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:82%; max-width:620px; background:#fff; border-radius:4px; padding:10px; }
.searchBox .search-pup form{ display:flex; }
.searchBox .search-input{ width:calc(100% - 64px); height:44px; border:none; outline:none; font-size:16px; padding:0 10px; }
.searchBox .search-pup button{ width:54px; height:44px; border:none; background:var(--jy-red); color:#fff; font-size:18px; border-radius:4px; cursor:pointer; }

/* ============ 轮播 ============ */
.jy-hero{ position:relative; overflow:hidden; }
.jy-hero #slider{ list-style:none; margin:0; padding:0; }
.jy-hero .slide{ position:relative; }
.jy-slide-img img{ width:100%; height:auto; display:block; }
.jy-slide-caption{ position:absolute; left:0; top:0; right:0; bottom:0; display:flex; align-items:center; }
.jy-slide-caption .container{ text-align:left; }
.jy-slide-caption h2{ font-size:42px; font-weight:bold; color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.5); margin:0 0 10px; }
.jy-slide-caption p{ font-size:19px; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,.5); margin:0 0 24px; letter-spacing:1px; }
.jy-slide-btn{ display:inline-block; background:var(--jy-red); color:#fff; padding:10px 36px; font-size:16px; border-radius:2px; transition:background .3s; }
.jy-slide-btn:hover{ background:var(--jy-blue2); color:#fff; }
.bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; opacity:.45; }
.bx-wrapper .bx-pager.bx-default-pager a.active{ opacity:1; background:var(--jy-red); }
.bx-wrapper .bx-controls-direction a{ background:rgba(0,0,0,.35); }

/* ============ 蓝色标语带 ============ */
.jy-slogan{ background:var(--jy-blue); color:#fff; padding:20px 0; }
.jy-slogan .container{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.jy-slogan-l{ display:flex; align-items:baseline; gap:16px; }
.jy-slogan-l h3{ font-size:30px; font-weight:bold; margin:0; color:#fff; }
.jy-slogan-l p{ font-size:15px; margin:0; color:#d7def4; letter-spacing:1px; }
.jy-slogan-r{ display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.jy-spoint{ text-align:center; border-left:1px solid rgba(255,255,255,.28); padding-left:26px; }
.jy-spoint b{ display:block; font-size:16px; color:#fff; }
.jy-spoint span{ display:block; font-size:12px; color:#c7d2ee; margin-top:3px; }
.jy-slogan-btn{ display:inline-block; background:var(--jy-red); color:#fff; padding:9px 30px; font-size:15px; border-radius:2px; transition:background .3s; }
.jy-slogan-btn:hover{ background:var(--jy-orange); color:#fff; }

/* ============ 通用区块 ============ */
.jy-section{ padding:52px 0; }
.jy-section-gray{ background:var(--jy-gray); }
.jy-section-title{ text-align:center; margin-bottom:34px; }
.jy-section-title .jy-en{ display:block; font-size:13px; letter-spacing:6px; color:var(--jy-red); font-weight:bold; text-transform:uppercase; }
.jy-section-title h3{ font-size:28px; color:var(--jy-blue); font-weight:bold; margin:8px 0 6px; }
.jy-section-title p{ color:#888; font-size:14px; margin:0; }
.jy-more{ text-align:center; margin-top:30px; }
.jy-more a{ display:inline-block; border:1px solid var(--jy-blue); color:var(--jy-blue); padding:8px 32px; font-size:14px; transition:all .3s; }
.jy-more a:hover{ background:var(--jy-blue); color:#fff; }

/* ============ 产品中心 ============ */
.jy-prod-grid{ display:flex; flex-wrap:wrap; margin:-12px; }
.jy-prod-item{ width:25%; padding:12px; box-sizing:border-box; }
.jy-prod-item a{ display:block; background:#fff; border:1px solid var(--jy-line); transition:all .3s; }
.jy-prod-item a:hover{ box-shadow:0 8px 22px rgba(42,69,142,.16); border-color:var(--jy-blue); transform:translateY(-4px); }
.jy-prod-img{ height:200px; overflow:hidden; background:#f2f2f2; }
.jy-prod-img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.jy-prod-item a:hover .jy-prod-img img{ transform:scale(1.06); }
.jy-prod-item h4{ font-size:16px; color:#222; text-align:center; margin:14px 12px 6px; font-weight:bold; }
.jy-prod-item p{ font-size:12px; color:#999; text-align:center; margin:0 12px 14px; height:32px; overflow:hidden; line-height:1.6; }

/* ============ 成功案例 ============ */
.jy-case-grid{ display:flex; flex-wrap:wrap; margin:-12px; }
.jy-case-item{ width:33.3333%; padding:12px; box-sizing:border-box; }
.jy-case-item a{ display:block; position:relative; overflow:hidden; }
.jy-case-img{ height:230px; overflow:hidden; background:#f2f2f2; }
.jy-case-img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.jy-case-item a:hover .jy-case-img img{ transform:scale(1.06); }
.jy-case-item h4{ position:absolute; left:0; bottom:0; width:100%; background:linear-gradient(transparent,rgba(23,34,74,.88)); color:#fff; font-size:15px; padding:28px 14px 12px; margin:0; font-weight:normal; }

/* ============ 四大理由 ============ */
.jy-reasons{ background:var(--jy-blue3); color:#fff; padding:52px 0; }
.jy-reasons .jy-section-title h3{ color:#fff; }
.jy-reasons .jy-section-title p{ color:#aeb9dd; }
.jy-reason-grid{ display:flex; flex-wrap:wrap; margin:-12px; }
.jy-reason{ width:25%; padding:12px; box-sizing:border-box; }
.jy-reason .jy-reason-box{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:30px 24px; text-align:center; height:100%; box-sizing:border-box; transition:all .3s; }
.jy-reason:hover .jy-reason-box{ background:rgba(255,255,255,.12); transform:translateY(-4px); }
.jy-num{ display:block; font-size:44px; font-weight:bold; font-style:italic; color:var(--jy-orange); line-height:1; margin-bottom:14px; font-family:Georgia,"Times New Roman",serif; }
.jy-reason h4{ font-size:19px; color:#fff; margin:0 0 10px; }
.jy-reason p{ font-size:13px; color:#c3cdea; line-height:1.8; margin:0; }

/* ============ 新闻中心 ============ */
.jy-news-list{ max-width:980px; margin:0 auto; }
.jy-news-item{ display:flex; align-items:center; border-bottom:1px dashed var(--jy-line); padding:16px 6px; transition:background .3s; }
.jy-news-item:hover{ background:#f7f9ff; }
.jy-news-date{ flex:0 0 86px; text-align:center; }
.jy-news-date b{ display:block; font-size:28px; color:var(--jy-blue); font-weight:bold; line-height:1; font-family:Georgia,serif; }
.jy-news-date i{ display:block; font-size:12px; color:#999; font-style:normal; margin-top:4px; }
.jy-news-body{ flex:1; padding:0 18px; min-width:0; }
.jy-news-body h4{ font-size:16px; color:#222; margin:0 0 6px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jy-news-body p{ font-size:13px; color:#999; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jy-news-arrow{ color:var(--jy-red); font-size:18px; flex:0 0 20px; }

/* ============ 内页 ============ */
.bnBox.cateBn{ position:relative; height:180px; overflow:hidden; }
.cateBnImg{ width:100%; height:100%; background:linear-gradient(135deg,var(--jy-blue) 0%,var(--jy-blue2) 100%); background-size:cover; background-position:center; }
.cateBn-cap{ position:absolute; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; }
.cateBn-cap h2{ color:#fff; font-size:32px; font-weight:bold; margin:0; text-shadow:0 2px 8px rgba(0,0,0,.3); }
.main{ padding:26px 0 46px; }
.archive-top{ padding:6px 0 12px; }
.archive-title h1{ font-size:26px; color:var(--jy-blue); margin:0; font-weight:bold; }
.archive-title span{ display:block; width:44px; height:3px; background:var(--jy-red); margin-top:10px; }
.archive-description p{ color:#888; font-size:14px; }
.article-box{ background:#fff; border:1px solid var(--jy-line); padding:28px; margin-top:14px; }
.article-top{ border-bottom:1px solid var(--jy-line); padding-bottom:12px; margin-bottom:16px; }
.article-tit{ font-size:22px; color:var(--jy-blue); }
.article-mt span{ color:#999; margin-right:16px; font-size:13px; }
.article-main{ line-height:1.9; font-size:15px; color:#444; }
.article-main img{ max-width:100%; height:auto; }
.article-main h1,.article-main h2,.article-main h3{ color:var(--jy-blue); }
.prev,.next{ margin-top:14px; color:#666; font-size:14px; }
.prev a,.next a{ color:var(--jy-blue); }

/* 列表页卡片 */
.PostShow ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; margin:-12px; }
.PostShow li{ width:25%; padding:12px; box-sizing:border-box; }
.PostShow li .post-img{ height:190px; overflow:hidden; background:#f2f2f2; }
.PostShow li .post-img img{ width:100%; height:100%; object-fit:cover; }
.PostShow li h4{ font-size:15px; color:#222; margin:10px 0 4px; text-align:center; }
.PostShow li h4 a{ color:#222; }
.PostShow li h4 a:hover{ color:var(--jy-red); }
.PostShow li .h2{ display:block; font-size:12px; color:#999; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; }
.PostShow .case-item h4{ font-size:15px; text-align:center; }

/* 新闻列表页 */
.PostNews{ margin-top:10px; }
.PostNews ul{ list-style:none; margin:0; padding:0; }
.PostNews li{ display:flex; align-items:center; padding:14px 6px; border-bottom:1px dashed var(--jy-line); }
.PostNews .post-img{ width:120px; height:80px; flex:0 0 120px; overflow:hidden; }
.PostNews .post-img img{ width:100%; height:100%; object-fit:cover; }
.PostNews h4{ flex:1; margin:0 16px; font-size:16px; min-width:0; }
.PostNews h4 a{ color:#222; }
.PostNews h4 a:hover{ color:var(--jy-red); }
.PostNews .time{ color:#999; font-size:13px; }
.PostNews p{ display:none; }

/* 子栏目筛选 */
.subcate{ margin:16px 0; }
#subcate ul{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
#subcate li a{ display:block; border:1px solid var(--jy-line); color:#555; padding:6px 18px; font-size:14px; border-radius:2px; }
#subcate li.active a, #subcate li a:hover{ background:var(--jy-blue); color:#fff; border-color:var(--jy-blue); }
.tabs-group{ margin-top:10px; }
.tabs-group .content > li > a{ color:#555; }

/* 留言页 */
#saypl .text{ width:100%; border:1px solid var(--jy-line); padding:10px 12px; margin-bottom:12px; font-size:14px; }
#saypl textarea{ min-height:130px; resize:vertical; }
.btn-submit{ background:var(--jy-blue); color:#fff; border:none; padding:11px 40px; font-size:15px; cursor:pointer; transition:background .3s; }
.btn-submit:hover{ background:var(--jy-red); }

/* 分页 */
.pagination .page-link{ color:var(--jy-blue); }
.pagination .active .page-link{ background:var(--jy-blue); border-color:var(--jy-blue); color:#fff; }
.pagination .page-link:hover{ color:var(--jy-red); }

/* ============ 页脚 ============ */
.footer{ background:var(--jy-blue3); color:#aeb9dd; padding:44px 0 0; }
.jy-footer{ display:flex; flex-wrap:wrap; gap:40px; padding-bottom:38px; }
.jy-footer-col{ flex:1; min-width:220px; }
.jy-footer-col h4{ color:#fff; font-size:18px; margin:0 0 18px; position:relative; padding-bottom:12px; }
.jy-footer-col h4::after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:3px; background:var(--jy-red); }
.jy-footer-col p{ font-size:13px; line-height:2.1; margin:0; color:#aeb9dd; }
.jy-footer-col p i{ color:var(--jy-orange); width:20px; margin-right:4px; text-align:center; }
.jy-footer-col p a{ color:#d5ddf4; }
.jy-footer-col p a:hover{ color:var(--jy-orange); }
.jy-footer-nav{ margin-top:16px; }
.jy-footer-nav a{ display:inline-block; color:#aeb9dd; font-size:13px; margin:0 14px 8px 0; }
.jy-footer-nav a:hover{ color:#fff; }
.jy-footer-prod{ list-style:none; margin:0; padding:0; }
.jy-footer-prod li{ margin-bottom:9px; }
.jy-footer-prod a{ color:#aeb9dd; font-size:13px; transition:all .3s; }
.jy-footer-prod a:hover{ color:#fff; padding-left:4px; }
.jy-footerbar{ background:#101a3a; text-align:center; padding:15px 0; color:#7e8bb8; font-size:13px; }
.jy-footerbar a{ color:#aeb9dd; }
.jy-footerbar a:hover{ color:#fff; }

/* 返回顶部电话悬浮 */
#backTop .ft-tel small.telTop{ background:var(--jy-red); color:#fff; }

/* ============ 移动端适配（与style.css断点960px对齐，避免空导航条） ============ */
@media (max-width: 960px){
  .navbar{ display:none !important; }
  .sbtn{ display:none; }
  .moble{ display:block !important; }
  .jy-header-inner{ flex-wrap:wrap; padding:10px 0; }
  .jy-logoimg{ height:40px; margin-right:10px; }
  .jy-logo-txt strong{ font-size:18px; }
  .jy-logo-txt small{ font-size:11px; letter-spacing:1px; }
  .jy-header-right{ display:none; }
  .jy-prod-item{ width:50%; }
  .jy-case-item{ width:50%; }
  .jy-case-img{ height:160px; }
  .jy-reason{ width:50%; }
  .jy-slide-caption h2{ font-size:22px; }
  .jy-slide-caption p{ font-size:13px; margin-bottom:14px; }
  .jy-slide-btn{ padding:7px 22px; font-size:13px; }
  .jy-slogan .container{ justify-content:center; text-align:center; }
  .jy-slogan-l{ flex-direction:column; gap:2px; }
  .jy-slogan-r{ justify-content:center; }
  .jy-spoint{ border-left:none; }
  .PostShow li{ width:50%; }
  .PostShow li .post-img{ height:130px; }
  .jy-footer{ flex-direction:column; gap:26px; }
  .bnBox.cateBn{ height:120px; }
  .cateBn-cap h2{ font-size:24px; }
  .article-box{ padding:16px; }
  .jy-news-body p{ display:none; }
}