/* 平大酒店用品批发市场 - 全站样式（响应式） */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; color: #333; background: #f7f8fa; line-height: 1.7; }
a { color: #1a6fd4; text-decoration: none; }
a:hover { color: #e8730c; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 15px; }

/* 顶部 */
.topbar { background: #16324f; color: #cfe0f5; font-size: 13px; padding: 6px 0; }
.topbar .tel strong { color: #ffb84d; font-size: 15px; }
.header-main { display: flex; justify-content: space-between; align-items: center; padding: 16px 15px; flex-wrap: wrap; background: #fff; }
.logo { font-size: 24px; font-weight: bold; color: #16324f; }
.logo::before { content: "."; color: #e8730c; margin-right: 4px; font-size: 34px; }
.nav { display: flex; flex-wrap: wrap; }
.nav a { padding: 8px 14px; color: #333; font-size: 15px; border-radius: 4px; }
.nav a.on, .nav a:hover { background: #1a6fd4; color: #fff; }

/* 首屏 */
.hero { background: linear-gradient(135deg, #16324f 0%, #1a6fd4 100%); color: #fff; padding: 52px 0; text-align: center; }
.hero h1 { font-size: 32px; margin-bottom: 12px; }
.hero p { font-size: 16px; color: #d9e8ff; margin-bottom: 8px; }
.hero .btn { display: inline-block; margin-top: 18px; background: #e8730c; color: #fff; font-size: 18px; padding: 12px 38px; border-radius: 26px; font-weight: bold; }

/* 板块 */
.section { padding: 36px 0 20px; }
.section h2 { font-size: 24px; color: #16324f; text-align: center; margin-bottom: 8px; }
.section .sub { text-align: center; color: #888; font-size: 14px; margin-bottom: 24px; }

/* 业务卡片 */
.grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.card { background: #fff; border-radius: 8px; padding: 22px 18px; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.card h3 { font-size: 18px; color: #1a6fd4; margin-bottom: 10px; }
.card p { font-size: 13.5px; color: #666; }
.card .more { display: inline-block; margin-top: 10px; font-size: 13px; }

/* 流程 */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; counter-reset: step; }
.step { background: #fff; border-radius: 8px; padding: 18px 16px; position: relative; counter-increment: step; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.step::before { content: counter(step); display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #e8730c; color: #fff; border-radius: 50%; font-weight: bold; margin-bottom: 8px; }
.step h3 { font-size: 16px; margin-bottom: 6px; }
.step p { font-size: 13px; color: #777; }

/* 优势 */
.adv { background: #fff; }
.adv ul { list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 30px; }
.adv li { padding: 12px 0 12px 26px; position: relative; border-bottom: 1px dashed #e5e9f0; }
.adv li::before { content: "✓"; position: absolute; left: 0; color: #1a6fd4; font-weight: bold; }

/* 文章列表 */
.news-list li { list-style: none; background: #fff; border-radius: 8px; padding: 14px 18px; margin-bottom: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.05); }
.news-list li a.title { font-size: 16px; color: #333; font-weight: bold; }
.news-list li a.title:hover { color: #1a6fd4; }
.news-list li .meta { color: #999; font-size: 12.5px; margin-top: 4px; }
.news-list li p { color: #777; font-size: 13.5px; margin-top: 4px; }

/* 内容页 */
.crumbs { font-size: 13px; color: #999; padding: 14px 0; }
.main-box { background: #fff; border-radius: 8px; padding: 28px 30px; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px; }
.article h1 { font-size: 24px; color: #16324f; margin-bottom: 10px; }
.article .meta { color: #999; font-size: 13px; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 16px; }
.article h2 { font-size: 19px; color: #1a6fd4; margin: 20px 0 8px; }
.article h3 { font-size: 16px; margin: 14px 0 6px; }
.article p { margin-bottom: 10px; font-size: 15px; color: #444; }
.page-title { font-size: 24px; color: #16324f; margin-bottom: 16px; }

/* 关于/联系 */
.about-block p { margin-bottom: 10px; font-size: 15px; }
.contact-tel { font-size: 28px; color: #e8730c; font-weight: bold; }

/* 分页 */
.pager { text-align: center; padding: 10px 0 30px; }
.pager a, .pager span { display: inline-block; padding: 6px 14px; margin: 0 4px; background: #fff; border-radius: 4px; font-size: 14px; }
.pager .cur { background: #1a6fd4; color: #fff; }

/* 页脚 */
.site-footer { background: #16324f; color: #b9cde5; padding: 26px 0; font-size: 13.5px; margin-top: 30px; text-align: center; }
.site-footer a { color: #d9e8ff; }
.site-footer p { margin-bottom: 6px; }

/* 响应式 */
@media (max-width: 768px) {
  .header-main { flex-direction: column; align-items: flex-start; }
  .nav { margin-top: 10px; }
  .nav a { padding: 6px 10px; font-size: 14px; }
  .hero h1 { font-size: 22px; }
  .hero p { font-size: 14px; }
  .grid4, .steps { grid-template-columns: repeat(2, 1fr); }
  .adv ul { grid-template-columns: 1fr; }
  .main-box { padding: 18px 16px; }
  .article h1 { font-size: 20px; }
}