release v1.1.0

2025-05-08 17:53:36 +08:00
parent fcd75e3bb2
commit db5e50510e
41 changed files with 2450 additions and 357 deletions
--- a/css/aboutUs.css
+++ b/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/css/approaching.css
+++ b/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/css/header.css
+++ b/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,111 @@
  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);
+}
+
+
+/* -------------------- */
+
+/* 语言切换下拉框样式 */
+.lang-dropdown {
+    position: relative;
+    display: inline-block;
+    cursor: pointer;
+    margin-bottom: 2vh;
+    margin-left: 8px;
+}
+
+.lang-btn {
+    display: flex;
+    align-items: center;
+    background-color: transparent;
+    color: #ffffff;
+    border: none;
+    cursor: pointer;
+    padding: 8px 12px;
+    border-radius: 4px;
+    font-size: 0.8vw;
+    transition: all 0.3s ease;
+    font-weight: 600;
+}
+
+.lang-btn:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.lang-btn img {
+    width: 20px;
+    height: 14px;
+    margin-right: 8px;
+    border-radius: 2px;
+    object-fit: cover;
+}
+
+.lang-btn .arrow {
+    margin-left: 8px;
+    transition: transform 0.3s ease;
+}
+
+.lang-dropdown-content {
+    display: none;
+    position: absolute;
+    right: 0;
+    top: 100%; /* 确保设置了这个值 */
+    min-width: 120px;
+    background-color: #ffffff;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    z-index: 1000;
+    overflow: hidden;
+}
+
+.lang-dropdown-content.show {
+    display: block;
+    animation: fadeIn 0.2s ease;
+}
+
+.lang-item {
+    display: flex;
+    align-items: center;
+    padding: 10px 12px;
+    color: #333;
+    text-decoration: none;
+    transition: all 0.2s ease;
+}
+
+.lang-item:hover {
+    background-color: #f5f5f5;
+}
+
+.lang-item img {
+    width: 20px;
+    height: 14px;
+    margin-right: 8px;
+    border-radius: 2px;
+    object-fit: cover;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(-10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
--- a/css/index.css
+++ b/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/css/mainBusiness.css
+++ b/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/css/ourProducts.css
+++ b/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/css/technicalSupport.css
+++ b/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;
+}