/* =========================================================
   BadouCMS 京粤金属货架站 - custom.css（源站视觉微调与覆盖）
   与 style.css 配合，实现 fzyydhj.com 完整视觉
   ========================================================= */

/* ---------- 顶部欢迎横幅（源站浅蓝+深蓝字） ---------- */
.jy-topbar{
  background:#AAD8F2;               /* 源站浅蓝 */
  color:#1C3476;                     /* 深蓝字 */
  font-size:13px;
}
.jy-topbar .jy-welcome{color:#1C3476;}
.jy-topbar .jy-hotline i{color:#E75845;}
.jy-topbar .jy-hotline a{color:#1C3476;}
.jy-topbar .jy-hotline a:hover{color:#E75845;}

/* ---------- 头部 logo 区 ---------- */
.jy-logoimg{height:56px;}
.jy-logo-txt strong{font-size:26px;}
.jy-logo-txt small{font-size:13px;}

/* ---------- Banner 轮播 ---------- */
.jy-hero .jy-slide-img{height:460px;}
.bx-wrapper,.bx-viewport{box-shadow:none;border:0;}
.bx-wrapper .bx-pager{bottom:18px;}
.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,255,255,.5);width:12px;height:12px;border-radius:50%;}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#E75845;}
.bx-wrapper .bx-controls-direction a{color:#fff;background:rgba(0,0,0,.25);border-radius:4px;}
.bx-wrapper .bx-controls-direction a:hover{background:#1C3476;}

/* 轮播文字层（由 slide 图片上的文案，若需要叠加文字可用此） */
.jy-slide-cap{
  position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);
  text-align:center;color:#fff;z-index:3;width:80%;pointer-events:none;
}
.jy-slide-cap h2{font-size:40px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.4);margin-bottom:10px;}
.jy-slide-cap p{font-size:18px;letter-spacing:4px;text-shadow:0 1px 6px rgba(0,0,0,.4);}
@media (max-width:768px){
  .jy-slide-cap h2{font-size:26px;}
  .jy-slide-cap p{font-size:14px;}
}

/* ---------- 蓝色标语带 ---------- */
.jy-slogan{background:#1C3476;}
.jy-slogan-l h3{font-size:30px;}
.jy-slogan .jy-spoint b{color:#fff;}
.jy-slogan .jy-spoint span{color:#AAD8F2;}

/* ---------- 板块标题 ---------- */
.jy-section-title .jy-en{color:#6EA2E9;}
.jy-section-title h3{color:#1C3476;}
.jy-section-title h3::after{background:#E75845;}

/* ---------- 产品网格 ---------- */
.jy-prod-item:hover{border-color:#1C3476;box-shadow:0 8px 24px rgba(28,52,118,.14);}
.jy-prod-item h4{color:#1C3476;}

/* ---------- 案例 ---------- */
.jy-case-item{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.jy-case-item h4{background:linear-gradient(to top,rgba(28,52,118,.9),transparent);}
.jy-case-item:hover h4{background:#E75845;}

/* ---------- 四大理由 ---------- */
.jy-reasons{background:#1C3476;}
.jy-reason-box{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);}
.jy-reason-box:hover{background:rgba(255,255,255,.14);}
.jy-num{color:#E75845;}
.jy-reason-box p{color:#C9D4EF;}

/* ---------- 新闻 ---------- */
.jy-news-date b{color:#1C3476;}
.jy-news-item:hover .jy-news-body h4{color:#E75845;}

/* ---------- 页脚 ---------- */
.footer{background:#14255A;}
.jy-footerbar{background:#0F1D44;}
.jy-footer-col h4::after{background:#E75845;}

/* ---------- 内页公共样式（产品/案例/新闻/关于等） ---------- */
.page-banner{background:#1C3476;color:#fff;padding:40px 0;text-align:center;margin-bottom:30px;}
.page-banner h2{font-size:28px;}
.page-banner .crumb{color:#AAD8F2;font-size:13px;margin-top:8px;}
.page-banner .crumb a{color:#AAD8F2;}
.page-banner .crumb a:hover{color:#fff;}
.page-main{padding:20px 0 60px;}
.page-main .container{display:flex;gap:30px;}
.page-side{flex:0 0 260px;}
.page-side h3{background:#1C3476;color:#fff;padding:14px 18px;font-size:16px;}
.page-side ul{border:1px solid #e8e8e8;border-top:0;}
.page-side ul li{border-bottom:1px solid #f0f0f0;}
.page-side ul li a{display:block;padding:12px 18px;color:#333;font-size:14px;}
.page-side ul li a:hover,.page-side ul li.active a{background:#1C3476;color:#fff;padding-left:24px;}
.page-content{flex:1;min-width:0;}
.page-content .page-title{border-bottom:2px solid #1C3476;padding-bottom:12px;margin-bottom:20px;font-size:22px;color:#1C3476;}
@media (max-width:768px){
  .page-main .container{flex-direction:column;}
  .page-side{flex:1 0 auto;}
}

/* ---------- 列表分页 ---------- */
.pagination{text-align:center;margin-top:30px;}
.pagination a,.pagination span{display:inline-block;min-width:36px;height:36px;line-height:36px;padding:0 10px;margin:0 3px;border:1px solid #ddd;color:#333;font-size:14px;background:#fff;}
.pagination a:hover,.pagination .current{background:#1C3476;border-color:#1C3476;color:#fff;}
.pagination .disabled{color:#ccc;}

/* ---------- 文章详情 ---------- */
.detail-title{font-size:26px;color:#1C3476;text-align:center;margin:20px 0 12px;}
.detail-meta{text-align:center;color:#999;font-size:13px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0;}
.detail-content{font-size:15px;line-height:2;color:#444;}
.detail-content img{max-width:100%;margin:10px auto;}
.nextprev{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #f0f0f0;font-size:14px;}

/* ---------- 响应式增强 ---------- */
@media (max-width:992px){
  .jy-prod-grid{grid-template-columns:repeat(3,1fr);}
  .jy-reason-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .jy-prod-grid,.jy-case-grid{grid-template-columns:repeat(2,1fr);}
  .jy-hero .jy-slide-img{height:320px;}
  .jy-logo-txt small{display:none;}
  .jy-slogan-r{flex-wrap:wrap;gap:14px;}
  .jy-topbar .jy-welcome{display:none;}
}
@media (max-width:480px){
  .jy-prod-grid,.jy-case-grid,.jy-reason-grid{grid-template-columns:1fr;}
  .jy-hero .jy-slide-img{height:220px;}
}

/* 关闭移动端右上搜索等多余浮层干扰（保留必要功能） */
.mLogo{display:none;}
@media (min-width:951px){ #nav{display:none !important;} }