From 9e1e058b057fc6ef0a9baf636f230c21f1282797 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 07 七月 2025 15:26:23 +0800
Subject: [PATCH] ss

---
 server/src/main/java/com/doumee/biz/system/impl/SystemDictDataBizImpl.java                         |  172 +++
 server/src/main/resources/templates/dynamics.html                                                  |  137 ++
 server/src/main/resources/templates/dynamics_details.html                                          |   93 +
 server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseResponse.java         |    2 
 server/src/main/resources/templates/alot.html                                                      |  450 +++++++++
 server/src/main/java/com/doumee/core/job/JobParam.java                                             |    5 
 server/src/main/resources/templates/solution.html                                                  |  209 ++++
 server/src/main/java/com/doumee/core/constants/Constants.java                                      |   42 
 .idea/libraries/Maven__org_freemarker_freemarker_2_3_29.xml                                        |   13 
 server/src/main/java/com/doumee/dao/dto/CreatePageDTO.java                                         |   19 
 server/src/main/java/com/doumee/dao/vo/FootDataVO.java                                             |    4 
 admin/src/api/business/static.js                                                                   |    9 
 server/src/main/java/com/doumee/service/business/impl/CarouselServiceImpl.java                     |    1 
 server/src/main/java/com/doumee/core/annotation/pr/PreventRepeatInterceptor.java                   |    2 
 server/src/main/java/com/doumee/core/utils/Secure.java                                             |    5 
 server/src/main/java/com/doumee/biz/system/SystemDictDataBiz.java                                  |    2 
 server/src/main/resources/templates/components/footer.html                                         |  334 ++++++
 server/src/main/java/com/doumee/api/business/StaticController.java                                 |   39 
 server/src/main/resources/templates/intelligent_system.html                                        |  489 ++++++++++
 server/src/main/java/com/doumee/biz/system/impl/SystemJobTriggerBizImpl.java                       |    1 
 server/src/main/resources/templates/about.html                                                     |  284 +++++
 server/src/main/java/com/doumee/api/common/PublicCloudController.java                              |   24 
 admin/src/views/index.vue                                                                          |  240 ----
 server/pom.xml                                                                                     |    5 
 server/src/main/resources/templates/components/nav.html                                            |   30 
 server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxUserAttrInfoResponse.java |    3 
 server/src/main/resources/application.yml                                                          |    7 
 admin/src/components/business/OperaInformationWindow.vue                                           |    3 
 server/src/main/resources/templates/operation.html                                                 |  186 +++
 server/src/main/java/com/doumee/api/business/CarouselController.java                               |    2 
 .idea/libraries/Maven__org_springframework_boot_spring_boot_starter_freemarker_2_2_5_RELEASE.xml   |   13 
 server/src/main/java/com/doumee/service/system/impl/SystemDictServiceImpl.java                     |    3 
 server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseSingleResponse.java   |    1 
 33 files changed, 2,582 insertions(+), 247 deletions(-)

diff --git a/.idea/libraries/Maven__org_freemarker_freemarker_2_3_29.xml b/.idea/libraries/Maven__org_freemarker_freemarker_2_3_29.xml
new file mode 100644
index 0000000..e1227f9
--- /dev/null
+++ b/.idea/libraries/Maven__org_freemarker_freemarker_2_3_29.xml
@@ -0,0 +1,13 @@
+<component name="libraryTable">
+  <library name="Maven: org.freemarker:freemarker:2.3.29">
+    <CLASSES>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/freemarker/freemarker/2.3.29/freemarker-2.3.29.jar!/" />
+    </CLASSES>
+    <JAVADOC>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/freemarker/freemarker/2.3.29/freemarker-2.3.29-javadoc.jar!/" />
+    </JAVADOC>
+    <SOURCES>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/freemarker/freemarker/2.3.29/freemarker-2.3.29-sources.jar!/" />
+    </SOURCES>
+  </library>
+</component>
\ No newline at end of file
diff --git a/.idea/libraries/Maven__org_springframework_boot_spring_boot_starter_freemarker_2_2_5_RELEASE.xml b/.idea/libraries/Maven__org_springframework_boot_spring_boot_starter_freemarker_2_2_5_RELEASE.xml
new file mode 100644
index 0000000..cf2db7d
--- /dev/null
+++ b/.idea/libraries/Maven__org_springframework_boot_spring_boot_starter_freemarker_2_2_5_RELEASE.xml
@@ -0,0 +1,13 @@
+<component name="libraryTable">
+  <library name="Maven: org.springframework.boot:spring-boot-starter-freemarker:2.2.5.RELEASE">
+    <CLASSES>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/springframework/boot/spring-boot-starter-freemarker/2.2.5.RELEASE/spring-boot-starter-freemarker-2.2.5.RELEASE.jar!/" />
+    </CLASSES>
+    <JAVADOC>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/springframework/boot/spring-boot-starter-freemarker/2.2.5.RELEASE/spring-boot-starter-freemarker-2.2.5.RELEASE-javadoc.jar!/" />
+    </JAVADOC>
+    <SOURCES>
+      <root url="jar://$PROJECT_DIR$/../../../maven/repository/org/springframework/boot/spring-boot-starter-freemarker/2.2.5.RELEASE/spring-boot-starter-freemarker-2.2.5.RELEASE-sources.jar!/" />
+    </SOURCES>
+  </library>
+</component>
\ No newline at end of file
diff --git a/admin/src/api/business/static.js b/admin/src/api/business/static.js
new file mode 100644
index 0000000..2abd8f9
--- /dev/null
+++ b/admin/src/api/business/static.js
@@ -0,0 +1,9 @@
+import request from '../../utils/request'
+
+// 鏌ヨ
+export function create (data) {
+  return request.post('/business/static/create', data, {
+    trim: true
+  })
+}
+
diff --git a/admin/src/components/business/OperaInformationWindow.vue b/admin/src/components/business/OperaInformationWindow.vue
index 964b8b8..b34b6ed 100644
--- a/admin/src/components/business/OperaInformationWindow.vue
+++ b/admin/src/components/business/OperaInformationWindow.vue
@@ -15,7 +15,7 @@
           <el-option :value="0" label="琛屼笟璧勮"/>
           <el-option :value="1" label="杩愯惀缁忛獙"/>
           <el-option :value="2" label="鍔熻兘浠嬬粛"/>
-          <el-option :value="3" label="甯傚満淇℃伅"/>
+          <el-option :value="3" label="甯傚満淇℃伅"/>index
         </el-select>
       </el-form-item>
       <el-form-item label="鍒楄〃鍥�" prop="imgurl" >
@@ -45,7 +45,6 @@
     </el-form>
   </GlobalWindow>
 </template>
-
 <script>
 import BaseOpera from '@/components/base/BaseOpera'
 import GlobalWindow from '@/components/common/GlobalWindow'
diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue
index 11c5aa1..3f5aabb 100644
--- a/admin/src/views/index.vue
+++ b/admin/src/views/index.vue
@@ -5,36 +5,38 @@
       <div class="fs13">
         浠婂ぉ鏄� {{ nowDate }} {{ nowWeek }}锛屾杩庤闂眴绫宠烦璺冲畼缃戝悗鍙扮鐞嗗钩鍙�
       </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>
+      </div>
+      <div class="content">
+        <el-button class="btn" :loading="loading[1]"  type="primary" @click="staticPage(1)">鏅烘収绯荤粺闈欐�佸寲</el-button>
+      </div>
+      <div class="content">
+        <el-button class="btn" :loading="loading[8]"  type="primary" @click="staticPage(8)">瑙e喅鏂规闈欐�佸寲</el-button>
+      </div>
     </div>
   </div>
 </template>
 
 <script>
 import dayjs from 'dayjs'
-import * as echarts from 'echarts'
 import { weeks } from '@/utils/config'
-const colors = ['#52a4f7', '#7678f7', '#5fc6d5']
+import { create as createPage } from '@/api/business/static'
 export default {
   components: {
   },
   data () {
     return {
-      searchForm: {
-        timeType: null,
-        timeName: '鍏ㄩ儴'
-      },
-      colors,
-      nowDate: '',
-      nowWeek: '',
-      headerData: {},
-      headerData1: {},
-      staticData0: {},
-      staticData01: {},
-      staticData1: {},
-      staticData2: {},
-      staticData3: {},
-      staticData4: {},
-      manningRatio: []
+      loading:[false,false,false,false,false,false,false,false,false,false]
     }
   },
   computed: {
@@ -49,6 +51,16 @@
     // this.initData()
   },
   methods: {
+    staticPage (index) {
+      this.loading[index] = true
+      createPage({ pageIndex: index }).then(res => {
+        this.$message.success('鎿嶄綔鎴愬姛')
+      }).catch(e => {
+        this.$tip.apiFailed(e)
+      }).finally(() => {
+        this.loading[index] = false
+      })
+    },
     updateDate () {
       this.nowDate = dayjs().format('YYYY骞碝鏈圖鏃�')
       this.nowWeek = weeks[new Date().getDay()]
@@ -59,10 +71,6 @@
 
 <style lang="scss" scoped>
 
-::v-deep .el-input--small .el-input__inner {
-  height: 30px !important; // 杩欓噷灏辨槸淇敼榛樿楂樺害
-  width: 120px;
-}
 div {
   box-sizing: border-box;
 }
@@ -73,187 +81,15 @@
   color: #222222;
   line-height: 22px;
 }
-.mb50{
-  margin-bottom: 50px;
-}
-.main {
+.content {
   display: flex;
-  position: relative;
-  z-index: 99;
-
-  .app_content {
-    flex: 1;
-
-    .static_card {
-      height: 187px;
-      color: #fff;
-      display: flex;
-      justify-content: space-between;
-
-      .card {
-        flex: 1;
-        height: 187px;
-        background: linear-gradient(270deg, #29aeff 0%, #207ff7 100%);
-        box-shadow: 0px 2px 10px 0px rgba(32, 127, 247, 0.4);
-        border-radius: 8px;
-        margin-right: 14px;
-
-        &:nth-of-type(2) {
-          background: linear-gradient(270deg, #8383ff 0%, #6b6eff 100%);
-        }
-
-        &:nth-of-type(3) {
-          background: linear-gradient(270deg, #42d49d 0%, #12bb8b 100%);
-        }
-
-        &:nth-of-type(4) {
-          margin-right: 0;
-          background: linear-gradient(270deg, #c430dee3 0%, #cd04b9cf 100%);
-        //linear-gradient(270deg, #de3049b8 0%, #cd0421d4 100%);
-          //background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%);
-        }
-
-        .header {
-          height: 103px;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          padding: 20px 20px 12px;
-          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-
-          img {
-            width: 40px;
-            height: 40px;
-          }
-
-          .num {
-            font-weight: 600;
-            font-size: 30px;
-            margin-top: 12px;
-          }
-        }
-
-        .content {
-          height: 82px;
-          display: flex;
-          flex-direction: column;
-          justify-content: space-between;
-          font-size: 13px;
-          padding: 15px 20px 20px;
-        }
-      }
-    }
-
-    .funcs {
-      height: 149px;
-      padding: 20px;
-      background: #fff;
-      margin: 10px 0;
-
-      .list {
-        display: flex;
-        padding-top: 20px;
-
-        .item {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          margin-right: 24px;
-          cursor: pointer;
-
-          img {
-            width: 44px;
-            height: 44px;
-          }
-        }
-      }
-    }
-  }
-  .static_wrap {
-    .wrap {
-      background: #fff;
-      padding: 20px 20px 10px;
-      border-radius: 2px;
-      border: 1px solid #eeeeee;
-      height: 280px;
-      flex: 1;
-      margin-top: 10px;
-      margin-bottom: 20px;
-      &:nth-of-type(2n) {
-        //margin-left: 10px;
-      }
-      .echart {
-        width: 100%;
-        height: 190px;
-        position: relative;
-        display: flex;
-        div{
-          flex: 1;
-          height: 190px;
-        }
-      }
-
-      .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: 30px;
-
-        .more {
-          font-size: 13px;
-          color: #999999;
-        }
-      }
-    }
-
-    .static1 {
-      .content {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-
-        .echart_wrap {
-          position: relative;
-
-          .pie_text {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            transform: translate(-50%, -50%);
-            z-index: 999;
-          }
-        }
-
-        .echart {
-          width: 150px;
-          height: 150px;
-        }
-
-        .list {
-          margin-left: 36px;
-
-          .item {
-            display: flex;
-            align-items: center;
-            margin: 8px 0;
-
-            .icon {
-              width: 16px;
-              height: 16px;
-              border-radius: 50%;
-              margin-right: 6px;
-              background: linear-gradient(270deg, #29aeff 0%, #207ff7 100%);
-            }
-
-            .text {
-              margin-right: 6px;
-            }
-          }
-        }
-      }
-    }
+  margin-top: 30px;
+  width: 100%;
+  .btn{
+    width: 18%;
+    height: 60px;
+    margin: 10px;
+    font-size: 20px;
   }
 }
 
diff --git a/server/pom.xml b/server/pom.xml
index c053a5b..1898c86 100644
--- a/server/pom.xml
+++ b/server/pom.xml
@@ -226,8 +226,11 @@
       <artifactId>azure-storage-blob</artifactId>
       <version>12.14.1</version>
     </dependency>
+    <dependency>
+      <groupId>org.springframework.boot</groupId>
+      <artifactId>spring-boot-starter-freemarker</artifactId>
+    </dependency>
   </dependencies>
-
   <build>
     <finalName>dmttwebsite</finalName>
     <resources>
diff --git a/server/src/main/java/com/doumee/api/business/CarouselController.java b/server/src/main/java/com/doumee/api/business/CarouselController.java
index 01e332f..0fcbb8d 100644
--- a/server/src/main/java/com/doumee/api/business/CarouselController.java
+++ b/server/src/main/java/com/doumee/api/business/CarouselController.java
@@ -1,7 +1,5 @@
 package com.doumee.api.business;
 
-import com.alibaba.fastjson.JSONArray;
-import com.alibaba.fastjson.JSONObject;
 import com.doumee.api.BaseController;
 import com.doumee.core.annotation.excel.ExcelExporter;
 import com.doumee.core.annotation.pr.PreventRepeat;
diff --git a/server/src/main/java/com/doumee/api/business/StaticController.java b/server/src/main/java/com/doumee/api/business/StaticController.java
new file mode 100644
index 0000000..b51c647
--- /dev/null
+++ b/server/src/main/java/com/doumee/api/business/StaticController.java
@@ -0,0 +1,39 @@
+package com.doumee.api.business;
+
+import com.doumee.api.BaseController;
+import com.doumee.biz.system.SystemDictDataBiz;
+import com.doumee.core.annotation.excel.ExcelExporter;
+import com.doumee.core.annotation.pr.PreventRepeat;
+import com.doumee.core.model.ApiResponse;
+import com.doumee.core.model.PageData;
+import com.doumee.core.model.PageWrap;
+import com.doumee.dao.business.model.Seo;
+import com.doumee.dao.dto.CreatePageDTO;
+import com.doumee.service.business.SeoService;
+import io.swagger.annotations.Api;
+import io.swagger.annotations.ApiOperation;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+
+/**
+ * @author 姹熻箘韫�
+ * @since 2025/07/02 11:35
+ */
+@Api(tags = "缃戠珯椤甸潰闈欐�佸寲")
+@RestController
+@RequestMapping("/business/static")
+public class StaticController extends BaseController {
+
+    @Autowired
+    private SystemDictDataBiz systemDictDataBiz;
+
+    @PreventRepeat
+    @ApiOperation("闈欐�佸寲椤甸潰")
+    @PostMapping("/create")
+    public ApiResponse create(@RequestBody CreatePageDTO param) {
+        return ApiResponse.success(systemDictDataBiz.createPage(param.getPageIndex()));
+    }
+}
diff --git a/server/src/main/java/com/doumee/api/common/PublicCloudController.java b/server/src/main/java/com/doumee/api/common/PublicCloudController.java
index 6a8ff19..feaa077 100644
--- a/server/src/main/java/com/doumee/api/common/PublicCloudController.java
+++ b/server/src/main/java/com/doumee/api/common/PublicCloudController.java
@@ -1,23 +1,11 @@
 package com.doumee.api.common;
 
-import com.alibaba.fastjson.JSONArray;
 import com.alibaba.fastjson.JSONObject;
 import com.doumee.api.BaseController;
 import com.doumee.biz.system.SystemDictDataBiz;
-import com.doumee.config.annotation.EncryptionReq;
-import com.doumee.config.annotation.EncryptionResp;
 import com.doumee.core.annotation.trace.Trace;
 import com.doumee.core.constants.Constants;
-import com.doumee.core.constants.ResponseStatus;
-import com.doumee.core.exception.BusinessException;
-import com.doumee.core.model.ApiResponse;
 import com.doumee.core.utils.DateUtil;
-import com.doumee.core.utils.FtpUtil;
-import com.doumee.core.utils.azure.AzureBlobUtil;
-import com.doumee.core.utils.qiyeweixin.QywxUtil;
-import com.doumee.core.utils.qiyeweixin.model.response.QywxUploadMediaResponse;
-import com.doumee.dao.system.model.SystemDictData;
-import com.doumee.service.common.EmailService;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiImplicitParam;
 import io.swagger.annotations.ApiImplicitParams;
@@ -25,20 +13,22 @@
 import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.beans.factory.annotation.Value;
-import org.springframework.web.bind.annotation.*;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.multipart.MultipartFile;
 import org.springframework.web.multipart.MultipartHttpServletRequest;
-import org.springframework.web.multipart.MultipartRequest;
 import org.springframework.web.multipart.commons.CommonsMultipartResolver;
 
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import java.io.File;
 import java.io.IOException;
-import java.io.InputStream;
 import java.io.PrintWriter;
-import java.util.*;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.Map;
+import java.util.UUID;
 
 /**
  * @author Eva.Caesar Liu
diff --git a/server/src/main/java/com/doumee/biz/system/SystemDictDataBiz.java b/server/src/main/java/com/doumee/biz/system/SystemDictDataBiz.java
index f6039cc..dfc8e98 100644
--- a/server/src/main/java/com/doumee/biz/system/SystemDictDataBiz.java
+++ b/server/src/main/java/com/doumee/biz/system/SystemDictDataBiz.java
@@ -51,4 +51,6 @@
      */
     String getPreFixPath(String resourceCode, String targetCode);
     void updateByDicId(List<SystemDictData> list);
+
+    String createPage(Integer pageIndex);
 }
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 b602f4a..cc70261 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
@@ -1,28 +1,47 @@
 package com.doumee.biz.system.impl;
 
+import com.alibaba.fastjson.JSONArray;
+import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
 import com.doumee.biz.system.SystemDictDataBiz;
 import com.doumee.core.constants.Constants;
 import com.doumee.core.exception.BusinessException;
 import com.doumee.core.constants.ResponseStatus;
 import com.doumee.core.model.LoginUserInfo;
 import com.doumee.core.utils.qiyeweixin.QywxUtil;
+import com.doumee.dao.business.CarouselMapper;
+import com.doumee.dao.business.InformationMapper;
+import com.doumee.dao.business.SeoMapper;
+import com.doumee.dao.business.model.Carousel;
+import com.doumee.dao.business.model.Information;
+import com.doumee.dao.business.model.Seo;
 import com.doumee.dao.common.dto.UpdateSortDTO;
 import com.doumee.dao.system.model.SystemDict;
 import com.doumee.dao.system.model.SystemDictData;
+import com.doumee.dao.vo.FootDataVO;
 import com.doumee.service.system.SystemDictDataService;
 import com.doumee.service.system.SystemDictService;
+import freemarker.template.Configuration;
+import freemarker.template.Template;
 import org.apache.commons.lang3.StringUtils;
 import org.apache.shiro.SecurityUtils;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer;
 
-import java.util.Arrays;
-import java.util.Date;
-import java.util.List;
+import java.io.*;
+import java.util.*;
 
 @Service
 public class SystemDictDataBizImpl implements SystemDictDataBiz {
 
+    @Autowired
+    private FreeMarkerConfigurer freeMarkerConfigurer;
+    @Autowired
+    private InformationMapper informationMapper;
+    @Autowired
+    private CarouselMapper carouselMapper;
+    @Autowired
+    private SeoMapper seoMapper;
     @Autowired
     private SystemDictDataService systemDictDataService;
     @Autowired
@@ -184,6 +203,7 @@
         return list;
     }
 
+
     @Override
     public void updateByDicId(List<SystemDictData> list) {
         LoginUserInfo user = (LoginUserInfo) SecurityUtils.getSubject().getPrincipal();
@@ -214,4 +234,150 @@
         return resourcePath+targetPath;
     }
 
+    @Override
+    public String createPage(Integer pageIndex) {
+        Constants.PageIndex objIndex  = Constants.PageIndex.getObj(pageIndex);
+        if(objIndex == null){
+            throw new BusinessException(ResponseStatus.BAD_REQUEST);
+        }
+        String flt = objIndex.getTemplate();//妯$増鍚嶇О
+        String html = objIndex.getHtml();//椤甸潰鍚嶇О
+        String domain = queryByCode(Constants.SYSTEM,Constants.WEB_DOMAIN).getCode();
+        String htmlPath = queryByCode(Constants.SYSTEM,Constants.STATIC_PAGES_PATH).getCode();
+        File docFile = new File( htmlPath);
+        if(!docFile.exists()){
+            docFile.mkdirs();
+        }
+        Map<String,Object> dataMap = new HashMap<>();
+        dataMap.put("webDomain",domain);
+        List<Seo> seoList = seoMapper.selectList(new LambdaQueryWrapper<Seo>().eq(Seo::getIsdeleted,Constants.ZERO));
+        dataMap.put("seo",getSeoByHtml(Constants.PageIndex.getObj(pageIndex).getHtml(),seoList));
+        initDataMapByPage(objIndex,dataMap);
+        if(objIndex.getKey() == Constants.PageIndex.dynamicsDetail.getKey() || objIndex.getKey() == Constants.PageIndex.dynamicsDetail.getKey() ){
+            List<Information> dataList =getInfomationListByType(objIndex.getKey() == Constants.PageIndex.dynamics.getKey() ?Constants.ZERO:Constants.ONE,null);
+            generateDetailsHtml(dataList,dataMap,flt,htmlPath+html);//鍗曟枃浠舵暟鎹�
+        }else{
+            if(objIndex.getKey() == Constants.PageIndex.dynamics.getKey() || objIndex.getKey() == Constants.PageIndex.casesDetail.getKey() ){
+                dataMap.put("dataList", getInfomationListByType(objIndex.getKey() == Constants.PageIndex.dynamics.getKey() ?Constants.ZERO:Constants.ONE,null));
+            }
+            if(objIndex.getKey() == Constants.PageIndex.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,12));
+                dataMap.put("zixunList", getInfomationListByType( Constants.ZERO,12));
+            }
+            generateSingleHtml(dataMap,flt,htmlPath+html);//鍗曟枃浠舵暟鎹�
+        }
+       return  null;
+    }
+
+    private Seo getSeoByHtml(String html, List<Seo> seoList) {
+        if(seoList==null || seoList.size()==0){
+            return new Seo();
+        }
+        for(Seo s :seoList){
+            if(StringUtils.equalsIgnoreCase(s.getPageAddr(),html)){
+                return s;
+            }
+        }
+        return new Seo();
+    }
+
+    private List<Information> getInfomationListByType(Integer type,Integer limit) {
+        List<Information> dataList =informationMapper.selectList(new LambdaQueryWrapper<Information>()
+                .eq(Information::getType,type)
+                .eq(Information::getIsdeleted,Constants.ZERO)
+                .last(limit!=null,"limit "+limit)
+                .orderByDesc(Information::getSortnum ,Information::getCreateDate) );//鏌ヨ鍏ㄩ儴璧勮
+
+        return dataList;
+    }
+
+    private void generateDetailsHtml(List<Information> dataList, Map<String, Object> dataMap, String flt, String htmlPath) {
+        if(dataList== null){
+            return;
+        }
+        for(Information data :dataList){
+            dataMap.put("data",data);
+            generateSingleHtml(dataMap,flt,htmlPath.replace("${id}",data.getId()+""));//鍗曟枃浠舵暟鎹�
+        }
+    }
+
+    private void generateSingleHtml(Map<String, Object> dataMap, String flt, String htmlPath)   {
+        try {
+            Configuration configuration = freeMarkerConfigurer.getConfiguration();
+            Writer out = null;
+
+            // 鍔犺浇妯$増鏂囦欢
+            Template template = configuration.getTemplate(flt);
+            // 鐢熸垚鏁版嵁
+            File docFile = new File( htmlPath);
+            out = new BufferedWriter(new OutputStreamWriter(new FileOutputStream(docFile)));
+            // 杈撳嚭鏂囦欢
+            template.process(dataMap,out);
+        } catch (Exception e) {
+            e.printStackTrace();
+            throw  new BusinessException(ResponseStatus.SERVER_ERROR);
+        }
+    }
+
+    private void initDataMapByPage(Constants.PageIndex objIndex, Map<String, Object> dataMap) {
+        dataMap.put("bottom", getFoodDataVO());//缃戠珯搴曢儴淇℃伅
+    }
+
+    public FootDataVO getFoodDataVO(){
+        FootDataVO footDataVO = new FootDataVO();
+        SystemDict d = new SystemDict();
+        d.setCode(Constants.SYSTEM);
+        d.setDeleted(Boolean.FALSE);
+        d = systemDictService.findOne(d);
+        if(d ==null){
+            return footDataVO;
+        }
+        SystemDictData param = new SystemDictData();
+        param.setDictId(d.getId());
+        param.setDeleted(Boolean.FALSE);
+        List<SystemDictData> dictDataList = systemDictDataService.findList(param);
+
+        String path = findDictDataByLabel(dictDataList,Constants.FILE_DIR);
+        footDataVO.setFileDir(path);
+        footDataVO.setFootWords(findDictDataByLabel(dictDataList,Constants.FOOT_WORDS));
+        footDataVO.setFootImgUrl(findDictDataByLabel(dictDataList,Constants.FOOT_IMGURL));
+        footDataVO.setFootFullImgUrl(path+ footDataVO.getFootImgUrl());
+        footDataVO.setFootImgUrl2(findDictDataByLabel(dictDataList,Constants.FOOT_IMGURL2));
+        footDataVO.setFootFullImgUrl2(path + footDataVO.getFootImgUrl2());
+        footDataVO.setAddress(findDictDataByLabel(dictDataList,Constants.ADDRESS));
+        footDataVO.setLinkPhone(findDictDataByLabel(dictDataList,Constants.LINK_PHONE));
+        footDataVO.setLinkMobile(findDictDataByLabel(dictDataList,Constants.LINK_MOBILE));
+        String solveScheme =  findDictDataByLabel(dictDataList,Constants.SOLVE_SCHEME);
+        if(Objects.nonNull(solveScheme) & org.apache.commons.lang3.StringUtils.isNotBlank(solveScheme)){
+            footDataVO.setSolveScheme(JSONArray.parseArray(solveScheme));
+        }
+        String wisdomSystem = findDictDataByLabel(dictDataList,Constants.WISDOM_SYSTEM);
+        if(Objects.nonNull(wisdomSystem) & org.apache.commons.lang3.StringUtils.isNotBlank(wisdomSystem )){
+            footDataVO.setWisdomSystem(JSONArray.parseArray(wisdomSystem ));
+        }
+        String honors = findDictDataByLabel(dictDataList,Constants.HONORS);
+        if(Objects.nonNull(wisdomSystem) & org.apache.commons.lang3.StringUtils.isNotBlank(honors)){
+            footDataVO.setHonors(JSONArray.parseArray(honors));
+        }
+        footDataVO.setServerTime(findDictDataByLabel(dictDataList,Constants.SERVER_TIME));
+
+        return footDataVO;
+    }
+
+    private String findDictDataByLabel(List<SystemDictData> dictDataList, String footWords) {
+        if(dictDataList!=null){
+            for(SystemDictData data:dictDataList){
+                if(StringUtils.equals(footWords,data.getLabel())){
+                    return data.getCode();
+                }
+            }
+        }
+        return "";
+    }
+
+
 }
diff --git a/server/src/main/java/com/doumee/biz/system/impl/SystemJobTriggerBizImpl.java b/server/src/main/java/com/doumee/biz/system/impl/SystemJobTriggerBizImpl.java
index b802b3c..9b3fba6 100644
--- a/server/src/main/java/com/doumee/biz/system/impl/SystemJobTriggerBizImpl.java
+++ b/server/src/main/java/com/doumee/biz/system/impl/SystemJobTriggerBizImpl.java
@@ -17,7 +17,6 @@
 import com.doumee.dao.system.model.SystemJob;
 import com.doumee.dao.system.model.SystemJobLog;
 import com.doumee.dao.system.model.SystemJobSnippet;
-import com.doumee.service.system.SystemJobLogService;
 import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.lang3.RandomStringUtils;
 import org.apache.commons.lang3.StringUtils;
diff --git a/server/src/main/java/com/doumee/core/annotation/pr/PreventRepeatInterceptor.java b/server/src/main/java/com/doumee/core/annotation/pr/PreventRepeatInterceptor.java
index 7599f61..a6e55ad 100644
--- a/server/src/main/java/com/doumee/core/annotation/pr/PreventRepeatInterceptor.java
+++ b/server/src/main/java/com/doumee/core/annotation/pr/PreventRepeatInterceptor.java
@@ -1,8 +1,8 @@
 package com.doumee.core.annotation.pr;
 
 import com.alibaba.fastjson.JSON;
-import com.doumee.core.model.ApiResponse;
 import com.doumee.core.constants.ResponseStatus;
+import com.doumee.core.model.ApiResponse;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.beans.BeansException;
 import org.springframework.beans.factory.annotation.Autowired;
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 6e116d7..60f38a3 100644
--- a/server/src/main/java/com/doumee/core/constants/Constants.java
+++ b/server/src/main/java/com/doumee/core/constants/Constants.java
@@ -53,6 +53,8 @@
     public static final Integer FOUR = 4;
     public static final Integer SIX = 6;
     public static final Integer FIVE = 5;
+    public static final String WEB_DOMAIN = "WEB_DOMAIN";
+    public static final String STATIC_PAGES_PATH ="STATIC_PAGES_PATH" ;
     public static boolean WORKORDER_SHE_EMAIL_SENDING = false;
     public static  boolean DEALING_COMPANY_SYNC = false ;
     public static  boolean DEALING_MEMBER_SYNC = false ;
@@ -60,6 +62,45 @@
     public static final String WORKORDER_LOG_FILE_PATH ="WORKORDER_LOG_FILE_PATH" ;
 
     public static final String REDIS_TOKEN_KEY = "token_";
+
+    /**
+     * 鍒嗙墖鐘舵��
+     */
+    @Getter
+    public enum PageIndex {
+        defaultPage(  -1, "榛樿椤�","default.html","default.html"),
+        index(  0, "棣栭〉","index.html","index.html"),
+        zhxt(  1, "鏅烘収绯荤粺涓�绾ч〉","intelligent_system.html","intelligent_system.html"),
+        zhxt2(  2, "鏅烘収鍦洪浜岀骇椤�","index.html","index.html"),
+        about(  3, "鍏充簬鎴戜滑","about.html","about.html"),
+        operation(  4, "娓犻亾鍚堜綔","operation.html","operation.html"),
+        dynamics(  5, "鏈�鏂板姩鎬�","dynamics.html","dynamics.html"),
+        alot(  6, "alot鐗╄仈","alot.html","alot.html"),
+        dynamicsDetail(  7, "鏈�鏂板姩鎬佽鎯�","dynamics_details.html","dynamics/${id}.html"),
+        solution(  8, "瑙e喅鏂规","solution.html","solution.html"),
+        casesDetail(  9, "瀹㈡埛妗堜緥璇︽儏椤�","case_details.html","cases/${id}.html");
+        private int key;
+        private String name;
+        private  String template;
+        private  String html;
+
+        PageIndex(int key, String name,String template,String html) {
+            this.html = html;
+            this.key = key;
+            this.name = name;
+            this.template = template;
+        }
+        public static PageIndex getObj(int index) {
+            for (PageIndex c : PageIndex.values()) {
+                if (c.getKey() == index) {
+                    return c;
+                }
+            }
+            return defaultPage;
+        }
+
+
+    }
     public interface   uploadType{
         String blob = "blob";
         String ftp = "ftp";
@@ -152,7 +193,6 @@
             private int code;
             private String remark;
         }
-
         /**
          * 鍒嗙墖鐘舵��
          */
diff --git a/server/src/main/java/com/doumee/core/job/JobParam.java b/server/src/main/java/com/doumee/core/job/JobParam.java
index 718e2d2..32fa90d 100644
--- a/server/src/main/java/com/doumee/core/job/JobParam.java
+++ b/server/src/main/java/com/doumee/core/job/JobParam.java
@@ -1,9 +1,10 @@
 package com.doumee.core.job;
 
 import com.alibaba.fastjson.JSON;
-import com.doumee.core.constants.Constants;
 
-import java.util.*;
+import java.util.Date;
+import java.util.HashMap;
+import java.util.List;
 
 /**
  * JOB鍏ュ弬
diff --git a/server/src/main/java/com/doumee/core/utils/Secure.java b/server/src/main/java/com/doumee/core/utils/Secure.java
index 03a1e45..517124b 100644
--- a/server/src/main/java/com/doumee/core/utils/Secure.java
+++ b/server/src/main/java/com/doumee/core/utils/Secure.java
@@ -1,13 +1,8 @@
 package com.doumee.core.utils;
 
-import com.alibaba.fastjson.JSON;
-import com.doumee.core.model.ApiResponse;
 import lombok.extern.slf4j.Slf4j;
-import org.springframework.beans.factory.annotation.Value;
 import org.springframework.stereotype.Component;
 import org.springframework.util.DigestUtils;
-
-import javax.servlet.http.HttpServletRequest;
 
 /**
  * 瀹夊叏澶勭悊宸ュ叿绫�
diff --git a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseResponse.java b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseResponse.java
index f0e02e8..4dcbac0 100644
--- a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseResponse.java
+++ b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseResponse.java
@@ -5,8 +5,6 @@
 import io.swagger.annotations.ApiModelProperty;
 import lombok.Data;
 
-import java.util.List;
-
 /**
  * @author 姹熻箘韫�
  * @date 2023/11/23 14:03
diff --git a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseSingleResponse.java b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseSingleResponse.java
index 1b71cd7..3501983 100644
--- a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseSingleResponse.java
+++ b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxBaseSingleResponse.java
@@ -1,6 +1,5 @@
 package com.doumee.core.utils.qiyeweixin.model.response;
 
-import com.alibaba.fastjson.annotation.JSONField;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
 import lombok.Data;
diff --git a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxUserAttrInfoResponse.java b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxUserAttrInfoResponse.java
index eb88955..2d43ad9 100644
--- a/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxUserAttrInfoResponse.java
+++ b/server/src/main/java/com/doumee/core/utils/qiyeweixin/model/response/QywxUserAttrInfoResponse.java
@@ -1,11 +1,8 @@
 package com.doumee.core.utils.qiyeweixin.model.response;
 
-import com.alibaba.fastjson.JSONObject;
 import io.swagger.annotations.ApiModel;
 import io.swagger.annotations.ApiModelProperty;
 import lombok.Data;
-
-import java.util.List;
 
 /**
  * @author 姹熻箘韫�
diff --git a/server/src/main/java/com/doumee/dao/dto/CreatePageDTO.java b/server/src/main/java/com/doumee/dao/dto/CreatePageDTO.java
new file mode 100644
index 0000000..4892872
--- /dev/null
+++ b/server/src/main/java/com/doumee/dao/dto/CreatePageDTO.java
@@ -0,0 +1,19 @@
+package com.doumee.dao.dto;
+
+import io.swagger.annotations.ApiModelProperty;
+import lombok.Data;
+
+/**
+ * Created by IntelliJ IDEA.
+ *
+ * @Author : Rk
+ * @create 2025/4/8 9:20
+ */
+@Data
+public class CreatePageDTO {
+
+    @ApiModelProperty(value = "椤甸潰鍦板潃鏍囪瘑")
+    private  Integer pageIndex;
+
+
+}
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 4f404f3..61925b8 100644
--- a/server/src/main/java/com/doumee/dao/vo/FootDataVO.java
+++ b/server/src/main/java/com/doumee/dao/vo/FootDataVO.java
@@ -4,8 +4,6 @@
 import io.swagger.annotations.ApiModelProperty;
 import lombok.Data;
 
-import java.util.List;
-
 /**
  * Created by IntelliJ IDEA.
  *
@@ -15,6 +13,8 @@
 @Data
 public class FootDataVO {
 
+    @ApiModelProperty(value = "鏂囦欢瀛樿闂墠缂�")
+    private String fileDir;
     @ApiModelProperty(value = "foot浜岀淮鐮�")
     private String footImgUrl;
 
diff --git a/server/src/main/java/com/doumee/service/business/impl/CarouselServiceImpl.java b/server/src/main/java/com/doumee/service/business/impl/CarouselServiceImpl.java
index 9c7f0a0..bc78a4b 100644
--- a/server/src/main/java/com/doumee/service/business/impl/CarouselServiceImpl.java
+++ b/server/src/main/java/com/doumee/service/business/impl/CarouselServiceImpl.java
@@ -1,7 +1,6 @@
 package com.doumee.service.business.impl;
 
 import com.alibaba.fastjson.JSONArray;
-import com.alibaba.fastjson.JSONObject;
 import com.doumee.biz.system.SystemDictDataBiz;
 import com.doumee.core.constants.Constants;
 import com.doumee.core.constants.ResponseStatus;
diff --git a/server/src/main/java/com/doumee/service/system/impl/SystemDictServiceImpl.java b/server/src/main/java/com/doumee/service/system/impl/SystemDictServiceImpl.java
index d0e044f..e2ff628 100644
--- a/server/src/main/java/com/doumee/service/system/impl/SystemDictServiceImpl.java
+++ b/server/src/main/java/com/doumee/service/system/impl/SystemDictServiceImpl.java
@@ -73,7 +73,8 @@
 
     @Override
     public SystemDict findOne(SystemDict systemDict) {
-        Wrapper<SystemDict> wrapper = new QueryWrapper<>(systemDict);
+        QueryWrapper<SystemDict> wrapper = new QueryWrapper<>(systemDict);
+        wrapper.lambda().last(" limit 1");
         return systemDictMapper.selectOne(wrapper);
     }
 
diff --git a/server/src/main/resources/application.yml b/server/src/main/resources/application.yml
index 3ee415e..1cca1d0 100644
--- a/server/src/main/resources/application.yml
+++ b/server/src/main/resources/application.yml
@@ -26,6 +26,13 @@
     multipart:
       max-file-size: 50MB
       max-request-size: 50MB
+  freemarker:
+    cache: false  #鍏抽棴妯℃澘缂撳瓨锛屾柟渚挎祴璇�
+    settings:
+      template_update_delay: 0 #妫�鏌ユā鏉挎洿鏂板欢杩熸椂闂达紝璁剧疆涓�0琛ㄧず绔嬪嵆妫�鏌ワ紝濡傛灉鏃堕棿澶т簬0浼氭湁缂撳瓨涓嶆柟渚胯繘琛屾ā鏉挎祴璇�
+    suffix: .html             #鎸囧畾Freemarker妯℃澘鏂囦欢鐨勫悗缂�鍚�
+#    template-loader-path: classpath:/templates #鎸囧畾妯℃澘鏂囦欢鎵�鍦ㄧ殑璺緞
+    template-loader-path: file:D:/static/templates #鎸囧畾妯℃澘鏂囦欢鎵�鍦ㄧ殑璺緞
 
 # MyBatis閰嶇疆
 mybatis-plus:
diff --git a/server/src/main/resources/templates/about.html b/server/src/main/resources/templates/about.html
new file mode 100644
index 0000000..dd558fa
--- /dev/null
+++ b/server/src/main/resources/templates/about.html
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鍏充簬鎴戜滑</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/about.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/about.js"></script>
+    <script src="./js/selectFilter.js"></script>
+</head>
+<body>
+    <div class="index">
+        <div id="back-to-top">
+            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+        </div>
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                    </li>
+                    <li id="a">
+                        <a href="./about.html" onclick="dingwei('a')">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li id="b">
+                        <a href="./about.html#section1" onclick="dingwei('b')">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn" onclick="dingwei('b')">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-banner">
+            <div class="index-banner-c">
+                <div class="index-banner-c-a">鍏充簬鎴戜滑 璞嗙背绉戞妧</div>
+                <div class="index-banner-c-b">鏅烘収鍦洪钀ラ攢SaaS绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</div>
+                <div class="index-banner-c-c">
+                    <span>鍜ㄨ璇︽儏</span>
+                    <img src="./assets/images/btn_ar@2x.png" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="index-y">
+            <div class="title">鍏徃浠嬬粛</div>
+            <div class="info">涓撲笟鏂囦綋鏃呮暟鏅哄寲瑙e喅鏂规鏈嶅姟鍟�</div>
+            <div class="index-y-c">
+                <div class="index-y-c-img">
+                    <img src="./assets/images/aboutus_img1@2x.png" alt="">
+                </div>
+                <div class="index-y-c-info">
+                    <img class="logo" src="./assets/images/aboutus_ic_logo@2x.png" alt="">
+                    <span>瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃锛屾垚绔嬩簬2014骞达紝鎬婚儴浣嶄簬鍚堣偉甯傦紝鏄浗瀹堕珮鏂版妧鏈紒涓氥�佸弻杞璇佷紒涓氥�佺鍒涙澘鎸傜墝浼佷笟銆傚叕鍙镐笓娉ㄥぇ鏁版嵁銆佷簰鑱旂綉銆佺墿鑱旂綉鍙夾I娣卞害瀛︿範绛夐鍩熸妧鏈殑鍒涙柊鐮斿彂锛屾寔缁仛鐒︽暟鏅轰綋鑲插钩鍙般�佹櫤鎱т綋鑲插満棣嗐��24H鏃犱汉鍊煎畧銆佹櫙鍖烘父涔愬洯銆佺┖闂存櫤鎱х鐞嗕簲澶т笟鍔℃柟鍚戙��
+鍗佸骞存潵浠ユ簮澶存妧鏈垱鏂帮紝寮曢浜т笟铻嶅悎搴旂敤锛屾瀯寤鸿捣"浜�+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT"浜斾綅涓�浣撶殑绌洪棿鏅烘収鍖栬繍钀ョ鐞嗕綋绯伙紝鑷村姏涓烘枃浣撴梾琛屼笟鎻愪緵鏁村杞‖浠跺強鏅烘収鍦烘櫙瑙e喅鏂规锛屽姪鍔涘満棣嗗疄鐜板叏鍦烘櫙鏅鸿兘鍖栧崌绾ф敼閫狅紝鐩墠宸蹭负3000+瀹㈡埛鎻愪緵鏈嶅姟銆�</span>
+                    <img class="icon" src="./assets/images/aboutus_ic_1@2x.png" alt="">
+                </div>
+            </div>
+            <div class="index-y-l">
+                <div class="index-y-l-item">
+                    <img src="./assets/images/aboutus_ic_yuanjing@2x.png" alt="">
+                    <span>鎴愪负鍏ㄧ悆棰嗗厛鐨勬枃浣撴梾鏁版櫤鍖栨湇鍔″晢锛屽紩棰嗘櫤鎱х┖闂存柊鐢熸�併��</span>
+                </div>
+                <div class="index-y-l-item">
+                    <img src="./assets/images/aboutus_ic_shiming@2x.png" alt="">
+                    <span>鏋勫缓浠ヨ祴鑳藉満棣嗕负鏍稿績鐨勬櫤鎱у寲杩愯惀绠$悊浣撶郴锛岃嚧鍔涗簬涓哄叏鐞冨鎴锋彁渚涘叿鏈夊墠鐬绘�с�佸垱閫犳�с�侀拡瀵规�у拰鏄撳疄鏂界殑瑙e喅鏂规锛�</span>
+                </div>
+                <div class="index-y-l-item">
+                    <img src="./assets/images/aboutus_ic_jiazhiguan@2x.png" alt="">
+                    <span>鏁版櫤鍒涙柊锛岃拷姹備綋楠屻��</span>
+                </div>
+            </div>
+        </div>
+        <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+            <div class="title">鍏徃璧勮川</div>
+            <div class="info">鐩墠鍏徃宸茬粡鑽h幏鍥藉楂樻柊鎶�鏈紒涓氥�佸浗瀹剁鎶�鍨嬩腑灏忎紒涓氥�佸畨寰界渷鍙岃蒋璁よ瘉浼佷笟锛屾嫢鏈夎祫璐ㄨ璇�60+锛岃蒋浠惰憲浣�100+</div>
+            <div class="index-y-img">
+                <img src="./assets/images/aboutus_img_zizhi@2x.png" alt="">
+            </div>
+        </div>
+        <div class="index-y" id="section1">
+            <div class="title">娓犻亾鍚堜綔</div>
+            <div class="info">鐣欎笅鎮ㄧ殑淇℃伅锛屾垜浠皢灏藉揩鑱旂郴鎮�</div>
+            <div class="index-y-from">
+                <div class="from-item">
+                    <div class="from-item-label"><b>*</b>浜у搧鍚嶇О锛�</div>
+                    <div class="from-item-val">
+                        <div class="filter-box">
+                            <div class="filter-text">
+                                <input class="filter-title" type="text" readonly placeholder="璇烽�夋嫨鏅烘収绯荤粺" />
+                                <i class="icon icon-filter-arrow"></i>
+                            </div>
+                            <select name="filter" id="options"></select>
+                        </div>
+                    </div>
+                </div>
+                <div class="from-item">
+                    <div class="from-item-label"><b>*</b>濮� 鍚嶏細</div>
+                    <div class="from-item-val">
+                        <input type="text" id="name" placeholder="璇疯緭鍏ユ偍鐨勫鍚�">
+                    </div>
+                </div>
+                <div class="from-item">
+                    <div class="from-item-label"><b>*</b>鐢� 璇濓細</div>
+                    <div class="from-item-val">
+                        <input type="text" id="phone" placeholder="璇疯緭鍏ユ偍鐨勭數璇�">
+                    </div>
+                </div>
+                <div class="from-item">
+                    <div class="from-item-label">閭� 绠憋細</div>
+                    <div class="from-item-val">
+                        <input type="text" id="email" placeholder="璇疯緭鍏ユ偍鐨勯偖绠�">
+                    </div>
+                </div>
+                <div class="from-item">
+                    <div class="from-item-label">鍗曚綅鍚嶇О锛�</div>
+                    <div class="from-item-val">
+                        <input type="text" id="unit" placeholder="璇疯緭鍏ユ偍鐨勫崟浣嶅悕绉�">
+                    </div>
+                </div>
+            </div>
+            <div class="index-y-btn" id="btnSub">鎻愪氦鍚堜綔</div>
+        </div>
+        <div class="footer">
+            <div class="footer-c">
+                <div class="footer-c-logo">
+                    <div class="footer-c-logo-c">
+                        <img src="./assets/images/bottom_logo@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="footer-c-n">
+                    <div class="footer-c-n-box">
+                        <div class="footer-c-n-item" id="zhihui">
+                            <div class="footer-c-n-item-label">鏅烘収绯荤粺</div>
+                        </div>
+                        <div class="footer-c-n-item" id="fangan">
+                            <div class="footer-c-n-item-label">瑙e喅鏂规</div>
+                        </div>
+                        <div class="footer-c-n-item">
+                            <div class="footer-c-n-item-label">鑱旂郴鎴戜滑</div>
+                            <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone"></div>
+                            <div class="footer-c-n-item-row" id="phone"></div>
+                            <div class="footer-c-n-item-row" id="serviceDate"></div>
+                            <div class="footer-c-n-item-row" id="companyAddr"></div>
+                        </div>
+                        <div class="footer-c-n-item">
+                            <div class="footer-c-n-item-qrcode">
+                                <img src="" id="qrcode" />
+                                <span>寰俊鎵爜鍏嶈垂璇曠敤</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="footer-c-info" id="footerInfo">
+                    <!--                Copyright 漏 2022-2027 | 瀹夊窘璞嗙背绉戞妧鏈夐檺鍏徃 | <a href="/">鐨朓CP澶�14008319鍙�-2 | 鐨朓CP澶�14008319鍙�-5</a>-->
+                </div>
+            </div>
+        </div>
+    </div>
+    <script type="text/javascript">
+        let url = 'http://121.41.112.139:8099'
+
+        function dingwei(id) {
+            $('.underline').remove()
+            $(`#${id}`).append('<div class="underline"></div>')
+        }
+
+        // 鑾峰彇foot閰嶇疆
+        $.ajax({
+            async: false,
+            url: url + '/dmttwebsite/web/api/getFoodDataVO',
+            type: 'GET',
+            success: function (res) {
+                console.log(res)
+                $('#companyAddr').text('鍏徃鍦板潃锛�' + res.data.address)
+                $('#serviceDate').text('鏈嶅姟鏃堕棿锛�' + res.data.serverTime)
+                $('#phone').text('鑱旂郴鎵嬫満锛�' + res.data.linkMobile)
+                $('#linkPhone').text(res.data.linkPhone)
+                $('#footerInfo').text(res.data.footWords)
+                $('#qrcode').attr('src', res.data.footFullImgUrl)
+
+                for (const item of res.data.solveScheme) {
+                    $('#fangan').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
+                }
+
+                for (const item of res.data.wisdomSystem) {
+                    $('#zhihui').append('<div class="footer-c-n-item-row"><a href="' + item.address + '">' + item.name + '</a></div>')
+                }
+            }
+        })
+
+        $.ajax({
+            async: false,
+            url: 'http://www.dmtt.run:81/web/productList',
+            type: 'POST',
+            success: function (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)
+            }
+        })
+
+        var product = null
+        //杩欓噷鏄垵濮嬪寲
+        $('.filter-box').selectFilter({
+            callBack : function (val){
+                console.log(val)
+                product = val
+            }
+        });
+        $('#btnSub').click(() => {
+            let name = $('#name').val()
+            let phone = $('#phone').val()
+            let email = $('#email').val()
+            let unit = $('#unit').val()
+            if (!product) {
+                alert('璇烽�夋嫨浜у搧鍚嶇О')
+                return
+            }
+            if (!name) {
+                alert('璇疯緭鍏ュ鍚�')
+                return
+            }
+            if (!phone) {
+                alert('璇疯緭鍏ョ數璇�')
+                return
+            }
+            $.ajax({
+                url: 'http://www.dmtt.run:81/web/createCustomer',
+                data: JSON.stringify({
+                    productId: product,
+                    name: name,
+                    phone: phone,
+                    email: email,
+                    company: unit
+                }),
+                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('');
+                    $('#unit').val('');
+                    $('.filter-title').val('')
+                    product = null
+                },
+                error: function (error) {
+                    alert('鎻愪氦澶辫触锛�')
+                }
+            });
+        })
+    </script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/alot.html b/server/src/main/resources/templates/alot.html
new file mode 100644
index 0000000..df9de4b
--- /dev/null
+++ b/server/src/main/resources/templates/alot.html
@@ -0,0 +1,450 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>alot鐗╄仈</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/alot.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/alot.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+<div class="index">
+    <div id="back-to-top">
+        <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+    </div>
+    <div id="header">
+        <div class="nav">
+            <div class="nav-logo">
+                <img src="./assets/images/top_logo@2x.png" alt="logo">
+            </div>
+            <ul>
+                <li>
+                    <a href="./index.html">棣栭〉</a>
+                </li>
+                <li>
+                    <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                </li>
+                <li>
+                    <a href="./solution.html">瑙e喅鏂规</a>
+                </li>
+                <li>
+                    <a href="./alot.html">Alot鐗╄仈</a>
+                    <div class="underline"></div>
+                </li>
+                <li>
+                    <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                </li>
+                <li>
+                    <a href="./about.html">鍏充簬鎴戜滑</a>
+                </li>
+                <li>
+                    <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                </li>
+            </ul>
+            <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+        </div>
+    </div>
+    <div style="width: 100%; height: 70px;"></div>
+    <div class="index-banner">
+        <div class="index-banner-c">
+            <div class="index-banner-c-a">鏅烘収鐗╄仈銆佷竾鐗╀簰鑱�</div>
+            <div class="index-banner-c-b">涓撲笟鐨勬櫤鎱у満棣嗚繍钀ョ鐞嗙郴缁熷钩鍙�</div>
+            <div class="index-banner-c-c">
+                <span>鍜ㄨ璇︽儏</span>
+                <img src="./assets/images/btn_ar@2x.png" alt="">
+            </div>
+        </div>
+    </div>
+    <div class="index-y">
+        <div class="title">AIoT,璁╂櫤鎱у満棣嗕笌绉戞妧铻嶅悎</div>
+        <div class="info">鏅鸿兘鐗╄仈</div>
+        <div class="index-y-list">
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic1@2x.png" alt="">
+                <span>鏅鸿兘闂告満&闂ㄧ</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic2@2x.png" alt="">
+                <span>鏅鸿兘浣撴俯鏍告煡</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic3@2x.png" alt="">
+                <span>鏅鸿兘瀹㈡祦缁熻</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic4@2x.png" alt="">
+                <span>鏅鸿兘鑷姪鍞彇绁�</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic5@2x.png" alt="">
+                <span>鏅鸿兘鍌ㄧ墿&绉熻祦鏌滈攣</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic6@2x.png" alt="">
+                <span>鏃犱汉鍞揣鏈�</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic7@2x.png" alt="">
+                <span>鏅鸿兘鎵嬬幆鑷姪</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic8@2x.png" alt="">
+                <span>鏅鸿兘鐏帶</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic9@2x.png" alt="">
+                <span>AI杩愬姩鎶撴媿</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic10@2x.png" alt="">
+                <span>鏅鸿兘鍋滆溅鍦�</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic11@2x.png" alt="">
+                <span>鏅鸿兘鑺傛按娣嬫荡</span>
+            </div>
+            <div class="index-y-list-item">
+                <img src="./assets/icon/wulian_ic12@2x.png" alt="">
+                <span>澶ф暟鎹垎鏋愬睍绀�</span>
+            </div>
+        </div>
+        <div class="index-fa-btn">
+            <span>浜嗚В璇︽儏</span>
+            <img src="./assets/images/btn_ar@2x.png" alt="" />
+        </div>
+    </div>
+    <div class="index-x">
+        <div class="index-x-list">
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘闂告満閫氶亾&闂ㄧ绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏀寔浜鸿劯/浜岀淮鐮�/鎸囩汗/韬唤璇�/IC鍗�/鎵嬬幆/鎸囬潤鑴夎瘑鍒�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>闂告満鏀寔鑷姩璁℃椂/鎵h垂/鎵f绛夎繘鍑哄満棣嗙殑娑堣垂</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>25-30浜�/鍒嗛挓锛屽揩閫熼�氳 </span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鐩存祦鏃犲埛鐢垫満鍏嶇淮鎶わ紝鍏ㄦ柊鏁板瓧瀹氫綅锛岀數瀛愰槻鎾炴満鑺�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鎴峰闃叉按锛屽彲鐩存帴闇插ぉ浣跨敤</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_zhaji@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_tiwenhecha@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘浣撴俯鏍告煡绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>8鑻卞IPS瑙︽懜灞�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>50000寮犻潰閮ㄥぇ瀹归噺锛�1锛歂浜鸿劯璇嗗埆</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>0.3S鏋侀�熻瘑鍒紝蹇�熼�氳</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>澶氬厜璋卞鍔ㄦ�佷汉鑴歌瘑鍒�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍙岀洰娲讳綋璇嗗埆锛岄槻鍋囦綋鏀诲嚮</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘瀹㈡祦缁熻绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍙岀洰绔嬩綋瑙嗚鎶�鏈�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍐呭祵娣卞害瀛︿範绠楁硶锛孉I鏅鸿兘瀹㈡祦鎽勫儚鏈�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>400涓囧儚绱� CMOS浼犳劅鍣�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍐呯疆WiFi澶╃嚎锛屾棤绾夸紶杈撹窛绂讳笉浣庝簬80绫�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>瀹㈡祦缁熻鍑嗙‘鐜囦笉灏忎簬99%</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏀寔寰樺緤鎺掗櫎鍔熻兘</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_keliutongji@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_qupiao@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鑷姪鍞彇绁ㄧ郴缁�</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>32.5瀵告恫鏅惰Е鎽稿睆锛屽垎杈ㄧ巼1920*1080</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鑷姪璐エ銆佸嚭绁�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏀寔浜鸿劯銆佷簩缁寸爜銆佸埛鍗¤嚜鍔╄喘绁�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浼氬憳鑷姪鍔炲崱锛屾煡璇€�佸厖鍊�</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鏃犱汉闆跺敭鍞揣绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>21.5瀵歌Е灞忚嚦鑷讳綋楠�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍒疯劯鏀粯銆佹柟渚垮揩鎹�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>寮哄姴鍔ㄥ姏锛屾寔缁亽娓�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浜戝钩鍙拌繙绋嬬鐞�</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_wurenshouhuo@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_chuwu@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鍌ㄧ墿&绉熻祦鏌滈攣绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏀寔浜鸿劯锛屾櫤鑳借繍鍔ㄦ墜鐜紝鍒峰崱銆佷簩缁寸爜銆佹寚绾圭瓑澶氱璇嗗埆鏂瑰紡</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏅鸿兘鍖栬瘑鍒紝蹇�熷紑鍏冲偍鐗╂煖&绉熻祦鏌�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浣撹偛鍣ㄦ蹇�熺璧侊紝杞绘澗杩愬姩</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏌滈攣鐘舵�佹煡鐪嬶紝鐗╁搧涓㈠け蹇�熷畾浣�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>璞嗙背璺宠烦绯荤粺闆嗘垚锛岃繍钀ョ鐞嗘洿鍔犻珮鏁�</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鐏帶绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏃犱汉鍖栨帶鍒讹紝鍏ュ満鑷姩寮�鐏紝绂诲満鑷姩鍏崇伅</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鎵嬫満/PC绔繙绋嬫帶鍒讹紝楂樻晥绠$悊</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浜哄伐鏅鸿兘涓庣墿鑱旂綉鎶�鏈瀺鍚堬紝鏅烘収鍦洪绯荤粺楂樺害闆嗘垚</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_dengkong@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_jieshui@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鑺傛按娣嬫荡绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏀寔鍒峰崱銆佹壂鐮併�佸瘑鐮併�佽摑鐗欑瓑娑堣垂鍦烘櫙锛屾柟渚块�夋嫨</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏅烘収鍦洪绯荤粺楂樺害闆嗘垚锛屼細鍛樺崱娑堣垂缁戝畾锛岃储鍔℃暟鎹竴鐩簡鐒�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏈夋晥閬垮厤姘磋祫婧愭氮璐归棶棰橈紝涓哄満棣嗚妭鐪佹垚鏈�</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鎵嬬幆鑷姪绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鐩戞祴韬綋鍚勯」鎸囨爣锛屽蹇冪巼锛屽績璺筹紝琛�姘э紝琛�鍘嬶紝姝ユ暟绛夋暟鎹�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鏅鸿兘鎵嬬幆涓庝細鍛樺崱鐨勯珮搴﹂泦鎴愶紝瀹炵幇鍒峰崱杩涘嚭鍜屾秷璐圭瓑鍦烘櫙</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鐢ㄦ埛灏忕▼搴忎釜浜鸿繍鍔ㄦ暟鎹嚜鍔ㄧ敓鎴愶紝杩愬姩鎯呭喌涓�鐩簡鐒�</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_shouhuan@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_zhuapai@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘AI杩愬姩鎶撴媿绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鐗规湁鐨凙I浜鸿劯璇嗗埆鎶�鏈紝鑷姩鎹曟崏杩愬姩绮惧僵鐬棿</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浼氬憳绮惧僵鐬棿鑷姩鐢熸垚锛屾敮鎸佸垎浜�</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘浣撴祴鍒嗘瀽绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>閫氳繃浣撹川鍋ュ悍鏁版嵁閲囬泦缁堢AI绠楁硶鍜岃韩浣撴暟鎹祴閲忚澶囷紝瀹屾垚瀵硅韩浣�30浣欓」韬綋鎸囨爣鐨勬暟鎹噰闆嗗拰鍒嗘瀽</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浣撻噸鍒嗘瀽銆丅MI鍒嗘瀽</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浣撹剛鐜囧垎鏋愩�佽倢鑲夊垎鏋�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鑲ヨ儢搴﹀垎鏋愩�佷綋鍨嬪垎鏋�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>浣撻噸鎺у埗銆佸ぇ灞忓睍绀�</span>
+                        </div>
+                    </div>
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_tice@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+            <div class="index-x-list-item">
+                <div class="hz">
+                    <div class="hz-img">
+                        <img src="./assets/images/wulian_img_budao@2x.png" alt="">
+                    </div>
+                    <div class="hz-info">
+                        <div class="hz-info-label">鏅鸿兘鍋ヨ韩姝ラ亾绯荤粺</div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>閫氳繃钃濈墮瀹氫綅銆佷汉鑴歌瘑鍒�佸皠棰戣瘑鍒瓑鐗╄仈缃戞妧鏈紝浠ユ櫤鎱т簰鍔ㄥぇ灞忋�佹部閫旀暟鎹噰闆嗙珯涓轰富瑕佽浇浣擄紝瀹炵幇瀵硅繍鍔ㄤ汉缇ょ兢瑕嗙洊鏈嶅姟銆�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>姝ラ亾淇℃伅鏁版嵁缁熻</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>杩愬姩淇℃伅鍜岃繍鍔ㄦ帓琛屽睍绀�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>鍙鍖栫鐞�</span>
+                        </div>
+                        <div class="hz-info-row">
+                            <img src="./assets/icon/ic_gou@2x.png" alt="">
+                            <span>澶氱鏁版嵁鎺ュ彛</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="footer"></div>
+</div>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/components/footer.html b/server/src/main/resources/templates/components/footer.html
new file mode 100644
index 0000000..b8102e8
--- /dev/null
+++ b/server/src/main/resources/templates/components/footer.html
@@ -0,0 +1,334 @@
+    <style>
+        .footer {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+        }
+        .footer-form {
+            width: 100%;
+            height: 106px;
+            background: #ffffff;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            box-shadow: inset 0 1px 0 0 #DFE2E8;
+        }
+        .footer-form-list {
+            width: 1200px;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .footer-form-list-title {
+            display: flex;
+            align-items: center;
+        }
+        .footer-form-list-title span:nth-child(1) {
+            font-weight: 600;
+            font-size: 26px;
+            color: #191B1F;
+            margin-right: 20px;
+        }
+        .footer-form-list-title span:nth-child(2) {
+            font-weight: 400;
+            font-size: 16px;
+            color: #7B7F87;
+        }
+        .footer-form-list-i {
+            display: flex;
+            align-items: center;
+        }
+
+        .filter-text {
+            background: #FAFBFF;
+            border-radius: 30px;
+        }
+
+        .footer-form-list-i .items {
+            width: 200px;
+            height: 46px;
+            margin-right: 20px;
+            background: #FAFBFF;
+            border-radius: 30px;
+        }
+        .items input {
+            width: 100%;
+            height: 100%;
+            font-weight: 400;
+            font-size: 15px;
+            color: #222222;
+            text-align: center;
+            outline: none;
+            margin-right: 15px;
+        }
+        .footer-form-list-i-btn {
+            width: 124px;
+            height: 46px;
+            line-height: 46px;
+            text-align: center;
+            background: #FF7900;
+            border-radius: 30px;
+            font-weight: 500;
+            font-size: 16px;
+            color: #FFFFFF;
+            cursor: pointer;
+            transition: .5s;
+        }
+        .footer-form-list-i-btn:hover {
+            background: #FF8C24;
+        }
+        .footer-c {
+            width: 100%;
+            display: flex;
+            flex-direction: column;
+            background: #2E333A;
+        }
+        .footer-c-logo {
+            width: 100%;
+            height: 130px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-bottom: 1px solid #393F48;
+        }
+        .footer-c-logo-c {
+            width: 1200px;
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .footer-c-logo-c img {
+            width: 160px;
+            height: 52px;
+        }
+        .footer-c-n {
+            width: 100%;
+            padding: 40px 0;
+            box-sizing: border-box;
+            border-bottom: 1px solid #393F48;
+        }
+        .footer-c-n-box {
+            width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            align-items: start;
+            justify-content: space-between;
+        }
+        .footer-c-n-item {
+            display: flex;
+            flex-direction: column;
+        }
+        .footer-c-n-item-label {
+            font-weight: 500;
+            font-size: 16px;
+            color: #E5E5E5;
+            margin-bottom: 24px;
+        }
+        .footer-c-n-item-row {
+            font-weight: 400;
+            font-size: 14px;
+            color: #9196A1;
+            margin-bottom: 15px;
+        }
+        .footer-c-n-item-row a {
+            font-weight: 400;
+            font-size: 14px;
+            color: #9196A1;
+        }
+        .footer-c-n-item-row a:hover {
+            color: #FF7900;
+        }
+        .footer-c-n-item-row:last-child {
+            margin: 0 !important;
+        }
+        .footer-c-n-item-qrcode {
+            width: 120px;
+            display: flex;
+            flex-direction: column;
+        }
+        .footer-c-n-item-qrcode img {
+            width: 120px;
+            height: 120px;
+        }
+        .footer-c-n-item-qrcode span {
+            width: 100%;
+            text-align: center;
+            font-weight: 400;
+            font-size: 13px;
+            color: #E5E5E5;
+            margin-top: 18px;
+        }
+        .footer-c-info {
+            width: 100%;
+            height: 79px;
+            line-height: 79px;
+            text-align: center;
+            font-weight: 400;
+            font-size: 14px;
+            color: #7B7F87;
+        }
+        .footer-c-info a {
+            font-weight: 400;
+            font-size: 14px;
+            color: #7B7F87;
+        }
+    </style>
+    <div class="footer">
+        <div class="footer-form">
+            <div class="footer-form-list">
+                <div class="footer-form-list-title">
+                    <span>娓犻亾鍚堜綔</span>
+                    <span>寮�鍚櫤鑱旂敓鎬侊紝鎼烘墜鍏辫耽鏈潵</span>
+                </div>
+                <div class="footer-form-list-i">
+                    <div class="items">
+                        <div class="filter-box">
+                            <div class="filter-text">
+                                <input class="filter-title" type="text" readonly placeholder="璇烽�夋嫨鏅烘収绯荤粺" />
+                                <i class="icon icon-filter-arrow"></i>
+                            </div>
+                            <select name="filter" id="options"></select>
+                        </div>
+                    </div>
+                    <div class="items">
+                        <input type="text" id="name" placeholder="璇疯緭鍏ユ偍鐨勭О鍛�" />
+                    </div>
+                    <div class="items">
+                        <input type="text" id="phone" maxlength="11" placeholder="璇疯緭鍏ユ偍鐨勬墜鏈哄彿" />
+                    </div>
+                    <div class="footer-form-list-i-btn" id="btnSub">鐢宠鍚堜綔</div>
+                </div>
+            </div>
+        </div>
+        <div class="footer-c">
+            <div class="footer-c-logo">
+                <div class="footer-c-logo-c">
+                    <img src="./assets/images/bottom_logo@2x.png" alt="" />
+                </div>
+            </div>
+            <div class="footer-c-n">
+                <div class="footer-c-n-box">
+                    <div class="footer-c-n-item" id="zhihui">
+                        <div class="footer-c-n-item-label">鏅烘収绯荤粺</div>
+                        <#if bottom.wisdomSystem ??>
+                            <#list bottom.wisdomSystem as item>
+                                <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+                            </#list>
+                        </#if>
+                    </div>
+                    <div class="footer-c-n-item" id="fangan">
+                        <div class="footer-c-n-item-label">瑙e喅鏂规</div>
+                        <#if bottom.solveScheme ??>
+                            <#list bottom.solveScheme as item>
+                            <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+                             </#list>
+                        </#if>
+                    </div>
+                    <div class="footer-c-n-item" id="fangan1">
+                        <div class="footer-c-n-item-label">鑽h獕璧勮川</div>
+                        <#if bottom.honors ??>
+                            <#list bottom.honors as item>
+                            <div class="footer-c-n-item-row"><a href="${item.address!''}">${item.name!''}</a></div>
+                             </#list>
+                        </#if>
+                    </div>
+                    <div class="footer-c-n-item">
+                        <div class="footer-c-n-item-label">鑱旂郴鎴戜滑</div>
+                        <div class="footer-c-n-item-row" style="color: #FF7900; font-size: 30px;" id="linkPhone">${bottom.linkPhone!''}</div>
+                        <div class="footer-c-n-item-row" id="phone">鑱旂郴鎵嬫満锛�${bottom.linkMobile!''}</div>
+                        <div class="footer-c-n-item-row" id="serviceDate">鏈嶅姟鏃堕棿锛�${bottom.serverTime!''}</div>
+                        <div class="footer-c-n-item-row" id="companyAddr">鍏徃鍦板潃锛�${bottom.address!''}</div>
+                    </div>
+                    <div class="footer-c-n-item">
+                        <div class="footer-c-n-item-qrcode">
+                            <img src="${bottom.footFullImgUrl!''}" id="qrcode" />
+                            <span>寰俊鎵爜鍏嶈垂璇曠敤</span>
+                        </div>
+                    </div>
+                    <div class="footer-c-n-item">
+                        <div class="footer-c-n-item-qrcode">
+                            <img src="${bottom.footFullImgUrl2!''}"   />
+                            <span>鑱旂郴瀹㈡湇</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="footer-c-info" id="footerInfo">${bottom.footWords!''}</div>
+        </div>
+    </div>
+    <script>
+        $(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)
+                }
+            })
+
+            $('.filter-box').selectFilter({
+                callBack : function (val){
+                    console.log(val)
+                    product = val
+                }
+            });
+
+            $('#btnSub').click(() => {
+                let name = $('#name').val()
+                let phone = $('#phone').val()
+                let email = $('#email').val()
+                if (!product) {
+                    alert('璇烽�夋嫨浜у搧鍚嶇О')
+                    return
+                }
+                if (!name) {
+                    alert('璇疯緭鍏ュ鍚�')
+                    return
+                }
+                if (!phone) {
+                    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('鎻愪氦澶辫触锛�')
+                    }
+                });
+            })
+        });
+    </script>
\ No newline at end of file
diff --git a/server/src/main/resources/templates/components/nav.html b/server/src/main/resources/templates/components/nav.html
new file mode 100644
index 0000000..c85e2cf
--- /dev/null
+++ b/server/src/main/resources/templates/components/nav.html
@@ -0,0 +1,30 @@
+<div class="nav">
+    <div class="nav-logo">
+        <img src="${webDomain}/assets/images/top_logo@2x.png" alt="logo">
+    </div>
+    <ul>
+        <li>
+            <a href="${webDomain}/index.html">棣栭〉</a>
+            <div class="underline"></div>
+        </li>
+        <li>
+            <a href="${webDomain}/intelligent_system.html">鏅烘収绯荤粺</a>
+        </li>
+        <li>
+            <a href="${webDomain}/solution.html">瑙e喅鏂规</a>
+        </li>
+        <li>
+            <a href="${webDomain}/alot.html">Alot鐗╄仈</a>
+        </li>
+        <li>
+            <a href="${webDomain}/dynamics.html">鏈�鏂板姩鎬�</a>
+        </li>
+        <li>
+            <a href="${webDomain}/about.html">鍏充簬鎴戜滑</a>
+        </li>
+        <li>
+            <a href="${webDomain}/about.html#section1">娓犻亾鍚堜綔</a>
+        </li>
+    </ul>
+    <a href="${webDomain}/about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+</div>
\ No newline at end of file
diff --git a/server/src/main/resources/templates/dynamics.html b/server/src/main/resources/templates/dynamics.html
new file mode 100644
index 0000000..c319fad
--- /dev/null
+++ b/server/src/main/resources/templates/dynamics.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏈�鏂板姩鎬�</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/dynamics.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/zxf_page.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/dynamics.js"></script>
+    <script src="./js/zxf_page.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+    <div class="index">
+        <div id="back-to-top">
+            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+        </div>
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                        <div class="underline"></div>
+                    </li>
+                    <li>
+                        <a href="./about.html">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li>
+                        <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-banner">
+            <div class="index-banner-c">
+                <div class="index-banner-c-a">鏈�鏂板姩鎬� 涓庢偍鍒嗕韩</div>
+                <div class="index-banner-c-b">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</div>
+                <div class="index-banner-c-c">
+                    <span>鍜ㄨ璇︽儏</span>
+                    <img src="./assets/images/btn_ar@2x.png" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="index-y">
+            <div class="index-y-list" id="list"></div>
+        </div>
+        <div class="fenye">
+            <div class="fenye-hz">
+                <div class="zxf_pagediv"></div>
+            </div>
+        </div>
+        <div id="footer"></div>
+    </div>
+    <script type="text/javascript">
+        let url = 'http://121.41.112.139:8099'
+
+        function getParameterByName(name, url) {
+            if (!url) url = window.location.href;
+            name = name.replace(/[\[\]]/g, "\\$&");
+            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+                results = regex.exec(url);
+            if (!results) return null;
+            if (!results[2]) return '';
+            return decodeURIComponent(results[2].replace(/\+/g, " "));
+        }
+
+        // 鑾峰彇棣栭〉杞挱鍥�
+        $.ajax({
+            async: false,
+            url: url + '/dmttwebsite/web/api/informationPage',
+            type: 'post',
+            data: JSON.stringify({
+                capacity: 4,
+                page: getParameterByName('page') || 1,
+                model: {}
+            }),
+            contentType: "application/json",
+            success: function (res) {
+                res.data.records.forEach(function (item) {
+                    var html = `
+                    <a href="./dynamics_details.html?id=${item.id}">
+                        <div class="item1">
+                            <div class="item-img">
+                                <img src="${item.fullImgurl}" alt="">
+                            </div>
+                            <div class="item-info">
+                                <div class="item-info-top">
+                                    <span>${item.title}</span>
+                                    <span>${item.detail}</span>
+                                </div>
+                                <div class="item-info-bottom">
+                                    ${item.releaseDate}
+                                </div>
+                            </div>
+                        </div>
+                    </a>
+                    `
+                    $('#list').append(html);
+                })
+                //缈婚〉
+                $(".zxf_pagediv").createPage({
+                    pageNum: res.data.pageCount,
+                    current: getParameterByName('page') || 1,
+                    total: res.data.total,
+                    backfun: function(e) {
+                        console.log(e.current);
+                        window.location.href = './dynamics.html?page=' + e.current;
+                    }
+                });
+            }
+        })
+    </script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/dynamics_details.html b/server/src/main/resources/templates/dynamics_details.html
new file mode 100644
index 0000000..93bf701
--- /dev/null
+++ b/server/src/main/resources/templates/dynamics_details.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鍔ㄦ�佽鎯�</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/dynamics_details.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/dynamics_details.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+    <div class="index">
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                        <div class="underline"></div>
+                    </li>
+                    <li>
+                        <a href="./about.html">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li>
+                        <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-a">
+            <span class="index-a-tips">鏈�鏂板姩鎬�</span>
+            <span class="index-a-go"> > </span>
+            <span class="index-a-tips1">鏂囩珷璇︽儏</span>
+        </div>
+        <div class="index-a-info">
+            <div class="index-a-info-title"></div>
+            <div class="index-a-info-date"></div>
+            <div class="index-a-info-x"></div>
+            <div class="index-a-info-content"></div>
+        </div>
+        <div id="footer"></div>
+    </div>
+    <script type="text/javascript">
+        let url = 'http://121.41.112.139:8099'
+
+        function getParameterByName(name, url) {
+            if (!url) url = window.location.href;
+            name = name.replace(/[\[\]]/g, "\\$&");
+            var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+                results = regex.exec(url);
+            if (!results) return null;
+            if (!results[2]) return '';
+            return decodeURIComponent(results[2].replace(/\+/g, " "));
+        }
+
+        // 鑾峰彇棣栭〉杞挱鍥�
+        $.ajax({
+            async: false,
+            url: url + '/dmttwebsite/web/api/informationDetail?id=' + getParameterByName('id'),
+            type: 'get',
+            contentType: "application/json",
+            success: function (res) {
+                console.log(res)
+                $('.index-a-info-title').text(res.data.title)
+                $('.index-a-info-date').text(res.data.releaseDate)
+                $('.index-a-info-content').html(res.data.content)
+            }
+        })
+    </script>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/intelligent_system.html b/server/src/main/resources/templates/intelligent_system.html
new file mode 100644
index 0000000..894a152
--- /dev/null
+++ b/server/src/main/resources/templates/intelligent_system.html
@@ -0,0 +1,489 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏅烘収绯荤粺</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/intelligent_system.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/intelligent_system.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+    <div class="index">
+        <div id="back-to-top">
+            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+        </div>
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                        <div class="underline"></div>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                    </li>
+                    <li>
+                        <a href="./about.html">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li>
+                        <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-banner">
+            <div class="index-banner-c">
+                <div class="index-banner-c-a" style="color: #191B1F;">鏅烘収鍦洪杩愯惀绯荤粺</div>
+                <div class="index-banner-c-b" style="color: #191B1F;">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</div>
+                <div class="index-banner-c-c">
+                    <span>鍜ㄨ璇︽儏</span>
+                    <img src="./assets/images/btn_ar@2x.png" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="index-b">
+            <div class="index-b-title">澶氭湇鍔$鍙o紝婊¤冻鍦洪澶氬満鏅湇鍔¢渶姹�</div>
+            <div class="index-b-info">澶氱鍙g鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満鏅鐩栵紝婊¤冻澶氬厓鍖栦笟鍔″満鏅渶姹�</div>
+            <div class="index-b-img">
+                <img src="./assets/images/guanli_img_duankou@2x.png" alt="" />
+            </div>
+            <div class="index-b-list">
+                <div class="index-b-list-item">
+                    <img src="./assets/images/guanli_ic_yuding@2x.png" alt="" />
+                    <span>鐢ㄦ埛/鏁欑粌灏忕▼搴�</span>
+                </div>
+                <div class="index-b-list-item">
+                    <img src="./assets/images/guanli_ic_yunyingxcx@2x.png" alt="" />
+                    <span>鍦洪杩愮灏忕▼搴�</span>
+                </div>
+                <div class="index-b-list-item">
+                    <img src="./assets/images/guanli_ic_guanlipc@2x.png" alt="" />
+                    <span>鍦洪杩愮PC绔�</span>
+                </div>
+                <div class="index-b-list-item">
+                    <img src="./assets/images/guanli_ic_shanghupc@2x.png" alt="" />
+                    <span>鑷姪绔疉PP</span>
+                </div>
+                <div class="index-b-list-item">
+                    <img src="./assets/images/ic_pda@2x.png" alt="" />
+                    <span>绉诲姩PDA</span>
+                </div>
+                <div class="index-b-list-item">
+                    <img src="./assets/images/guanli_ic_daping@2x.png" alt="" />
+                    <span>缁忚惀鏁版嵁澶у睆</span>
+                </div>
+            </div>
+            <div class="index-fa-btn">
+                <span>浜嗚В璇︽儏</span>
+                <img src="./assets/images/btn_ar@2x.png" alt="" />
+            </div>
+        </div>
+        <div class="index-c">
+            <div class="index-b-title">鎿嶄綔渚挎嵎锛岃繍钀ヨ交鏉炬棤蹇�</div>
+            <div class="index-b-info">鎴戜滑涓�鐩存寔缁彁鍗囨瘡涓�涓搷浣滅粏鑺傜殑浣跨敤浣撻獙锛岄�氳繃涓嶆柇鐨勫垱鏂板皾璇曚笌浜у搧杩唬锛屾垜浠湪涓板瘜绯荤粺鍔熻兘鐨勫悓鏃舵墿灞曠郴缁熺殑閫傜敤鍦烘櫙鏂规锛屾渶缁堟墠鑳戒娇鎴戜滑鐨勫鎴疯繍钀ヨ交鏉炬棤蹇с�佺粡钀ユ洿鍔犳垚鍔�</div>
+            <div class="index-c-list">
+                <div class="index-c-list-item">
+                    <div class="index-c-list-item-top">
+                        <span>3</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="index-c-list-item-title">鏋侀�熺鍒�</div>
+                </div>
+                <div class="index-c-list-item">
+                    <div class="index-c-list-item-top">
+                        <span>5</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="index-c-list-item-title">鏋侀�熷紑鍗�</div>
+                </div>
+                <div class="index-c-list-item">
+                    <div class="index-c-list-item-top">
+                        <span>8</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="index-c-list-item-title">闂ㄧエ鍞崠</div>
+                </div>
+                <div class="index-c-list-item">
+                    <div class="index-c-list-item-top">
+                        <span>15</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="index-c-list-item-title">鍦哄湴棰勭害</div>
+                </div>
+                <div class="index-c-list-item">
+                    <div class="index-c-list-item-top">
+                        <span>30</span>
+                        <span>绉�</span>
+                    </div>
+                    <div class="index-c-list-item-title">濂楅鍔炵悊</div>
+                </div>
+            </div>
+            <div class="index-c-bg"></div>
+        </div>
+        <div class="index-a">
+            <div class="index-b-title">鏉冮檺缁嗗垎 涓撲笟鏇翠笓娉�</div>
+            <div class="index-b-info">绯荤粺鏉冮檺鏅鸿兘鍒嗙锛岄鍐呮垚鍛樺悇鍙稿叾鑱岋紝鎻愬崌杩愯惀鏁堢巼鍜屼綋楠�</div>
+            <div class="index-a-c">
+                <div class="index-a-c-item">BOSS绔�</div>
+                <div class="index-a-c-item">杩愯惀绔�</div>
+                <div class="index-a-c-item">鍓嶅彴绔�</div>
+                <div class="index-a-c-item">浼氬憳绔�</div>
+                <div class="index-a-c-item">鏁欑粌绔�</div>
+                <div class="index-a-c-item">璐㈠姟绔�</div>
+            </div>
+            <div id="index-a-1" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">BOSS绔�</div>
+                    <div class="index-a-nr-left-info">鍦洪绠$悊鍜岀粺璁″垎鏋�</div>
+                    <div class="index-a-nr-left-list">
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>鍦洪绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/缁熻绠$悊@2x.png" alt="">
+                            <span>缁熻绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐㈠姟绠$悊@2x.png" alt="">
+                            <span>璐㈠姟绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/閰嶇疆绠$悊@2x.png" alt="">
+                            <span>閰嶇疆绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鐭俊绠$悊@2x.png" alt="">
+                            <span>鐭俊绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+                            <span>閫氱煡鍏憡</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐﹀彿閰嶇疆@2x.png" alt="">
+                            <span>璐﹀彿閰嶇疆</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鏃ュ織绠$悊@2x.png" alt="">
+                            <span>鏃ュ織绠$悊</span>
+                        </div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img2@2x.png" alt="" />
+                </div>
+            </div>
+            <div id="index-a-2" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">杩愯惀绔�</div>
+                    <div class="index-a-nr-left-info">鍦洪绠$悊鍜岀粺璁″垎鏋�</div>
+                    <div class="index-a-nr-left-list" style="width: 340px; margin-bottom: 40px;">
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/浼氬憳绠$悊@2x.png" alt="">
+                            <span>浼氬憳绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/濂楅閰嶇疆@2x.png" alt="">
+                            <span>濂楅閰嶇疆</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/浼存父鍗2x.png" alt="">
+                            <span>浼存父鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/涓撻」鍗2x.png" alt="">
+                            <span>涓撻」鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/璇剧▼绠$悊@2x.png" alt="">
+                            <span>璇剧▼绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/鍣ㄦ潗绉熻祦@2x.png" alt="">
+                            <span>鍣ㄦ潗绉熻祦</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/鍟嗗搧绠$悊@2x.png" alt="">
+                            <span>鍟嗗搧绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/钀ラ攢鏀跨瓥@2x.png" alt="">
+                            <span>钀ラ攢鏀跨瓥</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+                            <span>绉垎鍟嗗煄</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/鍦哄尯鍦哄湴@2x.png" alt="">
+                            <span>鍦哄尯鍦哄湴</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/娲诲姩绠$悊@2x.png" alt="">
+                            <span>娲诲姩绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/璐㈠姟绠$悊@2x.png" alt="">
+                            <span>璐㈠姟绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+                            <span>缁熻鍒嗘瀽</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 20%;">
+                            <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+                            <span>閫氱煡鍏憡</span>
+                        </div>
+                        <div style="width: 20%; height: 0;"></div>
+                        <div style="width: 20%; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img3@2x.png" alt="" />
+                </div>
+            </div>
+            <div id="index-a-3" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">鍓嶅彴绔�</div>
+                    <div class="index-a-nr-left-info">鍓嶅彴蹇嵎鎿嶄綔绠$悊</div>
+                    <div class="index-a-nr-left-list">
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/浼氬憳寮�鍗2x.png" alt="">
+                            <span>浼氬憳寮�鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦哄湴棰勫畾@2x.png" alt="">
+                            <span>鍦哄湴棰勫畾</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/闂ㄧエ鍞崠@2x.png" alt="">
+                            <span>闂ㄧエ鍞崠</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/濂楅绠$悊@2x.png" alt="">
+                            <span>濂楅绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/浼氬憳鍏呭�粿2x.png" alt="">
+                            <span>浼氬憳鍏呭��</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍟嗗搧鍞崠@2x.png" alt="">
+                            <span>鍟嗗搧鍞崠</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍣ㄦ潗绉熻祦@2x.png" alt="">
+                            <span>鍣ㄦ潗绉熻祦</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐㈠姟缁撶畻@2x.png" alt="">
+                            <span>璐㈠姟缁撶畻</span>
+                        </div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img4@2x.png" alt="" />
+                </div>
+            </div>
+            <div id="index-a-4" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">浼氬憳绔�</div>
+                    <div class="index-a-nr-left-info">浼氬憳淇℃伅缁存姢鍜岀鐞�</div>
+                    <div class="index-a-nr-left-list" style="width: 412px;">
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鍦哄湴棰勫畾@2x.png" alt="">
+                            <span>鍦哄湴棰勫畾</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鍦ㄧ嚎璐エ@2x.png" alt="">
+                            <span>鍦ㄧ嚎璐エ</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/濂楅鏈嶅姟@2x.png" alt="">
+                            <span>濂楅鏈嶅姟</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/寮�鍗″厖鍊粿2x.png" alt="">
+                            <span>寮�鍗″厖鍊�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/棰嗗埜涓績@2x.png" alt="">
+                            <span>棰嗗埜涓績</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/杩涘嚭鍦篅2x.png" alt="">
+                            <span>杩涘嚭鍦�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/杩愬姩鎺掕@2x.png" alt="">
+                            <span>杩愬姩鎺掕</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鍥㈣喘楠屽埜@2x.png" alt="">
+                            <span>鍥㈣喘楠屽埜</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鎵撳崱绛惧埌@2x.png" alt="">
+                            <span>鎵撳崱绛惧埌</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/绾夸笂鍟嗗煄@2x.png" alt="">
+                            <span>绾夸笂鍟嗗煄</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/绉掓潃娲诲姩@2x.png" alt="">
+                            <span>绉掓潃娲诲姩</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鎴戠殑鍗″寘@2x.png" alt="">
+                            <span>鎴戠殑鍗″寘</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+                            <span>绉垎鍟嗗煄</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/璇剧▼琛ˊ2x.png" alt="">
+                            <span>璇剧▼琛�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 16%;">
+                            <img src="./assets/icon/鎴戠殑绾︾悆@2x.png" alt="">
+                            <span>鎴戠殑绾︾悆</span>
+                        </div>
+                        <div style="width: 16%; height: 0;"></div>
+                        <div style="width: 16%; height: 0;"></div>
+                        <div style="width: 16%; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img5@2x.png" alt="" />
+                </div>
+            </div>
+            <div id="index-a-5" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">鏁欑粌绔�</div>
+                    <div class="index-a-nr-left-info">鏁欑粌鎺掕娑堣</div>
+                    <div class="index-a-nr-left-list">
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鎺掕绠$悊@2x.png" alt="">
+                            <span>鎺掕绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/瀛﹀憳绠$悊@2x.png" alt="">
+                            <span>瀛﹀憳绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鏃ュ父绠$悊@2x.png" alt="">
+                            <span>鏃ュ父绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/缂鸿琛ヨ@2x.png" alt="">
+                            <span>缂鸿琛ヨ</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璇惧爞琛ㄧ幇@2x.png" alt="">
+                            <span>璇惧爞琛ㄧ幇</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璇炬椂璁板綍@2x.png" alt="">
+                            <span>璇炬椂璁板綍</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鎵撳崱绛惧埌@2x.png" alt="">
+                            <span>鎵撳崱绛惧埌</span>
+                        </div>
+                        <div style="width: 55px; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img6@2x.png" alt="" />
+                </div>
+            </div>
+            <div id="index-a-6" class="index-a-nr animate__animated animate__slideInUp">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">璐㈠姟绔�</div>
+                    <div class="index-a-nr-left-info">璐㈠姟缁熻鎶ヨ〃</div>
+                    <div class="index-a-nr-left-list" style="width: 285px;">
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/璐㈠姟缁撶畻@2x.png" alt="">
+                            <span>璐㈠姟缁撶畻</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/璧勯噾娴佹按@2x.png" alt="">
+                            <span>璧勯噾娴佹按</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/閫氱敤娑堣垂@2x.png" alt="">
+                            <span>閫氱敤娑堣垂</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/鎵嬬画璐硅鍗旲2x.png" alt="">
+                            <span>鎵嬬画璐硅鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/閫�娆捐褰旲2x.png" alt="">
+                            <span>閫�娆捐褰�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item" style="width: 70px;">
+                            <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+                            <span>缁熻鍒嗘瀽</span>
+                        </div>11
+                        <div style="width: 70px; height: 0;"></div>
+                        <div style="width: 70px; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunying_img7@2x.png" alt="" />
+                </div>
+            </div>
+        </div>
+        <div id="footer"></div>
+    </div>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/operation.html b/server/src/main/resources/templates/operation.html
new file mode 100644
index 0000000..a78b2e9
--- /dev/null
+++ b/server/src/main/resources/templates/operation.html
@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>鏅烘収杩愮淮</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/operation.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/operation.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+    <div class="index">
+        <div id="back-to-top">
+            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+        </div>
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                        <div class="underline"></div>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                    </li>
+                    <li>
+                        <a href="./about.html">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li>
+                        <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-banner">
+            <div class="index-banner-c">
+                <div class="index-banner-c-a">鏁版櫤鍦洪杩愮淮绯荤粺</div>
+                <div class="index-banner-c-b">鏅烘収鍦洪杩愯惀杩愮淮绯荤粺+鏁版櫤瑙e喅鏂规鏈嶅姟</div>
+                <div class="index-banner-c-c">
+                    <span>鍜ㄨ璇︽儏</span>
+                    <img src="./assets/images/btn_ar@2x.png" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="index-a">
+            <div class="index-b-title">鈥滃叏鏍堝紡鈥濊繍缁存柟妗堬紝涓�绔欒В鍐宠繍缁撮毦棰�</div>
+            <div class="index-b-info">搴旂敤鍦烘櫙</div>
+            <div class="index-a-c">
+                <div class="index-a-c-item" name="璧勪骇绠$悊">
+                    <img src="./assets/icon/yunwei_ic_zichan@2x.png" alt="" />
+                    <div class="index-a-c-item-b">
+                        <span>璧勪骇绠$悊</span>
+                        <span>閫氳繃鏁板瓧鍖栨墜娈靛鍦洪璁惧璁炬柦杩涜鍏ㄧ敓鍛藉懆鏈熺鎺т笌浠峰�艰瘎浼�</span>
+                    </div>
+                </div>
+                <div class="index-a-c-item" name="宸℃杩愮淮">
+                    <img src="./assets/icon/yunwei_ic_xunjian@2x.png" alt="" />
+                    <div class="index-a-c-item-b">
+                        <span>宸℃杩愮淮</span>
+                        <span>鍒╃敤鏅烘収绯荤粺鍜宭oT璁惧瀹炵幇鑷姩鍖栧贰妫�銆佹晠闅滈璀﹀強鏍囧噯鍖栫淮淇鐞�</span>
+                    </div>
+                </div>
+                <div class="index-a-c-item" name="浠撳偍绠$悊">
+                    <img src="./assets/icon/yunwei_ic_cangchu@2x.png" alt="" />
+                    <div class="index-a-c-item-b">
+                        <span>浠撳偍绠$悊</span>
+                        <span>渚濇墭鏅鸿兘浠撳偍绯荤粺瀹炵幇鐗╄祫鍔ㄦ�佸簱瀛樼洃鎺с�佽嚜鍔ㄥ寲鍑哄叆搴撳強鑰楁潗棰勬祴琛ョ粰</span>
+                    </div>
+                </div>
+                <div class="index-a-c-item" name="鍟嗘埛绠$悊">
+                    <img src="./assets/icon/yunwei_ic_shanghu@2x.png" alt="" />
+                    <div class="index-a-c-item-b">
+                        <span>鍟嗘埛绠$悊</span>
+                        <span>閫氳繃骞冲彴鏁村悎鍦哄湴鐘舵�併�佸晢鎴峰悎鍚屻�佽兘鑰楁儏鍐点�佹湇鍔¤川閲忚瘎浼板強鏁版嵁鍒嗘瀽</span>
+                    </div>
+                </div>
+            </div>
+            <div class="index-fa-btn">
+                <span>浜嗚В璇︽儏</span>
+                <img src="./assets/images/btn_ar@2x.png" alt="" />
+            </div>
+        </div>
+
+        <div class="index-a" style="background: #ffffff;">
+            <div class="index-b-title">IOC鍙鍖栧ぇ灞�</div>
+            <div class="index-b-info">鏁板瓧瀛敓鎶�鏈敮鎾戝満棣嗗彲瑙嗗寲锛岄泦鐩戞祴銆佹帶鍒躲�佺淮鎶ゃ�佸畨淇濄�佸簲鎬ャ�佸贰妫�鍜岀鐞嗗姛鑳戒簬涓�浣擄紝瀹炵幇瀵瑰満棣嗙殑瀹炴椂鎺у埗绠$悊</div>
+            <div class="index-a-image">
+                <img src="./assets/images/yunwei_img1@2x.png" alt="" />
+            </div>
+        </div>
+
+        <div class="index-a" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+            <div class="index-b-title">浜у搧鍔熻兘</div>
+            <div class="index-b-info">澶氱瑙e喅鏂规鎻愬崌鍦洪杩愮淮鑳藉姏锛屽彲鏍规嵁鍦烘櫙闇�姹傜伒娲荤粍鍚�</div>
+            <div class="index-a-nr">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-title">鏅烘収杩愮淮</div>
+                    <div class="index-a-nr-left-info">鐏垫椿鏋勫缓锛屽揩閫熼儴缃�</div>
+                    <div class="index-a-nr-left-list">
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>鎴挎�佺鐞�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/缁熻绠$悊@2x.png" alt="">
+                            <span>璁惧宸℃</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐㈠姟绠$悊@2x.png" alt="">
+                            <span>璁惧杩愮淮</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/閰嶇疆绠$悊@2x.png" alt="">
+                            <span>搴撳瓨绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鐭俊绠$悊@2x.png" alt="">
+                            <span>鍛樺伐璧勬枡</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+                            <span>瀹㈡埛璧勬枡</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐﹀彿閰嶇疆@2x.png" alt="">
+                            <span>椤圭洰璧勬枡</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鏃ュ織绠$悊@2x.png" alt="">
+                            <span>鍚堝悓绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>璐㈠姟绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>宸ュ崟鏈嶅姟</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>鑳借�楃鐞�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦洪绠$悊@2x.png" alt="">
+                            <span>鏁版嵁鍒嗘瀽</span>
+                        </div>
+                        <div style="width: 20%; height: 0;"></div>
+                        <div style="width: 20%; height: 0;"></div>
+                        <div style="width: 20%; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/yunwei_img2@2x.png" alt="" />
+                </div>
+            </div>
+        </div>
+
+        <div id="footer"></div>
+    </div>
+</body>
+</html>
diff --git a/server/src/main/resources/templates/solution.html b/server/src/main/resources/templates/solution.html
new file mode 100644
index 0000000..fb413e2
--- /dev/null
+++ b/server/src/main/resources/templates/solution.html
@@ -0,0 +1,209 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>瑙e喅鏂规</title>
+    <link rel="stylesheet" href="./assets/common.css">
+    <link rel="stylesheet" href="./assets/solution.css">
+    <link rel="stylesheet" href="./assets/animate.css">
+    <link rel="stylesheet" href="./assets/animate.min.css">
+    <link rel="stylesheet" href="./assets/swiper.css">
+    <script src="./js/jquery.js"></script>
+    <script src="./js/swiper.js"></script>
+    <script src="./js/solution.js"></script>
+    <script src="./js/selectFilter.js"></script>
+    <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+    <div class="index">
+        <div id="back-to-top">
+            <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+        </div>
+        <div id="header">
+            <div class="nav">
+                <div class="nav-logo">
+                    <img src="./assets/images/top_logo@2x.png" alt="logo">
+                </div>
+                <ul>
+                    <li>
+                        <a href="./index.html">棣栭〉</a>
+                    </li>
+                    <li>
+                        <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+                    </li>
+                    <li>
+                        <a href="./solution.html">瑙e喅鏂规</a>
+                        <div class="underline"></div>
+                    </li>
+                    <li>
+                        <a href="./alot.html">Alot鐗╄仈</a>
+                    </li>
+                    <li>
+                        <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+                    </li>
+                    <li>
+                        <a href="./about.html">鍏充簬鎴戜滑</a>
+                    </li>
+                    <li>
+                        <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+                    </li>
+                </ul>
+                <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+            </div>
+        </div>
+        <div style="width: 100%; height: 70px;"></div>
+        <div class="index-banner">
+            <div class="index-banner-c">
+                <div class="index-banner-c-a">绉戞妧璧嬭兘绠$悊 鏅烘収绮剧畝杩愯惀</div>
+                <div class="index-banner-c-b">AI璧嬭兘銆佸紑鍚満棣嗘暟鏅烘柊鏃朵唬</div>
+                <div class="index-banner-c-c">
+                    <span>鍜ㄨ璇︽儏</span>
+                    <img src="./assets/images/btn_ar@2x.png" alt="">
+                </div>
+            </div>
+        </div>
+        <div class="index-y">
+            <div class="title">AI璧嬭兘 寮�鍚満棣嗘暟鏅烘柊鏃朵唬</div>
+            <div class="info">璞嗙背璺宠烦浠ョ墿鑱旂綉涓哄熀纭�锛屼緷鎵楢I绠楁硶鍜屽ぇ鏁版嵁绛夋妧鏈鍩熺殑娣卞害铻嶅悎锛屽疄鐜拌繍鍔ㄥ満棣嗘暟瀛楀寲銆佹櫤鑳藉寲銆佹櫤鎱у寲鏀归�犲崌绾�   杩愯惀鎴愭湰锛屼紭鍖栨湇鍔′綋楠岋紝褰㈡垚绾夸笂绾夸笅铻嶅悎浜掑姩銆佺珛浣撹鐩栫殑鏈嶅姟渚涚粰浣撶郴锛屾墿澶у満棣嗗晢涓氫环鍊硷紝閲嶅鏁版櫤鍦洪杩愯惀鐢熸�併��</div>
+            <div class="index-y-img">
+                <img src="./assets/images/solution_img1@2x.png" alt="" />
+            </div>
+        </div>
+        <div class="index-y" style="background: linear-gradient( 134deg, #FFFFFF 0%, #FFF7F0 100%);">
+            <div class="title">鏅烘収鍦洪绯荤粺搴旂敤鍦烘櫙</div>
+            <div class="info">琛屼笟缁嗗垎锛屼负澶氱杩愬姩鍦烘櫙鎻愪緵鏇村瀭鐩寸殑鍦洪鏅烘敼瑙e喅鏂规</div>
+            <div class="index-y-l">
+                <div class="index-y-l-item" style="background-image: url('./assets/images/鐭╁舰@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">缁煎悎浣撹偛鍦洪</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+                <div class="index-y-l-item" style="background-image: url('./assets/images/solution_img_3@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">鍏ㄦ皯鍋ヨ韩涓績</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+                <div class="index-y-l-item" style="background-image: url('./assets/images/solution_img_4@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">鏍″洯浣撹偛鍦洪</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+                <div class="index-y-l-item" style="background-image: url('./assets/images/solution_img_5@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">鍐伴洩浣撹偛鍦洪</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+                <div class="index-y-l-item" style="background-image: url('./assets/images/solution_img_6@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">娓告吵浣撹偛鍦洪</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+                <div class="index-y-l-item" style="background-image: url('./assets/images/solution_img_7@2x.png')">
+                    <div class="l-item-box">
+                        <div class="index-y-l-item-title">鏅烘収浣撹偛鍏洯</div>
+                        <div class="index-y-l-item-x"></div>
+                        <div class="index-y-l-item-info">鎻愪緵杞‖浠朵竴浣撳寲瑙e喅鏂规锛岄�傚悎澶т腑鍨嬬患鍚堜綋鑲插満棣嗚繘琛屾櫤鎱х鐞�</div>
+                    </div>
+                    <div class="l-item-zz"></div>
+                </div>
+            </div>
+        </div>
+        <div class="index-y">
+            <div class="title">鏅烘収鍦洪绯荤粺瑙e喅鏂规</div>
+            <div class="info">鎻愪緵涓婄櫨绉嶅姛鑳藉簲鐢紝鎵撻�犳櫤鑳戒竴浣撳寲骞冲彴锛屽姪鍔涘満棣嗘櫤鎱х鐞嗗拰钀ラ攢杞寲</div>
+            <div class="index-a-nr">
+                <div class="index-a-nr-left">
+                    <div class="index-a-nr-left-list">
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/浼氬憳绠$悊@2x.png" alt="">
+                            <span>浼氬憳绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍦哄湴棰勫畾@2x.png" alt="">
+                            <span>鍦哄湴棰勫畾</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/闂ㄧエ鍞崠@2x.png" alt="">
+                            <span>闂ㄧエ绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/濂楅绠$悊@2x.png" alt="">
+                            <span>濂楅绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/涓撻」鍗2x.png" alt="">
+                            <span>涓撻」鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/浼存父鍗2x.png" alt="">
+                            <span>浼存父鍗�</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍟嗗搧绠$悊@2x.png" alt="">
+                            <span>鍟嗗搧绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璇剧▼绠$悊@2x.png" alt="">
+                            <span>璇剧▼绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/鍣ㄦ潗绉熻祦@2x.png" alt="">
+                            <span>鍣ㄦ潗绉熻祦</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/娲诲姩绠$悊@2x.png" alt="">
+                            <span>娲诲姩绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璐㈠姟绠$悊@2x.png" alt="">
+                            <span>璐㈠姟绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/缁熻鍒嗘瀽@2x.png" alt="">
+                            <span>缁熻鍒嗘瀽</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/绉垎鍟嗗煄@2x.png" alt="">
+                            <span>绉垎鍟嗗煄</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/璁惧绠$悊@2x.png" alt="">
+                            <span>璁惧绠$悊</span>
+                        </div>
+                        <div class="index-a-nr-left-list_item">
+                            <img src="./assets/icon/閫氱煡鍏憡@2x.png" alt="">
+                            <span>閫氱煡鍏憡</span>
+                        </div>
+                        <div style="width: 20%; height: 0;"></div>
+                        <div style="width: 20%; height: 0;"></div>
+                        <div style="width: 20%; height: 0;"></div>
+                    </div>
+                    <div class="index-fa-btn" style="margin: 0;">
+                        <span>鍜ㄨ璇︽儏</span>
+                        <img src="./assets/images/btn_ar@2x.png" alt="" />
+                    </div>
+                </div>
+                <div class="index-a-nr-right">
+                    <img src="./assets/images/solution_img_8@2x.png" alt="" />
+                </div>
+            </div>
+        </div>
+        <div id="footer"></div>
+    </div>
+</body>
+</html>

--
Gitblit v1.9.3