标题板块3

web/dbzq.css

@@ -359,13 +359,70 @@ img {
     color: #fff;
 }
 
+/* ========== 板块3 ========== */
+.block-3 {
+    position: absolute;
+    top: 489px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 1200px;
+    height: 105px;
+    background: rgba(255, 255, 255, 0.3);
+    box-sizing: border-box;
+    z-index: 2;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 0 20px;
+    gap: 12px;
+}
+
+.block-3 .block-3-title {
+    width: 1024px;
+    height: 31px;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-weight: bold;
+    font-size: 42px;
+    color: #0B408A;
+    line-height: 16px;
+    letter-spacing: 2px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    white-space: nowrap;
+    overflow: visible;
+}
+
+.block-3 .block-3-subs {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 16px;
+}
+
+.block-3 .block-3-subs li {
+    width: 153px;
+    height: 17px;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-weight: bold;
+    font-size: 16px;
+    color: #0B408A;
+    line-height: 16px;
+    letter-spacing: 1px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+    white-space: nowrap;
+}
+
 /* ========== Footer ========== */
 .footer {
     position: relative;
     width: 100%;
     height: 522px;
     background: url("assest/网站底部1600 1.png") center top / 100% 100% no-repeat;
-    margin-top: 20px;
+    margin-top: 120px;
     box-sizing: border-box;
 }
 

web/dbzq.html

@@ -45,7 +45,7 @@
         </div>
     </div>
 
-    <!-- 板块3：网站头部切图 -->
+    <!-- 板块2：网站头部切图 -->
     <div class="header-banner">
         <img src="assest/网站头部切图.png" alt="网站头部切图">
         <img class="header-logo" src="assest/logo 19.png" alt="logo">
@@ -134,6 +134,19 @@
         </div>
     </div>
 
+    <!-- 板块3 -->
+    <section class="block-3">
+        <h2 class="block-3-title">大标题大标题大标题大标题大标题大标题大标题大标</h2>
+        <ul class="block-3-subs">
+            <li>【小标题小标题小】</li>
+            <li>【小标题小标题小】</li>
+            <li>【小标题小标题小】</li>
+            <li>【小标题小标题小】</li>
+            <li>【小标题小标题小】</li>
+            <li>【小标题小标题小】</li>
+        </ul>
+    </section>
+
     <!-- 板块：Footer -->
     <footer class="footer">
         <a class="footer-link footer-link-stats" href="javascript:;">信息统计</a>