<!DOCTYPE html>
<html lang="en">

<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">
  <title>卡片-专题</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    img {
      vertical-align: middle;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    body {
      font-family: "PingFangSC-Regular", "PingFang SC";
      position: relative;
      background-color: #FBFCFF;  
      /* height: 1000px; */
    }

    .container {
      padding: 30.1333vw 5.8667vw 8.8vw;
      background: url('https://app-stc.zjol.com.cn/card-share/subject/subject_bg.png') no-repeat top center / 100% auto;
    }

    .card {
      /* border-radius: 6px; */
      /* filter: drop-shadow(0px 3px 15px 0px ); */
      filter: drop-shadow(0px 0px 15px rgba(0, 92, 217, 0.27));
    }

    .card-top {
      border-top-left-radius: 1.6vw;
      border-top-right-radius: 1.6vw;
      /* overflow: hidden; */
      /* height: 200px; */
      background: white;
      /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

    }

    .cover {
      position: relative;
      height: auto;
      padding: 2.1333vw 2.1333vw 0;
      background: linear-gradient(to bottom, #3C9AFC 0%, rgba(255, 255, 255, 0.95) 100%) no-repeat top left / 100% 90%;
      overflow: hidden;
      border-top-left-radius: 1.6vw;
      border-top-right-radius: 1.6vw;
    }

    .subject-tag {
      position: absolute;
      left: 2.1333vw;
      bottom: 0;
      width: 20.8vw;
      height: 9.8667vw;
    }

    .cover-img {
      border-radius: 1.6vw;
      border-bottom-left-radius: 0;
      overflow: hidden;

      width: 100%;
      height: 100%;
    }

    .title {
      padding: 4vw 5.0667vw 0;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 6.1333vw;
      color: #151515;
      line-height: 8.2667vw;

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .card>img {
      display: block;
      height: auto;
    }

    .parting_line {
      margin-top: -1px;
      margin-bottom: -1px;
    }

    .bottom_line {
      margin-top: -1px;
    }

    .card-bottom {
      background-color: white;
      padding-right: 5.3333vw;
      /* box-shadow: 0px 3px 15px 0px rgba(0, 92, 217, 0.27); */

    }

    .article-item {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      padding-left: 8vw;
      position: relative;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 4vw;
      color: #151515;
      line-height: 5.8667vw;
      margin-bottom: 4vw;
    }

    .article-item:last-child {
      margin-bottom: 0;
    }

    .article-item::before {
      display: block;
      content: '';
      height: 1.0667vw;
      width: 1.0667vw;
      background-color: #151515;
      border-radius: 50%;
      position: absolute;
      /* left: -3.2vw; */
      left: 5.3333vw;
      top: 2.4vw;
    }

    .footer {
      position: relative;
      height: 11.7333vw;
      margin-top: 4vw;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }

    .footer .legend {
      line-height: 8vw;
      font-size: 3.4667vw;
      color: #151515;
      border-bottom: 0.2px solid rgba(20, 20, 20, 0.5);
    }

    .footer .qr-area {
      display: flex;
      height: 11.7333vw;
    }

    .footer .qr-area .left {
      align-self: flex-end;
      margin-right: 1.6vw;
      font-size: 3.4667vw;
      line-height: 5.0667vw;
      color: #999;
    }

    .footer .qr-area .right {
      position: relative;
      width: 11.7333vw;
      height: 11.7333vw;
    }

    .qr-area .right .qr {
      position: absolute;
      left: 0;
      top: 0;
    }

    .qr-area .right .qr-logo {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 3.2vw;
      height: 3.2vw;
      border: 1px solid #fff;
      border-radius: .8vw;
    }
  </style>
  <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
</head>

<body>
  <div class="container">
    <div class="card">
      <div class="card-top">
        <div class="cover">
          <img class="cover-img" />
          <img class="subject-tag" alt=""
            src="data:image/png;base64,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">
        </div>
        <h1 class="title"></h1>
      </div>
      <img class="parting_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_parting_line.png" />
      <div class="card-bottom">
      </div>
      <img class="bottom_line" src="https://app-stc.zjol.com.cn/card-share/subject/noshadow_bottom.png" />
    </div>
    <div class="footer">
      <div class="legend">深耕浙江 解读中国 影响世界</div>
      <div class="qr-area">
        <div class="left">长按识别<br />查看详情</div>
        <div class="right">
          <img class="qr" />
          <img class="qr-logo" src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
        </div>
      </div>
    </div>
  </div>
  <script>
    if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
      window.getNewsDetailCallback = function (res) {
        const resObj = JSON.parse(res) || {};
        const article = resObj.data;
        if (article) {
          const cover = document.querySelector('body > div.container > div.card > div.card-top > div > img.cover-img')
          cover.src = article.article_pic

          const title = document.querySelector('body > div.container > div.card > div.card-top > h1')
          title.textContent = article.list_title || article.doc_title

          let articles = []
          if (article.list_style == 50) {
            if (article.subject_article_list && article.subject_article_list.length > 0) {
              articles = article.subject_article_list.slice(0, 3) || []
            }
          } else if (article.subject_groups && article.subject_groups.length > 0) {
            let len = 3
            for (let index = 0; index < article.subject_groups.length; index++) {
              const element = article.subject_groups[index];
              if (element && element.group_articles && element.group_articles.length > 0) {
                articles = articles.concat(element.group_articles.slice(0, len))
              }
              len = 3 - articles.length
              if (len <= 0) {
                break
              }
            }
          }

          if (articles.length > 0) {
            // 稿件
            const articleListEl = document.querySelector('body > div.container > div.card > div.card-bottom')
            for (let index = 0; index < articles.length; index++) {
              const subArticle = articles[index]
              // 创建新的父元素
              const articleEl = document.createElement('div');
              // 为父元素设置类名
              articleEl.classList.add('article-item');
              articleEl.setAttribute('key', `${subArticle.id}-${index}`);
              articleEl.textContent = subArticle.list_title || subArticle.doc_title
              articleListEl.appendChild(articleEl)
            }
          }

          // 二维码
          const qrEl = document.querySelector("body > div.container > div.footer > div.qr-area > div.right > img.qr")
          if (typeof QRious !== 'undefined') {
            new QRious({
              element: qrEl,
              value: article.url,
              foreground: "#183081",
              level: "M",
              size: 200,
            });
          }
        }
        delete window.getNewsDetailCallback;
      };
      ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
    }
  </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
  <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">
    <title>卡片-小图</title>
    <style>
       * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        padding: 9.0667vw 8vw 0;
      }

      .wrapper .logo {
        width: 33.6vw;
        height: 12.5333vw;
        margin: 0 auto;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png") no-repeat center / contain;
      }

      .wrapper .cover {
        width: 84vw;
        min-height: 21vw;
        margin-top: 6.9333vw;
        background: #f1f1f1 url("https://app-stc.zjol.com.cn/card-share/blank_bg.png") no-repeat center / 9vw 9vw;
      }

      .wrapper h1 {
        margin-top: 3.7333vw;
        color: #151515;
        font: 500 6.4vw / 9.0667vw "PingFangSC-Medium", "PingFang SC";
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        height: 40.5333vw;
        margin: 5.8667vw -8vw 0;
        background: url("https://app-stc.zjol.com.cn/card-share/small_card_bottom.png") no-repeat center / contain;
      }

      .bottom .date {
        position: absolute;
        top: -1.0667vw;
        left: 8vw;
        font-size: 3.7333vw;
        color: #999;
      }

      .bottom .legend {
        position: absolute;
        left: 8vw;
        bottom: 8.8vw;
        height: 6.9333vw;
        line-height: 6.9333vw;
        font-size: 3vw;
        color: #151515;
        border-bottom: 1px solid rgba(20, 20, 20, 0.5);
      }

      .bottom .qr-area {
        display: flex;
        position: absolute;
        right: 8vw;
        bottom: 8.8vw;
        height: 14.4vw;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 1.0667vw;
        font-size: 3.2vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 14.4vw;
        height: 14.4vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 4vw;
        height: 4vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="logo"></div>
      <div class="cover">
        <img />
      </div>
      <h1></h1>
      <div class="bottom">
        <div class="date"></div>
        <div class="legend">深耕浙江 解读中国 影响世界</div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
          </div>
        </div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
            const resObj = JSON.parse(res) || {};
            const article = resObj.data;
            if (article) {
              const coverWrapperEl = document.querySelector(".wrapper .cover");
              const coverEl = document.querySelector(".cover img");
              const titleEl = document.querySelector(".wrapper h1");
              const dateEl = document.querySelector(".date");
              const qrEl = document.querySelector(".qr-area .qr");
              if (typeof QRious !== 'undefined') {
                new QRious({
                  element: qrEl,
                  value: article.url,
                  foreground: "#183081",
                  level: "M",
                  size: 200,
                });
              }
              const item = article.card_list.find(item => item.category === 0);
              if (item && item.image_url) {
                coverEl.onerror = function (e) {
                  this.style.display = 'none';
                }
                coverEl.src = item.image_url;
                const search = item.image_url.split('?')[1]
                if (search) {
                  const params = new URLSearchParams(search)
                  const width = params.get('width')
                  const height = params.get('height')
                  if (width && height) {
                    coverWrapperEl.style.height = height / width * (document.documentElement.offsetWidth / 100 * 84) + 'px'
                  }
                }
              }
              titleEl.textContent = article.list_title;
              const published_at = article.doc_type == 8 ? article.live_start : article.published_at
              if (published_at) {
                const date = new Date(published_at);
                dateEl.textContent = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
              }
            }
            delete window.getNewsDetailCallback;
          };
          ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

嘉地嘉人丨首善南湖

想象一下，河面上漂着星星点点的荷花灯，古树上系着祈愿的红丝带，还有一整条长廊，挂满了被人轻声念出的爱情诗，这种浪漫，真的不是电影，而是嘉兴月河街区的日常。

没错，这就是刚刚落幕的第九届月河七夕文化周。从晚风音乐会到七仙女汉服巡游，月河用满街的浪漫，给这座城市写了第九封情书。但更让我感慨的是，一条古街，怎么就能连续九年，把七夕过得这么深入人心？

这背后其实是一个特别精彩的“何以长红”的故事。你想，2018年那会儿，月河刚完成改造，江南水乡的样貌是有了，但怎么从一堆古镇里冒出来，是个大难题。结果他们发现，传统节日需要载体，历史街区需要灵魂，七夕和月河，简直是一拍即合。

对，而且七夕绝不仅仅是“中国情人节”这么简单。像乞巧、祈福、观星这些老习俗，在快节奏的生活里都快被淡忘了。月河正好提供了一个空间，让大家能重新看见、重新参与这些传统。第一年就特别接地气，区长亲自给新人证婚，金婚夫妇分享保鲜秘诀，还有表白墙，一下就把人拉进来了。

然后你会发现，这九年他们一直在做加法。2022年融入了宋韵文化，汉服、点茶、国潮集市都有了；2023年搞沉浸式水乡婚礼；2024年把运河韵和七夕情结合；到今年，更是细分出了晚风音乐会、花船民乐、树下系红绳等好几个独立板块，连办三天。

这里有个关键点，就是这种加法，不是简单的堆砌，而是长出了一个有完整逻辑的节日IP。它从一个单纯的晚会，变成了全民参与的文化仪式，成了多场景、多时段的复合型文化体验。换句话说，就是把古老的仪式感，转化成了现代人可参与、可互动、可拍照分享的体验。

说到仪式感，不只是年轻人受用。今年的活动里，有一幕特别动人。一群平均年龄68岁的合唱团老人，在荷月桥广场唱了一首《少年》。85岁的团长说，他们就是幸福的具象化。你看，年轻人在放灯许愿，老人们在用歌声诠释相守，这就把七夕的另一层真意给唱出来了——浪漫不是瞬间的花火，而是半生笃定的陪伴。

确实，这让人感觉月河可亲可近，但这背后更绵长的，是它的文化感。而诗歌，就是月河和七夕之间最结实的那根红线。这根红线，其实从2012年就牵起来了。当年首届“月河·月老杯”全国爱情诗大赛，连舒婷都来了，诗人们就在晃晃悠悠的画舫上朗诵爱情诗。

哇，这个画面想想就很美。而且这个大赛一办就是十四年，规模越来越大。今年收到了5600多首诗，获奖者遍布海内外。更动人的是诗和人的真实连接。比如杭州诗人周维强，他和妻子就是在月河畔相识相恋的，他感慨月河就是他们的月老。

还有像湖北诗人胡巨勇，他花了一整年时间，为月河写了一组诗，说月河像语文课本里的江南水乡，是爱情的大本营。这些诗也不是只停留在纸上，文化周期间，诗句被做成诗廊，写在荷灯上，在音乐会上被念诵，诗歌就变成了日常的浪漫，成了月河的魂。

有了魂，还得有根。这个根，就是文化反哺城市的“南湖味”。月河历史街区年接待游客已经超过500万人次了，文化周直接拉动了餐饮、住宿、购物。今年还玩了个特别漂亮的联动，邓紫棋演唱会那几天，数万歌迷到嘉兴，月河立刻推出凭演唱会票根领免费应援物料的策略。

这个操作太聪明了，这就是把演唱会的“流量”，精准转化成了街区的“留量”。有个上海姑娘，本来打算听完演唱会就走，结果被攻略吸引，直接改签了三天后的票，要深度游嘉兴。这就把一次性消费，变成了二次甚至多次消费，让大型活动的长尾效应落到了实处。

没错，从街巷里创业的摊主到特意从外地赶来的情侣，这股文化的力量最终化作了市井烟火里实实在在的幸福感和经济动能。九年坚持，月河早已不只是地理上的河流，它是无数人爱情故事的见证者，更是南湖区以文兴城、以文促旅的一个生动样本，就像这座城市最温柔的一首抒情诗。

暖阳

云舟

首善南湖·深一度｜月河写下第九封“七夕情书”

今天我们聊一个很有意思的镇，叫余新镇，在嘉兴南湖区。面积不大，人口也不多，但上半年交出的成绩单，真是亮眼。

没错，特别是制造业投资增速，居然达到了153.1%，在南湖区排第一。对于一个不到48平方公里的小镇来说，这个爆发力确实让人好奇，它到底是怎么做到的。

所以今天我们就从三个关键词入手，来解码一下余新镇的突围之道，分别是速度、深度和温度。

嗯，先来说说这个速度。其实很多人对余新的第一印象就是快，而且这种快不是嘴上说说，是有数据支撑的。上半年固投11.32亿，其中制造业占了大头，有7.72亿，比重接近七成。

对，这意味着制造业不仅是跑出了加速度，更是撑起了整个投资大盘。那这种快，根源在哪呢？我们采访到一家企业，叫浙江盛誉智能科技，去年10月拿的地，现在主体工程都快完了。

他们的项目负责人说，从提交材料到拿到施工许可证，只用了2个工作日！这效率，放在全省都算顶尖了。而且这里有个关键点，他们不光审批快，土建的同时，智能化生产线选型、员工培训全都在同步推进，一套组合拳打下来，工期能压缩将近一半。

换句话说，常规项目需要一年到一年半，他们计划年内就竣工验收。这背后其实是余新镇有一套“挂图作战”机制，为每个重点项目配专属服务力量，常态化走访，第一时间捕捉企业技改、扩产需求。

而且一旦这种“快”跑起来，就会形成连锁反应。本地一些老牌企业，比如蒂凡五金、金麟机械，都在见缝插针搞改扩建。新引进的项目更夸张，像美高智能，签约一个月就投产，而且直接做到了“投产即升规”。

所以“余新速度”不只是一个口号，它实实在在地转化成了发展增量。但话说回来，如果只有快，这种增长可能不够扎实。所以第二个维度，深度，才是余新镇持续跃升的根基。

这个深度，不是简单的产业叠加，而是做长链条、做厚生态。余新镇给自己的产业定位很清晰，叫“321”现代化产业体系，重点发展智能装备、智能家居、电子信息，再把人工智能作为新增长点。

比如，他们依托亚特电器、百盛光电这些龙头企业，不是简单复制产能，而是搞研发、试验、生产一体化的产业园，从“制造”往“智造”深处走。而且，他们特别注重空间利用，不是盲目摊大饼。

对，他们上半年腾退了241亩低效用地，目的是“破旧立新”，给未来产业定制高能级承载空间。同时，还启用了人工智能产业园，推动像行深智能这样的无人驾驶重点项目落地，把新赛道做实了。

在这种双轮驱动下，创新主体也越来越多，现在累计引育了146家专精特新、高新技术企业。而且他们服务业的短板也在加速补齐，比如其他营利性服务业营收增速达到166.8%，互联网软件信息增速也超过了150%，都是南湖区第一。

产业有纵深，空间有重构，这是从制造到智造的深度。但产业要跑得快、走得深，最终还得靠人。这就引出了第三个关键词，温度。

没错，温度是发展韧性的底色。余新镇深知，要让企业敢投、人才愿留，必须全方位护航。比如他们在“两创中心”搞了企业服务驿站，政务代办、政策咨询、资源对接全部整合在一起，线上还有个“企呼我应”平台，诉求响应非常快。

举个小例子，当地有一家叫峰丽塑料制品的企业想扩产，资金短缺，服务驿站通过季度走访发现后，马上联合银行定制融资方案，解了燃眉之急。这种对中小企业的全生命周期陪伴，真的能让人感觉到温度。

对人才更是如此。他们发布了“渔里有才”暖心十条，给首次求职的大学生提供3到7天免费住宿，还推出了80套精装修人才公寓，现在还有300多套在建。甚至打造了一个叫OPC社区的创业孵化基地，专门服务“一人公司”。

更难得的是，他们政府还首次组团走出嘉兴，去高校搞校招，带着企业上门推介。这就像他们书记说的，关键要让青年看到发展的空间和生活的品质。

所以你看，从拿地即开工的“速度”，到产业深耕空间重构的“深度”，再到全方位护航的“温度”，余新镇这三板斧确实打出了一套组合拳。

是的，这三者环环相扣。速度打开局面，深度夯实根基，温度则保证了这个系统能持续运转下去。这座嘉兴主城区的“南大门”，正在用它的方式，向着高铁新城新增长极的目标加速奔跑。

好了，关于余新镇的发展故事，今天就先聊到这里。我们下期再见。

首善南湖·深一度丨余新镇：主城区“南大门”发展跑出加速度

首善南湖·深一度丨余新镇：主城区南大门发展跑出加速度

大家好，欢迎收听今天的节目。我们今天要聊一个特别有意思的现象，就在浙江嘉兴的南湖区，年初他们画了一张AI产业的蓝图，结果短短四个月，这张图就真的动起来了，而且动静还不小。

没错，当时他们区委书记用三棵AI树来形容这个愿景，扎根产业的创新之树、协同发展的融合之树、面向未来的希望之树。听起来很诗意，但四个月后，你会发现这背后全是实打实的布局。

对，7月底他们刚开了一场具身智能生态建设推进会，现场签了一堆战略协议，还揭牌了几个重要的新社区。我们仔细研究了一下，发现南湖这片AI产业森林能长这么快，其实有一条特别清晰的成长路径。

我们可以从一个比喻来理解，就是一棵树怎么长成一片森林。首先是根系要深。南湖这个根系，就是链主企业，具体来说就是科大讯飞。

科大讯飞在南湖的布局很有意思。他们是去年2月注册成立的，按“1公司+2中心+N示范应用”来推进。短短一年多，对接了130多个项目，引进了10多家生态企业，一期的办公楼已经全满了，生态企业累计营收将近6个亿。

这个牵引力太强了。这次推进会上，5家企业和南湖区签了战略合作协议，它们不是随便找来的，全是讯飞生态里的伙伴。仔细看这五家公司，刚好串起一条具身智能的核心技术链条。

没错，比如聆动通用做工业具身大脑和机器人本体，星动纪元专攻运动控制，跨维智能深耕3D视觉与智能操作，大寰机器人精于执行器，星灵动力发力动力系统。你看，从大脑到四肢，再到视觉和动力，形成了一个完整的技术闭环。

这里有个关键点，他们不只是签个战略协议。其中4家企业还和南湖本土的制造平台灵猴机器人签了委托代工协议，清华柔电院也和大寰机器人签了研发代工协议。换句话说，他们不仅是搬过来，而且是直接和本地制造能力绑定了。

这就是根系深扎的力量。链主一扎根，生态伙伴就跟着来了，而且来了就能接上本地的产业链，马上开始协作。那根系扎实了，接下来就是枝干，怎么让这些企业能茁壮成长呢？

这就说到他们布下的“枝干网络”了。推进会上授牌了南湖区首批三个人工智能OPC社区。OPC你可以理解成是一个开放、协作的物理社区。这三个社区分别在南湖新区的单创星球、南湖街道的甪里拾光，还有南湖高新区的迈富时。

本质就是让AI创业者们在物理空间上聚在一起，而不是分散在各地。这样日常的技术交流、人才流动、业务协作，就可以在喝杯咖啡、串个门的功夫里自然发生。

聊完空间，还有个更实际的问题，就是钱。科创企业早期的“第一桶金”往往最难。南湖的做法是成立一个人工智能合投联盟。

这个联盟把南投集团、嘉科集团两大区属国资平台，和讯飞创投、华义创投、武岳峰资本这些头部市场基金绑在一起，形成“政府资本引导、社会资本联动”的机制。这其实就是一个加速器，好项目来了，既有资金，又有资源。

而且南湖本身家底就厚。作为嘉兴国家科创金融改革试验区的主战场，他们设了一个总规模200亿元的“1261”基金集群，覆盖募投管退全周期。到现在，南湖区政府投资基金认缴规模已经超过400亿元，主动管理的直投基金超过40亿元。

所以你会发现，社区解决了物理上的“聚”，合投联盟解决了资金上的“活”，这两者就像纵横交错的枝干，支撑起整个生态的树冠。

那么，根系深了，枝干也搭好了，这片森林到底长成什么样了？数据最能说明问题。

今年前五个月，南湖区人工智能产业营收达到47.58亿元，利润2.36亿元，同比分别增长超过90%和89%，两项增速全是嘉兴第一。很多项目已经进入了产出期。

比如做无人配送车的九识智配，去年6月才成立，现在已经拿到375张路权牌照，常态化运行车辆70多辆，今年前5个月营收就超过1个亿。这个速度非常惊人。

而且，产业链已经从一个雏形走向了闭环。上游有做传动模组、减速器、触觉传感器的核心零部件企业，本土配套能力在稳步提升。中游有灵猴机器人、敏实集团两大代工平台，已经在承接智元等头部企业的量产需求，像A3人形机器人、灵犀X2都实现了本地化生产。

下游呢，像清智嘉创这样的数据采集训练平台也建成了，敏实、凯乐士这些高价值场景也陆续开放。整条链从上游零部件、中游本体制造，到下游数采场景，正在从“有”走向“优”。

还有很贴心的一点是政策。南湖一口气发了四种券：人工智能创新券、算力券、模型Token券，还有一个很有意思的工业具身智能消费券。这四券覆盖了从研发到场景落地的全周期，给企业实打实的支持。

所以你看，链主在这里牵引，数据在这里汇聚，人才在这里成长，资本在这里助推。四个月前那三棵AI树，真的在南湖这片土壤上，长成了一片生机勃勃的产业森林。

没错，他们的目标也很明确，就是锚定“长三角人工智能核心零部件及整机制造基地”这个定位，全力打造全国具身智能产业高地。从这次推进会的密集落子来看，南湖的路径很清晰，就是通过龙头牵引、生态协同、资本赋能，一步步把蓝图变成现实。

好，今天关于南湖AI产业森林的成长密码，我们就聊到这里。感谢收听，我们下期再见。