From 087bae4fcc55f01e7cf94bc9f20c06ea7c10657b Mon Sep 17 00:00:00 2001
From: yanfeiyong <2060201549@qq.com>
Date: Thu, 20 Mar 2025 09:11:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=80=E7=BB=88=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
jc-website/css/mobile.css | 76 +++--------
jc-website/css/website.css | 121 ++++--------------
jc-website/html/companyweb.html | 87 +++----------
jc-website/html/mobile.html | 28 +---
jc-website/images/website/产品BG.png | Bin 9957 -> 0 bytes
jc-website/images/website/公司介绍BG.png | Bin 671046 -> 0 bytes
jc-website/images/website/公司介绍m.png | Bin 339403 -> 0 bytes
jc-website/images/website/图片2 拷贝.png | Bin 6846 -> 0 bytes
jc-website/images/website/图片2.png | Bin 6885 -> 0 bytes
.../{图片2 拷贝@2x.png => 图片2拷贝@2x.png} | Bin
jc-website/images/website/服务内容BG.png | Bin 543957 -> 0 bytes
jc-website/images/website/行业案例.png | Bin 1508801 -> 0 bytes
12 files changed, 62 insertions(+), 250 deletions(-)
delete mode 100644 jc-website/images/website/产品BG.png
delete mode 100644 jc-website/images/website/公司介绍BG.png
delete mode 100644 jc-website/images/website/公司介绍m.png
delete mode 100644 jc-website/images/website/图片2 拷贝.png
delete mode 100644 jc-website/images/website/图片2.png
rename jc-website/images/website/{图片2 拷贝@2x.png => 图片2拷贝@2x.png} (100%)
delete mode 100644 jc-website/images/website/服务内容BG.png
delete mode 100644 jc-website/images/website/行业案例.png
diff --git a/jc-website/css/mobile.css b/jc-website/css/mobile.css
index 76389a8..ea385ce 100644
--- a/jc-website/css/mobile.css
+++ b/jc-website/css/mobile.css
@@ -7,40 +7,6 @@ body {
overflow-x: hidden;
}
-
-/* 默认样式 */
-body {
- font-size: 16px;
-}
-
-/* 小屏幕设备 */
-@media (max-width: 320px) {
- body {
- font-size: 14px;
- }
-}
-
-/* 中等屏幕设备 */
-@media (min-width: 321px) and (max-width: 375px) {
- body {
- font-size: 15px;
- }
-}
-
-/* 较大屏幕设备 */
-@media (min-width: 376px) and (max-width: 414px) {
- body {
- font-size: 16px;
- }
-}
-
-/* 更大屏幕设备 */
-@media (min-width: 415px) {
- body {
- font-size: 18px;
- }
-}
-
:focus {
outline: none;
}
@@ -274,7 +240,7 @@ body {
.section2 {
width: 100%;
height: 100%;
- background-image: url(../images/website/服务内容BG.png);
+ background-image: url(../images/website/服务内容BG@2x.png);
;
}
@@ -340,7 +306,7 @@ body {
}
.introduce-content {
- width: 25.17rem;
+ width: 22.17rem;
height: 12.83rem;
font-family: Source Han Sans SC;
font-size: 1rem;
@@ -356,12 +322,13 @@ body {
}
.introduce-content2 {
- width: 25.17rem;
+ width: 22.17rem;
height: 5.94rem;
font-family: Source Han Sans SC;
font-size: 1rem;
color: #333333;
line-height: 1.22rem;
+ text-align: left;
}
.introduce-content2 span {
@@ -371,15 +338,11 @@ body {
.introduce-grid {
margin-top: 1.88rem;
- width: 100%;
- /* 调整宽度以适应父容器 */
+ width: 92%;
display: grid;
grid-template-columns: repeat(3, 1fr);
- /* 三列布局 */
gap: 1.82%;
- /* 列间距 */
justify-items: center;
- /* 每个项目的水平居中 */
}
.introduce-grid2 {
@@ -391,9 +354,9 @@ body {
}
.introduce-grid-item {
- width: 7.94rem;
+ width: 7.4rem;
height: 3.83rem;
- background-image: url(../images/website/产品BG.png);
+ background-image: url(../images/website/产品BG@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
@@ -405,11 +368,11 @@ body {
color: #FFFFFF;
line-height: 30px;
margin-top: 10px;
- margin-left: -10px;
+ margin-left: -5px;
}
.introduce-content3 {
- width: 25.11rem;
+ width: 22.11rem;
height: 5.94rem;
font-family: Source Han Sans SC;
font-weight: 400;
@@ -417,6 +380,7 @@ body {
color: #333333;
line-height: 1.22rem;
margin-top: 2rem;
+ text-align: center;
}
.introduce-content3 span {
@@ -430,6 +394,8 @@ body {
align-items: center;
justify-content: space-between;
margin-top: 0.3rem;
+ position: absolute;
+ bottom: 0;
}
.introduce-content4img {
@@ -442,13 +408,13 @@ body {
}
.introduce-contentword {
- width: auto;
+ width: 100%;
height: auto;
display: flex;
align-items: center;
position: absolute;
- left: 10%;
- bottom: 7.5%;
+ left: 8%;
+ bottom: 34%;
}
.wordone {
@@ -458,7 +424,6 @@ body {
font-weight: bold;
font-size: 1.2rem;
color: #333333;
- line-height: 1.88rem;
word-wrap: nowrap;
}
@@ -477,7 +442,6 @@ body {
background-image: url(../images/website/橄榄叶右m.png);
background-size: 100% 100%;
background-repeat: no-repeat;
- margin-right: 1rem;
}
.wordthree {
@@ -522,7 +486,7 @@ body {
font-family: Source Han Sans SC;
/* font-weight: bold; */
color: #FFFFFF;
- width: 25.44rem;
+ width: 22.44rem;
height: 17.06rem;
font-family: Source Han Sans SC;
font-size: 1.13rem;
@@ -572,7 +536,7 @@ body {
height: auto;
margin-top: 4.81rem;
display: grid;
- grid-template-columns: repeat(2, 13rem);
+ grid-template-columns: repeat(2, 11.5rem);
/* 4列,每列19rem */
grid-template-rows: repeat(4, 6rem);
/* 2行,每行21rem */
@@ -611,8 +575,8 @@ body {
}
.grid-item {
- width: 12rem;
- height: 5rem;
+ width: 8rem;
+ height: 2rem;
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
@@ -814,7 +778,7 @@ body {
}
.section-center-city {
- background-image: url(../images/website/公司介绍BG.png);
+ background-image: url(../images/website/公司介绍BG@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
diff --git a/jc-website/css/website.css b/jc-website/css/website.css
index 9bde35f..c4e71ff 100644
--- a/jc-website/css/website.css
+++ b/jc-website/css/website.css
@@ -5,79 +5,17 @@ body {
user-select: none;
overflow-y: hidden;
}
-
-
-@media (max-width: 575.98px) {
- html {
- font-size: 14px;
- }
-
- .navbar-brand {
- font-size: 14px;
- }
-
- .nav-link {
- font-size: 14px;
- }
-}
-
-@media (min-width: 576px) and (max-width: 767.98px) {
- html {
- font-size: 15px;
- }
-
- .navbar-brand {
- font-size: 16px;
- }
-
- .nav-link {
- font-size: 15px;
- }
-}
-
-@media (min-width: 768px) and (max-width: 991.98px) {
- html {
- font-size: 16px;
- }
-
- .navbar-brand {
- font-size: 18px;
- }
-
- .nav-link {
- font-size: 16px;
- }
-}
-
-@media (min-width: 992px) and (max-width: 1199.98px) {
- html {
- font-size: 16px;
- }
-
- .navbar-brand {
- font-size: 20px;
- }
-
- .nav-link {
- font-size: 17px;
- }
-}
-
-@media (min-width: 1200px) {
- html {
- font-size: 16px;
- }
-
- .navbar-brand {
- font-size: 22px;
- }
-
- .nav-link {
- font-size: 18px;
- }
+.container-fluid{
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ background: #FFFFFF;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
}
-
:focus {
outline: none;
}
@@ -241,19 +179,11 @@ body {
}
.menus1 {
+ width: 48rem;
float: right;
color: #333333;
font-size: 18px;
- line-height: 70px;
- margin-right: 5%;
-}
-
-.menus2 {
- float: right;
- color: #282b4a;
- font-size: 18px;
- line-height: 70px;
- margin-right: 5%;
+ line-height: 50px;
}
.menu {
@@ -307,7 +237,7 @@ body {
.section1 {
width: 100%;
height: 100%;
- background-image: url(../images/website/公司介绍BG.png);
+ background-image: url(../images/website/公司介绍BG@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
@@ -319,14 +249,14 @@ body {
.section2 {
width: 100%;
height: 100%;
- background-image: url(../images/website/服务内容BG.png);
+ background-image: url(../images/website/服务内容BG@2x.png);
;
}
.section3 {
width: 100%;
height: 100%;
- background-image: url(../images/website/行业案例.png);
+ background-image: url(../images/website/行业案例@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
@@ -335,7 +265,7 @@ body {
.section4 {
width: 100%;
height: 100%;
- background-image: url(.././images/website/公司资质BG.png);
+ background-image: url(../images/website/公司资质BG@2x.png);
background-size: 100% 100%;
display: flex;
flex-direction: column;
@@ -345,7 +275,7 @@ body {
.section5 {
width: 100%;
height: 100%;
- background-image: url(../images/website/联系我们BG.png);
+ background-image: url(../images/website/联系我们BG@2x.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
@@ -433,7 +363,7 @@ body {
.introduce-grid-item {
width: 197px;
height: 69px;
- background-image: url(../images/website/产品BG.png);
+ background-image: url(../images/website/产品BG@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
@@ -473,7 +403,7 @@ body {
.introduce-content4img {
width: 3.13rem;
height: 8rem;
- background-image: url(../images/website/图片2.png);
+ background-image: url(../images/website/图片2@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
@@ -511,7 +441,7 @@ body {
.introduce-content4img2 {
width: 3.13rem;
height: 8rem;
- background-image: url(../images/website/图片2\ 拷贝.png);
+ background-image: url(../images/website/图片2拷贝@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
@@ -610,10 +540,8 @@ body {
height: auto;
margin-top: 1.81rem;
display: grid;
- grid-template-columns: repeat(4, 18rem);
- /* 4列,每列19rem */
- grid-template-rows: repeat(2, 20rem);
- /* 2行,每行21rem */
+ grid-template-columns: repeat(4, 17.5rem);
+ grid-template-rows: repeat(2, 19.5rem);
}
.section-contentsgird .grid-item:first-child {
@@ -845,7 +773,7 @@ body {
}
.section-center-city {
- background-image: url(../images/website/公司介绍BG.png);
+ background-image: url(../images/website/公司介绍BG@2x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
@@ -1069,8 +997,3 @@ body {
width: 8rem;
height: 10rem;
}
-
-.kongbai {
- width: 65rem;
- height: auto;
-}
\ No newline at end of file
diff --git a/jc-website/html/companyweb.html b/jc-website/html/companyweb.html
index aaf34a9..5815a60 100644
--- a/jc-website/html/companyweb.html
+++ b/jc-website/html/companyweb.html
@@ -12,11 +12,8 @@
content="极创 澜海 极创科技 苏州极创科技 极创澜海 苏州极创 苏州澜海 苏州极创澜海 极创澜海官网 极创澜海官方网站 苏州极创澜海科技有限公司 智慧城市 政府软件 智慧园林 智慧农业 智慧工业 智慧园区 智慧城管 智慧安监 智慧公安 智慧地税 智慧环保 智慧市政 智慧医疗 智慧环卫 智慧社保" />
-
+
-
-
@@ -37,52 +34,23 @@
-