From d764749805e2cc91d22556f7f7eab3da15856f0d Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Tue, 15 Feb 2022 16:56:07 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E4=BD=93=E7=A9=BA=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BannerList/BannerList.vue      |  91 +++++
 src/components/HeadNav/HeadNav.vue            |   2 +-
 src/components/Introduce/Organ.vue            |   4 +-
 src/store/modules/home/actions.js             |   2 +-
 src/views/About/Children/Index.vue            | 110 +++---
 src/views/About/Children/Organ.vue            |   4 +-
 src/views/About/components/HNav.vue           |   2 +-
 .../IncubationPlatform/Children/Index.vue     | 204 ++++++-----
 .../Children/place/EntitySpace copy.vue       | 339 ++++++++++++++++++
 .../Children/place/EntitySpace.vue            |  32 +-
 .../IncubationPlatform/components/HNav.vue    |   8 +-
 src/views/Industry/Children/Index.vue         | 175 +++++----
 src/views/NewPlatform/Children/Develop.vue    |   2 +
 src/views/NewPlatform/Children/Index.vue      | 246 +++++++------
 src/views/NewPlatform/Children/Share.vue      |   2 +
 src/views/NewPlatform/Children/Transfer.vue   |   2 +
 16 files changed, 884 insertions(+), 341 deletions(-)
 create mode 100644 src/components/BannerList/BannerList.vue
 create mode 100644 src/views/IncubationPlatform/Children/place/EntitySpace copy.vue

diff --git a/src/components/BannerList/BannerList.vue b/src/components/BannerList/BannerList.vue
new file mode 100644
index 0000000..bf37d91
--- /dev/null
+++ b/src/components/BannerList/BannerList.vue
@@ -0,0 +1,91 @@
+<template>
+  <a-carousel arrows dots-class="slick-dots slick-thumb">
+    <a slot="customPaging" slot-scope="props">
+      <img :src="getImgUrl(props.i)" />
+    </a>
+    <div v-for="item in num">
+      <div class="mask">
+        <div class="con">
+          <!-- 文字 -->
+        </div>
+        <img :src="`${baseUrl}/${type}/1-${item}.jpg`" />
+      </div>
+    </div>
+  </a-carousel>
+</template>
+
+<script>
+const baseUrl = 'https://www.sxgreenvalley.com/gateway/greenvalley/uploads';
+export default {
+  props: {
+    type: {
+      type: String,
+      default: 'stkj',
+    },
+    num: {
+      type: Number,
+      default: 3,
+    }
+  },
+  data() {
+    return {
+      baseUrl,
+    };
+  },
+  methods: {
+    getImgUrl(i) {
+      return `${this.baseUrl}/${this.type}/1-${i+1}.jpg`;
+    },
+  },
+};
+</script>
+
+<style scoped>
+/* For demo */
+.ant-carousel >>> .slick-dots {
+  height: auto;
+}
+.ant-carousel >>> .slick-dots li {
+  margin: 0 8px;
+}
+.ant-carousel >>> .slick-slide img {
+  position: absolute;
+  display: block;
+  margin: auto;
+  width: 100%;
+  height: 100%;
+}
+.ant-carousel >>> .slick-thumb {
+  bottom: 20px;
+  z-index: 99;
+}
+.ant-carousel >>> .slick-thumb li {
+  width: 160px;
+  height: 64px;
+}
+.ant-carousel >>> .slick-thumb li img {
+  width: 100%;
+  height: 100%;
+  filter: grayscale(100%);
+}
+.ant-carousel >>> .slick-thumb li.slick-active img {
+  filter: grayscale(0%);
+}
+
+.mask{
+    width: 1457px;
+    height: 517px;
+    margin: auto;
+    position: relative;
+}
+
+.mask .con{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  /* background: rgba(0,0,0,.5); */
+  z-index: 9;
+}
+</style>
diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue
index b0b5f33..ec790e1 100644
--- a/src/components/HeadNav/HeadNav.vue
+++ b/src/components/HeadNav/HeadNav.vue
@@ -53,7 +53,7 @@ export default {
             //   url: '/About/Introduce',
             // },
             {
-              title: '组织机构',
+              title: '组织架构',
               url: '/About/Index#organize',
             },
             {
diff --git a/src/components/Introduce/Organ.vue b/src/components/Introduce/Organ.vue
index d5b4255..5263680 100644
--- a/src/components/Introduce/Organ.vue
+++ b/src/components/Introduce/Organ.vue
@@ -11,11 +11,11 @@ export default {
   name: 'Organ',
   data() {
     return {
-      title: '关于我们-组织机构',
+      title: '关于我们-组织架构',
       showPage: 12,
       arr: [
         { name: '关于我们', url: '/About/Introduce' },
-        { name: '组织机构', url: '' },
+        { name: '组织架构', url: '' },
       ],
       treedata: [
         {
diff --git a/src/store/modules/home/actions.js b/src/store/modules/home/actions.js
index 4ba5460..40861fb 100644
--- a/src/store/modules/home/actions.js
+++ b/src/store/modules/home/actions.js
@@ -93,7 +93,7 @@ const actions = {
    * @param {object} showPage 页面显示位置
    * 0  首页
    * 11  关于我们-公司介绍
-   * 12  关于我们-组织机构
+   * 12  关于我们-组织架构
    * 32  创新平台-创新资源平台
    * 33  创新平台-创新服务
    * 41  孵化平台-众创空间
diff --git a/src/views/About/Children/Index.vue b/src/views/About/Children/Index.vue
index b5e2659..8838c46 100644
--- a/src/views/About/Children/Index.vue
+++ b/src/views/About/Children/Index.vue
@@ -2,76 +2,72 @@
   <div>
     <div class="nav-box d-flex">
       <div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="jump(0)"><a href="#about">关于我们</a></div>
-      <div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="jump(1)"><a href="#organize">组织结构</a></div>
+      <div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="jump(1)"><a href="#organize">组织架构</a></div>
       <div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="jump(2)"><a href="#partner">合作伙伴</a></div>
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="jump(3)"><a href="#contact">加入我们</a></div>
     </div>
 
-    <a name="about" id="about">
-      <div class="banner-box">
-        <a-carousel :autoplay-speed="time" autoplay>
-          <div class="img-box">
-            <img src="~assets/banner/banner1.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner2.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner3.png" />
-          </div>
-        </a-carousel>
-
-        <!-- 文字内容 -->
-        <div class="banner-con">
-          <h1 class="about-title">关于我们</h1>
-          <div class="about-font">
-            山西绿谷生物科技有限公司由山西智汇协同创新研究院有限公司、山西省生物研究院有限公司、天娇红农业科技有限公司、
-            微动互联（北京）科技有限公司和山西力德福科技有限公司共同出资组建。公司立足功能食品、生物医药和数字健康产业，聚焦创新、聚力孵化、聚合产业，致力构建全链条一体化、线上线下一体化开放式创新创业平台，培育打造新型创新创业综合体，促进特色新兴产业集群化发展
-          </div>
+    <a name="about" id="about" class="place"></a>
+    <div class="banner-box">
+      <a-carousel :autoplay-speed="time" autoplay>
+        <div class="img-box">
+          <img src="~assets/banner/banner1.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner2.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner3.png" />
+        </div>
+      </a-carousel>
+
+      <!-- 文字内容 -->
+      <div class="banner-con">
+        <h1 class="about-title">关于我们</h1>
+        <div class="about-font">
+          山西绿谷生物科技有限公司由山西智汇协同创新研究院有限公司、山西省生物研究院有限公司、天娇红农业科技有限公司、
+          微动互联（北京）科技有限公司和山西力德福科技有限公司共同出资组建。公司立足功能食品、生物医药和数字健康产业，聚焦创新、聚力孵化、聚合产业，致力构建全链条一体化、线上线下一体化开放式创新创业平台，培育打造新型创新创业综合体，促进特色新兴产业集群化发展
         </div>
       </div>
-    </a>
+    </div>
 
     <!-- 组织架构 -->
-    <a name="organize" id="organize">
-      <div class="organize-box bg-gray text-center">
-        <div class="title w-1400"><img src="~assets/about/title1.jpg" /></div>
-        <div class="w-1400"><img src="~assets/about/organize.jpg" /></div>
-      </div>
-    </a>
+    <a name="organize" id="organize" class="place"></a>
+    <div class="organize-box bg-gray text-center">
+      <div class="title w-1400"><img src="~assets/about/title1.jpg" /></div>
+      <div class="w-1400"><img src="~assets/about/organize.jpg" /></div>
+    </div>
 
     <!-- 合作伙伴 -->
-    <a name="partner" id="partner">
-      <div class="partner-box text-center">
-        <div class="title w-1400"><img src="~assets/about/title2.jpg" /></div>
-        <div class="w-1400">
-          <a-carousel :autoplay-speed="time" autoplay>
-            <div class="partner-flex" v-for="(item, index) in lists" :key="index">
-              <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
-                <div class="partner-item-img" style="display: inline-block !important">
-                  <img style="display: inline-block !important" :src="v.logoUrl" />
-                </div>
-                <p>{{ v.name }}</p>
+    <a name="partner" id="partner" class="place"></a>
+    <div class="partner-box text-center">
+      <div class="title w-1400"><img src="~assets/about/title2.jpg" /></div>
+      <div class="w-1400">
+        <a-carousel :autoplay-speed="time" autoplay>
+          <div class="partner-flex" v-for="(item, index) in lists" :key="index">
+            <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
+              <div class="partner-item-img" style="display: inline-block !important">
+                <img style="display: inline-block !important" :src="v.logoUrl" />
               </div>
+              <p>{{ v.name }}</p>
             </div>
-          </a-carousel>
-        </div>
+          </div>
+        </a-carousel>
       </div>
-    </a>
+    </div>
 
     <!-- 加入我们 -->
-    <a name="contact" id="contact">
-      <div class="contact-box bg-gray text-center">
-        <div class="title w-1400">
-          <img src="~assets/about/title3.jpg" />
-          <model class="mt-8" />
-        </div>
+    <a name="contact" id="contact" class="place"></a>
+    <div class="contact-box bg-gray text-center">
+      <div class="title w-1400">
+        <img src="~assets/about/title3.jpg" />
+        <model class="mt-8" />
+      </div>
 
-        <div class="w-1400" style="text-align: left">
-          <contact />
-        </div>
+      <div class="w-1400" style="text-align: left">
+        <contact />
       </div>
-    </a>
+    </div>
   </div>
 </template>
 
@@ -235,6 +231,8 @@ export default {
       color: white;
       font-size: 20px;
       line-height: 40px;
+      text-align: left;
+    text-indent: 2em;
     }
   }
 }
@@ -294,4 +292,10 @@ export default {
     align-items: center;
   }
 }
+
+.place{
+    display: inline-block;
+    position: relative;
+    top: -100px;
+}
 </style>
diff --git a/src/views/About/Children/Organ.vue b/src/views/About/Children/Organ.vue
index 3f4e435..8a698a3 100644
--- a/src/views/About/Children/Organ.vue
+++ b/src/views/About/Children/Organ.vue
@@ -25,11 +25,11 @@ export default {
   components: { Banner, HNav, BreadCrumb },
   data() {
     return {
-      title: '关于我们-组织机构',
+      title: '关于我们-组织架构',
       showPage: 12,
       arr: [
         { name: '关于我们', url: '/About/Introduce' },
-        { name: '组织机构', url: '' },
+        { name: '组织架构', url: '' },
       ],
       treedata: [
         {
diff --git a/src/views/About/components/HNav.vue b/src/views/About/components/HNav.vue
index 8f6add7..c595435 100644
--- a/src/views/About/components/HNav.vue
+++ b/src/views/About/components/HNav.vue
@@ -22,7 +22,7 @@ export default {
           url: '/About/Introduce',
         },
         // {
-        //   title: '组织机构',
+        //   title: '组织架构',
         //   url: '/About/Organ',
         // },
         {
diff --git a/src/views/IncubationPlatform/Children/Index.vue b/src/views/IncubationPlatform/Children/Index.vue
index ec74428..a58c9f8 100644
--- a/src/views/IncubationPlatform/Children/Index.vue
+++ b/src/views/IncubationPlatform/Children/Index.vue
@@ -6,32 +6,37 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1" id="mao1">
-      <div class="banner-box">
-        <a-carousel :autoplay-speed="time" autoplay>
-          <div class="img-box">
-            <img src="~assets/banner/banner1.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner2.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner3.png" />
-          </div>
-        </a-carousel>
-
-        <!-- 文字内容 -->
-        <div class="banner-con">
-          <h1 class="about-title">众创空间介绍</h1>
-          <div class="about-font">
-            分为线下实体众创空间与线上虚拟众创空间，重点面向功能食品、生物医药和大健康产业领域科技型中小微企业、
-            创客和创新创业团队开展创业孵化，培育高新技术企业，促进科技成果转化和产业集聚发展。
-            目前空间已引入科创咨询专业服务机构，并与多家第三方专业机构建立战略合作，
-            聘请创业导师30余名，服务领域涵盖专业技术、企业管理、科创咨询、财务税务、法务咨询等，可随时为入孵企业提供针对性、一对一创业辅导服务
-          </div>
+    <a name="mao1" id="mao1" class="place"></a>
+    <div class="banner-box">
+      <a-carousel :autoplay-speed="time" autoplay>
+        <div class="img-box">
+          <img src="~assets/banner/banner1.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner2.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner3.png" />
+        </div>
+      </a-carousel>
+
+      <!-- 文字内容 -->
+      <div class="banner-con">
+        <h1 class="about-title">众创空间介绍</h1>
+        <div class="about-font">
+          本众创空间分为线下实体众创空间与线上虚拟众创空间，重点面向功能食品、生物医药和大健康产业 领域科技型中小微企业、创客和创新创业团队开展创业孵化，培育高新技术企业，促进科技成果转化和产业集聚发展。
+        </div>
+        <div class="about-font">
+          本众创空间以建设专业化、市场化、网络化、品牌化双创孵化基地为目标，致力打造以公共技术服务平台 为支撑，以创新创业服务为主导，以创新创业大讲堂为带动，以创新创业投融资为拓展，线上线下相结合，实 体虚拟相融合的全要素专业化开放式创新创业孵化平台，着力构建“众创空间-孵化器-加速器-产业园”创新创业 孵化链，构筑创新创业生态系统。
+        </div>
+        <div class="about-font">
+          目前空间已引入科创咨询专业服务机构，并与多家 第三方专业机构 建立战略合作，聘请 创业导师 30余名，服务领域涵盖专业技术、企业管理、科创咨询、财务税务、法务咨询等，可随时为入孵企业提供针 对性、一对一创业辅导服务。
         </div>
       </div>
-    </a>
+
+      <div class="contact">乔晓阳：18635939333</div>
+    </div>
+
 
     <div class="intro-box bg-gray text-center">
       <div class="intro-con w-1500">
@@ -63,82 +68,83 @@
     </div>
 
     <!-- 创新服务 -->
-    <a name="mao3" id="mao3">
-      <div class="service-box bg-gray text-center">
-        <div class="title w-1500"><img src="~assets/about/title4.png" /></div>
-        <div class="service-flow">
-          <div class="flow-path" style="padding: 15px 9%">
-            <div class="flow-title" style="top: 30%">服务流程</div>
-            <div class="flow-content">
-              <img src="~assets/image.png" style="width: 100%" />
-            </div>
+    <a name="mao3" id="mao3" class="place"></a>
+    <div class="service-box bg-gray text-center">
+      <div class="title w-1500">
+        <img src="~assets/about/title4.png" />
+        <span>乔晓阳：18635939333</span>
+      </div>
+      <div class="service-flow">
+        <div class="flow-path" style="padding: 15px 9%">
+          <div class="flow-title" style="top: 30%">服务流程</div>
+          <div class="flow-content">
+            <img src="~assets/image.png" style="width: 100%" />
           </div>
         </div>
+      </div>
 
-        <div class="w-1500">
-          <div class="inner d-flex flex-wrap" style="margin: 20px auto">
-            <div
-              :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
-              :key="index"
-              class="item-box pointer d-flex flex-column"
-              style="position: relative"
-              v-for="(item, index) in serviceList"
-            >
-              <img
-                :src="item.picUrl"
-                :title="item.intro"
-                @click="showModal(item.id)"
-                style="height: 220px; width: 100%; border: 1px solid #ccc"
-              />
-
-              <p @click="showModal(item.id)" class="font-24 my-2 text-center">{{ item.name }}</p>
-
-              <div class="font-16 textColor item-intro mb-2" v-if="item.intro.length > 45">
-                {{ item.intro.slice(0, 45) }}
-                <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
-                  more
-                  <a-icon style="font-size: 12px" type="right" />
-                </a-button>
-              </div>
-
-              <div class="font-16 textColor item-intro" v-if="item.intro.length <= 45">
-                <p>{{ item.intro }}</p>
-              </div>
+      <div class="w-1500">
+        <div class="inner d-flex flex-wrap" style="margin: 20px auto">
+          <div
+            :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
+            :key="index"
+            class="item-box pointer d-flex flex-column"
+            style="position: relative"
+            v-for="(item, index) in serviceList"
+          >
+            <img
+              :src="item.picUrl"
+              :title="item.intro"
+              @click="showModal(item.id)"
+              style="height: 220px; width: 100%; border: 1px solid #ccc"
+            />
+
+            <p @click="showModal(item.id)" class="font-24 my-2 text-center">{{ item.name }}</p>
+
+            <div class="font-16 textColor item-intro mb-2" v-if="item.intro.length > 45">
+              {{ item.intro.slice(0, 45) }}
+              <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
+                more
+                <a-icon style="font-size: 12px" type="right" />
+              </a-button>
+            </div>
+
+            <div class="font-16 textColor item-intro" v-if="item.intro.length <= 45">
+              <p>{{ item.intro }}</p>
             </div>
           </div>
         </div>
       </div>
-    </a>
-
-    <a name="mao4" id="mao4">
-      <div class="partner-box text-center">
-        <div class="title w-1500">
-          <img src="~assets/about/title2.jpg" />
-
-          <div class="partner-type">
-            <div
-              class="partner-type-item"
-              :class="currType === index ? 'active-item' : ''"
-              v-for="(item, index) in listType"
-              :key="index"
-              @click="changeType(index)"
-            >
-              {{ item }}
-            </div>
+    </div>
+
+    <a name="mao4" id="mao4" class="place"></a>
+    <div class="partner-box text-center">
+      <div class="title w-1500">
+        <img src="~assets/about/title2.jpg" />
+
+        <div class="partner-type">
+          <div
+            class="partner-type-item"
+            :class="currType === index ? 'active-item' : ''"
+            v-for="(item, index) in listType"
+            :key="index"
+            @click="changeType(index)"
+          >
+            {{ item }}
           </div>
         </div>
-        <div class="w-1500">
-          <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
-            <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
-              <div class="partner-item-img" style="display: inline-block !important">
-                <img style="display: inline-block !important" :src="v.logoUrl" />
-              </div>
-              <p>{{ v.name }}</p>
+      </div>
+      <div class="w-1500">
+        <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
+          <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
+            <div class="partner-item-img" style="display: inline-block !important">
+              <img style="display: inline-block !important" :src="v.logoUrl" />
             </div>
+            <p>{{ v.name }}</p>
           </div>
         </div>
       </div>
-    </a>
+    </div>
 
     <div class="bg-gray" style="height: 100px"></div>
 
@@ -602,8 +608,19 @@ a {
       color: white;
       font-size: 20px;
       line-height: 40px;
+      text-align: left;
+    text-indent: 2em;
     }
   }
+
+  .contact{
+    position: absolute;
+    bottom: 24px;
+    right: 40px;
+    font-size: 24px;
+    color: #fff;
+    font-weight: bold;
+  }
 }
 
 .intro-box {
@@ -630,6 +647,7 @@ a {
       background-color: rgba(19, 172, 196, 0.8);
       text-align: left;
       color: white;
+      cursor: pointer;
 
       .title {
         font-size: 32px;
@@ -660,6 +678,12 @@ a {
 
   .title {
     text-align: left;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: end;
+    font-size: 22px;
+    font-weight: bold;
   }
 
   .service-flow {
@@ -805,4 +829,10 @@ a {
 .margin-0 {
   margin-right: 0 !important;
 }
+
+.place{
+    display: inline-block;
+    position: relative;
+    top: -100px;
+}
 </style>
diff --git a/src/views/IncubationPlatform/Children/place/EntitySpace copy.vue b/src/views/IncubationPlatform/Children/place/EntitySpace copy.vue
new file mode 100644
index 0000000..479f0ea
--- /dev/null
+++ b/src/views/IncubationPlatform/Children/place/EntitySpace copy.vue	
@@ -0,0 +1,339 @@
+<template>
+  <div>
+    <h-nav />
+    <div class="inner my-1">
+      <bread-crumb :arr="arr" />
+    </div>
+    <div class="top-box">
+      <banner :show-page="49" />
+      <settled-model :type-num="1" class="add-mol" ref="childModel" style="height: 32px" />
+      <information-model :place-type="placeType" class="set-mol" />
+
+      <!-- <div class="top-title">实体众创空间</div>
+      <div class="top-content">
+        山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，
+        致力建设集创新链、孵化链和产业链为一体，产学研协同、多学科交叉、大中小企业融通、
+        线上线下相结合的融合发展机制和开放式创新创业平台，培育打造全链条一体化新型社会研发机构和创新创业生态系统，
+        构筑专业化、集群化、园区化、产业发展新模式和新业态。公司秉持“创新、开放、协同、融合”发展理
+        念，以“赋能健康中国，筑梦绿色未来”为愿景，以“构建创新创业生态，发展特色产业集群，打造全链条一体化开放
+        式创新创业高地”为使命，大力推动建设“共融共生，共建 共创”价值共同体。
+      </div>-->
+    </div>
+    <!-- 孵化场所 -->
+    <div @click="$router.push('')" class="center-box c-box pointer">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">孵化场所</div>
+      </div>
+      <div class="center-content d-flex flex-nowrap">
+        孵化场所分为运营办公区、公共空间区、独立空间区和开放办公区。公共空间区包括路演厅
+        （项目路演、知识培训、产品展示等多项功能）、会议室、洽谈室、第三空间（创业咖啡）。
+        开放空间区按功能食品、生物医药、数字健康领域进行分区设置。
+      </div>
+    </div>
+    <!-- 公共实验室 -->
+    <div @click="$router.push('')" class="center-box pointer">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">公共实验室</div>
+      </div>
+      <div class="center-content d-flex flex-column">
+        <span>
+          公共实验室位于太原市师范街50号山西省生物研究院有限公司，总面积1320平方米。
+          建有“医药生物技术山西省重点实验室”、“山西省发酵工程中试基地”及“山西省乳品
+          发酵中试基地”等省级科技创新平台；具有检验检测机构资质认定证书（CMA）；实验室
+          拥有20万以上仪器设备26台套，包括AKTA蛋白纯化系统、多功能酶标仪、原子吸收光谱仪、
+          液相色谱仪、万级无菌工作间、P2实验室等多种高端、大型实验仪器设备；可提供生物医药、
+          食品检测、食用菌、肠道微生物等方面的科学实验、检验检测、小试中试等技术服务与科研成果转化。
+        </span>
+        <img
+          class="center-img"
+          src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210120/eb472126971a47438a3227df967ed2cb.png"
+        />
+      </div>
+    </div>
+    <!-- 中试基地 -->
+    <div @click="$router.push('')" class="center-box c-box pointer">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">中试基地</div>
+      </div>
+      <div class="center-content d-flex flex-column">
+        <div>发酵工程中试基地位于山西维尔乳制品有限公司，基地具有发酵乳制品等生产加工条件，可提供微生物发酵实验及相关中试。</div>
+        <div>超高压食品加工中试基地位于太原市小店区正阳街43号的山西力德福科技有限公司。基地具有非热杀菌保鲜生产线、超高压设备制造生产线及中试车间，可提供超高压加工实验及相关中试和产业化服务。</div>
+        <div>
+          干果精深加工中试基地位于吕梁的交城天娇红农业科技有限公司
+          ，拥有300余万元的先进分析检测仪器设备及免洗干枣生产车间、浓缩枣汁生产车间等生产加工条件，可提供相关中试研究。
+        </div>
+        <img
+          class="center-img"
+          src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210120/d80b7f22aabc4c7194324b0f93793a41.png"
+        />
+      </div>
+    </div>
+    <!-- 加入流程 -->
+    <!-- <div class="center-box">
+      <div class="center-title">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">加入流程</div>
+      </div>
+      <div class="center-content">
+        <div class="join-us-box">
+          <img class="fill-width" src="~assets/join-us.png" />
+          <div class="material-box d-flex flex-row justify-center">
+            <a-tooltip placement="top">
+              <template slot="title">
+                <div>
+                  <p>资料：</p>
+                  <p>1.入孵申请表</p>
+                  <p>2.营业执照复印件（尚未注册的无须提供，未注册提供注册信息登记表）</p>
+                  <p>3.法定代表或授权代表身份证复印件</p>
+                  <p>4.主导产品或技术简介</p>
+                </div>
+              </template>
+              <div class="material"></div>
+            </a-tooltip>
+          </div>
+        </div>
+      </div>
+      <add-model :value="2" class="center-btn" style="height: 32px" />
+    </div>-->
+    <!-- 入驻企业名录 -->
+    <div class="center-box" style="margin-bottom: 15px">
+      <div class="center-title" style="top: 105px;">
+        <div class="circular"></div>
+        <div style="margin-left: 40px">入驻企业名录</div>
+      </div>
+      <div class="center-content">
+        <settled-enterprise :lists="lists" @searchEnt="searchEnt" />
+        <!-- <div :key="index" class="ent-box" v-for="(item, index) in lists">
+          <p class="ent-index">{{ index + 1 }}</p>
+          <span class="ent-name" style="margin-left: 50px">{{ item.company }}</span>
+          <span class="ent-mainBusiness" style="margin-left: 50px">{{ item.mainBusiness }}</span>
+        </div>-->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import HNav from '../../components/HNav.vue';
+import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
+// import AddModel from './../../components/AddModel.vue';
+import SettledModel from 'components/Introduce/SettledModel.vue';
+import InformationModel from 'components/Introduce/InformationModel.vue';
+import Banner from 'components/Banner/Banner.vue';
+import SettledEnterprise from 'components/SettledEnterprise/SettledEnterprise.vue';
+import { searchEnt } from 'config/api';
+
+export default {
+  name: 'EntitySpace',
+  components: { HNav, BreadCrumb, SettledModel, Banner, SettledEnterprise, InformationModel },
+  data() {
+    return {
+      title: '实体众创空间',
+      arr: [
+        { name: '创业社区', url: '/IncubationPlatform/MakerSpace' },
+        { name: '众创空间', url: '/IncubationPlatform/MakerSpace' },
+        { name: '实体众创空间', url: '' },
+      ],
+      list: [],
+      pageSize: 18,
+      current: 1,
+      lists: [],
+      placeType: 1,
+    };
+  },
+
+  beforeRouteEnter(to, from, next) {
+    if (from.path === '/login' || from.path === '/register') {
+      return next(vm => {
+        vm.$refs.childModel.showModal();
+      });
+    }
+    next();
+  },
+
+  created() {
+    console.log(this.$router);
+    this.searchEnt();
+  },
+
+  methods: {
+    // 改变单当前页数
+    onShowSizeChange(current, size) {
+      this.current = current;
+    },
+    async searchEnt(business) {
+      try {
+        const params = { param: { placeType: 1, company: business ? business : '' } };
+        const res = await searchEnt(params);
+        const { code, msg, data } = res.data;
+        if (code === 200) {
+          this.lists = data;
+        } else {
+          this.$message.error('查询失败');
+        }
+      } catch (error) {
+        this.$message.error('查询失败');
+      }
+    },
+  },
+};
+</script>
+
+<style lang="stylus" scoped>
+.inner {
+  margin: 10px auto 15px;
+}
+
+.center-btn {
+  position: absolute;
+  left: 26.2%;
+  bottom: 100px;
+}
+
+.pagination {
+  float: right;
+}
+
+.c-box {
+  background: none !important;
+}
+
+.big-btn {
+  width: 213px;
+  height: 166px;
+  background: #13ACC4;
+  opacity: 1;
+}
+
+.big-con {
+  width: 96px;
+  height: 31px;
+  font-size: 24px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  line-height: 31px;
+  color: #FFFFFF;
+  opacity: 1;
+}
+
+.margin-0 {
+  margin-right: 0 !important;
+}
+
+.ent-box {
+  width: 100%;
+  margin-right: 11%;
+  position: relative;
+  height: 56px;
+  line-height: 56px;
+  padding: 0 14px;
+  background: #FFFFFF;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  opacity: 1;
+  margin-bottom: 20px;
+}
+
+.ent-index {
+  width: 28px;
+  position: absolute;
+  top: 14px;
+  line-height: 28px;
+  text-align: center;
+  font-size: 20px;
+  font-family: Segoe UI;
+  color: #FFFFFF;
+  height: 28px;
+  border-radius: 50%;
+  background: #13ACC4;
+  margin-bottom: 0;
+}
+
+.ent-name {
+  position: absolute;
+  left: 0;
+  width: 50%;
+  height: 24px;
+  top: 50%;
+  margin-top: -12px;
+  font-size: 22px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  line-height: 24px;
+  color: rgba(0, 0, 0, 0.65);
+  opacity: 1;
+  overflow: hidden;
+}
+
+.ent-mainBusiness {
+  position: absolute;
+  left: 60%;
+  width: 30%;
+  height: 24px;
+  top: 50%;
+  margin-top: -12px;
+  font-size: 22px;
+  font-family: Microsoft YaHei;
+  font-weight: bold;
+  line-height: 24px;
+  color: rgba(0, 0, 0, 0.65);
+  opacity: 1;
+  overflow: hidden;
+}
+
+.reg-box {
+  position: absolute;
+  left: 26.2%;
+  bottom: 100px;
+  width: 64.8%;
+  overflow: hidden;
+}
+
+.join-us-box {
+  width: 100%;
+  position: relative;
+
+  .material-box {
+    width: 100%;
+    height: 88px;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+
+    .material {
+      width: 10%;
+      height: 100%;
+    }
+  }
+}
+
+.add-mol {
+  position: absolute;
+  bottom: 7%;
+  left: 25%;
+}
+
+.set-mol {
+  position: absolute;
+  bottom: 7%;
+  left: 33%;
+}
+
+@media only screen and (max-width: 1500px) {
+  .set-mol {
+    left: 35%;
+  }
+}
+
+@media only screen and (max-width: 950px) {
+  .set-mol {
+    left: 40%;
+  }
+}
+
+.center-img {
+  width: 79%;
+}
+</style>
diff --git a/src/views/IncubationPlatform/Children/place/EntitySpace.vue b/src/views/IncubationPlatform/Children/place/EntitySpace.vue
index 479f0ea..0c40eec 100644
--- a/src/views/IncubationPlatform/Children/place/EntitySpace.vue
+++ b/src/views/IncubationPlatform/Children/place/EntitySpace.vue
@@ -8,7 +8,6 @@
       <banner :show-page="49" />
       <settled-model :type-num="1" class="add-mol" ref="childModel" style="height: 32px" />
       <information-model :place-type="placeType" class="set-mol" />
-
       <!-- <div class="top-title">实体众创空间</div>
       <div class="top-content">
         山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业，聚焦“创新”、聚力“孵化”、聚合“产业”，
@@ -20,7 +19,7 @@
       </div>-->
     </div>
     <!-- 孵化场所 -->
-    <div @click="$router.push('')" class="center-box c-box pointer">
+    <!-- <div @click="$router.push('')" class="center-box c-box pointer">
       <div class="center-title">
         <div class="circular"></div>
         <div style="margin-left: 40px">孵化场所</div>
@@ -30,9 +29,9 @@
         （项目路演、知识培训、产品展示等多项功能）、会议室、洽谈室、第三空间（创业咖啡）。
         开放空间区按功能食品、生物医药、数字健康领域进行分区设置。
       </div>
-    </div>
+    </div> -->
     <!-- 公共实验室 -->
-    <div @click="$router.push('')" class="center-box pointer">
+    <!-- <div @click="$router.push('')" class="center-box pointer">
       <div class="center-title">
         <div class="circular"></div>
         <div style="margin-left: 40px">公共实验室</div>
@@ -51,9 +50,9 @@
           src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210120/eb472126971a47438a3227df967ed2cb.png"
         />
       </div>
-    </div>
+    </div> -->
     <!-- 中试基地 -->
-    <div @click="$router.push('')" class="center-box c-box pointer">
+    <!-- <div @click="$router.push('')" class="center-box c-box pointer">
       <div class="center-title">
         <div class="circular"></div>
         <div style="margin-left: 40px">中试基地</div>
@@ -70,7 +69,7 @@
           src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210120/d80b7f22aabc4c7194324b0f93793a41.png"
         />
       </div>
-    </div>
+    </div> -->
     <!-- 加入流程 -->
     <!-- <div class="center-box">
       <div class="center-title">
@@ -98,6 +97,10 @@
       </div>
       <add-model :value="2" class="center-btn" style="height: 32px" />
     </div>-->
+    <!-- 轮播图片 -->
+    <div class="banner-list">
+      <banner-list :type="type" :num="num" />
+    </div>
     <!-- 入驻企业名录 -->
     <div class="center-box" style="margin-bottom: 15px">
       <div class="center-title" style="top: 105px;">
@@ -123,20 +126,23 @@ import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
 import SettledModel from 'components/Introduce/SettledModel.vue';
 import InformationModel from 'components/Introduce/InformationModel.vue';
 import Banner from 'components/Banner/Banner.vue';
+import BannerList from 'components/BannerList/BannerList.vue';
 import SettledEnterprise from 'components/SettledEnterprise/SettledEnterprise.vue';
 import { searchEnt } from 'config/api';
 
 export default {
   name: 'EntitySpace',
-  components: { HNav, BreadCrumb, SettledModel, Banner, SettledEnterprise, InformationModel },
+  components: { HNav, BreadCrumb, SettledModel, Banner, SettledEnterprise, InformationModel, BannerList },
   data() {
     return {
       title: '实体众创空间',
       arr: [
-        { name: '创业社区', url: '/IncubationPlatform/MakerSpace' },
-        { name: '众创空间', url: '/IncubationPlatform/MakerSpace' },
+        { name: '创业社区', url: '/IncubationPlatform/Index' },
+        { name: '众创空间', url: '/IncubationPlatform/Index#mao1' },
         { name: '实体众创空间', url: '' },
       ],
+      type: 'stkj',
+      num: 7,
       list: [],
       pageSize: 18,
       current: 1,
@@ -336,4 +342,10 @@ export default {
 .center-img {
   width: 79%;
 }
+
+.banner-list{
+  width: 100%;
+  padding: 60px 0 30px;
+  background: #fff;
+}
 </style>
diff --git a/src/views/IncubationPlatform/components/HNav.vue b/src/views/IncubationPlatform/components/HNav.vue
index c095a77..8f6a45f 100644
--- a/src/views/IncubationPlatform/components/HNav.vue
+++ b/src/views/IncubationPlatform/components/HNav.vue
@@ -18,7 +18,7 @@ export default {
       list: [
         {
           title: '众创空间',
-          url: '/IncubationPlatform/MakerSpace',
+          url: '/IncubationPlatform/Index#mao1',
         },
         // {
         //   title: '公共实验室',
@@ -34,15 +34,15 @@ export default {
         // },
         {
           title: '创业服务',
-          url: '/IncubationPlatform/Services',
+          url: '/IncubationPlatform/Index#mao3',
         },
         // {
         //   title: '产品展示',
         //   url: '/IncubationPlatform/Products',
         // },
         {
-          title: '交流社区',
-          url: '/IncubationPlatform/Community',
+          title: '合作伙伴',
+          url: '/IncubationPlatform/Index#mao4',
         },
       ],
     };
diff --git a/src/views/Industry/Children/Index.vue b/src/views/Industry/Children/Index.vue
index 7184d9f..e4c7a22 100644
--- a/src/views/Industry/Children/Index.vue
+++ b/src/views/Industry/Children/Index.vue
@@ -6,99 +6,99 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1" id="mao1">
-      <div class="banner-box">
-        <a-carousel :autoplay-speed="time" autoplay>
-          <div class="img-box">
-            <img src="~assets/banner/banner1.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner2.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner3.png" />
-          </div>
-        </a-carousel>
-
-        <!-- 文字内容 -->
-        <div class="banner-con">
-          <h1 class="about-title">产业创新联盟</h1>
-          <div class="about-font">
-            面向众创空间入孵企业，组织开展市场开发、品牌建设、产业对接、投融资等产业化服务;
-            聚焦前沿交叉新兴产业领域，优化整合平台资源，组建产业技术创新战略联盟和协同创新联合体，培育发展衍生企业，构建“众创空间—孵化器—加速器—产业园”创业孵化链，促进大中小企业融通发展。
-          </div>
+    <a name="mao1" id="mao1" class="place"></a>
+    <div class="banner-box">
+      <a-carousel :autoplay-speed="time" autoplay>
+        <div class="img-box">
+          <img src="~assets/banner/banner1.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner2.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner3.png" />
+        </div>
+      </a-carousel>
+
+      <!-- 文字内容 -->
+      <div class="banner-con">
+        <h1 class="about-title">产业创新联盟</h1>
+        <div class="about-font">
+          面向众创空间入孵企业，组织开展市场开发、品牌建设、产业对接、投融资等产业化服务;聚焦前沿交叉新兴产业领域，优化整合平台资源，组建产业技术创新战略联盟和协同创新联合体，培育发展衍生企业，构建“众创空间—孵化器—加速器—产业园”创业孵化链，促进大中小企业融通发展。
         </div>
       </div>
-    </a>
+      <div class="contact">乔晓阳：18635939333</div>
+    </div>
 
     <!-- 产业服务 -->
-    <a name="mao3" id="mao3">
-      <div class="service-box bg-gray text-center">
-        <div class="title w-1500"><img src="~assets/about/title5.jpg" /></div>
-        <div class="service-flow">
-          <div class="flow-path" style="padding: 15px 9%">
-            <div class="flow-title" style="top: 30%">服务流程</div>
-            <div class="flow-content">
-              <img src="~assets/image.png" style="width: 100%" />
-            </div>
+    <a name="mao3" id="mao3" class="place"></a>
+    <div class="service-box bg-gray text-center">
+      <div class="title w-1500">
+        <img src="~assets/about/title5.jpg" />
+        <span>乔晓阳：18635939333</span>
+      </div>
+      <div class="service-flow">
+        <div class="flow-path" style="padding: 15px 9%">
+          <div class="flow-title" style="top: 30%">服务流程</div>
+          <div class="flow-content">
+            <img src="~assets/image.png" style="width: 100%" />
           </div>
         </div>
+      </div>
+
+      <div class="w-1500">
+        <div class="inner d-flex flex-wrap" style="margin: 20px auto">
+          <div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="item-box mb-8" v-for="(item, index) in serviceList">
+            <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" />
+
+            <p @click="showModal(item.id)" class="font-24 my-4 text-center">
+              <span>{{ item.name }}</span>
+            </p>
+
+            <div class="font-16 textColor item-intro mb-2" v-if="item.intro.length > 45">
+              {{ item.intro.slice(0, 45) }}
+              <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
+                more
+                <a-icon style="font-size: 12px" type="right" />
+              </a-button>
+            </div>
 
-        <div class="w-1500">
-          <div class="inner d-flex flex-wrap" style="margin: 20px auto">
-            <div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="item-box mb-8" v-for="(item, index) in serviceList">
-              <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" />
-
-              <p @click="showModal(item.id)" class="font-24 my-4 text-center">
-                <span>{{ item.name }}</span>
-              </p>
-
-              <div class="font-16 textColor item-intro mb-2" v-if="item.intro.length > 45">
-                {{ item.intro.slice(0, 45) }}
-                <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
-                  more
-                  <a-icon style="font-size: 12px" type="right" />
-                </a-button>
-              </div>
-
-              <div class="font-16 textColor item-intro" v-if="item.intro.length <= 45">
-                <p>{{ item.intro }}</p>
-              </div>
+            <div class="font-16 textColor item-intro" v-if="item.intro.length <= 45">
+              <p>{{ item.intro }}</p>
             </div>
           </div>
         </div>
       </div>
-    </a>
-
-    <a name="mao4" id="mao4">
-      <div class="partner-box text-center">
-        <div class="title w-1500">
-          <img src="~assets/about/title2.jpg" />
-
-          <div class="partner-type">
-            <div
-              class="partner-type-item"
-              :class="currType === index ? 'active-item' : ''"
-              v-for="(item, index) in listType"
-              :key="index"
-              @click="changeType(index)"
-            >
-              {{ item }}
-            </div>
+    </div>
+
+    <a name="mao4" id="mao4" class="place"></a>
+    <div class="partner-box text-center">
+      <div class="title w-1500">
+        <img src="~assets/about/title2.jpg" />
+
+        <div class="partner-type">
+          <div
+            class="partner-type-item"
+            :class="currType === index ? 'active-item' : ''"
+            v-for="(item, index) in listType"
+            :key="index"
+            @click="changeType(index)"
+          >
+            {{ item }}
           </div>
         </div>
-        <div class="w-1500">
-          <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
-            <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
-              <div class="partner-item-img" style="display: inline-block !important">
-                <img style="display: inline-block !important" :src="v.logoUrl" />
-              </div>
-              <p>{{ v.name }}</p>
+      </div>
+      <div class="w-1500">
+        <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
+          <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
+            <div class="partner-item-img" style="display: inline-block !important">
+              <img style="display: inline-block !important" :src="v.logoUrl" />
             </div>
+            <p>{{ v.name }}</p>
           </div>
         </div>
       </div>
-    </a>
+    </div>
 
     <div class="bg-gray" style="height: 100px"></div>
 
@@ -545,8 +545,18 @@ export default {
       color: white;
       font-size: 20px;
       line-height: 40px;
+      text-align: left;
+      text-indent: 2em;
     }
   }
+  .contact{
+    position: absolute;
+    bottom: 24px;
+    right: 40px;
+    font-size: 24px;
+    color: #fff;
+    font-weight: bold;
+  }
 }
 
 .service-box {
@@ -554,6 +564,13 @@ export default {
 
   .title {
     text-align: left;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: end;
+    font-size: 22px;
+    font-weight: bold;
+    color: #565656
   }
 
   .service-flow {
@@ -699,4 +716,10 @@ export default {
 .margin-0 {
   margin-right: 0 !important;
 }
+
+.place{
+    display: inline-block;
+    position: relative;
+    top: -100px;
+}
 </style>
diff --git a/src/views/NewPlatform/Children/Develop.vue b/src/views/NewPlatform/Children/Develop.vue
index c3310fd..19e844f 100644
--- a/src/views/NewPlatform/Children/Develop.vue
+++ b/src/views/NewPlatform/Children/Develop.vue
@@ -201,6 +201,8 @@ export default {
       color: white;
       font-size: 18px;
       line-height: 40px;
+      text-align: left;
+    text-indent: 2em;
     }
   }
 }
diff --git a/src/views/NewPlatform/Children/Index.vue b/src/views/NewPlatform/Children/Index.vue
index 5ce1721..275e853 100644
--- a/src/views/NewPlatform/Children/Index.vue
+++ b/src/views/NewPlatform/Children/Index.vue
@@ -7,132 +7,135 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1" id="mao1">
-      <div class="banner-box">
-        <a-carousel :autoplay-speed="time" autoplay>
-          <div class="img-box">
-            <img src="~assets/banner/banner1.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner2.png" />
-          </div>
-          <div class="img-box">
-            <img src="~assets/banner/banner3.png" />
-          </div>
-        </a-carousel>
-
-        <!-- 文字内容 -->
-        <div class="banner-con">
-          <h1 class="about-title">山西绿谷营养与健康研究院</h1>
-          <div class="about-font">
-            <!-- 功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台
-            实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
-            增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。 -->
-            山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、
-            山西百瑞生科技有限公司、山西传控电子科技有限公司、
-            山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。
-            <!-- <p>依托新型研发机构和技术创新中心，搭建科技开放共享平台、技术转移转化平台、科技人才团队平台。</p> -->
-            <p>
-              研究院旨在按照新型研发机构建设要求，聚焦营养与健康领域，以共性关键技术研发和技术创新服务为核心，通过资源集聚整合与优化配置，
-              致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，组织开展学术交流、公益性知识讲座等活动，
-              培育打造科技型中小企业技术创新中心和相关领域重要技术策源地，
-              产学研协同推动科技成果转化与产业化，培育孵化和发展科技型企业，为实现产业高质量发展和特色新兴产业集聚发展提供引领和支撑。
-            </p>
-          </div>
+    <a name="mao1" id="mao1" class="place"></a>
+    <div class="banner-box">
+      <a-carousel :autoplay-speed="time" autoplay>
+        <div class="img-box">
+          <img src="~assets/banner/banner1.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner2.png" />
+        </div>
+        <div class="img-box">
+          <img src="~assets/banner/banner3.png" />
+        </div>
+      </a-carousel>
+
+      <!-- 文字内容 -->
+      <div class="banner-con">
+        <h1 class="about-title">山西绿谷营养与健康研究院</h1>
+        <div class="about-font">
+          <!-- 功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台
+          实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
+          增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。 -->
+          山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、
+          山西百瑞生科技有限公司、山西传控电子科技有限公司、
+          山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。
+          <!-- <p>依托新型研发机构和技术创新中心，搭建科技开放共享平台、技术转移转化平台、科技人才团队平台。</p> -->
+          <p>
+            研究院旨在按照新型研发机构建设要求，聚焦营养与健康领域，以共性关键技术研发和技术创新服务为核心，通过资源集聚整合与优化配置，
+            致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，组织开展学术交流、公益性知识讲座等活动，
+            培育打造科技型中小企业技术创新中心和相关领域重要技术策源地，
+            产学研协同推动科技成果转化与产业化，培育孵化和发展科技型企业，为实现产业高质量发展和特色新兴产业集聚发展提供引领和支撑。
+          </p>
         </div>
       </div>
-    </a>
+
+      <div class="contact">冯经理：19935658759</div>
+    </div>
+
 
     <!-- 创新资源平台 -->
-    <a name="mao2" id="mao2">
-      <div class="organize-box bg-gray text-center">
-        <div class="title w-1500"><img src="~assets/newPlatform/newPlatform1.jpg" /></div>
-
-        <div class="w-1500">
-          <div class="inner d-flex flex-nowrap justify-space-between">
-            <div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list">
-              <img :src="item.imgUrl" />
-              <div class="con-title">{{ item.title }}</div>
-              <div class="con-con">{{ item.content }}</div>
-            </div>
+    <a name="mao2" id="mao2" class="place"></a>
+    <div class="organize-box bg-gray text-center">
+      <div class="title w-1500"><img src="~assets/newPlatform/newPlatform1.jpg" /></div>
+
+      <div class="w-1500">
+        <div class="inner d-flex flex-nowrap justify-space-between">
+          <div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list">
+            <img :src="item.imgUrl" />
+            <div class="con-title">{{ item.title }}</div>
+            <div class="con-con">{{ item.content }}</div>
           </div>
         </div>
       </div>
-    </a>
+    </div>
 
     <!-- 创新服务 -->
-    <a name="mao3" id="mao3">
-      <div class="service-box bg-gray text-center">
-        <div class="title w-1500"><img src="~assets/newPlatform/newPlatform2.jpg" /></div>
-        <div class="service-flow">
-          <div class="flow-path" style="padding: 15px 9%">
-            <div class="flow-title" style="top: 30%">服务流程</div>
-            <div class="flow-content">
-              <img src="~assets/image.png" style="width: 100%" />
-            </div>
+    <a name="mao3" id="mao3" class="place"></a>
+    <div class="service-box bg-gray text-center">
+      <div class="title w-1500">
+        <img src="~assets/newPlatform/newPlatform2.jpg" />
+        <span>冯经理：19935658759</span>
+      </div>
+      <div class="service-flow">
+        <div class="flow-path" style="padding: 15px 9%">
+          <div class="flow-title" style="top: 30%">服务流程</div>
+          <div class="flow-content">
+            <img src="~assets/image.png" style="width: 100%" />
           </div>
         </div>
+      </div>
+
+      <div class="w-1500">
+        <div class="inner d-flex flex-wrap" style="margin: 20px auto">
+          <div
+            :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
+            :key="index"
+            class="item-box mb-8 pointer"
+            v-for="(item, index) in serviceList"
+          >
+            <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" />
+            <p class="font-24 my-4 service-title" style="text-align: center">
+              <span>{{ item.name }}</span>
+              <a-button @click="showModal(item.id)">需求填报</a-button>
+            </p>
+
+            <div class="font-16 textColor item-intro mb-2" v-if="item.intro === null ? false : item.intro.length > 45">
+              {{ item.intro.slice(0, 45) }}
+              <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
+                more
+                <a-icon style="font-size: 12px" type="right" />
+              </a-button>
+            </div>
 
-        <div class="w-1500">
-          <div class="inner d-flex flex-wrap" style="margin: 20px auto">
-            <div
-              :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
-              :key="index"
-              class="item-box mb-8 pointer"
-              v-for="(item, index) in serviceList"
-            >
-              <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" />
-              <p class="font-24 my-4" style="text-align: center">
-                <span>{{ item.name }}</span>
-              </p>
-
-              <div class="font-16 textColor item-intro mb-2" v-if="item.intro === null ? false : item.intro.length > 45">
-                {{ item.intro.slice(0, 45) }}
-                <a-button @click="showIntro(index)" class="font-16 baseColor" style="height: 20px; float: right; padding: 0px" type="link">
-                  more
-                  <a-icon style="font-size: 12px" type="right" />
-                </a-button>
-              </div>
-
-              <div class="font-16 textColor item-intro" v-if="item.intro === null ? false : item.intro.length <= 45">
-                <p>{{ item.intro }}</p>
-              </div>
+            <div class="font-16 textColor item-intro" v-if="item.intro === null ? false : item.intro.length <= 45">
+              <p>{{ item.intro }}</p>
             </div>
           </div>
         </div>
       </div>
-    </a>
+    </div>
 
     <!-- 合作伙伴 -->
-    <a name="mao4" id="mao4">
-      <div class="partner-box text-center">
-        <div class="title w-1500">
-          <img src="~assets/about/title2.jpg" />
-
-          <div class="partner-type">
-            <div
-              class="partner-type-item"
-              :class="currType === index ? 'active-item' : ''"
-              v-for="(item, index) in listType"
-              :key="index"
-              @click="changeType(index)"
-            >
-              {{ item }}
-            </div>
+    <a name="mao4" id="mao4" class="place"></a>
+    <div class="partner-box text-center">
+      <div class="title w-1500">
+        <img src="~assets/about/title2.jpg" />
+
+        <div class="partner-type">
+          <div
+            class="partner-type-item"
+            :class="currType === index ? 'active-item' : ''"
+            v-for="(item, index) in listType"
+            :key="index"
+            @click="changeType(index)"
+          >
+            {{ item }}
           </div>
         </div>
-        <div class="w-1500">
-          <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
-            <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
-              <div class="partner-item-img" style="display: inline-block !important">
-                <img style="display: inline-block !important" :src="v.logoUrl" />
-              </div>
-              <p>{{ v.name }}</p>
+      </div>
+      <div class="w-1500">
+        <div class="partner-flex" v-show="currType === index" v-for="(item, index) in lists" :key="index">
+          <div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k">
+            <div class="partner-item-img" style="display: inline-block !important">
+              <img style="display: inline-block !important" :src="v.logoUrl" />
             </div>
+            <p>{{ v.name }}</p>
           </div>
         </div>
       </div>
-    </a>
+    </div>
 
     <div class="bg-gray" style="height: 100px"></div>
 
@@ -336,6 +339,11 @@ a {
   margin: 0 auto;
 }
 
+.item-intro{
+  text-align: left;
+  // text-indent: 2em;
+}
+
 .text-center {
   text-align: center;
 }
@@ -382,12 +390,24 @@ a {
       color: white;
       font-size: 20px;
       line-height: 40px;
+      text-align: left;
+      text-indent: 2em;
     }
   }
+
+  .contact{
+    position: absolute;
+    bottom: 24px;
+    right: 40px;
+    font-size: 24px;
+    color: #fff;
+    font-weight: bold;
+  }
 }
 
+
 .organize-box {
-  padding: 60px 0;
+  padding-top: 60px;
 
   .title {
     text-align: left;
@@ -395,10 +415,16 @@ a {
 }
 
 .service-box {
-  padding: 20px 0 60px;
+  padding: 60px 0;
 
   .title {
     text-align: left;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: end;
+    font-size: 22px;
+    font-weight: bold;
   }
 
   .service-flow {
@@ -541,7 +567,19 @@ a {
   border-radius: 4px;
 }
 
+.service-title{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
 .margin-0 {
   margin-right: 0 !important;
 }
+
+.place{
+    display: inline-block;
+    position: relative;
+    top: -100px;
+}
 </style>
diff --git a/src/views/NewPlatform/Children/Share.vue b/src/views/NewPlatform/Children/Share.vue
index 0980924..75041be 100644
--- a/src/views/NewPlatform/Children/Share.vue
+++ b/src/views/NewPlatform/Children/Share.vue
@@ -270,6 +270,8 @@ export default {
       color: white;
       font-size: 18px;
       line-height: 40px;
+      text-align: left;
+    text-indent: 2em;
     }
   }
 }
diff --git a/src/views/NewPlatform/Children/Transfer.vue b/src/views/NewPlatform/Children/Transfer.vue
index 57faa8b..61cb88d 100644
--- a/src/views/NewPlatform/Children/Transfer.vue
+++ b/src/views/NewPlatform/Children/Transfer.vue
@@ -190,6 +190,8 @@ export default {
       color: white;
       font-size: 18px;
       line-height: 40px;
+      text-align: left;
+    text-indent: 2em;
     }
   }
 }