<!-- 2026-06-13 15:10:55-->
<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>长三角城市网_长三角新闻资讯共享平台</title>
    <meta name="keywords" content="长三角城市网,长三角城市圈,城市网,城市圈APP,城市圈,长三角新闻网,长三角新闻资讯,长三角城市群,长三角经济区,长三角一体化,长三角开发区,长三角招商"/>
    <meta name="description" content="长三角城市网从长三角内部把脉长三角，从长三角外部审视长三角，力求成为长三角区域权威资讯平台、长三角核心信息提供者。
"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="mobile-agent" content="format=xhtml;url=https://www.csjcs.com/wap/">
    <base target="_blank"/>
        <script type="text/javascript">
        try {
            var urlhash = window.location.hash;
            var isMobile = /Mobile|Android|iPhone|HarmonyOS|HUAWEI|HONOR/i.test(navigator.userAgent) || window.innerWidth < 768;
            if (!urlhash.match("fromapp") && isMobile) {
                   window.location = "https://www.csjcs.com/wap/";
            }
        } catch (err) {
        }
    </script>
    <link rel="shortcut icon" type="image/x-icon" href="//www.csjcs.com/favicon.png">
    <script src="/assets/plug/alpinejs/3.12.3/index.min.js" defer></script>
    <script src="/assets/plug/lazysizes/5.3.2/lazysizes.min.js" async></script>
    <link href="/assets/2023/css/index.css?v=0.78698588133768" rel="stylesheet">
    <link href="/assets/2023/css/qweather.css" rel="stylesheet">
    <link href="/assets/plug/swiper/8.4.7/swiper-bundle.min.css" rel="stylesheet">
    <script src="/assets/plug/swiper/8.4.7/swiper-bundle.min.js"></script>
    <script type="text/javascript">
        if (window.navigator.userAgent.indexOf('MSIE') > -1 || window.navigator.userAgent.indexOf('Trident') > -1) {
            elem = document.createElement('link');
            elem.href = '/assets/2023/css/ie.css';
            elem.rel = 'stylesheet';
            document.getElementsByTagName('head')[0].appendChild(elem);
        }
    </script>
</head>
<body>
<div id="root">

<div class="bg-[var(--top-bg)]">
    <div class="container flex justify-between text-sm text-gray-600">
        <div class="flex items-center">
            <form class="ml-0 search bg-[var(--search-bg)] h-12 flex items-center pr-4"
                  action="//www.csjcs.com/e/search/" method="post">
                <label class="w-52 pl-10 align-middle">
                    <input type="hidden" name="tbname" value="news">
                    <input type="hidden" name="show" value="title">
                    <input type="hidden" name="tempid" value="2">
                    <input name="keyboard" type="text" value="请输入关键字" onfocus="this.value=''"
                           onblur="if(this.value === ''){this.value='请输入关键字'}"
                           class="bg-transparent focus:outline-none">
                </label>
                <input type="submit" value="搜索" class="bg-no-repeat bg-center h-12 w-12 text-opacity-0 text-[0]"
                       style="background-image: url(/assets/2023/images/search.png)" name="Submit">
            </form>
        </div>
        <div class="flex items-center gap-6">
            <a href="http://www.yrdcity.com/index/user/login.html" target="_blank" class="login">
                <span class="iconfont icon-denglu"></span> 登录</a>
            <a href="https://www.yrdcity.com/index/user/login.html?type=register" target="_blank" class="sign">
                <span class="iconfont icon-zhuce"></span> 注册</a>
            <a href="//www.csjcs.com/app.html" target="_blank" class="sign"><span
                    class="iconfont icon-app"></span>
                <span>下载城市圈APP</span></a>
        </div>
    </div>
</div>

<div class="container flex items-center justify-between py-8">
    <h1 class="logo"><img src="//www.csjcs.com/skin/2020/img/logo.png" alt="长三角城市网_长三角新闻资讯共享平台"></h1>
<div class="bdver"><a href='//www.csjcs.com/xc/20201229/' target='_blank'><img src='https://cdn.csjcs.com/d/file/20201229/0315d24f4fe543860ecedf3218f4e6f0.png' width='770' height='100' alt='长三角城市网新媒体技术开发中心'></a></div>
</div>

<nav class="nav">
    <h3 class="cur"><a href="//www.csjcs.com">首页</a></h3>
                        <h3 class="">
                <a href="//www.csjcs.com/news/list/24.html">国内</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/25.html">国际</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/134.html">长三角</a>
            </h3>
                                <h3 x-data="{ open: false}" @mouseleave="open = false" @mouseenter="open = true"
                class="">
                <a href="//www.csjcs.com/news/list/240.html">地方</a>
                <div x-show="open"
                     x-transition:enter="transition ease-out duration-300"
                     x-transition:enter-start="transform opacity-0 scale-95"
                     x-transition:enter-end="transform opacity-100 scale-100"
                     x-transition:leave="transition ease-in duration-300"
                     x-transition:leave-start="transform opacity-100 scale-100"
                     x-transition:leave-end="transform opacity-0 scale-95"
                     class="children" style="display: none;">
                    <div class="p-6 text-center grid grid-cols-12 gap-2">
                                                    <a href="//sh.csjcs.com/">上海</a>
                                                    <a href="//nj.csjcs.com/">南京</a>
                                                    <a href="//sz.csjcs.com/">苏州</a>
                                                    <a href="//wx.csjcs.com/">无锡</a>
                                                    <a href="//cz.csjcs.com/">常州</a>
                                                    <a href="//zj.csjcs.com/">镇江</a>
                                                    <a href="//nt.csjcs.com/">南通</a>
                                                    <a href="//yz.csjcs.com/">扬州</a>
                                                    <a href="//tz.csjcs.com/">泰州</a>
                                                    <a href="//xz.csjcs.com/">徐州</a>
                                                    <a href="//yc.csjcs.com/">盐城</a>
                                                    <a href="//lyg.csjcs.com/">连云港</a>
                                                    <a href="//ha.csjcs.com/">淮安</a>
                                                    <a href="//sq.csjcs.com/">宿迁</a>
                                                    <a href="//hz.csjcs.com/">杭州</a>
                                                    <a href="//np.csjcs.com/">宁波</a>
                                                    <a href="//sx.csjcs.com/">绍兴</a>
                                                    <a href="//wz.csjcs.com/">温州</a>
                                                    <a href="//jx.csjcs.com/">嘉兴</a>
                                                    <a href="//hzs.csjcs.com/">湖州</a>
                                                    <a href="//jh.csjcs.com/">金华</a>
                                                    <a href="//qz.csjcs.com/">衢州</a>
                                                    <a href="//zs.csjcs.com/">舟山</a>
                                                    <a href="//tzs.csjcs.com/">台州</a>
                                                    <a href="//ls.csjcs.com/">丽水</a>
                                                    <a href="//mas.csjcs.com/">马鞍山</a>
                                                    <a href="//hf.csjcs.com/">合肥</a>
                                                    <a href="//wh.csjcs.com/">芜湖</a>
                                                    <a href="//xc.csjcs.com/">宣城</a>
                                                    <a href="//czs.csjcs.com/">池州</a>
                                                    <a href="//czw.csjcs.com/">滁州</a>
                                                    <a href="//hs.csjcs.com/">黄山</a>
                                                    <a href="//aq.csjcs.com/">安庆</a>
                                                    <a href="//tl.csjcs.com/">铜陵</a>
                                                    <a href="//fy.csjcs.com">阜阳</a>
                                                    <a href="//bz.csjcs.com">亳州</a>
                                                    <a href="//shz.csjcs.com">宿州</a>
                                                    <a href="//hun.csjcs.com">淮南</a>
                                                    <a href="//hb.csjcs.com">淮北</a>
                                                    <a href="//bb.csjcs.com">蚌埠</a>
                                                    <a href="//la.csjcs.com">六安</a>
                                            </div>
                </div>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/803.html">文化</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/227.html">经济圈</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/192.html">招商</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/193.html">社区</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/20.html">旅游</a>
            </h3>
                                <h3 class="">
                <a href="//www.csjcs.com/news/list/289.html">直播</a>
            </h3>
                                <h3 class="">
                <a href="https://v.csjcs.com">视界</a>
            </h3>
                                <h3 class="">
                <a href="http://www.yrdcity.com/">城市号</a>
            </h3>
            </nav>
<div class="hidden">
    <ul class="scroll">
        <li><a href="https://www.csjcs.com/news/list/1073_0.html" class="he">[商业资讯]</a><a href="https://www.csjcs.com/news/show/356068fcce461418.html" target="_blank" title="男用延时喷剂好不好使？该选什么品牌？好用不麻木牌子推荐">男用延时喷剂好不好使？该选什么品牌？好用不麻</a></li><li><a href="https://www.csjcs.com/news/list/1073_0.html" class="he">[商业资讯]</a><a href="https://www.csjcs.com/news/show/355b67140c48d0a2.html" target="_blank" title="农村自建房设计施工避坑指南，2026河北省保定市自建房公司权威排行">农村自建房设计施工避坑指南，2026河北省保定</a></li><li><a href="https://www.csjcs.com/news/list/644_0.html" class="he">[徽州]</a><a href="https://www.csjcs.com/news/show/54a4191afdd60a99.html" target="_blank" title="【6.9国际档案日】档案知识小课堂（六）">【6.9国际档案日】档案知识小课堂（六）</a></li><li><a href="https://www.csjcs.com/news/list/644_0.html" class="he">[徽州]</a><a href="https://www.csjcs.com/news/show/5397b5655f601c6a.html" target="_blank" title="“黄山随手拍 大众欢乐季”征稿火热进行中！">“黄山随手拍 大众欢乐季”征稿火热进行中！</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/35254626020641ad.html" target="_blank" title="塑为阻燃性价比怎么样？靠谱吗？">塑为阻燃性价比怎么样？靠谱吗？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/35132f996d0588cf.html" target="_blank" title="塑为阻燃的发展战略是什么？深度解析">塑为阻燃的发展战略是什么？深度解析</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3501661c99f6f436.html" target="_blank" title="株洲精钻试订单，哪家性价比高？">株洲精钻试订单，哪家性价比高？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/34970c73bc99c742.html" target="_blank" title="如何选择株洲精钻？">如何选择株洲精钻？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3481484f690a156c.html" target="_blank" title="U 型钢多少钱？天津隆舜泰金属结构制造价格解析">U 型钢多少钱？天津隆舜泰金属结构制造价格解</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/34723931d7253baf.html" target="_blank" title="U型钢老牌厂家哪家好？C型钢定制与Z型钢服务商口碑揭秘">U型钢老牌厂家哪家好？C型钢定制与Z型钢服务</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3465b28ab23f93ff.html" target="_blank" title="浙江杉木直拼板选购指南：靠谱厂家推荐">浙江杉木直拼板选购指南：靠谱厂家推荐</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/345695f44a5af749.html" target="_blank" title="大爱饰家口碑怎么样？靠谱的厂家推荐与选购指南">大爱饰家口碑怎么样？靠谱的厂家推荐与选购指</a></li><li><a href="https://www.csjcs.com/news/list/1073_0.html" class="he">[商业资讯]</a><a href="https://www.csjcs.com/news/show/344878471eb7a8c7.html" target="_blank" title="6月魔术贴市场评测：哪些国内源头厂家值得信赖？魔术贴、箱包辅料、涤纶魔术贴、背胶魔术贴、织带，魔术贴品牌怎么选择">6月魔术贴市场评测：哪些国内源头厂家值得信</a></li><li><a href="https://www.csjcs.com/news/list/1073_0.html" class="he">[商业资讯]</a><a href="https://www.csjcs.com/news/show/343f7d5dc52a1b92.html" target="_blank" title="6月魔术贴市场评测：哪些国内源头厂家值得信赖？魔术贴、箱包辅料、涤纶魔术贴、背胶魔术贴、织带，魔术贴品牌怎么选择">6月魔术贴市场评测：哪些国内源头厂家值得信</a></li><li><a href="https://www.csjcs.com/news/list/1073_0.html" class="he">[商业资讯]</a><a href="https://www.csjcs.com/news/show/342418e5f208a7b1.html" target="_blank" title="2026年6月国内有实力的魔术贴源头厂家推荐，评测为你揭秘！尼龙魔术贴、松紧带、魔术贴、织带，魔术贴厂家哪家强">2026年6月国内有实力的魔术贴源头厂家推荐，</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/341b4d7ee5720654.html" target="_blank" title="大爱饰家车载香薰摆件推荐，靠谱之选">大爱饰家车载香薰摆件推荐，靠谱之选</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3403c2c6f028af11.html" target="_blank" title="每分钟十到十八包的茶叶包装机品牌，钱府机械口碑好">每分钟十到十八包的茶叶包装机品牌，钱府机械</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/33903f10a568cc2e.html" target="_blank" title="考 CAAC 无人机证，想合法飞，机构选择指南">考 CAAC 无人机证，想合法飞，机构选择指南</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3389b0f5bc079491.html" target="_blank" title="2026年如何选择CAAC无人机培训机构？翼启航空为你支招">2026年如何选择CAAC无人机培训机构？翼启航空</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/337159fd2fb4e5ec.html" target="_blank" title="如何评估兰州钦洪广告材料展示器材的性价比？">如何评估兰州钦洪广告材料展示器材的性价比</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/336b116bb2acca69.html" target="_blank" title="消防检测靠谱品牌推荐，辽宁立显消防值得信赖">消防检测靠谱品牌推荐，辽宁立显消防值得信赖</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/335d3ed6d0d93e37.html" target="_blank" title="靠谱的佛山西装定制，申裁西服定制，终身免费修改">靠谱的佛山西装定制，申裁西服定制，终身免费修</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/334ee6d5e15c0ddc.html" target="_blank" title="盘点亦耀科技发展有限公司，实力出众">盘点亦耀科技发展有限公司，实力出众</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/33300a96463fce24.html" target="_blank" title="液压流体系统，亦耀科技性价比高的品牌推荐">液压流体系统，亦耀科技性价比高的品牌推荐</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/332c1c05fb549bae.html" target="_blank" title="口碑好的AI推广公司推荐，看看鸿森沃">口碑好的AI推广公司推荐，看看鸿森沃</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/331d77f4168218a7.html" target="_blank" title="AI推广公司多少钱？">AI推广公司多少钱？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/330fa2e167acca83.html" target="_blank" title="靠谱的汽车源头批发商推荐哪家？">靠谱的汽车源头批发商推荐哪家？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/3298452219920a8b.html" target="_blank" title="螺旋焊管机组价格大揭秘，哪家性价比高？">螺旋焊管机组价格大揭秘，哪家性价比高？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/328d7a695776c56a.html" target="_blank" title="如何选择性价比高的黑胡桃木家具？">如何选择性价比高的黑胡桃木家具？</a></li><li><a href="https://www.csjcs.com/news/list/1064_0.html" class="he">[产业资讯]</a><a href="https://www.csjcs.com/news/show/32798f4c11b29d01.html" target="_blank" title="2026年推荐靠谱的百度服务商，山东热门上榜">2026年推荐靠谱的百度服务商，山东热门上榜</a></li>    </ul>
</div>
<div class="container">
    <div class="pt-8 i-box">
        <div class="i-main">
            <div class="">
                <div class="flex justify-between">
                    <div class="swiper banner recommend-banner">
                        <div class="swiper-wrapper">
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/803c5b1a4d8eb4d1.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-top transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20260610/28d91cd8b63d766df935dba05de34109.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20260610/28d91cd8b63d766df935dba05de34109.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                            万吨货轮为何宁可等上10天也不走陆路？——三峡新通道背后的经济账与工程奇迹</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160708','type':1,'vote':0,'url':'/news/show/803c5b1a4d8eb4d1.html','voteUpCount':308,'voteDownCount':'','voteName':'vote-216070819','class':'19'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/00e217a00536ec2f.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-top transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20260610/548de764bb9111e6559d667824a6ab88.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20260610/548de764bb9111e6559d667824a6ab88.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                            加薪2%、缩编万人、引入“拉Curve”：香港公务员迎来绩效时代</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160700','type':1,'vote':0,'url':'/news/show/00e217a00536ec2f.html','voteUpCount':542,'voteDownCount':'','voteName':'vote-216070019','class':'19'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                        <div class="swiper-slide group overflow-hidden">
                                <a href="//www.csjcs.com/news/show/947528fc0e780e4e.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-top transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20260610/9943acfb7e6749fe14e53abab9dcf843.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20260610/9943acfb7e6749fe14e53abab9dcf843.png?x-oss-process=image/resize,m_fill,w_605,h_377" class="hidden swiper-lazy">
                                        <div class="swiper-lazy-preloader"></div>
                                    </div>
                                    <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                        <div class="font-bold text-white text-[28px] pb-2">
                                            76岁、摘脚环、获特赦：泰国前总理他信的下一站是哪里？</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160694','type':1,'vote':0,'url':'/news/show/947528fc0e780e4e.html','voteUpCount':352,'voteDownCount':'','voteName':'vote-2160694141','class':'141'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                    </div>
                                </a>
                            </div>
                                                    </div>
                        <div class="swiper-button-prev swiper-button-hidden swiper-recommend-prev"></div>
                        <div class="swiper-button-next swiper-button-hidden swiper-recommend-next"></div>
                        <div class="swiper-pagination swiper-pagination-common swiper-pagination-recommend"></div>
                    </div>

                    <div class="current-affairs-news w-[282px]">
                        <div class="title">时局要闻</div>
                        <div class="list text-[18px]">
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-transparent transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/803c5b1a4d8eb4d1.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    万吨货轮为何宁可等上10天也不走陆路？——三峡新通道背后的经济账与工程奇迹                                </a>
                            </div>
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-[#3084e1] transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/1693344a61b03c46.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    电车越造越重，路快撑不住了：谁为增重的“吨位之王”买单？                                </a>
                            </div>
                                                        <div class="p-4 bg-[#f5f5f5] mb-5 last:mb-0 border-t-2 border-transparent transition-colors group hover:border-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/00e217a00536ec2f.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    加薪2%、缩编万人、引入“拉Curve”：香港公务员迎来绩效时代                                </a>
                            </div>
                                                    </div>
                    </div>
                </div>
                <div class="flex justify-between mt-6">
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/947528fc0e780e4e.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260610/9943acfb7e6749fe14e53abab9dcf843.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="76岁、摘脚环、获特赦：泰国前总理他信的下一站是哪里？">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-10                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/947528fc0e780e4e.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">76岁、摘脚环、获特赦：泰国前总理他信的下一站是哪里？</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2160694','type':1,'vote':0,'url':'/news/show/947528fc0e780e4e.html','voteUpCount':352,'voteDownCount':'','voteName':'vote-2160694141','class':'141'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">352</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/6285d7da3d7b8b25.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260609/7fef8c5bab92beac92d61c684a916fbe.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="三峡水运新通道开建：为何要花772亿“再修一条路”？">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-09                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/6285d7da3d7b8b25.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">三峡水运新通道开建：为何要花772亿“再修一条路”？</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2160536','type':1,'vote':0,'url':'/news/show/6285d7da3d7b8b25.html','voteUpCount':426,'voteDownCount':'','voteName':'vote-216053619','class':'19'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">426</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[156px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5f9d46ff93b7ee5c.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260609/c2a65023109f01d911601cf6ec9b10e1.png?x-oss-process=image/resize,m_fill,w_282,h_156"
                                     alt="从应急到预防：中国应急治理现代化的战略转型">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-09                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/5f9d46ff93b7ee5c.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">从应急到预防：中国应急治理现代化的战略转型</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2160535','type':1,'vote':0,'url':'/news/show/5f9d46ff93b7ee5c.html','voteUpCount':368,'voteDownCount':'','voteName':'vote-216053519','class':'19'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">368</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-focus i-divide">
                <div class="i-news-title">
                    <div class="txt">聚焦长三角</div>
                    <a aria-label="聚焦长三角" href="//www.csjcs.com/news/list/134.html">more+</a>
                </div>
                <div class="focus-content grid grid-cols-2 gap-[24px]">

                    <div class="row-span-2">
                        <div class="swiper h-full focus-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/89f2601d37e9f32e.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20260610/bd12253991374690c8078912a2adf11c.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20260610/bd12253991374690c8078912a2adf11c.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="“榜一大哥”的堕落之路：虚荣吞噬底线，制度形同虚设——上海一财务经理自盗780万打赏主播获刑七年"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                “榜一大哥”的堕落之路：虚荣吞噬底线，制度形同虚设——上海一财务经理自盗780万打赏主播获刑七年</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160689','type':1,'vote':0,'url':'/news/show/89f2601d37e9f32e.html','voteUpCount':344,'voteDownCount':'','voteName':'vote-2160689134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/87068736f50aa46b.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20260610/6ff9e40440e2b52d97f3939fa3f5c8cf.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20260610/6ff9e40440e2b52d97f3939fa3f5c8cf.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="台州1980万：谁在为《奔跑吧》的“公益滤镜”买单？"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                台州1980万：谁在为《奔跑吧》的“公益滤镜”买单？</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160687','type':1,'vote':0,'url':'/news/show/87068736f50aa46b.html','voteUpCount':475,'voteDownCount':'','voteName':'vote-2160687134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/951fd926f34d5c05.html" class="relative block h-full group font-bold">
                                        <div class="img swiper-lazy transition group-hover:scale-110 h-full bg-cover bg-no-repeat bg-center"
                                             data-background="https://cdn.csjcs.com/d/file/20260608/2f1d12c5a16f1f5acc775f39872a561d.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img class="hidden swiper-lazy"
                                                 data-src="https://cdn.csjcs.com/d/file/20260608/2f1d12c5a16f1f5acc775f39872a561d.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="扬州杭集，一座“牙刷之都”的光与影"></div>
                                        <div class="swiper-lazy-preloader"></div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                扬州杭集，一座“牙刷之都”的光与影</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2160295','type':1,'vote':0,'url':'/news/show/951fd926f34d5c05.html','voteUpCount':501,'voteDownCount':'','voteName':'vote-2160295134','class':'134'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-focus-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-focus-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-focus"></div>
                        </div>
                    </div>


                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/3393b18442cfc33d.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20260605/42bce8f1fbfe500f87441c1d0b7c9334.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="长三角一体化的五个维度：数据与事实">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-05                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/3393b18442cfc33d.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    长三角一体化的五个维度：数据与事实                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2159733','type':1,'vote':0,'url':'/news/show/3393b18442cfc33d.html','voteUpCount':680,'voteDownCount':'','voteName':'vote-2159733134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">680</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/32914092e21762b6.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20260605/7e682481a94085132717db493356a89c.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="从“口头承诺”到“全程留痕”：长三角正在织一张怎样的旅游消费安全网？">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-05                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/32914092e21762b6.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    从“口头承诺”到“全程留痕”：长三角正在织一张怎样的旅游消费安全网？                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2159732','type':1,'vote':0,'url':'/news/show/32914092e21762b6.html','voteUpCount':600,'voteDownCount':'','voteName':'vote-2159732134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">600</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/22fb2c5c89992739.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20260604/6df14296851a5c896efe34713a5b9638.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="误解与真相：当上海野生动物园的老虎啃草之后">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-04                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/22fb2c5c89992739.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    误解与真相：当上海野生动物园的老虎啃草之后                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2159522','type':1,'vote':0,'url':'/news/show/22fb2c5c89992739.html','voteUpCount':841,'voteDownCount':'','voteName':'vote-2159522134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">841</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex items-start justify-between group">
                        <div class="img">
                            <a href="//www.csjcs.com/news/show/69b8865979099e01.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20260603/b716f47712dbe8c5c2317f2b9b892dcb.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="420万单日峰值能否兑现？长三角端午铁路的“四重新动能”">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-03                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/69b8865979099e01.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    420万单日峰值能否兑现？长三角端午铁路的“四重新动能”                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2159369','type':1,'vote':0,'url':'/news/show/69b8865979099e01.html','voteUpCount':1088,'voteDownCount':'','voteName':'vote-2159369134','class':'134'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1088</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="i-city i-divide">
                <div class="i-news-title">
                    <div class="txt">城市点击</div>
                    <a href="//www.csjcs.com/news/list/240.html"><span class="hidden">地方频道</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px] :first-of-type(2)">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full city-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/5397b5655f601c6a.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/2026-06-13/202606131142158394.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/2026-06-13/202606131142158394.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="“黄山随手拍 大众欢乐季”征稿火热进行中！">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                “黄山随手拍 大众欢乐季”征稿火热进行中！</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161353','type':1,'vote':0,'url':'/news/show/5397b5655f601c6a.html','voteUpCount':997,'voteDownCount':'','voteName':'vote-2161353644','class':'644'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/148cab5e1e0fd92c.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/2026-06-13/202606131000577665.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/2026-06-13/202606131000577665.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="上海市知识产权局与泰国知识产权厅举行工作交流">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                上海市知识产权局与泰国知识产权厅举行工作交流</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161314','type':1,'vote':0,'url':'/news/show/148cab5e1e0fd92c.html','voteUpCount':830,'voteDownCount':'','voteName':'vote-2161314334','class':'334'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/568ce5025eb3e5f5.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/2026-06-13/202606130640464519.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/2026-06-13/202606130640464519.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="全市警示教育大会召开">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                全市警示教育大会召开</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161256','type':1,'vote':0,'url':'/news/show/568ce5025eb3e5f5.html','voteUpCount':969,'voteDownCount':'','voteName':'vote-2161256614','class':'614'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-city-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-city-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-city"></div>
                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5654591b3c102a5a.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/da29398a5bedd3946d5441fc6debee33.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="30万件世界杯吉祥物打上“安徽造”印记">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/5654591b3c102a5a.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">30万件世界杯吉祥物打上“安徽造”印记</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161156','type':1,'vote':0,'url':'/news/show/5654591b3c102a5a.html','voteUpCount':145,'voteDownCount':'','voteName':'vote-2161156625','class':'625'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">145</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/51448aee938f8a8f.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/32afe817084179ffbf65ec0f28992277.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="上海六部门发布“三所联动”企业版">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/51448aee938f8a8f.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">上海六部门发布“三所联动”企业版</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161151','type':1,'vote':0,'url':'/news/show/51448aee938f8a8f.html','voteUpCount':120,'voteDownCount':'','voteName':'vote-2161151334','class':'334'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">120</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/50fff6a9ca8aee19.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/6799d0e9ad7e1ce677f2ef5b0a3f2c36.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="义乌化妆品“采购地检验”改革初显效">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/50fff6a9ca8aee19.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">义乌化妆品“采购地检验”改革初显效</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161150','type':1,'vote':0,'url':'/news/show/50fff6a9ca8aee19.html','voteUpCount':124,'voteDownCount':'','voteName':'vote-2161150535','class':'535'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">124</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/47f79c05a9619cd4.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/13173e9b0d0682ce9288cdf48806ee9b.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="温州发布推进电商高质量发展十大行动">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/47f79c05a9619cd4.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">温州发布推进电商高质量发展十大行动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161147','type':1,'vote':0,'url':'/news/show/47f79c05a9619cd4.html','voteUpCount':126,'voteDownCount':'','voteName':'vote-2161147505','class':'505'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">126</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="my-8 index_full_img _4">
                <div class="marker">
                    <a href="/gbook-2.html">广告</a>
                </div>
                <a href='//yc.csjcs.com' target='_parent'><img src='https://cdn.csjcs.com/d/file/20230905/61e4e4e0ed946cf340d54b18e46f7a86.jpg' width='678' height='93' alt='盐城'></a>            </div>

            <div class="i-happy">
                <div class="i-news-title !mt-0">
                    <div class="txt">乐活长三角</div>
                    <a href="//www.csjcs.com/news/list/20.html"><span class="hidden">乐活长三角</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full happy-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/02ca8f4b897f7f8d.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20260612/5bbb06b16a2d4751371ede882ed1a938.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20260612/5bbb06b16a2d4751371ede882ed1a938.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="黄山风景区东大门6月11日起开放">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                黄山风景区东大门6月11日起开放</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1502502','type':1,'vote':0,'url':'/news/show/02ca8f4b897f7f8d.html','voteUpCount':110,'voteDownCount':'','voteName':'vote-1502502105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/010f6a8246d5eb34.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20260612/f08979d5eb62fe9b5231e431759e4d51.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20260612/f08979d5eb62fe9b5231e431759e4d51.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="太仓港区深挖“文化+工业+生态”三张牌">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                太仓港区深挖“文化+工业+生态”三张牌</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1502501','type':1,'vote':0,'url':'/news/show/010f6a8246d5eb34.html','voteUpCount':118,'voteDownCount':'','voteName':'vote-1502501105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/00bd411679500799.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/2026-06-12/202606121121288376.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/2026-06-12/202606121121288376.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="免票入园+万元奖励：根宫佛国景区喊你来拍视频啦！">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                免票入园+万元奖励：根宫佛国景区喊你来拍视频啦！</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1502500','type':1,'vote':0,'url':'/news/show/00bd411679500799.html','voteUpCount':705,'voteDownCount':'','voteName':'vote-1502500105','class':'105'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-happy-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-happy-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-happy"></div>
                        </div>
                    </div>

                                        <div class="w-[282px]  group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/998bda10a9a67193.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20260612/70d360df6e944e4b0372da215173d193.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="2026上海漫夏潮玩季全面开启，30项活动解锁全时段夏日体验">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/998bda10a9a67193.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    2026上海漫夏潮玩季全面开启，30项活动解锁全时段夏日体验                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1502499','type':1,'vote':0,'url':'/news/show/998bda10a9a67193.html','voteUpCount':158,'voteDownCount':'','voteName':'vote-1502499105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">158</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/98b36a86822bc1ad.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/2026-06-11/202606112052546718.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="活动预告 | 2026年淳安县“文化和自然遗产日”活动本周六启幕！">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-11                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/98b36a86822bc1ad.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    活动预告 | 2026年淳安县“文化和自然遗产日”活动本周六启幕！                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1502498','type':1,'vote':0,'url':'/news/show/98b36a86822bc1ad.html','voteUpCount':1118,'voteDownCount':'','voteName':'vote-1502498105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1118</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/976c280296345920.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/2026-06-11/202606112052536673.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="千岛美宿集 | 在这里感受海子诗里的“面朝碧湖”">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-11                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/976c280296345920.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    千岛美宿集 | 在这里感受海子诗里的“面朝碧湖”                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1502497','type':1,'vote':0,'url':'/news/show/976c280296345920.html','voteUpCount':1120,'voteDownCount':'','voteName':'vote-1502497105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1120</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px]  group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/96062c6089a390c9.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/2026-06-11/202606112026138810.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="倒计时2天 | 2026徽州希尔顿花园杯黄山市青少年跆拳道精英赛暨黄山市青少年跆拳道锦标赛选拔赛即将开赛 | 古徽州 新生活 | 皖美夏日">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-11                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/96062c6089a390c9.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    倒计时2天 | 2026徽州希尔顿花园杯黄山市青少年跆拳道精英赛暨黄山市青少年跆拳道锦标赛选拔赛即将开赛 | 古徽州 新生活 | 皖美夏日                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1502496','type':1,'vote':0,'url':'/news/show/96062c6089a390c9.html','voteUpCount':1203,'voteDownCount':'','voteName':'vote-1502496105','class':'105'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1203</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-culture i-divide">
                <div class="i-news-title">
                    <div class="txt">文化</div>
                    <a href="//www.csjcs.com/news/list/803.html"><span class="hidden">文化栏目</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                    <div class="col-span-2 h-[325px]">
                        <div class="swiper h-full culture-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/6189ed60fd2cdafc.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20260612/822abac280cfe757589ef63f84214781.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20260612/822abac280cfe757589ef63f84214781.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="第28届上海国际电影节开幕 “上海首发”成全球影人首选">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                第28届上海国际电影节开幕 “上海首发”成全球影人首选</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161161','type':1,'vote':0,'url':'/news/show/6189ed60fd2cdafc.html','voteUpCount':117,'voteDownCount':'','voteName':'vote-2161161804','class':'804'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/55fdc0b780133bc9.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20260612/0879ceb5433b5261b67251115481fa10.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20260612/0879ceb5433b5261b67251115481fa10.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="三大世遗“串珠成链”：杭州“世遗之间”联动品牌启幕">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                三大世遗“串珠成链”：杭州“世遗之间”联动品牌启幕</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161155','type':1,'vote':0,'url':'/news/show/55fdc0b780133bc9.html','voteUpCount':113,'voteDownCount':'','voteName':'vote-2161155804','class':'804'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/52069002e424fd57.html" class="relative block group">
                                        <div class="h-[325px] bg-cover bg-no-repeat bg-center swiper-lazy transition group-hover:scale-110"
                                             data-background="https://cdn.csjcs.com/d/file/20260612/353a920d0ad07eef6cc2fb028e78ac23.jpg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20260612/353a920d0ad07eef6cc2fb028e78ac23.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="非遗好物 国潮焕新：2026非遗消夏购物月苏州主场启动">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                非遗好物 国潮焕新：2026非遗消夏购物月苏州主场启动</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'2161152','type':1,'vote':0,'url':'/news/show/52069002e424fd57.html','voteUpCount':135,'voteDownCount':'','voteName':'vote-2161152806','class':'806'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-culture-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-culture-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-culture"></div>
                        </div>
                    </div>

                                        <div class="w-[282px] group hover:bg-zinc-50 bg-zinc-50">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/97590172e8a55cef.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/a4e90b980ac91e5c2dc544c46872ddc6.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="越秀山坑道工事的秘密往事">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/97590172e8a55cef.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">越秀山坑道工事的秘密往事</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161097','type':1,'vote':0,'url':'/news/show/97590172e8a55cef.html','voteUpCount':6755,'voteDownCount':'','voteName':'vote-2161097790','class':'790'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">6755</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/911d0bdb21559cbc.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/e772443b7620bc3743a8469d3706bb60.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="诗心自著——简评陈义海《江苏当代诗歌论纲》">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/911d0bdb21559cbc.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">诗心自著——简评陈义海《江苏当代诗歌论纲》</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161091','type':1,'vote':0,'url':'/news/show/911d0bdb21559cbc.html','voteUpCount':6868,'voteDownCount':'','voteName':'vote-2161091689','class':'689'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">6868</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/90388f38da7b0ec7.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260612/fca547b4818163b4a8880a10f63baa2b.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="江苏当代诗歌研究的一部力作——陈义海《江苏当代诗歌论纲》出版">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/90388f38da7b0ec7.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">江苏当代诗歌研究的一部力作——陈义海《江苏当代诗歌论纲》出版</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2161090','type':1,'vote':0,'url':'/news/show/90388f38da7b0ec7.html','voteUpCount':7974,'voteDownCount':'','voteName':'vote-2161090689','class':'689'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">7974</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50 ">
                        <div class="h-[165px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/930916ca88abe845.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20260611/1fe44467adf2aa8cf1c4284a3d7214a4.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="海上书声五年：“浙汽象渡12”载着一场读书会的格局远航">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-11                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/930916ca88abe845.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">海上书声五年：“浙汽象渡12”载着一场读书会的格局远航</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'2160893','type':1,'vote':0,'url':'/news/show/930916ca88abe845.html','voteUpCount':181,'voteDownCount':'','voteName':'vote-2160893804','class':'804'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">181</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>
            <div class="my-8 index_full_img _9">
                <div class="marker">
                    <a href="/gbook-2.html">广告</a>
                </div>
                <a href='https://www.csjcs.com/news/show/996/1178_0.html' target='_self'><img src='https://cdn.csjcs.com/d/file/20230905/da2d19839b6677e4f6f8ef0bc3d03c99.jpg' width='770' height='100' alt='美丽清纯洪泽湖'></a>            </div>
            <div class="focus-csj i-media">
                <div class="i-news-title !mt-0">
                    <div class="txt">城市号精选</div>
                    <a href="http://www.yrdcity.com"><span class="hidden">城市号内容精选</span>more+</a>
                </div>
                <div class="focus-content grid grid-cols-2 gap-[24px]">

                    <div class="row-span-2">
                        <div class="swiper h-full media-banner">
                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/16210.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20260612/71cb0cfd0ba094c0b225d45c197e0e23.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20260612/71cb0cfd0ba094c0b225d45c197e0e23.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="舟行水上，心安即是故乡">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                舟行水上，心安即是故乡</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'16210','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16210.html','voteUpCount':27,'voteDownCount':'','voteName':'vote-16210'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/16205.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20260610/7b034497ad9a828d8836672a68a55ded.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20260610/7b034497ad9a828d8836672a68a55ded.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="河水确知清凉——谌宁生组诗(13首)/高翔读评">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                河水确知清凉——谌宁生组诗(13首)/高翔读评</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'16205','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16205.html','voteUpCount':89,'voteDownCount':'','voteName':'vote-16205'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                                <div class="swiper-slide h-full">
                                    <a href="http://www.yrdcity.com/a/16190.html" class="relative block h-full group">
                                        <div class="img h-full h-[325px] bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                             data-background="https://cdn.yrdcity.com/uploads/20260605/010c97a409af2b7047f7a7a5937909ec.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20260605/010c97a409af2b7047f7a7a5937909ec.jpg?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 class="hidden swiper-lazy"
                                                 alt="从“观光地”到“目的地”：一座小镇的康养体旅进阶路">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>

                                        <div class="w-full bottom-0 mx-auto left-0 right-0 absolute banner-info">
                                            <div class="font-bold leading-tight text-white text-[26px] pb-2">
                                                从“观光地”到“目的地”：一座小镇的康养体旅进阶路</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'16190','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16190.html','voteUpCount':127,'voteDownCount':'','voteName':'vote-16190'})" @click.prevent>
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
        </div>
        <div class="qrcode" @click.outside="open && closeQrcode()">
            <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click="generateQRcode()"></span>
        </div>
    </div>
</div>                                        </div>
                                    </a>
                                </div>
                                                            </div>
                            <div class="swiper-button-prev swiper-button-hidden swiper-media-prev"></div>
                            <div class="swiper-button-next swiper-button-hidden swiper-media-next"></div>
                            <div class="swiper-pagination swiper-pagination-common swiper-pagination-media">
                            </div>
                        </div>
                    </div>

                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/16189.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20260605/ab9535a5fedff6aad0b0a4dae23609c2.jpg?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="离寺请把钥匙留下——开觉诗十首">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-05                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/16189.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    离寺请把钥匙留下——开觉诗十首                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'16189','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16189.html','voteUpCount':132,'voteDownCount':'','voteName':'vote-16189'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">132</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/16182.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20260602/c9468173a1b9695e8188a178c8fc6cc5.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="谁在为一只狗买单？">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-02                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/16182.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    谁在为一只狗买单？                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'16182','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16182.html','voteUpCount':214,'voteDownCount':1,'voteName':'vote-16182'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">214</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">1</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/16177.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20260601/643b89bec51b929c780315943a5a77f5.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="过儿童节的人少了3900万：养孩子，还是养自己？">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2026-06-01                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/16177.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    过儿童节的人少了3900万：养孩子，还是养自己？                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'16177','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16177.html','voteUpCount':172,'voteDownCount':'','voteName':'vote-16177'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">172</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="i-n-box flex justify-between group">
                        <div class="img">
                            <a href="http://www.yrdcity.com/a/16176.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20260601/4eac880a12e1ea32deacb2952db14bdf.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="正青春的广东，负增长的江苏：殊途何在？">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2026-06-01                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/16176.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    正青春的广东，负增长的江苏：殊途何在？                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'16176','type':2,'vote':0,'url':'http://www.yrdcity.com/a/16176.html','voteUpCount':294,'voteDownCount':3,'voteName':'vote-16176'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">294</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">3</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-video i-divide">
                <div class="i-news-title">
                    <div class="txt">视界</div>
                    <a href="//v.csjcs.com/"><span class="hidden">长三角视界</span>more+</a>
                </div>
                <div class="grid grid-cols-3 gap-[24px]">
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/bnxh" title="百年学衡">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20221024/4768f2c7094b473a1a0369e5b2ba4eaa.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="百年学衡">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/bnxh"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    百年学衡                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'481','type':3,'vote':0,'url':'https://v.csjcs.com/html/bnxh','voteUpCount':1390,'voteDownCount':2,'voteName':'vote-4813','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1390</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">2</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/jly" title="金陵吟">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20201218/da770bea70f53eb50c84a39cebddb0cc.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="金陵吟">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/jly"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    金陵吟                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'482','type':3,'vote':0,'url':'https://v.csjcs.com/html/jly','voteUpCount':1330,'voteDownCount':8,'voteName':'vote-4823','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1330</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">8</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/hr" title="好人好事">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20181219/55ddc4ca804efddef6ada59484958fbe.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="好人好事">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/hr"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    好人好事                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'483','type':3,'vote':0,'url':'https://v.csjcs.com/html/hr','voteUpCount':1225,'voteDownCount':3,'voteName':'vote-4833','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1225</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">3</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/tz" title="最忆是泰州">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20191031/c757696a25420f2a46bd09ab22463a58.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="最忆是泰州">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/tz"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    最忆是泰州                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'484','type':3,'vote':0,'url':'https://v.csjcs.com/html/tz','voteUpCount':937,'voteDownCount':9,'voteName':'vote-4843','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">937</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">9</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/jlwm" title="金陵文脉">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20210201/a5791a0cb1bc352ea175c462399a82fc.png?x-oss-process=image/resize,m_fill,w_282,h_165" alt="金陵文脉">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot  text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/jlwm"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    金陵文脉                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'485','type':3,'vote':0,'url':'https://v.csjcs.com/html/jlwm','voteUpCount':1208,'voteDownCount':'','voteName':'vote-4853','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">1208</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount"></span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                        <div class="w-[282px] group hover:bg-zinc-50">
                        <div class="h-[165px] overflow-hidden relative i-play">
                            <div class="img">
                                <a href="https://v.csjcs.com/html/xcp" title="形象宣传片">
                                    <img class="transition group-hover:scale-125 lazyload"
                                         width="282" height="165"
                                         data-src="https://cdn.csjcs.com/d/file/20201221/e42419a6b0b869e91ebe3c13c0caf857.jpg?x-oss-process=image/resize,m_fill,w_282,h_165" alt="形象宣传片">
                                </a>
                            </div>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2023-09-21                            </div>
                            <h3 class="font-bold text-[20px] leading-7 mt-2">
                                <a href="https://v.csjcs.com/html/xcp"
                                   class="block h-12 text-ellipsis overflow-hidden  group-hover:text-[#3084e1]">
                                    形象宣传片                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'486','type':3,'vote':0,'url':'https://v.csjcs.com/html/xcp','voteUpCount':861,'voteDownCount':7,'voteName':'vote-4863','class':'3'})">
    <div class="flex">
        <div class="upvote" @click="changeVote('up')">
            <span class="text-base icon-upvote-but icon-upvote icon-upvote-no" :class="{'icon-upvote':iconUpvote}"></span>
            <span class="vote-count" x-text="voteUpCount">861</span>
        </div>
        <div class="downvote" @click="changeVote('down')">
            <span class="text-base icon-downvote-but icon-downvote icon-downvote-no"  :class="{'icon-downvote':iconDownvote}"></span>
            <span class="vote-count" x-text="voteDownCount">7</span>
        </div>
    </div>

    <div class="qrcode" @click.outside="open && closeQrcode()">
        <span class="text-base icon-fenxiang cursor-pointer transition hover:scale-125" @click.stop="generateQRcode()"></span>
    </div>
</div>                        </div>
                    </div>
                                    </div>
            </div>

            <div class="i-partner i-divide pt-8">
                <div class="i-news-title">
                    <div class="txt">合作伙伴</div>
                </div>
                <div class="text-base text-[#4a4a4a] partner">
                    <p><span>浙江大学民营经济研究中心</span></p>
                    <p><span>南京大学创意产业研究中心</span></p>
                    <p><span>南京艺术学院传媒艺术研究中心</span></p>
                    <p><span>远瞻智库</span></p>
                    <p><span>长三角微电影网</span></p>
                    <p><span>长三角美术家网</span></p>
                    <p><span>江苏省现代服务业联合会文旅专委会</span></p>
                    <p><span>江苏东方地产研究院</span></p>
                    <p><span>江苏省紫金艺术书画院</span></p>
                    <p><span>大九品书画艺术品交易平台</span></p>
                    <p><span>领导决策信息网</span></p>
                    <p><span>江苏省口述历史研究会</span></p>
                    <p><span>安徽新四军历史研究会合肥分会</span></p>
                    <p><span>淮安市洪泽区淮宝历史文化研究会</span></p>
                    <p><span>苏南文化艺术中心</span></p>
                    <p><span>《艺术收藏》杂志</span></p>
                    <p><span>洪泽融媒体中心</span></p>
                    <p><span>靖江融媒体中心</span></p>

                </div>
            </div>

        </div>
        <div class="i-side">
            <div class="ver01"><div class="swiper ver01-banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="//www.csjcs.com/gbook-2.html" target="_blank"><img src="https://cdn.csjcs.com/d/file/20260330/0fd473b43c4ba2d2650c255177ae142c.jpg" width="282" height="368" alt="长三角城市圈APP"></a>
        </div>
        <!-- <div class="swiper-slide">
            <a href="//www.csjcs.com/app.html" target="_blank"><img src="https://cdn.csjcs.com/d/file/20230927/2c86e56cc8909b2774d980e79993d3c8.jpg" width="282" height="368" alt="长三角城市圈APP"></a>
        </div> -->
    </div>
    <div class="swiper-pagination swiper-pagination-ver01" style="bottom: 5px;width: auto; right: 10px; left: initial;"></div>
</div></div>
            <div class="weather" x-data="weatherData">
                <div class="choose">
                    <div class="flex items-center gap-3" @click="selectCity()">
                        <div class="city cursor-pointer" x-text="weather.city">南京市</div>
                        <span class="icon-sanjiao-t rotate-180 cursor-pointer"></span>
                    </div>

                    <div class="city-list" x-cloak x-show="open">

                        <select id="province" x-model="province">
                            <template x-for="p in list">
                                <option :value="p.v" x-text="p.n"></option>
                            </template>
                        </select>
                        <select id="city" x-model="city">
                            <template x-for="c in cities">
                                <option :value="c.v" x-text="c.n"></option>
                            </template>
                        </select>
                        <select id="county" x-model="county">
                            <template x-for="c in countys">
                                <option :value="c.v" x-text="c.n"></option>
                            </template>
                        </select>
                        <div class="flex justify-between gap-3">
                            <button @click="open = false">取消</button>
                            <button @click="changeCity()">切换</button>
                        </div>
                    </div>
                </div>
                <div class="weather-content">
                    <div class="weather-icon">
                        <i class="qi-100-fill" :class="`qi-${weather.icon}-fill`"></i>
                    </div>
                    <div class="weather-info">
                        <div class="temp"> <span x-text="weather.temp">28</span></div>
                        <div class="flex items-end gap-3">
                            <div class="textDay text-sm" x-text="weather.text">多云</div>
                            <div class="feelsLike text-xs" x-show="weather.feelsLike">体感温度 <span x-text="weather.feelsLike">27</span>°C</div>
                        </div>
                    </div>
                </div>
                <div class="forecast-list">
                    <template x-for="(item, index) in weather.daily" :key="index">
                        <div class="forecast-item" >
                            <div class="forecast-date" x-text="dates[index]"></div>
                            <div class="forecast-img">
                                <i :class="`qi-${item.iconDay}-fill`" ></i>
                            </div>
                            <div class="forecast-tmp" x-text="item.tempMin +'~'+item.tempMax +'°'"></div>
                        </div>
                    </template>
                </div>
            </div>

            <div class="i-circle p-6 bg-[#f0f9ff] my-6">
                <div class="side-title">
                    <div class="txt">长三角经济圈</div>
                    <a href="//www.csjcs.com/news/list/227.html" class="more">
                        <span class="hidden">长三角经济圈</span>
                        more
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/news/show/6517a257f4c3903f.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20260612/83834fdf3171578289f854ecebe94588.jpeg?x-oss-process=image/resize,m_fill,w_234,h_140" alt="苏州工业园区A级经营主体首破2万户">
                    </a>
                    <h3 class="absolute bottom-0 left-0 bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/news/show/6517a257f4c3903f.html" title="苏州工业园区A级经营主体首破2万户"
                           class="p-4 text-white block font-bold leading-5 line-clamp-2">苏州工业园区A级经营主体首破2万户</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/34901179cadf67bd.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽法治化营商环境“100条”落地见效">
                                    安徽法治化营商环境“100条”落地见效                                </a>
                            </p>
                            <span class="text-xs">2026-06-12</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/34901179cadf67bd.html" title="安徽法治化营商环境“100条”落地见效">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260612/d14fabf82aa886cc651e52333ba6fd6b.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="安徽法治化营商环境“100条”落地见效">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/70e05625d6df31b3.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="从“0”到“100”：上海系统性布局生物制造全产业链">
                                    从“0”到“100”：上海系统性布局生物制造全产业链                                </a>
                            </p>
                            <span class="text-xs">2026-06-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/70e05625d6df31b3.html" title="从“0”到“100”：上海系统性布局生物制造全产业链">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260611/95adeac7050efa979d606f985e1e3598.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="从“0”到“100”：上海系统性布局生物制造全产业链">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/6659c3a98e5719ea.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="从单点突破到系统集成：安徽营商环境再迭代">
                                    从单点突破到系统集成：安徽营商环境再迭代                                </a>
                            </p>
                            <span class="text-xs">2026-06-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/6659c3a98e5719ea.html" title="从单点突破到系统集成：安徽营商环境再迭代">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260611/454996bda8ae687482e410aabffed0e5.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="从单点突破到系统集成：安徽营商环境再迭代">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/54e335f54d422f36.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="上海徐汇错位竞争“卡位”高端香化新赛道">
                                    上海徐汇错位竞争“卡位”高端香化新赛道                                </a>
                            </p>
                            <span class="text-xs">2026-06-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/54e335f54d422f36.html" title="上海徐汇错位竞争“卡位”高端香化新赛道">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260611/3ff0ead22ecab3b6284d5640433436c1.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="上海徐汇错位竞争“卡位”高端香化新赛道">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/236/2160850_0.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="万亿代码“写”出新坐标：南京软件产业的历史性跨越">
                                    万亿代码“写”出新坐标：南京软件产业的历史性跨越                                </a>
                            </p>
                            <span class="text-xs">2026-06-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/236/2160850_0.html" title="万亿代码“写”出新坐标：南京软件产业的历史性跨越">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260611/efa40988d0a33cc8abf11b1e64bbc0f5.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="万亿代码“写”出新坐标：南京软件产业的历史性跨越">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/456aa0b46f1b180b.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="江苏前5月中欧班列开行988列 南京等3市增速超18%">
                                    江苏前5月中欧班列开行988列 南京等3市增速超18%                                </a>
                            </p>
                            <span class="text-xs">2026-06-10</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/456aa0b46f1b180b.html" title="江苏前5月中欧班列开行988列 南京等3市增速超18%">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260610/337130050584319eb5370ad52fa5f0c5.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="江苏前5月中欧班列开行988列 南京等3市增速超18%">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/0043e817c2f36ab7.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="一块电路板的“进化”：昆山电子信息从产业大市迈向AI高地">
                                    一块电路板的“进化”：昆山电子信息从产业大市迈向AI高地                                </a>
                            </p>
                            <span class="text-xs">2026-06-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/0043e817c2f36ab7.html" title="一块电路板的“进化”：昆山电子信息从产业大市迈向AI高地">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260609/e3e1c9b0ca382ee1498719fcd0b30a5b.png?x-oss-process=image/resize,m_fill,w_86,h_86" alt="一块电路板的“进化”：昆山电子信息从产业大市迈向AI高地">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/95e2a03abad3095c.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="从“借船出海”到重新定义服务：一家煤机企业的逆周期突围样本">
                                    从“借船出海”到重新定义服务：一家煤机企业的逆周期突围样本                                </a>
                            </p>
                            <span class="text-xs">2026-06-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/95e2a03abad3095c.html" title="从“借船出海”到重新定义服务：一家煤机企业的逆周期突围样本">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260609/fa15f0731a2dcaa591a7f963a6d7d493.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="从“借船出海”到重新定义服务：一家煤机企业的逆周期突围样本">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/66151135e32dea9f.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="造船业三大指标领跑全国，江苏海洋生产总值稳居万亿方阵">
                                    造船业三大指标领跑全国，江苏海洋生产总值稳居万亿方阵                                </a>
                            </p>
                            <span class="text-xs">2026-06-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/66151135e32dea9f.html" title="造船业三大指标领跑全国，江苏海洋生产总值稳居万亿方阵">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260609/b2a433e2855c5ebbb93d80b08c1b4350.jpeg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="造船业三大指标领跑全国，江苏海洋生产总值稳居万亿方阵">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/08f49a7fcccad2fb.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="200场活动点亮夏夜，上海夜经济从“烟火气”迈向“生活美学”">
                                    上海夜经济从“烟火气”迈向“生活美学”                                </a>
                            </p>
                            <span class="text-xs">2026-06-08</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/08f49a7fcccad2fb.html" title="200场活动点亮夏夜，上海夜经济从“烟火气”迈向“生活美学”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260608/253ff117b03500e06611329da3b9b9ae.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="200场活动点亮夏夜，上海夜经济从“烟火气”迈向“生活美学”">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/news/show/06c0e868119021c2.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="江苏工业1-4月增长6.9% 新动能贡献率超八成">
                                    江苏工业1-4月增长6.9%                                </a>
                            </p>
                            <span class="text-xs">2026-06-08</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/06c0e868119021c2.html" title="江苏工业1-4月增长6.9% 新动能贡献率超八成">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20260608/03554c2d559fb1648865fb93fe6b6cbd.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="江苏工业1-4月增长6.9% 新动能贡献率超八成">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>
            <div class="ver02 "><a href='//yc.csjcs.com/' target='_blank'><img src='https://cdn.csjcs.com/d/file/20230927/03f8617b8fae4e18f379b98946b17ef1.jpg' width='282' height='325' alt=''></a></div>
            <div class="i-special mt-6 p-6 bg-[#f0f9ff]">
                <div class="side-title">
                    <div class="txt">特别推介</div>
                    <a href="//www.csjcs.com/news/list/944.html" class="more">
                        <span class="hidden">特别推介</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/jump-944-487722.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250924/092cb5ea58f8ad6a10b53492f08c918e.jpg?x-oss-process=image/resize,m_fixed,w_234,h_140"  alt="2025长三角慢生活旅游发展大会">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/jump-944-487722.html" title="2025长三角慢生活旅游发展大会"
                           class="p-4 text-white block leading-5 font-bold">2025长三角慢生活旅游发展大会</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487721.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="“山水竹乡 康养名城”广德短视频大赛">
                                    “山水竹乡 康养名城”广德短视频大赛                                </a>
                            </p>
                            <span class="text-xs">2025-06-30</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487721.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250630/d3a601244c2f50000e18770ef877e553.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="“山水竹乡 康养名城”广德短视频大赛">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487720.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="“长三角媒体看淮安”主题采风">
                                    “长三角媒体看淮安”主题采风                                </a>
                            </p>
                            <span class="text-xs">2025-05-13</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487720.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250513/e24d810ac87bf09e8d51a73061882017.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="“长三角媒体看淮安”主题采风">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487719.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="2024长三角慢生活旅游发展大会">
                                    2024长三角慢生活旅游发展大会                                </a>
                            </p>
                            <span class="text-xs">2024-12-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487719.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20241216/5b34e4164dd9ef7c779c6da7a3ceaf09.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2024长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487718.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="首届长三角慢生活旅游高峰论坛">
                                    首届长三角慢生活旅游高峰论坛                                </a>
                            </p>
                            <span class="text-xs">2023-04-11</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487718.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20230411/a10ce4ed7230ba3be017a53c89cc2b71.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="首届长三角慢生活旅游高峰论坛">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm font-bold">
                                <a href="//www.csjcs.com/jump-944-487717.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会">
                                    第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会                                </a>
                            </p>
                            <span class="text-xs">2021-12-17</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487717.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20211217/b769f7e47e0214a92c93c4baac4f26fc.png?x-oss-process=image/resize,m_fill,w_86,h_86" alt="第七届长三角慢生活旅游峰会暨第五届长三角慢生活旅游目的地联盟峰会">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>

            <div class="i-live p-6 bg-[#f0f9ff] my-6">
                <div class="side-title">
                    <div class="txt">直播</div>
                    <a aria-label="视频直播" href="//www.csjcs.com/news/list/289.html" class="more">
                        <span class="hidden">视频直播</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/news/show/ac276fb38eccd216.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20260321/a7aaf3d7f288ca34c8c03931bb89ab93.png?x-oss-process=image/resize,m_fill,w_234,h_140" alt="2026年蒋坝螺蛳美食旅游季启幕活动">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/news/show/ac276fb38eccd216.html" title="2026年蒋坝螺蛳美食旅游季启幕活动"
                           class="p-4 text-white block leading-5 font-bold">2026年蒋坝螺蛳美食旅游季启幕活动</a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/94b3fded40b2564e.html"  title="2025长三角慢生活旅游发展大会在安徽祁门举办">2025长三角慢生活旅游发展大会</a>
                            </p>
                            <span class="text-xs">2025-09-22</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/94b3fded40b2564e.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250924/092cb5ea58f8ad6a10b53492f08c918e.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2025长三角慢生活旅游发展大会在安徽祁门举办">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/daa749aff6b7be8f.html"  title="DeepSeek时代的文学现场交锋">DeepSeek时代的文学现场交锋</a>
                            </p>
                            <span class="text-xs">2025-02-12</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/daa749aff6b7be8f.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250212/132518c4740d6d13989e97a9c21af7ab.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="DeepSeek时代的文学现场交锋">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/295dd92eb07836bc.html"  title="2024长三角慢生活旅游发展大会">2024长三角慢生活旅游发展大会</a>
                            </p>
                            <span class="text-xs">2024-11-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/295dd92eb07836bc.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241106/d6ccf819af85883c989a94217a274815.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2024长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/112_0.html"  title="2023长三角慢生活旅游发展大会">2023长三角慢生活旅游发展大会</a>
                            </p>
                            <span class="text-xs">2023-11-25</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/112_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20231124/83153209beec40c64a226695e7a22ed5.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="2023长三角慢生活旅游发展大会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/111_0.html"  title="南京江北新区第七届盘城葡萄节 线上新闻发布会">南京江北新区第七届盘城葡萄节 线上新闻发布会</a>
                            </p>
                            <span class="text-xs">2023-08-08</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/111_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20230810/907c5ca0d2243f18a733ca3de23eb37c.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="南京江北新区第七届盘城葡萄节 线上新闻发布会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm line-clamp-3 font-bold group-hover:text-[#3084e1]">
                                <a href="//www.csjcs.com/news/show/289/108_0.html"  title="首届长三角慢生活旅游高峰论坛">首届长三角慢生活旅游高峰论坛</a>
                            </p>
                            <span class="text-xs">2023-03-18</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/108_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20230316/f248348fc32b231c1db2137f35c83d86.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="首届长三角慢生活旅游高峰论坛">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </div>

            <div class="ver03"><a href="https://www.csjcs.com/news/list/50.html"><img class="w-full" src="/assets/2023/images/adver04.jpg" alt=""></a></div>

            <div class="i-topic p-6 bg-[#f0f9ff] mt-6">
                <div class="side-title">
                    <div class="txt">专题</div>
                    <a aria-label="专题" href="//www.csjcs.com/s/zt/" class="more">
                        <span class="hidden">专题</span>
                        <span>more</span>
                    </a>
                </div>
                                <div class="h-[140px] mt-7 relative overflow-hidden group">
                    <a href="//www.csjcs.com/s/2026-quan-guo-liang-hui-fen-jin-shi-wu-wu-shi-gan-kai-xin-ju">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20260304/8011b37a09dc2c40e23d5550eec897dc.png?x-oss-process=image/resize,m_fill,w_234,h_140"
                             alt="2026全国两会——奋进十五五 实干开新局">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/s/2026-quan-guo-liang-hui-fen-jin-shi-wu-wu-shi-gan-kai-xin-ju" class="p-4 text-white block leading-5 font-bold" title="2026全国两会——奋进十五五 实干开新局">
                            2026全国两会——奋进十五五 实干开新局                        </a>
                    </h3>
                </div>
                                <ul>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/2025mggs"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="以色列伊朗战事升级 中东面临滑向更大冲突风险">
                                    以色列伊朗战事升级 中东面临滑向更大冲突风险                                </a>
                            </p>
                            <span class="text-xs">2025-06-17</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/2025mggs">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250617/a99733ec97e72105395d4c951964b5f9.jpg?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="以色列伊朗战事升级 中东面临滑向更大冲突风险">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/mggs"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="美国“对等关税”冲击全球贸易规则">
                                    美国“对等关税”冲击全球贸易规则                                </a>
                            </p>
                            <span class="text-xs">2025-04-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/mggs">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250409/9f865e06662620a863e3590f8f97de63.jpg?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="美国“对等关税”冲击全球贸易规则">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/2025qglh"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="坚定信心 团结奋斗——聚焦2025全国两会">
                                    坚定信心 团结奋斗——聚焦2025全国两会                                </a>
                            </p>
                            <span class="text-xs">2025-03-03</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/2025qglh">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250303/068bc0e2b1357a1360b34a7ad49e015a.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="坚定信心 团结奋斗——聚焦2025全国两会">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1032"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="叙利亚变局：叙利亚未来前景如何？">
                                    叙利亚变局：叙利亚未来前景如何？                                </a>
                            </p>
                            <span class="text-xs">2024-12-09</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1032">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241209/41fa627480f214cd905a60b4b5a2646c.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="叙利亚变局：叙利亚未来前景如何？">
                            </a>
                        </div>
                    </li>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1031"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="美国大选结果，会对世界局势产生什么影响？">
                                    美国大选结果，会对世界局势产生什么影响？                                </a>
                            </p>
                            <span class="text-xs">2024-11-05</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1031">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241105/fd5d37869a7e0d8928d161e12d6a699c.png?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="美国大选结果，会对世界局势产生什么影响？">
                            </a>
                        </div>
                    </li>
                                    </ul>
                <a class="hidden" href="/news/shangxun/">企业商讯</a>
            </div>
        </div>
    </div>
  
</div>
</div>
<footer class="pt-10 clear-both">
    <div class="bg-zinc-50">
        <div class="container py-9 i-box">
            <div class="i-main">
                <p class="text-lg font-bold pl-7">媒体推荐</p>
                <div class="pl-7 pt-7 flex flex-wrap gap-3 text-base text-[#4a4a4a]">
                    <a href="https://www.jfdaily.com" rel="nofollow" target="_blank">
                        解放日报
                    </a>
                    <a href="http://www.shanghaidaily.com/" rel="nofollow" target="_blank">
                        上海日报
                    </a>
                    <a href="http://xmwb.xinmin.cn" rel="nofollow" target="_blank">
                        新民晚报
                    </a>
                    <a href="http://www.osportsmedia.com" rel="nofollow" target="_blank">
                        东方体育日报
                    </a>
                    <a href="http://xh.xhby.net" rel="nofollow" target="_blank">
                        新华日报
                    </a>
                    <a href="http://www.yangtse.com" rel="nofollow" target="_blank">
                        扬子晚报
                    </a>
                    <a href="http://dz.xdkb.net/" rel="nofollow" target="_blank">
                        现代快报
                    </a>
                    <a href="http://jlwb.njnews.cn" rel="nofollow" target="_blank">
                        金陵晚报
                    </a>
                    <a href="http://zjrb.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江日报
                    </a>
                    <a href="http://qjwb.zjol.com.cn" rel="nofollow" target="_blank">
                        钱江晚报
                    </a>
                    <a href="http://jrzb.zjol.com.cn" rel="nofollow" target="_blank">
                        今日早报
                    </a>
                    <a href="http://zjfzb.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江法制报
                    </a>
                    <a href="http://anhuinews.com" rel="nofollow" target="_blank">
                        安徽日报
                    </a>
                    <a href="http://www.eastday.com" rel="nofollow" target="_blank">
                        东方网
                    </a>
                    <a href="http://www.jschina.com.cn" rel="nofollow" target="_blank">
                        中国江苏网
                    </a>
                    <a href="http://www.longhoo.net" rel="nofollow" target="_blank">
                        龙虎网
                    </a>
                    <a href="http://www.zjol.com.cn" rel="nofollow" target="_blank">
                        浙江在线
                    </a>
                    <a href="https://www.jcxx.wang" target="_blank">
                        中国决策信息网
                    </a>
                    <a href="https://www.csjwdy.cn/" target="_blank">
                        长三角微电影
                    </a>
                    <a href="http://www.yrdart.com/" target="_blank">
                        长三角美术家网
                    </a>
                </div>
            </div>
            <div class="i-side flex pt-4 text-sm font-bold text-center text-[#666666]">
                <div class="pl-10">
                    <img src="//www.csjcs.com/assets/2023/images/code01.jpg" width="92" height="92" alt="关注公众号">
                    <span class="pt-2">关注公众号</span>
                </div>
                <div class="pl-10">
                    <img src="//www.csjcs.com/assets/2023/images/code02.jpg" width="92" height="92" alt="关注公众号">
                    <span class="pt-2">关注公众号</span>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center text-sm bg-[#ebebeb] leading-8 text-[#6f7885] py-8">
        <div class="container">
            <p>
                <a href="/">首页</a> |
                <a href="/about/">关于我们</a> |
                <a href="/about/business.html">业务合作</a>  |
                <a href="/about/join.html">诚聘英才</a> |
                <a href="/about/contact.html">联系我们</a>
            </p>
            <p>Copyright © 2008 - 2023 南京睿山文化传媒体有限公司 All Rights Reserved
                <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">苏ICP备15052680号</a>
                <!-- <a href="https://www.csjcs.com/icp/5583511736766464.jpg"> 增值电信业务经营许可证：苏B2-20160410</a> -->
            </p>
            <p>
                <a href="https://www.csjcs.com/icp/1166.jpg">广播电视节目制作经营许可证（苏）字第01166号 </a>
                <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010202010025" target="_blank"
                   rel="nofollow">公安部备案：32010202010025号 </a>
                <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">APP备案号：苏ICP备15052680号-12A</a>
            </p>
        </div>
    </div>
</footer>
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "uilrz7f3p4");
</script>
<div class="index-mask" x-cloak x-data x-show="$store.showMask" @scroll.window.throttle.750ms="handleScroll">
    <div class="qrcode-img" x-html="$store.qrcode"></div>
</div>
<script src="/assets/plug/qrcode/1.4.4/qrcode.min.js"></script>
<script src="/assets/plug/store2/store2.min.js"></script>
<script src="/assets/2023/js/index.js"></script>
</body>
</html>