diff --git a/hanJing/css/aboutUs.css b/hanJing/css/aboutUs.css
index 6a7f630..f98a91a 100644
--- a/hanJing/css/aboutUs.css
+++ b/hanJing/css/aboutUs.css
@@ -62,7 +62,7 @@
 
 .banner{
     width: 100%;
-    height: 400vh;
+    height: 205vh;
     background-image: url(../imgs/svg/背景纹（大）.svg);
     background-repeat: no-repeat;
     background-size:160%;
@@ -230,6 +230,11 @@
    width: 100%;
    height: 100vh;
    /* background: palegoldenrod; */
+   background-color:rgba(3, 0, 69, 0.8);
+  
+   display: flex;
+   justify-content: center;
+   align-items: center;
 }
 
 .addressBox-bottom{
@@ -247,6 +252,14 @@
    min-height: 300px; /* 确保地图有最小高度 */
 }
 
+html {
+   scroll-behavior: smooth; /* 添加平滑滚动效果 */
+}
+
+#contact-map {
+   scroll-margin-top: 10vh; 
+}
+
 
 
 
diff --git a/hanJing/css/index.css b/hanJing/css/index.css
index cdcc175..3e1bd7b 100644
--- a/hanJing/css/index.css
+++ b/hanJing/css/index.css
@@ -319,13 +319,97 @@ body {
 
 .banner{
     width: 100%;
-    height: 330vh;
+    height: 520vh;
     background-image: url(../imgs/svg/背景纹（大）.svg);
     background-repeat: no-repeat;
     background-size:160%;
     background-position: 54vw -42vw;  
     background-color: #00316B;
 }
+
+
+
+.bannerBottom2{
+    width: 100%;
+    height: 190vh;
+    background-color:rgba(3, 0, 69, 0.8);
+    padding-top: 8vh;
+    padding-bottom: 8vh;
+    /* background: palegoldenrod; */
+    
+ }
+
+ .bannerBottom2 h1{
+    font-size: 3vw;
+    font-weight: 600;
+    color: #fff;
+    text-align: center;
+    text-decoration: underline;
+    text-underline-offset: 0.8vw;
+   
+ }
+ .bannerBottomList{
+    width: 72vw;
+    height:150vh;   
+    /* background: palegoldenrod; */
+    margin: 0 auto;
+    margin-top: 8vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+ }
+ .bannerBottomList li{
+    width: 70%; 
+    height:60vh;   
+    margin-top: 10vh;
+    display: flex;
+    justify-content: space-around;
+ }
+ .bannerBottomList li p{
+    width: 40%;
+    height: 100%;
+    color: #fff; 
+    display: flex;
+    flex-direction: column;   
+    justify-content: end;
+    align-items: start;
+    padding-bottom: 3vh;
+    font-size: 1.2vw;
+    padding-left: 4vw;
+ }
+ .bannerBottomListOne{
+   background-image: url(../imgs/us/ic.png);
+   background-repeat: no-repeat;
+   background-size: 100% 100%;
+   width: auto;
+   height: 100%;
+   /* background: palegoldenrod; */
+ }
+ .bannerBottomListTwo{
+    background-image: url(../imgs/us/lowpower.png);
+    background-repeat: no-repeat;
+    /* background-size: 100% 100%; */
+    background-size: contain; /* 改为 contain 保持图片比例 */
+    background-position: center; /* 居中显示 */
+    width: 100%;
+    height: 100%;
+ }
+ .bannerBottomListThree{
+    background-image: url(../imgs/us/manufacturer.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    width: 100%;
+    height: 100%;
+ }
+
+ .bannerBottomListFour{
+    background-image: url(../imgs/us/Tapeout.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    width: 100%;
+    height: 100%;
+ }
+
 /* .bannerLeft{
     width: 100%;
     height: 30%;
diff --git a/hanJing/html/aboutUs.html b/hanJing/html/aboutUs.html
index fde4b5d..6a85aa6 100644
--- a/hanJing/html/aboutUs.html
+++ b/hanJing/html/aboutUs.html
@@ -92,7 +92,7 @@
                </div>
            </div>
         </div>
-        <div class="bannerBottom">
+        <!-- <div class="bannerBottom">
             <h1>为什么选择汉晶?</h1>
             <ul class="bannerBottomList">
                 <li class="bannerBottomListOne">
@@ -114,12 +114,12 @@
               
             </ul>
 
-        </div>
+        </div> -->
 
       
         <section class="map">
 
-            <div class="addressBox-bottom">
+            <div class="addressBox-bottom" id="contact-map">
                 <div id="mapContainer"></div>
              
             </div>
diff --git a/hanJing/html/technicalSupport.html b/hanJing/html/technicalSupport.html
index bfc6596..1694eda 100644
--- a/hanJing/html/technicalSupport.html
+++ b/hanJing/html/technicalSupport.html
@@ -56,7 +56,7 @@
             </div>
             <p class="title">技术咨询</p>
             <p class="problem">提供芯片设计前的需求分析、技术选型、系统架构建议。</p>
-            <a class="report" href="mailto:fu.bin@hjsilicon.com">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
+            <a class="report" href="aboutUs.html#contact-map">提交服务帮助 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
             
         </div>      
 
@@ -66,7 +66,7 @@
             </div>
             <p class="title">定制化开发</p>
             <p class="problem">根据客户的特定需求，提供个性化定制的芯片设计服务，确保项目的高效实施。</p>
-            <a class="report" href="mailto:fu.bin@hjsilicon.com">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
+            <a class="report" href="aboutUs.html#contact-map">定制需求 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
             
         </div>  
         <div class="bannerRight">
@@ -76,7 +76,7 @@
              </div>
              <p class="title">产品维护与升级</p>
              <p class="problem">提供持续的技术支持，定期为客户的芯片产品提供性能优化与功能升级。</p>
-             <a class="report" href="mailto:fu.bin@hjsilicon.com">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
+             <a class="report" href="aboutUs.html#contact-map">立即升级 <img class="arrow" src="../imgs/svg/箭头.svg" alt="箭头"></a>
 
             </div>
         </div>
diff --git a/hanJing/index.html b/hanJing/index.html
index 3c2b028..f1806db 100644
--- a/hanJing/index.html
+++ b/hanJing/index.html
@@ -83,6 +83,33 @@
    <img class="btRight" src="./imgs/svg/线纹.svg" alt="点纹">
      </section>     
      <section class="banner">
+
+        <div class="bannerBottom2">
+            <h1>为什么选择汉晶?</h1>
+            <ul class="bannerBottomList">
+                <li class="bannerBottomListOne">
+                    <p></p> 
+                    <p> IC设计全生命周期一站式覆盖 </p>
+                </li>
+                <li class="bannerBottomListTwo">
+                    <p>独特的低功耗设计，让芯片更有竞争力</p>
+                    <p></p>
+                </li>
+                <li class="bannerBottomListThree">
+                    <p></p>
+                    <p>有稳定的芯片制造商合作关系</p>
+                </li>
+                <li class="bannerBottomListFour">
+                    <p>流片均一版成功，即流片成功率100%,助力客户赢得市场</p>
+                    <p></p>
+                </li>
+              
+            </ul>
+
+        </div> 
+
+
+
          <div class="bannertop">
             <div class="textBox">
                 <h1>芯片设计技术服务</h1>