/* ============================================
   阿基米德积木 - 品牌样式覆盖
   青蓝色系：主色 #0EA5E9 辅色 #14B8A6
   ============================================ */

:root {
    --ajmd-primary: #0EA5E9;
    --ajmd-secondary: #14B8A6;
    --ajmd-dark: #0C4A6E;
    --ajmd-light: #E0F2FE;
    --ajmd-accent: #F59E0B;
    --ajmd-gray: #64748B;
    --ajmd-bg: #F8FAFC;
}

/* 顶部导航 */
#heada { background: var(--ajmd-dark) !important; }
#head #top { background: #fff !important; box-shadow: 0 2px 10px rgba(0,0,0,0.08); }
#menu ul li a:hover, #menu ul li a.sec { color: var(--ajmd-primary) !important; }
#menu ul li a.sec { border-bottom: 2px solid var(--ajmd-primary); }

/* 按钮色调 */
.news-more a, .buttom, .indpro-menu ul li a:hover, .indpro-menu ul li a.sec {
    background: var(--ajmd-primary) !important;
}
.news-more a:hover {
    background: var(--ajmd-secondary) !important;
}

/* 标题 */
.pub_title h2 span, .pub_title2 h2 span {
    color: var(--ajmd-dark) !important;
}
.pub_title h2 span:after, .pub_title2 h2 span:after {
    background: var(--ajmd-primary) !important;
}
.pub_title h6, .pub_title2 h6 {
    color: var(--ajmd-gray) !important;
}

/* 背景区 */
.pinpai-container {
    background: linear-gradient(135deg, var(--ajmd-dark), #0284C7) !important;
}

/* Banner */
.banner-container .swiper-slide .wznr .js h4 { color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
.banner-container .swiper-slide .wznr .js p { color: rgba(255,255,255,0.9); }

/* 产品/列表区块 */
#newsa .nra .js h2 { color: var(--ajmd-dark); }
#newsa:hover .nra { background: rgba(14,165,233,0.9) !important; }
.case-container { background: var(--ajmd-light) !important; }

/* 新闻区块 */
.news-container { background: #fff !important; }
.news-title ul li { background: var(--ajmd-primary) !important; }

/* 底部 */
#dibua { background: var(--ajmd-dark) !important; }

/* 手机端 */
.f_kslj { background: #fff !important; border-top: 2px solid var(--ajmd-primary); }
.f_kslj ul li a { color: var(--ajmd-primary) !important; }
.f_kslj ul li a.sec { color: var(--ajmd-primary) !important; }

/* 导航标签 */
#lmdf a.sec { background: var(--ajmd-primary) !important; }
#lmdf a:hover { background: var(--ajmd-primary) !important; }

/* 分页 */
.pagebar .pagination a.page-item.active, .pagebar .pagination a:hover {
    background: var(--ajmd-primary) !important;
    border-color: var(--ajmd-primary) !important;
}

/* 内容区链接 */
#nr a { color: var(--ajmd-primary); }

/* Toolbar */
.toolbar dd.top i, .toolbar dd.top span { background: var(--ajmd-primary) !important; }

/* 内页标题 */
#nyweba { background: var(--ajmd-light) !important; }

/* 引用颜色 */
.products-container.bg1 { background: #fff !important; }
.products-container.bg2 { background: var(--ajmd-light) !important; }
.indpro { background: #fff !important; border-top: 0; }

/* 数字统计 */
.pinpai_center ul li h5 span { color: var(--ajmd-accent); }
.pinpai_center ul li h6 { color: rgba(255,255,255,0.8); }

/* 侧边栏 */
#contain-1-1 { background: var(--ajmd-primary) !important; }
#lb ul li.sec a { color: var(--ajmd-primary) !important; }
#lb ul li a:hover { color: var(--ajmd-primary) !important; }

/* 关键词标签 */
#webso .key a { color: var(--ajmd-dark) !important; }

/* ---- H1 与 H2 视觉一致（2026-10-20 语义化改造） ---- */
.pub_title h1 span, .pub_title2 h1 span {
    color: var(--ajmd-dark) !important;
}
.pub_title h1 span:after, .pub_title2 h1 span:after {
    background: var(--ajmd-primary) !important;
}
#title { display: block; }

/* 头部点击拨号 */
#tel .telink{ color:#5E3531; text-decoration:none; }
#tel .telink .telnum{ font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; margin-left:4px; vertical-align:middle; }
@media only screen and (max-width:1300px){ #tel .telink .telnum{ display:none; } }
/* 手机底部条 5 项均分 */
.f_kslj ul li{ width:20% !important; }
.f_kslj ul li a{ font-size:12px; line-height:22px; padding:8px 0; }
.f_kslj ul li a i{ font-size:17px; margin-bottom:2px; }

/* 内页横幅：声明宽高比，消除图片加载前后的布局跳动（CLS）；首屏图不再懒加载 */
#nbanner img { aspect-ratio: 1 / 1; }
#nbanner.nb-6 img, #nbanner.nb-7 img { aspect-ratio: 4 / 3; }
#nbanner.nb-14 img { aspect-ratio: 3 / 4; }
#nbanner.nb-15 img { aspect-ratio: 2 / 3; }

/* 图鉴详情主图（全部为 1024×1024 方图）：预留高度，消除布局跳动 */
#vvv img { aspect-ratio: 1 / 1; height: auto; }