/* ================= 1. 基础规范与核心修复 ================= */
        :root {
            --main-red: #c61b1c;   /* 官旗红 */
            --dark-blue: #003366;  /* 庄重蓝 */
            --gold: #f4c20d;       /* 装饰金 */
            --bg-light: #F6F8FA;   /* 背景灰 */
            --text-main: #333;
            --page-gray: #f5f7f9;
            --btn-gray: #f5f5f5;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif; 
            background: #fff; color: var(--text-main); line-height: 1.6;
        }
        a { text-decoration: none; color: inherit; transition: 0.3s; }
        ul { list-style: none; }
        img { max-width: 100%; height: auto; display: block; }
        .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        .bgs{ background: var(--page-gray);}

        /* ================= 2. 头部品牌区 ================= */
        .header-main { background: #fff; padding: 30px 0; }
        .header-flex { display: flex; justify-content: space-between; align-items: center; }
        
        .logo-box { display: flex; align-items: center; }
        .logo-box img{ height: 60px;}
        .logo-symbol { 
            background: var(--main-red); width: 60px; height: 60px; color: #fff; font-size: 32px; font-weight: bold; 
            display: flex; align-items: center; justify-content: center; border-radius: 4px; margin-right: 15px;
            box-shadow: 0 4px 10px rgba(198,27,28,0.2);
        }
        .logo-text h1 { font-size: 32px; color: var(--main-red); font-weight: 800; line-height: 1.1; letter-spacing: 1px; }
        .logo-text p { font-size: 13px; color: #999; text-transform: uppercase; letter-spacing: 1px; }

        .header-right { text-align: right; }
        .hotline-box { color: var(--dark-blue); font-weight: bold; font-size: 18px; margin-top: 5px; }
        .hotline-box span { color: var(--main-red); font-size: 14px; font-weight: normal; margin-right: 5px; }
        .meta-links { font-size: 15px; color: var(--dark-blue); font-weight: bold; margin-bottom: 5px; letter-spacing: 1px;}
        .meta-links span { color: var(--main-red); margin: 0 5px; }

        /* ================= 3. 导航栏 ================= */
        .nav-section { background: var(--main-red); position: sticky; top: 0; z-index: 1000; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
        .nav-list { display: flex; width: 100%; max-width: 1200px; margin: 0 auto; }
        .nav-item { flex: 1; text-align: center; }
        .nav-a { 
            display: block; color: #fff; line-height: 60px; font-size: 17px; font-weight: 500; 
            border-right: 1px solid rgba(255,255,255,0.1); white-space: nowrap; 
        }
        .nav-a:hover, .nav-item.active .nav-a { background: rgba(0,0,0,0.2); color: var(--gold); }

        /* ================= 4. 焦点图 (jQuery 轮播) ================= */
        .hero-slider { height: 480px; position: relative; background: #000; overflow: hidden; }
        .slide { 
            position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
            opacity: 0; transition: opacity 1s ease-in-out; 
            display: flex; align-items: center; justify-content: center; 
        }
        .slide.active { opacity: 1; z-index: 1; }
        .slide-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }
        .slide-content { position: relative; z-index: 2; color: #fff; text-align: center; padding: 0 20px; }
        .slide-content h2 { font-size: 52px; font-weight: 800; margin-bottom: 20px; text-shadow: 0 4px 15px rgba(0,0,0,0.8); }
        .slide-content p { font-size: 22px; background: rgba(0,0,0,0.5); display: inline-block; padding: 8px 30px; border-radius: 4px; letter-spacing: 3px; }

        /* ================= 5. 查询区 ================= */
        .query-section { margin-top: -60px; position: relative; z-index: 10; margin-bottom: 50px; }
        .query-card { background: #fff; padding: 35px; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.12); border-top: 5px solid var(--gold); }
        .query-flex { display: flex; gap: 15px; align-items: center; }
        .query-label { font-size: 20px; font-weight: bold; color: var(--dark-blue); white-space: nowrap; margin-right: 10px; }
        .query-flex input { flex: 1; padding: 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 16px; outline: none; }
        .query-flex button { background: var(--dark-blue); color: #fff; border: none; padding: 15px 40px; border-radius: 4px; font-size: 17px; font-weight: bold; cursor: pointer; transition: 0.3s; }
        .query-flex button:hover { background: #002244; transform: translateY(-2px); }

        /* ================= 6. 内容资讯 ================= */
        .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; padding-bottom: 80px; }
        .info-grid > div { min-width: 0; }

        .section-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #eee; margin-bottom: 20px; padding-bottom: 10px; }
        .section-head h3 { font-size: 24px; color: var(--main-red); position: relative; padding-bottom: 10px; border-bottom: 3px solid var(--main-red); margin-bottom: -12px; }
        .section-head .more { font-size: 14px; color: #999; }

        .list-item { 
            display: grid; grid-template-columns: minmax(0, 1fr) auto; 
            gap: 20px; align-items: center; padding: 20px 0; border-bottom: 1px dashed #ddd; 
        }
        .list-item a { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
        .list-item:hover a { color: var(--main-red); }
        .list-item .date { color: #999; font-size: 16px; font-family: Arial; flex-shrink: 0; }

        /* ================= 7. 关于我们 ================= */
        .about-modern { background: var(--bg-light); padding: 80px 0; }
        .about-flex { display: flex; align-items: center; gap: 60px; }
        .about-info { flex: 1.2; }
        .about-info h2 { font-size: 34px; color: var(--dark-blue); margin-bottom: 25px; border-left: 6px solid var(--main-red); padding-left: 20px; }
        .about-info p { font-size: 17px; color: #555; text-align: justify; margin-bottom: 30px; line-height: 1.8; }
        .stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .stat-item { background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); text-align: center; }
        .stat-item b { font-size: 30px; color: var(--main-red); display: block; margin-bottom: 5px; }
        .stat-item span { font-size: 13px; color: #999; }
        .about-img { flex: 1; }
        .about-img img { width: 100%; border-radius: 8px; box-shadow: 20px 20px 0 var(--gold); }

        /* ================= 8. 页脚 (已修改) ================= */
        footer { background: #1a1a1a; color: #aaa; padding: 60px 0 30px; font-size: 14px; }
        /* 比例调整：左侧信息占2份，主管单位占1份，二维码占1份 */
        .footer-grid { display: grid; grid-template-columns: 2fr 1.2fr 1fr; gap: 40px; margin-bottom: 40px; }
        .footer-logo { color: #fff; font-size: 24px; margin-bottom: 15px; border-left: 4px solid var(--main-red); padding-left: 12px; line-height: 1.2;}
        .footer-info p { margin-bottom: 10px; }
        
        .footer-links h4 { color: #fff; margin-bottom: 15px; font-size: 18px; }
        .footer-links a { display: block; margin-bottom: 10px; color: #888; transition: 0.3s; }
        .footer-links a:hover { color: #fff; }

        .footer-qr { text-align: right; }
        .footer-qr img { width: 110px; height: 110px; margin-left: auto; background: #fff; padding: 5px; border-radius: 4px; }
        .footer-qr p { margin-top: 10px; color: #fff; font-size: 13px; }

        .footer-btm { text-align: center; border-top: 1px solid #333; padding-top: 30px; color: #666; font-size: 13px; }


        /* ================= 内页通用样式 ================= */
        .inner-banner { height: 180px; background: var(--dark-blue); display: flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(rgba(0,51,102,0.8), rgba(0,51,102,0.8)), url(../img/bj.jpg); background-size: cover; }
        .inner-banner h2 { font-size: 32px; border-bottom: 3px solid var(--gold); padding-bottom: 5px; letter-spacing: 2px; }

        .main-wrapper { padding: 40px 0 80px; }
        .breadcrumb { font-size: 14px; color: #888; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
        .breadcrumb a:hover { color: var(--main-red); }

        /* 带子栏目的侧边栏布局 */
        .layout-with-sidebar { display: grid; grid-template-columns: 280px 1fr; gap: 40px; }
        .sidebar { border: 1px solid #eee; background: #fff; border-top: 4px solid var(--main-red); }
        .sidebar-title { background: #fafafa; padding: 15px 20px; font-size: 18px; font-weight: bold; color: var(--main-red); border-bottom: 1px solid #eee; }
        .sidebar-nav li a { display: block; padding: 12px 20px; border-bottom: 1px solid #f5f5f5; font-size: 15px; color: #555; }
        .sidebar-nav li a:hover, .sidebar-nav li a.active { background: var(--gray-bg); color: var(--main-red); padding-left: 25px; border-left: 3px solid var(--main-red); }

        /* 表格样式 (查询页使用) */
        .data-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
        .data-table th { background: #f8f9fa; padding: 15px; border: 1px solid #eee; text-align: left; color: var(--dark-blue); }
        .data-table td { padding: 15px; border: 1px solid #eee; font-size: 14px; }
        .data-table tr:hover { background: #fdfdfd; }
        .status-tag { padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: bold; }
        .status-published { background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; }
        .status-checking { background: #fff7e6; color: #fa8c16; border: 1px solid #ffd591; }

        /* 图片网格 */
        .image-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
        .image-card { border: 1px solid #eee; background: #fff; padding: 10px; transition: 0.3s; }
        .image-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); border-color: var(--gold); }
        .image-card img { height: 260px; object-fit: cover; width: 100%; margin-bottom: 10px; }
        .image-card h4 { font-size: 16px; text-align: center; color: #333; }

        /* 分页 */
        .pagination { display: flex; justify-content: center; gap: 10px; margin-top: 40px; }
        .pagination li { padding: 8px 16px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
        .pagination li a:hover, .pagination .active { background: var(--main-red); color: #fff; border-color: var(--main-red); }


        /* ================= 详情页与详情内容样式box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); ================= */
        .article-container { background: #fff; padding: 40px; }
        .article-header { text-align: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
        .article-header h1 { font-size: 28px; color: #333; margin-bottom: 15px; line-height: 1.4; }
        .article-meta { font-size: 14px; color: #999; }
        .article-meta span { margin: 0 15px; }

        /* 正文排版 */
        .article-content { font-size: 17px; line-height: 2; color: #444; text-align: justify; }
        .article-content p { margin-bottom: 20px; text-indent: 2em; }
        .article-content img { margin: 20px auto; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
        .article-content strong { color: #000; }

        /* 上下一篇导航 */
        .article-footer-nav { margin-top: 50px; padding-top: 25px; border-top: 1px solid #eee; font-size: 15px; }
        .article-footer-nav p { margin-bottom: 10px; }
        .article-footer-nav a { color: var(--dark-blue); }
        .article-footer-nav a:hover { color: var(--main-red); text-decoration: underline; }

        /* 子导航按钮组 */
        .sub-nav-container{max-width:900px;margin:0 auto 50px auto}
        .btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
        .btn-nav-item   a{display:block;text-align:center;padding:12px 0;background:var(--btn-gray);color:#555;border-radius:4px;font-size:16px;font-weight:bold;transition:0.3s;border:1px solid transparent}
        .btn-nav-item a:hover{background:#e9e9e9;color:var(--main-red);border-color:#ddd}
        .btn-nav-item a.active{background:var(--main-red);color:#fff;border-color:var(--main-red)}
        .content-body{background:#fff}
        .page-title{font-size:30px;color:var(--dark-blue);font-weight:800;margin-bottom:35px;text-align:center;position:relative;padding-bottom:15px}
        .page-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--main-red)}
        /* .article-content{font-size:18px;color:#444;line-height:2;text-align:justify;max-width:1000px;margin:0 auto}
        .article-content p{margin-bottom:25px;text-indent:2em}
        .article-content img{margin:30px auto;border:1px solid var(--border-light);padding:5px} */

        /* ================= 9. 移动端适配 ================= */
        @media (max-width: 768px) {
            .header-main { padding: 15px 0; }
            .header-flex { flex-direction: column; text-align: center; gap: 5px; }
            .logo-box img{ height: 36px; }
            .header-right { text-align: center; }
            .meta-links { font-size: 13px; letter-spacing: 0px;margin-bottom:0}
            .hotline-box { display: none; }
            
            .nav-list { flex-wrap: wrap; }
            .nav-item { flex: 0 0 33.333%; border-bottom: 1px solid rgba(255,255,255,0.1); }
            .nav-a { line-height: 46px; font-size: 16px; border-right: 1px solid rgba(255,255,255,0.1); }
            .nav-item:nth-child(3n) .nav-a { border-right: none; }

            .hero-slider { height: 320px; }
            .slide-content h2 { font-size: 28px; }
            .slide-content p { font-size: 16px; }
            
            .query-section { margin-top: -30px; }
            .query-flex { flex-direction: column; align-items: stretch; }
            .query-label { font-size: 18px; text-align: center; margin-bottom: 10px; }
            .query-flex input {font-size: 14px;}
            .query-flex button {  font-size: 16px;}
            .section-head { margin-bottom: 0px;}
            .section-head h3 { font-size: 18px;}
            .section-head .more { font-size: 12px;}

            .info-grid { grid-template-columns: 1fr; gap: 40px; }
            .list-item {  display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 15px 0; }
            .list-item a {font-size: 16px; white-space: normal; }
            .list-item .date { color: #999; font-size: 14px; }

            .about-info h2 { font-size: 24px;}
            .about-info p { font-size: 16px;margin-bottom: 10px;  }

            .about-flex { flex-direction: column; }
            .about-img { order: -1; width: 100%; }
            .stat-grid { grid-template-columns: 1fr; }
            
            .footer-grid { grid-template-columns: 1fr; text-align: center; gap: 30px; }
            .footer-logo { border-left: none; padding-left: 0;  font-size: 20px;}
            .footer-qr { text-align: center; }
            .footer-qr img { margin: 0 auto; }

            .btn-grid{gap:8px}
            .btn-nav-item a{font-size:13px;padding:10px 0}
            /* 内页 */
            .article-container { padding: 0px; }
            .article-header { text-align: left; padding-bottom: 15px; margin-bottom: 15px; }
            .article-header h1 { font-size: 20px;}
            .article-meta{text-align: left; font-size: 12px; }
            .article-meta span {  margin: 5px 0; padding-right: 5px; }
            .page-title{font-size:24px}
            .article-content { font-size: 15px; line-height: 1.8;}
            .article-content p { margin-bottom: 15px; }
            .article-content img { margin: 0 auto; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
            /* 上下一篇导航 */
            .article-footer-nav { margin-top: 20px; padding-top: 20px; font-size: 14px; }
            .article-footer-nav p { margin-bottom: 10px; color: #666; }
            .inner-banner { height: 100px; }
            .inner-banner h2 { font-size: 24px;}
            .main-wrapper { padding: 20px 10px 40px 10px; }
            /* 分页 */
            .pagination li { padding: 5px 10px; font-size: 13px; }
            .layout-with-sidebar { grid-template-columns: 1fr; }
            .image-grid { grid-template-columns: 1fr; }
            .sidebar { margin-bottom: 30px; }
            .breadcrumb { margin-bottom: 5px; }
        }