/* ========== 全局 ========== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f5f5; color: #333; line-height:1.6; padding-top:90px; }

/* ========== 固定头部 ========== */
.site-header { position:fixed; top:0; left:0; right:0; z-index:1000; color:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.2); }
.header-inner { display:flex; justify-content:space-between; align-items:center; padding:10px 15px; max-width:1200px; margin:0 auto; flex-wrap:wrap; }
.logo-text { color:#fff; text-decoration:none; font-weight:bold; font-size:1.3rem; line-height:1.3; display:block; }
.logo-text small { font-size:0.75rem; opacity:0.9; font-weight:normal; display:block; }
.header-phone { font-size:1.1rem; font-weight:bold; white-space:nowrap; }
.header-phone a { color:#fff; text-decoration:none; }

/* 导航栏 */
.main-nav { background:rgba(0,0,0,0.15); }
.nav-container { max-width:1200px; margin:0 auto; padding:0 15px; }
.menu-toggle { display:none!important; }
.nav-list { list-style:none; display:flex!important; flex-direction:row; flex-wrap:nowrap; overflow-x:auto; padding:0; margin:0; -webkit-overflow-scrolling:touch; }
.nav-list li { flex-shrink:0; }
.nav-list a { display:block; padding:12px 15px; color:#fff; text-decoration:none; white-space:nowrap; font-size:1rem; }
.nav-list a:hover { background:rgba(255,255,255,0.2); }
.nav-list a.active { background:rgba(0,0,0,0.3); font-weight:bold; }

/* 内容区 */
.site-content { max-width:1200px; margin:0 auto; padding:20px 15px 100px; min-height:80vh; }

/* ========== 产品/案例网格 ========== */
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);   /* 电脑3列 */
    gap: 20px;
}
.product-item { background: #fff; border:1px solid #eee; padding:15px; text-align:center; border-radius:8px; }

/* 电脑端：图片固定高度330px，裁剪 */
.product-item img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    border-radius: 4px;
}

/* 文章网格 */
.article-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:20px; }
.article-item { background: #fff; padding:15px; border-radius:8px; border:1px solid #eee; }
.article-item h3 a { color:#333; text-decoration:none; }

/* 按钮 */
.btn-primary { display:inline-block; background:#cc0000; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; font-weight:bold; transition:0.2s; box-shadow:0 4px 10px rgba(0,0,0,0.3); }
.btn-primary:hover { background:#aa0000; transform:translateY(-1px); }

/* 底部 */
.site-footer { color:#fff; text-align:center; padding:30px 15px; margin-top:40px; }
.friend-links a { color:rgba(255,255,255,0.8); margin:0 5px; text-decoration:none; }
.footer-contact a { color:#ffd700; }

.fixed-dial-btn { position:fixed; bottom:80px; right:20px; color:#fff; padding:12px 25px; border-radius:30px; text-decoration:none; font-weight:bold; z-index:999; box-shadow:0 4px 12px rgba(0,0,0,0.3); }

/* 分页 */
.pagination { text-align:center; margin:30px 0; }
.pagination a { padding:8px 20px; background:#cc0000; color:#fff; text-decoration:none; border-radius:4px; margin:0 5px; }

/* ========== 响应式 ========== */
@media (max-width: 768px) {
  .site-content { padding-top:100px; }
  .product-grid { grid-template-columns: repeat(2, 1fr); }  /* 手机2列 */
  .article-grid { grid-template-columns: 1fr; }
  .nav-list a { padding:10px 12px; font-size:0.9rem; }

  /* 手机端：高度自适应，完整显示图片 */
  .product-item img {
      height: auto;
      object-fit: contain;
  }
}
@media (max-width: 480px) {
  .nav-list a { padding:8px 10px; font-size:0.8rem; }
}