From de39945b61c0ae3ad0acc39e889514b6c2dddda6 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 09 七月 2025 18:26:09 +0800
Subject: [PATCH] 提交
---
web/assets/about.css | 128 ++
web/assets/icon/shunjian.png | 0
web/assets/icon/校园@2x.png | 0
web/assets/icon/亲子卡.png | 0
web/assets/images/wufu_ic_peixun.png | 0
web/assets/icon/客流分析.png | 0
web/assets/icon/亲子@2x.png | 0
web/assets/images/矩形 (1).png | 0
web/assets/images/banner_soluti1on.png | 0
web/assets/images/fuwu_img_zhichi.png | 0
web/assets/common.css | 51 +
web/assets/operation.css | 44
web/assets/images/wufu_ic_wuren.png | 0
web/assets/icon/赛事活动.png | 0
web/solution-scenicSpot.html | 176 +++
web/assets/images/soluti9on_img1.png | 0
web/assets/icon/冰雪馆@2x.png | 0
web/assets/icon/工会馆@2x.png | 0
web/assets/images/1.png | 0
web/assets/images/3w.png | 0
web/assets/images/wufu_ic_zhuanren.png | 0
web/assets/solution-scenicSpot.css | 233 +++++
web/components/nav.html | 271 +++++
web/assets/images/solution_img4.png | 0
web/assets/icon/会员营销.png | 0
web/js/solution-scenicSpot.js | 21
web/assets/icon/数智体育@2x.png | 0
web/assets/images/qwe.png | 0
web/assets/icon/home_ic_siyouhua2@3x.png | 0
web/assets/solution-sport.css | 233 +++++
web/assets/home.css | 2
web/assets/icon/文艺演出馆@2x.png | 0
web/assets/images/background.png | 0
web/assets/dynamics_details.css | 59 +
web/assets/icon/ota团购.png | 0
web/assets/images/poi.png | 0
web/solution-meadowlands.html | 176 +++
web/assets/icon/游泳馆@2x.png | 0
web/assets/images/solution_img5.png | 0
web/assets/dynamics.css | 73 +
web/assets/solution-space.css | 233 +++++
web/assets/images/ban986ner_solution.png | 0
web/assets/images/banner_soluti22on.png | 0
web/assets/solution.css | 2
web/assets/icon/工人文化宫@2x.png | 0
web/assets/icon/连锁运营@2x.png | 0
web/dynamics.html | 38
web/operation.html | 60 +
web/assets/images/home_hezuo.png | 0
web/assets/images/wufu_ic_youyongguan.png | 0
web/solution.html | 2
web/assets/icon/点餐服务.png | 0
web/assets/images/banner_solution.png | 0
web/assets/icon/24h场馆@2x.png | 0
web/assets/images/bann123er_solution.png | 0
web/dynamics_details.html | 50
web/js/solution-sport.js | 21
web/assets/images/solution_img6.png | 0
web/assets/images/wufu_ic_tiyuguan.png | 0
web/assets/images/wufu_ic_aoti.png | 0
web/solution-sport.html | 176 +++
web/assets/images/wufu_ic_shequ.png | 0
web/assets/images/wufu_ic_liuicheng.png | 0
web/about.html | 91 +
web/components/footer.html | 54
web/assets/images/rty.png | 0
web/assets/images/2w.png | 0
web/assets/icon/home_ic_siyouhua 2@3x.png | 0
web/assets/icon/大屏管理.png | 0
web/assets/images/wufu_ic_xiuxian.png | 0
web/assets/images/solution_img7.png | 0
web/assets/solution-meadowlands.css | 233 +++++
web/solution-space.html | 184 ++++
web/assets/icon/home_ic_siyouhua@3x1.png | 0
web/assets/icon/aboutus_ic_12@3x.png | 0
web/assets/icon/体育公园@2x.png | 0
web/assets/icon/景区@2x.png | 0
web/assets/images/2.png | 0
web/assets/icon/home_ic_siyouhua@3x.png | 0
web/assets/icon/无人值守@2x.png | 0
web/assets/icon/综合体育馆@2x.png | 0
web/assets/images/3.png | 0
web/js/solution-meadowlands.js | 21
web/assets/images/wufu_ic_jianshen.png | 0
web/assets/images/123.png | 0
web/assets/images/wulian_img_nishui.png | 0
web/assets/images/4w.png | 0
web/assets/images/1w.png | 0
web/index.html | 30
web/alot.html | 22
web/assets/icon/全民健身@2x.png | 0
web/js/solution-space.js | 21
web/assets/images/wufu_ic_xishui.png | 0
web/assets/images/wufu_ic_tiyugongyuan.png | 0
94 files changed, 2,638 insertions(+), 67 deletions(-)
diff --git a/web/about.html b/web/about.html
index dd558fa..1f0a707 100644
--- a/web/about.html
+++ b/web/about.html
@@ -97,6 +97,97 @@
<img src="./assets/images/aboutus_img_zizhi@2x.png" alt="">
</div>
</div>
+ <div class="index-y">
+ <div class="title">瑕嗙洊澶氳涓氬満鏅� 婊¤冻涓嶅悓鐢ㄦ埛闇�姹�</div>
+ <div class="info">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愬満鎵�鎻愪緵涓撲笟鐨勬暟鏅烘枃浣撴梾瑙ｅ喅鏂规锛屼负鏀垮簻鍙婄浉鍏充綋鑲叉満鏋勬彁渚涗竴绔欏紡鏁版櫤浣撹偛鏈嶅姟骞冲彴鍜屽ぇ鏁版嵁鏈嶅姟</div>
+ <div class="index-y-list">
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_tiyuguan.png" alt="">
+ <span>浣撹偛鍦洪</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/solution_img_6@2x.png" alt="">
+ <span>娓告吵棣�</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_tiyugongyuan.png" alt="">
+ <span>浣撹偛鍏洯</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_aoti.png" alt="">
+ <span>濂ヤ綋涓績</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_shequ.png" alt="">
+ <span>绀惧尯鍋ヨ韩鎴�</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_wuren.png" alt="">
+ <span>鏃犱汉鍊煎畧鐞冨満</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_jianshen.png" alt="">
+ <span>鍋ヨ韩淇变箰閮�</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_peixun.png" alt="">
+ <span>浣撹偛鍩硅鏈烘瀯</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_xiuxian.png" alt="">
+ <span>浼戦棽濞变箰鍦烘墍</span>
+ </div>
+ <div class="index-y-list-item">
+ <img src="./assets/images/wufu_ic_xishui.png" alt="">
+ <span>鎴忔按/鎴忛洩涔愬洯</span>
+ </div>
+ </div>
+ <a class="index-fa-btn">
+ <span>浜嗚В璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </a>
+ </div>
+ <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+ <div class="title">涓撲笟鏈嶅姟 鍏ㄧ▼璺熻繘</div>
+ <div class="info">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愮┖闂存彁渚涗笓涓氫竴绔欏紡鏅烘収鍖栬В鍐虫柟妗�</div>
+ <div class="index-y-zy">
+ <div class="index-y-zy-item">
+ <div class="index-y-zy-item-tip">
+ <img src="./assets/images/aboutus_ic_1@2x.png" alt="">
+ </div>
+ <div class="index-y-zy-item-img">
+ <img src="./assets/images/fuwu_img_zhichi.png" alt="">
+ </div>
+ <div class="index-y-zy-item-box">
+ <span>搴旂敤鍩硅鏀寔</span>
+ <span>鍩烘湰搴旂敤鍦烘櫙鍩硅锛屽揩閫熶笂鎵嬫搷浣滀娇鐢紱
+瀹氭湡绾夸笂鏁欏锛屾彁鍗囩鐞嗕汉鍛樹笟鍔℃妧鑳斤紱
+鏀寔绉诲姩瀛︿範锛屽晢鎴烽殢鏃堕殢鍦板挩璇㈠煿璁�</span>
+ </div>
+ </div>
+ <div class="index-y-zy-item">
+ <div class="index-y-zy-item-tip">
+ <img src="./assets/images/aboutus_ic_1@2x.png" alt="">
+ </div>
+ <div class="index-y-zy-item-img">
+ <img src="./assets/images/wufu_ic_zhuanren.png" alt="">
+ </div>
+ <div class="index-y-zy-item-box">
+ <span>涓撲汉涓撻」璺熻繘</span>
+ <span>鎶�鏈洟闃熷叏绋嬭窡杩涳紝缁欎簣涓撲笟甯姪锛�
+7*24h缁存姢锛屼繚闅滅郴缁熺ǔ瀹氳繍琛岋紱
+瀹㈡湇鍥㈤槦鍏ㄥ勾365澶╋紝鎻愪緵浼樿川鏈嶅姟</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="index-y" style="background: #F8F9FB;">
+ <div class="title">鎴戜滑鐨勬湇鍔�</div>
+ <div class="info">涓撲笟鏈嶅姟 鍒涢�犱环鍊�</div>
+ <div class="index-y-fuwu">
+ <img src="./assets/images/wufu_ic_liuicheng.png" alt="">
+ </div>
+ </div>
<div class="index-y" id="section1">
<div class="title">娓犻亾鍚堜綔</div>
<div class="info">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
diff --git a/web/alot.html b/web/alot.html
index df9de4b..5d6be77 100644
--- a/web/alot.html
+++ b/web/alot.html
@@ -442,6 +442,28 @@
</div>
</div>
</div>
+ <div class="index-x-list-item">
+ <div class="hz">
+ <div class="hz-info">
+ <div class="hz-info-label">闃叉汉姘寸郴缁�</div>
+ <div class="hz-info-row">
+ <img src="./assets/icon/ic_gou@2x.png" alt="">
+ <span>閫氳繃姘翠笅鍏ㄦ柟浣嶇洃鎺у拰浜哄伐鏅鸿兘澶ф暟鎹妧鏈负鏍稿績锛屼互鈥滆嚜鍔ㄩ璀�+楂樻晥鏂芥晳+鎶�鏈槻鎺р�濈殑鎵嬫淇濋殰娓告吵鑰呯殑瀹夊叏</span>
+ </div>
+ <div class="hz-info-row">
+ <img src="./assets/icon/ic_gou@2x.png" alt="">
+ <span>360搴﹀彲瑙嗙洃鎺ц繘琛屽叏鏂逛綅鏌ョ湅</span>
+ </div>
+ <div class="hz-info-row">
+ <img src="./assets/icon/ic_gou@2x.png" alt="">
+ <span>婧烘按瓒呰繃30绉掕嚜鍔ㄨ瘑鍒紝1绉掓姤璀�</span>
+ </div>
+ </div>
+ <div class="hz-img" style="width: 608px; height: 394px;">
+ <img src="./assets/images/wulian_img_nishui.png" alt="">
+ </div>
+ </div>
+ </div>
</div>
</div>
<div id="footer"></div>
diff --git a/web/assets/about.css b/web/assets/about.css
index 1e3a4a8..e2f938b 100644
--- a/web/assets/about.css
+++ b/web/assets/about.css
@@ -54,8 +54,7 @@
height: 16px;
}
.index-y {
- width: 1200px;
- margin: 0 auto;
+ width: 100%;
padding: 60px 0;
box-sizing: border-box;
display: flex;
@@ -77,7 +76,8 @@
margin-top: 18px;
}
.index-y-c {
- width: 100%;
+ width: 1200px;
+ margin: 0 auto;
height: 470px;
display: flex;
align-items: center;
@@ -120,7 +120,8 @@
color: #191B1F;
}
.index-y-l {
- width: 100%;
+ width: 1200px;
+ margin: 0 auto;
margin-top: 40px;
display: flex;
align-items: center;
@@ -151,7 +152,8 @@
color: #191B1F;
}
.index-y-img {
- width: 100%;
+ width: 1200px;
+ margin: 0 auto;
height: 1127px;
margin-top: 50px;
}
@@ -214,3 +216,119 @@
margin-top: 40px;
cursor: pointer;
}
+.index-y-list {
+ width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-y-list-item {
+ width: 216px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 38px;
+}
+.index-y-list-item img {
+ width: 216px;
+ height: 155px;
+}
+.index-y-list-item span {
+ font-weight: 500;
+ font-size: 15px;
+ color: #191B1F;
+ margin-top: 24px;
+}
+.index-fa-btn {
+ width: 124px;
+ height: 46px;
+ padding: 12px 20px;
+ box-sizing: border-box;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
+ border-radius: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ margin-top: 30px;
+}
+.index-fa-btn span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+}
+.index-fa-btn img {
+ width: 16px;
+ height: 16px;
+}
+.index-y-zy {
+ width: 1200px;
+ margin: 0 auto;
+ margin-top: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.index-y-zy-item {
+ width: 585px;
+ height: 340px;
+ background: rgba(255,255,255,0.98);
+ box-shadow: 0 2px 14px 0 rgba(223,226,232,0.36);
+ border-radius: 8px;
+ display: flex;
+ align-items: start;
+ justify-content: space-between;
+ position: relative;
+}
+.index-y-zy-item-tip {
+ position: absolute;
+ bottom: 40px;
+ right: 36px;
+ width: 37px;
+ height: 9px;
+}
+.index-y-zy-item-tip img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-zy-item-img {
+ flex-shrink: 0;
+ width: 221px;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.index-y-zy-item-img img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-zy-item-box {
+ flex: 1;
+ padding: 50px 36px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+.index-y-zy-item-box span:nth-child(1) {
+ font-weight: 600;
+ font-size: 20px;
+ color: #222222;
+}
+.index-y-zy-item-box span:nth-child(2) {
+ font-weight: 400;
+ font-size: 13px;
+ color: #7B7F87;
+ margin-top: 13px;
+}
+.index-y-fuwu {
+ width: 1060px;
+ height: 143px;
+ margin: 0 auto;
+ margin-top: 40px;
+}
diff --git a/web/assets/common.css b/web/assets/common.css
index 25813f2..a7ed219 100644
--- a/web/assets/common.css
+++ b/web/assets/common.css
@@ -77,6 +77,8 @@
position: fixed !important;
left: 0 !important;
width: 100vw !important;
+ height: calc(100vh - 70px) !important;
+ overflow-y: scroll !important;
padding: 30px 0 !important;
box-sizing: border-box !important;
}
@@ -88,9 +90,14 @@
width: 100%;
}
.fa-content-item-label {
+ display: inline;
font-weight: 600;
font-size: 18px;
color: #191B1F;
+ cursor: pointer;
+}
+.fa-content-item-label:hover {
+ color: #FF7900 !important;
}
.fa-content-item-list {
width: 100%;
@@ -99,6 +106,50 @@
justify-content: space-between;
flex-wrap: wrap;
}
+.fa-content-item-list-zw {
+ width: 250px;
+ height: 0;
+}
+.fa-content-item-list-row:hover {
+ background: rgba(255,121,0,0.06) !important;
+}
+.fa-content-item-list-row:hover .fa-content-item-list-row-info span:nth-child(1) {
+ color: #FF7900 !important;
+ font-weight: 500 !important;
+}
+.fa-content-item-list-row {
+ width: 250px;
+ height: 60px;
+ padding: 10px;
+ box-sizing: border-box;
+ background: rgba(255,255,255,0.06);
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.fa-content-item-list-row img {
+ width: 36px;
+ height: 36px;
+ margin-right: 12px;
+}
+.fa-content-item-list-row-info {
+ display: flex;
+ flex-direction: column;
+}
+.fa-content-item-list-row-info span:nth-child(1) {
+ font-weight: 400;
+ font-size: 14px;
+ color: #191B1F;
+ line-height: normal;
+}
+.fa-content-item-list-row-info span:nth-child(2) {
+ font-weight: 400;
+ font-size: 12px;
+ color: #7B7F87;
+ line-height: normal;
+}
.drop-down {
position: absolute;
top: 70px;
diff --git a/web/assets/dynamics.css b/web/assets/dynamics.css
index 4cddd77..53d3b3d 100644
--- a/web/assets/dynamics.css
+++ b/web/assets/dynamics.css
@@ -51,15 +51,51 @@
height: 16px;
}
.index-y {
- width: 100%;
- padding: 60px 0;
+ width: 1200px;
+ margin: 0 auto;
+ padding: 30px 0 60px 0;
display: flex;
align-content: center;
- justify-content: center;
+ justify-content: space-between;
box-sizing: border-box;
}
+.index-y-cate {
+ width: 100%;
+ margin-bottom: 40px;
+}
+.index-y-cate-list {
+ width: 100%;
+ margin-bottom: 26px;
+}
+.index-y-cate-l {
+ width: 100%;
+ padding-left: 55px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+.index-y-cate-l-val {
+ font-weight: 400;
+ font-size: 16px;
+ color: #333333;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-cate-l-val:hover {
+ color: #FF7900;
+}
+.index-y-cate-l-val:last-child {
+ margin: 0 !important;
+}
+.index-y-cate-list-label {
+ font-weight: 600;
+ font-size: 24px;
+ color: #191B1F;
+ padding-bottom: 11px;
+ border-bottom: 1px solid #DFE2E8;
+}
.index-y-list {
- width: 1200px;
+ flex: 1;
display: flex;
flex-direction: column;
}
@@ -79,10 +115,10 @@
}
.item-img {
flex-shrink: 0;
- width: 360px;
- height: 270px;
+ width: 240px;
+ height: 180px;
border-radius: 8px;
- margin-right: 30px;
+ margin-right: 24px;
display: flex;
align-content: center;
justify-content: center;
@@ -94,7 +130,7 @@
}
.item-info {
flex: 1;
- height: 100%;
+ height: 180px;
display: flex;
justify-content: space-between;
flex-direction: column;
@@ -105,12 +141,12 @@
}
.item-info-top span:nth-child(1) {
font-weight: 500;
- font-size: 30px;
+ font-size: 24px;
color: #191B1F;
}
.item-info-top span:nth-child(2) {
font-weight: 400;
- font-size: 16px;
+ font-size: 14px;
color: #333333;
margin-top: 20px;
}
@@ -130,3 +166,20 @@
align-items: end;
justify-content: end;
}
+.index-address {
+ width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ margin-top: 30px;
+}
+.index-address span:nth-child(1) {
+ font-weight: 400;
+ font-size: 16px;
+ color: #7B7F87;
+}
+.index-address span:nth-child(2) {
+ font-weight: 400;
+ font-size: 16px;
+ color: #191B1F;
+}
diff --git a/web/assets/dynamics_details.css b/web/assets/dynamics_details.css
index fb6fc18..37be5b4 100644
--- a/web/assets/dynamics_details.css
+++ b/web/assets/dynamics_details.css
@@ -9,13 +9,7 @@
.index-a-tips {
font-weight: 400;
font-size: 16px;
- color: #191B1F;
-}
-.index-a-go {
- font-weight: 400;
- font-size: 16px;
- color: #CCCCCC;
- margin: 0 10px;
+ color: #7B7F87;
}
.index-a-tips1 {
font-weight: 500;
@@ -23,19 +17,16 @@
color: #191B1F;
}
.index-a-info {
- width: 1200px;
- margin: 0 auto;
- padding-bottom: 60px;
- box-sizing: border-box;
+ flex: 1;
}
.index-a-info-title {
font-weight: bold;
- font-size: 50px;
+ font-size: 45px;
color: #191B1F;
}
.index-a-info-date {
font-weight: 400;
- font-size: 16px;
+ font-size: 14px;
color: #7B7F87;
margin-top: 20px;
}
@@ -48,3 +39,45 @@
.index-a-info-content {
}
+.index-a-hz {
+ width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ align-items: start;
+ justify-content: space-between;
+}
+.index-y-cate {
+ width: 100%;
+ margin-bottom: 40px;
+}
+.index-y-cate-list {
+ width: 100%;
+ margin-bottom: 26px;
+}
+.index-y-cate-l {
+ width: 100%;
+ padding-left: 55px;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+}
+.index-y-cate-l-val {
+ font-weight: 400;
+ font-size: 16px;
+ color: #333333;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-cate-l-val:hover {
+ color: #FF7900;
+}
+.index-y-cate-l-val:last-child {
+ margin: 0 !important;
+}
+.index-y-cate-list-label {
+ font-weight: 600;
+ font-size: 24px;
+ color: #191B1F;
+ padding-bottom: 11px;
+ border-bottom: 1px solid #DFE2E8;
+}
diff --git a/web/assets/home.css b/web/assets/home.css
index 33ddbd8..1818202 100644
--- a/web/assets/home.css
+++ b/web/assets/home.css
@@ -584,7 +584,7 @@
box-sizing: border-box;
}
.swiper-slide img {
- height: 100%;
+ width: 100%;
}
.swiper-slide-infos {
position: absolute;
diff --git "a/web/assets/icon/24h\345\234\272\351\246\206@2x.png" "b/web/assets/icon/24h\345\234\272\351\246\206@2x.png"
new file mode 100644
index 0000000..fc822a2
--- /dev/null
+++ "b/web/assets/icon/24h\345\234\272\351\246\206@2x.png"
Binary files differ
diff --git a/web/assets/icon/aboutus_ic_12@3x.png b/web/assets/icon/aboutus_ic_12@3x.png
new file mode 100644
index 0000000..05587d7
--- /dev/null
+++ b/web/assets/icon/aboutus_ic_12@3x.png
Binary files differ
diff --git a/web/assets/icon/home_ic_siyouhua 2@3x.png b/web/assets/icon/home_ic_siyouhua 2@3x.png
new file mode 100644
index 0000000..64a4d13
--- /dev/null
+++ b/web/assets/icon/home_ic_siyouhua 2@3x.png
Binary files differ
diff --git a/web/assets/icon/home_ic_siyouhua2@3x.png b/web/assets/icon/home_ic_siyouhua2@3x.png
new file mode 100644
index 0000000..7088a94
--- /dev/null
+++ b/web/assets/icon/home_ic_siyouhua2@3x.png
Binary files differ
diff --git a/web/assets/icon/home_ic_siyouhua@3x.png b/web/assets/icon/home_ic_siyouhua@3x.png
new file mode 100644
index 0000000..33e6b60
--- /dev/null
+++ b/web/assets/icon/home_ic_siyouhua@3x.png
Binary files differ
diff --git a/web/assets/icon/home_ic_siyouhua@3x1.png b/web/assets/icon/home_ic_siyouhua@3x1.png
new file mode 100644
index 0000000..2d72e93
--- /dev/null
+++ b/web/assets/icon/home_ic_siyouhua@3x1.png
Binary files differ
diff --git "a/web/assets/icon/ota\345\233\242\350\264\255.png" "b/web/assets/icon/ota\345\233\242\350\264\255.png"
new file mode 100644
index 0000000..aae4822
--- /dev/null
+++ "b/web/assets/icon/ota\345\233\242\350\264\255.png"
Binary files differ
diff --git a/web/assets/icon/shunjian.png b/web/assets/icon/shunjian.png
new file mode 100644
index 0000000..bb6ddf3
--- /dev/null
+++ b/web/assets/icon/shunjian.png
Binary files differ
diff --git "a/web/assets/icon/\344\272\262\345\255\220@2x.png" "b/web/assets/icon/\344\272\262\345\255\220@2x.png"
new file mode 100644
index 0000000..954583f
--- /dev/null
+++ "b/web/assets/icon/\344\272\262\345\255\220@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\344\272\262\345\255\220\345\215\241.png" "b/web/assets/icon/\344\272\262\345\255\220\345\215\241.png"
new file mode 100644
index 0000000..43915e7
--- /dev/null
+++ "b/web/assets/icon/\344\272\262\345\255\220\345\215\241.png"
Binary files differ
diff --git "a/web/assets/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png" "b/web/assets/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png"
new file mode 100644
index 0000000..395df6f
--- /dev/null
+++ "b/web/assets/icon/\344\274\232\345\221\230\350\220\245\351\224\200.png"
Binary files differ
diff --git "a/web/assets/icon/\344\275\223\350\202\262\345\205\254\345\233\255@2x.png" "b/web/assets/icon/\344\275\223\350\202\262\345\205\254\345\233\255@2x.png"
new file mode 100644
index 0000000..37943be
--- /dev/null
+++ "b/web/assets/icon/\344\275\223\350\202\262\345\205\254\345\233\255@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\345\205\250\346\260\221\345\201\245\350\272\253@2x.png" "b/web/assets/icon/\345\205\250\346\260\221\345\201\245\350\272\253@2x.png"
new file mode 100644
index 0000000..4678645
--- /dev/null
+++ "b/web/assets/icon/\345\205\250\346\260\221\345\201\245\350\272\253@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\345\206\260\351\233\252\351\246\206@2x.png" "b/web/assets/icon/\345\206\260\351\233\252\351\246\206@2x.png"
new file mode 100644
index 0000000..1337fa0
--- /dev/null
+++ "b/web/assets/icon/\345\206\260\351\233\252\351\246\206@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png" "b/web/assets/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png"
new file mode 100644
index 0000000..6bec541
--- /dev/null
+++ "b/web/assets/icon/\345\244\247\345\261\217\347\256\241\347\220\206.png"
Binary files differ
diff --git "a/web/assets/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png" "b/web/assets/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png"
new file mode 100644
index 0000000..648cf59
--- /dev/null
+++ "b/web/assets/icon/\345\256\242\346\265\201\345\210\206\346\236\220.png"
Binary files differ
diff --git "a/web/assets/icon/\345\267\245\344\272\272\346\226\207\345\214\226\345\256\253@2x.png" "b/web/assets/icon/\345\267\245\344\272\272\346\226\207\345\214\226\345\256\253@2x.png"
new file mode 100644
index 0000000..7003605
--- /dev/null
+++ "b/web/assets/icon/\345\267\245\344\272\272\346\226\207\345\214\226\345\256\253@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\345\267\245\344\274\232\351\246\206@2x.png" "b/web/assets/icon/\345\267\245\344\274\232\351\246\206@2x.png"
new file mode 100644
index 0000000..e6f3cd9
--- /dev/null
+++ "b/web/assets/icon/\345\267\245\344\274\232\351\246\206@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\225\260\346\231\272\344\275\223\350\202\262@2x.png" "b/web/assets/icon/\346\225\260\346\231\272\344\275\223\350\202\262@2x.png"
new file mode 100644
index 0000000..d7fad53
--- /dev/null
+++ "b/web/assets/icon/\346\225\260\346\231\272\344\275\223\350\202\262@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\226\207\350\211\272\346\274\224\345\207\272\351\246\206@2x.png" "b/web/assets/icon/\346\226\207\350\211\272\346\274\224\345\207\272\351\246\206@2x.png"
new file mode 100644
index 0000000..94779b9
--- /dev/null
+++ "b/web/assets/icon/\346\226\207\350\211\272\346\274\224\345\207\272\351\246\206@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\227\240\344\272\272\345\200\274\345\256\210@2x.png" "b/web/assets/icon/\346\227\240\344\272\272\345\200\274\345\256\210@2x.png"
new file mode 100644
index 0000000..63f6a00
--- /dev/null
+++ "b/web/assets/icon/\346\227\240\344\272\272\345\200\274\345\256\210@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\231\257\345\214\272@2x.png" "b/web/assets/icon/\346\231\257\345\214\272@2x.png"
new file mode 100644
index 0000000..abc2c1b
--- /dev/null
+++ "b/web/assets/icon/\346\231\257\345\214\272@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\240\241\345\233\255@2x.png" "b/web/assets/icon/\346\240\241\345\233\255@2x.png"
new file mode 100644
index 0000000..8818fa6
--- /dev/null
+++ "b/web/assets/icon/\346\240\241\345\233\255@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\346\270\270\346\263\263\351\246\206@2x.png" "b/web/assets/icon/\346\270\270\346\263\263\351\246\206@2x.png"
new file mode 100644
index 0000000..f9d4205
--- /dev/null
+++ "b/web/assets/icon/\346\270\270\346\263\263\351\246\206@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png" "b/web/assets/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png"
new file mode 100644
index 0000000..d88446d
--- /dev/null
+++ "b/web/assets/icon/\347\202\271\351\244\220\346\234\215\345\212\241.png"
Binary files differ
diff --git "a/web/assets/icon/\347\273\274\345\220\210\344\275\223\350\202\262\351\246\206@2x.png" "b/web/assets/icon/\347\273\274\345\220\210\344\275\223\350\202\262\351\246\206@2x.png"
new file mode 100644
index 0000000..fbbca9e
--- /dev/null
+++ "b/web/assets/icon/\347\273\274\345\220\210\344\275\223\350\202\262\351\246\206@2x.png"
Binary files differ
diff --git "a/web/assets/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png" "b/web/assets/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png"
new file mode 100644
index 0000000..9dd3ad9
--- /dev/null
+++ "b/web/assets/icon/\350\265\233\344\272\213\346\264\273\345\212\250.png"
Binary files differ
diff --git "a/web/assets/icon/\350\277\236\351\224\201\350\277\220\350\220\245@2x.png" "b/web/assets/icon/\350\277\236\351\224\201\350\277\220\350\220\245@2x.png"
new file mode 100644
index 0000000..de1c616
--- /dev/null
+++ "b/web/assets/icon/\350\277\236\351\224\201\350\277\220\350\220\245@2x.png"
Binary files differ
diff --git a/web/assets/images/1.png b/web/assets/images/1.png
new file mode 100644
index 0000000..dfd5dad
--- /dev/null
+++ b/web/assets/images/1.png
Binary files differ
diff --git a/web/assets/images/123.png b/web/assets/images/123.png
new file mode 100644
index 0000000..9356d05
--- /dev/null
+++ b/web/assets/images/123.png
Binary files differ
diff --git a/web/assets/images/1w.png b/web/assets/images/1w.png
new file mode 100644
index 0000000..6b88e76
--- /dev/null
+++ b/web/assets/images/1w.png
Binary files differ
diff --git a/web/assets/images/2.png b/web/assets/images/2.png
new file mode 100644
index 0000000..7ed75dd
--- /dev/null
+++ b/web/assets/images/2.png
Binary files differ
diff --git a/web/assets/images/2w.png b/web/assets/images/2w.png
new file mode 100644
index 0000000..4317d75
--- /dev/null
+++ b/web/assets/images/2w.png
Binary files differ
diff --git a/web/assets/images/3.png b/web/assets/images/3.png
new file mode 100644
index 0000000..5745551
--- /dev/null
+++ b/web/assets/images/3.png
Binary files differ
diff --git a/web/assets/images/3w.png b/web/assets/images/3w.png
new file mode 100644
index 0000000..0377b02
--- /dev/null
+++ b/web/assets/images/3w.png
Binary files differ
diff --git a/web/assets/images/4w.png b/web/assets/images/4w.png
new file mode 100644
index 0000000..8af49df
--- /dev/null
+++ b/web/assets/images/4w.png
Binary files differ
diff --git a/web/assets/images/background.png b/web/assets/images/background.png
new file mode 100644
index 0000000..d248601
--- /dev/null
+++ b/web/assets/images/background.png
Binary files differ
diff --git a/web/assets/images/ban986ner_solution.png b/web/assets/images/ban986ner_solution.png
new file mode 100644
index 0000000..f2b4671
--- /dev/null
+++ b/web/assets/images/ban986ner_solution.png
Binary files differ
diff --git a/web/assets/images/bann123er_solution.png b/web/assets/images/bann123er_solution.png
new file mode 100644
index 0000000..95a8e09
--- /dev/null
+++ b/web/assets/images/bann123er_solution.png
Binary files differ
diff --git a/web/assets/images/banner_soluti1on.png b/web/assets/images/banner_soluti1on.png
new file mode 100644
index 0000000..b040c44
--- /dev/null
+++ b/web/assets/images/banner_soluti1on.png
Binary files differ
diff --git a/web/assets/images/banner_soluti22on.png b/web/assets/images/banner_soluti22on.png
new file mode 100644
index 0000000..8e80904
--- /dev/null
+++ b/web/assets/images/banner_soluti22on.png
Binary files differ
diff --git a/web/assets/images/banner_solution.png b/web/assets/images/banner_solution.png
new file mode 100644
index 0000000..d390db2
--- /dev/null
+++ b/web/assets/images/banner_solution.png
Binary files differ
diff --git a/web/assets/images/fuwu_img_zhichi.png b/web/assets/images/fuwu_img_zhichi.png
new file mode 100644
index 0000000..5069b5a
--- /dev/null
+++ b/web/assets/images/fuwu_img_zhichi.png
Binary files differ
diff --git a/web/assets/images/home_hezuo.png b/web/assets/images/home_hezuo.png
new file mode 100644
index 0000000..b4f38e3
--- /dev/null
+++ b/web/assets/images/home_hezuo.png
Binary files differ
diff --git a/web/assets/images/poi.png b/web/assets/images/poi.png
new file mode 100644
index 0000000..8af49df
--- /dev/null
+++ b/web/assets/images/poi.png
Binary files differ
diff --git a/web/assets/images/qwe.png b/web/assets/images/qwe.png
new file mode 100644
index 0000000..d7d94e8
--- /dev/null
+++ b/web/assets/images/qwe.png
Binary files differ
diff --git a/web/assets/images/rty.png b/web/assets/images/rty.png
new file mode 100644
index 0000000..2a9a9f8
--- /dev/null
+++ b/web/assets/images/rty.png
Binary files differ
diff --git a/web/assets/images/soluti9on_img1.png b/web/assets/images/soluti9on_img1.png
new file mode 100644
index 0000000..4aa87b3
--- /dev/null
+++ b/web/assets/images/soluti9on_img1.png
Binary files differ
diff --git a/web/assets/images/solution_img4.png b/web/assets/images/solution_img4.png
new file mode 100644
index 0000000..4f326fe
--- /dev/null
+++ b/web/assets/images/solution_img4.png
Binary files differ
diff --git a/web/assets/images/solution_img5.png b/web/assets/images/solution_img5.png
new file mode 100644
index 0000000..a0af981
--- /dev/null
+++ b/web/assets/images/solution_img5.png
Binary files differ
diff --git a/web/assets/images/solution_img6.png b/web/assets/images/solution_img6.png
new file mode 100644
index 0000000..4632aa9
--- /dev/null
+++ b/web/assets/images/solution_img6.png
Binary files differ
diff --git a/web/assets/images/solution_img7.png b/web/assets/images/solution_img7.png
new file mode 100644
index 0000000..a6dd3fe
--- /dev/null
+++ b/web/assets/images/solution_img7.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_aoti.png b/web/assets/images/wufu_ic_aoti.png
new file mode 100644
index 0000000..680fead
--- /dev/null
+++ b/web/assets/images/wufu_ic_aoti.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_jianshen.png b/web/assets/images/wufu_ic_jianshen.png
new file mode 100644
index 0000000..1fa5f83
--- /dev/null
+++ b/web/assets/images/wufu_ic_jianshen.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_liuicheng.png b/web/assets/images/wufu_ic_liuicheng.png
new file mode 100644
index 0000000..d2e48a0
--- /dev/null
+++ b/web/assets/images/wufu_ic_liuicheng.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_peixun.png b/web/assets/images/wufu_ic_peixun.png
new file mode 100644
index 0000000..74a7e55
--- /dev/null
+++ b/web/assets/images/wufu_ic_peixun.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_shequ.png b/web/assets/images/wufu_ic_shequ.png
new file mode 100644
index 0000000..35db8be
--- /dev/null
+++ b/web/assets/images/wufu_ic_shequ.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_tiyugongyuan.png b/web/assets/images/wufu_ic_tiyugongyuan.png
new file mode 100644
index 0000000..a332dc8
--- /dev/null
+++ b/web/assets/images/wufu_ic_tiyugongyuan.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_tiyuguan.png b/web/assets/images/wufu_ic_tiyuguan.png
new file mode 100644
index 0000000..e52739f
--- /dev/null
+++ b/web/assets/images/wufu_ic_tiyuguan.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_wuren.png b/web/assets/images/wufu_ic_wuren.png
new file mode 100644
index 0000000..235f3a9
--- /dev/null
+++ b/web/assets/images/wufu_ic_wuren.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_xishui.png b/web/assets/images/wufu_ic_xishui.png
new file mode 100644
index 0000000..bdfd04f
--- /dev/null
+++ b/web/assets/images/wufu_ic_xishui.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_xiuxian.png b/web/assets/images/wufu_ic_xiuxian.png
new file mode 100644
index 0000000..fc741dd
--- /dev/null
+++ b/web/assets/images/wufu_ic_xiuxian.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_youyongguan.png b/web/assets/images/wufu_ic_youyongguan.png
new file mode 100644
index 0000000..ef87f6a
--- /dev/null
+++ b/web/assets/images/wufu_ic_youyongguan.png
Binary files differ
diff --git a/web/assets/images/wufu_ic_zhuanren.png b/web/assets/images/wufu_ic_zhuanren.png
new file mode 100644
index 0000000..b2c0a2f
--- /dev/null
+++ b/web/assets/images/wufu_ic_zhuanren.png
Binary files differ
diff --git a/web/assets/images/wulian_img_nishui.png b/web/assets/images/wulian_img_nishui.png
new file mode 100644
index 0000000..dab4e4e
--- /dev/null
+++ b/web/assets/images/wulian_img_nishui.png
Binary files differ
diff --git "a/web/assets/images/\347\237\251\345\275\242 \0501\051.png" "b/web/assets/images/\347\237\251\345\275\242 \0501\051.png"
new file mode 100644
index 0000000..ad55cb9
--- /dev/null
+++ "b/web/assets/images/\347\237\251\345\275\242 \0501\051.png"
Binary files differ
diff --git a/web/assets/operation.css b/web/assets/operation.css
index cac3ede..758e134 100644
--- a/web/assets/operation.css
+++ b/web/assets/operation.css
@@ -198,3 +198,47 @@
font-size: 13px;
color: #191B1F;
}
+.index-a-list {
+ width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 50px;
+}
+.oitem {
+ width: 285px;
+ height: 177px;
+ padding: 24px 26px;
+ box-sizing: border-box;
+ background: rgba(255,255,255,0.98);
+ box-shadow: 0 2px 14px 0 #DFE2E8;
+ border-radius: 8px;
+ display: flex;
+ align-items: start;
+ justify-content: space-between;
+}
+.oitem-left {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.oitem-left img {
+ width: 60px;
+ height: 60px;
+}
+.oitem-left-info {
+ display: flex;
+ flex-direction: column;
+}
+.oitem-left-info span:nth-child(1) {
+ font-weight: bold;
+ font-size: 18px;
+ color: #191B1F;
+}
+.oitem-left-info span:nth-child(2) {
+ font-weight: 400;
+ font-size: 12px;
+ color: #7B7F87;
+}
diff --git a/web/assets/solution-meadowlands.css b/web/assets/solution-meadowlands.css
new file mode 100644
index 0000000..3a9ed62
--- /dev/null
+++ b/web/assets/solution-meadowlands.css
@@ -0,0 +1,233 @@
+
+.index-banner {
+ width: 100%;
+ height: 800px;
+ background-image: url("../assets/images/banner_soluti1on.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+.index-banner-c {
+ width: 1200px;
+ height: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ justify-content: center;
+}
+.index-banner-c-a {
+ font-weight: bold;
+ font-size: 60px;
+ color: #191B1F;
+ margin-bottom: 12px;
+}
+.index-banner-c-b {
+ font-weight: 400;
+ font-size: 16px;
+ color: #191B1F;
+ margin-bottom: 50px;
+}
+.index-banner-c-c {
+ width: 124px;
+ height: 46px;
+ padding: 0 19px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+ border-radius: 30px;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-banner-c-c:hover {
+ background: #FF8C24;
+}
+.index-banner-c-c span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ margin-right: 5px;
+}
+.index-banner-c-c img {
+ width: 16px;
+ height: 16px;
+}
+.index-y {
+ width: 100%;
+ padding: 60px 0;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.title {
+ font-weight: 600;
+ font-size: 32px;
+ color: #191B1F;
+}
+.info {
+ width: 1124px;
+ text-align: center;
+ font-weight: 400;
+ font-size: 16px;
+ color: #7B7F87;
+ margin-top: 18px;
+}
+.index-y-img {
+ width: 1200px;
+ margin-top: 40px;
+ height: 679px;
+}
+.index-y-img img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-l {
+ width: 1200px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-y-l-item {
+ width: 590px;
+ height: 300px;
+ padding: 30px;
+ overflow: hidden;
+ box-sizing: border-box;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-l-item:hover .l-item-box {
+ bottom: 30px;
+}
+.index-y-l-item:hover .index-y-l-item-info {
+ opacity: 1;
+}
+.index-y-l-item:hover .l-item-zz {
+ bottom: 0;
+}
+.l-item-box {
+ width: calc(100% - 60px);
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ position: absolute;
+ z-index: 3;
+ bottom: -10px;
+ left: 30px;
+ transition: .5s;
+}
+.l-item-zz {
+ width: 100%;
+ height: 50%;
+ position: absolute;
+ left: 0;
+ bottom: -100%;
+ z-index: 2;
+ transition: .3s;
+ background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
+ border-radius: 8px;
+}
+.index-y-l-item-title {
+ font-weight: bold;
+ font-size: 18px;
+ color: #FFFFFF;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-y-l-item-x {
+ width: 36px;
+ height: 4px;
+ background: #FF7900;
+ border-radius: 2px;
+ margin-top: 10px;
+}
+.index-y-l-item-info {
+ font-weight: 400;
+ font-size: 14px;
+ color: #FFFFFF;
+ margin-top: 10px;
+ opacity: 0;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-a-nr {
+ width: 1200px;
+ height: 484px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-a-nr-left {
+ flex-shrink: 0;
+}
+.index-a-nr-right {
+ width: 676px;
+ height: 380px;
+}
+.index-a-nr-right img {
+ width: 100%;
+ height: 100%;
+}
+.index-a-nr-left-list {
+ width: 340px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-bottom: 60px;
+}
+.index-a-nr-left-list_item {
+ width: 20%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ margin-top: 18px;
+}
+.index-a-nr-left-list_item img {
+ width: 44px;
+ height: 44px;
+ margin-bottom: 10px;
+}
+.index-a-nr-left-list_item span {
+ font-weight: 400;
+ font-size: 13px;
+ color: #191B1F;
+}
+.index-fa-btn {
+ width: 124px;
+ height: 46px;
+ padding: 12px 20px;
+ box-sizing: border-box;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
+ border-radius: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-fa-btn:hover {
+ background: #FF8C24;
+}
+.index-fa-btn span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+}
+.index-fa-btn img {
+ width: 16px;
+ height: 16px;
+}
diff --git a/web/assets/solution-scenicSpot.css b/web/assets/solution-scenicSpot.css
new file mode 100644
index 0000000..b6d3ef2
--- /dev/null
+++ b/web/assets/solution-scenicSpot.css
@@ -0,0 +1,233 @@
+
+.index-banner {
+ width: 100%;
+ height: 800px;
+ background-image: url("../assets/images/ban986ner_solution.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+.index-banner-c {
+ width: 1200px;
+ height: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ justify-content: center;
+}
+.index-banner-c-a {
+ font-weight: bold;
+ font-size: 60px;
+ color: #191B1F;
+ margin-bottom: 12px;
+}
+.index-banner-c-b {
+ font-weight: 400;
+ font-size: 16px;
+ color: #191B1F;
+ margin-bottom: 50px;
+}
+.index-banner-c-c {
+ width: 124px;
+ height: 46px;
+ padding: 0 19px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+ border-radius: 30px;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-banner-c-c:hover {
+ background: #FF8C24;
+}
+.index-banner-c-c span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ margin-right: 5px;
+}
+.index-banner-c-c img {
+ width: 16px;
+ height: 16px;
+}
+.index-y {
+ width: 100%;
+ padding: 60px 0;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.title {
+ font-weight: 600;
+ font-size: 32px;
+ color: #191B1F;
+}
+.info {
+ width: 1124px;
+ text-align: center;
+ font-weight: 400;
+ font-size: 16px;
+ color: #7B7F87;
+ margin-top: 18px;
+}
+.index-y-img {
+ width: 1200px;
+ margin-top: 40px;
+ height: 679px;
+}
+.index-y-img img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-l {
+ width: 1200px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-y-l-item {
+ width: 590px;
+ height: 300px;
+ padding: 30px;
+ overflow: hidden;
+ box-sizing: border-box;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-l-item:hover .l-item-box {
+ bottom: 30px;
+}
+.index-y-l-item:hover .index-y-l-item-info {
+ opacity: 1;
+}
+.index-y-l-item:hover .l-item-zz {
+ bottom: 0;
+}
+.l-item-box {
+ width: calc(100% - 60px);
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ position: absolute;
+ z-index: 3;
+ bottom: -10px;
+ left: 30px;
+ transition: .5s;
+}
+.l-item-zz {
+ width: 100%;
+ height: 50%;
+ position: absolute;
+ left: 0;
+ bottom: -100%;
+ z-index: 2;
+ transition: .3s;
+ background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
+ border-radius: 8px;
+}
+.index-y-l-item-title {
+ font-weight: bold;
+ font-size: 18px;
+ color: #FFFFFF;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-y-l-item-x {
+ width: 36px;
+ height: 4px;
+ background: #FF7900;
+ border-radius: 2px;
+ margin-top: 10px;
+}
+.index-y-l-item-info {
+ font-weight: 400;
+ font-size: 14px;
+ color: #FFFFFF;
+ margin-top: 10px;
+ opacity: 0;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-a-nr {
+ width: 1200px;
+ height: 484px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-a-nr-left {
+ flex-shrink: 0;
+}
+.index-a-nr-right {
+ width: 676px;
+ height: 380px;
+}
+.index-a-nr-right img {
+ width: 100%;
+ height: 100%;
+}
+.index-a-nr-left-list {
+ width: 340px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-bottom: 60px;
+}
+.index-a-nr-left-list_item {
+ width: 20%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ margin-top: 18px;
+}
+.index-a-nr-left-list_item img {
+ width: 44px;
+ height: 44px;
+ margin-bottom: 10px;
+}
+.index-a-nr-left-list_item span {
+ font-weight: 400;
+ font-size: 13px;
+ color: #191B1F;
+}
+.index-fa-btn {
+ width: 124px;
+ height: 46px;
+ padding: 12px 20px;
+ box-sizing: border-box;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
+ border-radius: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-fa-btn:hover {
+ background: #FF8C24;
+}
+.index-fa-btn span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+}
+.index-fa-btn img {
+ width: 16px;
+ height: 16px;
+}
diff --git a/web/assets/solution-space.css b/web/assets/solution-space.css
new file mode 100644
index 0000000..fc748fa
--- /dev/null
+++ b/web/assets/solution-space.css
@@ -0,0 +1,233 @@
+
+.index-banner {
+ width: 100%;
+ height: 800px;
+ background-image: url("../assets/images/banner_soluti22on.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+.index-banner-c {
+ width: 1200px;
+ height: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ justify-content: center;
+}
+.index-banner-c-a {
+ font-weight: bold;
+ font-size: 60px;
+ color: #191B1F;
+ margin-bottom: 12px;
+}
+.index-banner-c-b {
+ font-weight: 400;
+ font-size: 16px;
+ color: #191B1F;
+ margin-bottom: 50px;
+}
+.index-banner-c-c {
+ width: 124px;
+ height: 46px;
+ padding: 0 19px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+ border-radius: 30px;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-banner-c-c:hover {
+ background: #FF8C24;
+}
+.index-banner-c-c span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ margin-right: 5px;
+}
+.index-banner-c-c img {
+ width: 16px;
+ height: 16px;
+}
+.index-y {
+ width: 100%;
+ padding: 60px 0;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.title {
+ font-weight: 600;
+ font-size: 32px;
+ color: #191B1F;
+}
+.info {
+ width: 1124px;
+ text-align: center;
+ font-weight: 400;
+ font-size: 16px;
+ color: #7B7F87;
+ margin-top: 18px;
+}
+.index-y-img {
+ width: 1200px;
+ margin-top: 40px;
+ height: 679px;
+}
+.index-y-img img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-l {
+ width: 1200px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-y-l-item {
+ width: 386px;
+ height: 300px;
+ padding: 30px;
+ overflow: hidden;
+ box-sizing: border-box;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-l-item:hover .l-item-box {
+ bottom: 30px;
+}
+.index-y-l-item:hover .index-y-l-item-info {
+ opacity: 1;
+}
+.index-y-l-item:hover .l-item-zz {
+ bottom: 0;
+}
+.l-item-box {
+ width: calc(100% - 60px);
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ position: absolute;
+ z-index: 3;
+ bottom: -10px;
+ left: 30px;
+ transition: .5s;
+}
+.l-item-zz {
+ width: 100%;
+ height: 50%;
+ position: absolute;
+ left: 0;
+ bottom: -100%;
+ z-index: 2;
+ transition: .3s;
+ background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
+ border-radius: 8px;
+}
+.index-y-l-item-title {
+ font-weight: bold;
+ font-size: 18px;
+ color: #FFFFFF;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-y-l-item-x {
+ width: 36px;
+ height: 4px;
+ background: #FF7900;
+ border-radius: 2px;
+ margin-top: 10px;
+}
+.index-y-l-item-info {
+ font-weight: 400;
+ font-size: 14px;
+ color: #FFFFFF;
+ margin-top: 10px;
+ opacity: 0;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-a-nr {
+ width: 1200px;
+ height: 484px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-a-nr-left {
+ flex-shrink: 0;
+}
+.index-a-nr-right {
+ width: 676px;
+ height: 380px;
+}
+.index-a-nr-right img {
+ width: 100%;
+ height: 100%;
+}
+.index-a-nr-left-list {
+ width: 340px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-bottom: 60px;
+}
+.index-a-nr-left-list_item {
+ width: 20%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ margin-top: 18px;
+}
+.index-a-nr-left-list_item img {
+ width: 44px;
+ height: 44px;
+ margin-bottom: 10px;
+}
+.index-a-nr-left-list_item span {
+ font-weight: 400;
+ font-size: 13px;
+ color: #191B1F;
+}
+.index-fa-btn {
+ width: 124px;
+ height: 46px;
+ padding: 12px 20px;
+ box-sizing: border-box;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
+ border-radius: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-fa-btn:hover {
+ background: #FF8C24;
+}
+.index-fa-btn span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+}
+.index-fa-btn img {
+ width: 16px;
+ height: 16px;
+}
diff --git a/web/assets/solution-sport.css b/web/assets/solution-sport.css
new file mode 100644
index 0000000..bf19548
--- /dev/null
+++ b/web/assets/solution-sport.css
@@ -0,0 +1,233 @@
+
+.index-banner {
+ width: 100%;
+ height: 800px;
+ background-image: url("../assets/images/bann123er_solution.png");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+}
+.index-banner-c {
+ width: 1200px;
+ height: 100%;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ justify-content: center;
+}
+.index-banner-c-a {
+ font-weight: bold;
+ font-size: 60px;
+ color: #191B1F;
+ margin-bottom: 12px;
+}
+.index-banner-c-b {
+ font-weight: 400;
+ font-size: 16px;
+ color: #191B1F;
+ margin-bottom: 50px;
+}
+.index-banner-c-c {
+ width: 124px;
+ height: 46px;
+ padding: 0 19px;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.2);
+ border-radius: 30px;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-banner-c-c:hover {
+ background: #FF8C24;
+}
+.index-banner-c-c span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ margin-right: 5px;
+}
+.index-banner-c-c img {
+ width: 16px;
+ height: 16px;
+}
+.index-y {
+ width: 100%;
+ padding: 60px 0;
+ box-sizing: border-box;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+}
+.title {
+ font-weight: 600;
+ font-size: 32px;
+ color: #191B1F;
+}
+.info {
+ width: 1124px;
+ text-align: center;
+ font-weight: 400;
+ font-size: 16px;
+ color: #7B7F87;
+ margin-top: 18px;
+}
+.index-y-img {
+ width: 1200px;
+ margin-top: 40px;
+ height: 679px;
+}
+.index-y-img img {
+ width: 100%;
+ height: 100%;
+}
+.index-y-l {
+ width: 1200px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-y-l-item {
+ width: 590px;
+ height: 300px;
+ padding: 30px;
+ overflow: hidden;
+ box-sizing: border-box;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ position: relative;
+ margin-bottom: 20px;
+ cursor: pointer;
+}
+.index-y-l-item:hover .l-item-box {
+ bottom: 30px;
+}
+.index-y-l-item:hover .index-y-l-item-info {
+ opacity: 1;
+}
+.index-y-l-item:hover .l-item-zz {
+ bottom: 0;
+}
+.l-item-box {
+ width: calc(100% - 60px);
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ justify-content: end;
+ position: absolute;
+ z-index: 3;
+ bottom: -10px;
+ left: 30px;
+ transition: .5s;
+}
+.l-item-zz {
+ width: 100%;
+ height: 50%;
+ position: absolute;
+ left: 0;
+ bottom: -100%;
+ z-index: 2;
+ transition: .3s;
+ background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
+ border-radius: 8px;
+}
+.index-y-l-item-title {
+ font-weight: bold;
+ font-size: 18px;
+ color: #FFFFFF;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-y-l-item-x {
+ width: 36px;
+ height: 4px;
+ background: #FF7900;
+ border-radius: 2px;
+ margin-top: 10px;
+}
+.index-y-l-item-info {
+ font-weight: 400;
+ font-size: 14px;
+ color: #FFFFFF;
+ margin-top: 10px;
+ opacity: 0;
+ text-shadow: 0 2px 4px rgba(0,0,0,0.7);
+}
+.index-a-nr {
+ width: 1200px;
+ height: 484px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 40px;
+}
+.index-a-nr-left {
+ flex-shrink: 0;
+}
+.index-a-nr-right {
+ width: 676px;
+ height: 380px;
+}
+.index-a-nr-right img {
+ width: 100%;
+ height: 100%;
+}
+.index-a-nr-left-list {
+ width: 340px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ margin-bottom: 60px;
+}
+.index-a-nr-left-list_item {
+ width: 20%;
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: center;
+ margin-top: 18px;
+}
+.index-a-nr-left-list_item img {
+ width: 44px;
+ height: 44px;
+ margin-bottom: 10px;
+}
+.index-a-nr-left-list_item span {
+ font-weight: 400;
+ font-size: 13px;
+ color: #191B1F;
+}
+.index-fa-btn {
+ width: 124px;
+ height: 46px;
+ padding: 12px 20px;
+ box-sizing: border-box;
+ background: #FF7900;
+ box-shadow: 0 2px 10px 0 rgba(255,121,0,0.4);
+ border-radius: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ cursor: pointer;
+ transition: .5s;
+}
+.index-fa-btn:hover {
+ background: #FF8C24;
+}
+.index-fa-btn span {
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+}
+.index-fa-btn img {
+ width: 16px;
+ height: 16px;
+}
diff --git a/web/assets/solution.css b/web/assets/solution.css
index f43334d..c207d97 100644
--- a/web/assets/solution.css
+++ b/web/assets/solution.css
@@ -2,7 +2,7 @@
.index-banner {
width: 100%;
height: 800px;
- background-image: url("../assets/images/ban3ner_home@2x.png");
+ background-image: url("../assets/images/banner_solution.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
diff --git a/web/components/footer.html b/web/components/footer.html
index 7635d81..83e7ecf 100644
--- a/web/components/footer.html
+++ b/web/components/footer.html
@@ -88,6 +88,8 @@
}
.footer-c {
width: 100%;
+ padding-bottom: 10px;
+ box-sizing: border-box;
display: flex;
flex-direction: column;
background: #2E333A;
@@ -169,16 +171,32 @@
}
.footer-c-info {
width: 100%;
- height: 79px;
- line-height: 79px;
+ height: 30px;
+ line-height: 30px;
text-align: center;
font-weight: 400;
- font-size: 14px;
+ font-size: 12px;
color: #7B7F87;
}
.footer-c-info a {
font-weight: 400;
- font-size: 14px;
+ font-size: 12px;
+ color: #7B7F87;
+ }
+ .footer-c-url {
+ width: 100%;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 400;
+ font-size: 12px;
+ color: #7B7F87;
+ margin-top: 15px;
+ }
+ .footer-c-url a {
+ font-weight: 400;
+ font-size: 12px;
color: #7B7F87;
}
</style>
@@ -226,13 +244,20 @@
<div class="footer-c-n-item-label">瑙ｅ喅鏂规</div>
</div>
<div class="footer-c-n-item">
- <div class="footer-c-n-item-label">鑱旂郴鎴戜滑</div>
- <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
- <div class="footer-c-n-item-row" id="phone"></div>
- <div class="footer-c-n-item-row" id="serviceDate"></div>
- <div class="footer-c-n-item-row" id="companyAddr"></div>
+ <div class="footer-c-n-item-label">鑽ｈ獕璧勮川</div>
</div>
<div class="footer-c-n-item">
+ <div class="footer-c-n-item-label">鑱旂郴鎴戜滑</div>
+ <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
+ <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="phone1"></div>
+ <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="serviceDate"></div>
+ <div class="footer-c-n-item-row" style="color:#E5E5E5;" id="companyAddr"></div>
+ </div>
+ <div class="footer-c-n-item1" style="display: flex; align-items: center; justify-content: space-between; width: 279px;">
+ <div class="footer-c-n-item-qrcode">
+ <img src="" id="qrcode" />
+ <span>寰俊鎵爜鍏嶈垂璇曠敤</span>
+ </div>
<div class="footer-c-n-item-qrcode">
<img src="" id="qrcode" />
<span>寰俊鎵爜鍏嶈垂璇曠敤</span>
@@ -240,7 +265,16 @@
</div>
</div>
</div>
+ <div class="footer-c-url">
+ <a href="">闃块噷宸村反</a> |
+ <a href="">璞嗙背绉戞妧</a> |
+ <a href="">鏀粯瀹�</a> |
+ <a href="">闃块噷浜戠洏</a>
+ </div>
<div class="footer-c-info" id="footerInfo"></div>
+ <div class="footer-c-info">
+ 濡傛湁闂璇疯仈绯婚偖绠憋細qhb@doumee.com
+ </div>
</div>
</div>
<script>
@@ -280,7 +314,7 @@
console.log(res)
$('#companyAddr').text('鍏徃鍦板潃锛�' + res.data.address)
$('#serviceDate').text('鏈嶅姟鏃堕棿锛�' + res.data.serverTime)
- $('#phone').text('鑱旂郴鎵嬫満锛�' + res.data.linkMobile)
+ $('#phone1').text('鑱旂郴鎵嬫満锛�' + res.data.linkMobile)
$('#linkPhone').text(res.data.linkPhone)
$('#footerInfo').text(res.data.footWords)
$('#qrcode').attr('src', res.data.footFullImgUrl)
diff --git a/web/components/nav.html b/web/components/nav.html
index 8fef8f5..3d8a661 100644
--- a/web/components/nav.html
+++ b/web/components/nav.html
@@ -37,6 +37,9 @@
line-height: 70px;
position: relative;
}
+ ul li:hover .drop-down {
+ display: block;
+ }
ul li:last-child {
margin: 0 !important;
}
@@ -49,6 +52,109 @@
transform: translate(-50%, 0);
background: #FF7900;
}
+
+ .fa {
+ position: fixed !important;
+ left: 0 !important;
+ width: 100vw !important;
+ height: calc(100vh - 70px) !important;
+ overflow-y: scroll !important;
+ padding: 30px 0 !important;
+ box-sizing: border-box !important;
+ }
+ .fa-content {
+ width: 1200px;
+ margin: 0 auto;
+ }
+ .fa-content-item {
+ width: 100%;
+ }
+ .fa-content-item-label {
+ display: inline;
+ font-weight: 600;
+ font-size: 18px;
+ color: #191B1F;
+ cursor: pointer;
+ }
+ .fa-content-item-label:hover {
+ color: #FF7900 !important;
+ }
+ .fa-content-item-list {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ }
+ .fa-content-item-list-zw {
+ width: 250px;
+ height: 0;
+ }
+ .fa-content-item-list-row:hover {
+ background: rgba(255,121,0,0.06) !important;
+ }
+ .fa-content-item-list-row:hover .fa-content-item-list-row-info span:nth-child(1) {
+ color: #FF7900 !important;
+ font-weight: 500 !important;
+ }
+ .fa-content-item-list-row {
+ width: 250px;
+ height: 60px;
+ padding: 10px;
+ box-sizing: border-box;
+ background: rgba(255,255,255,0.06);
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ margin-bottom: 20px;
+ cursor: pointer;
+ }
+ .fa-content-item-list-row img {
+ width: 36px;
+ height: 36px;
+ margin-right: 12px;
+ }
+ .fa-content-item-list-row-info {
+ display: flex;
+ flex-direction: column;
+ }
+ .fa-content-item-list-row-info span:nth-child(1) {
+ font-weight: 400;
+ font-size: 14px;
+ color: #191B1F;
+ line-height: normal;
+ }
+ .fa-content-item-list-row-info span:nth-child(2) {
+ font-weight: 400;
+ font-size: 12px;
+ color: #7B7F87;
+ line-height: normal;
+ }
+ .drop-down {
+ position: absolute;
+ top: 70px;
+ left: -50px;
+ width: 164px;
+ display: none;
+ background: #FFFFFF;
+ box-shadow: 0 7px 20px 0 rgba(0,0,0,0.1);
+ }
+ .drop-down-item {
+ width: 100%;
+ height: 50px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: 400;
+ font-size: 14px;
+ color: #222222;
+ cursor: pointer;
+ }
+ .drop-down-item:hover {
+ font-weight: 500;
+ color: #FF7900;
+ }
+
.nav-btn {
margin-left: 80px;
flex-shrink: 0;
@@ -80,9 +186,174 @@
</li>
<li>
<a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ <div class="drop-down">
+ <a class="drop-down-item">鏅烘収鍦洪杩愯惀绯荤粺</a>
+ <a class="drop-down-item">鏅烘収鍦洪杩愮淮绯荤粺</a>
+ </div>
</li>
<li>
<a href="./solution.html">瑙ｅ喅鏂规</a>
+ <div class="drop-down">
+ <a class="drop-down-item">鏁版櫤浣撹偛鍦洪</a>
+ <a class="drop-down-item">24H鏅鸿兘鍦洪</a>
+ <a class="drop-down-item">鏁版櫤浣撹偛骞冲彴</a>
+ <a class="drop-down-item">鏅尯&娓镐箰鍥�</a>
+ <a class="drop-down-item">绌洪棿鏅烘収绠＄悊</a>
+ </div>
+
+<!-- <div class="drop-down fa">-->
+<!-- <div class="fa-content">-->
+<!-- <div class="fa-content-item">-->
+<!-- <div class="fa-content-item-label">鏁版櫤浣撹偛鍦洪 ></div>-->
+<!-- <div class="fa-content-item-list">-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/缁煎悎浣撹偛棣咢2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>缁煎悎浣撹偛鍦洪</span>-->
+<!-- <span>鏅烘収杞‖浠朵竴浣撳寲</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鍏ㄦ皯鍋ヨ韩@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鍏ㄦ皯鍋ヨ韩涓績</span>-->
+<!-- <span>鍔ㄦ�佽皟搴︿紭浣撻獙</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鏍″洯@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鏍″洯浣撹偛鍦洪</span>-->
+<!-- <span>浣撻獙鍗囩骇鍔╁姏鏁欏</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鍐伴洩棣咢2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鍐伴洩浣撹偛鍦洪</span>-->
+<!-- <span>鏅虹澧炴晥鍗忓悓绠＄悊</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/娓告吵棣咢2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>娓告吵浣撹偛鍦洪</span>-->
+<!-- <span>淇濋殰瀹夊叏鏅烘帶璧嬭兘</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/浣撹偛鍏洯@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鏅烘収浣撹偛鍏洯</span>-->
+<!-- <span>鍏ㄥぉ鍊欐櫤鎱ц繍鍔ㄧ┖闂�</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+
+<!-- <div class="fa-content-item">-->
+<!-- <div class="fa-content-item-label">24H鏅鸿兘鍦洪 ></div>-->
+<!-- <div class="fa-content-item-list">-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/24h鍦洪@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>24H鏅鸿兘鍦洪</span>-->
+<!-- <span>鍏ㄥぉ楂樻晥鏅鸿兘绠℃帶</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鏃犱汉鍊煎畧@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鏃犱汉鍊煎畧鍦洪</span>-->
+<!-- <span>闄嶆湰澧炴晥瀹夊叏杩愯惀</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+
+<!-- <div class="fa-content-item">-->
+<!-- <div class="fa-content-item-label">鏁版櫤浣撹偛骞冲彴 ></div>-->
+<!-- <div class="fa-content-item-list">-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/杩為攣杩愯惀@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>浣撹偛杩為攣杩愯惀骞冲彴</span>-->
+<!-- <span>澶氬満棣嗙簿缁嗗寲绠＄悊</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鏁版櫤浣撹偛@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</span>-->
+<!-- <span>浼樺寲璧勬簮鍗囩骇鏈嶅姟</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+
+<!-- <div class="fa-content-item">-->
+<!-- <div class="fa-content-item-label">鏅尯&娓镐箰鍥� ></div>-->
+<!-- <div class="fa-content-item-list">-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/浜插瓙@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>浜插瓙涔愬洯</span>-->
+<!-- <span>鏁版櫤瀹跺涵濞变箰涓績</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鏅尯@2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鏃呮父鏅尯</span>-->
+<!-- <span>澶氫笟鎬佹櫤鑳界粡钀ョ鐞�</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+
+<!-- <div class="fa-content-item">-->
+<!-- <div class="fa-content-item-label">绌洪棿鏅烘収绠＄悊 ></div>-->
+<!-- <div class="fa-content-item-list">-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/宸ヤ汉鏂囧寲瀹獲2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>宸ヤ汉鏂囧寲瀹�</span>-->
+<!-- <span>鏁板瓧璧嬭兘鍏叡鏈嶅姟</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/宸ヤ細棣咢2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>浼佷笟宸ヤ細棣�</span>-->
+<!-- <span>鍒涙柊鍙戝睍鏁板瓧宸ヤ細</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <a class="fa-content-item-list-row">-->
+<!-- <img src="./assets/icon/鏂囪壓婕斿嚭棣咢2x.png" alt="">-->
+<!-- <div class="fa-content-item-list-row-info">-->
+<!-- <span>鏂囪壓婕斿嚭棣�</span>-->
+<!-- <span>浼樺寲鏈嶅姟璺冨崌鏁堣兘</span>-->
+<!-- </div>-->
+<!-- </a>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- <div class="fa-content-item-list-zw"></div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
</li>
<li>
<a href="./alot.html">Alot鐗╄仈</a>
diff --git a/web/dynamics.html b/web/dynamics.html
index c319fad..b7a8c48 100644
--- a/web/dynamics.html
+++ b/web/dynamics.html
@@ -64,8 +64,46 @@
</div>
</div>
</div>
+ <div class="index-address">
+ <span>棣栭〉 ></span>
+ <span> 鏈�鏂板姩鎬�</span>
+ </div>
<div class="index-y">
<div class="index-y-list" id="list"></div>
+ <div style="margin-left: 80px;width: 260px;display: flex; flex-direction: column;flex-shrink: 0;">
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">鏈�鏂板姩鎬�</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ <a class="index-y-cate-l-val">杩愯惀缁忛獙</a>
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ </div>
+ </div>
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">鍏徃浜у搧</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">鈥� 鏅烘収鍦洪杩愯惀绯荤粺</a>
+ <a class="index-y-cate-l-val">鈥� 鏅烘収鍦洪杩愮淮绯荤粺</a>
+ </div>
+ </div>
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">瑙ｅ喅鏂规</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">鈥� 鏁版櫤浣撹偛鍦洪</a>
+ <a class="index-y-cate-l-val">鈥� 24H鏅鸿兘鍦洪</a>
+ <a class="index-y-cate-l-val">鈥� 鏁版櫤浣撹偛骞冲彴</a>
+ <a class="index-y-cate-l-val">鈥� 鏅尯娓镐箰鍥�</a>
+ <a class="index-y-cate-l-val">鈥� 绌洪棿鏅烘収绠＄悊</a>
+ </div>
+ </div>
+ </div>
</div>
<div class="fenye">
<div class="fenye-hz">
diff --git a/web/dynamics_details.html b/web/dynamics_details.html
index 93bf701..4c49033 100644
--- a/web/dynamics_details.html
+++ b/web/dynamics_details.html
@@ -50,16 +50,52 @@
</div>
<div style="width: 100%; height: 70px;"></div>
<div class="index-a">
- <span class="index-a-tips">鏈�鏂板姩鎬�</span>
- <span class="index-a-go"> > </span>
+ <span class="index-a-tips">棣栭〉 > 鏈�鏂板姩鎬� > </span>
<span class="index-a-tips1">鏂囩珷璇︽儏</span>
</div>
- <div class="index-a-info">
- <div class="index-a-info-title"></div>
- <div class="index-a-info-date"></div>
- <div class="index-a-info-x"></div>
- <div class="index-a-info-content"></div>
+ <div class="index-a-hz">
+ <div class="index-a-info">
+ <div class="index-a-info-title"></div>
+ <div class="index-a-info-date"></div>
+ <div class="index-a-info-x"></div>
+ <div class="index-a-info-content"></div>
+ </div>
+ <div style="margin-left: 80px;width: 260px;display: flex; flex-direction: column;flex-shrink: 0;">
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">鏈�鏂板姩鎬�</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ <a class="index-y-cate-l-val">杩愯惀缁忛獙</a>
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ <a class="index-y-cate-l-val">琛屼笟璧勮</a>
+ </div>
+ </div>
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">鍏徃浜у搧</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">鈥� 鏅烘収鍦洪杩愯惀绯荤粺</a>
+ <a class="index-y-cate-l-val">鈥� 鏅烘収鍦洪杩愮淮绯荤粺</a>
+ </div>
+ </div>
+ <div class="index-y-cate">
+ <div class="index-y-cate-list">
+ <div class="index-y-cate-list-label">瑙ｅ喅鏂规</div>
+ </div>
+ <div class="index-y-cate-l">
+ <a class="index-y-cate-l-val">鈥� 鏁版櫤浣撹偛鍦洪</a>
+ <a class="index-y-cate-l-val">鈥� 24H鏅鸿兘鍦洪</a>
+ <a class="index-y-cate-l-val">鈥� 鏁版櫤浣撹偛骞冲彴</a>
+ <a class="index-y-cate-l-val">鈥� 鏅尯娓镐箰鍥�</a>
+ <a class="index-y-cate-l-val">鈥� 绌洪棿鏅烘収绠＄悊</a>
+ </div>
+ </div>
+ </div>
</div>
+
<div id="footer"></div>
</div>
<script type="text/javascript">
diff --git a/web/index.html b/web/index.html
index 874c8c0..edabdc9 100644
--- a/web/index.html
+++ b/web/index.html
@@ -27,28 +27,20 @@
<div class="underline"></div>
</li>
<li>
- <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ <a>鏅烘収绯荤粺</a>
<div class="drop-down">
- <a class="drop-down-item">鏅烘収鍦洪杩愯惀绯荤粺</a>
- <a class="drop-down-item">鏅烘収鍦洪杩愮淮绯荤粺</a>
+ <a href="./intelligent_system.html" class="drop-down-item">鏅烘収鍦洪杩愯惀绯荤粺</a>
+ <a href="./operation.html" class="drop-down-item">鏅烘収鍦洪杩愮淮绯荤粺</a>
</div>
</li>
<li>
- <a href="./solution.html">瑙ｅ喅鏂规</a>
- <div class="drop-down fa">
- <div class="fa-content">
- <div class="fa-content-item">
- <div class="fa-content-item-label">鏁版櫤浣撹偛鍦洪 ></div>
- <div class="fa-content-item-list">
- <div class="fa-content-item-list-row">
- <img src="" alt="">
- <div class="fa-content-item-list-row-info">
-
- </div>
- </div>
- </div>
- </div>
- </div>
+ <a>瑙ｅ喅鏂规</a>
+ <div class="drop-down">
+ <a href="./solution.html" class="drop-down-item">鏁版櫤浣撹偛鍦洪</a>
+ <a href="./solution-meadowlands.html" class="drop-down-item">24H鏅鸿兘鍦洪</a>
+ <a href="./solution-sport.html" class="drop-down-item">鏁版櫤浣撹偛骞冲彴</a>
+ <a href="./solution-scenicSpot.html" class="drop-down-item">鏅尯&娓镐箰鍥�</a>
+ <a href="./solution-space.html" class="drop-down-item">绌洪棿鏅烘収绠＄悊</a>
</div>
</li>
<li>
@@ -710,7 +702,7 @@
<span>鐢ㄦ洿濂界殑鎶�鏈�佹洿浼樼殑鏈嶅姟鍔╁姏鍦洪瀹炵幇鍏ㄥ満鏅櫤鑳藉寲鍗囩骇鏀归��</span>
</div>
<div class="index-u-c">
- <img src="./assets/images/home_hezuo@2x.png" alt="" />
+ <img src="./assets/images/home_hezuo.png" alt="" />
</div>
</div>
<div id="back-to-top">
diff --git a/web/js/solution-meadowlands.js b/web/js/solution-meadowlands.js
new file mode 100644
index 0000000..0e38826
--- /dev/null
+++ b/web/js/solution-meadowlands.js
@@ -0,0 +1,21 @@
+$(document).ready(function() {
+ // 璁剧疆鍏叡瀵艰埅鏍�
+ // $("#header").load("./components/nav.html");
+ // 璁剧疆鍏叡搴曢儴
+ $("#footer").load("./components/footer.html");
+ // 褰撻〉闈㈡粴鍔ㄥ埌涓�瀹氳窛绂绘椂鏄剧ず杩斿洖椤堕儴鎸夐挳
+ $('#back-to-top').fadeOut();
+ $(window).scroll(function() {
+ if ($(this).scrollTop() > 100) { // 杩欓噷鍙互鏍规嵁闇�瑕佽皟鏁存暟鍊�
+ $('#back-to-top').fadeIn(); // 鏄剧ず鎸夐挳
+ } else {
+ $('#back-to-top').fadeOut(); // 闅愯棌鎸夐挳
+ }
+ });
+
+ // 鐐瑰嚮鎸夐挳鏃讹紝椤甸潰骞虫粦婊氬姩鍒伴《閮�
+ $('#back-to-top').click(function(event) {
+ event.preventDefault(); // 闃绘閾炬帴鐨勯粯璁よ涓�
+ $('html, body').animate({scrollTop: 0}, 800); // 椤甸潰骞虫粦婊氬姩鍒伴《閮紝800姣瀹屾垚婊氬姩
+ });
+});
diff --git a/web/js/solution-scenicSpot.js b/web/js/solution-scenicSpot.js
new file mode 100644
index 0000000..0e38826
--- /dev/null
+++ b/web/js/solution-scenicSpot.js
@@ -0,0 +1,21 @@
+$(document).ready(function() {
+ // 璁剧疆鍏叡瀵艰埅鏍�
+ // $("#header").load("./components/nav.html");
+ // 璁剧疆鍏叡搴曢儴
+ $("#footer").load("./components/footer.html");
+ // 褰撻〉闈㈡粴鍔ㄥ埌涓�瀹氳窛绂绘椂鏄剧ず杩斿洖椤堕儴鎸夐挳
+ $('#back-to-top').fadeOut();
+ $(window).scroll(function() {
+ if ($(this).scrollTop() > 100) { // 杩欓噷鍙互鏍规嵁闇�瑕佽皟鏁存暟鍊�
+ $('#back-to-top').fadeIn(); // 鏄剧ず鎸夐挳
+ } else {
+ $('#back-to-top').fadeOut(); // 闅愯棌鎸夐挳
+ }
+ });
+
+ // 鐐瑰嚮鎸夐挳鏃讹紝椤甸潰骞虫粦婊氬姩鍒伴《閮�
+ $('#back-to-top').click(function(event) {
+ event.preventDefault(); // 闃绘閾炬帴鐨勯粯璁よ涓�
+ $('html, body').animate({scrollTop: 0}, 800); // 椤甸潰骞虫粦婊氬姩鍒伴《閮紝800姣瀹屾垚婊氬姩
+ });
+});
diff --git a/web/js/solution-space.js b/web/js/solution-space.js
new file mode 100644
index 0000000..0e38826
--- /dev/null
+++ b/web/js/solution-space.js
@@ -0,0 +1,21 @@
+$(document).ready(function() {
+ // 璁剧疆鍏叡瀵艰埅鏍�
+ // $("#header").load("./components/nav.html");
+ // 璁剧疆鍏叡搴曢儴
+ $("#footer").load("./components/footer.html");
+ // 褰撻〉闈㈡粴鍔ㄥ埌涓�瀹氳窛绂绘椂鏄剧ず杩斿洖椤堕儴鎸夐挳
+ $('#back-to-top').fadeOut();
+ $(window).scroll(function() {
+ if ($(this).scrollTop() > 100) { // 杩欓噷鍙互鏍规嵁闇�瑕佽皟鏁存暟鍊�
+ $('#back-to-top').fadeIn(); // 鏄剧ず鎸夐挳
+ } else {
+ $('#back-to-top').fadeOut(); // 闅愯棌鎸夐挳
+ }
+ });
+
+ // 鐐瑰嚮鎸夐挳鏃讹紝椤甸潰骞虫粦婊氬姩鍒伴《閮�
+ $('#back-to-top').click(function(event) {
+ event.preventDefault(); // 闃绘閾炬帴鐨勯粯璁よ涓�
+ $('html, body').animate({scrollTop: 0}, 800); // 椤甸潰骞虫粦婊氬姩鍒伴《閮紝800姣瀹屾垚婊氬姩
+ });
+});
diff --git a/web/js/solution-sport.js b/web/js/solution-sport.js
new file mode 100644
index 0000000..0e38826
--- /dev/null
+++ b/web/js/solution-sport.js
@@ -0,0 +1,21 @@
+$(document).ready(function() {
+ // 璁剧疆鍏叡瀵艰埅鏍�
+ // $("#header").load("./components/nav.html");
+ // 璁剧疆鍏叡搴曢儴
+ $("#footer").load("./components/footer.html");
+ // 褰撻〉闈㈡粴鍔ㄥ埌涓�瀹氳窛绂绘椂鏄剧ず杩斿洖椤堕儴鎸夐挳
+ $('#back-to-top').fadeOut();
+ $(window).scroll(function() {
+ if ($(this).scrollTop() > 100) { // 杩欓噷鍙互鏍规嵁闇�瑕佽皟鏁存暟鍊�
+ $('#back-to-top').fadeIn(); // 鏄剧ず鎸夐挳
+ } else {
+ $('#back-to-top').fadeOut(); // 闅愯棌鎸夐挳
+ }
+ });
+
+ // 鐐瑰嚮鎸夐挳鏃讹紝椤甸潰骞虫粦婊氬姩鍒伴《閮�
+ $('#back-to-top').click(function(event) {
+ event.preventDefault(); // 闃绘閾炬帴鐨勯粯璁よ涓�
+ $('html, body').animate({scrollTop: 0}, 800); // 椤甸潰骞虫粦婊氬姩鍒伴《閮紝800姣瀹屾垚婊氬姩
+ });
+});
diff --git a/web/operation.html b/web/operation.html
index a78b2e9..3006778 100644
--- a/web/operation.html
+++ b/web/operation.html
@@ -180,6 +180,66 @@
</div>
</div>
+ <div class="index-a" style="background: #ffffff;">
+ <div class="index-b-title">璞嗙背璺宠烦浜у搧绯诲垪</div>
+ <div class="index-b-info">鍔熻兘涓庣増鏈�</div>
+
+ <div class="index-a-list">
+ <div class="oitem">
+ <div class="oitem-left">
+ <img src="./assets/icon/home_ic_siyouhua@3x.png" alt="" />
+ <div class="oitem-left-info">
+ <span>绉佹湁鍖栭儴缃�</span>
+ <span>绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</span>
+ </div>
+ </div>
+ <div class="oitem-right">
+ <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
+ </div>
+ </div>
+ <div class="oitem">
+ <div class="oitem-left">
+ <img src="./assets/icon/home_ic_siyouhua@3x1.png" alt="" />
+ <div class="oitem-left-info">
+ <span>婧愮爜</span>
+ <span>鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</span>
+ </div>
+ </div>
+ <div class="oitem-right">
+ <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
+ </div>
+ </div>
+ <div class="oitem">
+ <div class="oitem-left">
+ <img src="./assets/icon/home_ic_siyouhua2@3x.png" alt="" />
+ <div class="oitem-left-info">
+ <span>瀹氬埗</span>
+ <span>鎸夐渶鈥滈噺韬墦閫犫�濓紝绮惧噯鍖归厤涓氬姟</span>
+ </div>
+ </div>
+ <div class="oitem-right">
+ <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
+ </div>
+ </div>
+ <div class="oitem">
+ <div class="oitem-left">
+ <img src="./assets/icon/home_ic_siyouhua 2@3x.png" alt="" />
+ <div class="oitem-left-info">
+ <span>saas鏈嶅姟</span>
+ <span>蹇�熻闃呭惎鐢紝绯荤粺鑷姩鍗囩骇</span>
+ </div>
+ </div>
+ <div class="oitem-right">
+ <img src="./assets/icon/aboutus_ic_12@3x.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div class="index-fa-btn" style="margin-top: 60px;">
+ <span>绔嬪嵆鍜ㄨ</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+
<div id="footer"></div>
</div>
</body>
diff --git a/web/solution-meadowlands.html b/web/solution-meadowlands.html
new file mode 100644
index 0000000..405f241
--- /dev/null
+++ b/web/solution-meadowlands.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>瑙ｅ喅鏂规-24H鏅鸿兘鐞冮</title>
+ <link rel="stylesheet" href="./assets/common.css">
+ <link rel="stylesheet" href="./assets/solution-meadowlands.css">
+ <link rel="stylesheet" href="./assets/animate.css">
+ <link rel="stylesheet" href="./assets/animate.min.css">
+ <link rel="stylesheet" href="./assets/swiper.css">
+ <script src="./js/jquery.js"></script>
+ <script src="./js/solution-meadowlands.js"></script>
+ <script src="./js/selectFilter.js"></script>
+ <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+<div class="index">
+ <div id="back-to-top">
+ <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+ </div>
+ <div id="header">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+ </div>
+ </div>
+ <div style="width: 100%; height: 70px;"></div>
+ <div class="index-banner">
+ <div class="index-banner-c">
+ <div class="index-banner-c-a">24H瑙ｆ斁绌洪棿鏁堣兘 鏅哄惎鏃犱汉鍊煎畧鏃朵唬</div>
+ <div class="index-banner-c-b">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</div>
+ <div class="index-banner-c-c">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</div>
+ <div class="info">鐜颁唬鐢熸椿鑺傚鐨勫姞蹇偓鐢熺鐗囧寲杩愬姩闇�姹傦紝娑堣垂鑰呭渚挎嵎銆侀珮鏁堛�佽嚜鍔╁紡鏈嶅姟鍜屽叏鏃舵鐏垫椿鍋ヨ韩鐨勯渶姹傚鍔犮�備笌姝ゅ悓鏃讹紝浼犵粺鐞冮鍙楅檺浜庝汉宸ユ垚鏈紝鍙兘鍦ㄧ壒瀹氭椂闂存鍐呭紑鏀鹃�犳垚鍦哄湴璧勬簮闂茬疆銆�24H鏅鸿兘鍦洪渚濇墭鏅烘収鍦洪绯荤粺鍜岀墿鑱旇澶囩殑楂樻晥鍗忓悓锛屾弧瓒冲悇鏂归渶姹傦紝浠庤�岃妭鐪佷汉鍔涙垚鏈�佹彁楂樺満棣嗙粡钀ユ晥鐜囥�佹彁鍗囩敤鎴疯繍鍔ㄤ綋楠屻��</div>
+ <div class="index-y-img">
+ <img src="./assets/images/background.png" alt="" />
+ </div>
+ </div>
+ <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+ <div class="title">24H鏅鸿兘鍦洪搴旂敤鍦烘櫙</div>
+ <div class="info">浼氬憳閫氳繃灏忕▼搴忓湪绾块绾﹁鍦猴紝鑷姪鏍搁獙鍏ュ満銆佺鍒般�佽繍鍔ㄩ敾鐐肩瓑锛屾弧瓒虫洿澶氬満鏅渶姹�</div>
+ <div class="index-y-l">
+ <div class="index-y-l-item" style="background-image: url('./assets/images/2w.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">24H鏅鸿兘鐞冨満</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">渚濇墭鏅烘収鍦洪绯荤粺鍜岄棬绂併�佹秷璇炬満銆佹櫤鑳界數鎺с�佸偍鐗╂煖绛夌墿鑱旇澶囷紝瀹炵幇鍦洪鍏ㄥぉ鍊欒繍钀�</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ <div class="index-y-l-item" style="background-image: url('./assets/images/1w.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">鏃犱汉鍊煎畧鍦洪</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">閫氳繃鏅鸿兘鐗╄仈涓嶢I鐩戞帶绛夛紝瀹炵幇璁炬柦鏅鸿兘绠℃帶鍙婂畨鍏ㄩ璀︼紝鍦ㄩ檷鏈鏁堝悓鏃朵繚闅滃畨鍏ㄨ繍钀ャ��</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">24H鏅鸿兘鍦洪瑙ｅ喅鏂规</div>
+ <div class="info">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鐨勮嚜鍔ㄥ寲绠＄悊鍜屾棤浜哄�煎畧杩愯惀</div>
+ <div class="index-a-nr">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍦哄湴棰勫畾@2x.png" alt="">
+ <span>棰勭害棰勫畾</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍦哄尯鍦哄湴@2x.png" alt="">
+ <span>鍦哄湴绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/闂ㄧエ鍞崠@2x.png" alt="">
+ <span>绁ㄥ姟绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳绠＄悊@2x.png" alt="">
+ <span>浼氬憳绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/濂楅绠＄悊@2x.png" alt="">
+ <span>濂楅鍗″埜</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璁惧绠＄悊@2x.png" alt="">
+ <span>鏅鸿仈纭欢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍣ㄦ潗绉熻祦@2x.png" alt="">
+ <span>鍣ㄦ潗绉熻祦</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍟嗗搧绠＄悊@2x.png" alt="">
+ <span>鍟嗗搧绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璐㈠姟绠＄悊@2x.png" alt="">
+ <span>璐㈠姟绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+ <span>绉垎鍟嗗煄</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+ <span>閫氱煡鍏憡</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鏃ュ父绠＄悊@2x.png" alt="">
+ <span>鏁欏煿绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鎴戠殑绾︾悆@2x.png" alt="">
+ <span>绾︾悆鎷煎満</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/shunjian.png" alt="">
+ <span>绮惧僵鐬棿</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+ <span>瀹㈡祦鍒嗘瀽</span>
+ </div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/solution_img4.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/web/solution-scenicSpot.html b/web/solution-scenicSpot.html
new file mode 100644
index 0000000..183e58e
--- /dev/null
+++ b/web/solution-scenicSpot.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>瑙ｅ喅鏂规-鏁版櫤浣撹偛骞冲彴</title>
+ <link rel="stylesheet" href="./assets/common.css">
+ <link rel="stylesheet" href="./assets/solution-scenicSpot.css">
+ <link rel="stylesheet" href="./assets/animate.css">
+ <link rel="stylesheet" href="./assets/animate.min.css">
+ <link rel="stylesheet" href="./assets/swiper.css">
+ <script src="./js/jquery.js"></script>
+ <script src="./js/solution-scenicSpot.js"></script>
+ <script src="./js/selectFilter.js"></script>
+ <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+<div class="index">
+ <div id="back-to-top">
+ <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+ </div>
+ <div id="header">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+ </div>
+ </div>
+ <div style="width: 100%; height: 70px;"></div>
+ <div class="index-banner">
+ <div class="index-banner-c">
+ <div class="index-banner-c-a">鏁板瓧婵�娲讳箰鍥綔鑳� 鏅烘収鏋勭瓚鏅尯鐢熸��</div>
+ <div class="index-banner-c-b">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</div>
+ <div class="index-banner-c-c">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</div>
+ <div class="info">浼犵粺鏅尯涔愬洯澶у瀛樺湪涓氭�佸崟涓�銆佽惀閿�娓犻亾鍗曚竴銆佹暟鎹鐞嗘贩涔便�佹秷璐逛緵缁欎笉瓒崇瓑闂锛岄�犳垚鍐呴儴绠＄悊鍥伴毦锛岃祫婧愭氮璐圭瓑銆傛櫤鎱у満棣嗙郴缁熸繁搴﹁瀺鍚堟櫙鍖虹エ鍔°�侀浂鍞�侀楗�佸ū涔愩�佷綇瀹跨瓑澶氫笟鎬侊紝鏅鸿兘璋冨害瀹炵幇璧勬簮鍔ㄦ�侀厤缃拰钀ラ攢绠＄悊锛岄┍鍔ㄦ枃鏃呬骇涓氬悜绾夸笂绾夸笅澶氫笟鎬佷竴浣撳寲鐨勮繍钀ョ鐞嗘ā寮忓崌绾�</div>
+ <div class="index-y-img">
+ <img src="./assets/images/123.png" alt="" />
+ </div>
+ </div>
+ <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+ <div class="title">鏅尯&娓镐箰鍥簲鐢ㄥ満鏅�</div>
+ <div class="info">閫氳繃瀵规櫙鍖�&娓镐箰鍥殑鏅烘収鍖栧缓璁句娇绠＄悊銆佹湇鍔°�佽惀閿�鏇翠紭璐ㄤ究鎹�</div>
+ <div class="index-y-l">
+ <div class="index-y-l-item" style="background-image: url('./assets/images/qwe.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">浜插瓙涔愬洯</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">鏋勫缓鍏ㄥ満鏅櫤鑳芥湇鍔＄敓鎬侊紝鍔╁姏涔愬洯浠庡崟涓�濞变箰绌洪棿鍗囩骇涓烘暟鏅哄寲瀹跺涵濞变箰鏈嶅姟涓績</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ <div class="index-y-l-item" style="background-image: url('./assets/images/rty.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">鏃呮父鏅尯</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">鏁村悎鏅尯澶氫笟鎬佽祫婧愶紝淇冭繘鏃呮父鏈嶅姟鍚戠敓鎬佸寲銆佹櫤鑳藉寲鐨勭患鍚堜笟鎬佺粡钀ョ鐞嗘ā寮忓崌绾с��</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">鏅尯&娓镐箰鍥В鍐虫柟妗�</div>
+ <div class="info">鎻愪緵涓�浣撳寲杩愯惀绠＄悊绯荤粺锛岃祴鑳芥櫙鍖�&涔愬洯鏁板瓧鍖栧崌绾ц浆鍨�</div>
+ <div class="index-a-nr">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/闂ㄧエ鍞崠@2x.png" alt="">
+ <span>绁ㄥ姟绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳绠＄悊@2x.png" alt="">
+ <span>浼氬憳绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳钀ラ攢.png" alt="">
+ <span>浼氬憳钀ラ攢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/濂楅閰嶇疆@2x.png" alt="">
+ <span>濂楅鍗″埜</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浜插瓙鍗�.png" alt="">
+ <span>浜插瓙鍗�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璁惧绠＄悊@2x.png" alt="">
+ <span>鏅鸿仈纭欢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍟嗗搧绠＄悊@2x.png" alt="">
+ <span>鍟嗗搧绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璐㈠姟绠＄悊@2x.png" alt="">
+ <span>璐㈠姟鎶ヨ〃</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鐐归鏈嶅姟.png" alt="">
+ <span>鐐归鏈嶅姟</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/ota鍥㈣喘.png" alt="">
+ <span>OTA鍥㈣喘</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+ <span>閫氱煡鍏憡</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+ <span>绉垎鍟嗗煄</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/瀹㈡祦鍒嗘瀽.png" alt="">
+ <span>瀹㈡祦鍒嗘瀽</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/澶у睆绠＄悊.png" alt="">
+ <span>澶у睆绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+ <span>鏁版嵁缁熻</span>
+ </div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/solution_img6.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/web/solution-space.html b/web/solution-space.html
new file mode 100644
index 0000000..2112f08
--- /dev/null
+++ b/web/solution-space.html
@@ -0,0 +1,184 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>瑙ｅ喅鏂规-绌洪棿鏅烘収绠＄悊</title>
+ <link rel="stylesheet" href="./assets/common.css">
+ <link rel="stylesheet" href="./assets/solution-space.css">
+ <link rel="stylesheet" href="./assets/animate.css">
+ <link rel="stylesheet" href="./assets/animate.min.css">
+ <link rel="stylesheet" href="./assets/swiper.css">
+ <script src="./js/jquery.js"></script>
+ <script src="./js/solution-space.js"></script>
+ <script src="./js/selectFilter.js"></script>
+ <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+<div class="index">
+ <div id="back-to-top">
+ <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+ </div>
+ <div id="header">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+ </div>
+ </div>
+ <div style="width: 100%; height: 70px;"></div>
+ <div class="index-banner">
+ <div class="index-banner-c">
+ <div class="index-banner-c-a">寤跺睍绌洪棿浠峰�� 鏅哄垱鏈嶅姟鏂扮瘒</div>
+ <div class="index-banner-c-b">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</div>
+ <div class="index-banner-c-c">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</div>
+ <div class="info">鍒╃敤淇℃伅鍖栥�佹暟瀛楀寲鎶�鏈紝閽堝涓嶅悓绌洪棿鍦烘櫙缁撳悎鍏蜂綋鐨勯渶姹傝繘琛岀珛浣撳寲銆佹櫤鑳藉寲绠＄悊涓庡簲鐢紝鏁村悎澶氬姛鑳界┖闂寸殑璁惧銆佷汉娴併�佽繍鍔ㄦ暟鎹�佽惀閿�淇冩椿銆佸畨鍏ㄩ璀︾瓑锛屾墦閫犲彲鎰熴�佸彲鎺х殑绔嬩綋浜や簰鏅烘収绌洪棿锛屾瀯寤衡�滅┖闂村嵆鏈嶅姟鈥濈殑鏁板瓧鍖栬繍钀ヤ綋绯�</div>
+ <div class="index-y-img">
+ <img src="./assets/images/鐭╁舰 (1).png" alt="" />
+ </div>
+ </div>
+ <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+ <div class="title">绌洪棿鏅烘収绠＄悊搴旂敤鍦烘櫙</div>
+ <div class="info">浼樺寲绌洪棿璧勬簮閰嶇疆锛岃绠＄悊绮剧粏鍖栥�佽繍钀ユ暟鎹寲銆佷綋楠屾櫤鑳藉寲</div>
+ <div class="index-y-l">
+ <div class="index-y-l-item" style="background-image: url('./assets/images/1.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">宸ヤ汉鏂囧寲瀹�</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">鏋勫缓鏁板瓧鍖栥�佹櫤鑳藉寲鍏叡鏈嶅姟骞冲彴锛屾彁鍗囩┖闂寸鐞嗘晥鐜囧拰鏈嶅姟璐ㄩ噺锛屼负鍚勯」涓氬姟鎻愪緵渚垮埄</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ <div class="index-y-l-item" style="background-image: url('./assets/images/2.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">浼佷笟宸ヤ細棣�</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">钀藉疄鏁板瓧宸ヤ細鐢熸�佷竴浣撳寲寤鸿鐩爣锛屾弧瓒充紒涓氳亴宸ヤ釜鎬у寲闇�姹傦紝鎺ㄥ姩宸ヤ細宸ヤ綔鍒涙柊鍙戝睍銆�</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ <div class="index-y-l-item" style="background-image: url('./assets/images/3.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">鏂囪壓婕斿嚭棣�</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">閫氳繃瀵圭幆澧冭鏂姐�佹湇鍔℃柟寮忋�佽繍钀ョ鐞嗚繘琛屾櫤鎱у寲鍗囩骇锛屾彁鍗囩┖闂磋繍琛岀鐞嗗拰鏈嶅姟鏁堣兘銆�</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">绌洪棿鏅烘収绠＄悊瑙ｅ喅鏂规</div>
+ <div class="info">閫氳繃鐗╄仈缃戜笌澶ф暟鎹妧鏈紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
+ <div class="index-a-nr">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/闂ㄧエ鍞崠@2x.png" alt="">
+ <span>绁ㄥ姟绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳绠＄悊@2x.png" alt="">
+ <span>浼氬憳绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳钀ラ攢.png" alt="">
+ <span>浼氬憳钀ラ攢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/濂楅閰嶇疆@2x.png" alt="">
+ <span>濂楅鍗″埜</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浜插瓙鍗�.png" alt="">
+ <span>浜插瓙鍗�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璁惧绠＄悊@2x.png" alt="">
+ <span>鏅鸿仈纭欢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍟嗗搧绠＄悊@2x.png" alt="">
+ <span>鍟嗗搧绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璐㈠姟绠＄悊@2x.png" alt="">
+ <span>璐㈠姟鎶ヨ〃</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鐐归鏈嶅姟.png" alt="">
+ <span>鐐归鏈嶅姟</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/ota鍥㈣喘.png" alt="">
+ <span>OTA鍥㈣喘</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+ <span>閫氱煡鍏憡</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+ <span>绉垎鍟嗗煄</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璧涗簨娲诲姩.png" alt="">
+ <span>璧涗簨娲诲姩</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/澶у睆绠＄悊.png" alt="">
+ <span>澶у睆绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+ <span>鏁版嵁缁熻</span>
+ </div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/solution_img7.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/web/solution-sport.html b/web/solution-sport.html
new file mode 100644
index 0000000..aa80c85
--- /dev/null
+++ b/web/solution-sport.html
@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>瑙ｅ喅鏂规-鏅尯&娓镐箰鍥�</title>
+ <link rel="stylesheet" href="./assets/common.css">
+ <link rel="stylesheet" href="./assets/solution-sport.css">
+ <link rel="stylesheet" href="./assets/animate.css">
+ <link rel="stylesheet" href="./assets/animate.min.css">
+ <link rel="stylesheet" href="./assets/swiper.css">
+ <script src="./js/jquery.js"></script>
+ <script src="./js/solution-sport.js"></script>
+ <script src="./js/selectFilter.js"></script>
+ <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+<div class="index">
+ <div id="back-to-top">
+ <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+ </div>
+ <div id="header">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+ </div>
+ </div>
+ <div style="width: 100%; height: 70px;"></div>
+ <div class="index-banner">
+ <div class="index-banner-c">
+ <div class="index-banner-c-a">鎶�鏈祴鑳� 鏁版櫤椹卞姩</div>
+ <div class="index-banner-c-b">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</div>
+ <div class="index-banner-c-c">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="">
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</div>
+ <div class="info">鏅烘収浣撹偛绠＄悊绯荤粺娣卞害鏁村悎鐗╄仈缃戜笌AI鍐崇瓥鑳藉姏锛岄�氳繃鏁版櫤浣撹偛骞冲彴瀹炵幇鍦洪璧勬簮璋冨害銆佽繍鍔ㄦ暟鎹垎鏋愬拰瀹夊叏棰勮淇濋殰锛岃祴鑳藉満棣嗚繍钀ラ檷鏈鏁堬紝鏋勫缓涓�浣撳寲銆侀珮鏁堝崗鍚岀殑浣撹偛缁煎悎绠＄悊浣撶郴锛岃鐢ㄦ埛鑾峰緱绉戝鍖栥�佷釜鎬у寲鐨勮繍鍔ㄤ綋楠岋紝鎺ㄥ姩浣撹偛浜т笟鐢辩矖鏀惧紡绠＄悊鍚戞暟鎹┍鍔ㄧ殑绮剧粏鍖栨湇鍔℃ā寮忔紨杩�</div>
+ <div class="index-y-img">
+ <img src="./assets/images/soluti9on_img1.png" alt="" />
+ </div>
+ </div>
+ <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+ <div class="title">鏁版櫤浣撹偛骞冲彴搴旂敤鍦烘櫙</div>
+ <div class="info">鏁村悎浣撹偛鍏叡鏈嶅姟璧勬簮锛屾斁澶у钩鍙颁紭鍔匡紝淇冭繘鍏ㄦ皯鍋ヨ韩鍙戝睍</div>
+ <div class="index-y-l">
+ <div class="index-y-l-item" style="background-image: url('./assets/images/4w.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">浣撹偛杩為攣杩愯惀骞冲彴</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">閫氳繃鏅鸿兘绯荤粺瀹炵幇璺ㄥ尯鍩熷鍦洪缁熶竴绠＄悊鍜屼細鍛樻湇鍔″崗鍚岋紝杩涜鍦洪绮剧粏绠℃帶鍜岃惀閿�銆�</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ <div class="index-y-l-item" style="background-image: url('./assets/images/3w.png')">
+ <div class="l-item-box">
+ <div class="index-y-l-item-title">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div>
+ <div class="index-y-l-item-x"></div>
+ <div class="index-y-l-item-info">鏁村悎鍏ㄥ煙鍦洪鏁版嵁涓庡叕鍏辨湇鍔¤祫婧愯繘琛岃祫婧愬悎鐞嗛厤缃強鍋ヨ韩鏈嶅姟浣撻獙鍗囩骇銆�</div>
+ </div>
+ <div class="l-item-zz"></div>
+ </div>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="title">24H鏅鸿兘鍦洪瑙ｅ喅鏂规</div>
+ <div class="info">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鐨勮嚜鍔ㄥ寲绠＄悊鍜屾棤浜哄�煎畧杩愯惀</div>
+ <div class="index-a-nr">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍦哄湴棰勫畾@2x.png" alt="">
+ <span>棰勭害棰勫畾</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍦哄尯鍦哄湴@2x.png" alt="">
+ <span>鍦哄湴绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/濂楅绠＄悊@2x.png" alt="">
+ <span>濂楅鍗″埜</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼氬憳绠＄悊@2x.png" alt="">
+ <span>浼氬憳绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/浼存父鍗2x.png" alt="">
+ <span>浼存父鍗�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璁惧绠＄悊@2x.png" alt="">
+ <span>鏅鸿仈纭欢</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鍟嗗搧绠＄悊@2x.png" alt="">
+ <span>鍟嗗搧绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璐㈠姟绠＄悊@2x.png" alt="">
+ <span>璐㈠姟绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/鏃ュ父绠＄悊@2x.png" alt="">
+ <span>鏁欏煿绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/涓撻」鍗2x.png" alt="">
+ <span>涓撻」鍗�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+ <span>閫氱煡鍏憡</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+ <span>绉垎鍟嗗煄</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/璧涗簨娲诲姩.png" alt="">
+ <span>璧涗簨娲诲姩</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/澶у睆绠＄悊.png" alt="">
+ <span>澶у睆绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+ <span>鏁版嵁缁熻</span>
+ </div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ <div style="width: 20%; height: 0;"></div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/solution_img5.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/web/solution.html b/web/solution.html
index fb413e2..a8ec1fd 100644
--- a/web/solution.html
+++ b/web/solution.html
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
- <title>瑙ｅ喅鏂规</title>
+ <title>瑙ｅ喅鏂规-鏁版櫤鍦洪</title>
<link rel="stylesheet" href="./assets/common.css">
<link rel="stylesheet" href="./assets/solution.css">
<link rel="stylesheet" href="./assets/animate.css">
--
Gitblit v1.9.3