@charset "utf-8";
/* ===== 2026-10-31 深度美化 v3 ===== */
:root{
  --primary:#1560bd; --primary-dark:#0f4a96; --accent:#ff7a00; --accent-dark:#e56d00;
  --text:#2b2f36; --muted:#8a919c; --bg:#f5f7fa; --line:#e8ecf1;
  --radius:12px; --shadow:0 2px 12px rgba(18,52,102,.08); --shadow-lg:0 10px 30px rgba(18,52,102,.14);
}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.75}
a{color:var(--primary);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto}

/* 头部 */
#fh5co-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line),var(--shadow)}
#fh5co-header .container{position:relative}
#fh5co-header .logo img{display:block}

/* Hero */
#fh5co-hero{box-shadow:var(--shadow-lg)}
#fh5co-hero .flexslider .slides li img{border-radius:0}

/* 通用标题 */
.fh5co-heading h2,.fh5co-heading .text-main{position:relative;padding-left:14px;font-weight:700}
.fh5co-heading h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--accent),#ffb35c)}

/* 产品/案例卡片 */
.pro-item{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;margin-bottom:6px}
.pro-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.pro-item .portfolio-img{overflow:hidden}
.pro-item .media-img{display:block;min-height:150px;background-size:cover;background-position:center;transition:transform .5s}
.pro-item:hover .media-img{transform:scale(1.06)}
.pro-item h2{padding:12px 10px;font-size:16px;line-height:1.5}
.pro-item h2 a{color:var(--text)}
.pro-item h2 a:hover{color:var(--accent)}

/* 栏目 Banner */
.cat-banner{position:relative;margin:0 0 18px;min-height:190px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;background:linear-gradient(120deg,rgba(15,74,150,.88),rgba(255,122,0,.55)),url('/skin/images/list_bj.jpg') center/cover no-repeat;box-shadow:var(--shadow)}
.cat-banner-mask{padding:26px 30px;color:#fff}
.cat-banner h1{margin:0 0 6px;font-size:30px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.cat-banner p{margin:0;font-size:15px;color:rgba(255,255,255,.92)}

/* 列表条目卡片 */
.article-media{list-style:none;margin:0;padding:0}
.art-item{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:12px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.art-item:hover{transform:translateX(4px);box-shadow:var(--shadow-lg)}
.art-thumb{flex:0 0 128px;display:block}
.art-thumb img{width:128px;height:86px;object-fit:cover;border-radius:8px;display:block}
.art-info{flex:1;min-width:0}
.art-info a{display:block;font-size:16px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-info a:hover{color:var(--accent)}
.art-date{font-size:13px;color:var(--muted)}

/* 分页 */
.pagination li a,.pagination li span{color:var(--primary);background:#fff;border:1px solid var(--line);border-radius:8px;margin:0 3px}
.pagination li.active span{background:var(--primary);border-color:var(--primary);color:#fff}
.pagination li a:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* 文章页 */
.show_content{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 28px;font-size:16.5px;line-height:1.95}
.show_content img{border-radius:10px;box-shadow:var(--shadow)}
.show_content h1{font-size:26px;color:var(--primary-dark);border-bottom:2px solid var(--line);padding-bottom:14px;margin-bottom:18px}
.show_content h2{font-size:21px;color:var(--primary-dark);border-left:5px solid var(--accent);padding-left:12px;margin-top:26px}
.show_content h3{font-size:18px;color:var(--text)}
.show_content p{margin:12px 0}
.show_content blockquote{background:#fff8f0;border-left:4px solid var(--accent);padding:10px 16px;border-radius:0 8px 8px 0;color:#7a5a33}

/* 面包屑 */
.title h2.title{font-size:15px;font-weight:500;color:var(--muted)}
.title h2.title a{color:var(--muted);padding:0 2px}
.title h2.title a:hover{color:var(--accent)}

/* 标签页 banner 标题 */
.tag-h1{margin:16px 0 4px;font-size:24px;font-weight:800;color:var(--primary-dark)}

/* 咨询 CTA 按钮 */
.call-btn{display:inline-block;background:linear-gradient(90deg,var(--accent),#ff9d45);color:#fff;font-weight:700;padding:10px 26px;border-radius:24px;box-shadow:0 6px 16px rgba(255,122,0,.35);transition:transform .2s}
.call-btn:hover{color:#fff;transform:translateY(-2px)}

/* 移动端固定电话条 */
.mcall{display:none}
@media (max-width:768px){
  .mcall{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;height:50px;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:#fff;font-size:17px;font-weight:800;letter-spacing:1px;box-shadow:0 -4px 14px rgba(0,0,0,.2)}
  body{padding-bottom:56px}
  .cat-banner{min-height:130px}
  .cat-banner h1{font-size:22px}
  .show_content{padding:16px}
  .show_content h1{font-size:21px}
  .art-thumb{flex:0 0 104px}
  .art-thumb img{width:104px;height:72px}
  .art-info a{font-size:15px}
  .pro-item .media-img{min-height:120px}
}

/* 页脚 */
#fh5co-footer,#fh5co-footer div{background:#17212e;color:#b9c3ce}
#fh5co-footer a{color:#dfe7ef}
#fh5co-footer a:hover{color:#ffb35c}

/* 无障碍/细节 */
::selection{background:var(--primary);color:#fff}
input,button,textarea{font-family:inherit}

/* 头部电话块：垂直居中右对齐，避免挤压导航 */
#fh5co-header .search-top span{position:absolute;top:50%;right:8px;left:auto;transform:translateY(-50%);font-size:20px;font-weight:700;color:var(--primary);white-space:nowrap}