<!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年底开始，他们痛下决心搞“腾笼换鸟”，把老工业园区里近150家小木业、小五金企业全部腾退。在一片空地上，从零开始，定下了全新的招商方向，瞄向了智能物联、通讯电子和智能传感。

这里有个关键点，他们产业转型的心法，其实就一个字：“恒”。恒心的恒。你看，落户魏塘的企业，名字里带“恒”字的特别多，像硅瑞恒、恒颢光电、恒为电子。这个“恒”背后，是恒心招商、恒力推进、恒久服务。

这个“恒”字诀，在上市公司剑桥科技身上体现得特别明显。这是一家做光模块的龙头企业，2023年落户魏塘，一期拿地86亩，专门聚焦800G和1.6T的高速光模块产品。结果正好赶上全球AI算力爆发，订单供不应求，今年第一季度净利润同比增长了276%！

产能告急，企业主动要求扩产。街道这边的响应速度简直了，去年11月签约租赁二期厂房，今年3月就开业投产，前后才四个多月。现在剑桥科技已经把嘉善定位为核心生产基地，年化光模块产能达到350万支。

这种速度，靠的就是服务和定力。而且不光是剑桥科技，魏塘还有个“黑马”——商米智能科技，专门做商用物联网设备的，我们平时用支付宝刷脸或者“碰一下”支付，很多设备就是他们家的。成立第一年，产值就做到了9.5亿，同比增长330%多。

这些企业的聚集，让魏塘的招商逻辑也发生了根本性变化。以前是“给土地、给政策”，现在变成了“给资本、给生态”。简单说，就是不再单纯靠优惠政策去“引凤”，而是用产业链的生态来“育林”。

这个“磁吸效应”很有意思。比如剑桥科技，今年就直接带来了两个配套项目，中芯光电和硕航光电，一家做光缆，一家做光晶体配套，原本就是它的供应链伙伴。现在被“链主”带到嘉善，就近配套、就近交付，时间和物流成本都大大降低了。

换句话说，这就是“以商招商、以链聚企”。而且他们的招商手段也在升级，用“基金+股权+项目”的模式，设立专项产业基金去撬动优质项目。据说招商人员一个礼拜至少要跑两趟长三角，远的地方深圳、武汉、东北都要去，非常拼。

产业链在“聚”的同时，创新力也在“裂变”。比如中科尚弘，这家企业由中科院微系统所和德国亥姆霍兹研究中心合作组建，做半导体离子注入设备的。当初在上海张江研发完急需量产，考察了多地，最终选择了魏塘。后来不仅自己成了国家级专精特新“小巨人”，还带动了供应链企业落户。

这背后，就是魏塘增长的“含新量”。上半年，魏塘规上企业研发投入接近3个亿，同比增长22.3%；新增了国家级重点“小巨人”企业，国家级的。这些创新指标，才是他们规上工业能跑出加速度的核心密码。

产业上来了，人来了，新问题也来了：怎么把人留住？一位“90后”的行政主管就说，工作之余总觉得少了点生活，周边缺少年轻人喜欢的健身房、桌游室。还有员工说，下了班想打桌球都找不到地方。

这才是真实的人间烟火气。所以魏塘开始用“产城融合”去破题，打造“园区一站式生活圈”。今年6月，园区第一个商业综合体“中新悦里荟”开业了，四层空间，有餐饮、生鲜超市、休闲娱乐，肯德基、好想来这些品牌都进去了。

以前买个菜要开车一公里，现在家门口一百米就解决了。但这还只是开始，接下来工业邻里中心、职工文体中心、高端人才公寓、咖啡店、便利店，全都在布局。而且，他们正在同步推进7个重点服务业项目，总投资接近15个亿，覆盖了商业综合体、酒店、商务大厦等。

从“住得下”到“住得好”，从产业配套到城市品质，魏塘想让这里既有高端制造的硬核，也有诗意生活的柔软。

所以回头看，魏塘用八年时间，从“木片”走到了“芯片”，从老工业园区变成了产业新城。半年百亿产值的突破，只是一个里程碑，更是一个新起点。当产业的“向新力”和城市的“向心力”同频共振，这个街道的下一程，确实值得期待。

暖阳

云舟

善城有“范”丨“木片”变“芯片”，魏塘百亿跃迁的背后

让每一个创新的念头，都能在最短的距离内找到答案——大家好，今天我们要聊的，是浙江嘉善一座县域里，正在发生的一场创新组织变革。

是的，嘉善刚刚开了一场高水平建设一流创新生态大会，重点是推出了他们的长三角专精特新赋能中心。这个中心成立才半年，但已经帮很多企业解决了大问题，听起来非常有意思。

没错，其实嘉善本来就是个优等生，手握浙大智慧绿洲、复旦研究院、祥符实验室等一堆高能级科创平台，研发投入也强，连续四年拿了省里的科技创新鼎。但有意思的是，他们也有一个长期的烦恼。

对，这个烦恼就是，县域创新被一堵看不见的墙给挡住了。墙这边，企业有技术渴求，比如浙江田中精机想从自动化迈向智能化，但不知道找谁合作。墙那边，这些高能级平台的研究成果又有很多闲置，找不到合适的应用场景。

换句话说，就是供需信息严重不对称。企业找服务像大海捞针，平台找企业也像大海捞针。所以这个赋能中心一出来，它的定位就非常明确：做一台打通资源孤岛的“破壁机”。

怎么破呢？核心思路就是让“服务找企业”，而不是“企业找服务”。它把政府、平台、企业的资源全部整合起来。企业只要走进这个中心，就能一站式链接到全县甚至长三角的科创资源，不用再挨个部门、挨个平台去跑了。

你想想，以往企业要对接一个研究院，可能得先跑好几个部门，现在这个壁垒被打通了。而且关键的一步，是建立了一套先诊断后开方的标准化服务体系，这里有个关键点，就是那份《企业创新诊断报告》。

这个报告特别有意思，它不是走马观花，而是专家团队上门出诊，深入到车间、实验室，从战略、组织、人才、技术等维度，设置了33项指标来全面排摸，最后开出一份对症下药的方子。比如有一家叫轩溢生物的公司，虽然做HIV尿检很有潜力，但诊断报告直接指出它核心专利布局不足，生产数字化、AI应用都是短板。

而且这份报告不光是诊断，它还对标了万孚生物、雅培这些行业标杆，明确告诉你差距在哪儿，然后从创新管理和技术创新两大维度给出具体建议。轩溢生物的总经理就说，最关键的是，通过这个诊断，他们能和祥符实验室共建联合实验室，直接提升核心技术。

田中精机也是首批受益者，报告里提出五大问题，已经有三个方面得到了赋能中心的重点对接，比如帮他们对接高校资源加强人才培养，还和浙大智慧绿洲联合研发AI大模型选型系统。

所以这套机制的效果非常明显，运行才半年，就为40家专精特新企业出具了创新诊断报告，梳理出覆盖44个产业方向、147项技术的能力清单。今年1到5月，嘉善全县规上企业的研发费用增长了9.47%。

这就引出了他们更核心的机制，叫“四题一评”创新闭环，就是企业出题、政府助题、平台答题、车间验题、市场评价。诊断只是起点，关键是解题，而且要让创新永不掉线。

比如晋吉汽配的故事就特别典型。高强度紧固件必须经过调质热处理，这本来是行业铁律，但在赋能中心撮合下，上海大学研究院的工程师直接常驻车间，与企业一起攻关免调质工艺。现在新工艺已经进入小批量生产，能直接降低生产成本约10%，还减少了碳排放。

这种协同不是蜻蜓点水，而是深度绑定。现在赋能中心已经升级了四大协同体系：技术赋能、产业赋能、转化赋能和服务赋能。在技术赋能上，是用平台的服务能力清单去匹配企业的创新需求清单；产业赋能上，上半年嘉善的计算机通信、汽车制造、专用设备制造等重点行业增加值都增长了15%以上。

转化赋能也很关键，他们培育了118名持证的专业技术经理人，专门提供技术经纪服务。比如通过经理人牵线，一家制冷设备企业对接上了上海应用技术大学，攻克了高效制冰核心技术，项目投产后新增年产值突破1000万元。

还有服务赋能，通过“科技副总”和“产业教授”双向互聘，让人才在企业和平台之间自由流动。比如有企业聘任研究院副院长当科技副总，也有企业董事长被聘为产业教授，这种人才的双向奔赴，成了创新生态中最活跃的要素。

数据是最有力的证明。首批15个协同攻关项目已经落地，合同金额440多万，预计协助企业联合申报专利38项，支持企业主导或参与制定标准9项。而且这些合作已经为企业带来了超千万元的预期营收增量。

所以放眼整个嘉善，今年上半年全县生产总值508.4亿元，同比增长7.4%，规上工业增加值增长11.3%，远高于全省平均水平。这个数据背后，其实就是他们用组织创新让每一个创新念头都能快速找到答案的成果。

最好的创新生态，不是建多少大楼，而是让服务主动去找企业，让产学研深度绑定，让创新永不掉线。嘉善这场县域创新的试验，才刚刚开始，但确实提供了一个很鲜活的样本。

没错，从组织创新入手，打通资源孤岛，先诊断后开方，再通过一个闭环让创新持续运转，这或许就是县域高质量发展的一个新路子。

“县”声夺人丨一个中心，如何改写一座县的创新基因？

哎，你有没有想过，有一天在一个小县城里，能看到机器狗舞狮、机器人给你拉花做咖啡，甚至还能当主持人？

这听起来完全是科幻电影里的场景啊，但你知道吗，这在浙江嘉善已经成了常态。他们最近刚开了个人工智能嘉年华，一个全新的AI产业园也开园了。

长三角（嘉善）归谷人工智能产业园，对吧？我看报道说，它不像传统的科技园，反而像个大型的科技商场，里面全是正在“打工”的机器人。

没错，这个园区有3.8万平方米，里面从超市机器人营业员到乒乓球陪练机器人，再到教编程的机器人老师，可以说是把AI赋能千行百业这句话，变得特别具体、看得见摸得着了。

这背后其实藏着嘉善的一个聪明判断。他们很清楚，作为一个县城，去跟一线城市拼研发、拼总部，肯定拼不过。所以他们换了个思路，拼“场景落地”。

对，他们打了个比方，说汽车有4S店，机器人也需要“6S店”。这个“6S”指的是从销售、租赁、售后、维修，一直到培训和二次开发，提供全生命周期的服务。

这个思路一下子就清晰了。他们不是要建一个研发总部，而是要建一个能让各种机器人直接“上岗干活”的超级应用场景。

而且你看开园当天他们落地的八大产业平台，就特别能说明问题。像文远知行、宇树机器人、优必选这些行业翘楚都来了，但没有一家是做基础大模型的，全是能在特定场景里干活的。

比如说文远知行，这家全球自动驾驶的头部公司，把长三角区域总部直接放在了嘉善。他们打算在那儿部署L4级的自动驾驶中巴、物流车和环卫车。

这里有个关键点，为什么选嘉善？因为一线城市路况太复杂，牌照也难拿。但嘉善既有城市道路，又有封闭的园区场景，简直就是一块完美的“全场景试验田”，可以先试后投，这对自动驾驶商业化太重要了。

还有一家叫摩通智合的公司，现场那个拉花咖啡机器人就是他们的。他们也不是小角色，已经是2032年布里斯班奥运会的智慧餐饮服务商了。这次他们要在嘉善落地一条专门做后厨“具身自厨”硬件的新生产线。

除了这些大企业，嘉善还很聪明地补上了产业生态的关键一环，就是数字安全。他们跟360集团签了深度合作，要共建360长三角AI总部基地，专门做人工智能安全，这可是AI产业能走稳走远的底座。

同时，嘉善还在做一件更长线的事，就是从人才抓起。他们联动浙江大学、嘉兴大学等高校，打通产学研。甚至还发布了具身智能和无人机的特色课程，从娃娃抓起，要把AI教育送进校园，再衔接到职业教育和产业，搭一条完整的人才通道。

说到人才培养，这次嘉善还同步启动了一个很有意思的比赛，叫“OPC创新大赛”。OPC，简单说就是“一人公司”的意思。

这个挺新潮的。在AI时代，一个懂大模型、会调参的极客，加上算力和数据，效率可能顶得上一家传统大公司。这种“单人成军”的创业形态，正在成为很有活力的新兴力量。

为了留住这些“一人公司”的苗子，嘉善掏出了真金白银。比如，提供最多3年免租金的办公场地，给创业者一次性5000元补贴。更关键的是，AI创业最烧钱的算力，他们直接补贴50%，每年最高可以给到200万。

还有金融支持，可以申请最高300万的创业担保贷款，并且全额贴息三年。政府还设立了专门投早期的天使基金。可以说，钱的问题，政府都在帮着解决。

甚至办执照的流程都简化了。嘉善发出了全市首张OPC营业执照，创业者只需要提供一个工位号，就能注册公司，真正实现“一个工位诞生一家公司”。

这种模式在嘉善其实已经跑通了。比如有个编剧，一个人借助AI工具就能完成剧本和分镜，一个人就是一支团队。还有个浙大博士后的团队，不到10个人，用AI帮传统企业做品牌增长，一年业务量就翻了十倍。

所以你看，嘉善这场AI布局，不盲目追大模型，而是深耕场景；不只仰望大厂，也拥抱有潜力的极客；不只盯着短期签约，更布局长期的人才生态。

对，与其说这是办一场活动，不如说是一个县域经济在向新质生产力转型的一次大胆尝试。能不能成，还得看后续，但至少，他们已经跑起来了，而且方向很明确。

没错，这或许就是未来小县城也能长出大产业的一个新思路。

善城有“范”丨嘉善这场嘉年华，把AI搬进县城

善城有“范”丨地嘉人善处，温暖自不同

善城有“范”丨桨声惊起胥塘波！听嘉善龙舟赛里的千年回响

今天我们来聊一个特别有意思的临沪小镇，嘉善的姚庄。它上半年的GDP增速达到了8.8%，服务业指标更是保持30%以上的高速增长，这背后到底藏着什么密码？

没错，而且姚庄的故事特别有画面感。比如早上，住在丁栅人才公寓的华为工程师，坐上通勤班车去上海青浦上班；另一边，青年城里的星巴克、肯德基正在准备开业。这座小城，正以一种肉眼可见的速度在生长。

对，所以我特别想深挖一下，一个百亿体量的小镇，是怎么跑出这种加速度的？我觉得可以从它的产业说起。姚庄有两条非常清晰的百亿产业链，一个是精密机械，一个是智能物联。

我们先说精密机械，这个产业在姚庄是从最传统的五金加工起步的，但现在已经升级到汽车零部件和高端装备制造了。你知道现在镇上聚集了多少家汽车零部件企业吗？超过40家，研发生产的零部件几乎能组装成一辆完整的车。

这真是一个产业集群的范本。比如有一家叫弥富科技的公司，今年一月在北交所成功过会了。他们车间里上百台注塑机24小时不停歇，专门做汽车流体管路系统的关键零件，每个月出货量超过1000万件。

而且他们不光做传统汽车，现在储能、数据中心、甚至低空经济领域需要的流体管路零件，他们也能做。这种从传统到前沿的跨越，说明产业链的升级一直在发生。

还有一个很有意思的案例，浙江田中精机。他们本来做自动化设备，现在和浙大合作，聚焦AI物料选型，正在经历从自动化到智能化的关键跨越。他们给一家头部车企定制了国内首条全自动后轮转向电机生产线，技术含量非常高。

这就是姚庄产业升级的缩影。再来看另一条产业链，智能物联，这个更前沿。它从通信电子起步，现在正向人工智能、机器人赛道延伸，一个五百亿级的产业集群正在成型。

说到机器人，这里有个企业特别酷，叫福莱新材。他们研发的电子皮肤，能让机器人灵敏地弹吉他、拿豆腐。这已经不是科幻电影了，是正在发生的现实。

还有更震撼的，致瞻新能源打造了业内首条“黑灯工厂”产线，关键设备数控率达到90%，产品年产量直接翻了一倍。这种效率，就是产业链升级带来的直接红利。

而且姚庄不光引进新项目，存量企业也在不断“裂变”。比如汉特工程塑料，从2016年落户时一棵小苗，到现在建成了年产3万吨的现代化基地，产能不够用了，又拿地扩产，还计划把成都的产能都转移过来。

这种扎根生长的信心，背后是姚庄精准的产业链招商。他们始终围绕精密机械和智能物联两大主导产业画“招商地图”，打的是产业链招商和以商引商的组合拳。

产业的齿轮高速转动，但一个地方能不能留住人，还得看生活。姚庄在这方面有个特别巧妙的策略，就是打好“近邻牌”。它离上海青浦的华为研发中心只有7公里，那可是聚集了数万名研发人才的地方。

所以姚庄制定了一个“135”行动计划，目标就是打造“华为友好小镇”。第一步就是解决交通，他们改造了一条叫西丁线的农村道路，现在灯火通明，还专门开通了通勤班车，一年接送了1.26万人次。

人来了住哪儿？丁栅人才公寓一期44套精装房，从开工到基本完工只用了三个月，全屋定制，楼下健身房、咖啡吧、台球室都有，入住率很快超过95%。二期也快建好了，新增150多套。

住解决了，生活细节也得跟上。姚庄每月稳定向华为供应优质农产品，黄桃、番茄、水产，超过8000公斤。还承办了30多场文体活动，甚至帮年轻人组织交友联谊，把服务做到极致。

这种诚意还体现在一个很特别的建筑上，叫辛水遥楼。它在沉香村，定位是商文旅一体化的创新综合体。设计上用了很多江南水乡的元素，但内部又预留了大量可供市集、展览、社交的灰空间。

这个“留白”的心思很妙。它不限定功能，却恰恰是激发社区活力的关键。这就像姚庄的城市发展思路，不一味地填满，而是懂得为人才、为生活留出空间。

这种产城融合的思路，在青年城项目上体现得更明显。以前工人点外卖，得走到河对岸去取，现在好了，一座占地2.5万平方米的青年城开业了，星巴克、肯德基、KTV、网咖都来了，直接变成一个活力社区。

还有商会大厦，由22家企业集资近3个亿打造，就是为了解决以前镇上没有大型宴席餐饮和高档酒店的痛点。这些细节说明，姚庄正在从一个工业强镇，扎扎实实地向品质新城跃迁。

服务也得跟上硬件。今年6月，姚庄启动了“易企办”企业服务小站，把350多家企业划分成8个网格，提供上门服务，小事不出网格，大事不出社区。这种精细化服务，让企业能安心搞生产。

没错，从产业链的链式生长，到近邻之约的生态共建，再到产城共舞的品质跃迁，姚庄的发展密码其实很朴素，就是把人的需求放在发展的中心。

说得太好了。半年度的亮眼数据只是一个逗号，这座小城用每一天扎实的行动，让产业的齿轮和寻常的日子咬合在一起，一起转动。而姚庄的故事，还在继续。

善城有“范”丨百亿体量再提速，姚庄凭什么“跑赢自己”？

今天我们来聊一家特别硬核的公司，来自浙江嘉善的赛晶半导体。他们在最近的深圳中小企业论坛上，展出了一款指尖大小的芯片，却能给AI数据中心的‘心脏’供能。

没错，这枚小小的2300V高压碳化硅芯片，你可以把它想象成AI数据中心最核心的电能管理‘阀门’。而且，在这次论坛上，由工信部推荐参展的功率半导体企业，就赛晶这么一家，可以说是独苗。

更让人好奇的是，这家企业从2004年落户嘉善，到现在已经整整22年了。你能感觉到，这不只是一家公司的成长史，更像是一部跟地方营商环境‘双向奔赴’的奋斗史。

这个‘双向奔赴’很有意思。创始人项颉当年为什么选择嘉善？他说得很坦白，第一是区位优势，嘉善是浙江接轨上海的第一站，长三角产业链配套非常完善。第二点，也是最关键的一点，就是营商环境，政府承诺的事情从不打折。

他提到一个细节，22年里换了七八任主要领导，但政府的服务居然从来没打过折扣。企业只管提要求，项目审批、手续代办这些事，他们压根没操过心，真的是‘保姆式服务’。

这种信任感太重要了。所以赛晶从最初的一个特高压项目，到后来不断地追加投资，今年4月又签下了第四个项目，固态直流断路器。项颉甚至说，嘉善是他们的‘福地’和‘科研高地’。

说到科研，他们攻克技术难题的故事特别像侦探小说。比如他们曾遇到一个‘玄学’问题，一个模块成品，在光线亮和暗的环境下，耐压值竟然能相差10%以上。

查遍了材料、工艺，就是找不到原因，结果过两天现象又自己消失了。但研发团队没放弃，反复试验，在一次次对比分析中最终把问题化解了。这种从‘无解’到‘破题’的过程，真的很考验研发人员的耐心。

他们采取的是‘国际联合研发’模式，把瑞士的芯片研发团队和嘉善的模块团队深度绑定。全公司180人，研发人员超过100人，工人只有20多个，研发密度非常高。

成果也很硬核。比如他们有一款IGBT模块，是全球第一款在同封装下达到1100安培的大功率产品，可以直接实现进口替代。换个通俗的说法，别人家1200伏只能做到600安，他们用新材料和全新结构优化，直接做到了1100安，输出能力大幅提升。

而且，他们的第七代微沟槽IGBT性能已经追平了欧洲头部厂商。在碳化硅领域，那颗2300V高压芯片，正在跟国际龙头同步迭代。这些技术用在风电上，能让设备体积更小，散热成本更低；用在AI数据中心，能大幅减少输电损耗。

这正好说到他们现在押注的新战场——AI算力。随着AI数据中心从传统的交流供电转向800V直流架构，高压碳化硅器件几乎成了刚需。赛晶提前布局的1200V到2300V产品线，正好卡在了这个爆发点上。

他们今年刚签的固态直流断路器项目，就是专门保护AI服务器的。项颉打了个比方，传统家用交流电闸断电相对安全，但AI机房的直流电如果突然断开，可能会引起‘拉弧起火’，瞬间烧毁上亿元的设备。

所以他们的固态断路器，能实现微秒级的‘光速切断’，比传统机械开关快了几百倍，就像是给AI服务器装了一个‘极速保险丝’。这真的是从‘机房外’走到了‘机房内’，打通了整个电力电子的全产业链闭环。

从特高压到功率半导体，再到AI基础设施，赛晶的每一次落子，都跟国家战略同频共振。今年他们入选了国家级专精特新重点‘小巨人’企业，营收目标定在3个亿，比去年翻一番。

而嘉善提供的，就是一个让企业安心搞研发、放心扩产能的稳定后方。项颉说过一句很动情的话：‘如果嘉善愿意接，我们的项目一定优先放在这里。’

22年相守换来的这份默契和信任，可能比任何商业条款都更有力量。我们也期待这家企业能把更多前沿技术带到嘉善，真正用自主研发的‘中国芯’，支撑起国家能源的自主可控。

善城有范丨在“嘉”逐梦！一颗“中国芯”的二十载成长记

大家好，今天我们来聊聊一个不一样的社区，它不是靠围墙把人心隔开，而是用夜校把年轻人的心聚在了一起，还捧回了全国五四红旗团支部的荣誉。

没错，这个地方就是浙江嘉善的桃源新邨社区。它特别在哪儿呢？它是个城乡一体化新社区，7000多居民来自8个不同的村，年轻人占了四分之一，而且一半都是外来青年。怎么把这群‘最熟悉的陌生人’凝聚起来，真的是个难题。

对，社区团支部一开始也碰了钉子。他们去走访，劝一位年轻姑娘收拾一下门口杂物，结果人家直接反问：‘我自己家门口的事，也要管吗？’ 这句话一下就点醒了社区工作者，年轻人不认可你这个社区，基层治理的路就走不通。

所以，他们的第一步不是管理，而是去摸底。他们搞了个‘一户一表’的走访，发现年轻人最大的需求其实很实在，就是觉得下班后太无聊了。社区离县城远，想健身、学技能、找社交平台，什么都没有。

这时候，社区团支部的年轻人脑子就活了。他们想，城里当时正流行‘青年夜校’，白天上班，晚上学艺，我们社区的年轻人为什么不行？说干就干，2023年6月，他们在村社层面率先办起了青年夜校。

不过这第一炮没打响。第一期化妆课，只来了12个人。但他们没放弃，换个思路，夏天到了，养生是不是更吸引人？他们马上联系了镇卫生院，开了8期夏季中医养生课，针灸、推拿、夏日饮，每期限额30人，结果消息一发，秒没！

这就像一块‘破冰船’，一下子就把年轻人的热情点燃了。课堂里挤满了人，甚至有人从隔壁乡镇赶来。有个姑娘就说，‘这可比刷手机有意思多了’。夜校群成员越来越多，课程也扩展到了八段锦、瑜伽、烘焙、插花，每周三晚上，社区中心都灯火通明。

把人聚起来只是第一步，关键是让他们从‘旁观者’变成‘参与者’。社区团支部又搭了两个通道：青年议事会和青年观察家活动。每次夜校课前课后，大家围坐在一起，聊社区有什么问题，该怎么改。

这里有个关键点，他们不是搞形式主义。比如有双职工家庭的年轻妈妈提出来，节假日没人带娃，社区马上就去对接资源，先办周末兴趣班，后来直接在社区里设立了县青少年宫的分宫教学点，开出了编程、写字、绘画17门课，服务了8000多人次。这真的是精准解决了年轻人的痛点。

从‘被服务’到‘去服务’，角色转换就这么自然发生了。社区成立了长三角‘青力青为’志愿服务队，下面有6支小分队。像‘00后’幼师李欢程，上大学时就是社区志愿者，毕业后回来，不仅自己参与，还链接幼儿园的资源，每月给社区0到3岁的孩子送课，带着小朋友一起整理图书、排演节目。

这种调动专业资源反哺社区的能力，真的很厉害。而且为了让青年真正扎进基层，他们还搞了‘师徒传承’。团支部书记吴婉涛就拜了全国模范调解员陆访泉为师，学习怎么从家常闲话聊起，把复杂的矛盾化解掉。她学会后又把这些‘真功夫’分享给更多团员青年。

服务渠道也打通了，形成了‘社区—网格—微网格—青年志愿服务队’四级体系，还有‘邨无小事’项目清单、青年议事咖啡角，累计收集了63条建议，开展夜间巡防210多次，真正做到了服务到门口。

更妙的一步是，他们开始琢磨，大家在夜校学的技能，能不能变成实实在在的收益？于是，社区打造了一个‘桃青IP’品牌，把烘焙课上学做的桃花酥、蛋黄酥，还有针织手作、农民画文创，都拿到社区办的‘四季集市’上去卖。

这就形成了一个‘夜校学艺—IP转化—集市变现’的闭环。比如有个叫杨瑞麟的青年，每周从大桥镇开车40分钟来上烘焙课，学成后和同学做了50多盒点心去集市义卖，半天就卖光了，800多块钱全捐给了困境儿童。他说，距离不是问题！

这个模式已经带动了20多位青年在家门口增收了一万多元。而且，一种美好的反哺也在发生。曾经是学员的谢梦晴，现在成了夜校的烘焙老师；春节时，学员们做了上百个馒头送给环卫工、快递员。从‘要我学’到‘我要教’，青年和社区完成了一场双向奔赴。

现在，他们又在谋划新项目，想打造一个实体化的‘桃青咖啡角’，让大家在喝咖啡的时候碰撞创业想法，未来还要链接人社资源，做创业培训，把它变成青年创业的试验田。

从一门只有12个人的化妆课，到如今覆盖上万人的服务体系，带动创业增收，桃源新邨社区的故事告诉我们，聚拢年轻人的关键，就是看见他们真实的需求，搭建一个让他们能发光发热的舞台。

没错，当青年从旁观者变成参与者、创造者，社区就不再只是一个居住的地方，而是一个有温度、有活力的共同体了。