diff --git a/web/assest/房子 1@2x.png b/web/assest/房子 1@2x.png
new file mode 100644
index 0000000..ffcaed7
Binary files /dev/null and b/web/assest/房子 1@2x.png differ
diff --git a/web/assest/网站头部切图.png b/web/assest/网站头部切图.png
new file mode 100644
index 0000000..fb79e84
Binary files /dev/null and b/web/assest/网站头部切图.png differ
diff --git a/web/dbzq.html b/web/dbzq.html
new file mode 100644
index 0000000..de188b1
--- /dev/null
+++ b/web/dbzq.html
@@ -0,0 +1,866 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>东部战区海军</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            width: 1600px;
+            margin: 0 auto;
+            background: #FFFFFF;
+            font-family: "Microsoft YaHei", Arial, sans-serif;
+            color: #333;
+        }
+
+        a {
+            text-decoration: none;
+            color: inherit;
+        }
+
+        ul {
+            list-style: none;
+        }
+
+        img {
+            display: block;
+            border: 0;
+        }
+
+        .wrap {
+            width: 1600px;
+            margin: 0 auto;
+        }
+
+        /* ========== 板块1：顶部工具栏 ========== */
+        .topbar {
+            width: 100%;
+            height: 32px;
+            background: #f5f5f5;
+            border-bottom: 1px solid #e5e5e5;
+            font-size: 12px;
+            color: #555;
+        }
+
+        .topbar .wrap {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .topbar .welcome {
+            color: #333;
+            display: flex;
+            align-items: center;
+            margin-left: 203px;
+        }
+
+        .topbar .welcome img {
+            width: 16px;
+            height: 16px;
+            margin-right: 6px;
+        }
+
+        .topbar .searchbox {
+            display: flex;
+        }
+
+        .topbar .searchbox input {
+            height: 22px;
+            width: 220px;
+            padding: 0 8px;
+            border: 1px solid #ccc;
+            font-size: 12px;
+            outline: none;
+        }
+
+        .topbar .searchbox button {
+            height: 22px;
+            padding: 0 14px;
+            border: 1px solid #ccc;
+            border-left: 0;
+            background: #fff;
+            cursor: pointer;
+            font-size: 12px;
+        }
+
+        .topbar .toplinks a {
+            color: #555;
+            margin: 0 4px;
+        }
+
+        .topbar .toplinks a:hover {
+            color: #c00;
+        }
+
+        /* ========== 板块2：导航栏 53px ========== */
+        .navbar {
+            width: 100%;
+            height: 53px;
+            background: #1a4a8a;
+        }
+
+        .navbar .wrap {
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .navbar ul {
+            display: flex;
+            height: 100%;
+        }
+
+        .navbar ul li {
+            height: 100%;
+        }
+
+        .navbar ul li a {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            padding: 0 32px;
+            color: #fff;
+            font-size: 16px;
+            font-weight: bold;
+        }
+
+        .navbar ul li a:hover,
+        .navbar ul li a.active {
+            background: #0d3266;
+        }
+
+        /* ========== 板块3：网站头部切图 ========== */
+        .header-banner {
+            width: 100%;
+        }
+
+        .header-banner img {
+            width: 100%;
+        }
+
+        /* ========== 通用板块容器 ========== */
+        .section {
+            width: 100%;
+            padding: 30px 0;
+        }
+
+        .section .wrap {
+            display: flex;
+            gap: 20px;
+        }
+
+        /* ========== 板块标题 ========== */
+        .sec-title {
+            text-align: center;
+            margin-bottom: 20px;
+        }
+
+        .sec-title h2 {
+            display: inline-block;
+            font-size: 22px;
+            color: #1a4a8a;
+            border-bottom: 2px solid #1a4a8a;
+            padding: 0 20px 8px;
+            font-weight: bold;
+        }
+
+        .sec-title-en {
+            font-size: 12px;
+            color: #999;
+            margin-top: 4px;
+            letter-spacing: 1px;
+        }
+
+        /* ========== 板块4：新闻资讯（3列） ========== */
+        .news-section {
+            background: #fff;
+        }
+
+        .news-col {
+            flex: 1;
+            background: #f9f9f9;
+            border: 1px solid #e8e8e8;
+            padding: 15px;
+        }
+
+        .news-col h3 {
+            font-size: 16px;
+            color: #1a4a8a;
+            border-bottom: 1px solid #1a4a8a;
+            padding-bottom: 8px;
+            margin-bottom: 12px;
+        }
+
+        .news-pic img {
+            width: 100%;
+            height: 180px;
+            background: #ddd;
+            object-fit: cover;
+        }
+
+        .news-pic h4 {
+            font-size: 15px;
+            color: #333;
+            margin: 10px 0 6px;
+            line-height: 1.5;
+        }
+
+        .news-pic p {
+            font-size: 12px;
+            color: #888;
+            line-height: 1.6;
+        }
+
+        .news-list li {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 8px 0;
+            border-bottom: 1px dashed #eee;
+            font-size: 13px;
+        }
+
+        .news-list li a {
+            color: #333;
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            padding-left: 10px;
+            position: relative;
+        }
+
+        .news-list li a::before {
+            content: "·";
+            position: absolute;
+            left: 0;
+            color: #1a4a8a;
+            font-weight: bold;
+        }
+
+        .news-list li .date {
+            color: #999;
+            font-size: 12px;
+        }
+
+        .news-list li a:hover {
+            color: #c00;
+        }
+
+        .news-rank li {
+            display: flex;
+            align-items: center;
+            padding: 7px 0;
+            border-bottom: 1px dashed #eee;
+            font-size: 13px;
+        }
+
+        .news-rank .rank-num {
+            display: inline-block;
+            width: 18px;
+            height: 18px;
+            line-height: 18px;
+            text-align: center;
+            background: #ccc;
+            color: #fff;
+            font-size: 12px;
+            margin-right: 8px;
+        }
+
+        .news-rank li:nth-child(-n+3) .rank-num {
+            background: #c00;
+        }
+
+        .news-rank li a {
+            color: #333;
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+
+        .news-rank li a:hover {
+            color: #c00;
+        }
+
+        /* ========== 蓝色波浪分隔条 ========== */
+        .divider-wave {
+            width: 100%;
+            height: 60px;
+            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 60' preserveAspectRatio='none'><path d='M0,30 Q200,0 400,30 T800,30 T1200,30 T1600,30 L1600,60 L0,60 Z' fill='%231a4a8a' opacity='0.15'/><path d='M0,40 Q200,20 400,40 T800,40 T1200,40 T1600,40' stroke='%231a4a8a' stroke-width='2' fill='none'/></svg>") center/100% 100% no-repeat;
+        }
+
+        .divider-wave-2 {
+            width: 100%;
+            height: 50px;
+            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50' preserveAspectRatio='none'><path d='M0,25 C200,5 400,45 800,25 C1200,5 1400,45 1600,25 L1600,50 L0,50 Z' fill='%231a4a8a' opacity='0.1'/></svg>") center/100% 100% no-repeat;
+        }
+
+        /* ========== 红色丝带分隔条 ========== */
+        .divider-ribbon {
+            width: 100%;
+            height: 50px;
+            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 50' preserveAspectRatio='none'><path d='M0,15 L1600,15 L1600,35 L800,45 L0,35 Z' fill='%23c00' opacity='0.85'/><path d='M0,15 L1600,15' stroke='%23ff6b6b' stroke-width='1'/></svg>") center/100% 100% no-repeat;
+        }
+
+        /* ========== 板块5：中心内容（标题+文章列表） ========== */
+        .article-section {
+            background: #fff;
+        }
+
+        .article-section .wrap {
+            display: block;
+        }
+
+        .article-list {
+            margin-top: 20px;
+        }
+
+        .article-list li {
+            display: flex;
+            align-items: center;
+            padding: 12px 0;
+            border-bottom: 1px dashed #e5e5e5;
+            font-size: 14px;
+        }
+
+        .article-list li .tag {
+            display: inline-block;
+            padding: 2px 8px;
+            background: #1a4a8a;
+            color: #fff;
+            font-size: 12px;
+            margin-right: 12px;
+            border-radius: 2px;
+        }
+
+        .article-list li a {
+            flex: 1;
+            color: #333;
+        }
+
+        .article-list li a:hover {
+            color: #c00;
+        }
+
+        .article-list li .date {
+            color: #999;
+            font-size: 12px;
+        }
+
+        /* ========== 板块6：3卡片网格 ========== */
+        .card-grid-3 {
+            display: flex;
+            gap: 20px;
+        }
+
+        .card {
+            flex: 1;
+            background: #f9f9f9;
+            border: 1px solid #e8e8e8;
+            overflow: hidden;
+        }
+
+        .card img {
+            width: 100%;
+            height: 200px;
+            background: #ddd;
+            object-fit: cover;
+        }
+
+        .card-body {
+            padding: 15px;
+        }
+
+        .card-body h4 {
+            font-size: 16px;
+            color: #1a4a8a;
+            margin-bottom: 8px;
+            text-align: center;
+        }
+
+        .card-body p {
+            font-size: 13px;
+            color: #666;
+            line-height: 1.6;
+        }
+
+        /* ========== 板块7：双列+侧边栏 ========== */
+        .layout-sidebar {
+            display: flex;
+            gap: 20px;
+        }
+
+        .sidebar {
+            width: 260px;
+            background: #f9f9f9;
+            border: 1px solid #e8e8e8;
+        }
+
+        .sidebar h3 {
+            background: #1a4a8a;
+            color: #fff;
+            padding: 12px 15px;
+            font-size: 16px;
+        }
+
+        .sidebar ul li a {
+            display: block;
+            padding: 10px 15px;
+            border-bottom: 1px solid #eee;
+            color: #333;
+            font-size: 14px;
+        }
+
+        .sidebar ul li a:hover {
+            background: #e8eef7;
+            color: #1a4a8a;
+        }
+
+        .main-content {
+            flex: 1;
+            background: #f9f9f9;
+            border: 1px solid #e8e8e8;
+            padding: 20px;
+        }
+
+        .main-content h3 {
+            font-size: 18px;
+            color: #1a4a8a;
+            border-bottom: 2px solid #1a4a8a;
+            padding-bottom: 8px;
+            margin-bottom: 15px;
+        }
+
+        /* ========== 板块8：4卡片网格（2x2） ========== */
+        .card-grid-4 {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 20px;
+        }
+
+        /* ========== 板块9：双列内容 ========== */
+        .two-col {
+            display: flex;
+            gap: 20px;
+        }
+
+        .two-col-block {
+            flex: 1;
+            background: #f9f9f9;
+            border: 1px solid #e8e8e8;
+            padding: 20px;
+        }
+
+        .two-col-block h3 {
+            font-size: 18px;
+            color: #1a4a8a;
+            border-bottom: 2px solid #1a4a8a;
+            padding-bottom: 8px;
+            margin-bottom: 15px;
+        }
+
+        /* ========== 板块10：2x2图片网格 ========== */
+        .img-grid-2x2 {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 15px;
+        }
+
+        .img-grid-2x2 .img-item {
+            position: relative;
+        }
+
+        .img-grid-2x2 img {
+            width: 100%;
+            height: 240px;
+            background: #ddd;
+            object-fit: cover;
+        }
+
+        .img-grid-2x2 .img-caption {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
+            background: rgba(0, 0, 0, 0.6);
+            color: #fff;
+            padding: 8px 12px;
+            font-size: 14px;
+        }
+
+        /* ========== 板块：Footer ========== */
+        .footer {
+            width: 100%;
+            background: #1a4a8a;
+            color: #fff;
+            padding: 30px 0;
+            margin-top: 20px;
+        }
+
+        .footer .wrap {
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-start;
+        }
+
+        .footer-left h4 {
+            font-size: 18px;
+            margin-bottom: 10px;
+        }
+
+        .footer-left p {
+            font-size: 13px;
+            line-height: 1.8;
+            color: #c8d4e8;
+        }
+
+        .footer-right {
+            text-align: right;
+            font-size: 12px;
+            color: #c8d4e8;
+            line-height: 1.8;
+        }
+    </style>
+</head>
+
+<body>
+    <!-- 板块1：顶部工具栏 -->
+    <div class="topbar">
+        <div class="wrap">
+            <span class="welcome">
+                <img src="assest/房子 1@2x.png" alt="">
+                东部战区海军强军网集群
+            </span>
+            <form class="searchbox" onsubmit="return false;">
+                <input type="text" placeholder="请输入关键字">
+                <button type="submit">搜索</button>
+            </form>
+            <div class="toplinks">
+                <a href="javascript:;">陈章溦 已登录</a> |
+                <a href="javascript:;">退出</a> |
+                <a href="javascript:;">注册</a> |
+                <a href="javascript:;">网盘</a>
+            </div>
+        </div>
+    </div>
+
+    <!-- 板块2：导航栏 53px -->
+    <nav class="navbar">
+        <div class="wrap">
+            <ul>
+                <li><a href="javascript:;" class="active">首页</a></li>
+                <li><a href="javascript:;">战区要闻</a></li>
+                <li><a href="javascript:;">部队动态</a></li>
+                <li><a href="javascript:;">军事资讯</a></li>
+                <li><a href="javascript:;">政策法规</a></li>
+                <li><a href="javascript:;">强军文化</a></li>
+                <li><a href="javascript:;">服务保障</a></li>
+                <li><a href="javascript:;">在线留言</a></li>
+            </ul>
+        </div>
+    </nav>
+
+    <!-- 板块3：网站头部切图 -->
+    <div class="header-banner">
+        <img src="assest/网站头部切图.png" alt="网站头部切图">
+    </div>
+
+    <!-- 板块4：新闻资讯（3列） -->
+    <section class="section news-section">
+        <div class="wrap">
+            <!-- 左：图片新闻 -->
+            <div class="news-col">
+                <h3>图片新闻</h3>
+                <div class="news-pic">
+                    <img src="" alt="">
+                    <h4>海军某部开展实战化训练 锤炼制胜本领</h4>
+                    <p>近日，海军某部组织开展了实战化训练，全面锤炼部队打赢能力...</p>
+                </div>
+            </div>
+            <!-- 中：新闻列表 -->
+            <div class="news-col">
+                <h3>新闻动态</h3>
+                <ul class="news-list">
+                    <li><a href="javascript:;">东部战区海军某驱逐舰支队开展海上实战化训练</a><span class="date">2026-08-28</span></li>
+                    <li><a href="javascript:;">海军航空兵某团组织跨昼夜飞行训练</a><span class="date">2026-08-27</span></li>
+                    <li><a href="javascript:;">某护卫舰大队开展编队协同训练提升作战能力</a><span class="date">2026-08-26</span></li>
+                    <li><a href="javascript:;">战区海军组织机关干部军事体育考核</a><span class="date">2026-08-25</span></li>
+                    <li><a href="javascript:;">海军陆战队某旅开展两栖装甲车驾驶训练</a><span class="date">2026-08-24</span></li>
+                    <li><a href="javascript:;">某潜艇支队开展深海作战课题研练</a><span class="date">2026-08-23</span></li>
+                    <li><a href="javascript:;">海军某基地组织新装备作战使用培训</a><span class="date">2026-08-22</span></li>
+                </ul>
+            </div>
+            <!-- 右：热门排行 -->
+            <div class="news-col">
+                <h3>热门排行</h3>
+                <ul class="news-rank">
+                    <li><span class="rank-num">1</span><a href="javascript:;">东部战区海军隆重举行某重大演练活动</a></li>
+                    <li><span class="rank-num">2</span><a href="javascript:;">海军某驱逐舰支队开展实弹射击训练</a></li>
+                    <li><span class="rank-num">3</span><a href="javascript:;">战区海军某保障基地开展业务技能比武</a></li>
+                    <li><span class="rank-num">4</span><a href="javascript:;">海军航空兵某师组织对抗空战训练</a></li>
+                    <li><span class="rank-num">5</span><a href="javascript:;">某登陆舰支队开展装载训练提升投送能力</a></li>
+                    <li><span class="rank-num">6</span><a href="javascript:;">海军陆战队某旅开展登陆作战演练</a></li>
+                    <li><span class="rank-num">7</span><a href="javascript:;">战区海军机关组织开展主题党日活动</a></li>
+                </ul>
+            </div>
+        </div>
+    </section>
+
+    <!-- 蓝色波浪分隔条 -->
+    <div class="divider-wave"></div>
+
+    <!-- 板块5：文章中心 -->
+    <section class="section article-section">
+        <div class="wrap">
+            <div class="sec-title">
+                <h2>学习中心</h2>
+                <div class="sec-title-en">STUDY CENTER</div>
+            </div>
+            <ul class="article-list">
+                <li><span class="tag">要闻</span><a href="javascript:;">习近平主席关于国防和军队建设重要论述选编</a><span
+                        class="date">2026-08-28</span></li>
+                <li><span class="tag">理论</span><a href="javascript:;">深刻领会新时代党的强军思想的丰富内涵和实践要求</a><span
+                        class="date">2026-08-27</span></li>
+                <li><span class="tag">教育</span><a href="javascript:;">战区海军部队广泛开展主题教育实践活动</a><span
+                        class="date">2026-08-26</span></li>
+                <li><span class="tag">学习</span><a href="javascript:;">深入推进"四史"学习教育 汲取奋进力量</a><span
+                        class="date">2026-08-25</span></li>
+                <li><span class="tag">研讨</span><a href="javascript:;">围绕加快建设强大现代化海军开展专题研讨</a><span
+                        class="date">2026-08-24</span></li>
+                <li><span class="tag">讲话</span><a href="javascript:;">在战区海军党委扩大会议上的重要讲话精神</a><span
+                        class="date">2026-08-23</span></li>
+                <li><span class="tag">文件</span><a href="javascript:;">关于全面加强部队建设的若干意见</a><span
+                        class="date">2026-08-22</span></li>
+            </ul>
+        </div>
+    </section>
+
+    <!-- 红色丝带分隔条 -->
+    <div class="divider-ribbon"></div>
+
+    <!-- 板块6：3卡片网格 -->
+    <section class="section">
+        <div class="wrap">
+            <div class="card-grid-3">
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>军事资讯</h4>
+                        <p>提供最新军事动态、装备发展、训练演练等资讯内容，关注国防和军队现代化建设。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>战区要闻</h4>
+                        <p>聚焦东部战区海军部队训练演习、战备执勤、抢险救灾等重要活动和重要时刻。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>部队动态</h4>
+                        <p>展示基层部队官兵训练生活、典型事迹、经验做法等，记录海军官兵战斗风采。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 蓝色波浪分隔条 -->
+    <div class="divider-wave-2"></div>
+
+    <!-- 板块7：双列+侧边栏 -->
+    <section class="section">
+        <div class="wrap">
+            <div class="layout-sidebar">
+                <aside class="sidebar">
+                    <h3>政策法规</h3>
+                    <ul>
+                        <li><a href="javascript:;">条令条例</a></li>
+                        <li><a href="javascript:;">军事法规</a></li>
+                        <li><a href="javascript:;">规章制度</a></li>
+                        <li><a href="javascript:;">规范标准</a></li>
+                        <li><a href="javascript:;">操作规程</a></li>
+                        <li><a href="javascript:;">管理规定</a></li>
+                        <li><a href="javascript:;">实施细则</a></li>
+                    </ul>
+                </aside>
+                <div class="main-content">
+                    <h3>政策法规详情</h3>
+                    <ul class="article-list">
+                        <li><span class="tag">法规</span><a href="javascript:;">《中华人民共和国国防法》全文</a><span
+                                class="date">2026-08-28</span></li>
+                        <li><span class="tag">条令</span><a href="javascript:;">内务条令、纪律条令、队列条令相关内容</a><span
+                                class="date">2026-08-27</span></li>
+                        <li><span class="tag">制度</span><a href="javascript:;">军队基层建设纲要及配套规章制度</a><span
+                                class="date">2026-08-26</span></li>
+                        <li><span class="tag">规定</span><a href="javascript:;">海军部队军事训练相关管理规定</a><span
+                                class="date">2026-08-25</span></li>
+                        <li><span class="tag">标准</span><a href="javascript:;">军事训练考核标准及实施细则</a><span
+                                class="date">2026-08-24</span></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 红色丝带分隔条 -->
+    <div class="divider-ribbon"></div>
+
+    <!-- 板块8：4卡片网格（2x2） -->
+    <section class="section">
+        <div class="wrap">
+            <div class="sec-title">
+                <h2>强军风采</h2>
+                <div class="sec-title-en">MILITARY STYLE</div>
+            </div>
+            <div class="card-grid-4">
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>训练剪影</h4>
+                        <p>记录官兵训练瞬间，展现新时代海军官兵的战斗风采。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>演训一线</h4>
+                        <p>聚焦海上演训一线，呈现实战化训练的精彩画面。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>装备风采</h4>
+                        <p>展示新型武器装备，体现国防科技发展水平。</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <img src="" alt="">
+                    <div class="card-body">
+                        <h4>军旅生活</h4>
+                        <p>反映海军官兵丰富多彩的军旅生活和战友情谊。</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 蓝色波浪分隔条 -->
+    <div class="divider-wave"></div>
+
+    <!-- 板块9：双列内容 -->
+    <section class="section">
+        <div class="wrap">
+            <div class="two-col">
+                <div class="two-col-block">
+                    <h3>服务保障</h3>
+                    <ul class="article-list">
+                        <li><span class="tag">后勤</span><a href="javascript:;">战区海军后勤保障工作稳步推进</a><span
+                                class="date">2026-08-28</span></li>
+                        <li><span class="tag">装备</span><a href="javascript:;">海军装备维修保障能力建设取得新进展</a><span
+                                class="date">2026-08-27</span></li>
+                        <li><span class="tag">卫勤</span><a href="javascript:;">海上医疗救护演练提升卫勤保障能力</a><span
+                                class="date">2026-08-26</span></li>
+                        <li><span class="tag">运输</span><a href="javascript:;">海军运输投送能力建设成果显著</a><span
+                                class="date">2026-08-25</span></li>
+                    </ul>
+                </div>
+                <div class="two-col-block">
+                    <h3>强军文化</h3>
+                    <ul class="article-list">
+                        <li><span class="tag">文化</span><a href="javascript:;">海军特色文化建设项目成果展示</a><span
+                                class="date">2026-08-28</span></li>
+                        <li><span class="tag">活动</span><a href="javascript:;">战区海军举办庆祝海军成立纪念活动</a><span
+                                class="date">2026-08-27</span></li>
+                        <li><span class="tag">作品</span><a href="javascript:;">海军官兵文学艺术作品征集评选活动</a><span
+                                class="date">2026-08-26</span></li>
+                        <li><span class="tag">典型</span><a href="javascript:;">宣传表彰强军路上先进典型事迹</a><span
+                                class="date">2026-08-25</span></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 红色丝带分隔条 -->
+    <div class="divider-ribbon"></div>
+
+    <!-- 板块10：2x2图片网格 -->
+    <section class="section">
+        <div class="wrap">
+            <div class="img-grid-2x2">
+                <div class="img-item">
+                    <img src="" alt="">
+                    <div class="img-caption">深蓝砺剑 - 海上实战化训练</div>
+                </div>
+                <div class="img-item">
+                    <img src="" alt="">
+                    <div class="img-caption">逐梦深蓝 - 海军官兵风采</div>
+                </div>
+                <div class="img-item">
+                    <img src="" alt="">
+                    <div class="img-caption">向海图强 - 装备建设发展</div>
+                </div>
+                <div class="img-item">
+                    <img src="" alt="">
+                    <div class="img-caption">练兵备战 - 演训一线报道</div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 蓝色波浪分隔条 -->
+    <div class="divider-wave-2"></div>
+
+    <!-- 板块11：双列内容（在线留言/网盘等） -->
+    <section class="section">
+        <div class="wrap">
+            <div class="two-col">
+                <div class="two-col-block">
+                    <h3>在线留言</h3>
+                    <p style="color:#666;font-size:13px;line-height:1.8;">
+                        为畅通官兵诉求渠道，倾听基层声音，欢迎广大官兵通过留言板反映问题、提出建议，我们将认真对待每一条留言，及时反馈处理结果。</p>
+                </div>
+                <div class="two-col-block">
+                    <h3>网盘服务</h3>
+                    <p style="color:#666;font-size:13px;line-height:1.8;">
+                        提供文件存储、共享、下载等便捷服务，方便官兵日常工作和学习资料的存储与共享，支持多种文件格式上传与管理。</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- 板块：Footer -->
+    <footer class="footer">
+        <div class="wrap">
+            <div class="footer-left">
+                <h4>东部战区海军强军网集群</h4>
+                <p>主办单位：东部战区海军政治工作部</p>
+                <p>承办单位：东部战区海军网络宣传中心</p>
+                <p>联系电话：XXX-XXXXXXXX &nbsp;&nbsp; Email: xxxxx@163.com</p>
+            </div>
+            <div class="footer-right">
+                <p>Copyright © 2026 东部战区海军强军网 版权所有</p>
+                <p>网站标识码：XXXXXXXXXX</p>
+                <p>京ICP备XXXXXXXX号 &nbsp; 军网XX字第XXX号</p>
+            </div>
+        </div>
+    </footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/军政门户/css/base.css b/军政门户/css/base.css
index 46341c9..ae11a64 100644
--- a/军政门户/css/base.css
+++ b/军政门户/css/base.css
@@ -1,12 +1,12 @@
 /*
-    ������ͨ����ʽ�� 
+    ������ͨ����ʽ�� 
     part1:reset.css
     part2:grid.css w1008-24
     part3:base.css
-    ����ʱ��: 2015-06-29
-    ������ʱ�䣺2016-07-03
-    δѹ���棺4.0.2
-    ������lhh
+    ����ʱ��: 2015-06-29
+    ������ʱ�䣺2016-07-03
+    δѹ���棺4.0.2
+    ������lhh
  */
 /*----------------------------part1:reset.css----------------------------*/
 a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
@@ -103,7 +103,7 @@ body {
 .omega {
 	margin-right: 0;
 }
-/* Grid >> 24 Columns  ����30 + ��߾�6���ұ߾� ��
+/* Grid >> 24 Columns  ����30 + ��߾�6���ұ߾� ��
 ----------------------------------------------------------------------------------------------------*/
 
 .container_24 .grid_1 {
@@ -466,7 +466,7 @@ body {
 .container_24 .pull_23 {
 	left: -966px;
 }
-/* `������� */
+/* `������� */
 .clear {
 	clear: both;
 	display: block;
@@ -492,14 +492,14 @@ body {
 	zoom: 1;
 }
 /*----------------------------part3:base.css----------------------------*/
-/*1 ����
-	Example��
-	<h1> �����<small>С����</small></h1>
-    <h2> �����<small>С����</small></h2>
-    <h3> �����<small>С����</small></h3>
-    <h4> �����<small>С����</small></h4>
-    <h5> �����<small>С����</small></h5>
-    <h6> �����<small>С����</small></h6>
+/*1 ����
+	Example��
+	<h1> �����<small>С����</small></h1>
+    <h2> �����<small>С����</small></h2>
+    <h3> �����<small>С����</small></h3>
+    <h4> �����<small>С����</small></h4>
+    <h5> �����<small>С����</small></h5>
+    <h6> �����<small>С����</small></h6>
 */
 h1, h2, h3, h4, h5, h6 {
 	font-weight: 500;
@@ -543,42 +543,42 @@ h5 {
 h6 {
 	font-size: 12px;
 }
-/*2 ����Ч��
-	Name:		    ����Ч��
+/*2 ����Ч��
+	Name:		    ����Ч��
 	Example:		style_b,style_strong,style_em,style_pre,style_uppercase,style_lowercase,style_capitalize,style_en
 */
-/*С���ı�*/
+/*С���ı�*/
 b, strong {
 	font-weight: bold;
 }
-/*��Ҫ���ı����Ӵ�*/
+/*��Ҫ���ı����Ӵ�*/
 em {
 	font-style: italic;
 }
 pre {
 	white-space: pre-wrap;
 }
-/*Ԥ��ʽ�����ı�*/
+/*Ԥ��ʽ�����ı�*/
 .uppercase {
 	text-transform: uppercase;
 }
-/*���ִ�д*/
+/*���ִ�д*/
 .lowercase {
 	text-transform: lowercase;
 }
-/*����Сд*/
+/*����Сд*/
 .capitalize {
 	text-transform: capitalize;
 }
-/*����ĸ��д*/
+/*����ĸ��д*/
 .en {
 	font-family: Arial !important;
 }
-/*3 ����
+/*3 ����
 	Name:			style_text-align
 	Example:		class="text-l|text-r|text-c|va-t|va-m|va-b"
-	Explain:		.text-ˮƽ���� ��.text-l�����|.text-r�Ҷ���|.text-c���ж��룩
-					.va-���¶��� ��.va-t ���϶���|.va-m ���ж���|.va-b ���¶��룩
+	Explain:		.text-ˮƽ���� ��.text-l�����|.text-r�Ҷ���|.text-c���ж��룩
+					.va-���¶��� ��.va-t ���϶���|.va-m ���ж���|.va-b ���¶��룩
 */
 .text-l {
 	text-align: left;
@@ -591,7 +591,7 @@ pre {
 }
 .va * {
 	vertical-align: sub !important;
- *vertical-align: middle !important;
+ vertical-align: middle !important;
 	_vertical-align: middle !important;
 }
 .va-t {
@@ -603,10 +603,10 @@ pre {
 .va-b {
 	vertical-align: bottom !important;
 }
-/*4 ��λ
+/*4 ��λ
 	Name:			style_position
 	Example:		class="pos-r|pos-a|pos-f"
-	Explain:		.pos-r ��Զ�λ|.pos-a ���Զ�λ|.pos-f �̶�
+	Explain:		.pos-r ��Զ�λ|.pos-a ���Զ�λ|.pos-f �̶�
 */
 .pos-r {
 	position: relative;
@@ -617,10 +617,10 @@ pre {
 .pos-f {
 	position: fixed;
 }
-/*5 ����
+/*5 ����
 	Name:			style_float
 	Example:		class="l|r"
-	Explain:		.l �󸡶�|.r �Ҹ���
+	Explain:		.l �󸡶�|.r �Ҹ���
 */
 .l, .f-l {
 	float: left !important;
@@ -633,7 +633,7 @@ pre {
  [class*="span"].r, [class*="span"].f-r {
  float: right;
 }
-/*����Ԫ�ضԶ�λ��λ�ã�����|����|j����|����*/
+/*����Ԫ�ضԶ�λ��λ�ã�����|����|j����|����*/
 .left {
 	left: 0;
 	right: auto;
@@ -650,7 +650,7 @@ pre {
 	top: 0;
 	bottom: auto;
 }
-/*6 ���ֵ������ʡ�Ժ�
+/*6 ���ֵ������ʡ�Ժ�
 	Name:			style_text-overflow
 	Example:		class="text-overflow"
 */
@@ -659,7 +659,7 @@ pre {
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-/*7 ����
+/*7 ����
 	Name:			style_line
 	Example:		class="line"
 */
@@ -669,10 +669,10 @@ pre {
 	border-top: solid 1px #eee;
 	float: none;
 }
-/*8 ��߾�
+/*8 ��߾�
 	Name:			style_margin
 	Example:		class="mt-5|mt-10..."
-	Explain:		.mt��ʾ�ϱ߾�|.mb��ʾ�±߾�|.ml��ʾ��߾�|.mr��ʾ�ұ߾�
+	Explain:		.mt��ʾ�ϱ߾�|.mb��ʾ�±߾�|.ml��ʾ��߾�|.mr��ʾ�ұ߾�
 */
 .mt-5 {
 	margin-top: 5px;
@@ -764,10 +764,10 @@ pre {
 .mr-50 {
 	margin-right: 50px;
 }
-/*9 �����
+/*9 �����
 	Name:			style_padding
-	Example:		class="pt-5|pt-10|����"
-	Explain:		.pt��ʾ�����|.pb��ʾ�����|.pl��ʾ�����|.pr��ʾ�����
+	Example:		class="pt-5|pt-10|����"
+	Explain:		.pt��ʾ�����|.pb��ʾ�����|.pl��ʾ�����|.pr��ʾ�����
 */
 .pt-5 {
 	padding-top: 5px;
@@ -823,10 +823,10 @@ pre {
 .pd-40 {
 	padding: 40px;
 }
-/*10 �߿�css3Բ��
+/*10 �߿�css3Բ��
 	Name:			style_border
 	Example:		class="radius"
-	Explain:		.bk_gray �߿�|radius Բ��|round ��Բ | circle Բ��
+	Explain:		.bk_gray �߿�|radius Բ��|round ��Բ | circle Բ��
 */
 .radius {
 	border-radius: 4px;
@@ -852,11 +852,11 @@ pre {
 	overflow: hidden;
 	behavior: url(ie-css3.htc);
 }
-/*11 css3��Ӱ
+/*11 css3��Ӱ
 	Name:			style_shadow
 	Example:		class="box-shadow|text-shadow"
-	Explain:		box-shadow �鼶Ԫ����Ӱ��ȫ����ʽ�������ڱ����ı����ı���div�ȿ鼶Ԫ���ϡ�
-					text-shadow ������Ӱ
+	Explain:		box-shadow �鼶Ԫ����Ӱ��ȫ����ʽ�������ڱ����ı����ı���div�ȿ鼶Ԫ���ϡ�
+					text-shadow ������Ӱ
 */
 .box-shadow {
 	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
@@ -868,7 +868,7 @@ pre {
 	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 	behavior: url(ie-css3.htc);
 }
-/*12 ���ڷָ�����
+/*12 ���ڷָ�����
 	Name:			style_pipe
 	Example:		<span class="pipe"|</span
 */
@@ -877,10 +877,10 @@ pre {
 	color: #CCC;
 	font-size: 10px !important;
 }
-/*13 ���ֳߴ�
+/*13 ���ֳߴ�
 	Name:			style_font-size
 	Example:		class="f-12|f-14|f-16|f-18|f-20|f-24|f-26|f-28|f-30"
-	Explain:		12px����|14px����|16px����|18px����|20px����|24px����|26px����|28px����|30px����
+	Explain:		12px����|14px����|16px����|18px����|20px����|24px����|26px����|28px����|30px����
 */
 .f-12 {
 	font-size: 12px;
@@ -909,10 +909,10 @@ pre {
 .f-30 {
 	font-size: 30px;
 }
-/*14 �����о�
+/*14 �����о�
 	Name:			mod_line-height
 	Example:		class="lh-16|lh-18|lh-20|lh-22|lh-24|lh-26|lh-28|lh-30"
-	Explain:		16px�и�|18px�и�|20px�и�|22px�и�|24px�и�|26px�и�|30px�и�
+	Explain:		16px�и�|18px�и�|20px�и�|22px�и�|24px�и�|26px�и�|30px�и�
 */
 .lh-16 {
 	line-height: 16px;
@@ -938,10 +938,10 @@ pre {
 .lh-30 {
 	line-height: 30px;
 }
-/*15 ȫ��������ɫ
+/*15 ȫ��������ɫ
 	Name:			style_body,style_a	
 */
-/*ȫ��Ĭ��������ɫ*/
+/*ȫ��Ĭ��������ɫ*/
 body {
 	font-family: 'Microsoft YaHei';
 	color: #333;
diff --git a/军政门户/css/preview.css b/军政门户/css/preview.css
index 3e55843..a0d0f36 100644
--- a/军政门户/css/preview.css
+++ b/军政门户/css/preview.css
@@ -34,17 +34,17 @@ button { cursor: pointer; border: 0; background: none; font-family: inherit; }
 .slogan { font-size: 18px; color: #003366; font-weight: bold; letter-spacing: 2px; }
 
 /* ===== 板块3：主导航 ===== */
-.mainnav { background: #003366; }
+.mainnav { background: #F7F7F7; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
 .mainnav .inner { display: flex; align-items: center; height: 50px; }
 .mainnav ul { display: flex; flex: 1; }
 .mainnav li { position: relative; }
-.mainnav li a { display: block; padding: 0 22px; height: 50px; line-height: 50px; color: #fff; font-size: 15px; font-weight: 500; }
-.mainnav li:hover a { background: #002244; }
-.mainnav li.cur a { background: #002244; }
+.mainnav li a { display: block; padding: 0 22px; height: 50px; line-height: 50px; color: #333; font-size: 15px; font-weight: 500; }
+.mainnav li:hover a { background: #fff; color: #CC0000; }
+.mainnav li.cur a { background: #fff; color: #CC0000; }
 .mainnav li.cur::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #CC0000; }
 .nav-icons { display: flex; }
-.nav-icon { width: 40px; height: 40px; background: #002244; color: #fff; margin-left: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 3px; }
-.nav-icon:hover { background: #CC0000; color: #fff; }
+.nav-icon { width: 40px; height: 40px; background: #fff; color: #003366; margin-left: 5px; display: flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 3px; border: 1px solid #e0e0e0; }
+.nav-icon:hover { background: #CC0000; color: #fff; border-color: #CC0000; }
 
 /* ===== 板块通用：标题栏 ===== */
 .sec-title { height: 40px; line-height: 40px; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-left: 12px; position: relative; }
diff --git a/军政门户/preview.html b/军政门户/preview.html
index 6a4c09f..0a46164 100644
--- a/军政门户/preview.html
+++ b/军政门户/preview.html
@@ -1,704 +1,859 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
+
 <head>
-<meta charset="UTF-8">
-<title>东部战区海军</title>
-<meta name="viewport" content="width=1200">
-<link rel="stylesheet" href="css/base.css">
-<link rel="stylesheet" href="css/style.css">
-<link rel="stylesheet" href="css/preview.css">
-<script src="js/jquery1.42.min.js"></script>
-<script src="js/jquery.SuperSlide.2.1.1.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
+	<meta charset="UTF-8">
+	<title>东部战区海军</title>
+	<meta name="viewport" content="width=1200">
+	<link rel="stylesheet" href="css/base.css">
+	<link rel="stylesheet" href="css/style.css">
+	<link rel="stylesheet" href="css/preview.css">
+	<script src="js/jquery1.42.min.js"></script>
+	<script src="js/jquery.SuperSlide.2.1.1.js"></script>
+	<script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
 </head>
+
 <body>
 
-<!-- 板块1：顶部工具栏 -->
-<div class="topbar">
-  <div class="inner">
-    <span class="welcome">欢迎访问东部战区海军网站</span>
-    <form class="searchbox" onsubmit="return false;">
-      <input type="text" placeholder="请输入关键字">
-      <button type="submit">搜索</button>
-    </form>
-    <div class="toplinks">
-      <a href="javascript:;">登录</a> |
-      <a href="javascript:;">注册</a> |
-      <a href="javascript:;">设为首页</a> |
-      <a href="javascript:;">加入收藏</a>
-    </div>
-  </div>
-</div>
+	<!-- 板块1：顶部工具栏 -->
+	<div class="topbar">
+		<div class="inner">
+			<span class="welcome">欢迎访问东部战区海军网站</span>
+			<form class="searchbox" onsubmit="return false;">
+				<input type="text" placeholder="请输入关键字">
+				<button type="submit">搜索</button>
+			</form>
+			<div class="toplinks">
+				<a href="javascript:;">登录</a> |
+				<a href="javascript:;">注册</a> |
+				<a href="javascript:;">设为首页</a> |
+				<a href="javascript:;">加入收藏</a>
+			</div>
+		</div>
+	</div>
 
-<!-- 板块2：网站头部 -->
-<header class="site-header">
-  <div class="inner">
-    <div class="logo-area">
-      <div class="logo-img" title="八一军徽+网站Logo">[八一军徽+网站Logo]</div>
-      <div class="site-name">
-        <h1>东部战区海军</h1>
-        <p>Eastern Theater Command Navy</p>
-      </div>
-    </div>
-    <div class="header-right">
-      <div class="slogan">听党指挥  能打胜仗  作风优良</div>
-    </div>
-  </div>
-</header>
+	<!-- 板块2：网站头部 -->
+	<header class="site-header">
+		<div class="inner">
+			<div class="logo-area">
+				<div class="logo-img" title="八一军徽+网站Logo">[八一军徽+网站Logo]</div>
+				<div class="site-name">
+					<h1>东部战区海军</h1>
+					<p>Eastern Theater Command Navy</p>
+				</div>
+			</div>
+			<div class="header-right">
+				<div class="slogan">听党指挥 能打胜仗 作风优良</div>
+			</div>
+		</div>
+	</header>
 
-<!-- 板块3：主导航 -->
-<nav class="mainnav">
-  <div class="inner">
-    <ul>
-      <li class="cur"><a href="javascript:;">新闻阅报</a></li>
-      <li><a href="javascript:;">学习强军</a></li>
-      <li><a href="javascript:;">东海视线</a></li>
-      <li><a href="javascript:;">练兵备战</a></li>
-      <li><a href="javascript:;">政治工作</a></li>
-      <li><a href="javascript:;">后装保障</a></li>
-      <li><a href="javascript:;">纪律检查</a></li>
-      <li><a href="javascript:;">政策法规</a></li>
-      <li><a href="javascript:;">军事职业教育</a></li>
-      <li><a href="javascript:;">数据信息</a></li>
-    </ul>
-    <div class="nav-icons">
-      <a class="nav-icon" href="javascript:;" title="首页">⌂</a>
-      <a class="nav-icon" href="javascript:;" title="邮箱">✉</a>
-    </div>
-  </div>
-</nav>
+	<!-- 板块3：主导航 -->
+	<nav class="mainnav">
+		<div class="inner">
+			<ul>
+				<li class="cur"><a href="javascript:;">新闻阅报</a></li>
+				<li><a href="javascript:;">学习强军</a></li>
+				<li><a href="javascript:;">东海视线</a></li>
+				<li><a href="javascript:;">练兵备战</a></li>
+				<li><a href="javascript:;">政治工作</a></li>
+				<li><a href="javascript:;">后装保障</a></li>
+				<li><a href="javascript:;">纪律检查</a></li>
+				<li><a href="javascript:;">政策法规</a></li>
+				<li><a href="javascript:;">军事职业教育</a></li>
+				<li><a href="javascript:;">数据信息</a></li>
+			</ul>
+			<div class="nav-icons">
+				<a class="nav-icon" href="javascript:;" title="首页">⌂</a>
+				<a class="nav-icon" href="javascript:;" title="邮箱">✉</a>
+			</div>
+		</div>
+	</nav>
 
-<!-- 板块4：头条焦点区 -->
-<section class="block block-headline">
-  <div class="inner">
-    <div class="hd-left">
-      <div class="carousel" id="carousel-headline">
-        <ul class="carousel-list">
-          <li>
-            <div class="carousel-img" style="background:#3a5f7d;">[军事新闻配图] 在全军高级干部培训班开班式上发表重要讲话</div>
-            <div class="carousel-cap"><a href="javascript:;">在全军高级干部培训班开班式上发表重要讲话</a></div>
-          </li>
-          <li>
-            <div class="carousel-img" style="background:#1f4e79;">[军舰图片] 东海舰队开展实战化训练</div>
-            <div class="carousel-cap"><a href="javascript:;">东海舰队开展实战化训练 锤炼制胜硬功</a></div>
-          </li>
-          <li>
-            <div class="carousel-img" style="background:#2d5a3d;">[训练图片] 海军陆战队跨区机动演练</div>
-            <div class="carousel-cap"><a href="javascript:;">海军陆战队跨区机动演练 提升两栖作战能力</a></div>
-          </li>
-          <li>
-            <div class="carousel-img" style="background:#5a3d2d;">[会议图片] 党委中心组理论学习</div>
-            <div class="carousel-cap"><a href="javascript:;">党委中心组专题学习习近平强军思想</a></div>
-          </li>
-        </ul>
-        <a class="carousel-prev" href="javascript:;">‹</a>
-        <a class="carousel-next" href="javascript:;">›</a>
-        <ol class="carousel-dot"></ol>
-      </div>
-    </div>
-    <div class="hd-right">
-      <div class="hd-rt-top">
-        <div class="sec-title"><span class="bar"></span>要闻速递<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-        <ul class="news-list">
-          <li><a href="javascript:;">习近平在全军高级干部培训班开班式上发表重要讲话</a><span>08-31</span></li>
-          <li><a href="javascript:;">东部战区海军党委理论学习中心组开展专题学习</a><span>08-30</span></li>
-          <li><a href="javascript:;">东海舰队某驱逐舰支队开展实弹射击训练</a><span>08-29</span></li>
-          <li><a href="javascript:;">海军航空兵某部组织跨昼夜飞行训练</a><span>08-28</span></li>
-          <li><a href="javascript:;">某登陆舰支队开展两栖装备操作演练</a><span>08-27</span></li>
-          <li><a href="javascript:;">后勤保障部召开"两学一做"常态化推进会</a><span>08-26</span></li>
-          <li><a href="javascript:;">军事职业教育办公室部署下半年重点工作</a><span>08-25</span></li>
-          <li><a href="javascript:;">纪检监察部门通报近期违规违纪典型案例</a><span>08-24</span></li>
-        </ul>
-      </div>
-      <div class="hd-rt-bot">
-        <a class="quick" href="javascript:;"><span class="qi">📖</span>理论学习</a>
-        <a class="quick" href="javascript:;"><span class="qi">📜</span>政策解读</a>
-        <a class="quick" href="javascript:;"><span class="qi">💻</span>在线服务</a>
-        <a class="quick" href="javascript:;"><span class="qi">📊</span>数据查询</a>
-        <a class="quick" href="javascript:;"><span class="qi">🎥</span>视频专区</a>
-        <a class="quick" href="javascript:;"><span class="qi">📋</span>办事大厅</a>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块4：头条焦点区 -->
+	<section class="block block-headline">
+		<div class="inner">
+			<div class="hd-left">
+				<div class="carousel" id="carousel-headline">
+					<ul class="carousel-list">
+						<li>
+							<div class="carousel-img" style="background:#3a5f7d;">[军事新闻配图] 在全军高级干部培训班开班式上发表重要讲话</div>
+							<div class="carousel-cap"><a href="javascript:;">在全军高级干部培训班开班式上发表重要讲话</a></div>
+						</li>
+						<li>
+							<div class="carousel-img" style="background:#1f4e79;">[军舰图片] 东海舰队开展实战化训练</div>
+							<div class="carousel-cap"><a href="javascript:;">东海舰队开展实战化训练 锤炼制胜硬功</a></div>
+						</li>
+						<li>
+							<div class="carousel-img" style="background:#2d5a3d;">[训练图片] 海军陆战队跨区机动演练</div>
+							<div class="carousel-cap"><a href="javascript:;">海军陆战队跨区机动演练 提升两栖作战能力</a></div>
+						</li>
+						<li>
+							<div class="carousel-img" style="background:#5a3d2d;">[会议图片] 党委中心组理论学习</div>
+							<div class="carousel-cap"><a href="javascript:;">党委中心组专题学习习近平强军思想</a></div>
+						</li>
+					</ul>
+					<a class="carousel-prev" href="javascript:;">‹</a>
+					<a class="carousel-next" href="javascript:;">›</a>
+					<ol class="carousel-dot"></ol>
+				</div>
+			</div>
+			<div class="hd-right">
+				<div class="hd-rt-top">
+					<div class="sec-title"><span class="bar"></span>要闻速递<a class="more"
+							href="javascript:;">更多&gt;&gt;</a></div>
+					<ul class="news-list">
+						<li><a href="javascript:;">习近平在全军高级干部培训班开班式上发表重要讲话</a><span>08-31</span></li>
+						<li><a href="javascript:;">东部战区海军党委理论学习中心组开展专题学习</a><span>08-30</span></li>
+						<li><a href="javascript:;">东海舰队某驱逐舰支队开展实弹射击训练</a><span>08-29</span></li>
+						<li><a href="javascript:;">海军航空兵某部组织跨昼夜飞行训练</a><span>08-28</span></li>
+						<li><a href="javascript:;">某登陆舰支队开展两栖装备操作演练</a><span>08-27</span></li>
+						<li><a href="javascript:;">后勤保障部召开"两学一做"常态化推进会</a><span>08-26</span></li>
+						<li><a href="javascript:;">军事职业教育办公室部署下半年重点工作</a><span>08-25</span></li>
+						<li><a href="javascript:;">纪检监察部门通报近期违规违纪典型案例</a><span>08-24</span></li>
+					</ul>
+				</div>
+				<div class="hd-rt-bot">
+					<a class="quick" href="javascript:;"><span class="qi">📖</span>理论学习</a>
+					<a class="quick" href="javascript:;"><span class="qi">📜</span>政策解读</a>
+					<a class="quick" href="javascript:;"><span class="qi">💻</span>在线服务</a>
+					<a class="quick" href="javascript:;"><span class="qi">📊</span>数据查询</a>
+					<a class="quick" href="javascript:;"><span class="qi">🎥</span>视频专区</a>
+					<a class="quick" href="javascript:;"><span class="qi">📋</span>办事大厅</a>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块5：第一内容区（三栏） -->
-<section class="block block-3col">
-  <div class="inner">
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>媒体聚焦<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <div class="col-feature">
-        <div class="feature-img" style="background:#4a5a6a;">[军舰图片]</div>
-        <a class="feature-tit" href="javascript:;">海军某驱逐舰支队开展实战化训练提升打赢能力</a>
-      </div>
-      <ul class="news-list img-news">
-        <li><span class="thumb" style="background:#3a5f7d;">[图]</span><a href="javascript:;">东海舰队组织舰艇编队海上补给演练</a></li>
-        <li><span class="thumb" style="background:#1f4e79;">[图]</span><a href="javascript:;">航空兵某师开展夜间低空战术训练</a></li>
-        <li><span class="thumb" style="background:#2d5a3d;">[图]</span><a href="javascript:;">陆战队员开展极限体能训练</a></li>
-        <li><span class="thumb" style="background:#5a3d2d;">[图]</span><a href="javascript:;">某勤务船大队组织海上救生演练</a></li>
-      </ul>
-    </div>
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>新闻中心<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <ul class="news-list text-list">
-        <li class="imp"><a href="javascript:;">习近平在全军高级干部培训班开班式上发表重要讲话</a><span>08-31</span></li>
-        <li class="imp"><a href="javascript:;">东部战区海军召开主题教育推进会</a><span>08-30</span></li>
-        <li><a href="javascript:;">战区海军党委传达学习上级重要指示精神</a><span>08-29</span></li>
-        <li><a href="javascript:;">某潜艇支队开展水下攻防对抗训练</a><span>08-29</span></li>
-        <li><a href="javascript:;">海軍某护卫舰大队完成全训考核</a><span>08-28</span></li>
-        <li><a href="javascript:;">后勤保障部部署下半年供应保障工作</a><span>08-28</span></li>
-        <li><a href="javascript:;">政治工作部组织优秀政治教员评比</a><span>08-27</span></li>
-        <li><a href="javascript:;">纪检监察部门召开党风廉政建设形势分析会</a><span>08-27</span></li>
-        <li><a href="javascript:;">军事职业教育网络学院开课</a><span>08-26</span></li>
-        <li><a href="javascript:;">某基地组织官兵参观红色教育基地</a><span>08-26</span></li>
-      </ul>
-    </div>
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>通知公告<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <ul class="news-list text-list">
-        <li><a href="javascript:;" class="red">关于召开"学习強军思想 建功强军事业"先进事迹报告会的通知</a><span class="new">new</span></li>
-        <li><a href="javascript:;" class="red">关于举办海军成立纪念日系列活动的通知</a><span class="new">new</span></li>
-        <li><a href="javascript:;">2026年度军事职业教育课程申报通知</a></li>
-        <li><a href="javascript:;">关于规范营区车辆停放秩序的公告</a></li>
-        <li><a href="javascript:;">后勤物资采购信息公开公告</a></li>
-        <li><a href="javascript:;">关于做好暑期防暑降温工作的通知</a></li>
-        <li><a href="javascript:;">2026年第三季度政治工作要点</a></li>
-        <li><a href="javascript:;">装备管理规范化建设实施方案</a></li>
-        <li><a href="javascript:;">训练场地使用管理规定的补充通知</a></li>
-        <li><a href="javascript:;">2026年度征兵工作公告</a></li>
-      </ul>
-    </div>
-  </div>
-</section>
+	<!-- 板块5：第一内容区（三栏） -->
+	<section class="block block-3col">
+		<div class="inner">
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>媒体聚焦<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<div class="col-feature">
+					<div class="feature-img" style="background:#4a5a6a;">[军舰图片]</div>
+					<a class="feature-tit" href="javascript:;">海军某驱逐舰支队开展实战化训练提升打赢能力</a>
+				</div>
+				<ul class="news-list img-news">
+					<li><span class="thumb" style="background:#3a5f7d;">[图]</span><a
+							href="javascript:;">东海舰队组织舰艇编队海上补给演练</a></li>
+					<li><span class="thumb" style="background:#1f4e79;">[图]</span><a
+							href="javascript:;">航空兵某师开展夜间低空战术训练</a></li>
+					<li><span class="thumb" style="background:#2d5a3d;">[图]</span><a
+							href="javascript:;">陆战队员开展极限体能训练</a></li>
+					<li><span class="thumb" style="background:#5a3d2d;">[图]</span><a
+							href="javascript:;">某勤务船大队组织海上救生演练</a></li>
+				</ul>
+			</div>
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>新闻中心<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<ul class="news-list text-list">
+					<li class="imp"><a href="javascript:;">习近平在全军高级干部培训班开班式上发表重要讲话</a><span>08-31</span>
+					</li>
+					<li class="imp"><a href="javascript:;">东部战区海军召开主题教育推进会</a><span>08-30</span></li>
+					<li><a href="javascript:;">战区海军党委传达学习上级重要指示精神</a><span>08-29</span></li>
+					<li><a href="javascript:;">某潜艇支队开展水下攻防对抗训练</a><span>08-29</span></li>
+					<li><a href="javascript:;">海軍某护卫舰大队完成全训考核</a><span>08-28</span></li>
+					<li><a href="javascript:;">后勤保障部部署下半年供应保障工作</a><span>08-28</span></li>
+					<li><a href="javascript:;">政治工作部组织优秀政治教员评比</a><span>08-27</span></li>
+					<li><a href="javascript:;">纪检监察部门召开党风廉政建设形势分析会</a><span>08-27</span></li>
+					<li><a href="javascript:;">军事职业教育网络学院开课</a><span>08-26</span></li>
+					<li><a href="javascript:;">某基地组织官兵参观红色教育基地</a><span>08-26</span></li>
+				</ul>
+			</div>
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>通知公告<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<ul class="news-list text-list">
+					<li><a href="javascript:;" class="red">关于召开"学习強军思想 建功强军事业"先进事迹报告会的通知</a><span class="new">new</span>
+					</li>
+					<li><a href="javascript:;" class="red">关于举办海军成立纪念日系列活动的通知</a><span class="new">new</span></li>
+					<li><a href="javascript:;">2026年度军事职业教育课程申报通知</a></li>
+					<li><a href="javascript:;">关于规范营区车辆停放秩序的公告</a></li>
+					<li><a href="javascript:;">后勤物资采购信息公开公告</a></li>
+					<li><a href="javascript:;">关于做好暑期防暑降温工作的通知</a></li>
+					<li><a href="javascript:;">2026年第三季度政治工作要点</a></li>
+					<li><a href="javascript:;">装备管理规范化建设实施方案</a></li>
+					<li><a href="javascript:;">训练场地使用管理规定的补充通知</a></li>
+					<li><a href="javascript:;">2026年度征兵工作公告</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块6：红色宣传横幅 -->
-<section class="red-banner">
-  <div class="inner">
-    <a class="red-btn" href="javascript:;">学习贯彻习近平新时代中国特色社会主义思想</a>
-    <a class="red-btn" href="javascript:;">学习宣传贯彻党的二十大精神</a>
-    <a class="red-btn" href="javascript:;">习近平强军思想</a>
-    <a class="red-btn" href="javascript:;">"不忘初心、牢记使命"主题教育</a>
-    <a class="red-btn" href="javascript:;">传承红色基因 担当强军重任</a>
-    <a class="red-btn" href="javascript:;">学党史 悟思想 办实事 开新局</a>
-  </div>
-</section>
+	<!-- 板块6：红色宣传横幅 -->
+	<section class="red-banner">
+		<div class="inner">
+			<a class="red-btn" href="javascript:;">学习贯彻习近平新时代中国特色社会主义思想</a>
+			<a class="red-btn" href="javascript:;">学习宣传贯彻党的二十大精神</a>
+			<a class="red-btn" href="javascript:;">习近平强军思想</a>
+			<a class="red-btn" href="javascript:;">"不忘初心、牢记使命"主题教育</a>
+			<a class="red-btn" href="javascript:;">传承红色基因 担当强军重任</a>
+			<a class="red-btn" href="javascript:;">学党史 悟思想 办实事 开新局</a>
+		</div>
+	</section>
 
-<!-- 板块7：学习强军（最复杂） -->
-<section class="block block-study">
-  <div class="study-hd">
-    <div class="inner">
-      <span class="star">★</span><span class="title">学习强军</span>
-      <a class="more" href="javascript:;">更多&gt;&gt;</a>
-    </div>
-  </div>
-  <div class="study-tabs">
-    <div class="inner">
-      <a class="tab cur" href="javascript:;">重要讲话</a>
-      <a class="tab" href="javascript:;">学习动态</a>
-      <a class="tab" href="javascript:;">学习资料</a>
-      <a class="tab" href="javascript:;">心得体会</a>
-    </div>
-  </div>
-  <div class="study-body">
-    <div class="inner study-3col">
-      <!-- 左30%：数据图表 -->
-      <div class="study-l">
-        <div class="study-sub">学习数据统计</div>
-        <div id="echart-bar" style="width:100%;height:200px;"></div>
-        <div class="data-cards">
-          <div class="data-card"><div class="num">2,486</div><div class="lab">本月学时(小时)</div></div>
-          <div class="data-card"><div class="num">36</div><div class="lab">本周课程(节)</div></div>
-          <div class="data-card"><div class="num">98.6%</div><div class="lab">完成率</div></div>
-        </div>
-      </div>
-      <!-- 中40%：文章列表 -->
-      <div class="study-m">
-        <div class="sub-tabs">
-          <a class="cur" href="javascript:;">理论</a>
-          <a href="javascript:;">动态</a>
-          <a href="javascript:;">通知</a>
-        </div>
-        <ul class="news-list text-list">
-          <li class="imp"><a href="javascript:;">深入学习领会习近平强军思想的科学内涵和精神实质</a><span>08-31</span></li>
-          <li class="imp"><a href="javascript:;">关于推动新时代政治工作高质量发展的若干举措</a><span>08-30</span></li>
-          <li><a href="javascript:;">党委中心组专题学习《中国共产党政治工作条例》</a><span>08-29</span></li>
-          <li><a href="javascript:;">某潜艇支队开展"理论夜校"学习活动</a><span>08-29</span></li>
-          <li><a href="javascript:;">学习推广"三湾改编"经验做法的工作思考</a><span>08-28</span></li>
-          <li><a href="javascript:;">关于深化军事职业教育改革的实施方案</a><span>08-28</span></li>
-          <li><a href="javascript:;">某驱逐舰支队组织主题教育专题党课</a><span>08-27</span></li>
-          <li><a href="javascript:;">纪检监察部门开展廉政警示教育月活动</a><span>08-27</span></li>
-          <li><a href="javascript:;">政治干部队伍建设座谈会在宁召开</a><span>08-26</span></li>
-          <li><a href="javascript:;">关于开展"四史"学习教育的通知</a><span>08-26</span></li>
-        </ul>
-      </div>
-      <!-- 右30%：日历+饼图 -->
-      <div class="study-r">
-        <div class="calendar">
-          <div class="cal-hd">
-            <a class="cal-prev" href="javascript:;">‹</a>
-            <span class="cal-title">2026年8月</span>
-            <a class="cal-next" href="javascript:;">›</a>
-          </div>
-          <table class="cal-tb">
-            <thead><tr><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="wk">六</th><th class="wk">日</th></tr></thead>
-            <tbody>
-              <tr><td></td><td></td><td></td><td></td><td></td><td>1</td><td class="wk">2</td></tr>
-              <tr><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td class="wk">9</td></tr>
-              <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td class="wk">16</td></tr>
-              <tr><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td class="wk">23</td></tr>
-              <tr><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td class="today">29</td><td class="wk">30</td></tr>
-              <tr><td class="cur">31</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
-            </tbody>
-          </table>
-        </div>
-        <div id="echart-pie" style="width:100%;height:180px;margin-top:10px;"></div>
-      </div>
-    </div>
-    <!-- 底部子栏目三栏 -->
-    <div class="inner study-3col-bottom">
-      <div class="col">
-        <div class="sub-title">精品课程</div>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#3a5f7d;">[视频封面]</span>
-          <span class="course-info"><span class="course-name">党的二十大精神专题辅导</span><span class="course-meta">主讲:王教授 · 120分钟</span></span>
-        </a>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#1f4e79;">[视频封面]</span>
-          <span class="course-info"><span class="course-name">习近平强军思想研读</span><span class="course-meta">主讲:李教授 · 90分钟</span></span>
-        </a>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#2d5a3d;">[视频封面]</span>
-          <span class="course-info"><span class="course-name">国际形势与我国安全环境</span><span class="course-meta">主讲:张教授 · 60分钟</span></span>
-        </a>
-      </div>
-      <div class="col">
-        <div class="sub-title">优秀教案</div>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#5a3d2d;">[教案封面]</span>
-          <span class="course-info"><span class="course-name">《新时代国防和军队建设》教学设计</span><span class="course-meta">作者:陈教员 · 浏览2.3k</span></span>
-        </a>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#3d5a3d;">[教案封面]</span>
-          <span class="course-info"><span class="course-name">《军队基层建设纲要》解读</span><span class="course-meta">作者:刘教员 · 浏览1.8k</span></span>
-        </a>
-        <a class="course" href="javascript:;">
-          <span class="course-img" style="background:#4a3a2d;">[教案封面]</span>
-          <span class="course-info"><span class="course-name">《思想政治工作条例》案例教学</span><span class="course-meta">作者:赵教员 · 浏览1.5k</span></span>
-        </a>
-      </div>
-      <div class="col">
-        <div class="sub-title">学习之星</div>
-        <ul class="star-list">
-          <li><span class="avatar" style="background:#aaa;">[头像]</span><div><a href="javascript:;">张志强</a><span>某驱逐舰支队政治教导员</span></div></li>
-          <li><span class="avatar" style="background:#aaa;">[头像]</span><div><a href="javascript:;">李晓东</a><span>潜艇某大队技师</span></div></li>
-          <li><span class="avatar" style="background:#aaa;">[头像]</span><div><a href="javascript:;">王晓燕</a><span>航空兵某团飞行员</span></div></li>
-          <li><span class="avatar" style="background:#aaa;">[头像]</span><div><a href="javascript:;">刘建国</a><span>陆战某旅连长</span></div></li>
-          <li><span class="avatar" style="background:#aaa;">[头像]</span><div><a href="javascript:;">陈志远</a><span>勤务船大队班长</span></div></li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块7：学习强军（最复杂） -->
+	<section class="block block-study">
+		<div class="study-hd">
+			<div class="inner">
+				<span class="star">★</span><span class="title">学习强军</span>
+				<a class="more" href="javascript:;">更多&gt;&gt;</a>
+			</div>
+		</div>
+		<div class="study-tabs">
+			<div class="inner">
+				<a class="tab cur" href="javascript:;">重要讲话</a>
+				<a class="tab" href="javascript:;">学习动态</a>
+				<a class="tab" href="javascript:;">学习资料</a>
+				<a class="tab" href="javascript:;">心得体会</a>
+			</div>
+		</div>
+		<div class="study-body">
+			<div class="inner study-3col">
+				<!-- 左30%：数据图表 -->
+				<div class="study-l">
+					<div class="study-sub">学习数据统计</div>
+					<div id="echart-bar" style="width:100%;height:200px;"></div>
+					<div class="data-cards">
+						<div class="data-card">
+							<div class="num">2,486</div>
+							<div class="lab">本月学时(小时)</div>
+						</div>
+						<div class="data-card">
+							<div class="num">36</div>
+							<div class="lab">本周课程(节)</div>
+						</div>
+						<div class="data-card">
+							<div class="num">98.6%</div>
+							<div class="lab">完成率</div>
+						</div>
+					</div>
+				</div>
+				<!-- 中40%：文章列表 -->
+				<div class="study-m">
+					<div class="sub-tabs">
+						<a class="cur" href="javascript:;">理论</a>
+						<a href="javascript:;">动态</a>
+						<a href="javascript:;">通知</a>
+					</div>
+					<ul class="news-list text-list">
+						<li class="imp"><a href="javascript:;">深入学习领会习近平强军思想的科学内涵和精神实质</a><span>08-31</span></li>
+						<li class="imp"><a href="javascript:;">关于推动新时代政治工作高质量发展的若干举措</a><span>08-30</span></li>
+						<li><a href="javascript:;">党委中心组专题学习《中国共产党政治工作条例》</a><span>08-29</span></li>
+						<li><a href="javascript:;">某潜艇支队开展"理论夜校"学习活动</a><span>08-29</span></li>
+						<li><a href="javascript:;">学习推广"三湾改编"经验做法的工作思考</a><span>08-28</span></li>
+						<li><a href="javascript:;">关于深化军事职业教育改革的实施方案</a><span>08-28</span></li>
+						<li><a href="javascript:;">某驱逐舰支队组织主题教育专题党课</a><span>08-27</span></li>
+						<li><a href="javascript:;">纪检监察部门开展廉政警示教育月活动</a><span>08-27</span></li>
+						<li><a href="javascript:;">政治干部队伍建设座谈会在宁召开</a><span>08-26</span></li>
+						<li><a href="javascript:;">关于开展"四史"学习教育的通知</a><span>08-26</span></li>
+					</ul>
+				</div>
+				<!-- 右30%：日历+饼图 -->
+				<div class="study-r">
+					<div class="calendar">
+						<div class="cal-hd">
+							<a class="cal-prev" href="javascript:;">‹</a>
+							<span class="cal-title">2026年8月</span>
+							<a class="cal-next" href="javascript:;">›</a>
+						</div>
+						<table class="cal-tb">
+							<thead>
+								<tr>
+									<th>一</th>
+									<th>二</th>
+									<th>三</th>
+									<th>四</th>
+									<th>五</th>
+									<th class="wk">六</th>
+									<th class="wk">日</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td>1</td>
+									<td class="wk">2</td>
+								</tr>
+								<tr>
+									<td>3</td>
+									<td>4</td>
+									<td>5</td>
+									<td>6</td>
+									<td>7</td>
+									<td>8</td>
+									<td class="wk">9</td>
+								</tr>
+								<tr>
+									<td>10</td>
+									<td>11</td>
+									<td>12</td>
+									<td>13</td>
+									<td>14</td>
+									<td>15</td>
+									<td class="wk">16</td>
+								</tr>
+								<tr>
+									<td>17</td>
+									<td>18</td>
+									<td>19</td>
+									<td>20</td>
+									<td>21</td>
+									<td>22</td>
+									<td class="wk">23</td>
+								</tr>
+								<tr>
+									<td>24</td>
+									<td>25</td>
+									<td>26</td>
+									<td>27</td>
+									<td>28</td>
+									<td class="today">29</td>
+									<td class="wk">30</td>
+								</tr>
+								<tr>
+									<td class="cur">31</td>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td></td>
+									<td></td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<div id="echart-pie" style="width:100%;height:180px;margin-top:10px;"></div>
+				</div>
+			</div>
+			<!-- 底部子栏目三栏 -->
+			<div class="inner study-3col-bottom">
+				<div class="col">
+					<div class="sub-title">精品课程</div>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#3a5f7d;">[视频封面]</span>
+						<span class="course-info"><span class="course-name">党的二十大精神专题辅导</span><span
+								class="course-meta">主讲:王教授 · 120分钟</span></span>
+					</a>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#1f4e79;">[视频封面]</span>
+						<span class="course-info"><span class="course-name">习近平强军思想研读</span><span
+								class="course-meta">主讲:李教授 · 90分钟</span></span>
+					</a>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#2d5a3d;">[视频封面]</span>
+						<span class="course-info"><span class="course-name">国际形势与我国安全环境</span><span
+								class="course-meta">主讲:张教授 · 60分钟</span></span>
+					</a>
+				</div>
+				<div class="col">
+					<div class="sub-title">优秀教案</div>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#5a3d2d;">[教案封面]</span>
+						<span class="course-info"><span class="course-name">《新时代国防和军队建设》教学设计</span><span
+								class="course-meta">作者:陈教员 · 浏览2.3k</span></span>
+					</a>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#3d5a3d;">[教案封面]</span>
+						<span class="course-info"><span class="course-name">《军队基层建设纲要》解读</span><span
+								class="course-meta">作者:刘教员 · 浏览1.8k</span></span>
+					</a>
+					<a class="course" href="javascript:;">
+						<span class="course-img" style="background:#4a3a2d;">[教案封面]</span>
+						<span class="course-info"><span class="course-name">《思想政治工作条例》案例教学</span><span
+								class="course-meta">作者:赵教员 · 浏览1.5k</span></span>
+					</a>
+				</div>
+				<div class="col">
+					<div class="sub-title">学习之星</div>
+					<ul class="star-list">
+						<li><span class="avatar" style="background:#aaa;">[头像]</span>
+							<div><a href="javascript:;">张志强</a><span>某驱逐舰支队政治教导员</span></div>
+						</li>
+						<li><span class="avatar" style="background:#aaa;">[头像]</span>
+							<div><a href="javascript:;">李晓东</a><span>潜艇某大队技师</span></div>
+						</li>
+						<li><span class="avatar" style="background:#aaa;">[头像]</span>
+							<div><a href="javascript:;">王晓燕</a><span>航空兵某团飞行员</span></div>
+						</li>
+						<li><span class="avatar" style="background:#aaa;">[头像]</span>
+							<div><a href="javascript:;">刘建国</a><span>陆战某旅连长</span></div>
+						</li>
+						<li><span class="avatar" style="background:#aaa;">[头像]</span>
+							<div><a href="javascript:;">陈志远</a><span>勤务船大队班长</span></div>
+						</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块8：东海视线（视频） -->
-<section class="block block-video">
-  <div class="inner">
-    <div class="sec-title"><span class="star">★</span>东海视线<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-    <div class="video-2col">
-      <a class="video-big" href="javascript:;">
-        <span class="vb-img" style="background:#3a5f7d;">[视频封面]</span>
-        <span class="vb-play">▶</span>
-        <span class="vb-cap">东海舰队某驱逐舰支队开展实弹射击训练</span>
-      </a>
-      <div class="video-grid">
-        <a class="video-sm" href="javascript:;">
-          <span class="vs-img" style="background:#1f4e79;">[视频封面]</span>
-          <span class="vs-play">▶</span>
-          <span class="vs-cap">海军航空兵跨昼夜飞行训练纪实</span>
-        </a>
-        <a class="video-sm" href="javascript:;">
-          <span class="vs-img" style="background:#2d5a3d;">[视频封面]</span>
-          <span class="vs-play">▶</span>
-          <span class="vs-cap">陆战队两栖装甲车海上实弹射击</span>
-        </a>
-        <a class="video-sm" href="javascript:;">
-          <span class="vs-img" style="background:#5a3d2d;">[视频封面]</span>
-          <span class="vs-play">▶</span>
-          <span class="vs-cap">潜艇水下攻防演练震撼画面</span>
-        </a>
-        <a class="video-sm" href="javascript:;">
-          <span class="vs-img" style="background:#3d5a3d;">[视频封面]</span>
-          <span class="vs-play">▶</span>
-          <span class="vs-cap">勤务船大队海上救援演练</span>
-        </a>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块8：东海视线（视频） -->
+	<section class="block block-video">
+		<div class="inner">
+			<div class="sec-title"><span class="star">★</span>东海视线<a class="more" href="javascript:;">更多&gt;&gt;</a>
+			</div>
+			<div class="video-2col">
+				<a class="video-big" href="javascript:;">
+					<span class="vb-img" style="background:#3a5f7d;">[视频封面]</span>
+					<span class="vb-play">▶</span>
+					<span class="vb-cap">东海舰队某驱逐舰支队开展实弹射击训练</span>
+				</a>
+				<div class="video-grid">
+					<a class="video-sm" href="javascript:;">
+						<span class="vs-img" style="background:#1f4e79;">[视频封面]</span>
+						<span class="vs-play">▶</span>
+						<span class="vs-cap">海军航空兵跨昼夜飞行训练纪实</span>
+					</a>
+					<a class="video-sm" href="javascript:;">
+						<span class="vs-img" style="background:#2d5a3d;">[视频封面]</span>
+						<span class="vs-play">▶</span>
+						<span class="vs-cap">陆战队两栖装甲车海上实弹射击</span>
+					</a>
+					<a class="video-sm" href="javascript:;">
+						<span class="vs-img" style="background:#5a3d2d;">[视频封面]</span>
+						<span class="vs-play">▶</span>
+						<span class="vs-cap">潜艇水下攻防演练震撼画面</span>
+					</a>
+					<a class="video-sm" href="javascript:;">
+						<span class="vs-img" style="background:#3d5a3d;">[视频封面]</span>
+						<span class="vs-play">▶</span>
+						<span class="vs-cap">勤务船大队海上救援演练</span>
+					</a>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块9：练兵备战 -->
-<section class="block block-train">
-  <div class="inner">
-    <div class="sec-title"><span class="star">★</span>练兵备战<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-    <div class="train-pic">
-      <a class="train-big" href="javascript:;">
-        <span class="tb-img" style="background:#3a5f7d;">[训练图片] 东海舰队某驱逐舰支队开展实战化训练</span>
-        <span class="tb-cap">东海舰队某驱逐舰支队开展实战化训练</span>
-      </a>
-      <div class="train-pic-r">
-        <a class="train-sm" href="javascript:;">
-          <span class="ts-img" style="background:#1f4e79;">[训练图片]</span>
-          <span class="ts-cap">航空兵某部开展空战对抗训练</span>
-        </a>
-        <a class="train-sm" href="javascript:;">
-          <span class="ts-img" style="background:#2d5a3d;">[训练图片]</span>
-          <span class="ts-cap">陆战队开展城市反恐演练</span>
-        </a>
-      </div>
-    </div>
-    <div class="train-list-4">
-      <div class="col">
-        <div class="sub-title">训练动态</div>
-        <ul class="news-list">
-          <li><a href="javascript:;">东海舰队某驱逐舰支队开展实弹射击</a><span>08-30</span></li>
-          <li><a href="javascript:;">航空兵某部组织跨昼夜飞行训练</a><span>08-29</span></li>
-          <li><a href="javascript:;">潜艇某大队开展水下攻防对抗</a><span>08-29</span></li>
-          <li><a href="javascript:;">陆战队开展两栖作战综合演练</a><span>08-28</span></li>
-          <li><a href="javascript:;">某勤务船大队组织海上救生演练</a><span>08-27</span></li>
-          <li><a href="javascript:;">某基地开展"三实"训练考核</a><span>08-26</span></li>
-        </ul>
-      </div>
-      <div class="col">
-        <div class="sub-title">战法研究</div>
-        <ul class="news-list">
-          <li><a href="javascript:;">复杂电磁环境下舰艇编队作战研究</a><span>08-30</span></li>
-          <li><a href="javascript:;">反舰导弹突防战术创新思考</a><span>08-29</span></li>
-          <li><a href="javascript:;">两栖作战力量运用新探</a><span>08-29</span></li>
-          <li><a href="javascript:;">水下攻防作战体系构建研究</a><span>08-28</span></li>
-          <li><a href="javascript:;">信息作战条件下指挥决策优化</a><span>08-27</span></li>
-          <li><a href="javascript:;">无人作战平台协同运用研究</a><span>08-26</span></li>
-        </ul>
-      </div>
-      <div class="col">
-        <div class="sub-title">军事职业教育</div>
-        <ul class="news-list">
-          <li><a href="javascript:;">2026年度军事职业教育课程指南</a><span>08-30</span></li>
-          <li><a href="javascript:;">网络学习平台使用操作手册</a><span>08-29</span></li>
-          <li><a href="javascript:;">职业技能鉴定工作安排</a><span>08-29</span></li>
-          <li><a href="javascript:;">军事职业大学在线学习指南</a><span>08-28</span></li>
-          <li><a href="javascript:;">军事职业教育改革创新案例</a><span>08-27</span></li>
-          <li><a href="javascript:;">关于军地通用职业资格认证</a><span>08-26</span></li>
-        </ul>
-      </div>
-      <div class="col">
-        <div class="sub-title">战备工作</div>
-        <ul class="news-list">
-          <li><a href="javascript:;">战备等级转换演练实施方案</a><span>08-30</span></li>
-          <li><a href="javascript:;">应急作战准备形势分析</a><span>08-29</span></li>
-          <li><a href="javascript:;">海上方向作战预案修订要点</a><span>08-29</span></li>
-          <li><a href="javascript:;">战备物资储备标准更新</a><span>08-28</span></li>
-          <li><a href="javascript:;">作战数据工程建设推进会</a><span>08-27</span></li>
-          <li><a href="javascript:;">海上维权执法任务部署</a><span>08-26</span></li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块9：练兵备战 -->
+	<section class="block block-train">
+		<div class="inner">
+			<div class="sec-title"><span class="star">★</span>练兵备战<a class="more" href="javascript:;">更多&gt;&gt;</a>
+			</div>
+			<div class="train-pic">
+				<a class="train-big" href="javascript:;">
+					<span class="tb-img" style="background:#3a5f7d;">[训练图片] 东海舰队某驱逐舰支队开展实战化训练</span>
+					<span class="tb-cap">东海舰队某驱逐舰支队开展实战化训练</span>
+				</a>
+				<div class="train-pic-r">
+					<a class="train-sm" href="javascript:;">
+						<span class="ts-img" style="background:#1f4e79;">[训练图片]</span>
+						<span class="ts-cap">航空兵某部开展空战对抗训练</span>
+					</a>
+					<a class="train-sm" href="javascript:;">
+						<span class="ts-img" style="background:#2d5a3d;">[训练图片]</span>
+						<span class="ts-cap">陆战队开展城市反恐演练</span>
+					</a>
+				</div>
+			</div>
+			<div class="train-list-4">
+				<div class="col">
+					<div class="sub-title">训练动态</div>
+					<ul class="news-list">
+						<li><a href="javascript:;">东海舰队某驱逐舰支队开展实弹射击</a><span>08-30</span></li>
+						<li><a href="javascript:;">航空兵某部组织跨昼夜飞行训练</a><span>08-29</span></li>
+						<li><a href="javascript:;">潜艇某大队开展水下攻防对抗</a><span>08-29</span></li>
+						<li><a href="javascript:;">陆战队开展两栖作战综合演练</a><span>08-28</span></li>
+						<li><a href="javascript:;">某勤务船大队组织海上救生演练</a><span>08-27</span></li>
+						<li><a href="javascript:;">某基地开展"三实"训练考核</a><span>08-26</span></li>
+					</ul>
+				</div>
+				<div class="col">
+					<div class="sub-title">战法研究</div>
+					<ul class="news-list">
+						<li><a href="javascript:;">复杂电磁环境下舰艇编队作战研究</a><span>08-30</span></li>
+						<li><a href="javascript:;">反舰导弹突防战术创新思考</a><span>08-29</span></li>
+						<li><a href="javascript:;">两栖作战力量运用新探</a><span>08-29</span></li>
+						<li><a href="javascript:;">水下攻防作战体系构建研究</a><span>08-28</span></li>
+						<li><a href="javascript:;">信息作战条件下指挥决策优化</a><span>08-27</span></li>
+						<li><a href="javascript:;">无人作战平台协同运用研究</a><span>08-26</span></li>
+					</ul>
+				</div>
+				<div class="col">
+					<div class="sub-title">军事职业教育</div>
+					<ul class="news-list">
+						<li><a href="javascript:;">2026年度军事职业教育课程指南</a><span>08-30</span></li>
+						<li><a href="javascript:;">网络学习平台使用操作手册</a><span>08-29</span></li>
+						<li><a href="javascript:;">职业技能鉴定工作安排</a><span>08-29</span></li>
+						<li><a href="javascript:;">军事职业大学在线学习指南</a><span>08-28</span></li>
+						<li><a href="javascript:;">军事职业教育改革创新案例</a><span>08-27</span></li>
+						<li><a href="javascript:;">关于军地通用职业资格认证</a><span>08-26</span></li>
+					</ul>
+				</div>
+				<div class="col">
+					<div class="sub-title">战备工作</div>
+					<ul class="news-list">
+						<li><a href="javascript:;">战备等级转换演练实施方案</a><span>08-30</span></li>
+						<li><a href="javascript:;">应急作战准备形势分析</a><span>08-29</span></li>
+						<li><a href="javascript:;">海上方向作战预案修订要点</a><span>08-29</span></li>
+						<li><a href="javascript:;">战备物资储备标准更新</a><span>08-28</span></li>
+						<li><a href="javascript:;">作战数据工程建设推进会</a><span>08-27</span></li>
+						<li><a href="javascript:;">海上维权执法任务部署</a><span>08-26</span></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块10：政治/后装/纪律（三栏） -->
-<section class="block block-3col-cards">
-  <div class="inner">
-    <div class="col-card">
-      <div class="col-card-hd political">
-        <span class="ico">党</span>
-        <span class="title">政治工作</span>
-      </div>
-      <a class="cc-img" href="javascript:;"><span style="background:#3a5f7d;">[政治工作图片]</span></a>
-      <a class="cc-tit" href="javascript:;">政治工作部组织优秀政治教员评比竞赛</a>
-      <div class="tags">
-        <a href="javascript:;">党建工作</a>
-        <a href="javascript:;">思想政治教育</a>
-        <a href="javascript:;">组织建设</a>
-        <a href="javascript:;">干部工作</a>
-      </div>
-      <ul class="news-list">
-        <li><a href="javascript:;">党委中心组开展专题学习研讨</a><span>08-30</span></li>
-        <li><a href="javascript:;">基层党组织书记培训示范班</a><span>08-29</span></li>
-        <li><a href="javascript:;">主题教育经验交流座谈会</a><span>08-28</span></li>
-        <li><a href="javascript:;">思想政治教育创新案例评选</a><span>08-27</span></li>
-        <li><a href="javascript:;">青年官兵理论学习小组活动</a><span>08-26</span></li>
-      </ul>
-    </div>
-    <div class="col-card">
-      <div class="col-card-hd logistics">
-        <span class="ico">装</span>
-        <span class="title">后装保障</span>
-      </div>
-      <a class="cc-img" href="javascript:;"><span style="background:#1f4e79;">[后装保障图片]</span></a>
-      <a class="cc-tit" href="javascript:;">后勤保障部组织供应保障业务集训</a>
-      <div class="tags">
-        <a href="javascript:;">后勤保障</a>
-        <a href="javascript:;">装备管理</a>
-        <a href="javascript:;">物资采购</a>
-        <a href="javascript:;">营房建设</a>
-      </div>
-      <ul class="news-list">
-        <li><a href="javascript:;">装备技术保障能力建设推进会</a><span>08-30</span></li>
-        <li><a href="javascript:;">后勤物资采购公开招标公告</a><span>08-29</span></li>
-        <li><a href="javascript:;">营区基础设施改造项目进展</a><span>08-28</span></li>
-        <li><a href="javascript:;">炊事员技能比武竞赛成功举办</a><span>08-27</span></li>
-        <li><a href="javascript:;">军需被装发放工作有序推进</a><span>08-26</span></li>
-      </ul>
-    </div>
-    <div class="col-card">
-      <div class="col-card-hd discipline">
-        <span class="ico">盾</span>
-        <span class="title">纪律检查</span>
-      </div>
-      <a class="cc-img" href="javascript:;"><span style="background:#5a3d2d;">[纪律检查图片]</span></a>
-      <a class="cc-tit" href="javascript:;">纪检监察部门开展廉政警示教育月活动</a>
-      <div class="tags">
-        <a href="javascript:;">廉政教育</a>
-        <a href="javascript:;">巡视巡察</a>
-        <a href="javascript:;">监督执纪</a>
-        <a href="javascript:;">案件查办</a>
-      </div>
-      <ul class="news-list">
-        <li><a href="javascript:;">党风廉政建设形势分析会</a><span>08-30</span></li>
-        <li><a href="javascript:;">违规违纪典型案例通报</a><span>08-29</span></li>
-        <li><a href="javascript:;">巡视巡察整改情况公示</a><span>08-28</span></li>
-        <li><a href="javascript:;">廉政风险排查防控工作要点</a><span>08-27</span></li>
-        <li><a href="javascript:;">纪检干部业务培训示范班</a><span>08-26</span></li>
-      </ul>
-    </div>
-  </div>
-</section>
+	<!-- 板块10：政治/后装/纪律（三栏） -->
+	<section class="block block-3col-cards">
+		<div class="inner">
+			<div class="col-card">
+				<div class="col-card-hd political">
+					<span class="ico">党</span>
+					<span class="title">政治工作</span>
+				</div>
+				<a class="cc-img" href="javascript:;"><span style="background:#3a5f7d;">[政治工作图片]</span></a>
+				<a class="cc-tit" href="javascript:;">政治工作部组织优秀政治教员评比竞赛</a>
+				<div class="tags">
+					<a href="javascript:;">党建工作</a>
+					<a href="javascript:;">思想政治教育</a>
+					<a href="javascript:;">组织建设</a>
+					<a href="javascript:;">干部工作</a>
+				</div>
+				<ul class="news-list">
+					<li><a href="javascript:;">党委中心组开展专题学习研讨</a><span>08-30</span></li>
+					<li><a href="javascript:;">基层党组织书记培训示范班</a><span>08-29</span></li>
+					<li><a href="javascript:;">主题教育经验交流座谈会</a><span>08-28</span></li>
+					<li><a href="javascript:;">思想政治教育创新案例评选</a><span>08-27</span></li>
+					<li><a href="javascript:;">青年官兵理论学习小组活动</a><span>08-26</span></li>
+				</ul>
+			</div>
+			<div class="col-card">
+				<div class="col-card-hd logistics">
+					<span class="ico">装</span>
+					<span class="title">后装保障</span>
+				</div>
+				<a class="cc-img" href="javascript:;"><span style="background:#1f4e79;">[后装保障图片]</span></a>
+				<a class="cc-tit" href="javascript:;">后勤保障部组织供应保障业务集训</a>
+				<div class="tags">
+					<a href="javascript:;">后勤保障</a>
+					<a href="javascript:;">装备管理</a>
+					<a href="javascript:;">物资采购</a>
+					<a href="javascript:;">营房建设</a>
+				</div>
+				<ul class="news-list">
+					<li><a href="javascript:;">装备技术保障能力建设推进会</a><span>08-30</span></li>
+					<li><a href="javascript:;">后勤物资采购公开招标公告</a><span>08-29</span></li>
+					<li><a href="javascript:;">营区基础设施改造项目进展</a><span>08-28</span></li>
+					<li><a href="javascript:;">炊事员技能比武竞赛成功举办</a><span>08-27</span></li>
+					<li><a href="javascript:;">军需被装发放工作有序推进</a><span>08-26</span></li>
+				</ul>
+			</div>
+			<div class="col-card">
+				<div class="col-card-hd discipline">
+					<span class="ico">盾</span>
+					<span class="title">纪律检查</span>
+				</div>
+				<a class="cc-img" href="javascript:;"><span style="background:#5a3d2d;">[纪律检查图片]</span></a>
+				<a class="cc-tit" href="javascript:;">纪检监察部门开展廉政警示教育月活动</a>
+				<div class="tags">
+					<a href="javascript:;">廉政教育</a>
+					<a href="javascript:;">巡视巡察</a>
+					<a href="javascript:;">监督执纪</a>
+					<a href="javascript:;">案件查办</a>
+				</div>
+				<ul class="news-list">
+					<li><a href="javascript:;">党风廉政建设形势分析会</a><span>08-30</span></li>
+					<li><a href="javascript:;">违规违纪典型案例通报</a><span>08-29</span></li>
+					<li><a href="javascript:;">巡视巡察整改情况公示</a><span>08-28</span></li>
+					<li><a href="javascript:;">廉政风险排查防控工作要点</a><span>08-27</span></li>
+					<li><a href="javascript:;">纪检干部业务培训示范班</a><span>08-26</span></li>
+				</ul>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块11：理论/心理服务 -->
-<section class="block block-2col">
-  <div class="inner">
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>理论服务<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <div class="expert-list">
-        <div class="expert">
-          <span class="avatar" style="background:#aaa;">[头像]</span>
-          <div class="info">
-            <a class="name" href="javascript:;">王建华</a>
-            <div class="meta">国防大学战略教研部 教授</div>
-            <div class="field">擅长：国际战略、军事理论</div>
-            <a class="consult-btn" href="javascript:;">咨询</a>
-          </div>
-        </div>
-        <div class="expert">
-          <span class="avatar" style="background:#aaa;">[头像]</span>
-          <div class="info">
-            <a class="name" href="javascript:;">李晓峰</a>
-            <div class="meta">海军指挥学院作战指挥系 副教授</div>
-            <div class="field">擅长：海上作战、指挥决策</div>
-            <a class="consult-btn" href="javascript:;">咨询</a>
-          </div>
-        </div>
-      </div>
-      <div class="service-time">服务时间：周一至周五 08:00-17:30</div>
-    </div>
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>心理服务<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <div class="expert-list">
-        <div class="expert">
-          <span class="avatar" style="background:#aaa;">[头像]</span>
-          <div class="info">
-            <a class="name" href="javascript:;">张明华</a>
-            <div class="meta">全军心理健康咨询中心 主任医师</div>
-            <div class="field">擅长：心理疏导、压力调适</div>
-            <a class="consult-btn" href="javascript:;">咨询</a>
-          </div>
-        </div>
-        <div class="expert">
-          <span class="avatar" style="background:#aaa;">[头像]</span>
-          <div class="info">
-            <a class="name" href="javascript:;">陈丽君</a>
-            <div class="meta">海军医学研究所心理科 主治医师</div>
-            <div class="field">擅长：军人心理、危机干预</div>
-            <a class="consult-btn" href="javascript:;">咨询</a>
-          </div>
-        </div>
-      </div>
-      <div class="service-time">服务时间：每日 08:00-22:00（24小时热线）</div>
-    </div>
-  </div>
-</section>
+	<!-- 板块11：理论/心理服务 -->
+	<section class="block block-2col">
+		<div class="inner">
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>理论服务<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<div class="expert-list">
+					<div class="expert">
+						<span class="avatar" style="background:#aaa;">[头像]</span>
+						<div class="info">
+							<a class="name" href="javascript:;">王建华</a>
+							<div class="meta">国防大学战略教研部 教授</div>
+							<div class="field">擅长：国际战略、军事理论</div>
+							<a class="consult-btn" href="javascript:;">咨询</a>
+						</div>
+					</div>
+					<div class="expert">
+						<span class="avatar" style="background:#aaa;">[头像]</span>
+						<div class="info">
+							<a class="name" href="javascript:;">李晓峰</a>
+							<div class="meta">海军指挥学院作战指挥系 副教授</div>
+							<div class="field">擅长：海上作战、指挥决策</div>
+							<a class="consult-btn" href="javascript:;">咨询</a>
+						</div>
+					</div>
+				</div>
+				<div class="service-time">服务时间：周一至周五 08:00-17:30</div>
+			</div>
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>心理服务<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<div class="expert-list">
+					<div class="expert">
+						<span class="avatar" style="background:#aaa;">[头像]</span>
+						<div class="info">
+							<a class="name" href="javascript:;">张明华</a>
+							<div class="meta">全军心理健康咨询中心 主任医师</div>
+							<div class="field">擅长：心理疏导、压力调适</div>
+							<a class="consult-btn" href="javascript:;">咨询</a>
+						</div>
+					</div>
+					<div class="expert">
+						<span class="avatar" style="background:#aaa;">[头像]</span>
+						<div class="info">
+							<a class="name" href="javascript:;">陈丽君</a>
+							<div class="meta">海军医学研究所心理科 主治医师</div>
+							<div class="field">擅长：军人心理、危机干预</div>
+							<a class="consult-btn" href="javascript:;">咨询</a>
+						</div>
+					</div>
+				</div>
+				<div class="service-time">服务时间：每日 08:00-22:00（24小时热线）</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块12：公示/数字军史 -->
-<section class="block block-2col">
-  <div class="inner">
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>公示公开<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <table class="public-table">
-        <thead><tr><th width="50">序号</th><th>标题</th><th width="80">日期</th><th width="70">状态</th></tr></thead>
-        <tbody>
-          <tr><td>1</td><td><a href="javascript:;" class="red">2026年度干部任免公示（第三批）</a></td><td>08-30</td><td class="red">公示中</td></tr>
-          <tr><td>2</td><td><a href="javascript:;" class="red">关于表彰"四有"优秀个人的决定</a></td><td>08-29</td><td class="red">公示中</td></tr>
-          <tr><td>3</td><td><a href="javascript:;">后勤物资采购公开招标公告</a></td><td>08-28</td><td>已发布</td></tr>
-          <tr><td>4</td><td><a href="javascript:;">装备采购意向公开</a></td><td>08-27</td><td>已发布</td></tr>
-          <tr><td>5</td><td><a href="javascript:;">营区基建项目招标公告</a></td><td>08-26</td><td>已发布</td></tr>
-          <tr><td>6</td><td><a href="javascript:;">2026年军队院校招生简章</a></td><td>08-25</td><td>已发布</td></tr>
-        </tbody>
-      </table>
-    </div>
-    <div class="col">
-      <div class="sec-title"><span class="star">★</span>数字军史<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-      <div class="digit-stats">
-        <div class="stat">
-          <div class="num">77</div>
-          <div class="lab">建舰周年(年)</div>
-        </div>
-        <div class="stat">
-          <div class="num">486</div>
-          <div class="lab">历史荣誉(项)</div>
-        </div>
-        <div class="stat">
-          <div class="num">128</div>
-          <div class="lab">重大任务(次)</div>
-        </div>
-        <div class="stat">
-          <div class="num">2,386</div>
-          <div class="lab">战功官兵(人)</div>
-        </div>
-      </div>
-      <div class="timeline">
-        <div class="tl-item"><span class="dot"></span><span class="year">1949.04.23</span><span class="evt">中国人民解放军海军在泰州白马庙宣告成立</span></div>
-        <div class="tl-item"><span class="dot"></span><span class="year">1955.01.18</span><span class="evt">解放一江山岛战役,海军首次协同作战</span></div>
-        <div class="tl-item"><span class="dot"></span><span class="year">1985.11.16</span><span class="evt">海军舰队首次走出国门访问南亚三国</span></div>
-        <div class="tl-item"><span class="dot"></span><span class="year">2008.12.26</span><span class="evt">海军首批护航编队赴亚丁湾执行护航任务</span></div>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块12：公示/数字军史 -->
+	<section class="block block-2col">
+		<div class="inner">
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>公示公开<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<table class="public-table">
+					<thead>
+						<tr>
+							<th width="50">序号</th>
+							<th>标题</th>
+							<th width="80">日期</th>
+							<th width="70">状态</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<td>1</td>
+							<td><a href="javascript:;" class="red">2026年度干部任免公示（第三批）</a></td>
+							<td>08-30</td>
+							<td class="red">公示中</td>
+						</tr>
+						<tr>
+							<td>2</td>
+							<td><a href="javascript:;" class="red">关于表彰"四有"优秀个人的决定</a></td>
+							<td>08-29</td>
+							<td class="red">公示中</td>
+						</tr>
+						<tr>
+							<td>3</td>
+							<td><a href="javascript:;">后勤物资采购公开招标公告</a></td>
+							<td>08-28</td>
+							<td>已发布</td>
+						</tr>
+						<tr>
+							<td>4</td>
+							<td><a href="javascript:;">装备采购意向公开</a></td>
+							<td>08-27</td>
+							<td>已发布</td>
+						</tr>
+						<tr>
+							<td>5</td>
+							<td><a href="javascript:;">营区基建项目招标公告</a></td>
+							<td>08-26</td>
+							<td>已发布</td>
+						</tr>
+						<tr>
+							<td>6</td>
+							<td><a href="javascript:;">2026年军队院校招生简章</a></td>
+							<td>08-25</td>
+							<td>已发布</td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
+			<div class="col">
+				<div class="sec-title"><span class="star">★</span>数字军史<a class="more" href="javascript:;">更多&gt;&gt;</a>
+				</div>
+				<div class="digit-stats">
+					<div class="stat">
+						<div class="num">77</div>
+						<div class="lab">建舰周年(年)</div>
+					</div>
+					<div class="stat">
+						<div class="num">486</div>
+						<div class="lab">历史荣誉(项)</div>
+					</div>
+					<div class="stat">
+						<div class="num">128</div>
+						<div class="lab">重大任务(次)</div>
+					</div>
+					<div class="stat">
+						<div class="num">2,386</div>
+						<div class="lab">战功官兵(人)</div>
+					</div>
+				</div>
+				<div class="timeline">
+					<div class="tl-item"><span class="dot"></span><span class="year">1949.04.23</span><span
+							class="evt">中国人民解放军海军在泰州白马庙宣告成立</span></div>
+					<div class="tl-item"><span class="dot"></span><span class="year">1955.01.18</span><span
+							class="evt">解放一江山岛战役,海军首次协同作战</span></div>
+					<div class="tl-item"><span class="dot"></span><span class="year">1985.11.16</span><span
+							class="evt">海军舰队首次走出国门访问南亚三国</span></div>
+					<div class="tl-item"><span class="dot"></span><span class="year">2008.12.26</span><span
+							class="evt">海军首批护航编队赴亚丁湾执行护航任务</span></div>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块13：东海清风（廉政） -->
-<section class="block block-discipline">
-  <div class="inner">
-    <div class="sec-title"><span class="star red">★</span>东海清风<a class="more" href="javascript:;">更多&gt;&gt;</a></div>
-    <div class="discipline-2col">
-      <div>
-        <div class="sub-title">以案说法</div>
-        <ul class="news-list text-list">
-          <li class="imp"><a href="javascript:;">某部违规接受宴请问题查处情况通报</a><span>08-30</span></li>
-          <li class="imp"><a href="javascript:;">关于违反中央八项规定精神典型问题的通报</a><span>08-29</span></li>
-          <li><a href="javascript:;">基层"微腐败"问题表现形式及治理对策</a><span>08-28</span></li>
-          <li><a href="javascript:;">违规使用公车典型案例剖析</a><span>08-27</span></li>
-          <li><a href="javascript:;">某干部违规收受礼品礼金问题查处情况</a><span>08-26</span></li>
-          <li><a href="javascript:;">违规发放津补贴问题典型案例</a><span>08-25</span></li>
-          <li><a href="javascript:;">关于某部"四风"问题查处情况通报</a><span>08-24</span></li>
-        </ul>
-      </div>
-      <div>
-        <div class="sub-title">规定解读</div>
-        <ul class="news-list text-list">
-          <li><a href="javascript:;">《中国共产党廉洁自律准则》解读</a><span>08-30</span></li>
-          <li><a href="javascript:;">《中国共产党纪律处分条例》解读</a><span>08-29</span></li>
-          <li><a href="javascript:;">《军队廉政风险防控若干规定》解读</a><span>08-28</span></li>
-          <li><a href="javascript:;">《关于严禁违规饮酒的规定》解读</a><span>08-27</span></li>
-          <li><a href="javascript:;">《军队领导干部廉洁从政若干准则》解读</a><span>08-26</span></li>
-          <li><a href="javascript:;">《关于加强新时代廉洁文化建设的意见》解读</a><span>08-25</span></li>
-        </ul>
-      </div>
-      <div class="discipline-imgs">
-        <a class="di-img" href="javascript:;"><span style="background:#5a3d2d;">[廉政图片]</span><span>廉政教育进基层</span></a>
-        <a class="di-img" href="javascript:;"><span style="background:#3d5a3d;">[廉政图片]</span><span>警示教育大会</span></a>
-        <a class="di-img" href="javascript:;"><span style="background:#4a3a2d;">[廉政图片]</span><span>参观廉政教育基地</span></a>
-        <a class="di-img" href="javascript:;"><span style="background:#3a4a5a;">[廉政图片]</span><span>廉政文化作品展</span></a>
-      </div>
-    </div>
-  </div>
-</section>
+	<!-- 板块13：东海清风（廉政） -->
+	<section class="block block-discipline">
+		<div class="inner">
+			<div class="sec-title"><span class="star red">★</span>东海清风<a class="more" href="javascript:;">更多&gt;&gt;</a>
+			</div>
+			<div class="discipline-2col">
+				<div>
+					<div class="sub-title">以案说法</div>
+					<ul class="news-list text-list">
+						<li class="imp"><a href="javascript:;">某部违规接受宴请问题查处情况通报</a><span>08-30</span></li>
+						<li class="imp"><a href="javascript:;">关于违反中央八项规定精神典型问题的通报</a><span>08-29</span></li>
+						<li><a href="javascript:;">基层"微腐败"问题表现形式及治理对策</a><span>08-28</span></li>
+						<li><a href="javascript:;">违规使用公车典型案例剖析</a><span>08-27</span></li>
+						<li><a href="javascript:;">某干部违规收受礼品礼金问题查处情况</a><span>08-26</span></li>
+						<li><a href="javascript:;">违规发放津补贴问题典型案例</a><span>08-25</span></li>
+						<li><a href="javascript:;">关于某部"四风"问题查处情况通报</a><span>08-24</span></li>
+					</ul>
+				</div>
+				<div>
+					<div class="sub-title">规定解读</div>
+					<ul class="news-list text-list">
+						<li><a href="javascript:;">《中国共产党廉洁自律准则》解读</a><span>08-30</span></li>
+						<li><a href="javascript:;">《中国共产党纪律处分条例》解读</a><span>08-29</span></li>
+						<li><a href="javascript:;">《军队廉政风险防控若干规定》解读</a><span>08-28</span></li>
+						<li><a href="javascript:;">《关于严禁违规饮酒的规定》解读</a><span>08-27</span></li>
+						<li><a href="javascript:;">《军队领导干部廉洁从政若干准则》解读</a><span>08-26</span></li>
+						<li><a href="javascript:;">《关于加强新时代廉洁文化建设的意见》解读</a><span>08-25</span></li>
+					</ul>
+				</div>
+				<div class="discipline-imgs">
+					<a class="di-img" href="javascript:;"><span
+							style="background:#5a3d2d;">[廉政图片]</span><span>廉政教育进基层</span></a>
+					<a class="di-img" href="javascript:;"><span
+							style="background:#3d5a3d;">[廉政图片]</span><span>警示教育大会</span></a>
+					<a class="di-img" href="javascript:;"><span
+							style="background:#4a3a2d;">[廉政图片]</span><span>参观廉政教育基地</span></a>
+					<a class="di-img" href="javascript:;"><span
+							style="background:#3a4a5a;">[廉政图片]</span><span>廉政文化作品展</span></a>
+				</div>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块14：东海文化（图片墙） -->
-<section class="block block-culture">
-  <div class="culture-hd">
-    <div class="inner">
-      <span class="star">★</span><span class="title">东海文化</span>
-      <div class="sub-tabs">
-        <a class="cur" href="javascript:;">文艺轻骑队</a>
-        <a href="javascript:;">军营文化</a>
-        <a href="javascript:;">书画摄影</a>
-        <a href="javascript:;">读书活动</a>
-      </div>
-      <a class="more" href="javascript:;">更多&gt;&gt;</a>
-    </div>
-  </div>
-  <div class="inner">
-    <div class="imgwall">
-      <a class="iw-big" href="javascript:;"><span style="background:#3a5f7d;">[文艺演出图片] 海军文艺轻骑队深入基层慰问演出</span><span class="cap">海军文艺轻骑队深入基层慰问演出</span></a>
-      <a class="iw-1" href="javascript:;"><span style="background:#1f4e79;">[图片]</span><span class="cap">军营歌手大赛</span></a>
-      <a class="iw-2" href="javascript:;"><span style="background:#2d5a3d;">[图片]</span><span class="cap">书画展</span></a>
-      <a class="iw-3" href="javascript:;"><span style="background:#5a3d2d;">[图片]</span><span class="cap">摄影展</span></a>
-      <a class="iw-4" href="javascript:;"><span style="background:#3d5a3d;">[图片]</span><span class="cap">读书分享会</span></a>
-      <a class="iw-5" href="javascript:;"><span style="background:#4a3a2d;">[图片]</span><span class="cap">文艺汇演</span></a>
-      <a class="iw-6" href="javascript:;"><span style="background:#3a4a5a;">[图片]</span><span class="cap">演讲比赛</span></a>
-    </div>
-  </div>
-</section>
+	<!-- 板块14：东海文化（图片墙） -->
+	<section class="block block-culture">
+		<div class="culture-hd">
+			<div class="inner">
+				<span class="star">★</span><span class="title">东海文化</span>
+				<div class="sub-tabs">
+					<a class="cur" href="javascript:;">文艺轻骑队</a>
+					<a href="javascript:;">军营文化</a>
+					<a href="javascript:;">书画摄影</a>
+					<a href="javascript:;">读书活动</a>
+				</div>
+				<a class="more" href="javascript:;">更多&gt;&gt;</a>
+			</div>
+		</div>
+		<div class="inner">
+			<div class="imgwall">
+				<a class="iw-big" href="javascript:;"><span style="background:#3a5f7d;">[文艺演出图片]
+						海军文艺轻骑队深入基层慰问演出</span><span class="cap">海军文艺轻骑队深入基层慰问演出</span></a>
+				<a class="iw-1" href="javascript:;"><span style="background:#1f4e79;">[图片]</span><span
+						class="cap">军营歌手大赛</span></a>
+				<a class="iw-2" href="javascript:;"><span style="background:#2d5a3d;">[图片]</span><span
+						class="cap">书画展</span></a>
+				<a class="iw-3" href="javascript:;"><span style="background:#5a3d2d;">[图片]</span><span
+						class="cap">摄影展</span></a>
+				<a class="iw-4" href="javascript:;"><span style="background:#3d5a3d;">[图片]</span><span
+						class="cap">读书分享会</span></a>
+				<a class="iw-5" href="javascript:;"><span style="background:#4a3a2d;">[图片]</span><span
+						class="cap">文艺汇演</span></a>
+				<a class="iw-6" href="javascript:;"><span style="background:#3a4a5a;">[图片]</span><span
+						class="cap">演讲比赛</span></a>
+			</div>
+		</div>
+	</section>
 
-<!-- 板块15：底部 -->
-<footer class="site-footer">
-  <div class="inner">
-    <div class="footer-map">
-      <div class="fm-col">
-        <div class="fm-tit">关于我们</div>
-        <a href="javascript:;">战区简介</a>
-        <a href="javascript:;">领导信箱</a>
-        <a href="javascript:;">组织架构</a>
-        <a href="javascript:;">联系方式</a>
-      </div>
-      <div class="fm-col">
-        <div class="fm-tit">网站地图</div>
-        <a href="javascript:;">新闻阅报</a>
-        <a href="javascript:;">学习强军</a>
-        <a href="javascript:;">东海视线</a>
-        <a href="javascript:;">练兵备战</a>
-        <a href="javascript:;">政治工作</a>
-      </div>
-      <div class="fm-col">
-        <div class="fm-tit">友情链接</div>
-        <a href="javascript:;">中国政府网</a>
-        <a href="javascript:;">国防部网</a>
-        <a href="javascript:;">解放军报</a>
-        <a href="javascript:;">中国军网</a>
-        <a href="javascript:;">海军网</a>
-      </div>
-      <div class="fm-col">
-        <div class="fm-tit">相关网站</div>
-        <a href="javascript:;">北部战区海军</a>
-        <a href="javascript:;">南部战区海军</a>
-        <a href="javascript:;">火箭军</a>
-        <a href="javascript:;">陆军</a>
-        <a href="javascript:;">空军</a>
-      </div>
-      <div class="fm-col">
-        <div class="fm-tit">联系方式</div>
-        <a href="javascript:;">办公电话</a>
-        <a href="javascript:;">投稿邮箱</a>
-        <a href="javascript:;">意见反馈</a>
-        <a href="javascript:;">举报投诉</a>
-      </div>
-    </div>
-    <div class="footer-info">
-      <p class="ft-name">中国人民解放军东部战区海军</p>
-      <p>地址：浙江省宁波市鄞州区 | 邮编：315000 | 办公电话：0574-XXXXXXXX</p>
-    </div>
-    <div class="footer-copy">
-      <span>备案编号：浙ICP备XXXXXXXX号</span> | 
-      <span>网站标识码：bm3600000X</span> | 
-      <span>技术支持：XXXX信息服务中心</span>
-    </div>
-  </div>
-  <div class="footer-line"></div>
-</footer>
+	<!-- 板块15：底部 -->
+	<footer class="site-footer">
+		<div class="inner">
+			<div class="footer-map">
+				<div class="fm-col">
+					<div class="fm-tit">关于我们</div>
+					<a href="javascript:;">战区简介</a>
+					<a href="javascript:;">领导信箱</a>
+					<a href="javascript:;">组织架构</a>
+					<a href="javascript:;">联系方式</a>
+				</div>
+				<div class="fm-col">
+					<div class="fm-tit">网站地图</div>
+					<a href="javascript:;">新闻阅报</a>
+					<a href="javascript:;">学习强军</a>
+					<a href="javascript:;">东海视线</a>
+					<a href="javascript:;">练兵备战</a>
+					<a href="javascript:;">政治工作</a>
+				</div>
+				<div class="fm-col">
+					<div class="fm-tit">友情链接</div>
+					<a href="javascript:;">中国政府网</a>
+					<a href="javascript:;">国防部网</a>
+					<a href="javascript:;">解放军报</a>
+					<a href="javascript:;">中国军网</a>
+					<a href="javascript:;">海军网</a>
+				</div>
+				<div class="fm-col">
+					<div class="fm-tit">相关网站</div>
+					<a href="javascript:;">北部战区海军</a>
+					<a href="javascript:;">南部战区海军</a>
+					<a href="javascript:;">火箭军</a>
+					<a href="javascript:;">陆军</a>
+					<a href="javascript:;">空军</a>
+				</div>
+				<div class="fm-col">
+					<div class="fm-tit">联系方式</div>
+					<a href="javascript:;">办公电话</a>
+					<a href="javascript:;">投稿邮箱</a>
+					<a href="javascript:;">意见反馈</a>
+					<a href="javascript:;">举报投诉</a>
+				</div>
+			</div>
+			<div class="footer-info">
+				<p class="ft-name">中国人民解放军东部战区海军</p>
+				<p>地址：浙江省宁波市鄞州区 | 邮编：315000 | 办公电话：0574-XXXXXXXX</p>
+			</div>
+			<div class="footer-copy">
+				<span>备案编号：浙ICP备XXXXXXXX号</span> |
+				<span>网站标识码：bm3600000X</span> |
+				<span>技术支持：XXXX信息服务中心</span>
+			</div>
+		</div>
+		<div class="footer-line"></div>
+	</footer>
 
-<!-- 返回顶部 -->
-<a class="back-top" href="javascript:;" id="backTop">↑</a>
+	<!-- 返回顶部 -->
+	<a class="back-top" href="javascript:;" id="backTop">↑</a>
 
-<script src="js/preview.js"></script>
+	<script src="js/preview.js"></script>
 </body>
-</html>
+
+</html>
\ No newline at end of file

序号	标题	日期	状态
1	2026年度干部任免公示（第三批）	08-30	公示中
2	关于表彰"四有"优秀个人的决定	08-29	公示中
3	后勤物资采购公开招标公告	08-28	已发布
4	装备采购意向公开	08-27	已发布
5	营区基建项目招标公告	08-26	已发布
6	2026年军队院校招生简章	08-25	已发布