<!-- 2025-06-17 08:55:15-->
<!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;
            if (!urlhash.match("fromapp")) {
                if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
                    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">
            <a class="fl" href="//www.csjcs.com/gbook-2.html">商务合作</a>
            <form class="ml-20 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/635_0.html" class="he">[黄山要闻]</a><a href="https://www.csjcs.com/news/show/7370d09d0da96bef.html" target="_blank" title="祁门县中式烹调师高级工研修班开班">祁门县中式烹调师高级工研修班开班</a></li><li><a href="https://www.csjcs.com/news/list/635_0.html" class="he">[黄山要闻]</a><a href="https://www.csjcs.com/news/show/741427d2d1b9bc0d.html" target="_blank" title="黄山黑鸡获国家地理标志产品认证">黄山黑鸡获国家地理标志产品认证</a></li><li><a href="https://www.csjcs.com/news/list/396_0.html" class="he">[南通要闻]</a><a href="https://www.csjcs.com/news/show/721aa234782ee7fc.html" target="_blank" title="南通小将浦俊铭马术场地障碍赛首日摘铜">南通小将浦俊铭马术场地障碍赛首日摘铜</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/284f83312ed02451.html" target="_blank" title="亳州市司法局组织召开行政复议案件听证会">亳州市司法局组织召开行政复议案件听证会</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/285df00d9b61e516.html" target="_blank" title="亳州三十四中增设高中部">亳州三十四中增设高中部</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/286633ef3a86b19a.html" target="_blank" title="亳州市医保局：医保基金“三结算” 注入企业新活力">亳州市医保局：医保基金“三结算” 注入企业</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/279679b21707166a.html" target="_blank" title="谯城：培育新材料产业 打造发展“新星”">谯城：培育新材料产业 打造发展“新星”</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/28015b958ac3e8e0.html" target="_blank" title="谯城区交通运输局开展机动车维修企业安全生产检查">谯城区交通运输局开展机动车维修企业安全生</a></li><li><a href="https://www.csjcs.com/news/list/193_0.html" class="he">[社区]</a><a href="https://www.csjcs.com/news/show/810385b20d2062e5.html" target="_blank" title="涡阳县官路口社区开展反电诈宣传">涡阳县官路口社区开展反电诈宣传</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/28202463ed795ef9.html" target="_blank" title="蒙城：林下“小空间”培育生态富民“大产业”">蒙城：林下“小空间”培育生态富民“大产业”</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/28349b8e538e6479.html" target="_blank" title="利辛县纪王场乡百亩洋葱喜迎丰收季">利辛县纪王场乡百亩洋葱喜迎丰收季</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/70a1ea7a6c79f3b7.html" target="_blank" title="“三力”聚合，“首店首发经济”成效显著 我市构建多元化零售生态圈">“三力”聚合，“首店首发经济”成效显著 我</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/71c44ce9768a1ee9.html" target="_blank" title="江苏省首个专利侵权纠纷技术调查中心在镇成立">江苏省首个专利侵权纠纷技术调查中心在镇成</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/68d495e3b7940ab0.html" target="_blank" title="企业“随口一提”政府立马就办 句容郭庄30天兑现人才安居承诺">企业“随口一提”政府立马就办 句容郭庄30</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/694742d4c307bd98.html" target="_blank" title="镇江市举办“6·16安全宣传咨询日”活动 聚焦企业内部隐患防控线 筑牢小场所安全治理阵地">镇江市举办“6·16安全宣传咨询日”活动 聚</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/66af92145535f7e0.html" target="_blank" title="奔波市场的“物价侦察兵” CPI辅调员，从汗水统计迈向智慧统计">奔波市场的“物价侦察兵” CPI辅调员，从汗水</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/2efb620e7de9f841.html" target="_blank" title="5月经济运行总体平稳、稳中有进">5月经济运行总体平稳、稳中有进</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/67b7f75cd28acd8e.html" target="_blank" title="未成年人保护“守望联盟”覆盖71家派出所 公安部门筑牢青春防线护航成长">未成年人保护“守望联盟”覆盖71家派出所 </a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/6389961936f5e2b3.html" target="_blank" title="“聚‘新’暖心 与‘新’同行” 新就业群体“6·16”集中报到服务活动举行">“聚‘新’暖心 与‘新’同行” 新就业群体</a></li><li><a href="https://www.csjcs.com/news/list/386_0.html" class="he">[镇江要闻]</a><a href="https://www.csjcs.com/news/show/643e84bb620436cd.html" target="_blank" title="镇江市筑牢汛期安全防线">镇江市筑牢汛期安全防线</a></li><li><a href="https://www.csjcs.com/news/list/19_0.html" class="he">[权威发布]</a><a href="https://www.csjcs.com/news/show/105edaa069e35619.html" target="_blank" title="福建舰三岁了 “三航母时代”意味着什么？">福建舰三岁了 “三航母时代”意味着什么？</a></li><li><a href="https://www.csjcs.com/news/list/141_0.html" class="he">[国际时事]</a><a href="https://www.csjcs.com/news/show/509341ceefc7169a.html" target="_blank" title="五角大楼证实：美军正加强在中东的军事部署">五角大楼证实：美军正加强在中东的军事部署</a></li><li><a href="https://www.csjcs.com/news/list/134_0.html" class="he">[聚焦长三角]</a><a href="https://www.csjcs.com/news/show/49d81294c28523b6.html" target="_blank" title="围绕高校毕业生就业创业 看安徽财政如何打出支撑“组合拳”？">围绕高校毕业生就业创业 看安徽财政如何打</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/275d42d34751a480.html" target="_blank" title="秦凤玉会见中国医药物资协会刘忠良一行来亳客商">秦凤玉会见中国医药物资协会刘忠良一行来亳</a></li><li><a href="https://www.csjcs.com/news/list/134_0.html" class="he">[聚焦长三角]</a><a href="https://www.csjcs.com/news/show/48a39386b39bd2e4.html" target="_blank" title="安徽“乡村著名行动”如何赋能乡村振兴？">安徽“乡村著名行动”如何赋能乡村振兴？</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/27643027f5a9dc68.html" target="_blank" title="亳州GDP增长贡献率建筑业居第二位">亳州GDP增长贡献率建筑业居第二位</a></li><li><a href="https://www.csjcs.com/news/list/134_0.html" class="he">[聚焦长三角]</a><a href="https://www.csjcs.com/news/show/478a36d9cd3a357b.html" target="_blank" title="前5个月浙江对中亚五国进出口超200亿元，创历史同期新高">前5个月浙江对中亚五国进出口超200亿元，创历</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/2779000ef647ed49.html" target="_blank" title="亳州机场明日试飞">亳州机场明日试飞</a></li><li><a href="https://www.csjcs.com/news/list/1046_0.html" class="he">[亳州新闻]</a><a href="https://www.csjcs.com/news/show/2781ac0f4554755a.html" target="_blank" title="亳州市中小学幼儿园暑假时间确定">亳州市中小学幼儿园暑假时间确定</a></li><li><a href="https://www.csjcs.com/news/list/134_0.html" class="he">[聚焦长三角]</a><a href="https://www.csjcs.com/news/show/463a61fc240f0986.html" target="_blank" title="2025年5月江苏查处违反中央八项规定精神问题732起">2025年5月江苏查处违反中央八项规定精神问</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/74db0bf3ec9f798d.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250617/9486fbaa941bc3037b999c5e674d739e.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250617/9486fbaa941bc3037b999c5e674d739e.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">
                                            习近平同哈萨克斯坦总统托卡耶夫会谈</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929237','type':1,'vote':0,'url':'/news/show/74db0bf3ec9f798d.html','voteUpCount':57,'voteDownCount':'','voteName':'vote-192923719','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/887b54ae1ae517e9.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250617/170ac8a342daa5c96a0e8b1d1aa25dd0.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250617/170ac8a342daa5c96a0e8b1d1aa25dd0.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">
                                            “一张表”里看变化——各地规范基层填表报数、推进“一表通”建设观察</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929238','type':1,'vote':0,'url':'/news/show/887b54ae1ae517e9.html','voteUpCount':58,'voteDownCount':'','voteName':'vote-192923819','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/40623560581acc44.html" class="relative h-full block">
                                    <div class="h-full bg-cover bg-no-repeat bg-center transition group-hover:scale-110 swiper-lazy"
                                         data-background="https://cdn.csjcs.com/d/file/20250617/3eaf260ab55eb038c787d6369742fbb6.png?x-oss-process=image/resize,m_fill,w_605,h_377">
                                        <img data-src="https://cdn.csjcs.com/d/file/20250617/3eaf260ab55eb038c787d6369742fbb6.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">
                                            外媒：印度坠机事件或因副驾驶操作失误导致</div>
                                        <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929240','type':1,'vote':0,'url':'/news/show/40623560581acc44.html','voteUpCount':56,'voteDownCount':'','voteName':'vote-1929240141','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/2efb620e7de9f841.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    5月经济运行总体平稳、稳中有进                                </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/105edaa069e35619.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/509341ceefc7169a.html"
                                   class="line-clamp-2 leading-7 font-bold group-hover:text-[#3084e1]">
                                    五角大楼证实：美军正加强在中东的军事部署                                </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/448924d9af3390c7.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250617/46822e709a759ebb109d9aa0d36b5a00.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">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/448924d9af3390c7.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">韩国独特航母新设计引发舆论关注！无人机航母能否开启“新海战时代”？</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929244','type':1,'vote':0,'url':'/news/show/448924d9af3390c7.html','voteUpCount':51,'voteDownCount':'','voteName':'vote-1929244141','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">51</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/438906f42e3b340f.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250617/230fe31e859628127d73ae19c68237cf.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 blue text-[#757575] leading-4">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/438906f42e3b340f.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">伊朗对以色列发动新一轮导弹打击，以媒说以军证实打击伊朗电视台大楼</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929243','type':1,'vote':0,'url':'/news/show/438906f42e3b340f.html','voteUpCount':60,'voteDownCount':'','voteName':'vote-1929243141','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">60</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/39b0ef9b04f80eba.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250617/3ed9eb5d4a56148d1510f4b8b280ed1d.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">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2">
                                <a href="//www.csjcs.com/news/show/39b0ef9b04f80eba.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">俄外交部：俄美新一轮双边磋商已应美方提议取消</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929239','type':1,'vote':0,'url':'/news/show/39b0ef9b04f80eba.html','voteUpCount':57,'voteDownCount':'','voteName':'vote-1929239141','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">57</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/49d81294c28523b6.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/20250617/378dd4d80a413df92869a29c715ddb93.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/20250617/378dd4d80a413df92869a29c715ddb93.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':'1929249','type':1,'vote':0,'url':'/news/show/49d81294c28523b6.html','voteUpCount':38,'voteDownCount':'','voteName':'vote-1929249134','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/48a39386b39bd2e4.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/20250617/f23353bb5faab6674df81d6b8fa72b08.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/20250617/f23353bb5faab6674df81d6b8fa72b08.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':'1929248','type':1,'vote':0,'url':'/news/show/48a39386b39bd2e4.html','voteUpCount':40,'voteDownCount':'','voteName':'vote-1929248134','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/478a36d9cd3a357b.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/20250617/00342be71e7e080febbc89514bf23075.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/20250617/00342be71e7e080febbc89514bf23075.png?x-oss-process=image/resize,m_fill,w_438,h_342"
                                                 alt="前5个月浙江对中亚五国进出口超200亿元，创历史同期新高"></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">
                                                前5个月浙江对中亚五国进出口超200亿元，创历史同期新高</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929247','type':1,'vote':0,'url':'/news/show/478a36d9cd3a357b.html','voteUpCount':42,'voteDownCount':'','voteName':'vote-1929247134','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/463a61fc240f0986.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250617/7c4b47534a5ff44bfce80b5042a0a7c3.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="2025年5月江苏查处违反中央八项规定精神问题732起">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/463a61fc240f0986.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    2025年5月江苏查处违反中央八项规定精神问题732起                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929246','type':1,'vote':0,'url':'/news/show/463a61fc240f0986.html','voteUpCount':39,'voteDownCount':'','voteName':'vote-1929246134','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">39</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/45c04003544aaa82.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250617/f6bf5c96dc095515a9c887f1f3d1eaf6.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">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/45c04003544aaa82.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    “苏超”迎来新“赛点”                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929245','type':1,'vote':0,'url':'/news/show/45c04003544aaa82.html','voteUpCount':53,'voteDownCount':'','voteName':'vote-1929245134','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">53</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/42e1f803ad33a800.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250617/cdd5788bed3d323d1b59a5e8eae1f031.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">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/42e1f803ad33a800.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    上海要再做几件“人无我有”的大事情                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929242','type':1,'vote':0,'url':'/news/show/42e1f803ad33a800.html','voteUpCount':54,'voteDownCount':'','voteName':'vote-1929242134','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">54</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/4183519480b18ec8.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.csjcs.com/d/file/20250617/ffd27ab6b4b679016abfa78726080a7a.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">
                                2025-06-17                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/4183519480b18ec8.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    上海以科技保险全链条护航科创                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929241','type':1,'vote':0,'url':'/news/show/4183519480b18ec8.html','voteUpCount':48,'voteDownCount':'','voteName':'vote-1929241134','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">48</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/00ee2f9b8cb466d6.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/20250616/5e93ab6d4865fc5151852f6b86a4010f.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/20250616/5e93ab6d4865fc5151852f6b86a4010f.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="咬定目标20年不松劲  南京代码叩响“万亿”之门">
                                            <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">
                                                咬定目标20年不松劲  南京代码叩响“万亿”之门</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1929100','type':1,'vote':0,'url':'/news/show/00ee2f9b8cb466d6.html','voteUpCount':82,'voteDownCount':'','voteName':'vote-1929100344','class':'344'})" @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/997293caedccb2fb.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/20250616/2d8c7b719398b525ef53d01c4922c8c3.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/20250616/2d8c7b719398b525ef53d01c4922c8c3.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':'1929099','type':1,'vote':0,'url':'/news/show/997293caedccb2fb.html','voteUpCount':84,'voteDownCount':'','voteName':'vote-1929099486','class':'486'})" @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/98d8928be66b230a.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/20250616/eec09cf489c809ab8264d5faa64cf219.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/20250616/eec09cf489c809ab8264d5faa64cf219.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':'1929098','type':1,'vote':0,'url':'/news/show/98d8928be66b230a.html','voteUpCount':86,'voteDownCount':'','voteName':'vote-1929098187','class':'187'})" @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/9746908f1aabfc23.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/effc076cfdbea51f256e5a1f8cb72b45.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">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/9746908f1aabfc23.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">上海“摊”又起，凸显城市治理升维</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929097','type':1,'vote':0,'url':'/news/show/9746908f1aabfc23.html','voteUpCount':130,'voteDownCount':'','voteName':'vote-1929097334','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">130</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/96aea583b0d0de72.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/615ff0707f0f7f6730c3186e8224b8eb.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="2025年全国新能源汽车下乡活动在如皋启动">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/96aea583b0d0de72.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">2025年全国新能源汽车下乡活动在如皋启动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929096','type':1,'vote':0,'url':'/news/show/96aea583b0d0de72.html','voteUpCount':81,'voteDownCount':'','voteName':'vote-1929096396','class':'396'})">
    <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">81</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/9446b65c1f7fc2ac.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/1c282ff2fa113f8230f30446f6524fa7.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">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/9446b65c1f7fc2ac.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">“海归”熊猫，温州亮相</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929094','type':1,'vote':0,'url':'/news/show/9446b65c1f7fc2ac.html','voteUpCount':82,'voteDownCount':'','voteName':'vote-1929094505','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">82</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/93a625bf7868739a.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/442eba67adc9d76c849d2b820b6c9011.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">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/93a625bf7868739a.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">芜湖成功入选第二批现代商贸流通体系试点城市</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929093','type':1,'vote':0,'url':'/news/show/93a625bf7868739a.html','voteUpCount':501,'voteDownCount':'','voteName':'vote-1929093595','class':'595'})">
    <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">501</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/4759520dbd9cf42b.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/2025-06-15/202506150913518571.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/2025-06-15/202506150913518571.jpg?x-oss-process=image/resize,m_fill,w_594,h_325"
                                                 alt="在合肥，给自己来一场24小时微度假！">
                                            <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">
                                                在合肥，给自己来一场24小时微度假！</div>
                                            <div class="news-button news-banner-button pr-2" x-data="voteData({'id':'1499047','type':1,'vote':0,'url':'/news/show/4759520dbd9cf42b.html','voteUpCount':755,'voteDownCount':'','voteName':'vote-1499047105','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/350fede964eadd1b.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/20250613/4a0fff2f5c84c9d8476b925995f92957.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/20250613/4a0fff2f5c84c9d8476b925995f92957.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':'1499035','type':1,'vote':0,'url':'/news/show/350fede964eadd1b.html','voteUpCount':258,'voteDownCount':'','voteName':'vote-1499035105','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/33538cd6290db374.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/20250613/9855df2bb277d77d89a5e2cc305013ab.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/20250613/9855df2bb277d77d89a5e2cc305013ab.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':'1499033','type':1,'vote':0,'url':'/news/show/33538cd6290db374.html','voteUpCount':471,'voteDownCount':'','voteName':'vote-1499033105','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/320e030eae98213f.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250613/168d490341e97a2dffb6bf7fa9c0112a.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">
                                2025-06-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/320e030eae98213f.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    这个周末，到义乌看文旅博览会                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499032','type':1,'vote':0,'url':'/news/show/320e030eae98213f.html','voteUpCount':207,'voteDownCount':'','voteName':'vote-1499032105','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">207</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/1545db4378f15fc3.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/b3c015b1e9560d49c87faa36fa77ec6a.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">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/1545db4378f15fc3.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    上海最佳旅游新场景出炉                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499015','type':1,'vote':0,'url':'/news/show/1545db4378f15fc3.html','voteUpCount':243,'voteDownCount':'','voteName':'vote-1499015105','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">243</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/14b9a15735455173.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/47d76542a56c56368508099f50871e48.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">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/14b9a15735455173.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    德清“大仙潭”的山水振兴新图景                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499014','type':1,'vote':0,'url':'/news/show/14b9a15735455173.html','voteUpCount':553,'voteDownCount':'','voteName':'vote-1499014105','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">553</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/13ca2f2630799eb0.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     data-src="https://cdn.csjcs.com/d/file/20250612/f750f075a3ab0fbffc501322582ebb4b.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">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/13ca2f2630799eb0.html"
                                   class="line-clamp-3 group-hover:text-[#3084e1]">
                                    武义荷花成夏日宠儿                                </a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1499013','type':1,'vote':0,'url':'/news/show/13ca2f2630799eb0.html','voteUpCount':322,'voteDownCount':'','voteName':'vote-1499013105','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">322</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/07c853d386cef57c.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/20250616/9bf4e6f3260291cdcf0ef505664f8300.jpeg?x-oss-process=image/resize,m_fill,w_594,h_325">
                                            <img class="swiper-lazy hidden"
                                                 data-src="https://cdn.csjcs.com/d/file/20250616/9bf4e6f3260291cdcf0ef505664f8300.jpeg?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':'1929107','type':1,'vote':0,'url':'/news/show/07c853d386cef57c.html','voteUpCount':85,'voteDownCount':'','voteName':'vote-1929107806','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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/05bf4661a0b7a5e0.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/20250616/6f45158c489a874c00ac321aa1bb3f3d.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/20250616/6f45158c489a874c00ac321aa1bb3f3d.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':'1929105','type':1,'vote':0,'url':'/news/show/05bf4661a0b7a5e0.html','voteUpCount':91,'voteDownCount':'','voteName':'vote-1929105806','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 class="swiper-slide">
                                    <a href="//www.csjcs.com/news/show/957dd72ced9055ab.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/20250616/fc7e2dd8032a6de18c0ebe8f2aca9dfc.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/20250616/fc7e2dd8032a6de18c0ebe8f2aca9dfc.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':'1929095','type':1,'vote':0,'url':'/news/show/957dd72ced9055ab.html','voteUpCount':94,'voteDownCount':'','voteName':'vote-1929095804','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>
                            <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/722dca47b8930c14.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/2025-06-16/202506161202087445.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="虹口区举办“2025年虹口文化遗产季——石库门里弄·时光里的烟火气”主题活动">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot  text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[84px]">
                                <a href="//www.csjcs.com/news/show/722dca47b8930c14.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">虹口区举办“2025年虹口文化遗产季——石库门里弄·时光里的烟火气”主题活动</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929072','type':1,'vote':0,'url':'/news/show/722dca47b8930c14.html','voteUpCount':814,'voteDownCount':'','voteName':'vote-1929072804','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">814</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/515dab0cbf89ada4.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/43a79068d20568cdcc3192755608d080.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">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/515dab0cbf89ada4.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">上海首家动漫主题影院亮相美罗城</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929051','type':1,'vote':0,'url':'/news/show/515dab0cbf89ada4.html','voteUpCount':134,'voteDownCount':'','voteName':'vote-1929051804','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">134</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/1182d853444c283a.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/cf32a49f0211b720720e67accd411721.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">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/1182d853444c283a.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">拙政园的花窗”，里外皆是风景</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929011','type':1,'vote':0,'url':'/news/show/1182d853444c283a.html','voteUpCount':96,'voteDownCount':'','voteName':'vote-1929011804','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">96</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/0960df42211a5814.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20250616/1c177fa8eaa3e3de30ab5b1363023a99.jpg?x-oss-process=image/resize,m_fill,w_282,h_165"
                                     alt="第19届中国义乌文旅博览会闭幕 国潮文创大放异彩">
                            </a>
                        </div>
                        <div class="p-2 pt-3 pl-4 group">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-16                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2  min-h-[56px]">
                                <a href="//www.csjcs.com/news/show/0960df42211a5814.html"
                                   class="line-clamp-2 group-hover:text-[#3084e1]">第19届中国义乌文旅博览会闭幕 国潮文创大放异彩</a>
                            </h3>
                            <div class="news-button pr-2" x-data="voteData({'id':'1929009','type':1,'vote':0,'url':'/news/show/0960df42211a5814.html','voteUpCount':137,'voteDownCount':'','voteName':'vote-1929009804','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">137</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/13751.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/20250613/78b8c5aa520d24f6e1395663a7afbfce.png?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/78b8c5aa520d24f6e1395663a7afbfce.png?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':'13751','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13751.html','voteUpCount':51,'voteDownCount':'','voteName':'vote-13751'})" @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/13750.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/20250613/5450f049b9185d350fbaf951628b0016.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/5450f049b9185d350fbaf951628b0016.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':'13750','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13750.html','voteUpCount':54,'voteDownCount':'','voteName':'vote-13750'})" @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/13749.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/20250613/29b10eae7e160abf8ebab31652a4b4e6.jpg?x-oss-process=image/resize,m_fill,w_438,h_342">
                                            <img data-src="https://cdn.yrdcity.com/uploads/20250613/29b10eae7e160abf8ebab31652a4b4e6.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':'13749','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13749.html','voteUpCount':42,'voteDownCount':'','voteName':'vote-13749'})" @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/13748.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250613/c0aa4125e56051a7d025248c23ad8273.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">
                                2025-06-13                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13748.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    自由、权利与良知：三个值得深思的故事                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13748','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13748.html','voteUpCount':51,'voteDownCount':'','voteName':'vote-13748'})">
    <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">51</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/13719.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/293496f36705f1f06a40b42156298598.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 blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13719.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    黄伟民《红楼梦》研究：禄蠹                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13719','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13719.html','voteUpCount':66,'voteDownCount':'','voteName':'vote-13719'})">
    <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">66</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/13718.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/874a1b0b39f569219123a69d8acc0916.webp.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">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13718.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    阳光下的假面——牧野诗十首                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13718','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13718.html','voteUpCount':69,'voteDownCount':'','voteName':'vote-13718'})">
    <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">69</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/13717.html">
                                <img class="transition group-hover:scale-110 lazyload"
                                     width="190" height="156"
                                     data-src="https://cdn.yrdcity.com/uploads/20250612/f39494a714d8c3d4e89266423f40f149.png?x-oss-process=image/resize,m_fill,w_190,h_156"
                                     alt="旧江浦县境内名胜古迹考(4)：县南地区">
                            </a>
                        </div>
                        <div class="flex-1 pt-2 pl-5">
                            <div class="i-dot blue text-[#757575] leading-4">
                                2025-06-12                            </div>
                            <h3 class="font-bold text-[20px] leading-7 my-2 min-h-[84px]">
                                <a href="http://www.yrdcity.com/a/13717.html" class="line-clamp-3 group-hover:text-[#3084e1]">
                                    旧江浦县境内名胜古迹考(4)：县南地区                                </a>
                            </h3>

                            <div class="news-button pr-2" x-data="voteData({'id':'13717','type':2,'vote':0,'url':'http://www.yrdcity.com/a/13717.html','voteUpCount':343,'voteDownCount':'','voteName':'vote-13717'})">
    <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">343</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-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':928,'voteDownCount':'','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">928</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/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':716,'voteDownCount':'','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">716</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/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':752,'voteDownCount':'','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">752</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/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':477,'voteDownCount':'','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">477</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/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':782,'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">782</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':471,'voteDownCount':'','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">471</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-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/20250205/6c4c565ad63dbb1ab78a011f4497c1ba.jpg" width="282" height="368" alt="合作代理"></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">体感温度 <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/63637f15481b9149.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250616/e7ae80dc58bdb06dae1bcb298380be64.jpg?x-oss-process=image/resize,m_fill,w_234,h_140" alt="江苏：“适配”新需求，惠企服务还需更精准">
                    </a>
                    <h3 class="absolute bottom-0 left-0 bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/news/show/63637f15481b9149.html" title="江苏：“适配”新需求，惠企服务还需更精准"
                           class="p-4 text-white block font-bold leading-5 line-clamp-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/6261588b7201e734.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="175个项目入库 绍兴重大项目储备“量质双增”">
                                    175个项目入库 绍兴重大项目储备“量质双增”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/6261588b7201e734.html" title="175个项目入库 绍兴重大项目储备“量质双增”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/1f98ce9fdefff3dab693bd80f0203ec9.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="175个项目入库 绍兴重大项目储备“量质双增”">
                            </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/61f04541c1ae8cf9.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="海安连续12年邀“最强大脑”助力产创融合">
                                    海安连续12年邀“最强大脑”助力产创融合                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/61f04541c1ae8cf9.html" title="海安连续12年邀“最强大脑”助力产创融合">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/a41b6bbb6952d307040ad4d83bacdb4f.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="海安连续12年邀“最强大脑”助力产创融合">
                            </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/58036010d141e80b.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽自贸区10项创新成果入选国家级报告">
                                    安徽自贸区10项创新成果入选国家级报告                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/58036010d141e80b.html" title="安徽自贸区10项创新成果入选国家级报告">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/b8c7086452c2b172e38895767aee82cd.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="安徽自贸区10项创新成果入选国家级报告">
                            </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/5780046bf8169bed.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="外资加码投资上海底气来自哪里">
                                    外资加码投资上海底气来自哪里                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5780046bf8169bed.html" title="外资加码投资上海底气来自哪里">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/c605c4a32fe1eb4b90572151bbdc3765.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/56d0c4e6deeda0f9.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="大湾区-长三角无人机产业联盟在宁启航">
                                    大湾区-长三角无人机产业联盟在宁启航                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/56d0c4e6deeda0f9.html" title="大湾区-长三角无人机产业联盟在宁启航">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/8559aa13f3648f7e95131fd91fb3763b.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/55dab9cea57bd31c.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="创新实力跃上新台阶 宁波首次斩获专利奖“双金”">
                                    创新实力跃上新台阶 宁波首次斩获专利奖“双金”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/55dab9cea57bd31c.html" title="创新实力跃上新台阶 宁波首次斩获专利奖“双金”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/0e4941dca365610b69e04a413d4b1dbe.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/54ea6f39bcebccda.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="首届长三角(皖北)名优农产品博览会在阜阳举行">
                                    首届长三角(皖北)名优农产品博览会在阜阳举行                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/54ea6f39bcebccda.html" title="首届长三角(皖北)名优农产品博览会在阜阳举行">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/d144d26e775d87c8cf5651652ee804b4.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/5303f908ba520cf4.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="上海：“金融科技与产业创新大会”热议“双链”融合">
                                    上海：“金融科技与产业创新大会”热议“双链”融合                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/5303f908ba520cf4.html" title="上海：“金融科技与产业创新大会”热议“双链”融合">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/bf03886742deff6a4100ea4c630a33d7.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/4417473c6b475041.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="以1%产业版图破题，常州从“芯”出发">
                                    以1%产业版图破题，常州从“芯”出发                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/4417473c6b475041.html" title="以1%产业版图破题，常州从“芯”出发">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/339d28199fcdd42ac5c8cfb3deec1668.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="以1%产业版图破题，常州从“芯”出发">
                            </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/10a6704700df6107.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="零售升级，杭州这么办">
                                    零售升级，杭州这么办                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/10a6704700df6107.html" title="零售升级，杭州这么办">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/9b51129a2e42c1c509cc2187a6cd4fb8.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/087c3f9e7b70c09e.html" class="line-clamp-3  group-hover:text-[#3084e1]" title="安徽：金融护航 外贸“破浪出海”">
                                    安徽：金融护航 外贸“破浪出海”                                </a>
                            </p>
                            <span class="text-xs">2025-06-16</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/087c3f9e7b70c09e.html" title="安徽：金融护航 外贸“破浪出海”">
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20250616/b28d9162fb1b24f9b81c2d71db6555c3.jpg?x-oss-process=image/resize,m_fill,w_86,h_86" alt="安徽：金融护航 外贸“破浪出海”">
                            </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-487720.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250513/e24d810ac87bf09e8d51a73061882017.jpg?x-oss-process=image/resize,m_fixed,w_234,h_140"  alt="“长三角媒体看淮安”主题采风">
                    </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-487720.html" title="“长三角媒体看淮安”主题采风"
                           class="p-4 text-white block leading-5 font-bold">“长三角媒体看淮安”主题采风</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-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>
                                        <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-487716.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第三届中国长三角（盐城大纵湖）微电影大赛作品征集活动">
                                    第三届中国长三角（盐城大纵湖）微电影大赛作品征集活动                                </a>
                            </p>
                            <span class="text-xs">2021-07-12</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487716.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20210712/4b9542deee49b84fd268a80c2ec0e2c9.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-487714.html" class="line-clamp-3 group-hover:text-[#3084e1]" title="第二届中国长三角（盐城大纵湖）微电影大赛颁奖盛典">
                                    第二届中国长三角（盐城大纵湖）微电影大赛颁奖盛典                                </a>
                            </p>
                            <span class="text-xs">2021-05-28</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/jump-944-487714.html" >
                                <img class="transition group-hover:scale-110 lazyload" width="86" height="86" data-src="https://cdn.csjcs.com/d/file/20210528/dfee5ec25b0ad58b2c8f3f3744faac95.jpg?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/daa749aff6b7be8f.html">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250212/132518c4740d6d13989e97a9c21af7ab.jpg?x-oss-process=image/resize,m_fill,w_234,h_140" alt="DeepSeek时代的文学现场交锋">
                    </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/daa749aff6b7be8f.html" title="DeepSeek时代的文学现场交锋"
                           class="p-4 text-white block leading-5 font-bold">DeepSeek时代的文学现场交锋</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/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>
                                        <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/105_0.html"  title="直播|第十七届中国洪泽湖大闸蟹节开幕式">直播|第十七届中国洪泽湖大闸蟹节开幕式</a>
                            </p>
                            <span class="text-xs">2022-09-28</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/105_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20221024/a58f2a853f0019ac40f64380d345d8aa.png?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/103_0.html"  title="第二届中国长三角(盐城大纵湖)微电影大赛颁奖盛典">第二届中国长三角(盐城大纵湖)微电影大赛颁奖盛典</a>
                            </p>
                            <span class="text-xs">2021-04-30</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/news/show/289/103_0.html">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20210528/2afa9dcf9470acce194679628ac54436.png?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/mggs">
                        <img class="transition group-hover:scale-110 lazyload" width="234" height="140" data-src="https://cdn.csjcs.com/d/file/20250409/9f865e06662620a863e3590f8f97de63.jpg?x-oss-process=image/resize,m_fill,w_234,h_140"
                             alt="美国“对等关税”冲击全球贸易规则">
                    </a>
                    <h3 class="absolute w-full bottom-0 left-0  bg-gradient-to-t from-black to-transparent">
                        <a href="//www.csjcs.com/s/mggs" class="p-4 text-white block leading-5 font-bold" title="美国“对等关税”冲击全球贸易规则">
                            美国“对等关税”冲击全球贸易规则                        </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/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>
                                        <li class="i-side-item group">
                        <div class="flex-1 pr-2">
                            <p class="text-sm">
                                <a href="//www.csjcs.com/s/1030"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="房贷利率调整，对楼市影响几何？">
                                    房贷利率调整，对楼市影响几何？                                </a>
                            </p>
                            <span class="text-xs">2024-10-30</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/1030">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20241030/34e58b72c1bdb56695086ecec31eca06.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/2024qglh"  class="line-clamp-3 group-hover:text-[#3084e1] font-bold" title="2024年全国两会｜筑梦现代化 共绘新图景">
                                    2024年全国两会｜筑梦现代化 共绘新图景                                </a>
                            </p>
                            <span class="text-xs">2024-03-04</span>
                        </div>
                        <div class="w-[86px] h-[86px] overflow-hidden">
                            <a href="//www.csjcs.com/s/2024qglh">
                                <img class="transition group-hover:scale-110 lazyload" data-src="https://cdn.csjcs.com/d/file/20240304/589aec1a65d5d707a23e97499c02fe02.jpg?x-oss-process=image/resize,m_fill,w_86,h_86"
                                     width="86" height="86"
                                     alt="2024年全国两会｜筑梦现代化 共绘新图景">
                            </a>
                        </div>
                    </li>
                                    </ul>
            </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>

<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>
    document.addEventListener('lazybeforeunveil', function(e){
        var bg = e.target.getAttribute('data-bg');
        if(bg){
            e.target.style.backgroundImage = 'url(' + bg + ')';
        }
    });

    function handleEvent(swiper){
        let el = swiper.el
        let $prevEl = el.querySelector(".swiper-button-prev")
        let $nextEl = el.querySelector(".swiper-button-next")

        if(!$prevEl || !$nextEl){
            return false
        }

        el.onmouseover = function(){
            $prevEl.classList.remove('swiper-button-hidden');
            $nextEl.classList.remove('swiper-button-hidden');
        }
        el.onmouseout = function(){
            $nextEl.classList.add('swiper-button-hidden')
            $prevEl.classList.add('swiper-button-hidden');
        }
    }

    ['recommend', 'city', 'happy', 'focus', 'culture', 'media'].map((id) => {
        new Swiper(`.${id}-banner`, {
            loop: true,
            autoplay: {
                pauseOnMouseEnter: true,
                disableOnInteraction: false,
            },
            lazy: {
                loadPrevNext: true,
            },
            pagination: {
                el: `.swiper-pagination-${id}`,
                clickable :true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            on:{
                init:function (swiper){
                    handleEvent(swiper)
                }
            }
        });
    })
    new Swiper(`.ver01-banner`, {
        loop: true,
        autoplay: {
            pauseOnMouseEnter: true,
            disableOnInteraction: false,
        },
        lazy: {
            loadPrevNext: true,
        },
        pagination: {
            el: `.swiper-pagination-ver01`,
            clickable :true,
        }
    });
</script>
<script src="/assets/plug/qrcode/1.4.4/qrcode.min.js"></script>
<script src="/assets/plug/store2/store2.min.js"></script>
<script>
    const fpPromise = import('/assets/plug/fingerprintjs/4.0.1/fp.cjs.min.js').then(FingerprintJS => FingerprintJS.load())
    let visitorId = null;
    fpPromise.then(fp => fp.get()).then(result => {
        visitorId = result.visitorId
    }).catch(err => {
        visitorId = function(){
            if(store.get('uuid')){
                return cookie('uuid');
            }
            var temp_url = URL.createObjectURL(new Blob());
            var uuidTemp = temp_url.toString();
            URL.revokeObjectURL(temp_url);
            let uuid = uuidTemp.substring(uuidTemp.lastIndexOf("/") + 1);
            store.set('uuid', uuid)
            return uuid
        }
    })

    let showData;
    let handleScroll = function(){
        showData && showData.closeQrcode()
    }
    document.addEventListener('alpine:init', () => {
        Alpine.store('showMask', false)
        Alpine.store('qrcode', '')
        Alpine.data('voteData', (json = {}) => ({
                exp : 3 * 24 * 60 * 60,
                iconUpvote: false,
                iconDownvote: false,
                open: false,
                qrcode: null,
                init(){
                    Object.assign(this, json)
                    this.$watch('vote', (value) => {
                        this.iconUpvote = value !== 'up'
                        this.iconDownvote = value !== 'down'
                    })
                    this.vote = store.get(this.voteName)

                }
                ,changeVote(event) {
                    let item = this
                    let v = store.get(item.voteName);
                    if (v === event) {
                        return;
                    }
                    let json = {
                        id : item.id,
                        class: item.class,
                        type: item.type,
                        likes : event === 'up' ? 1 : 0,
                        uuid : visitorId
                    }

                    var myHeaders = new Headers();
                    myHeaders.append("Content-Type", "application/json");
                    var raw = JSON.stringify(json);
                    var requestOptions = {
                        method: 'POST',
                        headers: myHeaders,
                        body: raw,
                        redirect: 'follow'
                    };
                    fetch("https://api.csjcs.com/api/vote", requestOptions).then(response => response.json())
                        .then(result => {
                            if(result.status === 200){
                                if (event === 'up') {
                                    ++item.voteUpCount;
                                    if (v !== event && item.voteDownCount > 0) {
                                        --item.voteDownCount;
                                    }
                                } else if (event === 'down') {
                                    ++item.voteDownCount;
                                    if (v !== event && item.voteUpCount > 0) {
                                        --item.voteUpCount;
                                    }
                                }
                                item.vote = event;
                                store.set(item.voteName, event, item.exp);
                            }
                        })
                        .catch(error => console.log('error', error));
                }
                ,generateQRcode(){
                    let item = this
                    showData = item
                    if(item.qrcode){
                        Alpine.store('qrcode', item.qrcode)
                        Alpine.store('showMask', true)
                        item.open = true
                        return
                    }
                    const opts = {
                        errorCorrectionLevel: 'H',
                        type: 'image/jpeg',
                        quality: 0.3,
                        margin: 1,
                        width: 240,
                        height: 240
                    };
                    QRCode.toDataURL(item.url, opts, function (err, url) {
                        if (err) throw err
                        item.qrcode = `<img src="${url}" alt="qrcode">`
                        Alpine.store('qrcode', item.qrcode)

                        if(!item.open){
                            Alpine.store('showMask', true)
                            item.open = true
                        }
                    })
                }
                ,closeQrcode(){
                    showData = null
                    this.open = false
                    Alpine.store('qrcode', '')
                    Alpine.store('showMask', false)
                }
            })
        )
        Alpine.data('weatherData', ()=> ({
                weather:{},
                list: [],
                cities: [],
                countys: [],
                province: '',
                city: '',
                county: '',
                dates : [ '今天', '明天', '后天'],
                open: false,
                init() {
                    this.getWeather()
                    this.$watch('province', (value) => {
                        let item =  this.list.find((v) => v.v == value)
                        this.cities = item.c || [];
                        this.city = this.cities[0].v
                    })

                    this.$watch('city', (value) => {
                        let item =  this.cities.find((v) => v.v == value)
                        this.countys = item.c || [];
                        this.county = this.countys[0].v
                    })
                },
                getWeather(force = false){
                    let weather = store.get('weather')
                    if(!force && weather){
                        this.weather = weather
                    }else{
                        let city_id = store.get('city_id')
                        let api = "https://api.csjcs.com/api/weather"
                        if(city_id){
                            api += "?city_id=" + city_id
                        }
                        fetch(api, { method: 'GET' })
                            .then(response => response.json())
                            .then(result => {
                                this.weather = result.data
                                store.set('weather', result.data , 300)
                            })
                            .catch(error => console.log('error', error));
                    }
                },
                changeCity(){
                    store.set('city_id', this.county)
                    this.getWeather(true)
                    this.open = false
                },
                selectCity(){
                    if(!this.list.length){
                        let list = store.get('city_list')
                        if(list){
                            this.list = list
                            this.cities = list[0].c || []
                            this.city = this.cities[0].v
                            this.countys = this.cities[0].c || []
                        }else{
                            fetch("https://api.csjcs.com/api/city_list", { method: 'GET' })
                                .then(response => response.json())
                                .then(result => {
                                    store.set('city_list', result.data)
                                    this.list = result.data
                                    this.cities = this.list[0].c || []
                                    this.city = this.cities[0].v
                                    this.countys = this.cities[0].c || []
                                })
                                .catch(error => console.log(error));
                        }
                    }
                    this.open = true
                }
            })
        )
    })

</script>

</body>
</html>