/* 全局重置：锁横向滚动、统一盒模型 */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Microsoft YaHei", sans-serif; }
html, body { overflow-x: hidden !important; background: #f5f7fa; color: #1a2238; line-height: 1.7; font-size: 16px; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; }
a { text-decoration: none; color: #333; transition: 0.3s; }
img { max-width: 100%; height: auto; }
ul, li { list-style: none; }

/* 顶部条 */
.top-bar { width: 100%; background: #f5f7fa; padding: 8px 0; font-size: 14px; }
.top-wrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.city-box { color: #333; }
.city-box strong { color: #ff5500; margin: 0 4px; }
.city-box a { color: #3671d9; text-decoration: none; margin-left: 6px; }
.tel-text { color: #555; }
.tel-text span { color: #ff5500; font-weight: bold; margin-left: 6px; }

/* 头部：层级999，避免被覆盖 */
.header { background: #162542; padding: 18px 0; position: relative; z-index: 999; }
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.logo { line-height: 1; }
.logo-img { height: 55px; width: auto; display: block; object-fit: contain; }
.nav a { margin-left: 25px; font-size: 16px; color: #fff; }
.nav a:hover { color: #58a1ff; }

/* 菜单按钮：层级1000，最顶层 */
.menu-btn { display: none; width: 35px; height: 35px; border: none; background: none; cursor: pointer; position: relative; z-index: 1000; }
.menu-btn span { display: block; width: 100%; height: 3px; background: #fff; margin: 6px 0; border-radius: 2px; }

/* 移动端菜单：全屏fixed+遮罩+可滚动+层级9999（最高） */
.mobile-nav {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(22, 37, 66, 0.98);
    z-index: 9999;
    padding: 80px 20px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* iOS顺滑滚动 */
}
.mobile-nav.show { display: block; }
.mobile-nav a {
    display: block;
    margin: 12px 0;
    padding: 12px 0;
    color: #fff;
    font-size: 17px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-nav a:hover { color: #58a1ff; }

/* 横幅：自适应高度，禁止固定高度 */
.banner { height: auto; min-height: 280px; padding: 60px 0; background: linear-gradient(135deg,#162542,#3671d9); display: flex; align-items: center; text-align: center; color: #fff; }
.banner h1 { font-size: 40px; margin-bottom: 20px; }
.tel-box { font-size: 52px; font-weight: 900; color: #58a1ff; margin: 25px 0; }
.btn-main { display: inline-block; background: #3671d9; color: #fff; padding: 14px 35px; border-radius: 6px; font-size: 18px; font-weight: bold; margin-top: 15px; }
.btn-main:hover { background: #58a1ff; }

/* 通用区块 */
.section { padding: 50px 0; }
.section-title { text-align: center; font-size: 26px; margin-bottom: 30px; color: #162542; position: relative; }
.section-title:after { content: ""; width: 80px; height: 3px; background: #58a1ff; position: absolute; left: 50%; transform: translateX(-50%); bottom: -12px; }

/* 双列布局 */
.two-col-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.col-item { width: 100%; }
.content-box { background: #fff; border-radius: 10px; padding: 20px; border: 1px solid #e2e8f0; height: 100%; }
.col-tit { color: #162542; font-size: 20px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; }

/* 问答列表 */
.faq-list { display: flex; flex-direction: column; gap: 15px; }
.faq-q { font-weight: bold; color: #162542; margin-bottom: 6px; }
.faq-a { color: #555; padding-left: 15px; }

/* 资讯列表 */
.news-side-list { display: flex; flex-direction: column; gap: 12px; }
.side-news-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px dashed #e2e8f0; }
.news-link { color: #333; flex: 1; }
.news-link:hover { color: #162542; }
.news-date { font-size: 13px; color: #999; }

/* 优势板块 */
.advantage-list { display: flex; flex-wrap: wrap; gap: 20px; }
.advantage-item { flex: 1; min-width: 280px; padding: 25px 15px; background: #fff; border-radius: 10px; text-align: center; border: 1px solid #e2e8f0; }
.advantage-item h3 { margin-bottom: 15px; color: #162542; font-size: 18px; }

/* 靓号展示 */
.num-list { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.num-item { padding: 12px 20px; border: 1px solid #e2e8f0; border-radius: 6px; background: #fff; font-size: 16px; font-weight: bold; color: #162542; }

/* 价格套餐 */
.price-list { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.price-card { flex: 1; min-width: 260px; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; text-align: center; }
.price-head { background: #162542; color: #fff; padding: 15px; font-size: 18px; }
.price-body { padding: 20px; }
.price-num { font-size: 28px; color: #ef4444; font-weight: bold; margin: 15px 0; }

/* 文章列表 */
.news-list { display: grid; gap: 20px; }
.news-item { display: flex; gap: 15px; padding: 15px; border: 1px solid #e2e8f0; border-radius: 8px; align-items: center; background: #fff; }
.news-thumb { width: 140px; height: 100px; object-fit: cover; border-radius: 6px; }
.news-info { flex: 1; }
.news-item h3 { color: #162542; margin-bottom: 8px; font-size: 16px; }
.news-time { color: #999; font-size: 14px; margin-bottom: 8px; }

/* 文章内容页 */
.article-wrap { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px #eee; }
.article-title { font-size: 24px; text-align: center; margin-bottom: 15px; color: #162542; }
.article-meta { text-align: center; color: #999; font-size: 14px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e2e8f0; }
.article-content { line-height: 1.8; }

/* 留言表单 */
.contact-wrap { max-width: 700px; margin: 0 auto; }
.form-group { margin-bottom: 15px; }
.form-group input, .form-group textarea { width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 15px; background: #fff; }
.submit-btn { background: #162542; color: #fff; border: none; padding: 12px 30px; border-radius: 6px; cursor: pointer; font-size: 15px; }
.submit-btn:hover { background: #3671d9; }

/* 底部 */
.footer { background: #162542; color: #fff; text-align: center; padding: 30px 0; margin-top: 20px; }
.footer p { margin: 8px 0; }

/* 手机底部导航 */
.mobile-footer-bar { display: none; }
.wechat-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999; align-items: center; justify-content: center; }
.wechat-box { width: 80%; max-width: 300px; background: #fff; padding: 20px; border-radius: 12px; text-align: center; position: relative; }
.wechat-close { position: absolute; right: 15px; top: 10px; font-size: 24px; cursor: pointer; color: #666; }
.wechat-box img { width: 100%; margin-top: 10px; }

/* 移动端适配（768px以下） */
@media (max-width: 768px) {
    /* 顶部条：隐藏电话 */
    .tel-text { display: none; }
    .top-wrap { justify-content: center; text-align: center; }

    /* 桌面导航隐藏，按钮显示 */
    .nav { display: none; }
    .menu-btn { display: block; }

    /* 横幅缩小 */
    .banner { padding: 40px 0; }
    .banner h1 { font-size: 24px; }
    .tel-box { font-size: 28px; }
    .btn-main { padding: 12px 25px; font-size: 16px; }

    /* 区块间距缩小 */
    .section { padding: 40px 0; }
    .section-title { font-size: 22px; }

    /* 双列变单列 */
    .two-col-wrap { grid-template-columns: 1fr; }

    /* 手机底部固定栏 */
    .mobile-footer-bar { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; z-index: 99998; }
    .nav-btn { flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff; font-weight: bold; text-decoration: none; }
    .nav-call { background: #ef4444; }
    .nav-wechat { background: #10b981; }
    body { padding-bottom: 60px !important; }
}

/* 常见问题列表页 */
.faq-list-container { max-width: 900px; margin: 0 auto; }
.faq-item { background: #fff; border-radius: 10px; padding: 20px; margin-bottom: 15px; border: 1px solid #e2e8f0; }
.faq-question { font-size: 16px; font-weight: bold; color: #162542; margin-bottom: 10px; }
.faq-answer { font-size: 15px; color: #333; line-height: 1.8; }
.pagination { text-align: center; margin-top: 30px; }
.pagination a, .pagination span { display: inline-block; padding: 6px 10px; margin: 0 4px; border: 1px solid #e2e8f0; border-radius: 4px; }
.pagination a:hover { background: #162542; color: #fff; border-color: #162542; }
.no-faq { text-align: center; padding: 40px 0; color: #999; }

/* 全局横幅 */
.global-banner { background: linear-gradient(135deg, #162542, #3671d9); padding: 50px 0; text-align: center; color: #fff; position: relative; overflow: hidden; }
.banner-title { font-size: 28px; margin-bottom: 15px; font-weight: bold; }
.banner-desc { font-size: 16px; margin-bottom: 20px; opacity: 0.9; }
.banner-btn { display: inline-block; background: #3671d9; color: #fff; padding: 12px 25px; border-radius: 6px; font-size: 16px; font-weight: bold; text-decoration: none; }
.banner-btn:hover { background: #58a1ff; }

@media (max-width: 768px) {
    .global-banner { padding: 40px 0; }
    .banner-title { font-size: 22px; }
    .banner-desc { font-size: 15px; }
}

/* 底部整体 */
.site-footer { background: #162542; color: #fff; padding: 40px 0 30px; margin-top: 40px; }
.footer-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.footer-left { flex: 1; min-width: 280px; }
.footer-logo img { height: 45px; margin-bottom: 15px; }
.footer-desc { line-height: 1.8; color: #cbd5e1; font-size: 14px; }
.footer-title { font-size: 16px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #334155; }
.footer-nav ul { list-style: none; padding: 0; }
.footer-nav li { margin-bottom: 10px; }
.footer-nav a { color: #cbd5e1; text-decoration: none; }
.footer-nav a:hover { color: #58a1ff; }
.contact-item { color: #cbd5e1; margin-bottom: 10px; font-size: 14px; }

/* 版权栏 */
.copyright-box { margin-top: 30px; padding-top: 15px; border-top: 1px solid #334155; text-align: center; color: #94a3b8; font-size: 14px; }

@media (max-width: 768px) {
    .footer-wrap { justify-content: center; text-align: center; }
    .site-footer { padding-bottom: 80px; }
}

/* 首页并排 */
.home-row { display: flex; gap: 20px; align-items: flex-start; }
.home-col { flex: 1; width: 50%; }

/* 新闻样式 */
.news-list { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 15px; }
.news-item { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #e2e8f0; font-size: 15px; }
.news-item:last-child { border-bottom: none; }
.news-item a { color: #333; }
.news-item a:hover { color: #162542; font-weight: 500; }
.news-item span { color: #999; font-size: 13px; }

@media (max-width: 768px) {
    .home-row { flex-direction: column; }
    .home-col { width: 100%; }
}

.news-list-page { max-width: 900px; margin: 0 auto; }
.news-item-page { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #e2e8f0; font-size: 15px; }
.news-title { color: #333; }
.news-title:hover { color: #162542; }
.news-date { color: #999; font-size: 13px; }
.pagination { text-align: center; margin-top: 30px; }
.pagination a, .pagination span { display: inline-block; padding: 6px 10px; margin: 0 4px; border: 1px solid #e2e8f0; border-radius: 4px; }
.pagination a:hover { background: #162542; color: #fff; border-color: #162542; }
.empty-tips { text-align: center; padding: 40px 0; color: #999; }

/* 底部表单 */
.footer-form-box { margin-top: 20px; padding-top: 15px; border-top: 1px solid #334155; }
.footer-form-box .form-group { margin-bottom: 10px; }
.footer-form-box input, .footer-form-box textarea { width: 100%; padding: 8px; border: none; border-radius: 4px; font-size: 14px; background: #1e293b; color: #fff; }
.footer-form-box input::placeholder { color: #cbd5e1; }
.footer-form-box .submit-btn { padding: 8px 20px; background: #3671d9; color: #fff; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; }
.footer-form-box .submit-btn:hover { background: #58a1ff; }

/* 新闻列表排版 - 仿参考图样式 */
.news-list-page {
    margin-top: 20px;
}
.news-item-page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}
.news-title {
    color: #333;
    text-decoration: none;
    flex: 1;
    margin-right: 15px;
}
.news-title:hover {
    color: #0066cc;
}
.news-date {
    color: #999;
    white-space: nowrap;
    font-size: 14px;
}

/* 分页居中 */
.pagination {
    text-align: center;
    margin-top: 30px;
}