339 lines
16 KiB
HTML
339 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>东部战区海军</title>
|
||
<link rel="stylesheet" href="dbzq.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 板块1：顶部工具栏 -->
|
||
<div class="topbar">
|
||
<div class="wrap">
|
||
<img class="welcome-icon" src="assest/房子 1@2x.png" alt="">
|
||
<span class="welcome-text">东部战区海军强军网集群</span>
|
||
<img class="welcome-arrow" src="assest/Polygon 28.png" alt="">
|
||
|
||
<span class="nav">军网导航</span>
|
||
<img class="nav-arrow" src="assest/Polygon 28.png" alt="">
|
||
|
||
<form class="searchbox" onsubmit="return false;">
|
||
<div class="search-input-wrap">
|
||
<img class="search-icon" src="assest/Vector.png" alt="">
|
||
<input type="text" placeholder="请输入关键字">
|
||
</div>
|
||
<button type="submit">全站搜索</button>
|
||
</form>
|
||
|
||
<a class="user-info" href="javascript:;">标题标题 已登录</a>
|
||
|
||
<a class="toplinks-link link-exit" href="javascript:;">
|
||
<img class="top-icon" src="assest/登出 1.png" alt="">
|
||
退出
|
||
</a>
|
||
<a class="toplinks-link link-register" href="javascript:;">
|
||
<img class="top-icon" src="assest/注册 1.png" alt="">
|
||
注册
|
||
</a>
|
||
<a class="toplinks-link link-disk" href="javascript:;">
|
||
<img class="top-icon" src="assest/云 1.png" alt="">
|
||
网盘
|
||
</a>
|
||
<img class="links-arrow" src="assest/Polygon 28.png" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 板块3：网站头部切图 -->
|
||
<div class="header-banner">
|
||
<img src="assest/网站头部切图.png" alt="网站头部切图">
|
||
<img class="layer-35" src="assest/图层 35.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 class="desc">
|
||
为畅通官兵诉求渠道，倾听基层声音，欢迎广大官兵通过留言板反映问题、提出建议，我们将认真对待每一条留言，及时反馈处理结果。</p>
|
||
</div>
|
||
<div class="two-col-block">
|
||
<h3>网盘服务</h3>
|
||
<p class="desc">提供文件存储、共享、下载等便捷服务，方便官兵日常工作和学习资料的存储与共享，支持多种文件格式上传与管理。</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 Email: xxxxx@163.com</p>
|
||
</div>
|
||
<div class="footer-right">
|
||
<p>Copyright © 2026 东部战区海军强军网 版权所有</p>
|
||
<p>网站标识码：XXXXXXXXXX</p>
|
||
<p>京ICP备XXXXXXXX号 军网XX字第XXX号</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
|
||
</html> |