汉晶添加中英文翻译

2025-05-08 14:56:06 +08:00
parent bd38cf7e2d
commit 3923e4df10
38 changed files with 1431 additions and 214 deletions
--- a/hanJing/css/aboutUs.css
+++ b/hanJing/css/aboutUs.css
@@ -77,7 +77,7 @@
 .bannertop{
    width: 100%;
    height:105vh;
-    background-image: url(../imgs/svg/企业文化理念\(BJF\).svg);
+    background-image: url(../imgs/us/corporateCultureConcept.svg);
    background-repeat: no-repeat;
    background-size:40vw;
    background-position:0vw 50%;  
@@ -260,6 +260,21 @@ html {
   scroll-margin-top: 10vh; 
 }

+/* 英文状态下样式 */
+.topBannerLeftTitle p.en:nth-child(1) {
+   font-size: 2vw;
+   letter-spacing: normal;
+   font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+
+}
+
+.topBannerLeftTitle p.en:nth-child(2) {
+   font-size: 1vw;
+   letter-spacing: normal;
+   font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+   
+}
+



--- a/hanJing/css/approaching.css
+++ b/hanJing/css/approaching.css
@@ -153,3 +153,57 @@
    padding: 1.2vw;
   
 }
+
+/* 英文状态下样式 */
+.topBannerLeftTitle p.en {
+    font-size: 2vw;  
+
+    letter-spacing: normal;
+    left: -3.5vw;
+}
+
+/* .futureList.en li {
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+    background: rgba(0,236,236,0.06);
+    border-radius: 12px;
+    margin-bottom: 2vw;
+    padding: 2vw 2vw 2vw 2vw;
+    color: #00ECEC;
+    box-shadow: 0 2px 8px rgba(0,236,236,0.08);
+    display: flex;
+    align-items: flex-start;
+    gap: 2vw;
+} */
+
+.futureList.en .futureContent p:nth-child(1) {
+    font-weight: bold;
+    font-size: 1.2vw;  
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+   
+}
+
+.futureList.en .futureContent p:nth-child(2) {
+    width: 96%;
+    /* font-weight: bold; */
+    font-size: 1vw;
+    text-align: left;
+    line-height: 2.7vh;
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+   
+}
+
+.futureList.en .futureCircleInner  {
+   font-size: 1vw;
+   
+}
+
+.textOne .Right p.en,
+.textTwo .Right p.en,
+.textThree .Right p.en {
+    font-family: 'Segoe UI', 'Arial', 'Helvetica Neue', sans-serif;
+   
+}
+
+
+
+
--- a/hanJing/css/header.css
+++ b/hanJing/css/header.css
@@ -28,38 +28,44 @@
    width: 100%;
    height: 65%;
    display: flex;
-    align-items: start;
-    justify-content: space-between;
+    align-items: center;
+    /* justify-content: space-around; */
    /* background: palegoldenrod; */
 }
 .logo{
-    width: 20%;
+    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
-    justify-content: center;
+    padding-left: 10vw;
 }
-.logo img{
-    width: 3.5vw;
+.logo img{  
+    width: 4vw;   
    height: auto;
+    max-height: 4vw;
+    display: block;
+    object-fit: contain; /* 保证图片不变形 */
 }
 .header ul{
-    width: 45%;
+    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: palevioletred; */
    margin-left: 5vw;
-    padding-right: 10vw;
+    /* padding-right: 10vw; */
 }
 .header ul li{
-    width: 100%;
+    /* width: 100%; */
+    min-width: 5vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9vw;
+    margin-left: 1vw;
+    /* background: palegreen; */
  
   
 }
@@ -88,3 +94,24 @@
  bottom:  0;
  left: 0;
 }
+.language{
+    /* width: 10%; */
+    /* height: 100%; */
+    /* background: palegoldenrod; */
+    /* line-height:5vh; */
+    padding-bottom: 2vh;
+    border:none;
+    outline: none;
+    cursor: pointer;
+    color: #009FD1;
+    transition: all 0.2s ease;
+    font-weight: 600;
+    font-size: 1vw;
+    background: transparent;
+    margin-left: 1vw;
+    
+}
+.language:hover{
+    color: #fff;
+    text-shadow: 0 0 10px rgba(41, 111, 216, 0.5);
+}
--- a/hanJing/css/index.css
+++ b/hanJing/css/index.css
@@ -418,7 +418,7 @@ body {
 .bannertop{
    width: 100%;
    height:105vh;
-    background-image: url(../imgs/home/mainBusiness.svg);
+    background-image: url(../imgs/home/mainBusiness.png);
    background-repeat: no-repeat;
    background-size:40vw;
    background-position:0vw 50%;  
@@ -444,7 +444,7 @@ body {
 }
 .textBox p{
    font-size: 1.2vw;
-    line-height: 6vh;
+    line-height: 5vh;
    margin-top: 5vh;
    
 }
@@ -549,7 +549,7 @@ body {
    width: 100%;
    height: 108vh;
    position: relative;
-    background-image: url(../imgs/png/关于我们.png);
+    background-image: url(../imgs/home/aboutUs.png);
    background-repeat: no-repeat;
    background-size:40vw;
    background-position:0vw 50%;
@@ -680,6 +680,25 @@ body {
   
 }

+/* 英文样式 */
+.textBox.en {
+   width: 32vw;
+   font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+
+  }
+.textBox.en h1{
+  font-size: 1.3vw;
+  font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+
+}
+
+.textBox.en p{
+    font-size: 1.3vw;
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+  
+  }
+
+



--- a/hanJing/css/mainBusiness.css
+++ b/hanJing/css/mainBusiness.css
@@ -287,4 +287,46 @@



-/* ----------------- */
+/* ----------------- */
+
+/* 英文状态下样式 */
+.topBannerLeft.en{
+    width: 34%;
+}
+.topBannerLeftTitle p:nth-child(1).en
+ {
+    font-size: 1.8vw; 
+  font-weight: 600;
+  letter-spacing: normal; 
+  text-align: left;
+    
+   
+}
+
+.topBannerLeftTitle p:nth-child(2).en{
+    font-size: 1.1vw;
+    letter-spacing: normal;
+    text-align: left;
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+
+   
+}
+
+/* 英文状态下样式 */
+.bannerBottomList li.en {
+    font-size: 1.1vw;
+   
+    letter-spacing: normal; /* 英文去除字间距 */
+ 
+    /* 其它英文专属样式 */
+}
+
+.bannerBottomList li.en p:nth-child(3) {
+    font-size: 0.9vw;
+  
+    letter-spacing: normal; /* 英文去除字间距 */
+    width: 100%;
+    line-height: 1.7;
+    text-align: left;
+    font-family: 'Segoe UI', 'Arial', 'Helvetica', sans-serif;
+}
--- a/hanJing/css/ourProducts.css
+++ b/hanJing/css/ourProducts.css
@@ -446,3 +446,13 @@ html {
    transform: translateX(10px);
 }

+/* 英文状态下样式 */
+#topBannerLeftTitle1.en,
+#topBannerLeftTitle2.en {
+    font-size: 2.3vw; 
+  font-weight: 600;
+  letter-spacing: normal; 
+    
+   
+}
+
--- a/hanJing/css/technicalSupport.css
+++ b/hanJing/css/technicalSupport.css
@@ -20,7 +20,7 @@
    /* background: #00316B; */
    color: #fff;
    position: absolute;
-    top: 5vh;
+    top: 9vh;
    left: 16vw;
 }

@@ -146,3 +146,10 @@
    top: 0vh;
    left: 20vw;  
 }
+/* 英文状态下样式 */
+.topBannerLeftTitle p.en:nth-child(1) {
+    font-size: 2vw;
+  
+   
+    letter-spacing: normal;
+}