zhaichao/ningbo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

底部

Browse Source
This commit is contained in:
zhaichao
2026-09-03 17:16:07 +08:00
parent eb183c4a5c
commit 5480372b89
4 changed files with 234 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/assest/logo3 1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

web/assest/网站底部1600 1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

web/dbzq.css
+119 -18
View File
@@ -402,35 +402,136 @@ img {
white-space: nowrap; white-space: nowrap;
} }
/* ========== 板块5 ========== */
.block-5 {
position: absolute;
top: 614px;
left: 50%;
transform: translateX(-50%);
width: 1200px;
height: 400px;
background: #FDFDFD;
z-index: 2;
box-sizing: border-box;
}
/* ========== Footer ========== */ /* ========== Footer ========== */
.footer { .footer {
position: relative;
width: 100%; width: 100%;
background: #1a4a8a; height: 522px;
background: url("assest/网站底部1600 1.png") center top / 100% 100% no-repeat;
margin-top: 540px;
box-sizing: border-box;
}
.footer .footer-link {
position: absolute;
top: 12px;
bottom: 494px;
height: 16px;
line-height: 16px;
font-size: 14px;
color: #fff; color: #fff;
padding: 30px 0; white-space: nowrap;
margin-top: 120px; z-index: 2;
} }
.footer .wrap { .footer .footer-link-stats {
display: flex; left: 1134px;
justify-content: space-between;
align-items: flex-start;
} }
.footer-left h4 { .footer .footer-link-login {
font-size: 18px; left: 1219px;
margin-bottom: 10px;
} }
.footer-left p { .footer .footer-link:hover {
font-size: 13px; opacity: 0.85;
line-height: 1.8;
color: #c8d4e8;
} }
.footer-right { /* logo 基准：左306 底348 */
.footer .footer-logo {
position: absolute;
left: 306px;
bottom: 348px;
width: 237px;
height: 41px;
}
/* 中国人民解放军：紧贴 logo 上方，同宽右对齐 */
.footer .footer-org {
position: absolute;
left: 306px;
bottom: 395px;
width: 237px;
text-align: right; text-align: right;
font-size: 12px; font-size: 16px;
color: #c8d4e8; font-weight: bold;
line-height: 1.8; color: #222;
line-height: 1.2;
}
/* 左侧说明：紧贴 logo 下方，同宽右对齐 */
.footer .footer-left {
position: absolute;
left: 306px;
top: 184px;
width: 237px;
text-align: right;
}
.footer .footer-info {
font-size: 12px;
color: #333;
line-height: 1.85;
}
/* 竖线：logo 右缘外侧，高度覆盖左右内容 */
.footer .footer-divider {
position: absolute;
left: 560px;
bottom: 160px;
width: 1px;
height: 300px;
background: #9aa3ad;
}
/* 右侧链接：竖线右侧，与「中国人民解放军」顶齐 */
.footer .footer-right {
position: absolute;
left: 580px;
bottom: 160px;
right: 180px;
top: 100px;
}
.footer .footer-row {
display: flex;
align-items: flex-start;
margin-bottom: 6px;
font-size: 12px;
line-height: 1.75;
}
.footer .footer-label {
flex: 0 0 64px;
font-weight: bold;
color: #333;
white-space: nowrap;
}
.footer .footer-links {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 0 14px;
}
.footer .footer-links a {
color: #777;
white-space: nowrap;
}
.footer .footer-links a:hover {
color: #0b408a;
} }
web/dbzq.html
+115 -11
View File
@@ -134,7 +134,7 @@
</div> </div>
</div> </div>
<!-- 板块：大标题区 --> <!-- 板块4：大标题区 -->
<section class="headline-box"> <section class="headline-box">
<h2 class="headline-main">习近平在全军高级干部培训班开班式上发表重要讲话</h2> <h2 class="headline-main">习近平在全军高级干部培训班开班式上发表重要讲话</h2>
<ul class="headline-subs"> <ul class="headline-subs">
@@ -147,19 +147,123 @@
</ul> </ul>
</section> </section>
<!-- 板块5：内容区 -->
<section class="block-5"></section>
<!-- 板块：Footer --> <!-- 板块：Footer -->
<footer class="footer"> <footer class="footer">
<div class="wrap"> <a class="footer-link footer-link-stats" href="javascript:;">信息统计</a>
<div class="footer-left"> <a class="footer-link footer-link-login" href="javascript:;">管理登录</a>
<h4>东部战区海军强军网集群</h4>
<p>主办单位：东部战区海军政治工作部</p> <h3 class="footer-org">中国人民解放军</h3>
<p>承办单位：东部战区海军网络宣传中心</p> <img class="footer-logo" src="assest/logo3 1.png" alt="东部战区海军党委机关网">
<p>联系电话：XXX-XXXXXXXX &nbsp;&nbsp; Email: xxxxx@163.com</p>
<div class="footer-left">
<ul class="footer-info">
<li>开设单位:东部战区海军政治工作部</li>
<li>备案号: HJ2620181025002</li>
<li>域名: www.qjw.dbhj.hj</li>
<li>联系电话:0556-30612</li>
<li>联系人:值班员</li>
<li>推荐使用IE8以上浏览器</li>
<li>支持1024*768以上分辨率</li>
</ul>
</div>
<div class="footer-divider"></div>
<div class="footer-right">
<div class="footer-row">
<span class="footer-label">军委机关</span>
<div class="footer-links">
<a href="javascript:;">中央军委机关</a>
<a href="javascript:;">办公厅</a>
<a href="javascript:;">联合参谋部</a>
<a href="javascript:;">政治工作部</a>
<a href="javascript:;">后勤保障部</a>
<a href="javascript:;">装备发展部</a>
<a href="javascript:;">训练管理部</a>
<a href="javascript:;">国防动员部</a>
<a href="javascript:;">纪律检查委员会</a>
<a href="javascript:;">政法委员会</a>
<a href="javascript:;">科学技术委员会</a>
<a href="javascript:;">战略规划办公室</a>
<a href="javascript:;">改革和编制办公室</a>
<a href="javascript:;">国际军事合作办公室</a>
<a href="javascript:;">审计署</a>
<a href="javascript:;">机关事务管理总局</a>
</div>
</div> </div>
<div class="footer-right"> <div class="footer-row">
<p>Copyright © 2026 东部战区海军强军网 版权所有</p> <span class="footer-label">大单位</span>
<p>网站标识码：XXXXXXXXXX</p> <div class="footer-links">
<p>京ICP备XXXXXXXX号 &nbsp; 军网XX字第XXX号</p> <a href="javascript:;">东部战区</a>
<a href="javascript:;">南部战区</a>
<a href="javascript:;">西部战区</a>
<a href="javascript:;">北部战区</a>
<a href="javascript:;">中部战区</a>
<a href="javascript:;">陆军</a>
<a href="javascript:;">海军</a>
<a href="javascript:;">空军</a>
<a href="javascript:;">火箭军</a>
<a href="javascript:;">战略支援部队</a>
<a href="javascript:;">联勤保障部队</a>
<a href="javascript:;">军事科学院</a>
<a href="javascript:;">国防大学</a>
<a href="javascript:;">国防科技大学</a>
<a href="javascript:;">武警部队</a>
</div>
</div>
<div class="footer-row">
<span class="footer-label">海军机关</span>
<div class="footer-links">
<a href="javascript:;">参谋部</a>
<a href="javascript:;">政治工作部</a>
<a href="javascript:;">后勤部</a>
<a href="javascript:;">装备部</a>
<a href="javascript:;">纪律检查委员会</a>
</div>
</div>
<div class="footer-row">
<span class="footer-label">海军系统</span>
<div class="footer-links">
<a href="javascript:;">北部战区海军</a>
<a href="javascript:;">东部战区海军</a>
<a href="javascript:;">南部战区海军</a>
<a href="javascript:;">陆战队</a>
</div>
</div>
<div class="footer-row">
<span class="footer-label">直属单位</span>
<div class="footer-links">
<a href="javascript:;">92919部队</a>
<a href="javascript:;">91668部队</a>
<a href="javascript:;">92403部队</a>
<a href="javascript:;">92858部队</a>
<a href="javascript:;">91208部队</a>
<a href="javascript:;">92196部队</a>
<a href="javascript:;">92676部队</a>
<a href="javascript:;">92730部队</a>
<a href="javascript:;">91458部队</a>
<a href="javascript:;">92351部队</a>
<a href="javascript:;">92567部队</a>
<a href="javascript:;">91824部队</a>
<a href="javascript:;">92209部队</a>
<a href="javascript:;">92615部队</a>
<a href="javascript:;">92980部队</a>
</div>
</div>
<div class="footer-row">
<span class="footer-label">推荐网站</span>
<div class="footer-links">
<a href="javascript:;">数字战场</a>
<a href="javascript:;">强军导航</a>
<a href="javascript:;">强军搜索</a>
<a href="javascript:;">爱搜搜索</a>
<a href="javascript:;">军网北斗</a>
<a href="javascript:;">军队自考网</a>
<a href="javascript:;">军综网防病毒服务平台</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>