1 éve · 71c534ba07
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,8 @@
 
															+root = true
														
 
															+
														
 
															+[*]
														
 
															+indent_style = space
														
 
															+indent_size = 4
														
 
															+charset = utf-8
														
 
															+trim_trailing_whitespace = true
														
 
															+insert_final_newline = true
														
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,9 @@
 
															+node_modules
														
 
															+
														
 
															+.idea
														
 
															+.vscode
														
 
															+.DS_Store
														
 
															+.fleet
														
 
															+
														
 
															+dist
														
 
															+zip
														
--- a/README.md
+++ b/README.md
@@ -1,3 +1,19 @@
 
															 # website
														
 
															-官网
														
 
															+## Project setup
														
 
															+```
														
 
															+npm install
														
 
															+```
														
 
															+
														
 
															+### Compiles and hot-reloads for development
														
 
															+```
														
 
															+npm run serve
														
 
															+```
														
 
															+
														
 
															+### Compiles and minifies for production
														
 
															+```
														
 
															+npm run build
														
 
															+```
														
 
															+
														
 
															+### Customize configuration
														
 
															+See [Configuration Reference](https://cli.vuejs.org/config/).
														
--- a/babel.config.js
+++ b/babel.config.js
@@ -0,0 +1,5 @@
 
															+module.exports = {
														
 
															+  presets: [
														
 
															+    '@vue/cli-plugin-babel/preset'
														
 
															+  ]
														
 
															+}
														
--- a/package.json
+++ b/package.json
@@ -0,0 +1,23 @@
 
															+{
														
 
															+  "name": "website",
														
 
															+  "version": "0.1.0",
														
 
															+  "private": true,
														
 
															+  "scripts": {
														
 
															+    "serve": "vue-cli-service serve",
														
 
															+    "build": "vue-cli-service build"
														
 
															+  },
														
 
															+  "dependencies": {
														
 
															+    "core-js": "^3.6.5",
														
 
															+    "element-ui": "^2.15.6",
														
 
															+    "vue": "^2.6.11",
														
 
															+    "vue-router": "^3.2.0"
														
 
															+  },
														
 
															+  "devDependencies": {
														
 
															+    "@vue/cli-plugin-babel": "~4.5.0",
														
 
															+    "@vue/cli-plugin-router": "~4.5.0",
														
 
															+    "@vue/cli-service": "~4.5.0",
														
 
															+    "less": "^3.0.4",
														
 
															+    "less-loader": "^5.0.0",
														
 
															+    "vue-template-compiler": "^2.6.11"
														
 
															+  }
														
 
															+}
														
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,17 @@
 
															+<!DOCTYPE html>
														
 
															+<html lang="">
														
 
															+  <head>
														
 
															+    <meta charset="utf-8">
														
 
															+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
														
 
															+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
														
 
															+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
														
 
															+    <title><%= htmlWebpackPlugin.options.title %></title>
														
 
															+  </head>
														
 
															+  <body>
														
 
															+    <noscript>
														
 
															+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
														
 
															+    </noscript>
														
 
															+    <div id="app"></div>
														
 
															+    <!-- built files will be auto injected -->
														
 
															+  </body>
														
 
															+</html>
														
--- a/src/App.vue
+++ b/src/App.vue
@@ -0,0 +1,15 @@
 
															+<template>
														
 
															+  <div id="app">
														
 
															+    <router-view />
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<style lang="less">
														
 
															+* {
														
 
															+  margin: 0;
														
 
															+  padding: 0;
														
 
															+  list-style: none;
														
 
															+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
														
 
															+    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
														
 
															+}
														
 
															+</style>
														
--- a/src/assets/aboutUs/daqiao.png
+++ b/src/assets/aboutUs/daqiao.png
--- a/src/assets/aboutUs/fazhanshi.png
+++ b/src/assets/aboutUs/fazhanshi.png
--- a/src/assets/aboutUs/hengfu.png
+++ b/src/assets/aboutUs/hengfu.png
--- a/src/assets/aboutUs/java.png
+++ b/src/assets/aboutUs/java.png
--- a/src/assets/aboutUs/jishu.png
+++ b/src/assets/aboutUs/jishu.png
--- a/src/assets/aboutUs/new-1.png
+++ b/src/assets/aboutUs/new-1.png
--- a/src/assets/aboutUs/new-2.png
+++ b/src/assets/aboutUs/new-2.png
--- a/src/assets/aboutUs/news.png
+++ b/src/assets/aboutUs/news.png
--- a/src/assets/aboutUs/topHead.png
+++ b/src/assets/aboutUs/topHead.png
--- a/src/assets/aboutUs/ziliaoyuan.png
+++ b/src/assets/aboutUs/ziliaoyuan.png
--- a/src/assets/aboutUs/图层
+++ b/src/assets/aboutUs/图层
--- a/src/assets/aboutUs/图层
+++ b/src/assets/aboutUs/图层
--- a/src/assets/archives/caiji.png
+++ b/src/assets/archives/caiji.png
--- a/src/assets/archives/caijiliyong.png
+++ b/src/assets/archives/caijiliyong.png
--- a/src/assets/archives/diannao.png
+++ b/src/assets/archives/diannao.png
--- a/src/assets/archives/jianmo.png
+++ b/src/assets/archives/jianmo.png
--- a/src/assets/archives/liyong.png
+++ b/src/assets/archives/liyong.png
--- a/src/assets/archives/pingtai.png
+++ b/src/assets/archives/pingtai.png
--- a/src/assets/archives/topHead.png
+++ b/src/assets/archives/topHead.png
--- a/src/assets/archives/zujuan.png
+++ b/src/assets/archives/zujuan.png
--- a/src/assets/case/ce.png
+++ b/src/assets/case/ce.png
--- a/src/assets/case/cg.png
+++ b/src/assets/case/cg.png
--- a/src/assets/case/gc.png
+++ b/src/assets/case/gc.png
--- a/src/assets/case/guangxi.png
+++ b/src/assets/case/guangxi.png
--- a/src/assets/case/guangxijiangong.png
+++ b/src/assets/case/guangxijiangong.png
--- a/src/assets/case/guizhou.png
+++ b/src/assets/case/guizhou.png
--- a/src/assets/case/nanning.png
+++ b/src/assets/case/nanning.png
--- a/src/assets/case/siju.png
+++ b/src/assets/case/siju.png
--- a/src/assets/case/tengda.png
+++ b/src/assets/case/tengda.png
--- a/src/assets/case/topHead.png
+++ b/src/assets/case/topHead.png
--- a/src/assets/case/xinfazhan.png
+++ b/src/assets/case/xinfazhan.png
--- a/src/assets/case/zhejiang.png
+++ b/src/assets/case/zhejiang.png
--- a/src/assets/case/zhongguojianye.png
+++ b/src/assets/case/zhongguojianye.png
--- a/src/assets/case/zhongguotiejian.png
+++ b/src/assets/case/zhongguotiejian.png
--- a/src/assets/case/zhongjiao.png
+++ b/src/assets/case/zhongjiao.png
--- a/src/assets/case/zhongtieyiju.png
+++ b/src/assets/case/zhongtieyiju.png
--- a/src/assets/coreValue/dashuju.png
+++ b/src/assets/coreValue/dashuju.png
--- a/src/assets/coreValue/dashujuoingtai.png
+++ b/src/assets/coreValue/dashujuoingtai.png
--- a/src/assets/coreValue/system.png
+++ b/src/assets/coreValue/system.png
--- a/src/assets/coreValue/topHead.png
+++ b/src/assets/coreValue/topHead.png
--- a/src/assets/coreValue/zhineng.png
+++ b/src/assets/coreValue/zhineng.png
--- a/src/assets/index/aizhuli.png
+++ b/src/assets/index/aizhuli.png
--- a/src/assets/index/anzhuo.png
+++ b/src/assets/index/anzhuo.png
--- a/src/assets/index/chengxin.png
+++ b/src/assets/index/chengxin.png
--- a/src/assets/index/companyName.png
+++ b/src/assets/index/companyName.png
--- a/src/assets/index/computer.png
+++ b/src/assets/index/computer.png
--- a/src/assets/index/dananguanli.png
+++ b/src/assets/index/dananguanli.png
--- a/src/assets/index/danganguan.png
+++ b/src/assets/index/danganguan.png
--- a/src/assets/index/dashujuzhongxin.png
+++ b/src/assets/index/dashujuzhongxin.png
--- a/src/assets/index/dianqian.png
+++ b/src/assets/index/dianqian.png
--- a/src/assets/index/gaoxiaocaiji.png
+++ b/src/assets/index/gaoxiaocaiji.png
--- a/src/assets/index/huoti.png
+++ b/src/assets/index/huoti.png
--- a/src/assets/index/ios.png
+++ b/src/assets/index/ios.png
--- a/src/assets/index/jiansuo.png
+++ b/src/assets/index/jiansuo.png
--- a/src/assets/index/jishu.png
+++ b/src/assets/index/jishu.png
--- a/src/assets/index/jishuzhichi.png
+++ b/src/assets/index/jishuzhichi.png
--- a/src/assets/index/keshihua.png
+++ b/src/assets/index/keshihua.png
--- a/src/assets/index/mask.png
+++ b/src/assets/index/mask.png
--- a/src/assets/index/phone.png
+++ b/src/assets/index/phone.png
--- a/src/assets/index/qq.png
+++ b/src/assets/index/qq.png
--- a/src/assets/index/service.png
+++ b/src/assets/index/service.png
--- a/src/assets/index/topHead.png
+++ b/src/assets/index/topHead.png
--- a/src/assets/index/weixin.png
+++ b/src/assets/index/weixin.png
--- a/src/assets/index/wulian.png
+++ b/src/assets/index/wulian.png
--- a/src/assets/index/wulianshebei.png
+++ b/src/assets/index/wulianshebei.png
--- a/src/assets/index/yujin.png
+++ b/src/assets/index/yujin.png
--- a/src/assets/index/yunyin.png
+++ b/src/assets/index/yunyin.png
--- a/src/assets/index/yuyin.png
+++ b/src/assets/index/yuyin.png
--- a/src/assets/index/zhengce.png
+++ b/src/assets/index/zhengce.png
--- a/src/assets/index/zhihuirenwu.png
+++ b/src/assets/index/zhihuirenwu.png
--- a/src/assets/index/zhihuishiyan.png
+++ b/src/assets/index/zhihuishiyan.png
--- a/src/assets/index/zhinengwenda.png
+++ b/src/assets/index/zhinengwenda.png
--- a/src/assets/index/zhishitupu.png
+++ b/src/assets/index/zhishitupu.png
--- a/src/assets/index/zujuan.png
+++ b/src/assets/index/zujuan.png
--- a/src/assets/service/diedai.png
+++ b/src/assets/service/diedai.png
--- a/src/assets/service/guocheng.png
+++ b/src/assets/service/guocheng.png
--- a/src/assets/service/kehu.png
+++ b/src/assets/service/kehu.png
--- a/src/assets/service/mianfei.png
+++ b/src/assets/service/mianfei.png
--- a/src/assets/service/qq.png
+++ b/src/assets/service/qq.png
--- a/src/assets/service/shiyong.png
+++ b/src/assets/service/shiyong.png
--- a/src/assets/service/shuju.png
+++ b/src/assets/service/shuju.png
--- a/src/assets/service/topHead.png
+++ b/src/assets/service/topHead.png
--- a/src/assets/service/waibu.png
+++ b/src/assets/service/waibu.png
--- a/src/assets/service/weixin.png
+++ b/src/assets/service/weixin.png
--- a/src/assets/service/xitong.png
+++ b/src/assets/service/xitong.png
--- a/src/assets/service/yunfuwu.png
+++ b/src/assets/service/yunfuwu.png
--- a/src/assets/service/ziliao.png
+++ b/src/assets/service/ziliao.png
--- a/src/components/footer.vue
+++ b/src/components/footer.vue
@@ -0,0 +1,95 @@
 
															+<template>
														
 
															+  <div class="footer">
														
 
															+    <div class="support">
														
 
															+      <div style="display: flex; align-items: center;">
														
 
															+        <img style="width: 40px;height: 40px;" src="../assets/index/zhengce.png" alt="">
														
 
															+        <div style="font-size: 24px;font-weight: 400;color: #ffffff;margin-left:5px">政策支持</div>
														
 
															+      </div>
														
 
															+      <div style="display: flex; align-items: center;">
														
 
															+        <img style="width: 40px;height: 40px;" src="../assets/index/jishu.png" alt="">
														
 
															+        <div style="font-size: 24px;font-weight: 400;color: #ffffff;margin-left:5px">技术支持</div>
														
 
															+      </div>
														
 
															+      <div style="display: flex; align-items: center;">
														
 
															+        <img style="width: 40px;height: 40px;" src="../assets/index/jishuzhichi.png" alt="">
														
 
															+        <div style="font-size: 24px;font-weight: 400;color: #ffffff;margin-left:5px">技术支持</div>
														
 
															+      </div>
														
 
															+      <div style="display: flex; align-items: center;">
														
 
															+        <img style="width: 40px;height: 40px;" src="../assets/index/chengxin.png" alt="">
														
 
															+        <div style="font-size: 24px;font-weight: 400;color: #ffffff;margin-left:5px">诚信服务</div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <div class="horizontalLine"></div>
														
 
															+    <div class="bottomPart">
														
 
															+      <div class="bottomPart_single">
														
 
															+        <img style="width: 195px;height: 40px;" src="../assets/index/companyName.png" alt="">
														
 
															+      </div>
														
 
															+      <div class="bottomPart_single" style="margin-left:105px">
														
 
															+        <div style="font-size: 14px;color: #ffffff;">服务热线</div>
														
 
															+        <div style="font-size: 28px;color: #ffffff;margin-top:7px">023-62795307</div>
														
 
															+      </div>
														
 
															+      <div class="bottomPart_single" style="margin-left:105px">
														
 
															+        <div style="font-size: 18px;color: #ffffff;">重庆泓创智诚信息技术有限公司</div>
														
 
															+        <div style="font-size: 12px;color: #ffffff;margin-top:7px">All Rights Reserved.桂ICP备17000206号-1</div>
														
 
															+      </div>
														
 
															+      <div class="bottomPart_single2" style="border-right:0;margin-left:105px;width:11%">
														
 
															+        <div class="qrCode">
														
 
															+          <img style="width: 70px;height: 70px;" src="../assets/index/anzhuo.png" alt="">
														
 
															+          <div style="font-size: 14px;color: #ffffff;margin-top:11px">Android</div>
														
 
															+        </div>
														
 
															+        <div class="qrCode" style="margin-left:30px">
														
 
															+          <img style="width: 70px;height: 70px;" src="../assets/index/ios.png" alt="">
														
 
															+          <div style="font-size: 14px;color: #ffffff;margin-top:11px">IOS</div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script>
														
 
															+export default {};
														
 
															+</script>
														
 
															+
														
 
															+<style lang="less" scoped>
														
 
															+.footer {
														
 
															+  height: 440px;
														
 
															+  background: #0f0f36;
														
 
															+  .support{
														
 
															+    display: flex;
														
 
															+    justify-content: space-between;
														
 
															+    margin: 0px 163px 50px 156px;
														
 
															+    padding-top: 115px;
														
 
															+  }
														
 
															+  .horizontalLine{
														
 
															+    margin: 0px 163px 0px 75px;
														
 
															+    height: 3px;
														
 
															+    background: #4B4B68;
														
 
															+  }
														
 
															+  .bottomPart{
														
 
															+    display: flex;
														
 
															+    justify-content: space-between;
														
 
															+    margin: 50px 163px 0px 133px;
														
 
															+    .bottomPart_single{
														
 
															+      height: 56px;
														
 
															+      width: 25%;
														
 
															+      border-right: 2px solid #4B4B68;
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+      justify-content: center;
														
 
															+    }
														
 
															+    .bottomPart_single2{
														
 
															+      width: 25%;
														
 
															+      height: 56px;
														
 
															+      border-right: 2px solid #4B4B68;
														
 
															+      display: flex;
														
 
															+      // justify-content: center;
														
 
															+      // align-items: center;
														
 
															+      .qrCode{
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: center;
														
 
															+        align-items: center;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+</style>
														
--- a/src/components/headerNav.vue
+++ b/src/components/headerNav.vue
@@ -0,0 +1,247 @@
 
															+<template>
														
 
															+    <div class="headerNav">
														
 
															+        <img alt="" src="../assets/index/companyName.png" style="width: 195px; height: 40px"/>
														
 
															+        <!-- 右边导航 -->
														
 
															+        <div class="rightNav">
														
 
															+            <div v-for="(item, index) in names" :key="index" :style="currentIndex == index ? 'color:red' : ''"
														
 
															+                 class="singleNav" @click="enterHome(item, index)">{{ item }}
														
 
															+            </div>
														
 
															+            <!-- <div class="singleNav" @click="enterCoreValue">核心价值</div>
														
 
															+            <div class="singleNav" @click="enterCase">案例</div>
														
 
															+            <div class="singleNav" @click="enterService">服务</div>
														
 
															+            <div class="singleNav" @click="enterAboutUs">关于我们</div> -->
														
 
															+            <div class="singleNav"><span class="phone"></span>023—62795307</div>
														
 
															+            <div class="singleNav singleNav2" @click="onlineClick">
														
 
															+                <span class="service"></span>在线客服
														
 
															+            </div>
														
 
															+        </div>
														
 
															+        <!--在线客服弹框-->
														
 
															+        <div :class="popboxShow?'show':''" class="online-customer-service-popbox">
														
 
															+            <div class="popbox-bg"></div>
														
 
															+            <div class="popbox-body" @click="popboxClose">
														
 
															+                <div class="popbox-ercode-box" @click.stop="popboxBody">
														
 
															+                    <div class="popbox-title">扫描联系客服</div>
														
 
															+                    <div class="flex-box">
														
 
															+                        <div class="flex">
														
 
															+                            <div class="img-box">
														
 
															+                                <img alt="" class="img" src="../assets/service/weixin.png">
														
 
															+                            </div>
														
 
															+                            <div class="icon-text-box">
														
 
															+                                <img alt="" class="icon-img" src="../assets/index/weixin.png">
														
 
															+                                <span class="text-box">联系微信客服</span>
														
 
															+                            </div>
														
 
															+                        </div>
														
 
															+
														
 
															+                        <div class="flex">
														
 
															+                            <div class="img-box">
														
 
															+                                <img alt="" class="img" src="../assets/service/qq.png">
														
 
															+                            </div>
														
 
															+                            <div class="icon-text-box">
														
 
															+                                <img alt="" class="icon-img" src="../assets/index/qq.png">
														
 
															+                                <span class="text-box">联系QQ客服</span>
														
 
															+                            </div>
														
 
															+                        </div>
														
 
															+
														
 
															+                    </div>
														
 
															+
														
 
															+                    <i class="el-icon-close popbox-icon-close" @click.stop="popboxClose"></i>
														
 
															+                </div>
														
 
															+            </div>
														
 
															+        </div>
														
 
															+    </div>
														
 
															+</template>
														
 
															+
														
 
															+<script>
														
 
															+export default {
														
 
															+    props: {
														
 
															+        index: {
														
 
															+            type: Number,
														
 
															+            default: 0,
														
 
															+        },
														
 
															+    },
														
 
															+    data() {
														
 
															+        return {
														
 
															+            names: ["平台首页", "核心价值", "案例", "服务", "关于我们"],
														
 
															+            currentIndex: this.index,
														
 
															+            popboxShow: false,
														
 
															+        };
														
 
															+    },
														
 
															+    methods: {
														
 
															+        enterHome(item, index) {
														
 
															+            this.currentIndex = index;
														
 
															+            if (item === "平台首页") {
														
 
															+                this.$router.push("/");
														
 
															+            } else if (item === "核心价值") {
														
 
															+                this.$router.push('/coreValue');
														
 
															+            } else if (item === "案例") {
														
 
															+                this.$router.push("/case");
														
 
															+            } else if (item === "服务") {
														
 
															+                this.$router.push("/service");
														
 
															+            } else if (item === "关于我们") {
														
 
															+                this.$router.push("/aboutUs");
														
 
															+            }
														
 
															+        },
														
 
															+        onlineClick() {
														
 
															+            this.popboxShow = true;
														
 
															+        },
														
 
															+        popboxClose() {
														
 
															+            this.popboxShow = false;
														
 
															+        },
														
 
															+        popboxBody() {
														
 
															+
														
 
															+        }
														
 
															+    },
														
 
															+};
														
 
															+</script>
														
 
															+
														
 
															+<style lang="less" scoped>
														
 
															+.headerNav {
														
 
															+    width: 100%;
														
 
															+    height: 40px;
														
 
															+    display: flex;
														
 
															+    justify-content: space-between;
														
 
															+    align-items: center;
														
 
															+
														
 
															+    .rightNav {
														
 
															+        flex: 1;
														
 
															+        display: flex;
														
 
															+        margin-left: 135px;
														
 
															+
														
 
															+        .singleNav {
														
 
															+            display: flex;
														
 
															+            justify-content: center;
														
 
															+            align-items: center;
														
 
															+            width: 15%;
														
 
															+            height: 19px;
														
 
															+            border-right: 1px solid #fff;
														
 
															+            color: #fff;
														
 
															+            cursor: pointer;
														
 
															+
														
 
															+            .phone {
														
 
															+                width: 24px;
														
 
															+                height: 24px;
														
 
															+                background-image: url("../assets/index/phone.png");
														
 
															+                background-repeat: no-repeat;
														
 
															+                background-size: cover;
														
 
															+                margin-right: 6px;
														
 
															+            }
														
 
															+
														
 
															+            .service {
														
 
															+                width: 24px;
														
 
															+                height: 24px;
														
 
															+                background-image: url("../assets/index/service.png");
														
 
															+                background-repeat: no-repeat;
														
 
															+                background-size: cover;
														
 
															+                margin-right: 6px;
														
 
															+            }
														
 
															+        }
														
 
															+
														
 
															+        .singleNav2 {
														
 
															+            border-right: 0;
														
 
															+        }
														
 
															+    }
														
 
															+
														
 
															+    .online-customer-service-popbox {
														
 
															+        position: fixed;
														
 
															+        top: 0;
														
 
															+        left: 0;
														
 
															+        right: 0;
														
 
															+        bottom: 0;
														
 
															+        display: none;
														
 
															+        z-index: 99999;
														
 
															+
														
 
															+        .popbox-bg {
														
 
															+            position: absolute;
														
 
															+            top: 0;
														
 
															+            bottom: 0;
														
 
															+            left: 0;
														
 
															+            right: 0;
														
 
															+            background: #000000;
														
 
															+            opacity: 0.7;
														
 
															+        }
														
 
															+
														
 
															+        .popbox-body {
														
 
															+            position: relative;
														
 
															+            width: 100%;
														
 
															+            height: 100%;
														
 
															+            display: flex;
														
 
															+            justify-content: center;
														
 
															+            align-items: center;
														
 
															+
														
 
															+            .popbox-ercode-box {
														
 
															+                background: #ffffff;
														
 
															+                padding: 20px;
														
 
															+                height: 300px;
														
 
															+                width: 500px;
														
 
															+                position: relative;
														
 
															+                border-radius: 10px;
														
 
															+
														
 
															+                .popbox-title {
														
 
															+                    text-align: center;
														
 
															+                    font-size: 20px;
														
 
															+                    margin-bottom: 30px;
														
 
															+                }
														
 
															+
														
 
															+                .flex-box {
														
 
															+                    position: relative;
														
 
															+                    display: flex;
														
 
															+                    align-items: center;
														
 
															+                    justify-content: center;
														
 
															+
														
 
															+                    .flex {
														
 
															+                        flex: 1;
														
 
															+
														
 
															+                        .img-box {
														
 
															+                            position: relative;
														
 
															+                            display: flex;
														
 
															+                            justify-content: center;
														
 
															+                            align-items: center;
														
 
															+
														
 
															+                            .img {
														
 
															+                                width: 190px;
														
 
															+                                height: 190px;
														
 
															+                            }
														
 
															+                        }
														
 
															+
														
 
															+                        .icon-text-box {
														
 
															+                            position: relative;
														
 
															+                            display: flex;
														
 
															+                            justify-content: center;
														
 
															+                            align-items: center;
														
 
															+                            margin-top: 20px;
														
 
															+
														
 
															+                            .icon-img {
														
 
															+                                width: 30px;
														
 
															+                                height: 30px;
														
 
															+                            }
														
 
															+
														
 
															+                            .text-box {
														
 
															+                                margin-left: 10px;
														
 
															+                            }
														
 
															+                        }
														
 
															+                    }
														
 
															+                }
														
 
															+
														
 
															+                .popbox-icon-close {
														
 
															+                    position: absolute;
														
 
															+                    top: -5px;
														
 
															+                    right: -50px;
														
 
															+                    font-size: 40px;
														
 
															+                    color: #ffffff;
														
 
															+                    font-weight: bold;
														
 
															+                    cursor: pointer;
														
 
															+                    transition: color 0.3s;
														
 
															+
														
 
															+                    &:hover {
														
 
															+                        color: red;
														
 
															+                    }
														
 
															+                }
														
 
															+            }
														
 
															+        }
														
 
															+
														
 
															+        &.show {
														
 
															+            display: block;
														
 
															+        }
														
 
															+    }
														
 
															+}
														
 
															+</style>
														
--- a/src/main.js
+++ b/src/main.js
@@ -0,0 +1,11 @@
 
															+import Vue from 'vue'
														
 
															+import App from './App.vue'
														
 
															+import router from './router'
														
 
															+import ElementUI from 'element-ui'
														
 
															+import 'element-ui/lib/theme-chalk/index.css'
														
 
															+Vue.config.productionTip = false
														
 
															+Vue.use(ElementUI)
														
 
															+new Vue({
														
 
															+  router,
														
 
															+  render: h => h(App)
														
 
															+}).$mount('#app')
														
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -0,0 +1,53 @@
 
															+import Vue from 'vue'
														
 
															+import VueRouter from 'vue-router'
														
 
															+import Home from '../views/Home.vue'
														
 
															+
														
 
															+Vue.use(VueRouter)
														
 
															+
														
 
															+//获取原型对象上的push函数
														
 
															+const originalPush = VueRouter.prototype.push
														
 
															+//修改原型对象中的push方法
														
 
															+VueRouter.prototype.push = function push(location) {
														
 
															+   return originalPush.call(this, location).catch(err => err)
														
 
															+}
														
 
															+const routes = [
														
 
															+  {
														
 
															+    path: '/',
														
 
															+    name: 'Home',
														
 
															+    component: Home
														
 
															+  },
														
 
															+  {
														
 
															+    path: '/coreValue',
														
 
															+    name: 'CoreValue',
														
 
															+    component: () => import( '../views/coreValue.vue')
														
 
															+  },
														
 
															+  {
														
 
															+    path: '/case',
														
 
															+    name: 'Case',
														
 
															+    component: () => import( '../views/case.vue')
														
 
															+  },
														
 
															+  {
														
 
															+    path: '/service',
														
 
															+    name: 'Service',
														
 
															+    component: () => import( '../views/service.vue')
														
 
															+  },
														
 
															+  {
														
 
															+    path: '/aboutUs',
														
 
															+    name: 'AboutUs',
														
 
															+    component: () => import( '../views/aboutUs.vue')
														
 
															+  },
														
 
															+  {
														
 
															+    path: '/archives',
														
 
															+    name: 'Archives',
														
 
															+    component: () => import( '../views/archives.vue')
														
 
															+  }
														
 
															+  
														
 
															+]
														
 
															+
														
 
															+const router = new VueRouter({
														
 
															+  mode: 'history',
														
 
															+  base: process.env.BASE_URL,
														
 
															+  routes
														
 
															+})
														
 
															+
														
 
															+export default router
														
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -0,0 +1,640 @@
 
															+<template>
														
 
															+  <div class="home">
														
 
															+    <!-- 头部 -->
														
 
															+    <div class="topHead">
														
 
															+      <!-- 头部导航 -->
														
 
															+      <HeaderNav></HeaderNav>
														
 
															+      <!-- 公路工程大数据平台 -->
														
 
															+      <div>
														
 
															+        <div class="bigData">
														
 
															+          公路工程<span style="color: red">大数据平台</span>
														
 
															+        </div>
														
 
															+        <div class="singleData">让每个数据更有价值</div>
														
 
															+      </div>
														
 
															+      <div></div>
														
 
															+    </div>
														
 
															+    <!-- 提升效率 -->
														
 
															+    <div class="efficiency">
														
 
															+      <div class="efficiency_outBox">
														
 
															+        <div class="efficiency_Data">工程大数据平台</div>
														
 
															+        <div class="efficiency_Data2">
														
 
															+          提升效率、降低成本、规范管理，从而提升管理质量
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <!-- 下面图片 -->
														
 
															+      <div class="bottomImg">
														
 
															+        <img style="width: 41%" src="../assets/index/computer.png" alt="" />
														
 
															+        <div class="bottomImg_right">
														
 
															+          <div>
														
 
															+            <div class="archives" @click="archives">电子档案馆</div>
														
 
															+            <div class="AIassistant">AI工程助理</div>
														
 
															+          </div>
														
 
															+          <div
														
 
															+            style="
														
 
															+              width: 30%;
														
 
															+              display: flex;
														
 
															+              flex-direction: column;
														
 
															+              align-items: flex-end;
														
 
															+            "
														
 
															+          >
														
 
															+            <div class="Physical">物联传输</div>
														
 
															+            <div class="wisdom">智慧实验室</div>
														
 
															+          </div>
														
 
															+          <div
														
 
															+            style="
														
 
															+              display: flex;
														
 
															+              flex-direction: column;
														
 
															+              justify-content: flex-end;
														
 
															+            "
														
 
															+          >
														
 
															+            <div></div>
														
 
															+            <div class="dataCenter">大数据中心</div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <!-- 我们的优势 -->
														
 
															+    <div class="advantage">
														
 
															+      <div class="advantage_outBox">
														
 
															+        <div class="advantage_Data">我们的优势</div>
														
 
															+        <div class="advantage_Data2">标准化服务 任务导向思维 助企业增效</div>
														
 
															+      </div>
														
 
															+      <!-- 下面图片 -->
														
 
															+      <div class="advantage_img">
														
 
															+        <div class="advantage_img_single">
														
 
															+          <div class="advantage_img_content">
														
 
															+            <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
														
 
															+              可视化
														
 
															+            </div>
														
 
															+            <div
														
 
															+              style="
														
 
															+                font-size: 16px;
														
 
															+                font-weight: 400;
														
 
															+                color: #fcfdff;
														
 
															+                margin-top: 19px;
														
 
															+                text-align: center;
														
 
															+              "
														
 
															+            >
														
 
															+              BIM模型管理，项目现场可视化管控
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="advantage_img_single2">
														
 
															+          <div class="advantage_img_content">
														
 
															+            <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
														
 
															+              知识图谱
														
 
															+            </div>
														
 
															+            <div
														
 
															+              style="
														
 
															+                font-size: 16px;
														
 
															+                font-weight: 400;
														
 
															+                color: #fcfdff;
														
 
															+                margin-top: 19px;
														
 
															+                text-align: center;
														
 
															+              "
														
 
															+            >
														
 
															+              独有的工程数据提取技术，利用海量数据构建公路工程知识图谱
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="advantage_img_single3">
														
 
															+          <div class="advantage_img_content">
														
 
															+            <div style="height: 80%"></div>
														
 
															+            <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
														
 
															+              智慧任务流
														
 
															+            </div>
														
 
															+            <div
														
 
															+              style="
														
 
															+                font-size: 16px;
														
 
															+                font-weight: 400;
														
 
															+                color: #fcfdff;
														
 
															+                margin-top: 19px;
														
 
															+                text-align: center;
														
 
															+              "
														
 
															+            >
														
 
															+              智慧化任务协作流程，高效协作办公及过程监管
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="advantage_img_single4">
														
 
															+          <div class="advantage_img_content">
														
 
															+            <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
														
 
															+              档案管理
														
 
															+            </div>
														
 
															+            <div
														
 
															+              style="
														
 
															+                font-size: 16px;
														
 
															+                font-weight: 400;
														
 
															+                color: #fcfdff;
														
 
															+                margin-top: 19px;
														
 
															+                text-align: center;
														
 
															+              "
														
 
															+            >
														
 
															+              标准化规范档案资料
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="advantage_img_single5">
														
 
															+          <div class="advantage_img_content">
														
 
															+            <div style="font-size: 20px; font-weight: 700; color: #fcfdff">
														
 
															+              高效采集
														
 
															+            </div>
														
 
															+            <div
														
 
															+              style="
														
 
															+                font-size: 16px;
														
 
															+                font-weight: 400;
														
 
															+                color: #fcfdff;
														
 
															+                margin-top: 19px;
														
 
															+                text-align: center;
														
 
															+              "
														
 
															+            >
														
 
															+              赋能数据质量和效率
														
 
															+            </div>
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <!-- 产品技术 -->
														
 
															+    <div class="technology">
														
 
															+      <div class="technology_Data">产品技术</div>
														
 
															+      <div class="technology_Data2">
														
 
															+        风控预警 提效功能 降低容错率 提高产出量
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <!-- CFCA电签认证 -->
														
 
															+    <div class="electricity_outBox">
														
 
															+      <div class="electricity">
														
 
															+        <div class="electricity_single">
														
 
															+          <img
														
 
															+            style="width: 129px; height: 51px"
														
 
															+            src="../assets/index/dianqian.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            CFCA电签认证
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="electricity_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 61px; height: 50px"
														
 
															+            src="../assets/index/jiansuo.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            智能检索
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="electricity_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 68px; height: 53px"
														
 
															+            src="../assets/index/wulianshebei.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            物联设备数据
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <!-- 智能检索 -->
														
 
															+      <div class="retrieval">
														
 
															+        <div class="retrieval_single">
														
 
															+          <img
														
 
															+            style="width: 68px; height: 57px"
														
 
															+            src="../assets/index/yuyin.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            语音交互
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="retrieval_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 66px; height: 56px"
														
 
															+            src="../assets/index/yujin.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            智能预警
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="retrieval_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 59px; height: 53px"
														
 
															+            src="../assets/index/zujuan.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            档案组卷归档
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+      <!-- 物联设备数据 -->
														
 
															+      <div class="device">
														
 
															+        <div class="device_single">
														
 
															+          <img
														
 
															+            style="width: 68px; height: 57px"
														
 
															+            src="../assets/index/zhinengwenda.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            智能问答
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="device_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 70px; height: 52px"
														
 
															+            src="../assets/index/huoti.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            活体识别
														
 
															+          </div>
														
 
															+        </div>
														
 
															+        <div class="device_single" style="margin-top: 94px">
														
 
															+          <img
														
 
															+            style="width: 68px; height: 53px"
														
 
															+            src="../assets/index/yunyin.png"
														
 
															+            alt=""
														
 
															+          />
														
 
															+          <div
														
 
															+            style="
														
 
															+              font-size: 18px;
														
 
															+              font-weight: 400;
														
 
															+              color: #333333;
														
 
															+              margin-top: 20px;
														
 
															+            "
														
 
															+          >
														
 
															+            运营养护智慧化流程
														
 
															+          </div>
														
 
															+        </div>
														
 
															+      </div>
														
 
															+    </div>
														
 
															+    <!-- 底部 -->
														
 
															+    <Footer></Footer>
														
 
															+  </div>
														
 
															+</template>
														
 
															+
														
 
															+<script>
														
 
															+import HeaderNav from "@/components/headerNav.vue";
														
 
															+import Footer from "@/components/footer.vue";
														
 
															+export default {
														
 
															+  name: "Home",
														
 
															+  components: {
														
 
															+    HeaderNav,
														
 
															+    Footer,
														
 
															+  },
														
 
															+  data(){
														
 
															+    return{}
														
 
															+  },
														
 
															+  methods:{
														
 
															+    archives(){
														
 
															+      this.$router.push('/archives')
														
 
															+    }
														
 
															+  }
														
 
															+};
														
 
															+</script>
														
 
															+<style lang="less" scoped>
														
 
															+.home {
														
 
															+  width: 100%;
														
 
															+  min-height: 3384px;
														
 
															+  .topHead {
														
 
															+    display: flex;
														
 
															+    flex-direction: column;
														
 
															+    justify-content: space-between;
														
 
															+    height: 755px;
														
 
															+    padding: 43px 90px 0px 120px;
														
 
															+    background-image: url("../assets/index/topHead.png");
														
 
															+    background-repeat: no-repeat;
														
 
															+    background-size: cover;
														
 
															+    z-index: 10;
														
 
															+    .bigData {
														
 
															+      font-size: 66px;
														
 
															+      font-weight: 700;
														
 
															+      color: #ffffff;
														
 
															+    }
														
 
															+    .singleData {
														
 
															+      font-size: 50px;
														
 
															+      font-weight: 400;
														
 
															+      color: #ffffff;
														
 
															+      margin-top: 19px;
														
 
															+    }
														
 
															+  }
														
 
															+  .efficiency {
														
 
															+    height: 607px;
														
 
															+    margin: -137px 89px 0px 150px;
														
 
															+    padding: 55px 62px 73px 120px;
														
 
															+    background-image: url("../assets/index/mask.png");
														
 
															+    background-repeat: no-repeat;
														
 
															+    background-size: cover;
														
 
															+    // background: cornflowerblue;s
														
 
															+    // box-shadow: 0px 3px 0px #FAFAFF;
														
 
															+    border-radius: 10px;
														
 
															+    z-index: 11;
														
 
															+    .efficiency_outBox {
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+
														
 
															+      align-items: center;
														
 
															+      .efficiency_Data {
														
 
															+        font-size: 36px;
														
 
															+        font-weight: 700;
														
 
															+        color: #000000;
														
 
															+      }
														
 
															+      .efficiency_Data2 {
														
 
															+        font-size: 20px;
														
 
															+        font-weight: 400;
														
 
															+        color: #4f4f4f;
														
 
															+        margin-top: 19px;
														
 
															+      }
														
 
															+    }
														
 
															+    .bottomImg {
														
 
															+      display: flex;
														
 
															+      justify-content: space-between;
														
 
															+      margin-top: 56px;
														
 
															+      .bottomImg_right {
														
 
															+        flex: 1;
														
 
															+        height: 388px;
														
 
															+        // position: relative;
														
 
															+        margin-left: 215px;
														
 
															+        display: flex;
														
 
															+        .archives {
														
 
															+          width: 139px;
														
 
															+          height: 139px;
														
 
															+          // position: absolute;
														
 
															+          background-image: url("../assets/index/danganguan.png");
														
 
															+          background-repeat: no-repeat;
														
 
															+          background-size: cover;
														
 
															+          display: flex;
														
 
															+          justify-content: center;
														
 
															+          align-items: center;
														
 
															+          color: #5872a7;
														
 
															+          font-weight: 550;
														
 
															+          margin-top: 23px;
														
 
															+          cursor: pointer;
														
 
															+        }
														
 
															+        .AIassistant {
														
 
															+          width: 99px;
														
 
															+          height: 99px;
														
 
															+          // position: absolute;
														
 
															+          background-image: url("../assets/index/aizhuli.png");
														
 
															+          background-repeat: no-repeat;
														
 
															+          background-size: cover;
														
 
															+          display: flex;
														
 
															+          justify-content: center;
														
 
															+          align-items: center;
														
 
															+          color: #5872a7;
														
 
															+          font-weight: 550;
														
 
															+          margin-top: 116px;
														
 
															+          margin-left: 122px;
														
 
															+          cursor: pointer;
														
 
															+        }
														
 
															+        .Physical {
														
 
															+          width: 118px;
														
 
															+          height: 118px;
														
 
															+          background-image: url("../assets/index/wulian.png");
														
 
															+          background-repeat: no-repeat;
														
 
															+          background-size: cover;
														
 
															+          display: flex;
														
 
															+          justify-content: center;
														
 
															+          align-items: center;
														
 
															+          color: #5872a7;
														
 
															+          font-weight: 550;
														
 
															+          // margin-left: 22px;
														
 
															+          cursor: pointer;
														
 
															+        }
														
 
															+        .wisdom {
														
 
															+          width: 151px;
														
 
															+          height: 151px;
														
 
															+          background-image: url("../assets/index/zhihuishiyan.png");
														
 
															+          background-repeat: no-repeat;
														
 
															+          background-size: cover;
														
 
															+          display: flex;
														
 
															+          justify-content: center;
														
 
															+          align-items: center;
														
 
															+          color: #5872a7;
														
 
															+          font-weight: 550;
														
 
															+          margin-top: 20px;
														
 
															+          margin-right: 22px;
														
 
															+          cursor: pointer;
														
 
															+        }
														
 
															+        .dataCenter {
														
 
															+          width: 99px;
														
 
															+          height: 99px;
														
 
															+          background-image: url("../assets/index/dashujuzhongxin.png");
														
 
															+          background-repeat: no-repeat;
														
 
															+          background-size: cover;
														
 
															+          display: flex;
														
 
															+          justify-content: center;
														
 
															+          align-items: center;
														
 
															+          color: #5872a7;
														
 
															+          font-weight: 550;
														
 
															+          cursor: pointer;
														
 
															+        }
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+  .advantage {
														
 
															+    height: 530px;
														
 
															+    background: #fafafb;
														
 
															+    margin-top: 63px;
														
 
															+    padding: 39px 124px 80px 120px;
														
 
															+    .advantage_outBox {
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+      align-items: center;
														
 
															+      .advantage_Data {
														
 
															+        font-size: 36px;
														
 
															+        font-weight: 700;
														
 
															+        color: #000000;
														
 
															+      }
														
 
															+      .advantage_Data2 {
														
 
															+        font-size: 20px;
														
 
															+        font-weight: 400;
														
 
															+        color: #4f4f4f;
														
 
															+        margin-top: 19px;
														
 
															+      }
														
 
															+    }
														
 
															+    .advantage_img {
														
 
															+      display: flex;
														
 
															+      margin-top: 44px;
														
 
															+      .advantage_img_single {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: flex-end;
														
 
															+        width: 19%;
														
 
															+        height: 470px;
														
 
															+        background-image: url("../assets/index/keshihua.png");
														
 
															+        background-repeat: no-repeat;
														
 
															+        background-size: cover;
														
 
															+        border-radius: 10px;
														
 
															+      }
														
 
															+      .advantage_img_single2 {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: flex-end;
														
 
															+        width: 19%;
														
 
															+        height: 470px;
														
 
															+        background-image: url("../assets/index/zhishitupu.png");
														
 
															+        background-repeat: no-repeat;
														
 
															+        background-size: cover;
														
 
															+        margin-left: 10px;
														
 
															+        border-radius: 10px;
														
 
															+      }
														
 
															+      .advantage_img_single3 {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: flex-end;
														
 
															+        width: 19%;
														
 
															+        height: 470px;
														
 
															+        background-image: url("../assets/index/zhihuirenwu.png");
														
 
															+        background-repeat: no-repeat;
														
 
															+        background-size: cover;
														
 
															+        margin-left: 10px;
														
 
															+        border-radius: 10px;
														
 
															+      }
														
 
															+      .advantage_img_single4 {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: flex-end;
														
 
															+        width: 19%;
														
 
															+        height: 470px;
														
 
															+        background-image: url("../assets/index/dananguanli.png");
														
 
															+        background-repeat: no-repeat;
														
 
															+        background-size: cover;
														
 
															+        margin-left: 10px;
														
 
															+        border-radius: 10px;
														
 
															+      }
														
 
															+      .advantage_img_single5 {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        justify-content: flex-end;
														
 
															+        width: 19%;
														
 
															+        height: 470px;
														
 
															+        background-image: url("../assets/index/gaoxiaocaiji.png");
														
 
															+        background-repeat: no-repeat;
														
 
															+        background-size: cover;
														
 
															+        margin-left: 10px;
														
 
															+        border-radius: 10px;
														
 
															+      }
														
 
															+      .advantage_img_content {
														
 
															+        padding: 0 15px;
														
 
															+        display: flex;
														
 
															+        justify-content: center;
														
 
															+        align-items: center;
														
 
															+        flex-direction: column;
														
 
															+        margin-bottom: 43px;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+  .technology {
														
 
															+    margin-top: 90px;
														
 
															+    display: flex;
														
 
															+    flex-direction: column;
														
 
															+    align-items: center;
														
 
															+    .technology_Data {
														
 
															+      font-size: 36px;
														
 
															+      font-weight: 700;
														
 
															+      color: #000000;
														
 
															+    }
														
 
															+    .technology_Data2 {
														
 
															+      font-size: 20px;
														
 
															+      font-weight: 400;
														
 
															+      color: #4f4f4f;
														
 
															+      margin-top: 19px;
														
 
															+    }
														
 
															+  }
														
 
															+  .electricity_outBox {
														
 
															+    display: flex;
														
 
															+    justify-content: space-between;
														
 
															+    margin: 82px 327px 89px 295px;
														
 
															+    .electricity {
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+      .electricity_single {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        align-items: center;
														
 
															+        justify-content: center;
														
 
															+      }
														
 
															+    }
														
 
															+    .retrieval {
														
 
															+      margin-left: 259px;
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+      .retrieval_single {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        align-items: center;
														
 
															+        justify-content: center;
														
 
															+      }
														
 
															+    }
														
 
															+    .device {
														
 
															+      margin-left: 259px;
														
 
															+      display: flex;
														
 
															+      flex-direction: column;
														
 
															+      .device_single {
														
 
															+        display: flex;
														
 
															+        flex-direction: column;
														
 
															+        align-items: center;
														
 
															+        justify-content: center;
														
 
															+      }
														
 
															+    }
														
 
															+  }
														
 
															+}
														
 
															+</style>