diff --git a/web/assest/logo3 1.png b/web/assest/logo3 1.png new file mode 100644 index 0000000..ff70ee7 Binary files /dev/null and b/web/assest/logo3 1.png differ diff --git a/web/assest/网站底部1600 1.png b/web/assest/网站底部1600 1.png new file mode 100644 index 0000000..11c77c7 Binary files /dev/null and b/web/assest/网站底部1600 1.png differ diff --git a/web/dbzq.css b/web/dbzq.css index 0136154..18bdb09 100644 --- a/web/dbzq.css +++ b/web/dbzq.css @@ -402,35 +402,136 @@ img { 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 { + position: relative; 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; - padding: 30px 0; - margin-top: 120px; + white-space: nowrap; + z-index: 2; } -.footer .wrap { - display: flex; - justify-content: space-between; - align-items: flex-start; +.footer .footer-link-stats { + left: 1134px; } -.footer-left h4 { - font-size: 18px; - margin-bottom: 10px; +.footer .footer-link-login { + left: 1219px; } -.footer-left p { - font-size: 13px; - line-height: 1.8; - color: #c8d4e8; +.footer .footer-link:hover { + opacity: 0.85; } -.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; - font-size: 12px; - color: #c8d4e8; - line-height: 1.8; + font-size: 16px; + font-weight: bold; + 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; } diff --git a/web/dbzq.html b/web/dbzq.html index af70ca4..dcb2146 100644 --- a/web/dbzq.html +++ b/web/dbzq.html @@ -134,7 +134,7 @@ - +

习近平在全军高级干部培训班开班式上发表重要讲话

+ +
+