<!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>

双江湖新区

最近义乌双江湖新区科教园区是一下子热闹起来了，好几个大项目都传来了新进展，感觉像是按下了加速键。

没错，从人才安居到教学科研，再到后勤保障，几乎是全链条开花。相当于给整个园区做了一次全方位的功能升级，吸引力肯定更强了。

咱们先聊聊跟人关系最密切的住房项目。浙江大学“一带一路”国际医学院的教职工配套用房，可以说是大家最关心的民生工程了。

对，安居才能乐业嘛。这个项目进度还挺快的，总包已经完成了86%，幕墙和公共区域的精装修也干完了60%。想象一下，这可是8栋24到25层的高层住宅楼，总建筑面积快14万平方米了。

14万平方米，一共能提供539套住房，还配了商业设施。这对于浙大国际医学院的教职工来说，是个实打实的定心丸。而且，这里有个细节值得注意，项目团队在夏天那么热的情况下，还通过加密安全巡查这些措施，保证了安全和进度两不误。

你一说这个细节，我就想到，这其实不只是盖房子，更是在为整个新区的产教融合发展打基础。人才来了，住得好，才能留得住，才能更好地搞科研、带学生。

说完了住，咱们再来说说教学科研的核心设施。浙江大学的国际医学院一期工程，最近有两个非常重要的建筑通过初步验收了。

哪两个？一个是校史展览馆，一个是学术交流中心，这两者的定位完全不同。先说校史展览馆，面积有两千多平米，它不只是一个陈列馆，更是一个承载浙大百年文脉和“求是创新”精神的文化地标。

换句话说，它以后是进行思政教育和校友联络的一个重要场所，精神层面的意义很大。那学术交流中心就更实用了，面积超过五千平米，配备了166间客房，还有13个会议室和一个千人多功能厅。

这个配置，完全有能力承接大型的国际学术会议和医学研讨。这直接对应了服务“一带一路”沿线国家医学人才培养这个目标，硬件水平上来了，交流合作的平台也就搭起来了。

而且，为了保证这些项目的高标准，建设单位还用了BIM技术来优化施工，还搞了个“样板先行”制度。这就像一个全链条的闭环管理，质量把控很严格。

说完浙大，我们再看另一所高校，中国计量大学现代科技学院。它的二期新建工程也是浙江省“千项万亿”重点工程，其中一标段的食堂已经通过初步验收了。

这个食堂虽然听起来不像学术交流中心那么高大上，但它直接关系到师生每一天的生活。建筑面积三千多平方米，地上三层，食堂内部装修和外面的园林绿化都同步完成了。

这就是后勤保障的关键一环。为了它能顺利投用，双江湖集团还主动联动消防、规划这些部门，一起推进专项验收。现在食堂已经进入投用准备阶段了，学生们很快就能用上新食堂了。

从高端的学术交流中心，到接地气的学生食堂，再到关键的人才住房，这些项目梯次推进，让整个科教园区的功能布局越来越完善。

没错，人才来了有房住，学生和老师有更好的科研交流和生活保障，形成一个良性循环。这种人才集聚效应的增强，对区域的高等教育和医疗卫生事业来说，无疑注入了非常强劲的动力。

暖阳

云舟

人才房提速、校史馆验收、新食堂就位……义乌双江湖新区科教园区建设全速推进

今天咱们聊个好消息，义乌双江湖新区那边，两个核心产业园的用地问题，现在算是彻底打通了任督二脉。

没错，这确实是个关键节点。义乌科技城江湾智创园和智慧产业创新园，它们的配套基础设施项目用地，已经走完了全部征地流程，正式拿到了省政府的批准文件。

对，这意味着有25.1259公顷的集体土地，现在已经顺利转为建设用地了。我们得解释一下，这个数字背后，是为整个双江湖新区的建设，拿下了至关重要的一块土地拼图。

其实，这两个园区，江湾国际智创园和智慧产业创新园，可以说是撑起整个新区创新生态的两大骨架。一个更偏向智造产业，另一个更侧重智慧创新，它们不是竞争关系，而是错位布局、功能互补。

换句话说，就是一个主攻产业落地，另一个主攻源头创新，配合起来，就能形成一个完整的协同发展模式。未来的目标，是要打造一个辐射整个浙中，甚至联动长三角的科创核心枢纽。

这个定位很高，不是只服务义乌本地，而是要有更广泛的区域带动作用。所以，这次用地审批的成功，最直接的意义，就是为这两个核心园区正式开工建设，提供了最坚实的土地要素保障。

是的，没有这个基础，所有规划都停留在图纸上。现在地批下来了，整个新区的开发建设就有了稳固的根基，可以全面起势，源源不断地为义乌的高质量发展输送创新力量。

可以说，这是一次从纸面到地面的关键跨越，为义乌的未来发展装上了新的引擎。

获省政府批准！义乌这个区块，要“起飞”了

欢迎收听今天的节目，我们来聊聊高温下的一线建设现场。最近这天气，真是出门五分钟，流汗两小时，但你知道么，就在这样的酷暑里，还有一群人正顶着烈日抢工期，而且他们干的可都是技术要求极高的精细活儿。

没错，今天我们要聚焦的是双江湖集团开发公司的一线项目。说实话，我看了他们的工作细节，感觉这不仅仅是拼体力，更像是一场在“蒸笼”里和物理法则赛跑的精密科学战。

就拿香溪路改造项目来说，他们正在浇筑一个关键底板的混凝土。这块混凝土长20米，宽32米8，厚1米3，总共有900立方米。这里有个关键点，在高温下，大体积混凝土非常容易产生温度裂缝，而且凝结速度会加快，搞不好整个结构强度就报废了。

哇，那确实是个技术活。也就是说，他们不是简单地把水泥倒进去就行，还得像个医生做手术一样，严格监控各种指标？

对，就像给混凝土做体检。集团领导直接下沉到工地一线盯着，要求混凝土入模时的温度必须严控在30度以内。这就像你不能让一个发烧的病人去剧烈运动，得先把体温降下来。同时还要布设温控传感器，分层浇筑，通过这些精细化的管控，来消解高温带来的不利影响。

这让我想起了另一个现场，双江水利枢纽工程。他们面对高温，风险管控是不是更复杂？

的确，水利工程的安全风险在高温下会显著增加，成了一场需要时刻紧绷神经的持久战。比如他们的质量安全部经理，每天顶着烈日徒步巡检，平均每天走路超过6公里，排查30多个点位，从液化气瓶的规范存放，到配电箱的漏电保护，一个死角都不放过。

每天6公里，还是在高温下，这简直是用脚步丈量安全标尺啊。他们这么做，就是为了确保万无一失吧？

对，尤其是在动火、用电这些高风险环节，他们坚持闭环整改，发现隐患必须解决掉。换句话说，就是用全天候、高强度的巡查，把安全责任压实，用汗水织密了一张安全防护网。

除了这种精细和严谨，我还注意到，各个工种的作业模式也很有意思。比如富港大桥上的焊工，他们得穿着厚重的防护服在滚烫的钢构件旁边工作，这怎么受得了？

这就是策略问题了。他们采取了“干两头、歇中间”的错峰作业模式。比如清晨和傍晚，温度相对低一些，他们就抢抓这个施工窗口期，全力攻坚。而在地表温度近40度的双江水利枢纽，架子工们在搭设满堂支架时，汗水滴在钢管上可能瞬间就蒸发了，但每个杆件的校准依然精准无误。

看来，高温虽然是个挑战，但并没有打乱他们的节奏，反而倒逼出了更科学的统筹方法。比如，除了错峰施工，还有没有其他细节？

有不少。比如在江滨路项目现场，市政班组除了干活，还要派专人定时洒水降尘、疏通排水沟。因为高温容易引发扬尘和积水问题，他们这么做，既改善了作业环境，也保障了文明施工。整个新区各项目每天巡检的点位加起来有40多个，统一落实了消防用电排查和防暑降温保障。

所以整个画面是，多点同步攻坚，但忙而不乱，既有速度也保证了质量。

总结得很到位。这就像双江湖集团说的，是把防暑降温与质量安全管控抓在经常、严在日常。在骄阳和热浪面前，他们用实干担当，稳步推进着水利、桥梁、市政道路等各类重点项目。

为的就是持续给双江湖新区的基础设施提质赋能，最终目标是打造一个“世界级科创湖区”。这让我们看到，每一座城市拔地而起的背后，都是这样一群普通建设者在极端环境下，用专业和汗水淬炼出的锋芒。

是的，感谢这些在高温下依然坚守的建设者们。我们下期再见。

战高温 抢工期 双江湖新区重点项目建设跑出攻坚加速度

今天咱们聊的这个事儿，我觉得特别实在，叫“看得见的房子，越盼越有底”。

没错，这说的是义乌双江湖区块的一个安置房项目，最近搞了个“业主开放日”。让未来要住进去的居民，提前去工地里头看看自己家盖得怎么样了，这叫“零距离感受安居品质”。

这个活动真的挺好，比起光看图纸和效果图，你直接走进工地，那个感受是完全不一样的。而且我听说，这次来的可都是党员业主代表，来自江湾、下柳等7个村的人。

对，这个项目叫羊角山地块，是双江湖区块第一个开工的安置项目。为了让这些业主代表看得放心、走得安全，项目方双江湖集团民泰公司提前就制定了详细的方案，从参观路线到现场安全防护，全都排查了一遍。

嗯，准备工作做得足，大家才能安心看房。听说业主代表们沿着既定路线走，在样板区里讨论得特别热烈，很多人已经开始想象未来的生活场景了。

其实，这种兴奋感是有原因的。这个项目不只是盖几栋楼那么简单，它规划了396套高品质住宅，还配套了一个超过5000平方米的邻里中心，各种公共服务设施都有。

这里有个关键的设计特别有意思，它融入了义乌传统的“垂直楼”和“下店上家”的社区基因。就是楼下可能是个商铺或者工作室，楼上就是住家，这种模式在义乌非常经典。

换句话说，这项目从一开始就打算打造一个宜居宜商的复合型社区，不是那种纯睡觉的“睡城”，而是保留了原来那种充满活力的社区生态。这绝对算是一个设计上的创新点。

想法是很好，但要实现起来挑战也不小。毕竟这么大一个项目，怎么保证进度和质量呢？

这一点，项目方采用了一种滚动开发的模式，叫“开工一块、推进一块、谋划一块”。听起来像不像下棋？每一步都提前想好了。他们通过科学统筹，提前研究施工难点，同步准备技术和资源，很有效地解决了场地有限、工序交叉这些难题。

原来是这样，用精细化管理来化解难题，保证了主体施工能平稳高效地推进。那现在房子也看了，进度也了解了，大家最关心的还是什么时候能住进去。

没错，项目相关负责人也表态了，下一步就是紧扣四个“保”字：保安全、保质量、保进度、保交付。把这种紧迫感和执行力用上，全力推进建设。

目标很明确，就是让稠江这个集聚共富的样板区，快点从“蓝图”变成“实景”，为回迁居民早日实现“安居梦”提供最坚实的保障。

是的，从一张张图纸，到一砖一瓦的构建，再到未来居民真正的生活，这种“看得见”的过程，确实让人心里踏实。好了，今天就聊到这儿，我们下期再见。