From 3923e4df10c6ba7ac8d72bbd8e97005240f977f0 Mon Sep 17 00:00:00 2001
From: yaoqin <497681109@qq.com>
Date: Thu, 8 May 2025 14:56:06 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E6=B1=89=E6=99=B6=E6=B7=BB=E5=8A=A0?=
=?UTF-8?q?=E4=B8=AD=E8=8B=B1=E6=96=87=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
hanJing/css/aboutUs.css | 17 +-
hanJing/css/approaching.css | 54 ++++
hanJing/css/header.css | 45 +++-
hanJing/css/index.css | 25 +-
hanJing/css/mainBusiness.css | 44 +++-
hanJing/css/ourProducts.css | 10 +
hanJing/css/technicalSupport.css | 9 +-
hanJing/html/aboutUs.html | 45 ++--
hanJing/html/approaching.html | 32 +--
hanJing/html/mainBusiness.html | 30 +--
hanJing/html/ourProducts.html | 141 ++++++-----
hanJing/html/technicalSupport.html | 32 +--
hanJing/imgs/home/S6PRO.jpg | Bin 0 -> 141840 bytes
hanJing/imgs/home/{KS6PRO.png => S6PRO.png} | Bin
hanJing/imgs/home/S6PRO_en.jpg | Bin 0 -> 146306 bytes
hanJing/imgs/home/Y100.jpg | Bin 0 -> 176774 bytes
hanJing/imgs/home/Y100_en.jpg | Bin 0 -> 179988 bytes
hanJing/imgs/home/aboutUs.png | Bin 0 -> 211469 bytes
hanJing/imgs/home/aboutUs_en.png | Bin 0 -> 209547 bytes
hanJing/imgs/home/mainBusiness.png | Bin 0 -> 245009 bytes
hanJing/imgs/home/mainBusiness.svg | 1 -
hanJing/imgs/home/mainBusiness_en.png | Bin 0 -> 244751 bytes
hanJing/imgs/main/advantage_en.svg | 1 +
hanJing/imgs/main/content_en.svg | 1 +
.../imgs/products/{KS1PRO.png => S1PRO.png} | Bin
.../imgs/products/{YX1000.png => Y100.png} | Bin
hanJing/imgs/svg/logo_en.svg | 1 +
.../imgs/technology/technicalSupport_en.svg | 1 +
.../corporateCultureConcept.svg} | 0
.../imgs/us/corporateCultureConcept_en.svg | 1 +
hanJing/index.html | 68 ++---
hanJing/js/aboutUs.js | 236 +++++++++++++++---
hanJing/js/approaching.js | 133 ++++++++++
hanJing/js/header.js | 55 ++++
hanJing/js/index.js | 176 +++++++++++++
hanJing/js/mainBusiness.js | 197 ++++++++++++++-
hanJing/js/ourProducts.js | 170 +++++++++++++
hanJing/js/technicalSupport.js | 120 +++++++++
38 files changed, 1431 insertions(+), 214 deletions(-)
create mode 100644 hanJing/imgs/home/S6PRO.jpg
rename hanJing/imgs/home/{KS6PRO.png => S6PRO.png} (100%)
create mode 100644 hanJing/imgs/home/S6PRO_en.jpg
create mode 100644 hanJing/imgs/home/Y100.jpg
create mode 100644 hanJing/imgs/home/Y100_en.jpg
create mode 100644 hanJing/imgs/home/aboutUs.png
create mode 100644 hanJing/imgs/home/aboutUs_en.png
create mode 100644 hanJing/imgs/home/mainBusiness.png
delete mode 100644 hanJing/imgs/home/mainBusiness.svg
create mode 100644 hanJing/imgs/home/mainBusiness_en.png
create mode 100644 hanJing/imgs/main/advantage_en.svg
create mode 100644 hanJing/imgs/main/content_en.svg
rename hanJing/imgs/products/{KS1PRO.png => S1PRO.png} (100%)
rename hanJing/imgs/products/{YX1000.png => Y100.png} (100%)
create mode 100644 hanJing/imgs/svg/logo_en.svg
create mode 100644 hanJing/imgs/technology/technicalSupport_en.svg
rename hanJing/imgs/{svg/企业文化理念(BJF).svg => us/corporateCultureConcept.svg} (100%)
create mode 100644 hanJing/imgs/us/corporateCultureConcept_en.svg
create mode 100644 hanJing/js/approaching.js
create mode 100644 hanJing/js/header.js
create mode 100644 hanJing/js/technicalSupport.js
diff --git a/hanJing/css/aboutUs.css b/hanJing/css/aboutUs.css
index f98a91a..f545862 100644
--- 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;
+
+}
+
diff --git a/hanJing/css/approaching.css b/hanJing/css/approaching.css
index 7151cf5..d4079cf 100644
--- 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;
+
+}
+
+
+
+
diff --git a/hanJing/css/header.css b/hanJing/css/header.css
index 56b0a8c..6b32bc8 100644
--- 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);
+}
diff --git a/hanJing/css/index.css b/hanJing/css/index.css
index 3e1bd7b..c016ec1 100644
--- 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;
+
+ }
+
+
diff --git a/hanJing/css/mainBusiness.css b/hanJing/css/mainBusiness.css
index 810e6f1..2a02083 100644
--- a/hanJing/css/mainBusiness.css
+++ b/hanJing/css/mainBusiness.css
@@ -287,4 +287,46 @@
-/* ----------------- */
\ No newline at end of file
+/* ----------------- */
+
+/* 英文状态下样式 */
+.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;
+}
\ No newline at end of file
diff --git a/hanJing/css/ourProducts.css b/hanJing/css/ourProducts.css
index d1b8d54..223e7ec 100644
--- 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;
+
+
+}
+
diff --git a/hanJing/css/technicalSupport.css b/hanJing/css/technicalSupport.css
index 8c2f7da..f7651c2 100644
--- 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;
+}
\ No newline at end of file
diff --git a/hanJing/html/aboutUs.html b/hanJing/html/aboutUs.html
index 92404c0..2d9e93a 100644
--- a/hanJing/html/aboutUs.html
+++ b/hanJing/html/aboutUs.html
@@ -13,31 +13,42 @@
securityJsCode: 'd7d163684cbe3ea85f182a42cd1b8880',
}
-
-
- 深圳汉晶电子信息有限公司
+
+
+ 深圳汉晶电子信息有限公司
+
- 
-
+