更新汉晶新需求

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; 
+}
+
 
 
 

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%;