From bcadfb6de692c138774688efd7928a973d59860f Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期二, 23 九月 2025 13:51:42 +0800
Subject: [PATCH] H5静态化

---
 server/src/main/resources/templates/mobile/smartSportsParkMobile.html      |  214 +
 mobile/images/banner_yunying@2x.png                                        |    0 
 server/src/main/resources/templates/mobile/css/intelligentVenue.css        |  139 -
 server/src/main/resources/templates/mobile/intelligentSystemMobile.html    |  203 +
 server/src/main/resources/templates/mobile/nationalFitnessMobile.html      |  222 +
 server/src/main/resources/templates/mobile/unattendedMobile.html           |  476 +++
 server/src/main/resources/templates/mobile/css/IceSnowSports.css           |  116 
 server/src/main/resources/templates/mobile/css/smartSportsPark.css         |  139 -
 server/src/main/resources/templates/mobile/campusSportsMobile.html         |  194 +
 server/src/main/resources/templates/mobile/css/intelligentSystem.css       |  118 
 admin/src/views/business/seoH5.vue                                         |  102 
 server/src/main/java/com/doumee/core/constants/Constants.java              |   43 
 server/src/main/resources/templates/mobile/css/solutionSmartVenue.css      |  138 -
 server/src/main/resources/templates/mobile/css/sportsPlatform.css          |  138 -
 server/src/main/resources/templates/mobile/js/nav.js                       |   18 
 server/src/main/java/com/doumee/dao/vo/FootDataVO.java                     |    5 
 server/src/main/resources/templates/mobile/IceSnowSportsMobile.html        |  203 +
 server/src/main/resources/templates/mobile/css/alot.css                    |  139 -
 server/src/main/resources/templates/mobile/js/index.js                     |   22 
 server/src/main/resources/templates/mobile/components/footerMobile.html    |   15 
 server/src/main/resources/templates/mobile/css/intelligentSystem1.css      |  119 
 server/src/main/resources/templates/mobile/swimmingSportsMobile.html       |  616 ++++
 server/src/main/resources/templates/mobile/soSmartVenueMobile.html         |  188 +
 server/src/main/resources/templates/mobile/soUnmannedVenueMobile.html      |  144 +
 server/src/main/resources/templates/mobile/css/details.css                 |    3 
 server/src/main/resources/templates/mobile/dynamicListMobile.html          |   42 
 admin/src/views/index.vue                                                  |  138 
 server/src/main/resources/templates/mobile/css/dynamicList.css             |  116 
 server/src/main/resources/templates/mobile/components/navMobile.html       |   46 
 server/src/main/resources/templates/mobile/intelligentSystemYwMobile.html  |  141 +
 admin/src/views/business/seo.vue                                           |   19 
 server/src/main/resources/templates/mobile/css/unmannedVenue.css           |  138 -
 server/src/main/resources/templates/mobile/css/selectFilter.css            |  149 +
 server/src/main/resources/templates/mobile/css/scenicArea.css              |  138 -
 server/src/main/resources/templates/mobile/soSportsPlatformMobile.html     |  131 +
 server/src/main/resources/templates/index.html                             |    6 
 server/src/main/resources/templates/mobile/js/cooperation.js               |   72 
 server/src/main/resources/templates/mobile/sportsVenueMobile.html          |  473 +++
 server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java |   55 
 server/src/main/resources/templates/assets/common.css                      |    8 
 server/src/main/resources/templates/assets/images/top_logo@2x.png          |    0 
 server/src/main/resources/templates/mobile/css/sportsVenue.css             |  139 -
 server/src/main/resources/templates/mobile/soScenicAreaMobile.html         |  130 +
 server/src/main/resources/templates/mobile/css/index.css                   |    8 
 server/src/main/resources/templates/mobile/css/smartSpace.css              |  138 -
 server/src/main/resources/templates/mobile/css/swimmingSports.css          |  139 -
 server/src/main/resources/templates/mobile/css/unattended.css              |  139 -
 server/src/main/resources/templates/mobile/aboutMobile.html                |  127 
 server/src/main/java/com/doumee/dao/business/model/Seo.java                |    3 
 server/src/main/resources/templates/mobile/cooperationMobile.html          |   64 
 server/src/main/resources/templates/mobile/css/about.css                   |  140 -
 server/src/main/resources/templates/mobile/css/nationalFitness.css         |  139 -
 server/src/main/resources/templates/mobile/css/cooperation.css             |  139 -
 server/src/main/java/com/doumee/service/business/impl/SeoServiceImpl.java  |    2 
 server/src/main/resources/templates/mobile/indexMobile.html                |   67 
 server/src/main/resources/templates/mobile/dynamicMobile.html              |  148 +
 server/src/main/resources/templates/mobile/css/campusSports.css            |  139 -
 server/src/main/resources/templates/mobile/css/dynamic.css                 |  139 -
 server/src/main/resources/templates/components/nav.html                    |   50 
 server/src/main/resources/templates/mobile/soSmartSpaceMobile.html         |  141 +
 server/src/main/resources/templates/mobile/dynamicDetailMobile.html        |   23 
 server/src/main/resources/templates/mobile/intelligentVenueMobile.html     |  319 ++
 server/src/main/resources/templates/mobile/images/icon/icon.ico            |    0 
 63 files changed, 4,878 insertions(+), 2,841 deletions(-)

diff --git a/admin/src/views/business/seo.vue b/admin/src/views/business/seo.vue
index d26a411..e920d78 100644
--- a/admin/src/views/business/seo.vue
+++ b/admin/src/views/business/seo.vue
@@ -8,7 +8,7 @@
       <el-form-item label="鏍囬" prop="title">
         <el-input v-model="searchForm.title" placeholder="璇疯緭鍏ユ爣棰�" @keypress.enter.native="search"></el-input>
       </el-form-item>
-      <el-form-item label="鍏抽敭瀛�" prop="keywords">
+      <el-form-item label="鍏抽敭瀛�" prop="keywords" >
         <el-input v-model="searchForm.keywords" placeholder="璇疯緭鍏ュ叧閿瓧" @keypress.enter.native="search"></el-input>
       </el-form-item>
       <el-form-item label="椤甸潰鍦板潃" prop="pageAddr">
@@ -33,13 +33,13 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="name" label="椤甸潰鍚嶇О" min-width="100px"></el-table-column>
-        <el-table-column prop="title" label="鏍囬" min-width="100px"></el-table-column>
-        <el-table-column prop="keywords" label="鍏抽敭瀛�" min-width="150px"></el-table-column>
-        <el-table-column prop="author" label="浣滆�呬俊鎭�" min-width="100px"></el-table-column>
-        <el-table-column prop="pageAddr" label="椤甸潰鍦板潃" min-width="150px"></el-table-column>
-        <el-table-column prop="remark" label="鎻忚堪" min-width="100px"></el-table-column>
-        <el-table-column prop="imgalt" label="鍥剧墖alt" min-width="100px"></el-table-column>
+        <el-table-column prop="name" label="椤甸潰鍚嶇О" min-width="180px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="pageAddr" label="椤甸潰鍦板潃" min-width="150px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="title" label="鏍囬" min-width="200px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="keywords" label="鍏抽敭瀛�" min-width="150px" show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="author" label="浣滆�呬俊鎭�" min-width="100px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="remark" label="鎻忚堪" min-width="100px" show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="imgalt" label="鍥剧墖alt" min-width="100px"  show-tooltip-when-overflow="true"></el-table-column>
         <el-table-column prop="sortnum" label="鎺掑簭鐮�" min-width="100px"></el-table-column>
         <el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150px"></el-table-column>
         <el-table-column prop="editorName" label="鎿嶄綔浜�" min-width="100px"></el-table-column>
@@ -84,7 +84,8 @@
         title: '',
         keywords: '',
         author: '',
-        pageAddr: ''
+        pageAddr: '',
+        type:0
       }
     }
   },
diff --git a/admin/src/views/business/seoH5.vue b/admin/src/views/business/seoH5.vue
new file mode 100644
index 0000000..0cc37bb
--- /dev/null
+++ b/admin/src/views/business/seoH5.vue
@@ -0,0 +1,102 @@
+<template>
+  <TableLayout :permissions="['business:seo:query']">
+    <!-- 鎼滅储琛ㄥ崟 -->
+    <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline>
+      <el-form-item label="椤甸潰鍚嶇О" prop="name">
+        <el-input v-model="searchForm.name" placeholder="璇疯緭鍏ラ〉闈㈠悕绉�" @keypress.enter.native="search"></el-input>
+      </el-form-item>
+      <el-form-item label="鏍囬" prop="title">
+        <el-input v-model="searchForm.title" placeholder="璇疯緭鍏ユ爣棰�" @keypress.enter.native="search"></el-input>
+      </el-form-item>
+      <el-form-item label="鍏抽敭瀛�" prop="keywords" >
+        <el-input v-model="searchForm.keywords" placeholder="璇疯緭鍏ュ叧閿瓧" @keypress.enter.native="search"></el-input>
+      </el-form-item>
+      <el-form-item label="椤甸潰鍦板潃" prop="pageAddr">
+        <el-input v-model="searchForm.pageAddr" placeholder="璇疯緭鍏ラ〉闈㈠湴鍧�" @keypress.enter.native="search"></el-input>
+      </el-form-item>
+      <section>
+        <el-button type="primary" @click="search">鎼滅储</el-button>
+        <el-button @click="reset">閲嶇疆</el-button>
+      </section>
+    </el-form>
+    <!-- 琛ㄦ牸鍜屽垎椤� -->
+    <template v-slot:table-wrap>
+      <ul class="toolbar" v-permissions="['business:seo:create', 'business:seo:delete']">
+        <li><el-button type="primary" @click="$refs.operaSeoWindow.open('鏂板缓缃戠珯SEO閰嶇疆')" icon="el-icon-plus" v-permissions="['business:seo:create']">鏂板缓</el-button></li>
+        <li><el-button @click="deleteByIdInBatch" icon="el-icon-delete" v-permissions="['business:seo:delete']">鍒犻櫎</el-button></li>
+      </ul>
+      <el-table
+         :height="tableHeightNew"
+        v-loading="isWorking.search"
+        :data="tableData.list"
+        stripe
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55"></el-table-column>
+        <el-table-column prop="name" label="椤甸潰鍚嶇О" min-width="180px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="pageAddr" label="椤甸潰鍦板潃" min-width="150px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="title" label="鏍囬" min-width="200px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="keywords" label="鍏抽敭瀛�" min-width="150px" show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="author" label="浣滆�呬俊鎭�" min-width="100px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="remark" label="鎻忚堪" min-width="100px" show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="imgalt" label="鍥剧墖alt" min-width="100px"  show-tooltip-when-overflow="true"></el-table-column>
+        <el-table-column prop="sortnum" label="鎺掑簭鐮�" min-width="100px"></el-table-column>
+        <el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150px"></el-table-column>
+        <el-table-column prop="editorName" label="鎿嶄綔浜�" min-width="100px"></el-table-column>
+        <el-table-column
+          v-if="containPermissions(['business:seo:update', 'business:seo:delete'])"
+          label="鎿嶄綔"
+          min-width="120"
+          fixed="right"
+        >
+          <template slot-scope="{row}">
+            <el-button type="text" @click="$refs.operaSeoWindow.open('缂栬緫缃戠珯SEO閰嶇疆', row)" icon="el-icon-edit" v-permissions="['business:seo:update']">缂栬緫</el-button>
+            <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:seo:delete']">鍒犻櫎</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        @size-change="handleSizeChange"
+        @current-change="handlePageChange"
+        :pagination="tableData.pagination"
+      >
+      </pagination>
+    </template>
+    <!-- 鏂板缓/淇敼 -->
+    <OperaSeoWindow ref="operaSeoWindow" @success="handlePageChange"/>
+  </TableLayout>
+</template>
+
+<script>
+import BaseTable from '@/components/base/BaseTable'
+import TableLayout from '@/layouts/TableLayout'
+import Pagination from '@/components/common/Pagination'
+import OperaSeoWindow from '@/components/business/OperaSeoWindow'
+export default {
+  name: 'Seo',
+  extends: BaseTable,
+  components: { TableLayout, Pagination, OperaSeoWindow },
+  data () {
+    return {
+      // 鎼滅储
+      searchForm: {
+        name: '',
+        title: '',
+        keywords: '',
+        author: '',
+        pageAddr: '',
+        type:1
+      }
+    }
+  },
+  created () {
+    this.config({
+      module: '缃戠珯SEO閰嶇疆',
+      api: '/business/seo',
+      'field.id': 'id',
+      'field.main': 'id'
+    })
+    this.search()
+  }
+}
+</script>
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
index 1f304a9..55679f7 100644
--- a/admin/src/views/index.vue
+++ b/admin/src/views/index.vue
@@ -1,51 +1,105 @@
 <template>
-  <div class="main_home">
+  <div class="main_home"  style="padding-bottom: 30px;">
     <div class="home_header">
       <div class="mb10 fs17">涓嬪崍濂斤紝{{ userInfo.realname }}</div>
       <div class="fs13">
         浠婂ぉ鏄� {{ nowDate }} {{ nowWeek }}锛屾杩庤闂眴绫宠烦璺冲畼缃戝悗鍙扮鐞嗗钩鍙�
       </div>
-      <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
-        銆愮綉绔欓潤鎬佸寲銆�
+      <div style="border: 1px solid #cccccc;padding: 20px;margin-top: 30px;">
+        <div style="font-size: 20px;font-weight: bold;color: #144077">
+          銆怭C缃戠珯闈欐�佸寲銆�
+        </div>
+        <div class="content">
+          <el-button class="btn" :loading="loading[0]"  type="primary" @click="staticPage(0)">棣栭〉</el-button>
+          <el-button class="btn" :loading="loading[6]"  type="primary"  @click="staticPage(6)">Alot鐗╄仈</el-button>
+          <el-button class="btn" :loading="loading[5]"  type="primary" @click="staticPage(5)">鏈�鏂板姩鎬�</el-button>
+          <el-button class="btn" :loading="loading[3]"  type="primary" @click="staticPage(3)">鍏充簬鎴戜滑</el-button>
+          <el-button class="btn" :loading="loading[4]"  type="primary" @click="staticPage(4)">娓犻亾鍚堜綔</el-button>
+        </div>
+        <div class="content">
+          <el-button class="btn" :loading="loading[7]"   type="primary" @click="staticPage(7)">鏈�鏂板姩鎬佽鎯�</el-button>
+          <el-button class="btn" :loading="loading[9]"  type="primary" @click="staticPage(9)">瀹㈡埛妗堜緥璇︽儏</el-button>
+          <el-button class="btn" :loading="loading[9]"  type="primary" @click="staticPage(14)">杞挱鍥捐鎯�</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+          銆愭櫤鎱х郴缁熼潤鎬佸寲銆�
+        </div>
+        <div class="content">
+          <el-button class="btn" :loading="loading[1]"  type="primary" @click="staticPage(1)">鏅烘収绯荤粺杩愯惀绯荤粺</el-button>
+          <el-button class="btn" :loading="loading[2]"  type="primary" @click="staticPage(2)">鏅烘収绯荤粺杩愮淮绯荤粺</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+          銆愯В鍐虫柟妗堥潤鎬佸寲銆�
+        </div>
+        <div class="content">
+          <el-button class="btn" :loading="loading[8]"  type="primary" @click="staticPage(8)">鏁版櫤浣撹偛鍦洪</el-button>
+          <el-button class="btn" :loading="loading[10]"  type="primary" @click="staticPage(10)">24H鏅鸿兘鍦洪</el-button>
+          <el-button class="btn" :loading="loading[11]"  type="primary" @click="staticPage(11)">鏅尯&娓镐箰鍥�</el-button>
+          <el-button class="btn" :loading="loading[12]"  type="primary" @click="staticPage(12)">鏁版櫤浣撹偛骞冲彴</el-button>
+          <el-button class="btn" :loading="loading[13]"  type="primary" @click="staticPage(13)">绌洪棿鏅烘収绠$悊</el-button>
+        </div>
       </div>
-      <div class="content">
-        <el-button class="btn" :loading="loading[0]"  type="primary" @click="staticPage(0)">棣栭〉</el-button>
-        <el-button class="btn" :loading="loading[6]"  type="primary"  @click="staticPage(6)">Alot鐗╄仈</el-button>
-        <el-button class="btn" :loading="loading[5]"  type="primary" @click="staticPage(5)">鏈�鏂板姩鎬�</el-button>
-        <el-button class="btn" :loading="loading[3]"  type="primary" @click="staticPage(3)">鍏充簬鎴戜滑</el-button>
-        <el-button class="btn" :loading="loading[4]"  type="primary" @click="staticPage(4)">娓犻亾鍚堜綔</el-button>
-      </div>
-      <div class="content">
-        <el-button class="btn" :loading="loading[7]"   type="primary" @click="staticPage(7)">鏈�鏂板姩鎬佽鎯�</el-button>
-        <el-button class="btn" :loading="loading[9]"  type="primary" @click="staticPage(9)">瀹㈡埛妗堜緥璇︽儏</el-button>
-        <el-button class="btn" :loading="loading[9]"  type="primary" @click="staticPage(14)">杞挱鍥捐鎯�</el-button>
-      </div>
-      <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
-        銆愭櫤鎱х郴缁熼潤鎬佸寲銆�
-      </div>
-      <div class="content">
-        <el-button class="btn" :loading="loading[1]"  type="primary" @click="staticPage(1)">鏅烘収绯荤粺杩愯惀绯荤粺</el-button>
-        <el-button class="btn" :loading="loading[2]"  type="primary" @click="staticPage(2)">鏅烘収绯荤粺杩愮淮绯荤粺</el-button>
-      </div>
-      <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
-        銆愯В鍐虫柟妗堥潤鎬佸寲銆�
-      </div>
-      <div class="content">
-        <el-button class="btn" :loading="loading[8]"  type="primary" @click="staticPage(8)">鏁版櫤浣撹偛鍦洪</el-button>
-        <el-button class="btn" :loading="loading[10]"  type="primary" @click="staticPage(10)">24H鏅鸿兘鍦洪</el-button>
-        <el-button class="btn" :loading="loading[11]"  type="primary" @click="staticPage(11)">鏅尯&娓镐箰鍥�</el-button>
-        <el-button class="btn" :loading="loading[12]"  type="primary" @click="staticPage(12)">鏁版櫤浣撹偛骞冲彴</el-button>
-        <el-button class="btn" :loading="loading[13]"  type="primary" @click="staticPage(13)">绌洪棿鏅烘収绠$悊</el-button>
-      </div>
-      <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
-        銆愭墜鏈虹闈欐�佸寲銆�
-      </div>
-      <div class="content">
-        <el-button class="btn1" :loading="loadingMobile[0]"  type="primary" @click="staticPageMobile(0)">棣栭〉</el-button>
-<!--        <el-button class="btn" :loading="loading[10]"  type="primary" @click="staticPage(10)">24H鏅鸿兘鍦洪</el-button>
-        <el-button class="btn" :loading="loading[11]"  type="primary" @click="staticPage(11)">鏅尯&娓镐箰鍥�</el-button>
-        <el-button class="btn" :loading="loading[12]"  type="primary" @click="staticPage(12)">鏁版櫤浣撹偛骞冲彴</el-button>
-        <el-button class="btn" :loading="loading[13]"  type="primary" @click="staticPage(13)">绌洪棿鏅烘収绠$悊</el-button>-->
+      <div style="border: 1px solid #cccccc;padding: 20px;margin-top: 30px;">
+        <div style="font-size: 20px;font-weight: bold; color: #144077">
+          銆愭墜鏈虹闈欐�佸寲銆�
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[0]"  type="primary" @click="staticPageMobile(0)">棣栭〉</el-button>
+          <el-button class="btn1" :loading="loadingMobile[21]"  type="primary" @click="staticPageMobile(21)">鏅尯&娓镐箰鍥�</el-button>
+          <el-button class="btn1" :loading="loading[18]"  type="primary" @click="staticPageMobile(18)">瀹㈡埛妗堜緥璇︽儏</el-button>
+          <el-button class="btn1" :loading="loading[19]"  type="primary" @click="staticPageMobile(19)">杞挱鍥捐鎯�</el-button>
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[20]"  type="primary" @click="staticPageMobile(20)">娓犻亾鍚堜綔</el-button>
+          <el-button class="btn1" :loading="loadingMobile[21]"  type="primary" @click="staticPageMobile(21)">鍏充簬鎴戜滑</el-button>
+          <el-button class="btn1" :loading="loadingMobile[16]"   type="primary" @click="staticPageMobile(16)">鏈�鏂板姩鎬�</el-button>
+          <el-button class="btn1" :loading="loadingMobile[22]"   type="primary" @click="staticPageMobile(22)">鏈�鏂板姩鎬佸垪琛�</el-button>
+          <el-button class="btn1" :loading="loadingMobile[17]"   type="primary" @click="staticPageMobile(17)">鏈�鏂板姩鎬佽鎯�</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold;margin-top: 30px;color: #144077">
+          銆愰椤佃В鍐虫柟妗堛��
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loading[11]"  type="primary" @click="staticPageMobile(11)">鏁版櫤浣撹偛鍦洪</el-button>
+          <el-button class="btn1" :loading="loading[12]"  type="primary" @click="staticPageMobile(12)">24H鏅鸿兘鍦洪</el-button>
+          <el-button class="btn1" :loading="loading[13]"  type="primary" @click="staticPageMobile(13)">鏁版櫤浣撹偛骞冲彴</el-button>
+          <el-button class="btn1" :loading="loading[14]"  type="primary" @click="staticPageMobile(14)">鏅尯&娓镐箰鍥�</el-button>
+          <el-button class="btn1" :loading="loading[15]"  type="primary" @click="staticPageMobile(15)">绌洪棿鏅烘収绠$悊</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+          銆愭櫤鎱х郴缁熴��
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[1]"  type="primary" @click="staticPageMobile(1)">鏅烘収绯荤粺杩愯惀绯荤粺</el-button>
+          <el-button class="btn1" :loading="loadingMobile[2]"  type="primary" @click="staticPageMobile(2)">鏅烘収绯荤粺杩愮淮绯荤粺</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+          銆愭暟鏅轰綋鑲插満棣嗐��
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[3]"  type="primary" @click="staticPageMobile(3)">缁煎悎浣撹偛鍦洪</el-button>
+          <el-button class="btn1" :loading="loadingMobile[4]"  type="primary" @click="staticPageMobile(4)">鍏ㄦ皯鍋ヨ韩涓績</el-button>
+          <el-button class="btn1" :loading="loadingMobile[5]"  type="primary" @click="staticPageMobile(5)">鏍″洯浣撹偛鍦洪</el-button>
+          <el-button class="btn1" :loading="loadingMobile[6]"  type="primary" @click="staticPageMobile(6)">鍐伴洩浣撹偛鍦洪</el-button>
+          <el-button class="btn1" :loading="loadingMobile[7]"  type="primary" @click="staticPageMobile(7)">娓告吵浣撹偛鍦洪</el-button>
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[8]"  type="primary" @click="staticPageMobile(8)">鏅烘収浣撹偛鍏洯</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+          銆�24H鏅鸿兘鍦洪銆�
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[9]"  type="primary" @click="staticPageMobile(9)">24H鏅鸿兘鍦洪</el-button>
+          <el-button class="btn1" :loading="loadingMobile[10]"  type="primary" @click="staticPageMobile(10)">鏃犱汉鍊煎畧鍦洪</el-button>
+        </div>
+        <div style="font-size: 20px;font-weight: bold; color: #144077;margin-top: 30px;">
+          銆愭暟鏅轰綋鑲插钩鍙般��
+        </div>
+        <div class="content">
+          <el-button class="btn1" :loading="loadingMobile[11]"  type="primary" @click="staticPageMobile(11)">浣撹偛杩為攣杩愯惀骞冲彴</el-button>
+          <el-button class="btn1" :loading="loadingMobile[12]"  type="primary" @click="staticPageMobile(12)">鐪佸競绾ф暟鏅轰綋鑲插満棣�</el-button>
+        </div>
       </div>
     </div>
   </div>
@@ -61,7 +115,7 @@
   data () {
     return {
       loading:[false,false,false,false,false,false,false,false,false,false],
-      loadingMobile:[false,false,false,false,false,false,false,false,false,false]
+      loadingMobile:[false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false,false]
     }
   },
   computed: {
diff --git a/mobile/images/banner_yunying@2x.png b/mobile/images/banner_yunying@2x.png
index 984cab7..9125a95 100644
--- a/mobile/images/banner_yunying@2x.png
+++ b/mobile/images/banner_yunying@2x.png
Binary files differ
diff --git a/server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java b/server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java
index 9d0d0e7..4da47ed 100644
--- a/server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java
+++ b/server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java
@@ -243,11 +243,10 @@
             throw new BusinessException(ResponseStatus.BAD_REQUEST);
         }
 
-//        freeMarkerConfigurer.setPreferFileSystemAccess(true);
-//        freeMarkerConfigurer.setTemplateLoaderPath(queryByCode(Constants.SYSTEM,Constants.PAGE_TEMPLATES_PATH).getCode());
         String flt = objIndex.getTemplate();//妯$増鍚嶇О
         String html = objIndex.getHtml();//椤甸潰鍚嶇О
         String domain = queryByCode(Constants.SYSTEM,Constants.WEB_DOMAIN).getCode();
+        String gitUrl = queryByCode(Constants.SYSTEM,Constants.GIT_CODR_URL).getCode();
         String htmlPath = queryByCode(Constants.SYSTEM,Constants.STATIC_PAGES_PATH).getCode();
 //          domain = ".";
 //          htmlPath = "D://static/";
@@ -257,12 +256,17 @@
         }
         Map<String,Object> dataMap = new HashMap<>();
         dataMap.put("webDomain",domain);
+        dataMap.put("gitCodeUrl",gitUrl);
         dataMap.put("navIndex",objIndex.getNavIndex());
         List<Seo> seoList = seoMapper.selectList(new LambdaQueryWrapper<Seo>().eq(Seo::getIsdeleted,Constants.ZERO));
         Seo seo =getSeoByHtml(objIndex.getTemplate(),seoList);
         dataMap.put("seo",seo);
         initDataMapByPage(dataMap);
         if(objIndex.getKey() == Constants.PageIndex.dynamicsDetail.getKey() || objIndex.getKey() == Constants.PageIndex.casesDetail.getKey() ){
+            File f = new File(htmlPath+"dynamics/");
+            if(!f.exists()){
+                f.mkdirs();
+            }
             List<Information> dataList =getInfomationListByType(objIndex.getKey() == Constants.PageIndex.dynamicsDetail.getKey() ?Constants.ZERO:Constants.ONE,null);
             generateDetailsHtml(dataList,dataMap,flt,htmlPath+html);//鍗曟枃浠舵暟鎹�
         }else
@@ -299,8 +303,6 @@
         if(objIndex == null){
             throw new BusinessException(ResponseStatus.BAD_REQUEST);
         }
-//        freeMarkerConfigurer.setPreferFileSystemAccess(true);
-//        freeMarkerConfigurer.setTemplateLoaderPaths(queryByCode(Constants.SYSTEM,Constants.PAGE_TEMPLATES_PATH_MOBILE).getCode());
         String flt = objIndex.getTemplate();//妯$増鍚嶇О
         String html = objIndex.getHtml();//椤甸潰鍚嶇О
         String domain = queryByCode(Constants.SYSTEM,Constants.WEB_DOMAIN_MOBILE).getCode();
@@ -312,34 +314,51 @@
         Map<String,Object> dataMap = new HashMap<>();
         dataMap.put("webDomain",domain);
         dataMap.put("navIndex",objIndex.getNavIndex());
+        dataMap.put("template",flt);
         List<Seo> seoList = seoMapper.selectList(new LambdaQueryWrapper<Seo>().eq(Seo::getIsdeleted,Constants.ZERO));
         Seo seo =getSeoByHtml(objIndex.getTemplate(),seoList);
         dataMap.put("seo",seo);
         initDataMapByPage(dataMap);
-        if(objIndex.getKey() == Constants.MobilePageIndex.dynamicsDetail.getKey() || objIndex.getKey() == Constants.PageIndex.casesDetail.getKey() ){
-            List<Information> dataList =getInfomationListByType(objIndex.getKey() == Constants.MobilePageIndex.dynamicsDetail.getKey() ?Constants.ZERO:Constants.ONE,null);
+        if(objIndex.getKey() == Constants.MobilePageIndex.dynamicDetail.getKey() || objIndex.getKey() == Constants.PageIndex.casesDetail.getKey() ){
+            File f = new File(htmlPath+"dynamics/");
+            if(!f.exists()){
+                f.mkdirs();
+            }
+            List<Information> dataList =getInfomationListByType(objIndex.getKey() == Constants.MobilePageIndex.dynamicDetail.getKey() ?Constants.ZERO:Constants.ONE,null);
             generateDetailsHtml(dataList,dataMap,flt,htmlPath+html);//鍗曟枃浠舵暟鎹�
-        }else
-        if(objIndex.getKey() == Constants.MobilePageIndex.bannerDetails.getKey()   ){
+        }else  if(objIndex.getKey() == Constants.MobilePageIndex.bannerDetails.getKey()   ){
             List<Carousel> dataList = carouselMapper.selectList(new LambdaQueryWrapper<Carousel>()
                     .eq(Carousel::getIsdeleted,Constants.ZERO)
                     .eq(Carousel::getJumpType,Constants.ONE)//澶栭摼
                     .orderByDesc(Carousel::getSortnum ,Carousel::getCreateDate));
             generateBannerDetailsHtml(dataList,dataMap,flt,htmlPath+html);//鍗曟枃浠舵暟鎹�
-        }else{
-            if(objIndex.getKey() == Constants.MobilePageIndex.dynamics.getKey() || objIndex.getKey() == Constants.MobilePageIndex.casesDetail.getKey() ){
-                dataMap.put("dataList", getInfomationListByType(objIndex.getKey() == Constants.MobilePageIndex.dynamics.getKey() ?Constants.ZERO:Constants.ONE,null));
+        }else  if(objIndex.getKey() == Constants.MobilePageIndex.dynamics.getKey() ){
+            List<Information> zixunList =  getInfomationListByType( Constants.ZERO,null);
+            //鎵�灞炴ā鍧� 0琛屼笟璧勮銆�1杩愯惀缁忛獙銆�2鍔熻兘浠嬬粛銆�3甯傚満淇℃伅
+
+            dataMap.put("gongnengJs", getModelListFromListByModule( zixunList ,Constants.TWO));
+            dataMap.put("hangyeZx", getModelListFromListByModule( zixunList ,Constants.ZERO));
+            dataMap.put("shichangXx", getModelListFromListByModule( zixunList ,Constants.THREE));
+            for (int i = 0; i < 4; i++) {
+                dataMap.put("pageTitle",i==0?"琛屼笟璧勮":(i==1?"杩愯惀缁忛獙":(i==2?"鍔熻兘浠嬬粛":"甯傚満淇℃伅")));
+                dataMap.put("dataList", getModelListFromListByModule( zixunList,i));
+                generateSingleHtml(dataMap,flt,htmlPath+(html.replace("${type}",i+"")));//鍗曟枃浠舵暟鎹�
             }
+        }else{
             if(objIndex.getKey() == Constants.MobilePageIndex.index.getKey()){
                 //濡傛灉鏄椤�
                 dataMap.put("bannerList",  carouselMapper.selectList(new LambdaQueryWrapper<Carousel>()
                         .eq(Carousel::getIsdeleted,Constants.ZERO)
                         .orderByDesc(Carousel::getSortnum ,Carousel::getCreateDate)));
                 dataMap.put("caseList", getInfomationListByType( Constants.ONE,null));
+            }
+            if(objIndex.getKey() == Constants.MobilePageIndex.index.getKey()
+                    ||objIndex.getKey() == Constants.MobilePageIndex.dynamicIndex.getKey()){
+                //濡傛灉鏄椤�
                 List<Information> zixunList =  getInfomationListByType( Constants.ZERO,null);
                 //鎵�灞炴ā鍧� 0琛屼笟璧勮銆�1杩愯惀缁忛獙銆�2鍔熻兘浠嬬粛銆�3甯傚満淇℃伅
-                dataMap.put("yunyingJy", getModelFromListByModule( zixunList ,Constants.ONE));
-                dataMap.put("gongnengJs", getModelFromListByModule( zixunList ,Constants.TWO));
+                dataMap.put("yunyingJy", getModelListFromListByModule( zixunList ,Constants.ONE));
+                dataMap.put("gongnengJs", getModelListFromListByModule( zixunList ,Constants.TWO));
                 dataMap.put("hangyeZx", getModelListFromListByModule( zixunList ,Constants.ZERO));
                 dataMap.put("shichangXx", getModelListFromListByModule( zixunList ,Constants.THREE));
             }
@@ -403,6 +422,10 @@
         }
         for(Information data :dataList){
             dataMap.put("data",data);
+            if(Constants.equalsInteger(data.getType(),Constants.ZERO)){
+                int i = Constants.formatIntegerNum(data.getModule());
+                dataMap.put("pageTitle",i==0?"琛屼笟璧勮":(i==1?"杩愯惀缁忛獙":(i==2?"鍔熻兘浠嬬粛":"甯傚満淇℃伅")));
+            }
             String tt =htmlPath.replace("${id}",data.getId()+"");
             generateSingleHtml(dataMap,flt,tt);//鍗曟枃浠舵暟鎹�
         }
@@ -458,6 +481,12 @@
         String path = findDictDataByLabel(dictDataList,Constants.FILE_DIR);
         footDataVO.setFileDir(path);
         footDataVO.setFootWords(findDictDataByLabel(dictDataList,Constants.FOOT_WORDS));
+        String temp = footDataVO.getFootWords();
+        footDataVO.setFootWords1(temp);
+        if(StringUtils.indexOf(temp,"dmtt.run")>0){
+            footDataVO.setFootWords1(temp.substring(0,StringUtils.indexOf(temp,"dmtt.run")));
+            footDataVO.setFootWords2(temp.substring(StringUtils.indexOf(temp,"dmtt.run") + "dmtt.run".length()));
+        }
         footDataVO.setQyemail(findDictDataByLabel(dictDataList,Constants.QYEMAIL));
         footDataVO.setFootImgUrl(findDictDataByLabel(dictDataList,Constants.FOOT_IMGURL));
         footDataVO.setFootFullImgUrl(path+ footDataVO.getFootImgUrl());
diff --git a/server/src/main/java/com/doumee/core/constants/Constants.java b/server/src/main/java/com/doumee/core/constants/Constants.java
index 6a01626..fb58a3a 100644
--- a/server/src/main/java/com/doumee/core/constants/Constants.java
+++ b/server/src/main/java/com/doumee/core/constants/Constants.java
@@ -57,10 +57,9 @@
     public static final Integer FIVE = 5;
     public static final String WEB_DOMAIN = "WEB_DOMAIN";
     public static final String WEB_DOMAIN_MOBILE = "WEB_DOMAIN_MOBILE";
-    public static final String PAGE_TEMPLATES_PATH = "PAGE_TEMPLATES_PATH";
-    public static final String PAGE_TEMPLATES_PATH_MOBILE = "PAGE_TEMPLATES_PATH_MOBILE";
     public static final String STATIC_PAGES_PATH_MOBILE ="STATIC_PAGES_PATH_MOBILE" ;
     public static final String STATIC_PAGES_PATH ="STATIC_PAGES_PATH" ;
+    public static final String GIT_CODR_URL = "GIT_CODR_URL";
     public static boolean WORKORDER_SHE_EMAIL_SENDING = false;
     public static  boolean DEALING_COMPANY_SYNC = false ;
     public static  boolean DEALING_MEMBER_SYNC = false ;
@@ -112,22 +111,30 @@
     }
     @Getter
     public enum MobilePageIndex {
-        defaultPage(  -1, "榛樿椤�", "default.html","default.html",-1),
-        index(  0, "棣栭〉","indexMobile.html","index.html",0),
-        zhxt(  1, "鏅烘収鍦洪杩愯惀绯荤粺","intelligent_system.html","intelligent_system.html",1),
-        zhxt2(  2, "鏅烘収鍦洪杩愮淮绯荤粺","operation.html","operation.html",1),
-        about(  3, "鍏充簬鎴戜滑","about.html","about.html",5),
-        operation(  4, "娓犻亾鍚堜綔","aboutChannel.html","aboutChannel.html",6),
-        dynamics(  5, "鏈�鏂板姩鎬�","dynamics.html","dynamics.html",4),
-        alot(  6, "alot鐗╄仈","alot.html","alot.html",3),
-        dynamicsDetail(  7, "鏈�鏂板姩鎬佽鎯�","dynamics_details.html","dynamics/${id}.html",4),
-        solution(  8, "瑙e喅鏂规-鏁版櫤浣撹偛鍦洪","solution.html","solution.html",2),
-        casesDetail(  9, "瀹㈡埛妗堜緥璇︽儏椤�","case_details.html","cases/${id}.html",0),
-        solutioMeadowlands(  10, "瑙e喅鏂规-24H鏅鸿兘鍦洪","solution-meadowlands.html","solution-meadowlands.html",2),
-        solutionSport(  11, "瑙e喅鏂规-鏅尯&娓镐箰鍥�","solution-sport.html","solution-sport.html",2),
-        solutionScenicSpot(  12, "瑙e喅鏂规-鏁版櫤浣撹偛骞冲彴","solution-scenicSpot.html","solution-scenicSpot.html",2),
-        solutionSpace(  13, "瑙e喅鏂规-绌洪棿鏅烘収绠$悊","solution-space.html","solution-space.html",2),
-        bannerDetails(  14, "棣栭〉-杞挱鍥捐鎯�","banner_details.html","banners/${id}.html",0);
+        defaultPage(  -1, "榛樿椤�", "defaultMobile.html","defaultMobile.html",-1),
+        index(  0, "棣栭〉","indexMobile.html","indexMobile.html",0),
+        intelligentSystemMobile(  1, "鏅烘収鍦洪杩愯惀绯荤粺","intelligentSystemMobile.html","intelligentSystemMobile.html",1),
+        intelligentSystemYwMobile(  2, "鏅烘収鍦洪杩愮淮绯荤粺","intelligentSystemYwMobile.html","intelligentSystemYwMobile.html",1),
+        sportsVenueMobile(  3, "缁煎悎浣撹偛鍦洪","sportsVenueMobile.html","sportsVenueMobile.html",5),
+        nationalFitnessMobile(  4, "鍏ㄦ皯鍋ヨ韩涓績","nationalFitnessMobile.html","nationalFitnessMobile.html",6),
+        campusSportsMobile(  5, "鏍″洯浣撹偛鍦洪","campusSportsMobile.html","campusSportsMobile.html",4),
+        IceSnowSportsMobile(  6, "鍐伴洩浣撹偛鍦洪","IceSnowSportsMobile.html","IceSnowSportsMobile.html",3),
+        swimmingSportsMobile(  7, "娓告吵浣撹偛鍦洪","swimmingSportsMobile.html","swimmingSportsMobile.html",4),
+        smartSportsParkMobile(  8, "鏅烘収浣撹偛鍏洯","smartSportsParkMobile.html","smartSportsParkMobile.html",2),
+        intelligentVenueMobile(  9, "24H鏅鸿兘鍦洪","intelligentVenueMobile.html","intelligentVenueMobile.html",0),
+        unattendedMobile(  10, "鏃犱汉鍊煎畧鍦洪","unattendedMobile.html","unattendedMobile.html",2),
+        soSmartVenueMobile(  11, "瑙e喅鏂规-鏁版櫤浣撹偛鍦洪","soSmartVenueMobile.html","soSmartVenueMobile.html",2),
+        soUnmannedVenueMobile(  12, "瑙e喅鏂规-鏃犱汉鍦洪","soUnmannedVenueMobile.html","soUnmannedVenueMobile.html",2),
+        soSportsPlatformMobile(  13, "瑙e喅鏂规-鏁版櫤浣撹偛骞冲彴","soSportsPlatformMobile.html","soSportsPlatformMobile.html",2),
+        soScenicAreaMobile(  14, "瑙e喅鏂规-鏅尯&娓镐箰鍥�","soScenicAreaMobile.html","soScenicAreaMobile.html",2),
+        soSmartSpaceMobile(  15, "瑙e喅鏂规-绌洪棿鏅烘収绠$悊","soSmartSpaceMobile.html","soSmartSpaceMobile.html",2),
+        dynamicIndex(  16, "鏈�鏂板姩鎬�","dynamicMobile.html","dynamicMobile.html",4),
+        dynamicDetail(  17, "鏈�鏂板姩鎬佽鎯�","dynamicDetailMobile.html","dynamics/${id}.html",4),
+        casesDetail(  18, "瀹㈡埛妗堜緥璇︽儏椤�","case_details.html","cases/${id}.html",0),
+        cooperationMobile(  20, "娓犻亾鍚堜綔","cooperationMobile.html","cooperationMobile.html",0),
+        aboutMobile(  21, "鍏充簬鎴戜滑","aboutMobile.html","aboutMobile.html",0),
+        dynamics(  22, "鏈�鏂板姩鎬�","dynamicListMobile.html","dynamicListMobile${type}.html",4),
+        bannerDetails(  19, "棣栭〉-杞挱鍥捐鎯�","banner_details.html","banners/${id}.html",0);
 
         private int key;
         private String name;
diff --git a/server/src/main/java/com/doumee/dao/business/model/Seo.java b/server/src/main/java/com/doumee/dao/business/model/Seo.java
index 66ceb69..c699eb7 100644
--- a/server/src/main/java/com/doumee/dao/business/model/Seo.java
+++ b/server/src/main/java/com/doumee/dao/business/model/Seo.java
@@ -87,5 +87,8 @@
     @ApiModelProperty(value = "鏇存柊浜虹紪鐮�", example = "1")
     @TableField(exist = false)
     private String editorName;
+    @ApiModelProperty(value = "绫诲瀷 0PC 1h5", example = "1")
+    @TableField(exist = false)
+    private Integer type;
 
 }
diff --git a/server/src/main/java/com/doumee/dao/vo/FootDataVO.java b/server/src/main/java/com/doumee/dao/vo/FootDataVO.java
index 1104cb2..e1d40ba 100644
--- a/server/src/main/java/com/doumee/dao/vo/FootDataVO.java
+++ b/server/src/main/java/com/doumee/dao/vo/FootDataVO.java
@@ -28,7 +28,10 @@
 
     @ApiModelProperty(value = "foot鏂囨")
     private String footWords;
-
+    @ApiModelProperty(value = "foot鏂囨1")
+    private String footWords1;
+    @ApiModelProperty(value = "foot鏂囨2")
+    private String footWords2;
     @ApiModelProperty(value = "鑱旂郴鐢佃瘽")
     private String linkPhone;
 
diff --git a/server/src/main/java/com/doumee/service/business/impl/SeoServiceImpl.java b/server/src/main/java/com/doumee/service/business/impl/SeoServiceImpl.java
index 4a10c23..b3c7033 100644
--- a/server/src/main/java/com/doumee/service/business/impl/SeoServiceImpl.java
+++ b/server/src/main/java/com/doumee/service/business/impl/SeoServiceImpl.java
@@ -149,6 +149,8 @@
                 .eq(pageWrap.getModel().getIsdeleted() != null, Seo::getIsdeleted, pageWrap.getModel().getIsdeleted())
                 .eq(pageWrap.getModel().getRemark() != null, Seo::getRemark, pageWrap.getModel().getRemark())
                 .like(pageWrap.getModel().getName() != null, Seo::getName, pageWrap.getModel().getName())
+                .notLike(pageWrap.getModel().getType() != null && pageWrap.getModel().getType() ==0, Seo::getPageAddr, "Mobile.html")
+                .like(pageWrap.getModel().getType() != null && pageWrap.getModel().getType() ==1, Seo::getPageAddr, "Mobile.html")
                 .like(pageWrap.getModel().getTitle() != null, Seo::getTitle, pageWrap.getModel().getTitle())
                 .like(pageWrap.getModel().getKeywords() != null, Seo::getKeywords, pageWrap.getModel().getKeywords())
                 .like(pageWrap.getModel().getAuthor() != null, Seo::getAuthor, pageWrap.getModel().getAuthor())
diff --git a/server/src/main/resources/templates/assets/common.css b/server/src/main/resources/templates/assets/common.css
index a7ed219..53f9866 100644
--- a/server/src/main/resources/templates/assets/common.css
+++ b/server/src/main/resources/templates/assets/common.css
@@ -191,7 +191,7 @@
     transform: translate(-50%, 0);
     background: #FF7900;
 }
-.nav-btn {
+/*.nav-btn {
     margin-left: 80px;
     flex-shrink: 0;
     width: 100px;
@@ -206,10 +206,8 @@
     border: none;
     cursor: pointer;
     transition: .5s;
-}
-.nav-btn:hover {
-    background: #FF8C24;
-}
+}*/
+
 .index-banner-c-c {
     width: 124px;
     height: 46px;
diff --git a/server/src/main/resources/templates/assets/images/top_logo@2x.png b/server/src/main/resources/templates/assets/images/top_logo@2x.png
index 2abcba4..30b6fcc 100644
--- a/server/src/main/resources/templates/assets/images/top_logo@2x.png
+++ b/server/src/main/resources/templates/assets/images/top_logo@2x.png
Binary files differ
diff --git a/server/src/main/resources/templates/components/nav.html b/server/src/main/resources/templates/components/nav.html
index a3dba3d..b203e94 100644
--- a/server/src/main/resources/templates/components/nav.html
+++ b/server/src/main/resources/templates/components/nav.html
@@ -151,19 +151,40 @@
         }
 
         .nav-btn {
-            margin-left: 80px;
+            margin-left: 10px;
             flex-shrink: 0;
-            width: 100px;
-            height: 44px;
-            line-height: 44px;
-            text-align: center;
-            background: #FF7900;
-            border-radius: 22px;
-            font-weight: 500;
-            font-size: 16px;
-            color: #FFFFFF;
-            border: none;
-            cursor: pointer;
+            .btn-code {
+                display:inline-block;
+                flex-shrink: 0;
+                width: 100px;
+                height: 44px;
+                line-height: 44px;
+                text-align: center;
+                border-radius: 22px;
+                border: 1px solid #FF7900;
+                font-weight: 500;
+                font-size: 16px;
+                color: #FF7900;
+                cursor: pointer;
+            }
+            .btn-use {
+                display:inline-block;
+                margin-left: 10px;
+                width: 100px;
+                height: 44px;
+                line-height: 44px;
+                text-align: center;
+                background: #FF7900;
+                border-radius: 22px;
+                font-weight: 500;
+                font-size: 16px;
+                color: #FFFFFF;
+                border: none;
+                cursor: pointer;
+            }
+             .btn-use:hover {
+                background: #FF8C24;
+            }
         }
     </style>
 <nav>
@@ -213,7 +234,10 @@
                     <#if navIndex ==6></if><div class="underline"></div></#if>
                 </li>
             </ul>
-            <a href="${webDomain}/aboutChannel.html" class="nav-btn">鍏嶈垂璇曠敤</a>
+            <div  class="nav-btn">
+                <a href="${gitCodeUrl}" target="_blank" class="btn-code">鑾峰彇婧愮爜</a>
+                <a href="${webDomain}/aboutChannel.html" class="btn-use">鍏嶈垂璇曠敤</a>
+            </div>
         </div>
     </div>
 </nav>
\ No newline at end of file
diff --git a/server/src/main/resources/templates/index.html b/server/src/main/resources/templates/index.html
index 58796da..c23851c 100644
--- a/server/src/main/resources/templates/index.html
+++ b/server/src/main/resources/templates/index.html
@@ -500,13 +500,15 @@
                     <div class="h-content-left-item">
                         <span>杩愯惀缁忛獙</span>
                         <a  href="${webDomain}/dynamics.html?module=1" target="_blank">
-                            <img alt="${seo.imgalt!''}" src="${bottom.fileDir!''}${yunyingJy.imgurl!''}"  />
+                            <div style="display:block;width: 100%; height: 134px; margin-top: 20px;background-image:url('${bottom.fileDir!''}${yunyingJy.imgurl!''}');
+background-size: 100% auto; background-position: center; background-repeat: no-repeat; "></div>
                         </a>
                     </div>
                     <div class="h-content-left-item">
                         <span>鍔熻兘浠嬬粛</span>
                         <a  href="${webDomain}/dynamics.html?module=2" target="_blank">
-                        <img alt="${seo.imgalt!''}" src="${bottom.fileDir!''}${gongnengJs.imgurl!''}"  />
+                            <div style="display:block; width: 100%; height: 134px; margin-top: 20px;background-image:url('${bottom.fileDir!''}${gongnengJs.imgurl!''}');
+background-size: 100% auto; background-position: center; background-repeat: no-repeat; "></div>
                         </a>
                     </div>
                 </div>
diff --git a/server/src/main/resources/templates/mobile/IceSnowSportsMobile.html b/server/src/main/resources/templates/mobile/IceSnowSportsMobile.html
new file mode 100644
index 0000000..f11a70e
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/IceSnowSportsMobile.html
@@ -0,0 +1,203 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/IceSnowSports.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'鍐伴洩浣撹偛鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">鍐伴洩浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鎻愪緵鍩轰簬鍐伴洩杩愬姩鐗硅壊鐨勬櫤鑳藉寲瑙e喅鏂规锛岄�傜敤浜庢粦鍐板満銆佹粦闆満绛夛紝婊¤冻鏃ュ父杩愬姩闇�姹傚強鏁欏鍩硅鍦烘櫙</div>
+            <img src="${webDomain}/images/img_bingxueguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鍐伴洩浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="${webDomain}/images/solution_bingxue@2x.png" />
+        </div>
+        <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/IceSnowSports.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/aboutMobile.html b/server/src/main/resources/templates/mobile/aboutMobile.html
new file mode 100644
index 0000000..45ac87f
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/aboutMobile.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/about.css">
+    <title>${seo.title!'鍏充簬鎴戜滑'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="banner">
+        <span class="banner_title">鍏充簬鎴戜滑 璞嗙背绉戞妧</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀绠$悊涓�绔欏紡鏈嶅姟骞冲彴</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鍏徃浠嬬粛</div>
+        <div class="fangan_info">10+鐨勭Н绱� 鎴戜滑鍒堕�犳爣鍑� 骞朵笉鏂洿鏂版爣鍑�</div>
+        <div class="fangan_content">
+            瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃锛屾垚绔嬩簬2014骞达紝鎬婚儴浣嶄簬鍚堣偉甯傦紝鏄浗瀹堕珮鏂版妧鏈紒涓氥�佸弻杞璇佷紒涓氥�佺鍒涙澘鎸傜墝浼佷笟銆傚叕鍙镐笓娉ㄥぇ鏁版嵁銆佷簰鑱旂綉銆佺墿鑱旂綉鍙夾I娣卞害瀛︿範绛夐鍩熸妧鏈殑鍒涙柊鐮斿彂锛屾寔缁仛鐒︽暟鏅轰綋鑲插钩鍙般�佹櫤鎱т綋鑲插満棣嗐��24H鏃犱汉鍊煎畧銆佹櫙鍖烘父涔愬洯銆佺┖闂存櫤鎱х鐞嗙郴缁熶簲澶т笟鍔℃柟鍚戙��
+            鍗佸骞存潵浠ユ簮澶存妧鏈垱鏂帮紝寮曢浜т笟铻嶅悎搴旂敤锛屾瀯寤鸿捣"浜�+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT"浜斾綅涓�浣撶殑绌洪棿鏅烘収鍖栬繍钀ョ鐞嗙郴缁燂紝鑷村姏涓烘枃浣撴梾琛屼笟鎻愪緵鏁村杞‖浠跺強鏅烘収鍦烘櫙瑙e喅鏂规锛屽姪鍔涘満棣嗗疄鐜板叏鍦烘櫙鏅鸿兘鍖栧崌绾ф敼閫狅紝鐩墠宸蹭负3000+鏂囦綋鏃呮彁渚涙湇鍔°��
+        </div>
+        <div class="fangan_image">
+            <img src="${webDomain}/images/img_doumee@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">瑕嗙洊澶氳涓氬満鏅� 婊¤冻涓嶅悓鐢ㄦ埛闇�姹�</div>
+        <div class="fangan_info" style="width: 312px;">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愬満鎵�鎻愪緵涓撲笟鐨勬暟鏅烘枃浣撴梾瑙e喅鏂规锛屼负鏀垮簻鍙婄浉鍏充綋鑲叉満鏋勬彁渚涗竴绔欏紡鏁版櫤浣撹偛鏈嶅姟骞冲彴鍜屽ぇ鏁版嵁鏈嶅姟</div>
+        <div class="fangan_image" style="height: 422px;">
+            <img src="${webDomain}/images/img_changjing@2x.png" />
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鍏徃璧勮川</div>
+        <div class="fangan_info" style="width: 312px;">10+鐨勭Н绱� 鎴戜滑鍒堕�犳爣鍑� 骞朵笉鏂洿鏂版爣鍑�</div>
+        <div class="fangan_image" style="height: 324px;">
+            <img src="${webDomain}/images/aboutus_img_zizhi@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #FFF6ED;">
+        <div class="fangan_title">鎴戜滑鐨勬湇鍔�</div>
+        <div class="fangan_info" style="width: 312px;">涓撲笟鏈嶅姟 鍒涢�犱环鍊�</div>
+        <div class="fangan_image" style="height: 57px;">
+            <img src="${webDomain}/images/wufu_ic_liuicheng@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">涓撲笟鏈嶅姟 鍏ㄧ▼璺熻繘</div>
+        <div class="fangan_info" style="width: 312px;">闈㈠悜鍚勭被鍨嬩綋鑲插満棣嗐�佷紤闂插ū涔愮┖闂存彁渚涗笓涓氫竴绔欏紡鏅烘収鍖栬В鍐虫柟妗�</div>
+        <div class="fangan_list">
+            <div class="fangan_list_item">
+                <div class="fangan_list_item_img">
+                    <img src="${webDomain}/images/fuwu_img_zhichi@2x.png" />
+                </div>
+                <div class="fangan_list_item_info">
+                    <span>搴旂敤鍩硅鏀寔</span>
+                    <span>鍩烘湰搴旂敤鍦烘櫙鍩硅锛屽揩閫熶笂鎵嬫搷浣滀娇鐢紱
+瀹氭湡绾夸笂鏁欏锛屾彁鍗囩鐞嗕汉鍛樹笟鍔℃妧鑳斤紱
+鏀寔绉诲姩瀛︿範锛屽晢鎴烽殢鏃堕殢鍦板挩璇㈠煿璁��</span>
+                    <img src="${webDomain}/images/aboutus_ic_1@2x.png" />
+                </div>
+            </div>
+            <div class="fangan_list_item">
+                <div class="fangan_list_item_img">
+                    <img src="${webDomain}/images/fuwu_img_zhichi1@2x.png" />
+                </div>
+                <div class="fangan_list_item_info">
+                    <span>涓撲汉涓撻」璺熻繘</span>
+                    <span>鎶�鏈洟闃熷叏绋嬭窡杩涳紝缁欎簣涓撲笟甯姪锛�
+7*24h缁存姢锛屼繚闅滅郴缁熺ǔ瀹氳繍琛岋紱
+瀹㈡湇鍥㈤槦鍏ㄥ勾365澶╋紝鎻愪緵浼樿川鏈嶅姟銆�</span>
+                    <img src="${webDomain}/images/aboutus_ic_1@2x.png" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">娓犻亾鍚堜綔</div>
+        <div class="fangan_info" style="width: 312px;">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
+        <div class="fangan_form">
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>浜у搧鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <select name="filter" id="options"  class="select"></select>
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>濮�      鍚嶏細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" id="name" placeholder="璇疯緭鍏ユ偍鐨勫鍚�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>鐢�      璇濓細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="phone" placeholder="璇疯緭鍏ユ偍鐨勭數璇�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">閭�      绠憋細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="email"  placeholder="璇疯緭鍏ユ偍鐨勯偖绠�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">鍗曚綅鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="unit"  placeholder="璇疯緭鍏ユ偍鐨勫崟浣嶅悕绉�">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"></div>
+</div>
+<script src="${webDomain}/js/about.js"></script>
+<script src="${webDomain}/js/cooperation.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/campusSportsMobile.html b/server/src/main/resources/templates/mobile/campusSportsMobile.html
new file mode 100644
index 0000000..cbd1dbb
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/campusSportsMobile.html
@@ -0,0 +1,194 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/campusSports.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'鏍″洯浣撹偛鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">鏍″洯浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鏀寔鏍″唴澶栦汉鍛樺垎娴併�佷竴鍗¢�氥�佸満鍦板畨鍏ㄩ璀︾瓑锛屾弧瓒虫牎鍥繍鍔ㄩ渶姹傚強鏁欏璁粌鍦烘櫙</div>
+            <img src="${webDomain}/images/img_xiaoyuan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鏍″洯浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="${webDomain}/images/solution_xiaoyua9n@2x.png" />
+        </div>
+        <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunying_img2@12x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害骞冲彴</div>
+            <div class="item_info">
+                鎼缓绾夸笂鏈嶅姟骞冲彴锛屾敮鎸佺敤鎴峰湪绾块绾﹁鍦猴紝瀹炵幇璧勬簮楂樻晥璋冮厤
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>棰勭害璁㈠満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>娲诲姩鍏憡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/campusSports.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/components/footerMobile.html b/server/src/main/resources/templates/mobile/components/footerMobile.html
index 726770f..8afcaa5 100644
--- a/server/src/main/resources/templates/mobile/components/footerMobile.html
+++ b/server/src/main/resources/templates/mobile/components/footerMobile.html
@@ -134,7 +134,8 @@
     </div>
     <div class="footer_x"></div>
     <div class="footer_info">
-        <span>${bottom.footWords!''}</span>
+        <span>${bottom.footWords1!''}</span>
+        <span>${bottom.footWords2!''}</span>
     </div>
     <div style="width: 100%; height: 54px;"></div>
     <div class="footer_qrcode">
@@ -148,10 +149,18 @@
         </div>
     </div>
     <div class="footer_lx">
+        <a href="tel:${bottom.linkMobile!''}">
         <div class="footer_lx_left">
             <img src="${webDomain}/images/ic_phone@2x.png" />
-            <span>鐢佃瘽鍜ㄨ</span>
+            <span >鐢佃瘽鍜ㄨ</span>
         </div>
-        <div class="footer_lx_right">鐢宠鍏嶈垂璇曠敤</div>
+        </a>
+        <div class="footer_lx_right">
+            <#if template == 'cooperationMobile.html' || template == 'aboutMobile.html'>
+                <a onclick="submitInfo()" >鎻愪氦鐢宠璇曠敤</a>
+            <#else>
+                <a href="${webDomain}/cooperationMobile.html">鐢宠鍏嶈垂璇曠敤</a>
+            </#if>
+        </div>
     </div>
 </div> 
diff --git a/server/src/main/resources/templates/mobile/components/navMobile.html b/server/src/main/resources/templates/mobile/components/navMobile.html
index 48eb4c3..a7919af 100644
--- a/server/src/main/resources/templates/mobile/components/navMobile.html
+++ b/server/src/main/resources/templates/mobile/components/navMobile.html
@@ -1,4 +1,18 @@
-    <style>
+
+<script src="${webDomain}/js/jquery.js"></script>
+<script src="${webDomain}/js/nav.js"></script>
+<style>
+        a {
+            text-decoration: none; /* 绉婚櫎涓嬪垝绾� */
+            color: inherit; /* 缁ф壙鐖跺厓绱犵殑鏂囨湰棰滆壊 */
+        }
+
+        a:hover {
+            text-decoration: underline; /* 榧犳爣鎮仠鏃跺彲浠ラ噸鏂版坊鍔犱笅鍒掔嚎 */
+        }
+        .box{
+            padding-top:44px;
+         }
         .head {
             top:0px;
             position:fixed;
@@ -110,10 +124,11 @@
 
 <div class="head">
     <div class="head_box">
-        <img class="head_logo" src="${webDomain}/images/top_logo@2x.png" />
+        <a href="${webDomain}/indexMobile.html"> <img class="head_logo" src="${webDomain}/images/top_logo@2x.png" /></a>
         <img class="head_menu"  id="head_menu_btn" src="${webDomain}/images/top_menu@2x.png" />
         <div class="head_menus" id="head_menus_div">
             <div class="head_menus_item">
+                <a href="${webDomain}/indexMobile.html">
                 <div class="menus_top">
                     <div class="menus_top_left">
                         <div class="menus_top_left_x"></div>
@@ -121,6 +136,7 @@
                     </div>
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
+                </a>
             </div>
             <div class="head_menus_item">
                 <div class="menus_top">
@@ -131,8 +147,8 @@
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
                 <div class="menus_list">
-                    <div class="menus_list_item">鏅烘収鍦洪杩愯惀绯荤粺</div>
-                    <div class="menus_list_item">鏅烘収鍦洪杩愮淮绯荤粺</div>
+                    <div class="menus_list_item">   <a  href="${webDomain}/intelligentSystemMobile.html"> 鏅烘収鍦洪杩愯惀绯荤粺</a></div>
+                    <div class="menus_list_item"> <a href="${webDomain}/intelligentSystemYwMobile.html"> 鏅烘収鍦洪杩愮淮绯荤粺</a></div>
                 </div>
             </div>
             <div class="head_menus_item">
@@ -144,12 +160,12 @@
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
                 <div class="menus_list">
-                    <div class="menus_list_item">缁煎悎浣撹偛鍦洪</div>
-                    <div class="menus_list_item">鍏ㄦ皯鍋ヨ韩涓績</div>
-                    <div class="menus_list_item">鏍″洯浣撹偛鍦洪</div>
-                    <div class="menus_list_item">鍐伴洩浣撹偛鍦洪</div>
-                    <div class="menus_list_item">娓告吵浣撹偛鍦洪</div>
-                    <div class="menus_list_item">鏅烘収浣撹偛鍏洯</div>
+                    <div class="menus_list_item"> <a href="${webDomain}/sportsVenueMobile.html">缁煎悎浣撹偛鍦洪</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/nationalFitnessMobile.html">鍏ㄦ皯鍋ヨ韩涓績</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/campusSportsMobile.html">鏍″洯浣撹偛鍦洪</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/IceSnowSportsMobile.html">鍐伴洩浣撹偛鍦洪</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/swimmingSportsMobile.html">娓告吵浣撹偛鍦洪</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/smartSportsParkMobile.html">鏅烘収浣撹偛鍏洯</a></div>
                 </div>
             </div>
             <div class="head_menus_item">
@@ -161,8 +177,8 @@
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
                 <div class="menus_list">
-                    <div class="menus_list_item">24H鏅鸿兘鍦洪</div>
-                    <div class="menus_list_item">鏃犱汉鍊煎畧鍦洪</div>
+                    <div class="menus_list_item"><a href="${webDomain}/intelligentVenueMobile.html">24H鏅鸿兘鍦洪</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/unattendedMobile.html">鏃犱汉鍊煎畧鍦洪</a></div>
                 </div>
             </div>
             <div class="head_menus_item">
@@ -174,11 +190,12 @@
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
                 <div class="menus_list">
-                    <div class="menus_list_item">浣撹偛杩為攣杩愯惀骞冲彴</div>
-                    <div class="menus_list_item">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div>
+                    <div class="menus_list_item"><a href="${webDomain}/smartSportsParkMobile.html">浣撹偛杩為攣杩愯惀骞冲彴</a></div>
+                    <div class="menus_list_item"><a href="${webDomain}/smartSportsParkMobile.html">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</a></div>
                 </div>
             </div>
             <div class="head_menus_item">
+                <a href="${webDomain}/smartSportsParkMobile.html">
                 <div class="menus_top">
                     <div class="menus_top_left">
                         <div class="menus_top_left_x"></div>
@@ -186,6 +203,7 @@
                     </div>
                     <img src="${webDomain}/images/ic_ar@2x.png" />
                 </div>
+                </a>
             </div>
         </div>
     </div>
diff --git a/server/src/main/resources/templates/mobile/cooperationMobile.html b/server/src/main/resources/templates/mobile/cooperationMobile.html
new file mode 100644
index 0000000..3374358
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/cooperationMobile.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>${seo.title!'娓犻亾鍚堜綔'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <link rel="stylesheet" href="${webDomain}/css/cooperation.css">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="banner">
+        <span class="banner_title">涓撲笟鏈嶅姟涓哄鎴峰垱閫犱环鍊�</span>
+        <span class="banner_info">鍠勫銆佸姟瀹炪�佸垱鏂般�佹媴褰�</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">娓犻亾鍚堜綔</div>
+        <div class="fangan_info" style="width: 312px;">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
+        <div class="fangan_form">
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>浜у搧鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <select name="filter" id="options"  class="select"></select>
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>濮�      鍚嶏細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input" id="name" placeholder="璇疯緭鍏ユ偍鐨勫鍚�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label"><b>*</b>鐢�      璇濓細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="phone" placeholder="璇疯緭鍏ユ偍鐨勭數璇�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">閭�      绠憋細</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="email"  placeholder="璇疯緭鍏ユ偍鐨勯偖绠�">
+                </div>
+            </div>
+            <div class="fangan_form_item">
+                <div class="fangan_form_item_label">鍗曚綅鍚嶇О锛�</div>
+                <div class="fangan_form_item_val">
+                    <input type="text" class="input"  id="unit"  placeholder="璇疯緭鍏ユ偍鐨勫崟浣嶅悕绉�">
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"></div>
+</div>
+<script src="${webDomain}/js/cooperation.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/css/IceSnowSports.css b/server/src/main/resources/templates/mobile/css/IceSnowSports.css
index 99cd998..27d2d0a 100644
--- a/server/src/main/resources/templates/mobile/css/IceSnowSports.css
+++ b/server/src/main/resources/templates/mobile/css/IceSnowSports.css
@@ -135,118 +135,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/about.css b/server/src/main/resources/templates/mobile/css/about.css
index 8f362bc..1cf9a39 100644
--- a/server/src/main/resources/templates/mobile/css/about.css
+++ b/server/src/main/resources/templates/mobile/css/about.css
@@ -1,29 +1,7 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
+
 .banner {
     width: 100%;
     height: 211px;
@@ -248,118 +226,4 @@
     box-sizing: border-box;
     border-radius: 4px;
     border: 1px solid #D8D8D8;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/alot.css b/server/src/main/resources/templates/mobile/css/alot.css
index 2e37bbb..11bad6f 100644
--- a/server/src/main/resources/templates/mobile/css/alot.css
+++ b/server/src/main/resources/templates/mobile/css/alot.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -146,118 +123,4 @@
 }
 .item_image img {
     width: 100%;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/campusSports.css b/server/src/main/resources/templates/mobile/css/campusSports.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/campusSports.css
+++ b/server/src/main/resources/templates/mobile/css/campusSports.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/cooperation.css b/server/src/main/resources/templates/mobile/css/cooperation.css
index 393d45c..485d8b0 100644
--- a/server/src/main/resources/templates/mobile/css/cooperation.css
+++ b/server/src/main/resources/templates/mobile/css/cooperation.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -248,118 +225,4 @@
     box-sizing: border-box;
     border-radius: 4px;
     border: 1px solid #D8D8D8;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/details.css b/server/src/main/resources/templates/mobile/css/details.css
index 43447cf..4ca112c 100644
--- a/server/src/main/resources/templates/mobile/css/details.css
+++ b/server/src/main/resources/templates/mobile/css/details.css
@@ -21,3 +21,6 @@
     background-color: #E5E5E5;
     margin: 16px 0;
 }
+img{
+    display:block;
+}
diff --git a/server/src/main/resources/templates/mobile/css/dynamic.css b/server/src/main/resources/templates/mobile/css/dynamic.css
index d6b15e2..754fcd9 100644
--- a/server/src/main/resources/templates/mobile/css/dynamic.css
+++ b/server/src/main/resources/templates/mobile/css/dynamic.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -131,118 +108,4 @@
     font-weight: 400;
     font-size: 12px;
     color: #7B7F87;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/dynamicList.css b/server/src/main/resources/templates/mobile/css/dynamicList.css
index 6bdb585..ec0ec30 100644
--- a/server/src/main/resources/templates/mobile/css/dynamicList.css
+++ b/server/src/main/resources/templates/mobile/css/dynamicList.css
@@ -54,118 +54,4 @@
     font-weight: 400;
     font-size: 12px;
     color: #7B7F87;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/index.css b/server/src/main/resources/templates/mobile/css/index.css
index 523cec2..623696f 100644
--- a/server/src/main/resources/templates/mobile/css/index.css
+++ b/server/src/main/resources/templates/mobile/css/index.css
@@ -1,11 +1,3 @@
-a {
-    text-decoration: none; /* 绉婚櫎涓嬪垝绾� */
-    color: inherit; /* 缁ф壙鐖跺厓绱犵殑鏂囨湰棰滆壊 */
-}
-
-a:hover {
-    text-decoration: underline; /* 榧犳爣鎮仠鏃跺彲浠ラ噸鏂版坊鍔犱笅鍒掔嚎 */
-}
 
 .box {
     width: 100%;
diff --git a/server/src/main/resources/templates/mobile/css/intelligentSystem.css b/server/src/main/resources/templates/mobile/css/intelligentSystem.css
index 9fa25fa..5ad87d7 100644
--- a/server/src/main/resources/templates/mobile/css/intelligentSystem.css
+++ b/server/src/main/resources/templates/mobile/css/intelligentSystem.css
@@ -1,7 +1,7 @@
 .box {
     width: 100%;
 }
-.head {
+/*.head {
     width: 100%;
     height: 44px;
     padding: 0 15px;
@@ -23,7 +23,7 @@
 .head_menu {
     width: 24px;
     height: 24px;
-}
+}*/
 .banner {
     width: 100%;
     height: 211px;
@@ -333,117 +333,3 @@
     margin-top: 3px;
 }
 
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
diff --git a/server/src/main/resources/templates/mobile/css/intelligentSystem1.css b/server/src/main/resources/templates/mobile/css/intelligentSystem1.css
index 790bfbb..ec0a9a5 100644
--- a/server/src/main/resources/templates/mobile/css/intelligentSystem1.css
+++ b/server/src/main/resources/templates/mobile/css/intelligentSystem1.css
@@ -1,7 +1,7 @@
 .box {
     width: 100%;
 }
-.head {
+/*.head {
     width: 100%;
     height: 44px;
     padding: 0 15px;
@@ -23,7 +23,7 @@
 .head_menu {
     width: 24px;
     height: 24px;
-}
+}*/
 .banner {
     width: 100%;
     height: 211px;
@@ -278,119 +278,4 @@
     font-size: 10px;
     color: #7B7F87;
     margin-top: 3px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/css/intelligentVenue.css b/server/src/main/resources/templates/mobile/css/intelligentVenue.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/intelligentVenue.css
+++ b/server/src/main/resources/templates/mobile/css/intelligentVenue.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/nationalFitness.css b/server/src/main/resources/templates/mobile/css/nationalFitness.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/nationalFitness.css
+++ b/server/src/main/resources/templates/mobile/css/nationalFitness.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/scenicArea.css b/server/src/main/resources/templates/mobile/css/scenicArea.css
index fe75541..75f5b71 100644
--- a/server/src/main/resources/templates/mobile/css/scenicArea.css
+++ b/server/src/main/resources/templates/mobile/css/scenicArea.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -190,119 +167,4 @@
     font-size: 13px;
     color: #191B1F;
     margin-top: 10px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/css/selectFilter.css b/server/src/main/resources/templates/mobile/css/selectFilter.css
new file mode 100644
index 0000000..7ef4d02
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/css/selectFilter.css
@@ -0,0 +1,149 @@
+/**
+ * selectFilter  --v1.0
+ *
+ **/
+
+.filter-disabled {
+	-moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+}
+
+.filter-box {
+	height: 100%;
+    position: relative;
+}
+
+.filter-box select {
+	display: none;
+}
+
+.filter-text {
+	height: 100%;
+	overflow: hidden;
+	position: relative;
+	cursor: pointer;
+	padding: 0 20px;
+	background: #fff;
+	box-sizing: border-box;
+	border: 1px solid #e6e6e6;
+}
+
+.filter-text input {
+	font-size: 14px;
+}
+
+.filter-text .filter-title {
+	width: 100%;
+	border: 0;
+	background-color: transparent;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	padding: 0;
+	cursor: pointer;
+}
+
+.filter-list {
+	display: none;
+	width: 100%;
+	flex-direction: column;
+	max-height: 300px !important;
+	background-color: #fff;
+	font-size: 14px;
+	position: absolute;
+	top: 42px;
+	left: 0;
+	z-index: 99;
+	border: 1px solid #e6e6e6;
+	overflow: auto;
+}
+
+.filter-list li.filter-null a {
+	color: #d2d2d2;
+}
+
+.filter-box ul {
+	height: auto !important;
+}
+
+.filter-box ul li {
+	margin: 0 !important;
+}
+
+.filter-list li a {
+	display: block;
+	height: 100%;
+	padding: 0 10px;
+	line-height: 36px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	cursor: pointer;
+}
+
+.filter-list li:hover {
+	background-color: #f2f2f2;
+}
+
+.filter-list li.filter-selected {
+	background-color: #5FB878;
+}
+
+.filter-list li.filter-selected a{
+	display: block;
+	color: #fff;
+}
+
+.filter-list li.filter-disabled {
+	background-color: #fff;
+}
+
+.filter-list li.filter-disabled a{
+	display: block;
+	color: #d2d2d2;
+}
+
+.filter-list li.filter-disabled:hover a {
+	cursor: not-allowed!important;
+	background-color: #fff;
+}
+
+.icon {
+	position: absolute;
+}
+
+.icon-filter-arrow {
+	width: 8px;
+	height: 6px;
+	background-repeat: no-repeat;
+    background-image: url(./icon/icon_arrow_down_x2.png);
+    background-size: 100%;
+    right: 20px;
+    top: 50%;
+	transform: translate(0, -50%);
+    transition: all .2s;
+}
+
+.icon-filter-arrow.filter-show {
+	-webkit-transform: rotate(-180deg);
+	transform: rotate(-180deg);
+}
+
+.filter-list::-webkit-scrollbar {
+	width: 4px;
+	height: 4px;
+}
+
+.filter-list::-webkit-scrollbar-track {
+	background: #fff
+}
+
+.filter-list::-webkit-scrollbar-thumb {
+	background: #CBCBCB;
+}
+.item {
+	width: 240px;
+	height: 32px;
+	margin: 100px auto;
+}
diff --git a/server/src/main/resources/templates/mobile/css/smartSpace.css b/server/src/main/resources/templates/mobile/css/smartSpace.css
index c0a7159..7541634 100644
--- a/server/src/main/resources/templates/mobile/css/smartSpace.css
+++ b/server/src/main/resources/templates/mobile/css/smartSpace.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -190,119 +167,4 @@
     font-size: 13px;
     color: #191B1F;
     margin-top: 10px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/css/smartSportsPark.css b/server/src/main/resources/templates/mobile/css/smartSportsPark.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/smartSportsPark.css
+++ b/server/src/main/resources/templates/mobile/css/smartSportsPark.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/solutionSmartVenue.css b/server/src/main/resources/templates/mobile/css/solutionSmartVenue.css
index 710583e..c90afa4 100644
--- a/server/src/main/resources/templates/mobile/css/solutionSmartVenue.css
+++ b/server/src/main/resources/templates/mobile/css/solutionSmartVenue.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -190,119 +167,4 @@
     font-size: 13px;
     color: #191B1F;
     margin-top: 10px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/css/sportsPlatform.css b/server/src/main/resources/templates/mobile/css/sportsPlatform.css
index 3b41099..5895991 100644
--- a/server/src/main/resources/templates/mobile/css/sportsPlatform.css
+++ b/server/src/main/resources/templates/mobile/css/sportsPlatform.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -190,119 +167,4 @@
     font-size: 13px;
     color: #191B1F;
     margin-top: 10px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/css/sportsVenue.css b/server/src/main/resources/templates/mobile/css/sportsVenue.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/sportsVenue.css
+++ b/server/src/main/resources/templates/mobile/css/sportsVenue.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/swimmingSports.css b/server/src/main/resources/templates/mobile/css/swimmingSports.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/swimmingSports.css
+++ b/server/src/main/resources/templates/mobile/css/swimmingSports.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/unattended.css b/server/src/main/resources/templates/mobile/css/unattended.css
index 99cd998..587750e 100644
--- a/server/src/main/resources/templates/mobile/css/unattended.css
+++ b/server/src/main/resources/templates/mobile/css/unattended.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     padding: 24px 15px;
@@ -135,118 +112,4 @@
 .gengduo img {
     width: 100%;
     margin-top: 13px;
-}
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
-}
+}
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/css/unmannedVenue.css b/server/src/main/resources/templates/mobile/css/unmannedVenue.css
index 9fc539d..7943698 100644
--- a/server/src/main/resources/templates/mobile/css/unmannedVenue.css
+++ b/server/src/main/resources/templates/mobile/css/unmannedVenue.css
@@ -1,29 +1,6 @@
 .box {
     width: 100%;
 }
-.head {
-    width: 100%;
-    height: 44px;
-    padding: 0 15px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    background: #FFFFFF;
-    position: sticky;
-    top: 0;
-    left: 0;
-    z-index: 999;
-    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
-}
-.head_logo {
-    width: 98px;
-    height: 32px;
-}
-.head_menu {
-    width: 24px;
-    height: 24px;
-}
 .banner {
     width: 100%;
     height: 211px;
@@ -190,119 +167,4 @@
     font-size: 13px;
     color: #191B1F;
     margin-top: 10px;
-}
-
-.footer {
-    width: 100%;
-    padding: 24px 20px;
-    box-sizing: border-box;
-    background: #2E333A;
-    position: relative;
-}
-.footer_title {
-    font-weight: 600;
-    font-size: 16px;
-    color: #FFFFFF;
-    margin-bottom: 15px;
-}
-.footer_row {
-    width: 100%;
-    margin-bottom: 11px;
-}
-.footer_row {
-    width: 100%;
-    display: flex;
-    align-items: center;
-}
-.footer_row img {
-    width: 14px;
-    height: 14px;
-    margin-right: 16px;
-}
-.footer_row span {
-    font-weight: 400;
-    font-size: 13px;
-    color: #CCCCCC;
-}
-.footer_x {
-    width: 100%;
-    height: 1px;
-    margin-bottom: 23px;
-    background-color: #898989;
-}
-.footer_info {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-.footer_info span {
-    font-weight: 400;
-    font-size: 11px;
-    color: #999999;
-}
-.footer_qrcode {
-    position: absolute;
-    right: 30px;
-    top: 30px;
-    display: flex;
-    align-items: center;
-}
-.footer_qrcode_item {
-    width: 68px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    margin-left: 11px;
-}
-.footer_qrcode_item img {
-    width: 68px;
-    height: 68px;
-}
-.footer_qrcode_item span {
-    font-weight: 400;
-    font-size: 12px;
-    color: #CCCCCC;
-    margin-top: 10px;
-}
-.footer_lx {
-    width: 100%;
-    height: 54px;
-    background: #FFFFFF;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    padding: 0 15px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.footer_lx_left {
-    display: flex;
-    align-items: center;
-}
-.footer_lx_left img {
-    width: 23px;
-    height: 23px;
-    margin-right: 8px;
-}
-.footer_lx_left span {
-    font-weight: 500;
-    font-size: 14px;
-    color: #191B1F;
-}
-.footer_lx_right {
-    width: 214px;
-    height: 36px;
-    line-height: 36px;
-    text-align: center;
-    background: #FF7900;
-    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 15px;
-    color: #FFFFFF;
 }
diff --git a/server/src/main/resources/templates/mobile/dynamicDetailMobile.html b/server/src/main/resources/templates/mobile/dynamicDetailMobile.html
new file mode 100644
index 0000000..35da976
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/dynamicDetailMobile.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/details.css">
+    <title>${pageTitle}${seo.title!'鏈�鏂板姩鎬�'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div class="box_title">${data.title!''}</div>
+        <div class="box_date">${pageTitle}锝�${(data.createDate!'')?date}</div>
+        <div class="box_x"></div>
+        <div class="box_content">${(data.content!'')}</div>
+    </div>
+    <script src="./js/details.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/dynamicListMobile.html b/server/src/main/resources/templates/mobile/dynamicListMobile.html
new file mode 100644
index 0000000..c8bd023
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/dynamicListMobile.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/dynamic.css">
+    <title>${pageTitle}${seo.title!'鏈�鏂板姩鎬�'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="item">
+        <div class="item_list">
+            <#if dataList ??>
+                <#list dataList as item>
+                    <a  href="${webDomain!''}/dynamics/${item.id}.html" >
+                    <div class="item_list_item">
+                        <div class="item_list_item_img">
+                            <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
+                        </div>
+                        <div class="item_list_item_info">
+                            <span> ${item.title!''}</span>
+                            <span>${item.releaseDate?date}</span>
+                        </div>
+                    </div>
+                    </a>
+                </#list>
+            </#if>
+        </div>
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"></div>
+</div>
+<script src="${webDomain}/js/dynamic.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/dynamicMobile.html b/server/src/main/resources/templates/mobile/dynamicMobile.html
new file mode 100644
index 0000000..d65252d
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/dynamicMobile.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/dynamic.css">
+    <title>${seo.title!'鏈�鏂板姩鎬�'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="banner">
+        <span class="banner_title">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="item">
+        <div class="item_head">
+            <div class="item_head_title">琛屼笟璧勮</div>
+            <div class="item_head_to">
+                <a href="${webDomain}/dynamicListMobile0.html" >
+                <span>鏌ョ湅鏇村</span>
+                <img src="${webDomain}/images/ar_more@2x.png" />
+                </a>
+            </div>
+        </div>
+        <div class="item_list">
+            <#if hangyeZx ??>
+                <#list hangyeZx as item>
+                    <#if item_index lt 2>
+                       <a  href="${webDomain!''}/dynamics/${item.id}.html" >
+                        <div class="item_list_item">
+                            <div class="item_list_item_img">
+                                <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
+                            </div>
+                            <div class="item_list_item_info">
+                                <span> ${item.title!''}</span>
+                                <span>${item.releaseDate?date}</span>
+                            </div>
+                        </div>
+                       </a>
+                    </#if>
+                </#list>
+            </#if>
+        </div>
+    </div>
+    <div class="item" style="background: #F8FAFF;">
+        <div class="item_head">
+            <div class="item_head_title">杩愯惀缁忛獙</div>
+            <div class="item_head_to">
+                <a href="${webDomain}/dynamicListMobile1.html">
+                <span>鏌ョ湅鏇村</span>
+                <img src="${webDomain}/images/ar_more@2x.png" />
+                </a>
+            </div>
+        </div>
+        <div class="item_list">
+            <#if yunyingJy ??>
+                <#list yunyingJy as item>
+                    <#if item_index lt 2>
+                  <a  href="${webDomain!''}/dynamics/${item.id}.html" >
+                    <div class="item_list_item">
+                        <div class="item_list_item_img">
+                            <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
+                        </div>
+                        <div class="item_list_item_info">
+                            <span> ${item.title!''}</span>
+                            <span>${item.releaseDate?date}</span>
+                        </div>
+                    </div>
+                     </a>
+                    </#if>
+                 </#list>
+            </#if>
+        </div>
+    </div>
+    <div class="item">
+        <div class="item_head">
+            <div class="item_head_title">鍔熻兘浠嬬粛</div>
+            <div class="item_head_to">
+                <a href="${webDomain}/dynamicListMobile2.html" >
+                <span>鏌ョ湅鏇村</span>
+                <img src="${webDomain}/images/ar_more@2x.png" />
+                </a>
+            </div>
+        </div>
+        <div class="item_list">
+            <#if gongnengJs ??>
+                <#list gongnengJs as item>
+                    <#if item_index lt 2>
+                        <a  href="${webDomain!''}/dynamics/${item.id}.html" >
+                        <div class="item_list_item">
+                            <div class="item_list_item_img">
+                                <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
+                            </div>
+                            <div class="item_list_item_info">
+                                <span> ${item.title!''}</span>
+                                <span>${item.releaseDate?date}</span>
+                            </div>
+                        </div>
+                        </a>
+                    </#if>
+                </#list>
+            </#if>
+        </div>
+    </div>
+    <div class="item" style="background: #F8FAFF;">
+        <div class="item_head">
+            <div class="item_head_title">甯傚満淇℃伅</div>
+            <div class="item_head_to">
+                <a href="${webDomain}/dynamicListMobile2.html" >
+                <span>鏌ョ湅鏇村</span>
+                <img src="${webDomain}/images/ar_more@2x.png" />
+                </a>
+            </div>
+        </div>
+        <div class="item_list">
+            <#if shichangXx ??>
+                <#list shichangXx as item>
+                    <#if item_index lt 2>
+                    <a  href="${webDomain!''}/dynamics/${item.id}.html" >
+                    <div class="item_list_item">
+                        <div class="item_list_item_img">
+                            <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
+                        </div>
+                        <div class="item_list_item_info">
+                            <span> ${item.title!''}</span>
+                            <span>${item.releaseDate?date}</span>
+                        </div>
+                    </div>
+                    </a>
+                </#if>
+            </#list>
+        </#if>
+        </div>
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"></div>
+</div>
+<script src="${webDomain}/js/dynamic.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/images/icon/icon.ico b/server/src/main/resources/templates/mobile/images/icon/icon.ico
new file mode 100644
index 0000000..39ee2a9
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/images/icon/icon.ico
Binary files differ
diff --git a/server/src/main/resources/templates/mobile/indexMobile.html b/server/src/main/resources/templates/mobile/indexMobile.html
index 8522519..d28127b 100644
--- a/server/src/main/resources/templates/mobile/indexMobile.html
+++ b/server/src/main/resources/templates/mobile/indexMobile.html
@@ -3,6 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>${seo.title!''}</title>
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
     <meta name="description" content="${seo.remark!''}">
     <meta name="keywords" content="${seo.keywords!''}">
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
@@ -10,8 +11,6 @@
     <link rel="stylesheet" href="${webDomain}/css/index.css">
     <link rel="stylesheet" href="${webDomain}/css/common.css">
     <link rel="stylesheet" href="${webDomain}/css/swiper.min.css">
-    <script src="${webDomain}/js/jquery.js"></script>
-    <script src="${webDomain}/js/index.js"></script>
 </head>
 <body>
     <div class="box">
@@ -29,8 +28,8 @@
                         <span class="banner_info">${item.detail!''}</span>
                         <#if item.content?? && item.content!=''>
                             <#if item.jumpType == 1>
-                                <a href="${webDomain}/banners/${item.id}.html" target="_blank"><div class="banner_btn">鍜ㄨ璇︽儏</div></a>
-                            <#else><a href="${item.content}"  target="_blank"><div class="banner_btn">鍜ㄨ璇︽儏</div> </a></#if>
+                                <a href="${webDomain}/banners/${item.id}.html" ><div class="banner_btn">鍜ㄨ璇︽儏</div></a>
+                            <#else><a href="${item.content}"  ><div class="banner_btn">鍜ㄨ璇︽儏</div> </a></#if>
                         <#else>
                              <div class="banner_btn"  onclick="goZixun()">鍜ㄨ璇︽儏</div>
                         </#if>
@@ -46,41 +45,41 @@
                 婊¤冻澶氬厓鍖栨櫤鎱у満鏅笟鍔¢渶姹�</div>
             <div class="swiper-container">
                 <div class="swiper-wrapper">
-                     <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img1_open@2x.png);">
-                         <a  href="${webDomain}/solution.html" target="_blank">
+                    <a  class="swiper-slide" href="${webDomain}/soSmartVenueMobile.html"  style="background-image: url(${webDomain}/images/home_img1_open@2x.png);">
+                        <div >
                             <div class="swiper-slide-title">鏁版櫤浣撹偛鍦洪</div>
                             <div class="swiper-slide-x"></div>
                             <div class="swiper-slide-info">鏋勫缓澶氱鍙g鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩�</div>
-                        </a>
-                    </div>
-                   <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img2_open@2x.png);">
-                       <a  href="${webDomain}/solution-meadowlands.html" target="_blank">
+                        </div>
+                    </a>
+                    <a class="swiper-slide"  href="${webDomain}/soUnmannedVenueMobile.html" style="background-image: url(${webDomain}/images/home_img2_open@2x.png);">
+                        <div  >
                            <div class="swiper-slide-title">24h鏅鸿兘鍦洪</div>
                             <div class="swiper-slide-x"></div>
                             <div class="swiper-slide-info">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鏃犱汉鍊煎畧杩愯惀</div>
-                        </a>
-                    </div>
-                    <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img3_open@2x.png);">
-                        <a  style="" href="${webDomain}/solution-sport.html" target="_blank">
+                        </div>
+                    </a>
+                    <a  class="swiper-slide" style="background-image: url(${webDomain}/images/home_img3_open@2x.png);" href="${webDomain}/soSportsPlatformMobile.html" >
+                         <div  >
                             <div class="swiper-slide-title">鏁版櫤浣撹偛骞冲彴</div>
                             <div class="swiper-slide-x"></div>
                             <div class="swiper-slide-info">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
-                        </a>
-                    </div>
-                    <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img4_open@2x.png);">
-                        <a  href="${webDomain}/solution-scenicSpot.html" target="_blank">
+                         </div>
+                    </a>
+                    <a  class="swiper-slide" href="${webDomain}/soScenicAreaMobile.html" style="background-image: url(${webDomain}/images/home_img4_open@2x.png);" >
+                        <div  >
                             <div class="swiper-slide-title">鏅尯&娓镐箰鍥�</div>
                             <div class="swiper-slide-x"></div>
                             <div class="swiper-slide-info">鎻愪緵涓�浣撳寲杩愯惀绠$悊绯荤粺锛岃祴鑳芥櫙鍖恒�佷箰鍥暟瀛楀寲鍗囩骇杞瀷</div>
-                        </a>
-                    </div>
-                    <div class="swiper-slide" style="background-image: url(${webDomain}/images/home_img5_open@2x.png);">
-                        <a   href="${webDomain}/solution-space.html" target="_blank">
+                        </div>
+                    </a>
+                    <a class="swiper-slide"  href="${webDomain}/soSmartSpaceMobile.html" style="background-image: url(${webDomain}/images/home_img5_open@2x.png);" >
+                        <div  >
                             <div class="swiper-slide-title">绌洪棿鏅烘収绠$悊</div>
                             <div class="swiper-slide-x"></div>
                             <div class="swiper-slide-info">渚濇墭鐗╄仈缃戝拰澶ф暟鎹紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
-                        </a>
-                    </div>
+                        </div>
+                    </a>
                 </div>
                 <!-- Add Pagination -->
                 <div class="swiper-pagination"></div>
@@ -105,8 +104,10 @@
                             </div>
                         </div>
                         <div class="yunwei_bottom">
-                            <span>浜嗚В璇︽儏</span>
-                            <img src="${webDomain}/images/ar_detail@2x.png" />
+                            <a  href="${webDomain}/intelligentSystemMobile.html">
+                                <span>浜嗚В璇︽儏</span>
+                                <img src="${webDomain}/images/ar_detail@2x.png" />
+                            </a>
                         </div>
                     </div>
                 </div>
@@ -125,8 +126,10 @@
                             </div>
                         </div>
                         <div class="yunwei_bottom">
-                            <span>浜嗚В璇︽儏</span>
-                            <img src="${webDomain}/images/ar_detail@2x.png" />
+                            <a  href="${webDomain}/intelligentSystemYwMobile.html">
+                                <span>浜嗚В璇︽儏</span>
+                                <img src="${webDomain}/images/ar_detail@2x.png" />
+                            </a>
                         </div>
                     </div>
                 </div>
@@ -204,7 +207,7 @@
             <div class="fangan_title">鍏充簬鎴戜滑</div>
             <div class="fangan_info" style="width: 331px;">璞嗙背绉戞妧鎴愮珛浜�2014骞达紝鏄浗鍐呬笓涓氱殑鏁版櫤鏂囦綋鏃呮湇鍔″晢锛岃嚧鍔涗负鏂囦綋鏃呰涓氭彁渚涙暣濂楄蒋纭欢鍙婃櫤鎱у満鏅В鍐虫柟妗�</div>
             <img class="fangan_image" style="height: 260px;" src="${webDomain}/images/img_aboutus@2x.png" />
-            <div class="fangan_btn">鏌ョ湅鏇村</div>
+            <div class="fangan_btn"><a href="${webDomain}/aboutMobile.html">鏌ョ湅鏇村</a></div>
         </div>
         <div class="fangan" style="background: #F8FAFF;">
             <div class="fangan_title">璧勮鐭ヨ瘑</div>
@@ -213,7 +216,7 @@
                 <#if hangyeZx ??>
                 <#list hangyeZx as item>
                 <#if item_index lt 6>
-                <a class="h-content-row" href="${webDomain}/dynamics/${item.id}.html" target="_blank">
+                <a class="h-content-row" href="${webDomain}/dynamics/${item.id}.html" >
                 <div class="fangan_new_item">
                     <div class="fangan_new_item_image">
                         <img  src="${bottom.fileDir!''}${item.imgurl!''}" alt="${seo.imgalt!''}"/>
@@ -228,7 +231,7 @@
                 </#list>
                 </#if>
             </div>
-            <a href="${webDomain}/dynamics.html?module=0" target="_blank">
+            <a href="${webDomain}/dynamicMobile.html" >
                 <div class="fangan_btn">鏌ョ湅鏇村</div>
             </a>
         </div>
@@ -261,6 +264,8 @@
         </div>
         <div id="footer"> <#include "/components/footerMobile.html"></div>
     </div>
+
+    <script src="${webDomain}/js/index.js"></script>
     <script src="${webDomain}/js/swiper.min.js"></script>
 
     <script>
diff --git a/server/src/main/resources/templates/mobile/intelligentSystemMobile.html b/server/src/main/resources/templates/mobile/intelligentSystemMobile.html
new file mode 100644
index 0000000..17adc3e
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/intelligentSystemMobile.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>${seo.title!''}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet"href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet"href="${webDomain!''}/css/intelligentSystem.css">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="cate">
+            <div class="cate_item active">鏅烘収鍦洪杩愯惀绯荤粺</div>
+            <div class="cate_item"><a  href="${webDomain}/intelligentSystemYw.html"> 鏅烘収鍦洪杩愮淮绯荤粺</a></div>
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏅烘収鍦洪杩愯惀绯荤粺</span>
+            <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">澶氭湇鍔$鍙o紝婊¤冻鍦洪澶氬満鏅湇鍔¢渶姹�</div>
+            <div class="fangan_info" style="width: 202px;">澶氱鍙g鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩栵紝婊¤冻澶氬厓鍖栦笟鍔″満鏅渶姹�</div>
+            <div class="fangan_tu">
+                <div class="fangan_tu_image">
+                    <img src="${webDomain!''}/images/guanli_img_duankou@2x.png" />
+                </div>
+                <div class="fangan_tu_list">
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/guanli_ic_yuding@2x.png" />
+                        <span>鐢ㄦ埛/鏁欑粌<br />灏忕▼搴�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/guanli_ic_yunyingxcx@2x.png" />
+                        <span>鍦洪杩愮<br />灏忕▼搴�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/guanli_ic_guanlipc@2x.png" />
+                        <span>鍦洪杩愮<br />PC绔�</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/guanli_ic_shanghupc@2x.png" />
+                        <span>鑷姪绔疉PP</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/ic_pda@2x.png" />
+                        <span>绉诲姩PDA</span>
+                    </div>
+                    <div class="fangan_tu_list_item">
+                        <img src="${webDomain!''}/images/guanli_ic_daping@2x.png" />
+                        <span>缁忚惀鏁版嵁澶у睆</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF !important; padding: 24px 0 0 0 !important;">
+            <div class="fangan_title">鎿嶄綔渚挎嵎锛岃繍钀ヨ交鏉炬棤蹇�</div>
+            <div class="fangan_info" style="width: 335px;">鎴戜滑涓�鐩存寔缁彁鍗囨瘡涓�涓搷浣滅粏鑺傜殑浣跨敤浣撻獙锛岄�氳繃涓嶆柇鐨勫垱鏂板皾璇曚笌浜у搧杩唬锛屾垜浠湪涓板瘜绯荤粺鍔熻兘鐨勫悓鏃舵墿灞曠郴缁熺殑閫傜敤鍦烘櫙鏂规锛屾渶缁堟墠鑳戒娇鎴戜滑鐨勫鎴疯繍钀ヨ交鏉炬棤蹇с�佺粡钀ユ洿鍔犳垚鍔�</div>
+            <div class="fangan_num">
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>3</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鏋侀�熺鍒�</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>5</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鏋侀�熷紑鍗�</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>8</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">闂ㄧエ鍞崠</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>15</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">鍦哄湴棰勭害</div>
+                </div>
+                <div class="fangan_num_item">
+                    <div class="fangan_num_item_top">
+                        <span>30</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="fangan_num_item_name">濂楅鍔炵悊</div>
+                </div>
+            </div>
+            <div class="fangan_num_datu">
+                <img src="${webDomain!''}/images/yunying_img_caozuo@2x.png" />
+            </div>
+        </div>
+        <div class="fangan" style="padding: 24px 0 !important;">
+            <div class="fangan_title">鏉冮檺缁嗗垎 涓撲笟鏇翠笓娉�</div>
+            <div class="fangan_info" style="width: 335px;">绯荤粺鏉冮檺鏅鸿兘鍒嗙锛岄鍐呮垚鍛樺悇鍙稿叾鑱岋紝鎻愬崌杩愯惀鏁堢巼鍜屼綋楠�</div>
+            <div class="fangan_cates">
+                <div class="fangan_cates_item active1">BOSS绔�</div>
+                <div class="fangan_cates_item">杩愯惀绔�</div>
+                <div class="fangan_cates_item">鍓嶅彴绔�</div>
+                <div class="fangan_cates_item">浼氬憳绔�</div>
+                <div class="fangan_cates_item">鏁欑粌绔�</div>
+            </div>
+            <div class="fangan_content">
+                <div class="fangan_content_title">BOSS绔�</div>
+                <div class="fangan_content_info">鍦洪绠$悊鍜岀粺璁″垎鏋�</div>
+                <div class="fangan_content_img">
+                    <img src="${webDomain!''}/images/yunying_img2.png" />
+                </div>
+                <div class="fangan_content_list">
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/鍦洪绠$悊.png" />
+                        <span>鍦洪绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/缁熻绠$悊.png" />
+                        <span>缁熻绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/璐㈠姟绠$悊.png" />
+                        <span>璐㈠姟绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/閰嶇疆绠$悊.png" />
+                        <span>閰嶇疆绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/鐭俊绠$悊.png" />
+                        <span>鐭俊绠$悊</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/閫氱煡鍏憡.png" />
+                        <span>閫氱煡鍏憡</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/璐﹀彿閰嶇疆.png" />
+                        <span>璐﹀彿閰嶇疆</span>
+                    </div>
+                    <div class="fangan_content_list_item">
+                        <img src="${webDomain!''}/images/icon/鏃ュ織绠$悊.png" />
+                        <span>鏃ュ織绠$悊</span>
+                    </div>
+                </div>
+            </div>
+            <div class="fangan_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #F8FAFF;">
+            <div class="fangan_title">璞嗙背璺宠烦浜у搧绯诲垪</div>
+            <div class="fangan_info" style="width: 335px;">鍔熻兘涓庣増鏈�</div>
+            <div class="fangan_func">
+                <div class="fangan_func_item" style="margin-bottom: 11px;">
+                    <div class="fangan_func_item_top">
+                        <img src="${webDomain!''}/images/ic_siyouhua@2x.png" />
+                        <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">绉佹湁鍖栭儴缃�</div>
+                    <div class="fangan_func_item_info">绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</div>
+                </div>
+                <div class="fangan_func_item" style="margin-bottom: 11px;">
+                    <div class="fangan_func_item_top">
+                        <img src="${webDomain!''}/images/ic_yuanma@2x.png" />
+                        <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">婧愮爜</div>
+                    <div class="fangan_func_item_info">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</div>
+                </div>
+                <div class="fangan_func_item">
+                    <div class="fangan_func_item_top">
+                        <img src="${webDomain!''}/images/ic_dingzhi@2x.png" />
+                        <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">瀹氬埗</div>
+                    <div class="fangan_func_item_info">鎸夐渶鈥滈噺韬墦閫犫�濓紝绮惧噯鍖归厤涓氬姟 </div>
+                </div>
+                <div class="fangan_func_item">
+                    <div class="fangan_func_item_top">
+                        <img src="${webDomain!''}/images/ic_saas@2x.png" />
+                        <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                    </div>
+                    <div class="fangan_func_item_title">saas鏈嶅姟</div>
+                    <div class="fangan_func_item_info">蹇�熻闃呭惎鐢紝绯荤粺鑷姩鍗囩骇</div>
+                </div>
+            </div>
+        </div>
+
+        <div id="footer"> <#include "/components/footerMobile.html"> </div>
+    </div>
+    <script src="${webDomain!''}/js/intelligentSystem.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/intelligentSystemYwMobile.html b/server/src/main/resources/templates/mobile/intelligentSystemYwMobile.html
new file mode 100644
index 0000000..c0dddea
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/intelligentSystemYwMobile.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>${seo.title!''}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/intelligentSystem1.css">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="cate">
+        <div class="cate_item"><a  href="${webDomain}/intelligentSystem.html"> 鏅烘収鍦洪杩愯惀绯荤粺</a></div>
+        <div class="cate_item active">鏅烘収鍦洪杩愮淮绯荤粺</div>
+    </div>
+    <div class="banner">
+        <span class="banner_title">鏅烘収鍦洪杩愯惀绯荤粺</span>
+        <span class="banner_info">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</span>
+        <div class="banner_btn">鍜ㄨ璇︽儏</div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鈥滃叏鏍堝紡鈥濊繍缁存柟妗堬紝涓�绔欒В鍐宠繍缁撮毦棰�</div>
+        <div class="fangan_info" style="width: 202px;">搴旂敤鍦烘櫙</div>
+        <div class="fangan_image">
+            <img src="${webDomain!''}/images/img_quanzhan@2x.png" />
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">IOC鍙鍖栧ぇ灞�</div>
+        <div class="fangan_info" style="width: 332px;">鏁板瓧瀛敓鎶�鏈敮鎾戝満棣嗗彲瑙嗗寲锛岄泦鐩戞祴銆佹帶鍒躲�佺淮鎶ゃ�佸畨淇濄�佸簲鎬ャ�佸贰妫�鍜岀鐞嗗姛鑳戒簬涓�浣擄紝瀹炵幇瀵瑰満棣嗙殑瀹炴椂鎺у埗绠$悊</div>
+        <div class="fangan_image1">
+            <img src="${webDomain!''}/images/img_keshihua@2x.png" />
+        </div>
+    </div>
+    <div class="fangan">
+        <div class="fangan_title">鏅烘収杩愮淮</div>
+        <div class="fangan_info" style="width: 332px;">澶氱瑙e喅鏂规鎻愬崌鍦洪杩愮淮鑳藉姏锛屽彲鏍规嵁鍦烘櫙闇�姹傜伒娲荤粍鍚�</div>
+        <div class="fangan_image2">
+            <img src="${webDomain!''}/images/yunying_img2.png" />
+        </div>
+        <div class="fangan_list">
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/鎴挎�佺鐞�.png" />
+                <span>鎴挎�佺鐞�</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/璁惧宸℃.png" />
+                <span>璁惧宸℃</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/璁惧杩愮淮.png" />
+                <span>璁惧杩愮淮</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/搴撳瓨绠$悊.png" />
+                <span>搴撳瓨绠$悊</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/瀹㈡埛璧勬枡.png" />
+                <span>瀹㈡埛璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/椤圭洰璧勬枡.png" />
+                <span>椤圭洰璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/宸ュ崟鏈嶅姟.png" />
+                <span>宸ュ崟鏈嶅姟</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/鍛樺伐璧勬枡.png" />
+                <span>鍛樺伐璧勬枡</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/鑳借�楃鐞�.png" />
+                <span>鑳借�楃鐞�</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/鏁版嵁鍒嗘瀽.png" />
+                <span>鏁版嵁鍒嗘瀽</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/璐㈠姟绠$悊.png" />
+                <span>璐㈠姟绠$悊</span>
+            </div>
+            <div class="fangan_list_item">
+                <img src="${webDomain!''}/images/icon/鍚堝悓绠$悊.png" />
+                <span>鍚堝悓绠$悊</span>
+            </div>
+        </div>
+    </div>
+    <div class="fangan" style="background: #F8FAFF;">
+        <div class="fangan_title">璞嗙背璺宠烦浜у搧绯诲垪</div>
+        <div class="fangan_info" style="width: 335px;">鍔熻兘涓庣増鏈�</div>
+        <div class="fangan_func">
+            <div class="fangan_func_item" style="margin-bottom: 11px;">
+                <div class="fangan_func_item_top">
+                    <img src="${webDomain!''}/images/ic_siyouhua@2x.png" />
+                    <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">绉佹湁鍖栭儴缃�</div>
+                <div class="fangan_func_item_info">绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</div>
+            </div>
+            <div class="fangan_func_item" style="margin-bottom: 11px;">
+                <div class="fangan_func_item_top">
+                    <img src="${webDomain!''}/images/ic_yuanma@2x.png" />
+                    <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">婧愮爜</div>
+                <div class="fangan_func_item_info">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</div>
+            </div>
+            <div class="fangan_func_item">
+                <div class="fangan_func_item_top">
+                    <img src="${webDomain!''}/images/ic_dingzhi@2x.png" />
+                    <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">瀹氬埗</div>
+                <div class="fangan_func_item_info">鎸夐渶鈥滈噺韬墦閫犫�濓紝绮惧噯鍖归厤涓氬姟 </div>
+            </div>
+            <div class="fangan_func_item">
+                <div class="fangan_func_item_top">
+                    <img src="${webDomain!''}/images/ic_saas@2x.png" />
+                    <img src="${webDomain!''}/images/aboutus_ic_1@2x.png" />
+                </div>
+                <div class="fangan_func_item_title">saas鏈嶅姟</div>
+                <div class="fangan_func_item_info">蹇�熻闃呭惎鐢紝绯荤粺鑷姩鍗囩骇</div>
+            </div>
+        </div>
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"> </div>
+</div>
+<script src="${webDomain!''}/js/intelligentSystem1.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/intelligentVenueMobile.html b/server/src/main/resources/templates/mobile/intelligentVenueMobile.html
new file mode 100644
index 0000000..a3629f9
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/intelligentVenueMobile.html
@@ -0,0 +1,319 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/intelligentVenue.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'24H鏅鸿兘鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">24H鏅鸿兘鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">渚濇墭鏅烘収鍦洪绯荤粺鍜屾櫤鑳介棬绂併�佸偍鐗╂煖銆佽兘鑰楃鎺х瓑鐗╄仈璁惧锛屽疄鐜板満棣嗗叏澶╁�欒繍钀�</div>
+            <img src="${webDomain}/images/img_24h@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">24H鏅鸿兘鍦洪绀鸿В鍐虫柟妗堜紭鍔�</div>
+            <img style="height: 155px;" src="${webDomain}/images/solution_24h@2x.png" />
+        </div>
+        <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">瀹㈡祦鐩戞祴</div>
+            <div class="item_info">
+                閫氳繃鍏ュ彛闂告満銆佹櫤鑳芥憚鍍忓ご绛夌簿鍑嗙粺璁″娴侊紱<br />
+                鍒嗘瀽鍦哄唴浜哄憳娴佸姩鏁版嵁锛屾敮鎾戣繍钀ュ喅绛栥��
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shuangmushexiangji@2x.png" />
+                    <span>鍙岀洰鎽勫儚鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zingweijiance@2x.png" />
+                    <span>琛屼负鐩戞帶鎽勫儚鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満璁℃暟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_keliufenxi@2x.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shujudaping@2x.png" />
+                    <span>鏁版嵁澶у睆</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunying_img122@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/intelligentVenue.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/js/cooperation.js b/server/src/main/resources/templates/mobile/js/cooperation.js
index e69de29..f81fc82 100644
--- a/server/src/main/resources/templates/mobile/js/cooperation.js
+++ b/server/src/main/resources/templates/mobile/js/cooperation.js
@@ -0,0 +1,72 @@
+$(document).ready(function() {
+    let url = 'http://121.41.112.139:8099'
+    var product = null
+
+    $.ajax({
+        async: false,
+        url: 'http://www.dmtt.run:81/web/productList',
+        type: 'POST',
+        success: function (res) {
+            console.log(res)
+            let options = document.getElementById('options')
+            for (const item of res.data) {
+                $('#options').append(new Option(item.name, item.id))
+            }
+        },
+        error: function (error) {
+            console.log(error)
+        }
+    })
+});
+function submitInfo() {
+        let name = $('#name').val()
+        let product = $('#options').val()
+        let phone = $('#phone').val()
+        let email = $('#email').val()
+        var tableTop = $('#name').offset().top;
+        if (!product) {
+           $(document).scrollTop(tableTop);
+            alert('璇烽�夋嫨浜у搧鍚嶇О')
+            return
+        }
+        if (!name) {
+           $(document).scrollTop(tableTop);
+           $('#name').focus()
+            alert('璇疯緭鍏ュ鍚�')
+            return
+        }
+        if (!phone) {
+           $(document).scrollTop(tableTop);
+           $('#phone').focus()
+            alert('璇疯緭鍏ョ數璇�')
+            return
+        }
+        $.ajax({
+            url: 'http://www.dmtt.run:81/web/createCustomer',
+            data: JSON.stringify({
+                productId: product,
+                name: name,
+                phone: phone,
+                email: email
+            }),
+            type: "post",
+            dataType: "json",
+            crossDomain: true,
+            contentType: "application/json",
+            success: function (res) {
+                if (res.code !== 200) {
+                    alert(res.message)
+                    return
+                }
+                alert('鎮ㄥソ锛屾偍鐨勬暟鎹凡鎻愪氦锛屾垜浠細灏藉揩鍥炲鎮紒')
+                $('#name').val('');
+                $('#phone').val('');
+                $('#email').val('');
+                $('.filter-title').val('')
+                product = null
+            },
+            error: function (error) {
+                alert('鎻愪氦澶辫触锛�')
+            }
+        });
+    }
\ No newline at end of file
diff --git a/server/src/main/resources/templates/mobile/js/index.js b/server/src/main/resources/templates/mobile/js/index.js
index 294d8e6..215354b 100644
--- a/server/src/main/resources/templates/mobile/js/index.js
+++ b/server/src/main/resources/templates/mobile/js/index.js
@@ -3,16 +3,16 @@
 //    $("#header").load("./components/nav.html");
 //    // 璁剧疆鍏叡搴曢儴
 //    $("#footer").load("./components/footer.html");
-    var headMenusShow = false;
-    $("#head_menu_btn") .click(function(){
-        if(!headMenusShow){
-          $("#head_menus_div").show();
-          $("body").css("overflow","hidden");
-        }else{
-           $("#head_menus_div").hide();
-          $("body").css("overflow","auto");
-        }
-        headMenusShow =!headMenusShow
-    })
+//    var headMenusShow = false;
+//    $("#head_menu_btn") .click(function(){
+//        if(!headMenusShow){
+//          $("#head_menus_div").show();
+//          $("body").css("overflow","hidden");
+//        }else{
+//           $("#head_menus_div").hide();
+//          $("body").css("overflow","auto");
+//        }
+//        headMenusShow =!headMenusShow
+//    })
 });
 
diff --git a/server/src/main/resources/templates/mobile/js/nav.js b/server/src/main/resources/templates/mobile/js/nav.js
new file mode 100644
index 0000000..294d8e6
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/js/nav.js
@@ -0,0 +1,18 @@
+$(document).ready(function() {
+//    // 璁剧疆鍏叡瀵艰埅鏍�
+//    $("#header").load("./components/nav.html");
+//    // 璁剧疆鍏叡搴曢儴
+//    $("#footer").load("./components/footer.html");
+    var headMenusShow = false;
+    $("#head_menu_btn") .click(function(){
+        if(!headMenusShow){
+          $("#head_menus_div").show();
+          $("body").css("overflow","hidden");
+        }else{
+           $("#head_menus_div").hide();
+          $("body").css("overflow","auto");
+        }
+        headMenusShow =!headMenusShow
+    })
+});
+
diff --git a/server/src/main/resources/templates/mobile/nationalFitnessMobile.html b/server/src/main/resources/templates/mobile/nationalFitnessMobile.html
new file mode 100644
index 0000000..cc34278
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/nationalFitnessMobile.html
@@ -0,0 +1,222 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/nationalFitness.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'鍏ㄦ皯鍋ヨ韩涓績'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">鍏ㄦ皯鍋ヨ韩涓績绀烘剰鍥�</div>
+            <div class="banner_info">閫氳繃棰勭害棰勫畾銆佸満鍦扮鐞嗐�佽兘鑰楃鎺х瓑鍔熻兘杩涜鍦洪鍔ㄦ�佽皟搴︼紝浼樺寲鏈嶅姟浣撻獙</div>
+            <img  src="${webDomain}/images/img_quanminjianshen@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鍏ㄦ皯鍋ヨ韩涓績瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;"  src="${webDomain}/images/soluti1on_zonghetiyuguan@2x.png" />
+        </div>
+        <img  src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏈嶅姟涓績</div>
+            <div class="item_info">
+                鏁村悎鍛ㄨ竟鏅烘収鍦洪璧勬簮锛屾墦閫犲眳姘戔��15鍒嗛挓鍋ヨ韩鍦堚�濓紱<br />
+                鎻愪緵鍋ヨ韩銆佸叕鍏辨湇鍔′笌杩愬姩鐩稿叧鎸囧锛�<br />
+                瀵瑰浗姘戜綋璐ㄥ仴搴风洃娴嬬粺璁★紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jianshenzhidao@2x.png" />
+                    <span>鍋ヨ韩鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dashujuzhidao@2x.png" />
+                    <span>澶ф暟鎹�<br />搴旂敤鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_ticetikao@2x.png" />
+                    <span>浣撴祴浣撹��</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_tizhijiance@2x.png" />
+                    <span>浣撹川鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_qicaizulin@2x.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunying_img2@12x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                鎼缓绾夸笂鏈嶅姟骞冲彴锛屾敮鎸佺敤鎴峰湪绾块绾﹁鍦猴紝瀹炵幇璧勬簮楂樻晥璋冮厤
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>棰勭害璁㈠満</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jianshenditu@2x.png" />
+                    <span>鍋ヨ韩鍦板浘</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_huodongzuzhi@2x.png" />
+                    <span>娲诲姩缁勭粐</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>璧涗簨鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yundongzhidao@2x.png" />
+                    <span>杩愬姩鎸囧</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鍋ヨ韩鏈嶅姟</div>
+            <div class="item_info">
+                涓虹敤鎴锋彁渚涚瀛︺�佷究鎹枫�佸畾鍒跺寲鐨勫仴韬寚瀵间笌鏈嶅姟浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jiankangjiance@2x.png" />
+                    <span>浣撹川鍋ュ悍<br/>鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xinlijiankang@2x.png" />
+                    <span>蹇冪悊鍋ュ悍<br/>鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jianshenquan@2x.png" />
+                    <span>15鍒嗛挓<br/>鍋ヨ韩鍦�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_quanyuhuwai@2x.png" />
+                    <span>鍏ㄥ煙鎴峰<br/>杩愬姩</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunying_img2123@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img  src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script  src="${webDomain}/js/nationalFitness.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/smartSportsParkMobile.html b/server/src/main/resources/templates/mobile/smartSportsParkMobile.html
new file mode 100644
index 0000000..18d81c0
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/smartSportsParkMobile.html
@@ -0,0 +1,214 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/smartSportsPark.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'鏅烘収浣撹偛鍏洯'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+<div class="box">
+    <div id="header">
+        <#include "/components/navMobile.html">
+    </div>
+    <div class="banner">
+        <div class="banner_title">鏅烘収浣撹偛鍏洯绀烘剰鍥�</div>
+        <div class="banner_info">閫氳繃鐗╄仈缃戙�丄I鍜屽ぇ鏁版嵁鎶�鏈紝鎵撻�犲叏澶╁�欒繍钀ョ殑鏅烘収鍖栬繍鍔ㄧ┖闂�</div>
+        <img src="${webDomain}/images/img_gongyuan@2x.png" />
+    </div>
+    <div class="banner" style="background: #FFF6ED;">
+        <div class="banner_title">鏅烘収浣撹偛鍏洯瑙e喅鏂规浼樺娍</div>
+        <img style="height: 155px;" src="${webDomain}/images/solution_gongyuan@2x.png" />
+    </div>
+    <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+    <div class="item">
+        <div class="item_title">棰勭害璁㈠満</div>
+        <div class="item_info">
+            灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                <span>鍦哄湴棰勫畾</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />
+                <span>鍦ㄧ嚎璐エ</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />
+                <span>鑷姪鍏呭��</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />
+                <span>浼氬憳鍔炵悊</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                <span>濂楅鏈嶅姟</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />
+                <span>棰嗗埜涓績</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                <span>璁℃椂鍏ュ満</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                <span>璁℃鍏ュ満</span>
+            </div>
+        </div>
+        <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />
+    </div>
+    <div class="item" style="background: #F8F9FB;">
+        <div class="item_title">鏅鸿兘绠℃帶</div>
+        <div class="item_info">
+            棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+            鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+            杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                <span>浜鸿劯璇嗗埆</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>浜岀淮鐮佽瘑鍒�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                <span>鏅鸿兘闂告満</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                <span>AI杩愬姩鎶撴媿</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                <span>杩愮淮绠$悊</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                <span>鏅鸿兘鐏帶</span>
+            </div>
+        </div>
+        <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+    </div>
+    <div class="item">
+        <div class="item_title">璁℃椂娑堣垂</div>
+        <div class="item_info">
+            鑷畾涔夊満娆″崟浠峰拰瓒呮椂鏀惰垂瑙勫垯锛岃秴鏃跺悗鎸夎瀹氭爣鍑嗚ˉ璐瑰嚭鍦�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                <span>浜鸿劯璇嗗埆</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>浜岀淮鐮佽瘑鍒�</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+    </div>
+    <div class="item" style="background: #F8F9FB;">
+        <div class="item_title">鍟嗗搧绠$悊</div>
+        <div class="item_info">
+            鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+            绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                <span>鍟嗗搧鍞崠</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>杩涢攢瀛樼鐞�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>閿�鍞姤琛�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>鍟嗗搧鐩樼偣</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                <span>璁㈠崟绠$悊</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="${webDomain}/images/hexin_img_shangpinguanli.png" />
+    </div>
+    <div class="item">
+        <div class="item_title">璐㈠姟缁熻</div>
+        <div class="item_info">
+            璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+        </div>
+        <div class="item_list">
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_yingyejiesuan@2x.png" />
+                <span>钀ヤ笟缁撶畻</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_shourulaiyuan@2x.png" />
+                <span>鏀跺叆鏉ユ簮</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_zijinliushui@2x.png" />
+                <span>璧勯噾娴佹按</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_shoukuanfangshi@2x.png" />
+                <span>鏀舵鏂瑰紡</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_tuikuanjilu@2x.png" />
+                <span>閫�娆捐褰�</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_yingyefenlei@2x.png" />
+                <span>钀ヤ笟鍒嗙被</span>
+            </div>
+            <div class="item_list_item">
+                <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                <span>鏁版嵁鍒嗘瀽</span>
+            </div>
+            <div style="width: 25%; height: 0;"></div>
+        </div>
+        <img class="item_image" src="${webDomain}/images/yunying_34img2@2x.png" />
+    </div>
+    <div class="gengduo">
+        <div class="gengduo_title">鏇村鍔熻兘</div>
+        <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+        <img src="${webDomain}/images/cate.png" />
+    </div>
+    <div id="footer"> <#include "/components/footerMobile.html"></div>
+</div>
+</div>
+<script src="${webDomain}/js/smartSportsPark.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/soScenicAreaMobile.html b/server/src/main/resources/templates/mobile/soScenicAreaMobile.html
new file mode 100644
index 0000000..2b8fa2b
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/soScenicAreaMobile.html
@@ -0,0 +1,130 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/scenicArea.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <title>${seo.title!'瑙e喅鏂规-鏅尯娓镐箰鍥�'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏁板瓧婵�娲讳箰鍥綔鑳�<br/>鏅烘収鏋勭瓚鏅尯鐢熸��</span>
+            <span class="banner_info">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鍏ㄥ煙鏅烘梾 鏅尯涔愬洯澶氫笟鎬佷竴浣撳寲缁忚惀</div>
+            <div class="fangan_info" style="width: 331px;">浼犵粺鏅尯涔愬洯澶у瀛樺湪涓氭�佸崟涓�銆佽惀閿�娓犻亾鍗曚竴銆佹暟鎹鐞嗘贩涔便�佹秷璐逛緵缁欎笉瓒崇瓑闂锛岄�犳垚鍐呴儴绠$悊鍥伴毦锛岃祫婧愭氮璐圭瓑銆傛櫤鎱у満棣嗙郴缁熸繁搴﹁瀺鍚堟櫙鍖虹エ鍔°�侀浂鍞�侀楗�佸ū涔愩�佷綇瀹跨瓑澶氫笟鎬侊紝鏅鸿兘璋冨害瀹炵幇璧勬簮鍔ㄦ�侀厤缃拰钀ラ攢绠$悊锛岄┍鍔ㄦ枃鏃呬骇涓氬悜绾夸笂绾夸笅澶氫笟鎬佷竴浣撳寲鐨勮繍钀ョ鐞嗘ā寮忓崌绾�</div>
+            <img class="fangan_image" style="height: 195px;" src="${webDomain}/images/jingqu_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏅尯&娓镐箰鍥簲鐢ㄥ満鏅�</div>
+            <div class="fangan_info" style="width: 331px;">閫氳繃瀵规櫙鍖�&娓镐箰鍥殑鏅烘収鍖栧缓璁句娇绠$悊銆佹湇鍔°�佽惀閿�鏇翠紭璐ㄤ究鎹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/jingqu_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浜插瓙涔愬洯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏋勫缓鍏ㄥ満鏅櫤鑳芥湇鍔$敓鎬侊紝鍔╁姏涔愬洯浠庡崟涓�濞变箰绌洪棿鍗囩骇涓烘暟鏅哄寲瀹跺涵濞变箰鏈嶅姟涓績</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/jingqu_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏃呮父鏅尯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏁村悎鏅尯澶氫笟鎬佽祫婧愶紝淇冭繘鏃呮父鏈嶅姟鍚戠敓鎬佸寲銆佹櫤鑳藉寲鐨勭患鍚堜笟鎬佺粡钀ョ鐞嗘ā寮忓崌绾�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝<br />鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+            <img class="fangan_image" style="height: 194px;" src="${webDomain}/images/jingqu_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼氬憳钀ラ攢.png" />
+                    <span>浼氬憳钀ラ攢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浜插瓙鍗�.png" />
+                    <span>浜插瓙鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鐐归鏈嶅姟.png" />
+                    <span>鐐归鏈嶅姟</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/ota鍥㈣喘.png" />
+                    <span>OTA鍥㈣喘</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/瀹㈡祦鍒嗘瀽.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/scenicArea.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/soSmartSpaceMobile.html b/server/src/main/resources/templates/mobile/soSmartSpaceMobile.html
new file mode 100644
index 0000000..880a092
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/soSmartSpaceMobile.html
@@ -0,0 +1,141 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/smartSpace.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <title>${seo.title!'瑙e喅鏂规-绌洪棿鏅烘収绠$悊'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <span class="banner_title">寤跺睍绌洪棿浠峰�� 鏅哄垱鏈嶅姟鏂扮瘒</span>
+            <span class="banner_info">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">绉戞妧璧嬭兘 鏅哄垱鏈嶅姟绌洪棿鏂拌寖寮�</div>
+            <div class="fangan_info" style="width: 331px;">鍒╃敤淇℃伅鍖栥�佹暟瀛楀寲鎶�鏈紝閽堝涓嶅悓绌洪棿鍦烘櫙缁撳悎鍏蜂綋鐨勯渶姹傝繘琛岀珛浣撳寲銆佹櫤鑳藉寲绠$悊涓庡簲鐢紝鏁村悎澶氬姛鑳界┖闂寸殑璁惧銆佷汉娴併�佽繍鍔ㄦ暟鎹�佽惀閿�淇冩椿銆佸畨鍏ㄩ璀︾瓑锛屾墦閫犲彲鎰熴�佸彲鎺х殑绔嬩綋浜や簰鏅烘収绌洪棿锛屾瀯寤衡�滅┖闂村嵆鏈嶅姟鈥濈殑鏁板瓧鍖栬繍钀ヤ綋绯�</div>
+            <img class="fangan_image" style="height: 195px;" src="${webDomain}/images/kongjian_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">绌洪棿鏅烘収绠$悊搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼樺寲绌洪棿璧勬簮閰嶇疆锛岃绠$悊绮剧粏鍖栥�佽繍钀ユ暟鎹寲銆佷綋楠屾櫤鑳藉寲</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/kongjian_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">宸ヤ汉鏂囧寲瀹�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏋勫缓鏁板瓧鍖栥�佹櫤鑳藉寲鍏叡鏈嶅姟骞冲彴锛屾彁鍗囩┖闂寸鐞嗘晥鐜囧拰鏈嶅姟璐ㄩ噺锛屼负鍚勯」涓氬姟鎻愪緵渚垮埄</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/kongjian_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浼佷笟宸ヤ細棣�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">钀藉疄鏁板瓧宸ヤ細鐢熸�佷竴浣撳寲寤鸿鐩爣锛屾弧瓒充紒涓氳亴宸ヤ釜鎬у寲闇�姹傦紝鎺ㄥ姩宸ヤ細宸ヤ綔鍒涙柊鍙戝睍</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/kongjian_img_4@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏂囪壓婕斿嚭棣�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃瀵圭幆澧冭鏂姐�佹湇鍔℃柟寮忋�佽繍钀ョ鐞嗚繘琛屾櫤鎱у寲鍗囩骇锛屾彁鍗囩┖闂磋繍琛岀鐞嗗拰鏈嶅姟鏁堣兘</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">绌洪棿鏅烘収绠$悊瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">閫氳繃鐗╄仈缃戜笌澶ф暟鎹妧鏈紝鏅鸿兘璋冩帶绌洪棿璧勬簮鍜岀┖闂寸鐞�</div>
+            <img class="fangan_image" style="height: 194px;" src="${webDomain}/images/kongjian_img_5@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="${webDomain}/images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="${webDomain}/images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="${webDomain}/images/icon/浼氬憳钀ラ攢.png" />
+                    <span>浼氬憳钀ラ攢</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="${webDomain}/images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1" style="margin-top: 0;">
+                    <img src="${webDomain}/images/icon/浜插瓙鍗�.png" />
+                    <span>浜插瓙鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鐐归鏈嶅姟.png" />
+                    <span>鐐归鏈嶅姟</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/ota鍥㈣喘.png" />
+                    <span>OTA鍥㈣喘</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璧涗簨娲诲姩.png" />
+                    <span>璧涗簨娲诲姩</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/smartSpace.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/soSmartVenueMobile.html b/server/src/main/resources/templates/mobile/soSmartVenueMobile.html
new file mode 100644
index 0000000..fbc46aa
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/soSmartVenueMobile.html
@@ -0,0 +1,188 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/solutionSmartVenue.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/swiper.min.css">
+    <title>${seo.title!'瑙e喅鏂规-鏁版櫤浣撹偛鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <span class="banner_title">绉戞妧璧嬭兘绠$悊 鏅烘収绮剧畝杩愯惀</span>
+            <span class="banner_info">AI璧嬭兘銆佸紑鍚満棣嗘暟鏅烘柊鏃朵唬</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">AI璧嬭兘 寮�鍚満棣嗘暟鏅烘柊鏃朵唬</div>
+            <div class="fangan_info" style="width: 331px;">璞嗙背璺宠烦浠ョ墿鑱旂綉涓哄熀纭�锛屼緷鎵楢I绠楁硶鍜屽ぇ鏁版嵁绛夋妧鏈鍩熺殑娣卞害铻嶅悎锛屽疄鐜拌繍鍔ㄥ満棣嗘暟瀛楀寲銆佹櫤鑳藉寲銆佹櫤鎱у寲鏀归�犲崌绾�   杩愯惀鎴愭湰锛屼紭鍖栨湇鍔′綋楠岋紝褰㈡垚绾夸笂绾夸笅铻嶅悎浜掑姩銆佺珛浣撹鐩栫殑鏈嶅姟渚涚粰浣撶郴锛屾墿澶у満棣嗗晢涓氫环鍊硷紝閲嶅鏁版櫤鍦洪杩愯惀鐢熸�併��</div>
+            <img class="fangan_image" style="height: 195px;" src="${webDomain}/images/shuzhi_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏅烘収鍦洪绯荤粺搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">琛屼笟缁嗗垎锛屼负澶氱杩愬姩鍦烘櫙鎻愪緵鏇村瀭鐩寸殑鍦洪鏅烘敼瑙e喅鏂规</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/home_img1_open@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">缁煎悎浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/鐭╁舰@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鍏ㄦ皯鍋ヨ韩涓績</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃棰勭害棰勫畾銆佸満鍦扮鐞嗐�佽兘鑰楃鎺х瓑杩涜鍦洪鍔ㄦ�佽皟搴︼紝浼樺寲鏈嶅姟浣撻獙</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/鐭╁舰1@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏍″洯浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏀寔鏍″唴澶栦汉鍛樺垎娴侊紝婊¤冻鏍″洯杩愬姩闇�姹傚強鏁欏璁粌鍦烘櫙</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/鐭╁舰3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鍐伴洩浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏀寔浼氬憳绠$悊銆佸櫒鏉愮璧併�佹暀缁冪鐞嗙瓑鍔熻兘锛屾彁鍗囨湇鍔′綋楠屽拰钀ラ攢璧嬭兘</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/鐭╁舰4@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">娓告吵浣撹偛鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘闂告満銆佹墜鐜満銆佹櫤鑳藉偍鐗╂煖鍜屾櫤鑳藉畨鍏ㄧ洃娴嬬瓑锛屾弧瓒冲満棣嗚繍钀ラ渶姹�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/鐭╁舰5@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏅烘収浣撹偛鍏洯</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鎻愪緵鍏ㄥぉ鍊欏満鍦伴瀹氥�佹櫤鑳界収鏄庡拰鏃犱汉鍊煎畧鏈嶅姟锛屾彁鍗囧仴韬綋楠�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏅烘収鍦洪绯荤粺瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">鎻愪緵涓婄櫨绉嶅姛鑳藉簲鐢紝鎵撻�犳櫤鑳戒竴浣撳寲骞冲彴锛屽姪鍔涘満棣嗘櫤鎱х鐞嗗拰钀ラ攢杞寲</div>
+            <img class="fangan_image" style="height: 194px;" src="${webDomain}/images/solution_img_8@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍦哄湴棰勫畾.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/闂ㄧエ鍞崠.png" />
+                    <span>闂ㄧエ绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/濂楅绠$悊.png" />
+                    <span>濂楅绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/涓撻」鍗�.png" />
+                    <span>涓撻」鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼存父鍗�.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璇剧▼绠$悊.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍣ㄦ潗绉熻祦.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/娲诲姩绠$悊.png" />
+                    <span>娲诲姩绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/缁熻鍒嗘瀽.png" />
+                    <span>缁熻鍒嗘瀽</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璁惧绠$悊.png" />
+                    <span>璁惧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/swiper.min.js"></script>
+    <script src="${webDomain}/js/solutionSmartVenue.js"></script>
+
+    <script>
+        var swiper = new Swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+        var swiper1 = new Swiper('.swiper-container1', {
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+    </script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/soSportsPlatformMobile.html b/server/src/main/resources/templates/mobile/soSportsPlatformMobile.html
new file mode 100644
index 0000000..cca37fe
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/soSportsPlatformMobile.html
@@ -0,0 +1,131 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/sportsPlatform.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <title>${seo.title!'瑙e喅鏂规-鏁版櫤浣撹偛骞冲彴'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <span class="banner_title">鎶�鏈祴鑳� 鏁版櫤椹卞姩</span>
+            <span class="banner_info">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">璧勬簮鏁村悎 淇冭繘绮剧粏鍖栧钩鍙版湇鍔�</div>
+            <div class="fangan_info" style="width: 331px;">鏅烘収浣撹偛绠$悊绯荤粺娣卞害鏁村悎鐗╄仈缃戜笌AI鍐崇瓥鑳藉姏锛岄�氳繃鏁版櫤浣撹偛骞冲彴瀹炵幇鍦洪璧勬簮璋冨害銆佽繍鍔ㄦ暟鎹垎鏋愬拰瀹夊叏棰勮淇濋殰锛岃祴鑳藉満棣嗚繍钀ラ檷鏈鏁堬紝鏋勫缓涓�浣撳寲銆侀珮鏁堝崗鍚岀殑浣撹偛缁煎悎绠$悊浣撶郴锛岃鐢ㄦ埛鑾峰緱绉戝鍖栥�佷釜鎬у寲鐨勮繍鍔ㄤ綋楠岋紝鎺ㄥ姩浣撹偛浜т笟鐢辩矖鏀惧紡绠$悊鍚戞暟鎹┍鍔ㄧ殑绮剧粏鍖栨湇鍔℃ā寮忔紨杩�</div>
+            <img class="fangan_image" style="height: 195px;" src="${webDomain}/images/tiyupingtai_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼氬憳閫氳繃灏忕▼搴忓湪绾块绾﹁鍦猴紝鑷姪鏍搁獙鍏ュ満銆佺鍒般�佽繍鍔ㄩ敾鐐肩瓑锛屾弧瓒虫洿澶氬満鏅渶姹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/tiyupingtai_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">浣撹偛杩為攣杩愯惀骞冲彴</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘绯荤粺瀹炵幇璺ㄥ尯鍩熷鍦洪缁熶竴绠$悊鍜屼細鍛樻湇鍔″崗鍚岋紝杩涜鍦洪绮剧粏绠℃帶鍜岃惀閿�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/tiyupingtai_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鐪佸競绾ф暟鏅轰綋鑲插钩鍙�</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">鏁村悎鍏ㄥ煙鍦洪鏁版嵁涓庡叕鍏辨湇鍔¤祫婧愯繘琛岃祫婧愬悎鐞嗛厤缃強鍋ヨ韩鏈嶅姟浣撻獙鍗囩骇</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鏁版櫤浣撹偛骞冲彴瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝<br />鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</div>
+            <img class="fangan_image" style="height: 194px;" src="${webDomain}/images/tiyupingtai_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍦哄湴棰勫畾(1).png" />
+                    <span>棰勭害棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍦哄尯鍦哄湴.png" />
+                    <span>鍦哄湴绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼存父鍗�.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟鎶ヨ〃</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鏃ュ父绠$悊.png" />
+                    <span>鏁欏煿绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/涓撻」鍗�.png" />
+                    <span>涓撻」鍗�</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璧涗簨娲诲姩.png" />
+                    <span>璧涗簨娲诲姩</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/澶у睆绠$悊.png" />
+                    <span>澶у睆绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/缁熻鍒嗘瀽(1).png" />
+                    <span>鏁版嵁缁熻</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/swiper.min.js"></script>
+    <script src="${webDomain}/js/sportsPlatform.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/soUnmannedVenueMobile.html b/server/src/main/resources/templates/mobile/soUnmannedVenueMobile.html
new file mode 100644
index 0000000..24150b6
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/soUnmannedVenueMobile.html
@@ -0,0 +1,144 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/unmannedVenue.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/swiper.min.css">
+    <title>${seo.title!'瑙e喅鏂规-鏃犱汉鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <span class="banner_title">鏅哄惎鏃犱汉鍊煎畧鏃朵唬</span>
+            <span class="banner_info">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</span>
+            <div class="banner_btn">鍜ㄨ璇︽儏</div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">鐗╄仈搴旂敤 鎵撻��24H鏅鸿兘鍦洪</div>
+            <div class="fangan_info" style="width: 331px;">鐜颁唬鐢熸椿鑺傚鐨勫姞蹇偓鐢熺鐗囧寲杩愬姩闇�姹傦紝娑堣垂鑰呭渚挎嵎銆侀珮鏁堛�佽嚜鍔╁紡鏈嶅姟鍜屽叏鏃舵鐏垫椿鍋ヨ韩鐨勯渶姹傚鍔犮�備笌姝ゅ悓鏃讹紝浼犵粺鐞冮鍙楅檺浜庝汉宸ユ垚鏈紝鍙兘鍦ㄧ壒瀹氭椂闂存鍐呭紑鏀鹃�犳垚鍦哄湴璧勬簮闂茬疆銆�24H鏅鸿兘鍦洪渚濇墭鏅烘収鍦洪绯荤粺鍜岀墿鑱旇澶囩殑楂樻晥鍗忓悓锛屾弧瓒冲悇鏂归渶姹傦紝浠庤�岃妭鐪佷汉鍔涙垚鏈�佹彁楂樺満棣嗙粡钀ユ晥鐜囥�佹彁鍗囩敤鎴疯繍鍔ㄤ綋楠屻��</div>
+            <img class="fangan_image" style="height: 195px;" src="${webDomain}/images/wuren_img_1@2x.png" />
+            <div class="fangan_btn">鏌ョ湅璇︽儏</div>
+        </div>
+        <div class="fangan" style="background: #FFF6ED;">
+            <div class="fangan_title">24H鏅鸿兘鍦洪搴旂敤鍦烘櫙</div>
+            <div class="fangan_info" style="width: 331px;">浼氬憳閫氳繃灏忕▼搴忓湪绾块绾﹁鍦猴紝鑷姪鏍搁獙鍏ュ満銆佺鍒般�佽繍鍔ㄩ敾鐐肩瓑锛屾弧瓒虫洿澶氬満鏅渶姹�</div>
+            <div class="fangan_list">
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/wuren_img_2@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">24H鏅鸿兘鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">渚濇墭鏅烘収鍦洪绯荤粺鍜岄棬绂併�佹秷璇炬満銆佹櫤鑳界數鎺с�佸偍鐗╂煖绛夌墿鑱旇澶囷紝瀹炵幇鍦洪鍏ㄥぉ鍊欒繍钀�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+                <div class="fangan_list_item">
+                    <div class="left">
+                        <img src="${webDomain}/images/wuren_img_3@2x.png" />
+                    </div>
+                    <div class="right">
+                        <div class="right_title">鏃犱汉鍊煎畧鍦洪</div>
+                        <div class="right_xian"></div>
+                        <div class="right_info">閫氳繃鏅鸿兘鐗╄仈涓嶢I鐩戞帶绛夛紝瀹炵幇璁炬柦鏅鸿兘绠℃帶鍙婂畨鍏ㄩ璀︼紝闄嶆湰澧炴晥鍚屾椂淇濋殰瀹夊叏杩愯惀銆�</div>
+                    </div>
+                    <img class="fangan_list_icon" src="${webDomain}/images/ar_detail@2x.png" />
+                </div>
+            </div>
+        </div>
+        <div class="fangan">
+            <div class="fangan_title">24H鏅鸿兘鍦洪瑙e喅鏂规</div>
+            <div class="fangan_info" style="width: 331px;">鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鐨勮嚜鍔ㄥ寲绠$悊鍜屾棤浜哄�煎畧杩愯惀</div>
+            <img class="fangan_image" style="height: 194px;" src="${webDomain}/images/wuren_img_4@2x.png" />
+            <div class="fangan_list">
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍦哄湴棰勫畾(1).png" />
+                    <span>棰勭害棰勫畾</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍦哄尯鍦哄湴.png" />
+                    <span>鍦哄湴绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绁ㄥ姟绠$悊.png" />
+                    <span>绁ㄥ姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/浼氬憳绠$悊.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/濂楅绠$悊.png" />
+                    <span>濂楅鍗″埜</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璁惧绠$悊.png" />
+                    <span>鏅鸿仈纭欢</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍣ㄦ潗绉熻祦.png" />
+                    <span>鍣ㄦ潗绉熻祦</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鍟嗗搧绠$悊.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/璐㈠姟绠$悊.png" />
+                    <span>璐㈠姟绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绉垎鍟嗗煄.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/閫氱煡鍏憡.png" />
+                    <span>閫氱煡鍏憡</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鏃ュ父绠$悊.png" />
+                    <span>鏁欏煿绠$悊</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/鎴戠殑绾︾悆.png" />
+                    <span>绾︾悆鎷煎満</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/绮惧僵鐬棿.png" />
+                    <span>绮惧僵鐬棿</span>
+                </div>
+                <div class="fangan_list_item1">
+                    <img src="${webDomain}/images/icon/瀹㈡祦鍒嗘瀽.png" />
+                    <span>瀹㈡祦鍒嗘瀽</span>
+                </div>
+            </div>
+            <div class="fangan_btn" style="margin-top: 30px;">鍜ㄨ璇︽儏</div>
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/swiper.min.js"></script>
+    <script src="${webDomain}/js/solutionSmartVenue.js"></script>
+
+    <script>
+        var swiper = new Swiper('.swiper-container', {
+            pagination: '.swiper-pagination',
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+        var swiper1 = new Swiper('.swiper-container1', {
+            slidesPerView: 1.1,
+            spaceBetween: 10
+        });
+    </script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/sportsVenueMobile.html b/server/src/main/resources/templates/mobile/sportsVenueMobile.html
new file mode 100644
index 0000000..2724f58
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/sportsVenueMobile.html
@@ -0,0 +1,473 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>${seo.title!'缁煎悎浣撹偛鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain!''}/css/sportsVenue.css">
+    <link rel="stylesheet" href="${webDomain!''}/css/common.css">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">缁煎悎浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鎻愪緵杞‖浠朵竴浣撳寲鐨勬櫤鎱цВ鍐虫柟妗堬紝閫傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱у満棣嗙鐞�</div>
+            <img  src="${webDomain}/images/img_zongheguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">缁煎悎浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;"  src="${webDomain}/images/solution_zonghetiyuguan@2x.png" />
+        </div>
+        <img  src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">杩涢攢瀛樼鐞�</div>
+            <div class="item_info">
+                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/zongheguan_img_8@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏁版嵁澶у睆</div>
+            <div class="item_info">
+                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_keliujiance@2x.png" />
+                    <span>瀹㈡祦鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                    <span>杩愬姩缁熻</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shebeizhuangtai@2x.png" />
+                    <span>璁惧鐘舵��</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_anquanyujing@2x.png" />
+                    <span>瀹夊叏棰勮</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_tingcheshuju@2x.png" />
+                    <span>鍋滆溅鏁版嵁</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">瀵艰瀵艰</div>
+            <div class="item_info">
+                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_daolanping@2x.png" />
+                    <span>瀵艰瑙︽帶灞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_luxianzhiyin@2x.png" />
+                    <span>灏忕▼搴忚矾绾挎寚寮�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yingbingjiqi@2x.png" />
+                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zhishipai@2x.png" />
+                    <span>瀵艰鎸囩ず鐗�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunyi1ng_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅烘収鍋滆溅</div>
+            <div class="item_info">
+                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_cheweiyindao@2x.png" />
+                    <span>杞︿綅寮曞</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_chepaishibie@2x.png" />
+                    <span>杞︾墝璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zizhujiaofei@2x.png" />
+                    <span>鑷姪缂磋垂</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_cheweiyuyue@2x.png" />
+                    <span>杞︿綅棰勭害</span>
+                </div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunyin2g_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img  src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image"  src="${webDomain}/images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img  src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script  src="${webDomain}/js/sportsVenue.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/swimmingSportsMobile.html b/server/src/main/resources/templates/mobile/swimmingSportsMobile.html
new file mode 100644
index 0000000..dcb2f1c
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/swimmingSportsMobile.html
@@ -0,0 +1,616 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/swimmingSports.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'娓告吵浣撹偛鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">娓告吵浣撹偛鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">閽堝娓告吵棣嗘瀯寤烘按璐ㄦ櫤鑳借兘鑰楄皟鎺с�侀槻婧烘按棰勮銆佷細鍛樻湇鍔′竴浣撳寲鐨勬櫤鎱х鐞嗙郴缁�</div>
+            <img src="${webDomain}/images/img_youyongguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">娓告吵浣撹偛鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="${webDomain}/images/solution_youyongguan@2x.png" />
+        </div>
+        <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                杞‖浠惰仈鍔ㄥ疄鐜版父娉抽杩愯惀杩愮淮涓�浣撳寲锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鑷姪鎵嬬幆鏈�</div>
+            <div class="item_info">
+                鎵嬬幆鏀跺彂鏈烘敮鎸佷汉鑴歌瘑鍒�佷簩缁寸爜璇嗗埆锛岀敤鎴峰彲鑷姪鍙栬繕鎵嬬幆锛�<br />
+                閫氳繃鏅鸿兘鎵嬬幆鍙疄鐜版櫤鑳藉偍鐗┿�佹櫤鑳芥穻娴寸瓑璁惧浣跨敤锛�<br />
+                鎵嬬幆鑷姩鍥炴敹娓呮磥锛岄噸缃暟鎹紝浠ヤ究閲嶅鍒╃敤锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhuquhuanshouhuan@2x.png" />
+                    <span>鑷姪鍙栬繕<br/>鎵嬬幆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhujinchuchang@2x.png" />
+                    <span>鑷姪杩涘嚭鍦�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhuhuishou@2x.png" />
+                    <span>鑷姪鍥炴敹</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yajintuihuan@2x.png" />
+                    <span>鎶奸噾閫�杩�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouhuanxiaodu@2x.png" />
+                    <span>鎵嬬幆娑堟瘨<br/>娓呮磥</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shujuchongzhi@2x.png" />
+                    <span>鏁版嵁閲嶇疆</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">闃叉汉姘寸洃娴�</div>
+            <div class="item_info">
+                閫氳繃鏅鸿兘璁惧瀹炴椂鐩戞帶娉虫睜鐘舵�侊紝鍙婃椂棰勮婧烘按椋庨櫓锛屼繚闅滄吵瀹㈠畨鍏�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_fangnishuidaping@2x.png" />
+                    <span>闃叉汉姘�<br />鐩戞祴澶у睆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_anquanyujing@2x.png" />
+                    <span>鍒嗙骇棰勮<br />绯荤粺</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_aishexiangtou@2x.png" />
+                    <span>AI鎽勫儚澶�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_anquanyuanbaojing@2x.png" />
+                    <span>瀹夊叏鍛樻姤璀�<br />鎵嬭〃/骞虫澘</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_airuanjian@2x.png" />
+                    <span>AI杞欢<br />绯荤粺</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_quanjingshexiang@2x.png" />
+                    <span>鍏ㄦ櫙鎽勫儚澶�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/hexin_img_fangnishui.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鍟嗗搧绠$悊</div>
+            <div class="item_info">
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_airuanjian@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/hexin_img_shangpinguanli.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">绉垎鍟嗗煄</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenmingxi@2x.png" />
+                    <span>绉垎鏄庣粏</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shangpingguanli@2x.png" />
+                    <span>鍟嗗搧绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xunishangpin@2x.png" />
+                    <span>铏氭嫙鍟嗗搧</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/hexin_img_jifenshangcheng.png" />
+        </div>
+
+
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">棰勭害璁㈠満</div>-->
+<!--            <div class="item_info">-->
+<!--                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />-->
+<!--                    <span>鍦哄湴棰勫畾</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />-->
+<!--                    <span>鍦ㄧ嚎璐エ</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />-->
+<!--                    <span>鑷姪鍏呭��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />-->
+<!--                    <span>浼氬憳鍔炵悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />-->
+<!--                    <span>濂楅鏈嶅姟</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />-->
+<!--                    <span>棰嗗埜涓績</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />-->
+<!--                    <span>鍦ㄧ嚎绾︾悆</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />-->
+<!--                    <span>璇剧▼鎶ュ悕</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">璧涗簨娲诲姩</div>-->
+<!--            <div class="item_info">-->
+<!--                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_saishifabu@2x.png" />-->
+<!--                    <span>璧涗簨鍙戝竷</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_saishiguanli@2x.png" />-->
+<!--                    <span>璧涗簨绠$悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />-->
+<!--                    <span>娲诲姩鎶ュ悕</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_chengjigongbu@2x.png" />-->
+<!--                    <span>鎴愮哗鍏竷</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_saishizhibo@2x.png" />-->
+<!--                    <span>璧涗簨鐩存挱</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zhihuiguansai@2x.png" />-->
+<!--                    <span>鏅烘収瑙傝禌</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yunyingbaozhang@2x.png" />-->
+<!--                    <span>杩愯惀淇濋殰</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/zongheguan_img_7@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">杩涢攢瀛樼鐞�</div>-->
+<!--            <div class="item_info">-->
+<!--                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />-->
+<!--                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_shangpingshoumai@2x.png" />-->
+<!--                    <span>鍟嗗搧鍞崠</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_jinxiaocunguanli@2x.png" />-->
+<!--                    <span>杩涢攢瀛樼鐞�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_xiaoshoubaobiao@2x.png" />-->
+<!--                    <span>閿�鍞姤琛�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_shangpinpandian@2x.png" />-->
+<!--                    <span>鍟嗗搧鐩樼偣</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_dingdanguanli@2x.png" />-->
+<!--                    <span>璁㈠崟绠$悊</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/zongheguan_img_8@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">鏁版嵁澶у睆</div>-->
+<!--            <div class="item_info">-->
+<!--                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_keliujiance@2x.png" />-->
+<!--                    <span>瀹㈡祦鐩戞祴</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />-->
+<!--                    <span>杩愬姩缁熻</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_shebeizhuangtai@2x.png" />-->
+<!--                    <span>璁惧鐘舵��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_anquanyujing@2x.png" />-->
+<!--                    <span>瀹夊叏棰勮</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_tingcheshuju@2x.png" />-->
+<!--                    <span>鍋滆溅鏁版嵁</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/yunying_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">钀ラ攢杞寲</div>-->
+<!--            <div class="item_info">-->
+<!--                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />-->
+<!--                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_jifenguanli@2x.png" />-->
+<!--                    <span>绉垎绠$悊</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_jifenshangcheng@2x.png" />-->
+<!--                    <span>绉垎鍟嗗煄</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_duihuandingdan@2x.png" />-->
+<!--                    <span>鍏戞崲璁㈠崟</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_wuliupeisong@2x.png" />-->
+<!--                    <span>鐗╂祦閰嶉��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_miaoshachoujiang@2x.png" />-->
+<!--                    <span>绉掓潃鎶藉</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_duanxintuisong@2x.png" />-->
+<!--                    <span>鐭俊鎺ㄩ��</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_dingxiangfaquan@2x.png" />-->
+<!--                    <span>瀹氬悜鍙戝埜</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_dengjiquanyi@2x.png" />-->
+<!--                    <span>绛夌骇鏉冪泭</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/yun1ying_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">瀵艰瀵艰</div>-->
+<!--            <div class="item_info">-->
+<!--                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_daolanping@2x.png" />-->
+<!--                    <span>瀵艰瑙︽帶灞�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_luxianzhiyin@2x.png" />-->
+<!--                    <span>灏忕▼搴忚矾绾挎寚寮�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yingbingjiqi@2x.png" />-->
+<!--                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zhishipai@2x.png" />-->
+<!--                    <span>瀵艰鎸囩ず鐗�</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/yunyi1ng_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item">-->
+<!--            <div class="item_title">鏅烘収鍋滆溅</div>-->
+<!--            <div class="item_info">-->
+<!--                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_cheweiyindao@2x.png" />-->
+<!--                    <span>杞︿綅寮曞</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_chepaishibie@2x.png" />-->
+<!--                    <span>杞︾墝璇嗗埆</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zizhujiaofei@2x.png" />-->
+<!--                    <span>鑷姪缂磋垂</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_cheweiyuyue@2x.png" />-->
+<!--                    <span>杞︿綅棰勭害</span>-->
+<!--                </div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/yunyin2g_img2@2x.png" />-->
+<!--        </div>-->
+<!--        <div class="item" style="background: #F8F9FB;">-->
+<!--            <div class="item_title">璐㈠姟缁熻</div>-->
+<!--            <div class="item_info">-->
+<!--                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�-->
+<!--            </div>-->
+<!--            <div class="item_list">-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yingyejiesuan@2x.png" />-->
+<!--                    <span>钀ヤ笟缁撶畻</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_shourulaiyuan@2x.png" />-->
+<!--                    <span>鏀跺叆鏉ユ簮</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_zijinliushui@2x.png" />-->
+<!--                    <span>璧勯噾娴佹按</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_shoukuanfangshi@2x.png" />-->
+<!--                    <span>鏀舵鏂瑰紡</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_tuikuanjilu@2x.png" />-->
+<!--                    <span>閫�娆捐褰�</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yingyefenlei@2x.png" />-->
+<!--                    <span>钀ヤ笟鍒嗙被</span>-->
+<!--                </div>-->
+<!--                <div class="item_list_item">-->
+<!--                    <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />-->
+<!--                    <span>鏁版嵁鍒嗘瀽</span>-->
+<!--                </div>-->
+<!--                <div style="width: 25%; height: 0;"></div>-->
+<!--            </div>-->
+<!--            <img class="item_image" src="${webDomain}/images/yunying_34img2@2x.png" />-->
+<!--        </div>-->
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/swimmingSports.js"></script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/mobile/unattendedMobile.html b/server/src/main/resources/templates/mobile/unattendedMobile.html
new file mode 100644
index 0000000..32c7d1d
--- /dev/null
+++ b/server/src/main/resources/templates/mobile/unattendedMobile.html
@@ -0,0 +1,476 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="${webDomain}/css/unattended.css">
+    <link rel="stylesheet" href="${webDomain}/css/common.css">
+    <title>${seo.title!'鏃犱汉鍊煎畧鍦洪'}</title>
+    <meta name="description" content="${seo.remark!''}">
+    <meta name="keywords" content="${seo.keywords!''}">
+    <link rel="icon" href="${webDomain}/images/icon/icon.ico">
+</head>
+<body>
+    <div class="box">
+        <div id="header">
+            <#include "/components/navMobile.html">
+        </div>
+        <div class="banner">
+            <div class="banner_title">鏃犱汉鍊煎畧鍦洪绀烘剰鍥�</div>
+            <div class="banner_info">鍩轰簬绾夸笂灏忕▼搴忓拰绾夸笅鑷姪鏈嶅姟闂幆锛岀敤鎴峰彲鑷富瀹屾垚鈥滈瀹�-鏍搁攢-绂诲満鈥濆叏娴佺▼</div>
+            <img src="${webDomain}/images/img_wurenguan@2x.png" />
+        </div>
+        <div class="banner" style="background: #FFF6ED;">
+            <div class="banner_title">鏃犱汉鍊煎畧鍦洪瑙e喅鏂规浼樺娍</div>
+            <img style="height: 155px;" src="${webDomain}/images/solution_wuren@2x.png" />
+        </div>
+        <img src="${webDomain}/images/img_hexingongneng@2x.png" class="lanmu" />
+        <div class="item">
+            <div class="item_title">棰勭害璁㈠満</div>
+            <div class="item_info">
+                灏忕▼搴忚嚜鍔╅绾﹁鍦猴紝鍦ㄧ嚎鏀粯锛岀郴缁熻嚜鍔ㄥ叧鑱旈攣瀹氬満鍦�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_changdiyuding@2x.png" />
+                    <span>鍦哄湴棰勫畾</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixiangoupiao@2x.png" />
+                    <span>鍦ㄧ嚎璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhuchongzhi@2x.png" />
+                    <span>鑷姪鍏呭��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_huiyuanbanli@2x.png" />
+                    <span>浼氬憳鍔炵悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanfuwu@2x.png" />
+                    <span>濂楅鏈嶅姟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_lingquanzhongxin@2x.png" />
+                    <span>棰嗗埜涓績</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zaixianyueqiu@2x.png" />
+                    <span>鍦ㄧ嚎绾︾悆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengbaoming@2x.png" />
+                    <span>璇剧▼鎶ュ悕</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_3@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏅鸿兘绠℃帶</div>
+            <div class="item_info">
+                棰勫畾鍚庡彲閫氳繃澶氱鏂瑰紡鏍搁獙鍏ュ満锛屾敮鎸佷竴鐮侀�氥�佷竴鍗¢�氥�佷竴鑴搁�氾紱<br />
+                鐗╄仈璁惧缁戝畾绁ㄥ姟绯荤粺锛屽疄鐜版櫤鑳藉満鏅寲搴旂敤锛�<br />
+                杞‖浠惰仈鍔ㄥ疄鐜颁綋鑲插満棣嗚繍钀ヨ繍缁翠竴浣撳寲
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_renlianshibie@2x.png" />
+                    <span>浜鸿劯璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_erweimashibie@2x.png" />
+                    <span>浜岀淮鐮佽瘑鍒�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengchuwugui@2x.png" />
+                    <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengzhaji@2x.png" />
+                    <span>鏅鸿兘闂告満</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongzhuapai@2x.png" />
+                    <span>AI杩愬姩鎶撴媿</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinenganfang@2x.png" />
+                    <span>鏅鸿兘瀹夐槻鐩戞帶</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunweiguanli@2x.png" />
+                    <span>杩愮淮绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengdengkong@2x.png" />
+                    <span>鏅鸿兘鐏帶</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_5@2x.png" />
+        </div>
+
+
+
+        <div class="item">
+            <div class="item_title">鏅烘収鍓嶅彴</div>
+            <div class="item_info">
+                鎺ュ緟寮曞鐢ㄦ埛瀹屾垚璐エ銆佸椁愬姙鐞嗙瓑涓氬姟锛�<br />
+                鍟嗗搧鍞崠鏀堕摱锛屾敮鎸佸绉嶆敮浠樻柟寮忥紝绠�鍗曚究鎹凤紱<br />
+                瀹炴椂鏌ョ湅鍦洪缁忚惀鎯呭喌锛屾暟鎹姤琛ㄤ竴鐩簡鐒讹紱<br />
+                鏀寔瀹堕暱鍔炵悊浼存父鍗★紝鍏ュ満闄悓瀛﹀憳鍩硅瀛︿範锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_vipguanli@2x.png" />
+                    <span>浼氬憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shitikabanli@2x.png" />
+                    <span>瀹炰綋鍗″姙鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_menpiaoshoumai@2x.png" />
+                    <span>闂ㄧエ鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_taocanshoumai@2x.png" />
+                    <span>濂楅鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_niankacika@2x.png" />
+                    <span>骞村崱娆″崱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhujiaozulin@2x.png" />
+                    <span>鍔╂暀绉熻祦</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shouyinjiesuan@2x.png" />
+                    <span>鏀堕摱缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_banyouka@2x.png" />
+                    <span>浼存父鍗�</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鑷姪璐エ鏈�</div>
+            <div class="item_info">
+                鐢ㄦ埛鐜板満鑷姪鏌ュ崟璁㈠満锛岀紦瑙e墠鍙板帇鍔涳紱<br />
+                鏀寔绾夸笂銆佺嚎涓嬭喘绁紝鍙�氳繃鍞エ鏈鸿嚜鍔╂墦鍗板嚟璇佸叆鍦猴紱<br />
+                绠�鍖栬喘绁ㄦ祦绋嬶紝瀵规棤鎵嬫満浜虹兢銆佽�佷汉鍜屽皬瀛╂洿鍙嬪ソ锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绾夸笂璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianxiagoupiao@2x.png" />
+                    <span>绾夸笅璐エ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingdanchaxun@2x.png" />
+                    <span>璁㈠崟鏌ヨ</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dayinpingzheng@2x.png" />
+                    <span>鎵撳嵃鍑瘉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duoyanghuazhifu@2x.png" />
+                    <span>澶氭牱鍖栨敮浠�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_gaiqiantuipiao@2x.png" />
+                    <span>鏀圭閫�绁�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xinxigonggao@2x.png" />
+                    <span>淇℃伅鍏憡</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_4@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">浣撳煿浣撹</div>
+            <div class="item_info">
+                瀵瑰鍛�/鏁欑粌鏅鸿兘绠$悊锛岀郴缁熻嚜鍔ㄦ帓璇撅紝涓�閿鍒版秷璇剧鐞嗘棤蹇�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xueyuanganli@2x.png" />
+                    <span>瀛﹀憳绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xianshanggoupiao@2x.png" />
+                    <span>绛惧埌娑堣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_kechengguanli@2x.png" />
+                    <span>璇剧▼绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jiaolianguanli@2x.png" />
+                    <span>鏁欑粌绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_keshijilu@2x.png" />
+                    <span>璇炬椂璁板綍</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengxiaokeji@2x.png" />
+                    <span>鏅鸿兘娑堣鏈�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhinengpaike@2x.png" />
+                    <span>鏅鸿兘鎺掕</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_6@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璧涗簨娲诲姩</div>
+            <div class="item_info">
+                瀹炵幇璧涗簨娲诲姩鍏ㄦ祦绋嬫暟瀛楀寲杩愯惀锛屾彁鍗囩粍缁囨晥鐜囦笌鍙備笌浣撻獙
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishifabu@2x.png" />
+                    <span>璧涗簨鍙戝竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishiguanli@2x.png" />
+                    <span>璧涗簨绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_huodongbaoming@2x.png" />
+                    <span>娲诲姩鎶ュ悕</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_chengjigongbu@2x.png" />
+                    <span>鎴愮哗鍏竷</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_saishizhibo@2x.png" />
+                    <span>璧涗簨鐩存挱</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhihuiguansai@2x.png" />
+                    <span>鏅烘収瑙傝禌</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yunyingbaozhang@2x.png" />
+                    <span>杩愯惀淇濋殰</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_7@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">杩涢攢瀛樼鐞�</div>
+            <div class="item_info">
+                鍟嗗搧杩涢攢瀛樺叏娴佺▼鏅鸿兘鍖栫鎺э紝鎻愬崌鐗╄祫绠$悊鏁堢巼锛�<br />
+                绾夸笂闅忔椂鏌ョ湅搴撳瓨鍜屼笂鏋跺晢鍝侊紝鏀寔浼氬憳鍗″厖鍊煎垝鎵o紱
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shangpingshoumai@2x.png" />
+                    <span>鍟嗗搧鍞崠</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jinxiaocunguanli@2x.png" />
+                    <span>杩涢攢瀛樼鐞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_xiaoshoubaobiao@2x.png" />
+                    <span>閿�鍞姤琛�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shangpinpandian@2x.png" />
+                    <span>鍟嗗搧鐩樼偣</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingdanguanli@2x.png" />
+                    <span>璁㈠崟绠$悊</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/zongheguan_img_8@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">鏁版嵁澶у睆</div>
+            <div class="item_info">
+                閲囩敤鍙鍖栭泦鎴愮郴缁燂紝涓�鐩簡鐒讹紝渚夸簬绠$悊鑰呴殢鏃朵簡瑙i鍐呭姩鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_keliujiance@2x.png" />
+                    <span>瀹㈡祦鐩戞祴</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                    <span>杩愬姩缁熻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shebeizhuangtai@2x.png" />
+                    <span>璁惧鐘舵��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_anquanyujing@2x.png" />
+                    <span>瀹夊叏棰勮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_tingcheshuju@2x.png" />
+                    <span>鍋滆溅鏁版嵁</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunying_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">钀ラ攢杞寲</div>
+            <div class="item_info">
+                鍒跺畾绉垎瑙勫垯锛堟秷璐�/绛惧埌鑾峰彇锛夛紝鏀寔鍟嗗煄鍏戞崲绀煎搧鎴栨姷鎵h垂鐢紱<br />
+                绾夸笂鍏戞崲鍚庯紝鏀寔鐗╂祦閰嶉�佹垨鍒伴鑷彁锛�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenguanli@2x.png" />
+                    <span>绉垎绠$悊</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_jifenshangcheng@2x.png" />
+                    <span>绉垎鍟嗗煄</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duihuandingdan@2x.png" />
+                    <span>鍏戞崲璁㈠崟</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_wuliupeisong@2x.png" />
+                    <span>鐗╂祦閰嶉��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_miaoshachoujiang@2x.png" />
+                    <span>绉掓潃鎶藉</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_duanxintuisong@2x.png" />
+                    <span>鐭俊鎺ㄩ��</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dingxiangfaquan@2x.png" />
+                    <span>瀹氬悜鍙戝埜</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_dengjiquanyi@2x.png" />
+                    <span>绛夌骇鏉冪泭</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yun1ying_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">瀵艰瀵艰</div>
+            <div class="item_info">
+                涓烘潵璁胯�呮彁渚涙櫤鑳藉寲銆佷究鎹峰寲鐨勭┖闂村紩瀵煎拰淇℃伅鏈嶅姟
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_daolanping@2x.png" />
+                    <span>瀵艰瑙︽帶灞�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_luxianzhiyin@2x.png" />
+                    <span>灏忕▼搴忚矾绾挎寚寮�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yingbingjiqi@2x.png" />
+                    <span>鏅鸿兘杩庡鏈哄櫒浜�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zhishipai@2x.png" />
+                    <span>瀵艰鎸囩ず鐗�</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunyi1ng_img2@2x.png" />
+        </div>
+        <div class="item">
+            <div class="item_title">鏅烘収鍋滆溅</div>
+            <div class="item_info">
+                瀹炵幇杞﹁締蹇�熷嚭鍏ヤ笌楂樻晥绠$悊锛屾彁鍗囧仠杞︽湇鍔$殑鏅鸿兘鍖栦笌渚挎嵎鎬�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_cheweiyindao@2x.png" />
+                    <span>杞︿綅寮曞</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_chepaishibie@2x.png" />
+                    <span>杞︾墝璇嗗埆</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zizhujiaofei@2x.png" />
+                    <span>鑷姪缂磋垂</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_cheweiyuyue@2x.png" />
+                    <span>杞︿綅棰勭害</span>
+                </div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunyin2g_img2@2x.png" />
+        </div>
+        <div class="item" style="background: #F8F9FB;">
+            <div class="item_title">璐㈠姟缁熻</div>
+            <div class="item_info">
+                璐㈠姟鏁版嵁娓呮櫚锛屾敮鎸佸垎鏃舵鎼滅储鏌ョ湅锛屾櫤鑳芥姤琛ㄤ竴鐩簡鐒�
+            </div>
+            <div class="item_list">
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yingyejiesuan@2x.png" />
+                    <span>钀ヤ笟缁撶畻</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shourulaiyuan@2x.png" />
+                    <span>鏀跺叆鏉ユ簮</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_zijinliushui@2x.png" />
+                    <span>璧勯噾娴佹按</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_shoukuanfangshi@2x.png" />
+                    <span>鏀舵鏂瑰紡</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_tuikuanjilu@2x.png" />
+                    <span>閫�娆捐褰�</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yingyefenlei@2x.png" />
+                    <span>钀ヤ笟鍒嗙被</span>
+                </div>
+                <div class="item_list_item">
+                    <img src="${webDomain}/images/icon3/ic_yundongtongji@2x.png" />
+                    <span>鏁版嵁鍒嗘瀽</span>
+                </div>
+                <div style="width: 25%; height: 0;"></div>
+            </div>
+            <img class="item_image" src="${webDomain}/images/yunying_34img2@2x.png" />
+        </div>
+        <div class="gengduo">
+            <div class="gengduo_title">鏇村鍔熻兘</div>
+            <div class="gengduo_info">鏅烘収浣撹偛鍦洪杩愯惀绠$悊绯荤粺锛岃仛鍔涜祴鑳斤紝鏅洪鏈潵锛屽姛鑳芥棤闄愭墿寮狅紝寮哄ぇ涓嶆浜庢</div>
+            <img src="${webDomain}/images/cate.png" />
+        </div>
+        <div id="footer"> <#include "/components/footerMobile.html"></div>
+    </div>
+    <script src="${webDomain}/js/unattended.js"></script>
+</body>
+</html>

--
Gitblit v1.9.3