dy_qgsnfzzx_org_cn/pages/index.vue

<template>
    <div>
        <!--logo-->
        <HomePageHead></HomePageHead>
        <!--导航-->
        <HomePageNavigation></HomePageNavigation>
        <!--首页顶部滚动新闻-->
        <div class="swiper-container" >
            <div class="container_name">滚动消息</div>
            <div class="container_horse_out">
                <div class="container_in">
                    <NuxtLink to="#">11111111111111111111</NuxtLink>
                    <NuxtLink to="#">222222222222222222222222222222</NuxtLink>
                    <NuxtLink to="#">3333333333333333333333333333333333</NuxtLink>
                    <NuxtLink to="#">444444444444444444</NuxtLink>
                    <NuxtLink to="#">5555555555555555555</NuxtLink>
                    <NuxtLink to="#">6666</NuxtLink>
                </div>  
            </div>
        </div> 
        <!--首页顶部新闻-->
        <div class="index—layer-1">
            <!--左侧焦点图新闻-->
            <div class="index—layer-1-left">
                <div class="nuxt-swiper" v-if="imagelist">
                    <el-carousel :interval="3000" :touchable="true" indicator-position="none" arrow="always" 
                        indicator-class="custom-indicator" class="custom-carousel roll_in" @change="handleIndicatorChange">
                        <el-carousel-item v-for="(item, index) in imagelist" :key="index">
                            <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" :title="item.title">
                                <!-- <img :src="item.imgurl" :alt="item.title"> -->
                                <img src="/public/index/news.png" :alt="item.title">
                                <span>{{ item.title }}</span>
                            </NuxtLink>
                        </el-carousel-item>
                        <template #indicator="{ index }">
                            <button :class="{ 'active-indicator': currentIndex === index }">{{ index + 1 }}</button>
                        </template>
                    </el-carousel>
                </div>
            </div>
            <!--右侧通知公告-->
            <div class="notice">
                <div class="notice_title">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-tzgg44.html">通知公告</NuxtLink>
                </div>
                <div class="tab_top">
                    <div class="listImg">
                         <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22734.html" title="关于成立江西省宜春联合调研中心主任的任命决定">
                            <img src="http://img.qgsnfzzx.org.cn/202401/9f646eec64c67bf.jpg" data-src="http://img.qgsnfzzx.org.cn/202401/9f646eec64c67bf.jpg" data-isloaded=""1/>
                         </NuxtLink>
                    </div>
                    
                    <ul class="newList">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22734.html"  title="关于成立江西省宜春联合调研中心主任的任命决定">关于成立江西省宜春联合调研中心主任的任命决定</NuxtLink>
                        </li>
                         <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22734.html"  title="关于成立江西省宜春联合调研中心主任的任命决定">关于成立江西省宜春联合调研中心主任的任命决定</NuxtLink>
                        </li>
                         <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22734.html"  title="关于成立江西省宜春联合调研中心主任的任命决定">关于成立江西省宜春联合调研中心主任的任命决定</NuxtLink>
                        </li>
                         <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22734.html"  title="关于成立江西省宜春联合调研中心主任的任命决定">关于成立江西省宜春联合调研中心主任的任命决定</NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="htnews">
                    <ul class="hotnewitems">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                    </ul>
                    <ul class="hotnewitems">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-22732.html"  title="关于成立《三农内参》宜春调研中心的决定">关于成立《三农内参》宜春调研中心的决定</NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
            <!--中央选项卡-->
            <!-- <div class="index-layer-1-middle">
                <div class="index-tabs">
                    <div class="tabtlt">
                        <div @mouseenter="indexTabs = 1" :class="indexTabs == 1 ? 'intabtltbg' : ''">
                            <NuxtLink to="/">
                                选项1
                            </NuxtLink>
                        </div>
                        <div @mouseenter="indexTabs = 2" :class="indexTabs == 2 ? 'intabtltbg' : ''">
                            <NuxtLink to="/">
                                选项2
                            </NuxtLink>
                        </div>
                    </div>
                    <div>
                        <div v-if="indexTabs == 1" class="coninfoitem">
                            <div class="coninfoitem_img">
                                <img src="/public/index/news.png" />
                                <div class="coninfoitem_img_text">
                                    <h3><NuxtLink to="/">浙江高院召开党组会传达学习习近平总书记重要</NuxtLink></h3>
                                    <p><NuxtLink to="/">12月30日上午，浙江高院召开党组(扩大)会议，传达学习习近平总书记重要指示、省委常委会听取省法院党组工作情况和《省法院工作报告》</NuxtLink></p>
                                </div>
                            </div>
                            <NuxtLink to="/" class="coninfoitem_title">
                                <span>浙江高院召开党组会传达学习习近平总书记重要指示、省委常委会听取省法院党组工作情况汇报的会议精神</span>
                                <span>2026-01-06</span>
                            </NuxtLink>
                            <NuxtLink to="/" class="coninfoitem_title">
                                <span>“负担减轻，干劲更足了”</span>
                                <span>2026-01-06</span>
                            </NuxtLink>
                            <NuxtLink to="/" class="coninfoitem_title">
                                <span>让好政策真正惠及群众</span>
                                <span>2026-01-06</span>
                            </NuxtLink>
                            <NuxtLink to="/" class="coninfoitem_title">
                                <span>张掖：片区协作聚合力 联动监督提效能</span>
                                <span>2026-01-06</span>
                            </NuxtLink>
                            <NuxtLink to="/" class="coninfoitem_title">
                                <span>把学习贯彻习近平生态文明思想不断引向深入</span>
                                <span>2026-01-06</span>
                            </NuxtLink>
                        </div>
                        <div v-if="indexTabs == 2" class="coninfoitem">
                            
                        </div>
                    </div>
                </div>
            </div> -->
            <!--右侧新闻列表-->
            <!--<div class="index-layer-1-right">
                <div class="imgtlt">
                    <NuxtLink to="/" class="coninfoitem_title">
                        各地动态
                    </NuxtLink>	
                </div>
                <div class="con_img_list">
                    <NuxtLink to="/">
                        <img src="/public/index/news.png"/>
                        <div class="con_img_list_rgba">青山梦：一位古稀企业...</div>
                    </NuxtLink>
                    <NuxtLink to="/">
                        <img src="/public/index/news.png"/>
                        <div class="con_img_list_rgba">安全入校园 应急护童行 | 济宁市惠民社会救助服务中心“135最小应急单元” 走进南张中心幼儿园（第一期）</div>
                    </NuxtLink>
                    <NuxtLink to="/">
                        <img src="/public/index/news.png"/>
                        <div class="con_img_list_rgba">吉林长春经济技术开发区：检察服务窗口嵌入综治中心</div>
                    </NuxtLink>
                    <NuxtLink to="/">
                        <img src="/public/index/news.png"/>
                        <div class="con_img_list_rgba">天津高院与北辰法院联合举办全市法院司法警察“活力警营·逐梦青春”越野接力活动</div>
                    </NuxtLink>
                </div>
            </div>-->

        </div>

        <!-- 轮播图下方三块新闻 -->
         <div class="newsMiddle">
            <div class="newsContent">
                <div class="contentImg">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295581.html" title="政讯通·全国三农网站群：把服务送到田间地头">
                        <img  src="http://img.qgsnfzzx.org.cn/202601/e80f6de27ac4ccc.png"  data-src="http://img.qgsnfzzx.org.cn/202601/e80f6de27ac4ccc.png"  data-isloaded="1"/>
                    </NuxtLink>

                </div>
                <div class="contentText">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295581.html" title="政讯通·全国三农网站群：把服务送到田间地头">
                      政讯通·全国三农网站群：把服务送到田间地头
                    </NuxtLink>
                    <p>不少农民朋友疑惑，政讯通·全国三农项目为啥要建这么多网站？其实答案很实在...</p>
                </div>
            </div>
           <div class="newsContent">
                <div class="contentImg">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295557.html" title="有人占你承包地建房？用三步让你依法收回“命根子">
                        <img  src="http://img.qgsnfzzx.org.cn/202601/b96b27b6d7b4d17.png"  data-src="http://img.qgsnfzzx.org.cn/202601/b96b27b6d7b4d17.png"  data-isloaded="1"/>
                    </NuxtLink>

                </div>
                <div class="contentText">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295557.html" title="有人占你承包地建房？用三步让你依法收回“命根子”">
                      有人占你承包地建房？用三步让你依法收回“命根子”
                    </NuxtLink>
                    <p>承包地是农民的“命根子”，可不少人遇到自家承包地被他人偷偷建房的糟心事，...</p>
                </div>
            </div>
            <div class="newsContent">
            <ul class="newsList">
                <li>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295582.html" title="政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”">
                        政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”
                    </NuxtLink>
                </li>
                 <li>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295582.html" title="政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”">
                        政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”
                    </NuxtLink>
                </li>
                 <li>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295582.html" title="政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”">
                        政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”
                    </NuxtLink>
                </li>
                 <li>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295582.html" title="政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”">
                        政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”
                    </NuxtLink>
                </li>
                 <li>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295582.html" title="政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”">
                        政讯通·全国三农资讯发布中心：做咱农民的“贴心信息站”
                    </NuxtLink>
                </li>

            </ul>
        </div>

         </div>
        <!--首页中央新闻_选项卡（各地动态+廉政建设）+经典案例-->
        <div class="index—layer-2">
            <div class="index—layer-2-left">
                <div class="index—layer-2-title">
                    <div :class="indexTabs2 == 1 ? 'active' : ''" @mouseenter="indexTabs2 = 1">
                        <NuxtLink to="/">
                            各地动态
                        </NuxtLink>
                    </div>
                    <div :class="indexTabs2 == 2 ? 'active' : ''" @mouseenter="indexTabs2 = 2">
                        <NuxtLink to="/">
                            廉政建设
                        </NuxtLink>
                    </div>
                </div>
                <div v-if="indexTabs2 == 1">
                    <div class="index-tabs2-list">
                        <ul class="newsBox">
                            <li>
                                <div class="newsItem">
                                    <div class="left_con_img">
                                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">
                                            <img  src="http://img.qgsnfzzx.org.cn/202512/41103380b99dae9.jpg"  data-src="http://img.qgsnfzzx.org.cn/202512/41103380b99dae9.jpg"  data-isloaded="1"/>
                                        </NuxtLink>
                                    </div>
                                    <div class="right_con_text">
                                        <span>
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议</NuxtLink>
                                        </span>
                                        <p>
                                            12月23日，农业农村厅召开厅安委会2025年第四次全体成员会暨农业领域专业委员会会议，深入学习贯彻习近平总书记关于...		
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">[更多]</NuxtLink>							
                                        </p>
                                        <span class="text_date">2025-12-25</span>
                                    </div>
                                </div>
                               
                            </li>
                            <li>
                                
                                <div class="newsItem">
                                    <div class="left_con_img">
                                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">
                                            <img  src="http://img.qgsnfzzx.org.cn/202512/41103380b99dae9.jpg"  data-src="http://img.qgsnfzzx.org.cn/202512/41103380b99dae9.jpg"  data-isloaded="1"/>
                                        </NuxtLink>
                                    </div>
                                    <div class="right_con_text">
                                        <span>
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议</NuxtLink>
                                        </span>
                                        <p>
                                            12月23日，农业农村厅召开厅安委会2025年第四次全体成员会暨农业领域专业委员会会议，深入学习贯彻习近平总书记关于...		
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290616.html" title="农业农村厅召开厅安委会2025年第四次全体成员会暨 农业领域专业委员会会议">[更多]</NuxtLink>							
                                        </p>
                                        <span class="text_date">2025-12-25</span>
                                    </div>
                                </div>
                               
                            </li>
                        </ul>
                    </div>
               </div>
               <div v-if="indexTabs2 == 2">
                    <div class="index-tabs2-list">
                        <ul class="newsBox">
                            <li>
                                <div class="newsItem">
                                    <div class="left_con_img">
                                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">
                                            <img  src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765249955d411e7.jpg"  data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765249955d411e7.jpg"  data-isloaded="1"/>
                                        </NuxtLink>
                                    </div>
                                    <div class="right_con_text">
                                        <span>
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">农业农村部质检机构检查组赴我省开展种子检验机构专项检查</NuxtLink>
                                        </span>
                                        <p>
                                            按照《关于开展农作物种子质量检验机构专项检查的通知》要求，农业农村部质检机构检查组于2025年11月13日-14日赴...
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">[更多]</NuxtLink>
                                        </p>
                                        <span class="text_date">2025-12-25</span>
                                    </div>
                                </div>
                            </li>                       
                            <li>
                                <div class="newsItem">
                                    <div class="left_con_img">
                                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">
                                            <img  src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765249955d411e7.jpg"  data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765249955d411e7.jpg"  data-isloaded="1"/>
                                        </NuxtLink>
                                    </div>
                                    <div class="right_con_text">
                                        <span>
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">农业农村部质检机构检查组赴我省开展种子检验机构专项检查</NuxtLink>
                                        </span>
                                        <p>
                                            按照《关于开展农作物种子质量检验机构专项检查的通知》要求，农业农村部质检机构检查组于2025年11月13日-14日赴...
                                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290400.html" title="农业农村部质检机构检查组赴我省开展种子检验机构专项检查">[更多]</NuxtLink>
                                        </p>
                                        <span class="text_date">2025-12-25</span>
                                    </div>
                                </div>
                               
                            </li>
                        </ul>
                    </div>
               </div>
            </div>
            <div class="index—layer-2-right">
                <div class="index—layer-2-title">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-dxal19.html" title="典型案例">典型案例</NuxtLink>
                    <!-- <div :class="indexTabs3 == 1 ? 'active' : ''" @mouseenter="indexTabs3 = 1">
                        <NuxtLink to="/">
                            选项1
                        </NuxtLink>
                    </div>
                    <div :class="indexTabs3 == 2 ? 'active' : ''" @mouseenter="indexTabs3 = 2">
                        <NuxtLink to="/">
                            选项2
                        </NuxtLink>
                    </div> -->
                </div>
                <div class="topCase">
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-284466.html" title="拆迁款算错了？看三农调研员怎么帮村民把账算明白！">
                        <span>01</span>
                        <span>拆迁款算错了？看三农调研员怎么帮村民把账算明白！</span>
                    </NuxtLink>
                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-284466.html" title="拆迁款算错了？看三农调研员怎么帮村民把账算明白！">
                        <img  src="http://img.qgsnfzzx.org.cn/ueditor/image/202507/17528271131a49cc.jpg"  data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202507/17528271131a49cc.jpg"  data-isloaded="1"/>
                    </NuxtLink>
                </div>
                <ul class="listCase">
                    <li>
                        <b>/</b>
                        <span>02</span>
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-284466.html" title="农机安全 重于泰山——云南省农机安全警示教育宣传片">农机安全 重于泰山——云南省农机安全警示教育宣传片</NuxtLink>
                    </li>
                    <li>
                        <b>/</b>
                        <span>03</span>
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-294296.html" title="云南省红火蚁防控科普宣传">云南省红火蚁防控科普宣传</NuxtLink>

                    </li>
                    <li>
                        <b>/</b>
                        <span>04</span>
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-294295.html" title="2025年第一季度养殖水产品质量安全风险隐患警示信息公示">2025年第一季度养殖水产品质量安全风险隐患警示信息公示</NuxtLink>

                    </li>
                </ul>
            </div>
        </div>
        <!--首页中央新闻_三列排版部分-->
        <div class="index—layer-3">
            <!-- 政策解读、信息公开 -->
            <div class="index—layer-3-line">
                <!-- 政策解读+选项卡 -->
                <div class="left_policyConview_box">
                    <div class="zcjdItems">
                        <div class="zcjd_title">
                            <div class="zcjd_title_box">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-fzyj13.html" title="执法纪实">
                                    政策解读
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="zcjd_item">
                            <div class="oneImg">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    <img src="http://img.qgsnfzzx.org.cn/202601/e941f6f49841b.jpg" data-src="http://img.qgsnfzzx.org.cn/202601/e941f6f49841b.jpg" data-isloaded="1"> 
                                </NuxtLink>
                            </div>
                            <div class="oneText">
                               
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                                <p> 国务院办公厅关于印发《“高效办成一件事”2026年度第一批重点事项清单》的通知国办函〔2026〕2号　　各省、自治区、直辖市人民政府，国务院各部委、各直属机构：　　《“高效办成一件事”2026年度第一...</p>
                            </div>
                        </div>
                        <ul class="zcjd_contextList">
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295590.html" title="国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知">
                                    国务院办公厅关于印发《“高效办成一件事”  2026年度第一批重点事项清单》的通知
                                </NuxtLink>
                            </li>
                         
                        </ul>
                        
                    </div>
                    <div class="zcjdTab">
                        <div class="tabTitle">
                            <div class="titleBut" @mouseenter="tabs=1">
                                
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-snzx8.html" title="三农资讯">
                                    三农资讯
                                </NuxtLink>
                            </div>
                            <div class="titleBut" @mouseenter="tabs=2">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-nmsh120.html" title="农民生活">
                                    农民生活
                                </NuxtLink>
                            </div>
                            <div class="titleBut" @mouseenter="tabs=3">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-snfw122.html" title="三农服务">
                                    三农服务
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="tabContent">
                            <ul class="tabList" v-if="tabs==1">
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295515.html" title="锦旗寄深情 仁心愈顽疾">
                                        锦旗寄深情 仁心愈顽疾
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295591.html" title="万载县市场监管局城镇分局 “食”刻守护，筑牢“舌尖”安全防线">
                                        万载县市场监管局城镇分局 “食”刻守护，...
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="tabList" v-if="tabs==2">
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290237.html" title="村里修路占承包地？“不征不补”是谎言！">
                                        村里修路占承包地？“不征不补”是谎言！
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-291056.html" title="山西闻喜礼元镇： 偏店村举办关爱老人，共庆元旦佳节公益活动">
                                        山西闻喜礼元镇： 偏店村举办关爱老人，共...
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="tabList" v-if="tabs==3">
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293369.html" title="科技赋能 打造全方位机械化服务的“广荣农服”模式">
                                        科技赋能 打造全方位机械化服务的“广荣农...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                                <li>
                                    <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293367.html" title="自治区农业农村厅  自治区财政厅关于发布广西2024—2026年农机购置与应用补贴机具补贴额一览表（第二批）的通告">
                                        自治区农业农村厅  自治区财政厅关于发布...
                                    </NuxtLink>
                                </li>
                            
                            </ul>

                        </div>
                        
                    </div>
                </div>
                <!-- 信息公开 -->
                 <div class="right_infConview_box">
                    <div class="publicInformation_title">
                        
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-xxgk18.html" title="信息公开">
                            信息公开
                        </NuxtLink>  
                    </div>
                    <div class="gkxf_content">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函“黑名单”
                        </NuxtLink>  
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            <div class="left_con_img">
                                <img src="http://nynct.sc.gov.cn/nynct/c100664/2024/7/4/67ce5d04acb74d15a133b9ae71872839/images/qrcode.png" data-src="http://nynct.sc.gov.cn/nynct/c100664/2024/7/4/67ce5d04acb74d15a133b9ae71872839/images/qrcode.png" data-isloaded="1"/>
                            </div>
                            <div class="right_con_text">
                                各市（州）农业（农牧）农村局，有关单位：为推动农机研发制造推广应用一体化项目科学、规范、高效实施，确保试点工作取得实效，我厅定于近期开展四川省农机研发制造推广应用一体化项目申报培训。现将有关事...
                            </div>
                        </NuxtLink>  
                    </div>
                    <div class="gkxf_content">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函“黑名单”
                        </NuxtLink>  
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            <div class="left_con_img">
                                <img src="http://nynct.jiangsu.gov.cn/module/jslib/icons/acrobat.png" data-src="http://nynct.jiangsu.gov.cn/module/jslib/icons/acrobat.png" data-isloaded="1"/>
                            </div>
                            <div class="right_con_text">
                                各市（州）农业（农牧）农村局，有关单位：为推动农机研发制造推广应用一体化项目科学、规范、高效实施，确保试点工作取得实效，我厅定于近期开展四川省农机研发制造推广应用一体化项目申报培训。现将有关事...
                            </div>
                        </NuxtLink>  
                    </div>
                    <div class="gkxf_content">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函“黑名单”
                        </NuxtLink>  
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-260064.html" title="四川省农业农村厅办公室关于开展四川省农机研发制造推广应用一体化项目申报培训的函">
                            <div class="left_con_img">
                                <img src="http://img.qgsnfzzx.org.cn/202407/044039d1a377aca.png" data-src="http://img.qgsnfzzx.org.cn/202407/044039d1a377aca.png" data-isloaded="1"/>
                            </div>
                            <div class="right_con_text">
                                各市（州）农业（农牧）农村局，有关单位：为推动农机研发制造推广应用一体化项目科学、规范、高效实施，确保试点工作取得实效，我厅定于近期开展四川省农机研发制造推广应用一体化项目申报培训。现将有关事...
                            </div>
                        </NuxtLink>  
                    </div>
                    
                    
                </div>
            </div>
            <!-- 执法纪实、环保视窗、反腐要闻 -->
            <div class="index—layer-3-line">
                <div class="zhf_conview_box">
                    <div class="zhf_box_title">
                        
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-fzyj13.html" title="执法纪实">
                                执法纪实
                            </NuxtLink>
                        
                    </div>
                    <div class="zhf_contextOne">
                        <div class="oneImg">
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                                <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202510/1761893622e35c66.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202510/1761893622e35c66.jpg" data-isloaded="1"> 
                            </NuxtLink>
                        </div>
                        <div class="oneText">
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                                农民注意！唯一住房不能说拆就拆，法律早定了规矩
                            </NuxtLink>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                            征地拆迁时，不少农民担心：家里就那几间房，要是被拆了，去哪住？别慌，法律早有规定，唯一住房不能说拆就...
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="zhf_contextList">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="zhf_conview_box">
                    <div class="zhf_box_title">
                        
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-fzyj13.html" title="环保视窗">
                            环保视窗
                        </NuxtLink>
                        
                    </div>
                    <div class="zhf_contextOne">
                        <div class="oneImg">
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                                <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202510/1761893622e35c66.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202510/1761893622e35c66.jpg" data-isloaded="1"> 
                            </NuxtLink>
                        </div>
                        <div class="oneText">
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                                农民注意！唯一住房不能说拆就拆，法律早定了规矩
                            </NuxtLink>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-289670.html" title="农民注意！唯一住房不能说拆就拆，法律早定了规矩">
                                征地拆迁时，不少农民担心：家里就那几间房，要是被拆了，去哪住？别慌，法律早有规定，唯一住房不能说拆就...
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="zhf_contextList">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                             一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295244.html" title="一张伪造的农药经营许可证，换来131.53万元天价罚单">
                                一张伪造的农药经营许可证，换来131.53万元天价罚单
                            </NuxtLink>
                        </li>
                    </ul>
                    
                </div>
                 <div class="zhf_conview_box">
                    <div class="zhf_box_title">
                        
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-ffyw15.html" title="反腐要闻">
                            反腐要闻
                        </NuxtLink>  
                    </div>
                    <ul class="zhf_contextList">
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法
                            </NuxtLink>
                        </li>
                        <li>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295584.html" title="海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查">
                                海南省三沙市委原副书记、市政府原市长文斌涉嫌严重违纪违法，接受海南省纪委监委纪律审查和监察调查
                            </NuxtLink>
                        </li>
                             
                    </ul>
                    
                </div>
            </div>
            <!-- 部委动态、法律法规、法制研究 -->
            <div class="index—layer-3-line">
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-fzyj13.html" title="法制研究">
                                部委动态
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        <div class="coniteml">
                            
                            <div class="l_img">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290365.html" title="农业农村部与广西壮族自治区政府举行工作会谈">
                                    <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765240917d15e71.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765240917d15e71.jpg" data-isloaded="1"> 
                                </NuxtLink>
                            </div>
                            <div class="l_img">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290365.html" title="农业部：开展全国春季农作物种子专项检查行动！">
                                    <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202503/1742179238170a69.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202503/1742179238170a69.jpg" data-isloaded="1"> 
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="conitemlList">
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班”"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-fzyj13.html" title="法制研究">
                                法律法规
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        <div class="coniteml">
                            
                            <div class="l_img">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290365.html" title="农业农村部与广西壮族自治区政府举行工作会谈">
                                    <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765240917d15e71.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1765240917d15e71.jpg" data-isloaded="1"> 
                                </NuxtLink>
                            </div>
                            <div class="l_img">
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-290365.html" title="农业部：开展全国春季农作物种子专项检查行动！">
                                    <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202503/1742179238170a69.jpg" data-src="http://img.qgsnfzzx.org.cn/ueditor/image/202503/1742179238170a69.jpg" data-isloaded="1"> 
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="conitemlList">
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班”"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295409.html" title=" 自兵团举办农技推广骨干人才“奇台农场模式”专题培训班"> 兵团举办农技推广骨干人才“奇台农场模式”专题培训班”</NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="/">
                               法制研究
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        
                        <ul class="newsList">
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                             <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295387.html" title="不断夯实实现新疆社会稳定和长治久安的重要保障——完整准确全面贯彻新时代党的治疆方略之依法治疆篇">不断夯实实现新疆社会稳定和长治久安的重要保障——完整准确全面贯彻新时代党的治疆方略之依法治疆篇</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295381.html" title="法治聚焦丨为什么要大力弘扬宪法精神">法治聚焦丨为什么要大力弘扬宪法精神</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295388.html" title="法治政府建设的“新疆答卷”">法治政府建设的“新疆答卷”</NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 土地在线、打假维权、农民动态 -->
            <div class="index—layer-3-line">
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="/">
                                土地在线
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        <NuxtLink  to="http://dy.qgsnfzzx.org.cn/show-290342.html" title="农村老宅翻建批不下来？可能是你没摸透这些规矩"  class="index—layer-3-news-body-title">
                            <div class="news-body-left">
                                <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" data-sro="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" title data-isloaded="1"> 
                            </div>
                            <div class="news-body-right">
                                <h3> 农村老宅翻建批不下来？可能是你没摸透这些规矩</h3>
                                <p>老宅漏雨、墙体开裂，想翻建改善居住条件，却屡屡批不下来？不少农民朋友为此犯愁。其...</p>
                            </div>
                        </NuxtLink>
                        <ul class="index—layer-3-news-body-main">
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            
                        </ul>
                    </div>
                </div>
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="/">
                                打假维权
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        <NuxtLink  to="http://dy.qgsnfzzx.org.cn/show-290342.html" title="农村老宅翻建批不下来？可能是你没摸透这些规矩"  class="index—layer-3-news-body-title">
                            <div class="news-body-left">
                                <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" data-sro="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" title data-isloaded="1"> 
                            </div>
                            <div class="news-body-right">
                                <h3> 农村老宅翻建批不下来？可能是你没摸透这些规矩</h3>
                                <p>老宅漏雨、墙体开裂，想翻建改善居住条件，却屡屡批不下来？不少农民朋友为此犯愁。其...</p>
                            </div>
                        </NuxtLink>
                        <ul class="index—layer-3-news-body-main">
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            
                        </ul>
                    </div>
                </div>
                <div class="index—layer-3-news-box">
                    <div class="index—layer-3-news-box-title">
                        <div>
                            <NuxtLink to="/">
                                农民动态
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index—layer-3-news-body">
                        <NuxtLink  to="http://dy.qgsnfzzx.org.cn/show-290342.html" title="农村老宅翻建批不下来？可能是你没摸透这些规矩"  class="index—layer-3-news-body-title">
                            <div class="news-body-left">
                                <img src="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" data-sro="http://img.qgsnfzzx.org.cn/ueditor/image/202512/1764732175151427.jpg" title data-isloaded="1"> 
                            </div>
                            <div class="news-body-right">
                                <h3> 农村老宅翻建批不下来？可能是你没摸透这些规矩</h3>
                                <p>老宅漏雨、墙体开裂，想翻建改善居住条件，却屡屡批不下来？不少农民朋友为此犯愁。其...</p>
                            </div>
                        </NuxtLink>
                        <ul class="index—layer-3-news-body-main">
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            <li>
                                <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-293455.html" title=" 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会"> 自治区土壤肥料工作站“智慧沃土”展区精彩亮相2025广西国际农业博览会</NuxtLink>
                            </li>
                            
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 农业快讯 -->
         <div class="agriculturalBriefing">
            <div class="briefingTitle">
                <NuxtLink to="http://dy.qgsnfzzx.org.cn/list-nykx30.html" title="农业快讯">
                    农业快讯
                </NuxtLink>
            </div>
            <div class="briefingContent">
                <div class="contentItem">
                    <div class="items_img">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">
                            <img src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-isloaded="1"/> 
                        </NuxtLink>
                    </div>
                    <div class="items_text">
                        <span>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">小小纳米载体“点亮”植物生长</NuxtLink>
                        </span>
                        <p>近日，中国农业科学院烟草研究所烟草病虫害绿色防控创新团队构建了一种引入卟啉结构单元的共价有机框架纳米载体，揭示了其在降低农药药害的同时诱导植物生长的新机制，相关研究成果发表在《植物生物技术(Pla"</p>
                    </div>
                </div>
                <div class="contentItem">
                    <div class="items_img">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">
                            <img src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-isloaded="1"/> 
                        </NuxtLink>
                    </div>
                    <div class="items_text">
                        <span>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">小小纳米载体“点亮”植物生长</NuxtLink>
                        </span>
                        <p>近日，中国农业科学院烟草研究所烟草病虫害绿色防控创新团队构建了一种引入卟啉结构单元的共价有机框架纳米载体，揭示了其在降低农药药害的同时诱导植物生长的新机制，相关研究成果发表在《植物生物技术(Pla"</p>
                    </div>
                </div>
            </div>
            <div class="briefingContent">
                <div class="contentItem">
                    <div class="items_img">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">
                            <img src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-isloaded="1"/> 
                        </NuxtLink>
                    </div>
                    <div class="items_text">
                        <span>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">小小纳米载体“点亮”植物生长</NuxtLink>
                        </span>
                        <p>近日，中国农业科学院烟草研究所烟草病虫害绿色防控创新团队构建了一种引入卟啉结构单元的共价有机框架纳米载体，揭示了其在降低农药药害的同时诱导植物生长的新机制，相关研究成果发表在《植物生物技术(Pla"</p>
                    </div>
                </div>
                <div class="contentItem">
                    <div class="items_img">
                        <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">
                            <img src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-src="http://img.qgsnfzzx.org.cn/202601/11f5e893112078e.jpg" data-isloaded="1"/> 
                        </NuxtLink>
                    </div>
                    <div class="items_text">
                        <span>
                            <NuxtLink to="http://dy.qgsnfzzx.org.cn/show-295508.html" title="小小纳米载体“点亮”植物生长">小小纳米载体“点亮”植物生长</NuxtLink>
                        </span>
                        <p>近日，中国农业科学院烟草研究所烟草病虫害绿色防控创新团队构建了一种引入卟啉结构单元的共价有机框架纳米载体，揭示了其在降低农药药害的同时诱导植物生长的新机制，相关研究成果发表在《植物生物技术(Pla"</p>
                    </div>
                </div>
            </div>
         </div>
        <!--网友留言-->
        <div class="index-layer-4">
            <div class="index-layer-4-title">
                <NuxtLink to="/">
                    网友留言
                </NuxtLink>
                <NuxtLink to="/">
                    在线留言
                </NuxtLink>
            </div>
            <div class="index-layer-4-body">
                <ul class="post_nr liuyan">
                    <li>
                        <span class="name">熊先生:<b>网站名称问题</b> 2025-12-29 16:18:48</span>
                        <p class="nr">内容:看你们的介绍，政讯通•全国法制调研中心，网站名称不让用全国，你们怎么可以用啊？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            工信部不审批带全国的网站。我们所有带全国字样的名称前都加了“政讯通”，意思是北京政讯通法律咨询有限公司在全国范围内开展的法制调研工作。网站显示没有全国字样，在文字资料或者口头表述时会有加全国，使用名称都是政讯通·全国法制资讯发布中心、政讯通•全国法制调研中心、政讯通•全国法制舆情监测中心和政讯通•全国法制发展促进中心。
                        </p>
                    </li>
                    <li>
                        <span class="name">zhang:<b>我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</b> 2025-12-26 17:43:46</span>
                        <p class="nr">内容:我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            不知道您看到的是我们的哪个网站，我们法制调研项目有200多个网站。主要业务分四大部分：
    资讯与信息化业务：面向全国党政机关、企事业单位及相关经济组织发展法制信息化会员为主的网络资讯信息服务，提供200个网站资讯发布平台。同步为法制领域提供信息交流与沟通的平台，可以实现一对一、一对多和多对多的沟通交流。
    法制与调研业务：依法开展法制领域的课题调研、法制宣传、法律援助、法律咨询和公益活动等服务。
    舆情服务业务：面向全国法制党政机关、企事业单位等法人单位或组织依法提供网络舆情方面的监测、处理、公关等服务。
    行业与发展业务：综合管理与辅助各地市级中心的运营、面向社会提供法制领域的活动策划与企业发展定制服务。</p>
                    </li>
                    <li>
                        <span class="name">熊先生:<b>网站名称问题</b> 2025-12-29 16:18:48</span>
                        <p class="nr">内容:看你们的介绍，政讯通•全国法制调研中心，网站名称不让用全国，你们怎么可以用啊？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            工信部不审批带全国的网站。我们所有带全国字样的名称前都加了“政讯通”，意思是北京政讯通法律咨询有限公司在全国范围内开展的法制调研工作。网站显示没有全国字样，在文字资料或者口头表述时会有加全国，使用名称都是政讯通·全国法制资讯发布中心、政讯通•全国法制调研中心、政讯通•全国法制舆情监测中心和政讯通•全国法制发展促进中心。
                        </p>
                    </li>
                    <li>
                        <span class="name">zhang:<b>我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</b> 2025-12-26 17:43:46</span>
                        <p class="nr">内容:我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            不知道您看到的是我们的哪个网站，我们法制调研项目有200多个网站。主要业务分四大部分：
    资讯与信息化业务：面向全国党政机关、企事业单位及相关经济组织发展法制信息化会员为主的网络资讯信息服务，提供200个网站资讯发布平台。同步为法制领域提供信息交流与沟通的平台，可以实现一对一、一对多和多对多的沟通交流。
    法制与调研业务：依法开展法制领域的课题调研、法制宣传、法律援助、法律咨询和公益活动等服务。
    舆情服务业务：面向全国法制党政机关、企事业单位等法人单位或组织依法提供网络舆情方面的监测、处理、公关等服务。
    行业与发展业务：综合管理与辅助各地市级中心的运营、面向社会提供法制领域的活动策划与企业发展定制服务。</p>
                    </li>
                    <li>
                        <span class="name">熊先生:<b>网站名称问题</b> 2025-12-29 16:18:48</span>
                        <p class="nr">内容:看你们的介绍，政讯通•全国法制调研中心，网站名称不让用全国，你们怎么可以用啊？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            工信部不审批带全国的网站。我们所有带全国字样的名称前都加了“政讯通”，意思是北京政讯通法律咨询有限公司在全国范围内开展的法制调研工作。网站显示没有全国字样，在文字资料或者口头表述时会有加全国，使用名称都是政讯通·全国法制资讯发布中心、政讯通•全国法制调研中心、政讯通•全国法制舆情监测中心和政讯通•全国法制发展促进中心。
                        </p>
                    </li>
                    <li>
                        <span class="name">zhang:<b>我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</b> 2025-12-26 17:43:46</span>
                        <p class="nr">内容:我从网上搜搜到你们这个网站，我看了下网站没看明白你们主要是做什么的？能简单介绍下吗？</p>
                        <p class="hfnr">
                            <span style="color:#f00;">回复:</span>
                            不知道您看到的是我们的哪个网站，我们法制调研项目有200多个网站。主要业务分四大部分：
    资讯与信息化业务：面向全国党政机关、企事业单位及相关经济组织发展法制信息化会员为主的网络资讯信息服务，提供200个网站资讯发布平台。同步为法制领域提供信息交流与沟通的平台，可以实现一对一、一对多和多对多的沟通交流。
    法制与调研业务：依法开展法制领域的课题调研、法制宣传、法律援助、法律咨询和公益活动等服务。
    舆情服务业务：面向全国法制党政机关、企事业单位等法人单位或组织依法提供网络舆情方面的监测、处理、公关等服务。
    行业与发展业务：综合管理与辅助各地市级中心的运营、面向社会提供法制领域的活动策划与企业发展定制服务。</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--底部-->
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//页面是否已经加载完毕
const pageLoading = ref(false)
//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElRadio, ElRadioGroup, ElCheckbox, ElCheckboxGroup, ElMessage, ElInput } from 'element-plus';
import { useSeoMeta } from '#imports';
//格式化跳转路径 - 标题
//首页分类栏目标题，不需要考虑外链
const getLinkPath = (item) => {
    if (item.children_count == 0) {
        //return `/newsList/${item.cid}?page=1`;
        return `/${item.aLIas_pinyin}/list-1.html`;
    } else {
        //return `/primaryNavigation/${item.cid}`;
        return `/${item.aLIas_pinyin}/index.html`;
    }
}
//首页跳转到详情，这里需要考虑外链
const getLinkPathDetail = (item) => {
    if (item.islink == 1) {
        return `${item.linkurl}`;
    } else {
        return `/${item.pinyin}/${item.id}.html`;
    }
}
//1.加载页面必备组件 end---------------------------------------->
//2.交互方法 start---------------------------------------->
//2.1 新闻图片切换
const hoverStatus = ref(1)
const qhPic = function (num) {
    hoverStatus.value = num;
}
//2.交互方法 end---------------------------------------->
//3.投票 start---------------------------------------->
//3.1 投票选择的值
const radio1 = ref(''); //单选
const check1 = ref([]); //多选
const isDisabled = ref(false);//是否禁用提交按钮
const isRadio = ref(true);//是否渲染单选
const userSurId = ref('');//投票属于哪一篇文章
const userChoice = ref('');//用于判断用户选择了其他选项以后，输入的值
const userIsChoice = ref('');//用于判断其他选项目前是什么值
const showUserChoice = ref(false);//是否显示其他输入框
const websiteSurveyData = ref([]);//投票结果
//3.2获得投票列表
let voteList = ref([]);
//3.2当用户选择了选项，判断是否展示其他输入框
const handleRadioChange = (value) => {
    if (value == userIsChoice.value) {
        showUserChoice.value = true;
    } else {
        showUserChoice.value = false;
    }
}
const handleCheckboxChange = (value) => {
    if (value.includes(userIsChoice.value)) {
        showUserChoice.value = true;
    } else {
        showUserChoice.value = false;
    }
}
//3.2发起投票
async function addWebsiteSurvey() {
    //判断当前是单选还是多选
    console.log(isRadio.value)
    if (isRadio.value) {
        console.log("用户单选！")
        if (radio1.value != '') {
            //先判断一下是否使用了其他选项
            if (showUserChoice.value) {
                if (userChoice.value != '') {
                    //文章id
                    // console.log(userSurId.value)
                    // 用户输入的值
                    // console.log(userChoice.value)
                    //如果使用了其他，其他的选项需要增加进去
                    const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
                        method: 'GET',
                        query: {
                            'sur_id': userSurId.value,//投票的新闻id
                            'choice_name': userChoice.value,//投票的选项id
                        }
                    });
                    if (ChoiceData.code == 200) {
                        //提交完其他选项以后，再正式发起投票
                        const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
                            method: 'GET',
                            query: {
                                'sur_id': userSurId.value,
                                'choice_id': ChoiceData.data
                            }
                        });
                        if (mkData.code == 200) {
                            ElMessage.success('投票成功！')
                            //把投票结果显示到页面上 禁用投票按钮
                            isDisabled.value = true;
                            websiteSurveyData.value = mkData.data;
                            //遍历一下，把用户选中的那个设置status为1
                            let data = mkData.data;
                            //遍历一下，把用户选中的那个设置status为1
                            for (let item of data.data) {
                                for (let i of data.choice) {
                                    if (item.id == i) {
                                        console.log(item.id)
                                        item.status = 1;
                                    }
                                }
                            }
                            websiteSurveyData.value = data;
                        } else {
                            ElMessage.error(mkData.message)
                        }
                    } else {
                        ElMessage.error('其他投票失败！')
                    }
                } else {
                    ElMessage.error('请输入选项内容！')
                }
            } else {
                //如果没选择其他，直接提交选择的内容
                const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
                    method: 'GET',
                    query: {
                        'sur_id': userSurId.value,
                        'choice_id': radio1.value
                    }
                });
                if (mkData.code == 200) {
                    ElMessage.success('投票成功！')
                    //把投票结果显示到页面上 禁用投票按钮
                    isDisabled.value = true;
                    let data = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    for (let item of data.data) {
                        for (let i of data.choice) {
                            if (item.id == i) {
                                item.status = 1;
                            }
                        }
                    }
                    websiteSurveyData.value = data;
                } else {
                    ElMessage.error('投票失败！')
                }
            }
        } else {
            ElMessage.error('请选择一个选项')
        }
    } else {
        console.log("多选！")
        //多选
        if (check1.value != []) {
            //先判断一下是否使用了其他选项
            if (showUserChoice.value) {
                if (userChoice.value != '') {
                    //判断用户是否只选择了一个其他
                    if (check1.value.length == 1) {
                        const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
                            method: 'GET',
                            query: {
                                'sur_id': userSurId.value,//投票的新闻id
                                'choice_name': userChoice.value,//用户输入的其他选项文字
                            }
                        });
                        if (ChoiceData.code == 200) {
                            //提交完其他选项以后，再正式发起投票
                            const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
                                method: 'GET',
                                query: {
                                    'sur_id': userSurId.value,
                                    'choice_id': ChoiceData.data
                                }
                            });
                            if (mkData.code == 200) {
                                ElMessage.success('投票成功！')
                                //把投票结果显示到页面上 禁用投票按钮
                                isDisabled.value = true;
                                websiteSurveyData.value = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                let data = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                for (let item of data.data) {
                                    for (let i of data.choice) {
                                        if (item.id == i) {
                                            console.log(item.id)
                                            item.status = 1;
                                        }
                                    }
                                }
                                websiteSurveyData.value = data;
                            } else {
                                ElMessage.error(mkData.message)
                            }
                        } else {
                            ElMessage.error('其他投票失败！')
                        }

                    } else {
                        //用户选择了除了其他以外，还包括别的选项
                        const ChoiceData = await requestDataPromise('/web/addWebsiteSurveyOption', {
                            method: 'GET',
                            query: {
                                'sur_id': userSurId.value,//投票的新闻id
                                'choice_name': userChoice.value,//用户输入的其他选项文字
                            }
                        });
                        if (ChoiceData.code == 200) {
                            let data = check1.value;
                            //找到多选的数组，把其他默认值给替换掉
                            for (let i = 0; i < data.length; i++) {
                                if (data[i] == userIsChoice.value) {
                                    data[i] = ChoiceData.data;
                                }
                            }
                            let jsonArray = JSON.stringify(data);
                            //提交完其他选项以后，再正式发起投票
                            const mkData = await requestDataPromise('/web/addWebsiteSurveyVote', {
                                method: 'GET',
                                query: {
                                    'sur_id': userSurId.value,
                                    'choice_id': jsonArray
                                }
                            });

                            if (mkData.code == 200) {
                                ElMessage.success('投票成功！')
                                //把投票结果显示到页面上 禁用投票按钮
                                isDisabled.value = true;
                                websiteSurveyData.value = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                let data = mkData.data;
                                //遍历一下，把用户选中的那个设置status为1
                                for (let item of data.data) {
                                    for (let i of data.choice) {
                                        if (item.id == i) {
                                            //console.log(item.id)
                                            item.status = 1;
                                        }
                                    }
                                }
                                websiteSurveyData.value = data;
                            } else {
                                ElMessage.error(mkData.message)
                            }
                        } else {
                            ElMessage.error('其他投票失败！')
                        }

                    }
                } else {
                    ElMessage.error('请输入选项内容！')
                }
            } else {
                let jsonArray = JSON.stringify(check1.value);
                //如果没选择其他，直接提交选择的内容
                const mkData = await requestHome('/web/addWebsiteSurveyVote', {
                    method: 'GET',
                    query: {
                        'sur_id': userSurId.value,
                        'choice_id': jsonArray
                    }
                });
                if (mkData.code == 200) {
                    ElMessage.success('投票成功！')
                    //把投票结果显示到页面上 禁用投票按钮
                    isDisabled.value = true;
                    websiteSurveyData.value = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    let data = mkData.data;
                    //遍历一下，把用户选中的那个设置status为1
                    for (let item of data.data) {
                        for (let i of data.choice) {
                            if (item.id == i) {
                                console.log(item.id)
                                item.status = 1;
                            }
                        }
                    }
                    websiteSurveyData.value = data;
                } else {
                    ElMessage.error('投票失败！')
                }
            }
        } else {
            ElMessage.error('请选择一个选项')
        }
    }
}
//3.投票 end---------------------------------------->
//4.广告 start---------------------------------------->
//获得所有广告
let adImg1 = ref({})
let adImg2 = ref({})
let adImg3 = ref({})
let adImg4 = ref({})
onMounted(async () => {
    //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
    const { $webUrl, $CwebUrl } = useNuxtApp();
    //从客户端启动投票
    //获得投票列表
    let voteUrl = `${$webUrl}/web/getWebsiteSurvey`
    const responseVote = await fetch(voteUrl, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const voteData = await responseVote.json();
    if (voteData.code == 200) {
        voteList.value = voteData.data;
        //判断显示单选还是多选
        //survey_type 0是单选 1是多选
        if (voteData.data[0].survey_type == 0) {
            isRadio.value = true;
        } else {
            isRadio.value = false;
        }
        for (let item of voteData.data) {
            //如果含有其他
            if (item.is_other == 1) {
                userIsChoice.value = item.id;
            }
        }
        //用户投票属于哪一篇文章
        userSurId.value = voteData.data[0].sur_id;
    } else {
        // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        // console.log("错误位置：首页投票")
        // console.log("后端错误反馈：",voteData.message)
        // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    }
    //从客户端启动广告
    //广告1
    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0001`
    const responseAd1 = await fetch(url, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd1 = await responseAd1.json();
    adImg1.value = resultAd1.data[0];
    //广告2
    let url2 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0002`
    const responseAd2 = await fetch(url2, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd2 = await responseAd2.json();
    adImg2.value = resultAd2.data[0];
    //广告3
    let url3 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0003`
    const responseAd3 = await fetch(url3, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd3 = await responseAd3.json();
    adImg3.value = resultAd3.data[0];
    //广告4
    let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=snzxw_index_0004`
    const responseAd4 = await fetch(url4, {
        headers: {
            'Content-Type': 'application/json',
            'Userurl': $CwebUrl,
            'Origin': $CwebUrl
        }
    });
    const resultAd4 = await responseAd4.json();
    adImg4.value = resultAd4.data[0];
})
//4.交互方法 end---------------------------------------->
//5.页面基本信息 start---------------------------------------->
//5.1 导航信息
const pageData = ref([
    // { cid: "", title: "", data: [] ,children_count:""},
]);
//5.2 模块数据
//注意前置变量 在nuxt3的ssr模式中，并不存在变量提升。
//模块1
const boxData1 = ref([])
const boxData1data2 = ref([])
//模块2
const boxData2 = ref([]);
//模块3 - 该数据已经在模块中请求
//const boxData3 = ref([]);
//模块4
const boxData4 = ref([]);
//模块5
const boxData5 = ref([]);
const boxData5data2 = ref([]);
//模块6
const boxData6 = ref([]);
//模块7
const boxData7 = ref([]);
//模块8
const boxData8 = ref([]);
const boxData88 = ref([]);
//模块9 模块10 切换
const tabsData1 = ref(1)
//模块9
const boxData9 = ref([]);
const boxData9data2 = ref([]);
//模块10
const boxData10 = ref([]);
const boxData10data2 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12 模块13 切换
const tabsData2 = ref(1)
//模块12
const boxData12 = ref([]);
//模块13 - 该模块只有一个入口
const boxData13 = ref([]);
//模块14 模块15 切换
const tabsData3 = ref(1)
//模块14 - 该模块含有子导航
const boxData14 = ref([]);
const boxData14data2 = ref([]);
const boxData14menu = ref([]);
const boxData14childpinyin = ref([]);
const boxData14mainData = ref([]);
//模块15
const boxData15 = ref([]);
const boxData15data2 = ref([]);
const boxData15menu = ref([]);
const boxData15childpinyin = ref([]);
const boxData15mainData = ref([]);
//模块16 模块17 切换
const tabsData4 = ref(1)
//模块16 - 该模块含有子导航
const boxData16 = ref([]);
const boxData16data2 = ref([]);
const boxData16menu = ref([]);
const boxData16childpinyin = ref([]);
const boxData16mainData = ref([]);
//模块17 - 政策法规 本来这个是模块3 原来是单独放到一个模块中的，现在提出来了
const boxData17 = ref({})
//3.2获得导航数据
try {
    const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'placeid': 1,
            'pid': 0,
            'num': 30
        },
    });
    if (navigateData.code == 200) {
        // 遍历可用的导航池放到页面中
        for (let index in navigateData.data) {
            let data = {
                title: navigateData.data[index].name,
                cid: navigateData.data[index].category_id,
                children_count: navigateData.data[index].children_count,
                alias: navigateData.data[index].alias,
                aLIas_pinyin: navigateData.data[index].aLIas_pinyin
            };
            //主体渲染 第一层
            //新农村11
            if (navigateData.data[index].category_id == 11) { pageData.value[0] = data }
            //农民工317
            if (navigateData.data[index].category_id == 317) { pageData.value[1] = data }
            //第二层
            //政策法规1
            if (navigateData.data[index].category_id == 2) { pageData.value[2] = data }
            //三农之窗2
            if (navigateData.data[index].category_id == 1) { pageData.value[3] = data }
            //第三层
            //区域经济5
            if (navigateData.data[index].category_id == 5) { pageData.value[4] = data }
            //三农投资6
            if (navigateData.data[index].category_id == 12) { pageData.value[5] = data }
            //农贸信息13
            if (navigateData.data[index].category_id == 13) { pageData.value[6] = data }
            //书刊信息24三农调查28
            if (navigateData.data[index].category_id == 28) { pageData.value[7] = data }
            //第四层
            //三农科教14
            if (navigateData.data[index].category_id == 14) { pageData.value[8] = data }
            //文化生活15
            if (navigateData.data[index].category_id == 15) { pageData.value[9] = data }
            //三农服务27
            if (navigateData.data[index].category_id == 27) { pageData.value[10] = data }
            //第五层
            //三农探索16
            if (navigateData.data[index].category_id == 16) { pageData.value[11] = data }
            //三农人物18
            if (navigateData.data[index].category_id == 18) { pageData.value[12] = data }
            //第六层
            //农资购销21
            if (navigateData.data[index].category_id == 21) { pageData.value[13] = data }
            //农产购销153
            if (navigateData.data[index].category_id == 153) { pageData.value[14] = data }
            //第七层
            //打假维权26
            if (navigateData.data[index].category_id == 26) { pageData.value[15] = data }
        }
    } else {
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        console.log("错误位置：首页导航池")
        console.log("后端错误反馈：", navigateData.message)
        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    }
} catch (error) {
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    console.log("错误位置：首页导航渲染阶段")
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
    console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
}
let getJson = [
    { "parent": "11,2,8", "child": "" },//模块1新农村
    { "parent": "317,0,8", "child": "" },//模块2农民工
    { "parent": "1,0,5", "child": "" },//模块4三农之窗
    { "parent": "5,1,1", "child": "" },//模块5区域经济
    { "parent": "12,0,3", "child": "" },//模块6三农投资
    { "parent": "13,0,4", "child": "" },//模块7农贸信息
    { "parent": "28,2,7", "child": "" },//模块8书刊信息=三农调查
    { "parent": "14,2,8", "child": "" },//模块9三农科教
    { "parent": "15,2,8", "child": "" },//模块10文化生活
    { "parent": "27,2,4", "child": "" },//模块11三农服务27
    { "parent": "16,0,14", "child": "" },//模块12三农探索16
    { "parent": "18,0,14", "child": "" },//模块13三农人物18
    { "parent": "21,2,8", "child": "188,0,5" },//模块14农资购销
    { "parent": "153,2,8", "child": "258,0,5" },//模块15农产购销
    { "parent": "26,4,8", "child": "191,0,5" },//模块16打假维权
    { "parent": "2,4,8", "child": "" },//模块3政策法规
]
let jsonString = JSON.stringify(getJson);
async function getPageAllData() {
    const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
        method: 'GET',
        query: {
            'id': jsonString
        },
    });
    console.log("makdata:", mkdata);
    if (mkdata.code == 200) {
        //模块1新农村
        boxData1.value = mkdata.data[0].imgnum;
        boxData1data2.value = mkdata.data[0].textnum;
        //模块2农名工
        boxData2.value = mkdata.data[1].textnum;
        //模块4三农之窗
        boxData4.value = mkdata.data[2].textnum;
        //模块5区域经济
        boxData5.value = mkdata.data[3].imgnum;
        boxData5data2.value = mkdata.data[3].textnum;
        //模块6三农投资
        boxData6.value = mkdata.data[4].textnum;
        //模块7农贸信息
        boxData7.value = mkdata.data[5].textnum;
        //模块8书刊信息
        boxData8.value = mkdata.data[6].imgnum;
        boxData88.value = mkdata.data[6].textnum;
        //模块9三农科教
        boxData9.value = mkdata.data[7].imgnum;
        boxData9data2.value = mkdata.data[7].textnum;
        //模块10文化生活
        boxData10.value = mkdata.data[8].imgnum;
        boxData10data2.value = mkdata.data[8].textnum;
        //模块11三农服务
        boxData11.value = mkdata.data[9].imgnum;
        boxData11data2.value = mkdata.data[9].textnum;
        //模块12三农探索
        boxData12.value = mkdata.data[10].textnum;
        //模块13三农人物
        boxData13.value = mkdata.data[11].textnum;
        //模块14农资购销 该栏目含有子导航
        boxData14.value = mkdata.data[12].imgnum;
        boxData14data2.value = mkdata.data[12].textnum;
        boxData14menu.value = mkdata.data[12].child.all_childcat;
        boxData14childpinyin.value = mkdata.data[12].child.pinyin;
        boxData14mainData.value = mkdata.data[12].child.textnum;
        //模块14农产购销
        boxData15.value = mkdata.data[13].imgnum;
        boxData15data2.value = mkdata.data[13].textnum;
        boxData15menu.value = mkdata.data[13].child.all_childcat;
        boxData15childpinyin.value = mkdata.data[13].child.pinyin;
        boxData15mainData.value = mkdata.data[13].child.textnum;
        //模块15打假维权
        boxData16.value = mkdata.data[14].imgnum;
        boxData16data2.value = mkdata.data[14].textnum;
        boxData16menu.value = mkdata.data[14].child.all_childcat;
        boxData16childpinyin.value = mkdata.data[14].child.pinyin;
        boxData16mainData.value = mkdata.data[14].child.textnum;
        //模块17政策法规
        boxData17.value = mkdata.data[15];

    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();
//5.页面基本信息 end---------------------------------------->
//6.设置seo数据 start---------------------------------------->
//获取seo数据
const setData = await requestDataPromise('/web/getWebsiteFootInfo', {
    method: 'GET',
    query: {},
});
if (setData.code == 200) {
    let seoTitle = setData.data.website_head.title;
    let seoDescription = setData.data.website_head.description;
    let seoKeywords = setData.data.website_head.keywords;
    let seoSuffix = setData.data.website_head.suffix;
    let seoName = setData.data.website_head.website_name;
    useSeoMeta({
        title: seoTitle + "_" + seoSuffix,
        meta: [
            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'viewport', content: "width=device-width,initial-scale=1,user-scalable=no" }
        ]
    });
} else {
    // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    // console.log("错误位置：设置首页SEO数据")
    // console.log("后端错误反馈：",setData.message)
    // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
}
//6.设置seo数据 start---------------------------------------->

//7.官网新增 start---------------------------------------->
//swiper焦点图start---------------------------------------->
const imagelist = ref("")
async function getModelData1() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 10,
            'textnum': 0,
            'level': 2,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        imagelist.value = mkdata.data.img;
    } else {
        // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
        // console.log("错误位置：获取首页轮播图")
        // console.log("后端错误反馈：",mkdata.message)
        // console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
    }
}
getModelData1()
//使用swiper
import { computed } from 'vue'
// Swiper12.x的导入方式
import { Swiper, SwiperSlide } from 'swiper/vue'
import { Autoplay, Navigation } from 'swiper/modules' // 增加 Navigation
// 导入 Swiper 样式
import 'swiper/css'
import 'swiper/css/navigation' // 增加导航样式
const props = defineProps({
  imagelist: {
    type: Array,
    default: () => []
  }
})
const emit = defineEmits(['slide-change'])
const swiperCurrentIndex = ref(0)
const swiperInstance = ref(null)
// 使用哪些模块
const modules = [Autoplay, Navigation] // 添加 Navigation
// 响应式断点设置（可选）
const breakpoints = computed(() => ({
  // 当屏幕宽度 >= 320px
  320: {
    slidesPerView: 1,
    spaceBetween: 10
  },
  // 当屏幕宽度 >= 768px
  768: {
    slidesPerView: 3,
    spaceBetween: 15
  },
  // 当屏幕宽度 >= 1024px
  1024: {
    slidesPerView: 5,
    spaceBetween: 20
  },
  // 当屏幕宽度 >= 1440px
  1440: {
    slidesPerView: 6,
    spaceBetween: 25
  }
}))
const swiperHandleSlideChange = (swiper) => {
    swiperCurrentIndex.value = swiper.activeIndex
    emit('swiperSlideChange', swiper.activeIndex)
}
const goToSlide = (index) => {
    console.log(index)
  if (swiperInstance.value) {
    swiperInstance.value.slideTo(index, 500) // 500ms 动画时间
  }
}
const onSwiper = (swiper) => {
  swiperInstance.value = swiper
  console.log('Swiper实例已初始化:', swiper)
}
// 如果需要手动控制自动播放
const pauseAutoplay = () => {
  if (swiperInstance.value && swiperInstance.value.autoplay) {
    swiperInstance.value.autoplay.pause()
  }
}
const startAutoplay = () => {
  if (swiperInstance.value && swiperInstance.value.autoplay) {
    swiperInstance.value.autoplay.resume()
  }
}
//swiper焦点图 end---------------------------------------->
//轮播图 start---------------------------------------->
import { ElCarousel, ElCarouselItem } from 'element-plus'
let currentIndex = ref(0)
let handleIndicatorChange = (val) => {
    currentIndex.value = val
}
//轮播图 end---------------------------------------->
//选项卡 start---------------------------------------->
//1.首页顶部新闻-中央选项卡
const indexTabs = ref(1)
//2.首页中央新闻2-左侧选项卡
const indexTabs2 = ref(1)
//3.首页中央新闻2-右侧选项卡
const indexTabs3 = ref(1)
//3.首页中央新闻3-左侧选项卡
const indexTabs4 = ref(1)

//选项卡 end---------------------------------------->
//7.官网新增 end---------------------------------------->

let tabs = ref(1)

// 文字滚动
onMounted(() => {
  const scrollList = document.querySelector('.container_in');
  if (scrollList) {
    const listContent = scrollList.innerHTML;
    // 复制一份内容拼到原列表末尾
    scrollList.innerHTML += listContent;
  }
});
</script>

<style lang="less" scoped>
@media screen and (min-width: 1401px) {
    //滚动字幕 start---------------------------------------->
    .swiper-container {
        height: 35PX;
        border: 1px solid #d90f0f;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 20PX auto;
        width: 100%;
        position: relative;
        max-width: 1401PX;
        .container_name{
            width:8.5%;
            height:100%;
            background:red;
            line-height: 35PX;
            color: #fff;
            font-size: 16PX;
            background: #d90f0f;
            text-align: center;
    
        }
        .container_horse_out{
            width:89%;
            height:100%;
             overflow: hidden;
             position:relative;
            //background:blue;
        }
        
        .container_in{
            width:100%;
            height:100%;
            display: flex;
            gap: 30PX;
            // background:blue;
            position:absolute;
            vertical-align: top;
            font-size:16PX;
            color:block;
            color: #000;
            display: inline-block;
            white-space: nowrap;
            /* 动画：名称 时长 线性 无限循环 */
            animation: scroll-left 20s linear infinite;
            left: 0;

            a{
                display: inline-block;
                padding: 6PX 15PX;
                text-decoration: none;
                white-space: nowrap; /* 禁止文字换行 */
                flex-shrink: 0; /* 禁止挤压收缩，保证宽度固定 */
            }
            
            a:hover{
                color: #1380e6
            }
        }
        
         /* 滚动动画关键帧 */
        @keyframes scroll-left {
            0% {
                transform: translateX(0); /* 初始位置 */
            }
            100% {
                transform: translateX(-100%); /* 向左滚动100%宽度 */
            }
        }
        .container_in:deep(a) {
            color: inherit;
            text-decoration: none;
         }
     

    }
    //滚动字幕 end---------------------------------------->
    .custom-swiper {
        width: 100%;
        height: 100%;
        padding: 10PX 5PX;//给两侧留出空间
    }
    .custom-swiper :deep(.swiper-wrapper) {
        align-items: stretch;//使所有幻灯片高度一致
    }
    .custom-swiper :deep(.swiper-slide) {
        height: auto;
        transition: transform 0.3s ease;
    }
    //悬停效果
    .custom-swiper :deep(.swiper-slide:hover) {
        transform: translateY(-5px);
        z-index: 10;
    }
    .slide-link {
        display: block;
        text-decoration: none;
        color: inherit;
        height: 100%;
        width: 100%;
    }
    .image-container {
        position: relative;
        width: 100%;
        height: 118PX;//根据需求调整
        overflow: hidden;
        box-shadow: 0 4PX 12PX rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        background: #f5f5f5;//加载时的背景色
    }
    .image-container:hover {
        box-shadow: 0 8PX 24PX rgba(0, 0, 0, 0.15);
    }
    .slide-image {
        // width: 100%;
        // height: 100%;
        width: 264PX;
        height: 118PX;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    .image-container:hover .slide-image {
        transform: scale(1.05);
    }
    .image-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: white;
        padding: 12PX 15PX;
        font-size: 14PX;
        line-height: 1.4;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: rgba(0, 0, 0, .6)
    }
    .custom-indicators {
        display: flex;
        justify-content: center;
        gap: 8PX;
        margin-top: 25PX;
        padding: 15PX 10PX;
        flex-wrap: wrap;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50PX;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .indicator-btn {
        width: 36PX;
        height: 36PX;
        border-radius: 50%;
        border: 2PX solid #e0e0e0;
        background: white;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 14PX;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
    }
    .indicator-btn:hover {
        background: #f0f9ff;
        border-color: #409eff;
        transform: scale(1.1);
    }
    .indicator-btn.active-indicator {
        background: #409eff;
        color: white;
        border-color: #409eff;
        box-shadow: 0 4PX 12PX rgba(64, 158, 255, 0.3);
    }
    //swiper加载动画
    .image-container:empty::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite;
        border-radius: 12PX;
    }
    @keyframes loading {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
    }
    //swiper箭头颜色
    .custom-swiper :deep(.swiper-button-prev),
    .custom-swiper :deep(.swiper-button-next) {
        color: white !important;//箭头颜色改为白色
    }
    .custom-swiper :deep(.swiper-button-prev):after,
    .custom-swiper :deep(.swiper-button-next):after {
        color: white !important;//确保箭头图标也是白色
    }
    //swiper轮播图 end---------------------------------------->
    //轮播图 start---------------------------------------->
    .nuxt-swiper {
        width: 100%;
        height: 441PX;
        position: relative;
        img {
            width: 100%;
            height: 441PX;
        }
        span {
            display: inline-block;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            padding-left: 20PX;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            font-family: Source Han Sans, Source Han Sans;
            font-size: 16PX;
            color: #FFFFFF;
            //background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
            background: rgba(0, 0, 0, .6);
        }
    }
    .el-carousel {
        
        // 左右箭头按钮
        .el-carousel__arrow--right :deep(.class-name),
        .el-carousel__arrow--left :deep(.class-name) {
            width: 68PX;
            height: 68PX;
        }
        //左右箭头图片
        /deep/.el-icon svg {
            height: 1em;
            width: 1em;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow {
            border-radius: 0;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow i {
            font-size: 68PX !important;
            color: #06F;
        }
        /deep/ .el-carousel__indicators {
            // 指示器
            left: unset;
            transform: unset;
            right: 41%;
        }
        /deep/ .el-carousel__button {
            // 指示器按钮
            width: 15PX;
            height: 15PX;
            border-radius: 50%;
            border: none;
            opacity: 1;
            background-color: #FFFFFF;
            bottom: 30PX;
        }
        /deep/ .is-active .el-carousel__button {
            // 指示器激活按钮
            background: #158d91;
        }
        /deep/.custom-indicators {
            position: absolute;
            bottom: 10PX;
            left: 50%;
            transform: translateX(-50%);
        }
        /deep/ .el-carousel__indicators {
            right:3%;
            bottom: 10%;
        }
        /deep/ .el-carousel__arrow{
            top:50%;
        }
        /deep/ .el-carousel__container{
            height: 441PX;
            position: relative;
        }
    
    }

    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        width: 1401PX;
        height: 441PX;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-1-left {
            width: 47%;
            height: auto;
            border: 1PX solid #ccc;
            overflow: hidden;  
    
        }
        // 通知公告
        .notice{
            width: 50%;
            height: auto;
            overflow: hidden;
            .notice_title{
                width: 100%;
                height: auto;
                overflow: hidden;
                
                border-bottom: 1px solid #d9d9d9;
                a{
                    display: block;
                    height: 35PX;
                    line-height: 35PX;
                    float: left;
                    border-bottom: 4PX solid #0680cb;
                    font-size: 22PX;
                    color: #0680cb;
                    padding: 0 20PX;
                }

            }
            .tab_top{
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 20PX;
                // background: blue;
                .listImg{
                    width: 31%;
                    height: auto;
                    overflow: hidden;
                    float: left;
                    height: 230PX;
                    a{
                        text-decoration: none;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;
                            vertical-align: middle;
                            border: 0;

                        }

                    }
                    

                }
                .newList{
                    width: 66%;
                    height: auto;
                    overflow: hidden;
                    float: right;
                    margin-top: 20PX;
                    li{
                        width: 100%;
                        height: 50PX;
                        line-height: 40PX;
                        overflow: hidden;
                        border-bottom: 1PX solid #eee6d8;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // background: blue;
                        a{
                            // display: block;
                            font-size: 16PX;
                            color: #333;
                            // background: red;
                        }
                        a:hover {
                            color: #337ab7;;
                        }
                    }
                    li:last-child {
                        border: none;
                    }
                }

            }
            .htnews{
                width: 100%;
                height: auto;
                overflow: hidden;
                // background: green;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .hotnewitems{
                    width: 50%;
                    //float: left;
                    height: auto;
                    overflow: hidden;
                    margin: 0;
                    // background: yellow;
                    li{
                        height: 32PX;
                        line-height: 20PX;
                        overflow: hidden;
                        width: 100%;
                        // background:blue;
                        background: url(public/image/hot.png)  no-repeat left 7PX;
                        padding-left: 30PX;
                        a{
                            width: 98%;
                            // display: block;
                            font-size: 16PX;
                            color: #333;
                            // background: red;

                        }
                    }
                }

            }
        }
        
        // .index-layer-1-middle {
        //     width: 31%;
        //     border: 1PX solid #ccc;
        //     box-sizing: border-box;
        //     padding: 0 10PX;
        //     padding-bottom: 5PX;
        //     .tabtlt {
        //         width: 100%;
        //         height: auto;
        //         outline: hidden;
        //         border-bottom: 1PX solid #f0f0f0;
        //         margin: 7PX 0 18PX;
        //         overflow: hidden;
        //         display: flex;
        //         align-self: center;
        //         justify-content: space-between;
        //         a {
        //             color: #337ab7;
        //             text-decoration: none;
        //         }
        //         div {
        //             width: 50%;
        //             text-align: center;
        //             width: 100%;
        //             height: 50PX;
        //             line-height: 50PX;
        //             font-size: 20PX;
        //             color: #000;
        //             background: #f3f3f3;
        //             text-align: center;
        //             cursor: pointer;
        //         }
        //         div.intabtltbg {
        //             background: url(public/index/current.gif) no-repeat center bottom !important;
        //         }
        //     }
        //     .coninfoitem {
        //         width: 100%;
        //         overflow: hidden;
        //         margin: 0px auto;
        //         >div{
        //             &.coninfoitem_img {
        //                 height: 86PX;
        //                 overflow: hidden;
        //                 margin-bottom: 5PX;
        //                 display: flex;
        //                 align-items: flex-start;
        //                 justify-content: space-between;
        //             }
        //             h3 {
        //                 line-height: 0;
        //                 a {
        //                     font-size: 13PX;
        //                     color: #333;
        //                     font-weight: bold;
        //                     width: 100%;
        //                     height: 26PX;
        //                     line-height: 26PX;
        //                     overflow: hidden;
        //                 }
        //             }
        //             img {
        //                 width: 120PX;
        //                 height: 86PX;
        //                 float: left;
        //                 margin-right: 11PX;
        //             }
        //             p {
        //                 line-height: 0;
        //                 a {
        //                     color: #333;
        //                     font-size: 13PX;
        //                     line-height: 20PX;
        //                 }
        //             }
        //         }
        //         .coninfoitem_title {
        //             width: 100%;
        //             height: 28PX;
        //             line-height: 28PX;
        //             overflow: hidden;
        //             position: relative;
        //             list-style-position: inside;
        //             color: #000;
        //             display: block;
        //             font-size: 13PX;
        //             display: flex;
        //             align-items: center;
        //             justify-content: space-between;
        //             span:nth-child(1) {
        //                 width: 70%;
        //                 height: 28PX;
        //                 text-align: left;
        //                 overflow: hidden;
        //                 display: block;
        //                 font-size: 14PX;
        //             }
        //             span:nth-child(2) {
        //                 width: 30%;
        //                 height: 28PX;
        //                 text-align: right;
        //                 display: block;
        //                 font-size: 12PX;
        //             }
        //         }
        //     }
        // }
        // .index-layer-1-right {
        //     width: 31%;
        //     border: 1PX solid #ccc;
        //     box-sizing: border-box;
        //     padding: 0 10PX;
        //     padding-bottom: 16PX;
        //     .imgtlt {
        //         width: 100%;
        //         height: 43PX;
        //         border-bottom: 1PX solid #e7e7e7;
        //         a {
        //             display: block;
        //             width: 92PX;
        //             height: 42PX;
        //             line-height: 42PX;
        //             text-align: center;
        //             font-size: 20PX;
        //             color: #333;
        //             border-bottom: 2PX solid #158d91;
        //         }
        //     }
        //     .con_img_list {
        //         display: flex;
        //         flex-wrap: wrap;
        //         a {
        //             width: 48%;
        //             float: left;
        //             overflow: hidden;
        //             height: 100PX;
        //             margin: 20PX auto 0;
        //             display: block;
        //             position: relative;
        //             img {
        //                 display: block;
        //                 width: 100%;
        //                 height: 100%;
        //             }
        //             .con_img_list_rgba {
        //                 position: absolute;
        //                 width: 100%;
        //                 height: 22PX;
        //                 line-height: 21PX;
        //                 box-sizing: border-box;
        //                 padding: 0PX 10PX;
        //                 text-align: center;
        //                 bottom: 0PX;
        //                 left: 0PX;
        //                 color: #fff;
        //                 font-size: 16PX;
        //                 z-index: 11;
        //                 background: rgba(0, 0, 0, .6);
        //                 display: block;
        //                 word-break: keep-all;
        //                 white-space: nowrap;
        //                 overflow: hidden;
        //                 text-overflow: ellipsis;
        //             }
        //         }
        //     }
        // }


    }
    //第一层 end---------------------------------------->

    //轮播图下方三块新闻start---------------------------------------->
    .newsMiddle{
        width: 1401PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
         display: flex;
        align-items: center;
        justify-content:space-between;
        
        .newsContent{
            width: 33%;
            float: left;
            height: auto;
            background: #f5f5f5;
            overflow: hidden;
            padding: 10PX;
            // background: yellow;
            .contentImg{
                width: 39%;
                height: 117PX;
                float: left;
                overflow: hidden;
                // background: blue;
                a{
                    color: #333;
                    img{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }   
            .contentText{
                width: 58%;
                height: 117PX;
                float: right;
                overflow: hidden;
                //  background: red;
                a{
                    
                    display: block;
                    width: 100%;
                    height: 30PX;
                    font-size: 17PX;
                    line-height: 30PX;
                    color: #003793;
                    overflow: hidden;

                }
                p{
                    font-size: 13PX;
                    color: #797979;
                    width: 100%;
                    height: 87PX;
                    overflow: hidden;
                    margin: 0;
                    text-indent: 2em;

                }
            } 
            .newsList{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-top: 2PX;
                // background: red;
                li{
                    // background: blue;
                    width: 100%;
                    height: 23PX;
                    line-height: 23PX;
                    overflow: hidden;
                    color: #9fa0a2;
                    list-style: disc;
                    list-style-position: inside;
                    font-size: 8PX;
                    
                    a{
                        margin-left: 0;
                        font-size: 16PX;
                        color: #333;
                        text-decoration: none;
                        background-color: transparent;
                    }
                    a:hover{
                        color: #0680cb;
                    }
                }

            }

        }
    }



    //轮播图下方三块新闻end---------------------------------------->

    //第二层 start---------------------------------------->
    .index—layer-2 {
        width: 1401PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-2-left {
            width: 65%;
            // float: left;
            height: auto;
            overflow: hidden;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                // background: #fff;
                border-bottom: 1px solid #f5f5f5;
                >div {
                    &.active {
                        border-bottom: 2PX solid #0680cb;
                        color: #0680cb;
                        a {
                            font-size: 22PX;
                            text-align: center;
                            color: #0680cb;
                            
                        }
                    }

                    width: 128PX;
                    height: 40PX;
                    line-height: 40PX;
                    // background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    a {
                        font-size: 22PX;
                        color: #000;
                    }
                }
            }
            .index-tabs2-list{
                padding: 20PX 0 0 0;
                // background: red;
                .newsBox{
                    margin: 0;
                    // background: red;
                    li{
                        height: auto;
                        width: 100%;
                        padding: 0 10PX !important;
                        overflow: hidden;
                        
                        // .li_list_con{
                        //     width: 100%;
                        //     overflow: hidden;
                            .newsItem{
                                width: 100%;
                                height: auto;
                                border-bottom: 1PX solid #ccc;
                                overflow: hidden;
                                margin: 5PX 0;
                                padding: 10PX 0;
                                overflow: hidden;
                                display: flex;
                                align-items: center;
                                justify-content: space-between;
                                .left_con_img{
                                    width: 230PX;
                                    height: 170PX;
                                    float: left;
                                    a{
                                        color: #333;
                                        text-decoration: none;
                                        background: transparent;
                                        img{
                                            display: block;
                                            width: 100%;
                                            height: 100%;
                                            vertical-align: middle;
                                            border: 0;
                                        }
                                    }
                                }
                                 .right_con_text{
                                    width: 80%;
                                    height: 170PX;
                                    overflow: hidden;
                                    padding-left: 20PX;
                                    span{
                                        overflow: hidden;
                                        display: block;
                                        width: 95%;
                                        height: 40PX;
                                        line-height: 40PX;
                                        font-size: 18PX;
                                        color: #000;
                                        a{
                                            color: #333;
                                            text-decoration: none;
                                            background: transparent;
                                        }
                                    }
                                    p{
                                        width:95%;
                                        height: 100PX;
                                        line-height: 25PX;
                                        font-size: 15PX;
                                        color: #797979;
                                        margin: 0;
                                        overflow: hidden;
                                        text-indent: 2em;
                                        a{
                                            color: #d50000;
                                            text-decoration: none;
                                            background: transparent;

                                        }
                                        
                                    }
                                    .text_date {
                                        // background: red;
                                        height: 30PX;
                                        width: 98%;
                                        line-height: 30PX;
                                        text-align: right;
                                        font-size: 15PX;
                                        color: #797979;
                                    }
                                    a:hover{
                                        color: #0071C8;
                                    }
                                }
                            }
                        // }
                       
                    }
                }
            }
            // .index-tabs2-top {
            //     background: #f8f8f8;
            //     padding: 20PX 20PX;
            //     box-sizing: border-box;
            //     display: flex;
            //     border-bottom: 1PX dashed #ddd;
            //     >a {
            //         margin-right: 11PX;
            //         img {
            //             display: block;
            //             width: 120PX;
            //             height: 86PX;
            //         }
            //     }
            //     h3 {
            //         width: 100%;
            //         height: 26PX;
            //         line-height:0;
            //         overflow: hidden;
            //         a {
            //             font-size: 13PX;
            //             color: #333;
            //             font-weight: bold;
            //         }
            //     }
            //     p{
            //         width: 100%;
            //         height: 60PX;
            //         line-height: 20PX;
            //         overflow: hidden;
            //         a {
            //             color: #333;
            //             font-size: 13PX;
            //         }
            //     }
                
            // }
            // .index-tabs2-bottom {
            //     padding: 20PX;
            //     margin: 0;
            //     a {
            //         display: block;
            //         width: 100%;
            //         overflow: hidden;
            //         position: relative;
            //         list-style-position: inside;
            //         color: #333;
            //         line-height: 28PX;
            //         display: flex;
            //         align-items: center;
            //         justify-content: space-between;
            //         span:nth-child(1) {
            //             width: 70%;
            //             height: 28PX;
            //             text-align: left;
            //             overflow: hidden;
            //             display: block;
            //             font-size: 14PX;
            //         }
            //         span:nth-child(2) {
            //             width: 30%;
            //             height: 28PX;
            //             text-align: right;
            //             display: block;
            //             font-size: 12PX;
            //         }
            //     }
            // }
        }
        .index—layer-2-right{
            width: 33%;
            height: auto;
            float: right;
            overflow: hidden;
            .index—layer-2-title{
                width: 100%;
                height: 38PX;
                line-height: 38PX;
                border-bottom: 2PX solid #0071C8;
                // background: red;
                a{
                    display: block;
                    width: 100PX;
                    height: 100%;
                    text-decoration: none;
                    color: #fff;
                    text-align: center;
                    font-size: 18PX;
                    background: #0071C8;
                }           

            }
            .topCase{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 8PX 0PX;
                a{
                    color: #333;
                    text-decoration: none;
                    background: transparent;
                    
                    span:nth-child(1){
                        display: block;
                        width: 50PX;
                        height: 50PX;
                        line-height: 50PX;
                        float: left;
                        font-size: 30PX;
                        background: #f90;
                        text-align: center;
                        color: #fff;
                        margin-right: 10PX;

                        
                    }
                    span{
                        font-size: 16PX;
                        color: #333;
                        display: block;
                        height: 50PX;
                        line-height: 50PX;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        /* 单行省略核心属性 */
                        white-space: nowrap; /* 强制文字不换行 */
                        overflow: hidden; /* 隐藏超出容器的内容 */
                        text-overflow: ellipsis; /* 超出部分显示省略号 */
  
                    }
                    img{
                        display: block;
                        max-width: 100%;
                        max-height: 200PX;
                    }
                }
            }
            .listCase{
                height: auto;
                overflow: hidden;
                width: 100%;

                li{
                    width: 100%;
                    height: 50PX;
                    line-height: 50PX;
                    overflow: hidden;
                    color: #ccc;
                    border-bottom: 1PX solid #ccc;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    // margin-top: 3PX;
                    b{
                        font-size: 25PX;
                        color: #f90;
                        float: left;

                    }
                    span{
                        font-size: 20PX;
                        color: #000;
                        padding: 0 10PX;
                        float: left;
                    }
                    a{
                        font-size: 16PX;
                        color: #333;
                        display: block;

                    }
                    a:hover{
                        color: #0680cb;
                    }
                }
                
            }

        }
        
    }
    //第二层 end---------------------------------------->

    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            width: 1401PX;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 20PX auto;
            box-sizing: border-box;
            // 政策解读
            .left_policyConview_box{
                width: 65%;
                height: auto;
                overflow: hidden;
                float: left;
                // background: red;
                .zcjdItems{
                    width: 46%;
                    float: left;
                    overflow: hidden;
                    height: auto;
                    padding-right: 12PX;
                    // background: blue;
                    .zcjd_title{
                        width: 100%;
                        height: 40PX;
                        overflow: hidden;
                        border-bottom: 1PX solid #0680cb;
                        margin-bottom: 10PX;
                        .zcjd_title_box{
                            height: 40PX;
                            float: left;
                            line-height: 40PX;
                            overflow: hidden;
                            padding: 0 20PX;
                            font-size: 22PX;
                            color: #0680cb;
                            border-bottom: 2PX solid #0680cb;
                            margin-top: -1PX;
                            a{
                                display: block;
                                color: #0680cb;
                                text-decoration: none;
                                background: transparent;

                        }

                        }
                       


                    }
                    .zcjd_item{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        .oneImg{
                            width: 30%;
                            float: left;
                            overflow: hidden;
                            height: auto;
                            max-height: 102PX;
                            a{
                                color: #333;
                                text-decoration: none;
                                background: transparent;
                                img{
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    vertical-align: middle;
                                    border: 0;
                                }
                            }
                        }
                        .oneText{
                            width: 69%;
                            float: right;
                            height: auto;
                            overflow: hidden;
                            // background: red;
                            a{
                                display: block;
                                padding-top: 20PX;
                                color: #333;
                                font-size: 18PX;
                                text-decoration: none;
                                // background: red;
                                background: transparent;


                            }
                            p{
                                width: 100%;
                                height: 40PX;
                                line-height: 20PX;
                                font-size: 13PX;
                                color: #999;
                                overflow: hidden;
                                margin: 0;
                                text-align: justify;

                            }
                        }

                    }
                    .zcjd_contextList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        margin: 10PX 0;
                        // padding-left: 20px;
                        li{
                            display: block;
                            width: 99%;
                            height: 30%;
                            line-height: 30PX;
                            list-style-position: inside;
                            color: #0680cb;
                            overflow: hidden;
                            display: list-item;
                            unicode-bidi: isolate;
                            list-style-type: disc;
                            font-size: 8PX;
                            // background: red;
                            /* 单行省略核心属性 */
                            white-space: nowrap; /* 强制文字不换行 */
                            overflow: hidden; /* 隐藏超出容器的内容 */
                            text-overflow: ellipsis; /* 超出部分显示省略号 */
                            
                            a{
                                display: inline;
                                font-size: 15PX;
                                color: #666;
                                text-decoration: none;
                                // background: blue;
                                background: transparent;
                                
                            }
                        }

                    }
                }
                .zcjdTab{
                    width: 47%;
                    height: 462PX;
                    float: right;
                    overflow: hidden;
                    padding: 0 20PX;
                    border-right: 1PX dashed #dfdfdf;
                    border-left: 1PX dashed #dfdfdf;
                    margin-top: 7PX;
                    // background: yellow;
                    .tabTitle{
                        width: 100%;
                        height: 30PX;
                        overflow: hidden;
                        border-bottom: 2PX solid #dfdfdf;
                        text-align: center;
                        .titleBut{
                            width: 28%;
                            height: 30PX;
                            line-height: 30PX;
                            background: #e3e3e3;
                            display: inline-block;
                            margin: 0 1.4%;
                            vertical-align: top;
                            text-align: center;
                           
                            a{
                                display: block;
                                width: 100%;
                                height: 30PX;
                                line-height: 30PX;
                                // background: red;
                                text-align: center;
                                color: #0790e6;
                                font-size: 14PX;
                            }
                            a:hover{
                                background:#06F;
                                color: #fff;
                            }
                        }
                    }
                    .tabContent{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        padding: 0 10PX;
                        // background: red;
                        .tabList{
                            // display: none;
                            width: 99%;
                            margin: 6PX 0;
                            // background: blue;
                            
                            li{
                                width: 100%;
                                line-height: 30PX;
                                overflow: hidden;
                                color: #06F;
                                list-style: disc;
                                list-style-position: inside;
                                font-size: 8PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                
                                a{
                                    font-size: 14PX;
                                    color: #5f5f5f;
                                    text-decoration: none;
                                    background: transparent;

                                }
                            }
                           
                        }

                    }
                    
                }
 
            }
            //信息公开
            .right_infConview_box{
                width: 33%;
                height: auto;
                float: right;
                overflow: hidden;
                padding-bottom: 24px;
                .publicInformation_title{
                    width: 100%;
                    height: 40PX;
                    line-height: 40PX;
                    border-bottom: 1PX solid #ccc;
                    a{
                        font-size: 18PX;
                        color: #0071C8;
                        display: block;
                        text-align: center;
                        width: 100PX;
                        border-bottom: 2PX solid #2b96f1;

                    }
                }
                .gkxf_content{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    padding: 10PX 0;
                    // margin-bottom: 16PX;
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;

                    }
                    a:nth-child(2){
                        display: inline;
                    }
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;
                        .left_con_img{
                            width: 140PX;
                            height: 85PX;
                            overflow: hidden;
                            float: left;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                        .right_con_text{
                            width: 300PX;
                            padding-left: 20PX;
                            height: auto;
                            overflow: hidden;
                            height: 85PX;
                            line-height: 22PX;
                            overflow: hidden;
                            font-size: 16PX;
                            color: #333;
                            font-weight: normal;
                            text-indent: 2em;

                        }

                    }
                }

            }
            // 执法纪实，环保视窗，反腐要闻
            .zhf_conview_box{
                width: 32%;
                float: left;
                // margin-right: 2%;
                .zhf_box_title{
                    width: 100%;
                    // height: 30PX;
                    line-height: 32PX;
                    text-align: center;
                    background: #5cb7fe;
                    a{
                        font-size: 16PX;
                        color: #fff;
                        display: block;
                    }
                }
                .zhf_contextOne{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 10PX 0;
                    display: flex;
                    align-items: center;
                    justify-content: content;
                    .oneImg{
                        width: 140PX;
                        height: 140PX;
                        float: left;
                        overflow: hidden;
                        a{
                            color: #333;
                            text-decoration: none;
                            background: transparent;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                    }
                    .oneText{
                        width: 270PX;
                        margin-top: -34PX;
                        padding-left: 20PX;
                        overflow: hidden;
                        // background: blue;
                        a:nth-child(1){
                            margin-bottom: 10PX;
                            // background: red;
                            display: block;
                            // padding: 5PX 0;
                            width: 100%;
                            height: 40PX;
                            line-height: 40PX;
                            overflow: hidden;
                            font-size: 17PX;
                            color: #333;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        a:nth-child(2){
                            display: block;
                            // padding: 10PX 0;
                            width: 100%;
                            height: 60PX;
                            // margin-top: 10PX;
                            // line-height: 60PX;
                            font-size: 15PX;
                            color: #666;
                            overflow: hidden;
                        }
                    }
                }
                .zhf_contextList{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    // background: red;
                    // padding-bottom: 10PX;
                    li{
                        list-style-position: inside;
                        height: 26PX;
                        line-height: 26PX;
                        overflow: hidden;
                        color: #5cb7fe;
                        display: list-item;
                        unicode-bidi: isolate;
                        list-style-type: disc;
                        font-size: 8PX;
                        padding-bottom: 1PX;
                        
                        a{
                            
                            font-size: 14PX;
                            color: #454749;
                            text-decoration: none;
                            background: transparent;
                            // background: blue;

                        }
                        a:hover{
                            color: #f90;
                        }
                    }
                }
            
            }
            //部委动态、法律法规、法治研究
            .index—layer-3-news-box {
                width: 32%;
                height: auto;
                .index—layer-3-news-box-title {
                    width: 100%;
                    height: 40PX;
                    overflow: hidden;
                    border-bottom: 1PX solid #0680cb;
                    margin-bottom: 10PX;
                    // background: yellow;
                    a{
                        display: block;
                        float: left;
                        height: 100%;
                        // padding-top: 2.8px;
                        // line-height: 40PX;
                        overflow: hidden;
                        padding: 5PX 20PX;
                        font-size: 22PX;
                        margin-bottom: 0;
                        color: #0680cb;
                        display: block;
                        border-bottom: 2PX solid #0680cb;
                        //background: red;
                        
                    }
                   
                }
                .index—layer-3-news-body{
                   
                    // background: yellow;
                    // 第一块
                    .coniteml{
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        padding: 10PX 0 10PX ;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        
                        .l_img{
                            width: 49%;
                            // background: red;
                            height: 100PX;
                            // float: left;
                            overflow: hidden;
                            a{
                               
                                img{
                                    vertical-align: middle;
                                    // display: block ;
                                    bottom: 0;
                                    width: 100%;
                                    height: 100%;
                                    // margin-top: -20PX;
                                }

                            }
                            
                            
                        }
                        
                    }
                    .conitemlList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: blue;
                        
                        li{
                            height: 35PX;
                            // line-height: 40PX;
                            overflow: hidden;
                            border-bottom: 1PX solid #ccc;
                            background: url(public/image/hot.png) no-repeat 10PX center;
                            padding-left: 30PX;
                            // background: yellow;
                            
                            a{
                                display: block;
                                line-height: 34PX;
                                // background: green;
                                font-size: 15PX;
                                color: #454749;
                                margin-top: 0;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                    }
                    .newsList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: yellow;
                        padding-top: 10PX;
                        li{
                            // border: solid 1px blue;
                            width: 100%;
                            height: 29PX;
                            line-height: 29PX;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            list-style: disc;
                            list-style-position: inside;
                            color: #0680cb;
                            font-size: 14PX;
                            // padding-top: 10PX;
                            // background: yellow;
                            a{
                                width: 96%;
                                height: 100%;
                                line-height: 29PX;
                                margin-top: -18PX;
                                // background:red;
                                color: #333;
                                font-size: 15PX;
                                white-space: nowrap; /* 强制文字不换行 */
                                overflow: hidden; /* 隐藏超出容器的内容 */
                                text-overflow: ellipsis; /* 超出部分显示省略号 */
  
                            }
                            a:hover{
                                color: #0790e6;
                            }
                        }
                    }

                    // 第二块
                    .index—layer-3-news-body-title{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        // background: blue;
                        margin: 10PX 0;
                        color: #333;
                        text-decoration: none;
                        font-size: 12PX;
                        
                        .news-body-left{
                            width: 40%;
                            height: 106PX;
                            overflow: hidden;
                            float: left;
                            margin-right: 20PX;
                            // margin-bottom: 10PX;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .news-body-right{
                            width: 60%;
                            height: auto;
                            overflow: hidden;
                            
                            h3{
                                width: 100%;
                                height: 40PX;
                                line-height: 40PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 18PX;
                                color: #333;
                                font-weight: normal;
                               
                            }
                            p{
                                width: 100%;
                                height: 50PX;
                                line-height: 25PX;
                                overflow: hidden;
                                font-size: 16PX;
                                color: #333; 
                                margin-bottom: 20PX;
                            }
                            
                        }
                
                    }
                    .index—layer-3-news-body-main {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: red;
                        padding: 0;
                        margin: 0;
                        li{
                            width: 100%;
                            height: 40PX;
                            line-height: 40PX;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            border-bottom: 1PX dashed #dedede;
                            // background: blue;
                            padding: 0;
                            margin: 0;
                            a{
                                display: block;
                                width: 100%;
                                // height: 40PX;
                                float: left;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 16PX;
                                color: #333;
                                // background: yellow;
                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                        
                    }
               }
            }
        }
       
    }
    //第三层 end---------------------------------------->

    //农业快讯 start---------------------------------------->
    .agriculturalBriefing{
            width: 1401PX;
            height: auto;
            overflow: hidden;
            margin: 20PX auto;
        .briefingTitle{
            width: 100%;
            height: 40PX;
            overflow: hidden;
            border-bottom: 1PX solid #0680cb;
            margin-bottom: 10PX;
            a{
                display: block;
                float: left;
                height: 100%;
                margin-top: 2.8px;
                // line-height: 40PX;
                overflow: hidden;
                padding: 2PX 20PX;
                font-size: 22PX;
                margin-bottom: 0;
                color: #0680cb;
                display: block;
                border-bottom: 2PX solid #0680cb;
                // background: red;

            }

        }
        .briefingContent{
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #eee;
            margin: 20PX 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentItem{
                width: 50%;
                height: auto;
                overflow: hidden;
                float: left;
                padding: 10PX;
                
                .items_img{
                    width: 213PX;
                    height: 130PX;
                    overflow: hidden;
                    float: left;
                    a{
                        color: #333;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;

                        }
                    }
                }
                .items_text{
                    padding-left: 20PX;
                    overflow: hidden;
                    padding-right: 20PX;
                    span{
                        display: block;
                        width: 100%;
                        height: 50PX;
                        line-height: 50PX;
                        overflow: hidden;
                        text-align: center;
                        font-size: 18PX;
                        color: #000;
                        a{
                            color: #333;

                        }
                    }
                    p{
                        width: 100%;
                        height: 80PX;
                        line-height: 27PX;
                        font-size: 15PX;
                        color: #454749;
                        text-indent: 2em;
                        overflow: hidden;
                        margin: 0;

                    }

                }
            }
                
        }

    }

    //农业快讯 end---------------------------------------->

    //第四层 start---------------------------------------->
    .index-layer-4 {
        width: 1401PX;
        border: 1PX solid #ccc;
        border-radius: 20PX;
        padding: 10PX 20PX;
        box-sizing: border-box;
        margin: 20PX auto;
        .index-layer-4-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            border-bottom: 1PX solid #0680cb;
            a{
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                    display: block;
                    float: left;
                    height: 100%;
                    margin-top: -2px;
                    // line-height: 40PX;
                    overflow: hidden;
                    padding: 2PX 20PX;
                
                    margin-bottom: 0;
                    border-bottom: 2PX solid #0680cb;
                }
                &:last-child {
                    font-size: 16PX;
                    color: #f00;
                    border: none;
                    float: right;
                }
                display: block;
            }
        }
        .index-layer-4-body {
            .post_nr {
                width: 100%;
                height: auto;
                margin: 20PX auto;
                // border: 1PX solid #ccc;
                border-radius: 10PX;
                // padding: 20PX !important;
                box-sizing: border-box;
                .name {
                    display: block;
                    width: 100%;
                    height: auto;
                    line-height: 40PX;
                    font-size: 16PX;
                    color: #333;
                }
                b {
                    font-size: 17PX;
                    margin: 0 10PX;
                }
                li {
                    border-bottom: 1PX solid #ccc;
                    padding-bottom: 15PX;
                    margin-bottom: 10PX;
                    box-sizing: border-box;
                    p {
                        margin: 0;
                        height: auto;
                        line-height: 25PX;
                        font-size: 15PX;
                        color: #000;
                        &.hfnr {
                            font-weight: bold;
                            span {
                                color: #f00;
                            }
                        }
                    }
                }
            }
        }
    }
    //第四层 end----------------------------------------> 
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
    //滚动字幕 start---------------------------------------->
    .swiper-container {
        height: 35PX;
        border: 1px solid #d90f0f;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 20PX auto;
        width: 100%;
        position: relative;
        min-width: 801PX;
        max-width: 1400PX;
        .container_name{
            width:8.5%;
            height:100%;
            background:red;
            line-height: 35PX;
            color: #fff;
            font-size: 16PX;
            background: #d90f0f;
            text-align: center;
    
        }
        .container_horse_out{
            width:89%;
            height:100%;
             overflow: hidden;
             position:relative;
            //background:blue;
        }
        
        .container_in{
            width:100%;
            height:100%;
            display: flex;
            gap: 30PX;
            // background:blue;
            position:absolute;
            vertical-align: top;
            font-size:16PX;
            color:block;
            color: #000;
            display: inline-block;
            white-space: nowrap;
            /* 动画：名称 时长 线性 无限循环 */
            animation: scroll-left 20s linear infinite;
            left: 0;

            a{
                display: inline-block;
                padding: 6PX 15PX;
                text-decoration: none;
                white-space: nowrap; /* 禁止文字换行 */
                flex-shrink: 0; /* 禁止挤压收缩，保证宽度固定 */
            }
            
            a:hover{
                color: #1380e6
            }
        }
        
         /* 滚动动画关键帧 */
        @keyframes scroll-left {
            0% {
                transform: translateX(0); /* 初始位置 */
            }
            100% {
                transform: translateX(-100%); /* 向左滚动100%宽度 */
            }
        }
        .container_in:deep(a) {
            color: inherit;
            text-decoration: none;
         }
     

    }
    //滚动字幕 end---------------------------------------->
    .custom-swiper {
        width: 100%;
        height: 100%;
        padding: 10PX 5PX;//给两侧留出空间
    }
    .custom-swiper :deep(.swiper-wrapper) {
        align-items: stretch;//使所有幻灯片高度一致
    }
    .custom-swiper :deep(.swiper-slide) {
        height: auto;
        transition: transform 0.3s ease;
    }
    //悬停效果
    .custom-swiper :deep(.swiper-slide:hover) {
        transform: translateY(-5px);
        z-index: 10;
    }
    .slide-link {
        display: block;
        text-decoration: none;
        color: inherit;
        height: 100%;
        width: 100%;
    }
    .image-container {
        position: relative;
        width: 100%;
        height: 118PX;//根据需求调整
        overflow: hidden;
        box-shadow: 0 4PX 12PX rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        background: #f5f5f5;//加载时的背景色
    }
    .image-container:hover {
        box-shadow: 0 8PX 24PX rgba(0, 0, 0, 0.15);
    }
    .slide-image {
        // width: 100%;
        // height: 100%;
        width: 264PX;
        height: 118PX;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    .image-container:hover .slide-image {
        transform: scale(1.05);
    }
    .image-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: white;
        padding: 12PX 15PX;
        font-size: 14PX;
        line-height: 1.4;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: rgba(0, 0, 0, .6)
    }
    .custom-indicators {
        display: flex;
        justify-content: center;
        gap: 8PX;
        margin-top: 25PX;
        padding: 15PX 10PX;
        flex-wrap: wrap;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50PX;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .indicator-btn {
        width: 36PX;
        height: 36PX;
        border-radius: 50%;
        border: 2PX solid #e0e0e0;
        background: white;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 14PX;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
    }
    .indicator-btn:hover {
        background: #f0f9ff;
        border-color: #409eff;
        transform: scale(1.1);
    }
    .indicator-btn.active-indicator {
        background: #409eff;
        color: white;
        border-color: #409eff;
        box-shadow: 0 4PX 12PX rgba(64, 158, 255, 0.3);
    }
    //swiper加载动画
    .image-container:empty::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite;
        border-radius: 12PX;
    }
    @keyframes loading {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
    }
    //swiper箭头颜色
    .custom-swiper :deep(.swiper-button-prev),
    .custom-swiper :deep(.swiper-button-next) {
        color: white !important;//箭头颜色改为白色
    }
    .custom-swiper :deep(.swiper-button-prev):after,
    .custom-swiper :deep(.swiper-button-next):after {
        color: white !important;//确保箭头图标也是白色
    }
    //swiper轮播图 end---------------------------------------->
    //轮播图 start---------------------------------------->
    .nuxt-swiper {
        width: 100%;
        height: 441PX;
        position: relative;
        img {
            width: 100%;
            height: 441PX;
        }
        span {
            display: inline-block;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            padding-left: 20PX;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            font-family: Source Han Sans, Source Han Sans;
            font-size: 16PX;
            color: #FFFFFF;
            //background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
            background: rgba(0, 0, 0, .6);
        }
    }
    .el-carousel {
        
        // 左右箭头按钮
        .el-carousel__arrow--right :deep(.class-name),
        .el-carousel__arrow--left :deep(.class-name) {
            width: 68PX;
            height: 68PX;
        }
        //左右箭头图片
        /deep/.el-icon svg {
            height: 1em;
            width: 1em;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow {
            border-radius: 0;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow i {
            font-size: 68PX !important;
            color: #06F;
        }
        /deep/ .el-carousel__indicators {
            // 指示器
            left: unset;
            transform: unset;
            right: 41%;
        }
        /deep/ .el-carousel__button {
            // 指示器按钮
            width: 15PX;
            height: 15PX;
            border-radius: 50%;
            border: none;
            opacity: 1;
            background-color: #FFFFFF;
            bottom: 30PX;
        }
        /deep/ .is-active .el-carousel__button {
            // 指示器激活按钮
            background: #158d91;
        }
        /deep/.custom-indicators {
            position: absolute;
            bottom: 10PX;
            left: 50%;
            transform: translateX(-50%);
        }
        /deep/ .el-carousel__indicators {
            right:3%;
            bottom: 10%;
        }
        /deep/ .el-carousel__arrow{
            top:50%;
        }
        /deep/ .el-carousel__container{
            height: 441PX;
            position: relative;
        }
    
    }

    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        min-width: 801PX;
        max-width: 1400PX;
        height: 441PX;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-1-left {
            width: 47%;
            height: auto;
            border: 1PX solid #ccc;
            overflow: hidden;  
    
        }
        // 通知公告
        .notice{
            width: 50%;
            height: auto;
            overflow: hidden;
            .notice_title{
                width: 100%;
                height: auto;
                overflow: hidden;
                
                border-bottom: 1px solid #d9d9d9;
                a{
                    display: block;
                    height: 35PX;
                    line-height: 35PX;
                    float: left;
                    border-bottom: 4PX solid #0680cb;
                    font-size: 22PX;
                    color: #0680cb;
                    padding: 0 20PX;
                }

            }
            .tab_top{
                width: 100%;
                height: auto;
                overflow: hidden;
                padding: 20PX;
                // background: blue;
                .listImg{
                    width: 31%;
                    height: auto;
                    overflow: hidden;
                    float: left;
                    height: 230PX;
                    a{
                        text-decoration: none;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;
                            vertical-align: middle;
                            border: 0;

                        }

                    }
                    

                }
                .newList{
                    width: 66%;
                    height: auto;
                    // overflow: hidden;
                    float: right;
                    // margin-top: 20PX;
                    margin-top: 20px;
                    li{
                        width: 100%;
                        height: 50PX;
                        line-height: 50PX;
                        // overflow: hidden;
                        border-bottom: 1PX solid #eee6d8;
                        // text-overflow: ellipsis;
                        // white-space: nowrap;
                        // background: blue;
                        a{
                            display: inline-block;
                            font-size: 16PX;
                            color: #333;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            width: 93%;
                            // background: red;
                        }
                        a:hover {
                            color: #337ab7;;
                        }
                    }
                    li:last-child {
                        border: none;
                    }
                }

            }
            .htnews{
                width: 100%;
                height: auto;
                overflow: hidden;
                // background: green;
                display: flex;
                align-items: center;
                justify-content: space-between;
                .hotnewitems{
                    width: 50%;
                    //float: left;
                    height: auto;
                    overflow: hidden;
                    margin: 0;
                    // background: yellow;
                    li{
                        height: 32PX;
                        line-height: 32PX;
                        overflow: hidden;
                        width: 80%;
                        // background:blue;
                        background: url(public/image/hot.png)  no-repeat left 10PX;
                        padding-left: 20PX;
                        overflow: hidden;
                        a{
                            width: 100%;
                            font-size: 16PX;
                            color: #333;
                            overflow: hidden;
                            line-height: 32PX;
                            display: block;
                            text-overflow: ellipsis;
                            white-space: nowrap;

                        }
                    }
                }

            }
        }
        
    }
    //第一层 end---------------------------------------->

    //轮播图下方三块新闻start---------------------------------------->
    .newsMiddle{
        min-width: 801PX;
        max-width: 1400PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
         display: flex;
        align-items: center;
        justify-content:space-between;
        
        .newsContent{
            width: 33%;
            float: left;
            height: auto;
            background: #f5f5f5;
            overflow: hidden;
            padding: 10PX;
            // background: yellow;
            .contentImg{
                width: 39%;
                height: 117PX;
                float: left;
                overflow: hidden;
                // background: blue;
                a{
                    color: #333;
                    img{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }   
            .contentText{
                width: 58%;
                height: 117PX;
                float: right;
                overflow: hidden;
                //  background: red;
                a{
                    
                    display: block;
                    width: 100%;
                    height: 30PX;
                    font-size: 17PX;
                    line-height: 30PX;
                    color: #003793;
                    overflow: hidden;

                }
                p{
                    font-size: 13PX;
                    color: #797979;
                    width: 100%;
                    height: 87PX;
                    overflow: hidden;
                    margin: 0;
                    text-indent: 2em;

                }
            } 
            .newsList{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-top: 2PX;
                // background: red;
                li{
                    // background: blue;
                    width: 100%;
                    height: 23PX;
                    line-height: 23PX;
                    overflow: hidden;
                    color: #9fa0a2;
                    list-style: disc;
                    list-style-position: inside;
                    font-size: 8PX;
                    
                    a{
                        margin-left: 0;
                        font-size: 16PX;
                        color: #333;
                        text-decoration: none;
                        background-color: transparent;
                    }
                    a:hover{
                        color: #0680cb;
                    }
                }

            }

        }
    }



    //轮播图下方三块新闻end---------------------------------------->

    //第二层 start---------------------------------------->
    .index—layer-2 {
        min-width: 801PX;
        max-width: 1400PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-2-left {
            width: 65%;
            // float: left;
            height: auto;
            overflow: hidden;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                // background: #fff;
                border-bottom: 1px solid #f5f5f5;
                >div {
                    &.active {
                        border-bottom: 2PX solid #0680cb;
                        color: #0680cb;
                        a {
                            font-size: 22PX;
                            text-align: center;
                            color: #0680cb;
                            
                        }
                    }

                    width: 128PX;
                    height: 40PX;
                    line-height: 40PX;
                    // background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    a {
                        font-size: 22PX;
                        color: #000;
                    }
                }
            }
            .index-tabs2-list{
                padding: 20PX 0 0 0;
                // background: red;
                .newsBox{
                    margin: 0;
                    // background: red;
                    li{
                        height: auto;
                        width: 100%;
                        padding: 0 10PX !important;
                        overflow: hidden;
                        
                        // .li_list_con{
                        //     width: 100%;
                        //     overflow: hidden;
                        .newsItem{
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            width: 100%;
                            height: auto;
                            border-bottom: 1PX solid #ccc;
                            overflow: hidden;
                            margin: 5PX 0;
                            padding: 10PX 0;
                            .left_con_img{
                                width: 40%;
                                height: 170PX;
                                float: left;
                                overflow: hidden;
                                a{
                                    color: #333;
                                    text-decoration: none;
                                    background: transparent;
                                    img{
                                        display: block;
                                        width: 100%;
                                        height: 100%;
                                        vertical-align: middle;
                                        border: 0;
                                    }
                                }
                            }
                        }
                        // }
                        .right_con_text{
                            height: 170PX;
                            width: 60%;
                            // overflow: hidden;
                            padding-left: 20PX;
                            span{
                                // overflow: hidden;
                                display: block;
                                width:95%;
                                height: 40PX;
                                line-height: 40PX;
                                font-size: 18PX;
                                color: #000;
                                a{
                                    display: block;
                                    height: 100%;
                                    color: #333;
                                    text-decoration: none;
                                    background: transparent;
                                    overflow: hidden;
                                }
                            }
                            p{
                                width: 95%;
                                height: 100PX;
                                line-height: 25PX;
                                font-size: 15PX;
                                color: #797979;
                                margin: 0;
                                overflow: hidden;
                                // white-space: nowrap; /* 强制文字不换行 */
                                // overflow: hidden; /* 隐藏超出容器的内容 */
                                // text-overflow: ellipsis; /* 超出部分显示省略号 */
                                text-indent: 2em;
                                a{
                                   
                                    width: 100%;
                                    color: #d50000;
                                    text-decoration: none;
                                    background: transparent;
                                   

                                }
                                
                            }
                            .text_date {
                                // background: red;
                                height: 30PX;
                                line-height: 30PX;
                                text-align: right;
                                font-size: 15PX;
                                color: #797979;
                            }
                            a:hover{
                                color: #0071C8;
                            }
                        }
                    }
                }
            }
            
        }
        .index—layer-2-right{
            width: 33%;
            height: auto;
            float: right;
            overflow: hidden;
            .index—layer-2-title{
                width: 100%;
                height: 38PX;
                line-height: 38PX;
                border-bottom: 2PX solid #0071C8;
                // background: red;
                a{
                    display: block;
                    width: 100PX;
                    height: 100%;
                    text-decoration: none;
                    color: #fff;
                    text-align: center;
                    font-size: 18PX;
                    background: #0071C8;
                }           

            }
            .topCase{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 8PX 0PX;
                a{
                    color: #333;
                    text-decoration: none;
                    background: transparent;
                    
                    span:nth-child(1){
                        display: block;
                        width: 50PX;
                        height: 50PX;
                        line-height: 50PX;
                        float: left;
                        font-size: 30PX;
                        background: #f90;
                        text-align: center;
                        color: #fff;
                        margin-right: 10PX;

                        
                    }
                    span{
                        font-size: 16PX;
                        color: #333;
                        display: block;
                        height: 50PX;
                        line-height: 50PX;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        /* 单行省略核心属性 */
                        white-space: nowrap; /* 强制文字不换行 */
                        overflow: hidden; /* 隐藏超出容器的内容 */
                        text-overflow: ellipsis; /* 超出部分显示省略号 */
  
                    }
                    img{
                        display: block;
                        max-width: 100%;
                        max-height: 200PX;
                    }
                }
            }
            .listCase{
                height: auto;
                overflow: hidden;
                width: 100%;

                li{
                    width: 100%;
                    height: 50PX;
                    line-height: 50PX;
                    overflow: hidden;
                    color: #ccc;
                    border-bottom: 1PX solid #ccc;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    // margin-top: 3PX;
                    b{
                        font-size: 25PX;
                        color: #f90;
                        float: left;

                    }
                    span{
                        font-size: 20PX;
                        color: #000;
                        padding: 0 10PX;
                        float: left;
                    }
                    a{
                        font-size: 16PX;
                        color: #333;
                        display: block;

                    }
                    a:hover{
                        color: #0680cb;
                    }
                }
                
            }

        }
        
    }
    //第二层 end---------------------------------------->

    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            min-width: 801PX;
            max-width: 1400PX;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 20PX auto;
            box-sizing: border-box;
            padding: 0 10px;
            // 政策解读
            .left_policyConview_box{
                width: 65%;
                height: auto;
                overflow: hidden;
                float: left;
                // background: red;
                .zcjdItems{
                    width: 46%;
                    float: left;
                    overflow: hidden;
                    height: auto;
                    padding-right: 12PX;
                    // background: blue;
                    .zcjd_title{
                        width: 100%;
                        height: 40PX;
                        overflow: hidden;
                        border-bottom: 1PX solid #0680cb;
                        margin-bottom: 10PX;
                        .zcjd_title_box{
                            height: 40PX;
                            float: left;
                            line-height: 40PX;
                            overflow: hidden;
                            padding: 0 20PX;
                            font-size: 22PX;
                            color: #0680cb;
                            border-bottom: 2PX solid #0680cb;
                            margin-top: -1PX;
                            a{
                                display: block;
                                color: #0680cb;
                                text-decoration: none;
                                background: transparent;

                        }

                        }
                       


                    }
                    .zcjd_item{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        .oneImg{
                            width: 30%;
                            float: left;
                            overflow: hidden;
                            height: auto;
                            max-height: 102PX;
                            a{
                                color: #333;
                                text-decoration: none;
                                background: transparent;
                                img{
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    vertical-align: middle;
                                    border: 0;
                                }
                            }
                        }
                        .oneText{
                            width: 69%;
                            float: right;
                            height: auto;
                            overflow: hidden;
                            // background: red;
                            a{
                                display: block;
                                padding-top: 20PX;
                                color: #333;
                                font-size: 18PX;
                                text-decoration: none;
                                // background: red;
                                background: transparent;


                            }
                            p{
                                width: 100%;
                                height: 40PX;
                                line-height: 20PX;
                                font-size: 13PX;
                                color: #999;
                                overflow: hidden;
                                margin: 0;
                                text-align: justify;

                            }
                        }

                    }
                    .zcjd_contextList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        margin: 10PX 0;
                        // padding-left: 20px;
                        li{
                            display: block;
                            width: 100%;
                            height: 30%;
                            line-height: 30PX;
                            list-style-position: inside;
                            color: #0680cb;
                            overflow: hidden;
                            display: list-item;
                            unicode-bidi: isolate;
                            list-style-type: disc;
                            font-size: 8PX;
                            // background: red;
                            /* 单行省略核心属性 */
                           
                            
                            a{
                                width: 95%;
                                display: inline-block;
                                font-size: 15PX;
                                color: #666;
                                text-decoration: none;
                                // background: blue;
                                background: transparent;
                                 white-space: nowrap; /* 强制文字不换行 */
                                overflow: hidden; /* 隐藏超出容器的内容 */
                                text-overflow: ellipsis; /* 超出部分显示省略号 */
                                vertical-align: middle;
                            }
                        }

                    }
                }
                .zcjdTab{
                    width: 46%;
                    height: 462PX;
                    float: right;
                    overflow: hidden;
                    padding: 0 10PX;
                    border-right: 1PX dashed #dfdfdf;
                    border-left: 1PX dashed #dfdfdf;
                    margin-top: 7PX;
                    // background: yellow;
                    .tabTitle{
                        width: 100%;
                        height: 30PX;
                        overflow: hidden;
                        border-bottom: 2PX solid #dfdfdf;
                        text-align: center;
                        .titleBut{
                            width: 28%;
                            height: 30PX;
                            line-height: 30PX;
                            background: #e3e3e3;
                            display: inline-block;
                            margin: 0 1.4%;
                            vertical-align: top;
                            text-align: center;
                           
                            a{
                                display: block;
                                width: 100%;
                                height: 30PX;
                                line-height: 30PX;
                                // background: red;
                                text-align: center;
                                color: #0790e6;
                                font-size: 14PX;
                            }
                            a:hover{
                                background:#06F;
                                color: #fff;
                            }
                        }
                    }
                    .tabContent{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        padding: 0 10PX;
                        // background: red;
                        .tabList{
                            // display: none;
                            width: 99%;
                            margin: 6PX 0;
                            // background: blue;
                            
                            li{
                                width: 100%;
                                line-height: 30PX;
                                overflow: hidden;
                                color: #06F;
                                list-style: disc;
                                list-style-position: inside;
                                font-size: 8PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                
                                a{
                                    font-size: 14PX;
                                    color: #5f5f5f;
                                    text-decoration: none;
                                    background: transparent;

                                }
                            }
                           
                        }

                    }
                    
                }
 
            }
            //信息公开
            .right_infConview_box{
                width: 33%;
                height: auto;
                float: right;
                overflow: hidden;
                padding-bottom: 24px;
                .publicInformation_title{
                    width: 100%;
                    height: 40PX;
                    line-height: 40PX;
                    border-bottom: 1PX solid #ccc;
                    a{
                        font-size: 18PX;
                        color: #0071C8;
                        display: block;
                        text-align: center;
                        width: 100PX;
                        border-bottom: 2PX solid #2b96f1;

                    }
                }
                .gkxf_content{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    padding: 10PX 0;
                    // margin-bottom: 16PX;
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;

                    }
                    a:nth-child(2){
                        display: inline;
                    }
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;
                        .left_con_img{
                            width: 140PX;
                            height: 85PX;
                            overflow: hidden;
                            float: left;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                        .right_con_text{
                            // background: red;
                            // width: 300PX;
                            padding-left: 20PX;
                            height: auto;
                            overflow: hidden;
                            height: 85PX;
                            line-height: 22PX;
                            overflow: hidden;
                            font-size: 16PX;
                            color: #333;
                            font-weight: normal;
                            text-indent: 2em;

                        }

                    }
                }

            }
            // 执法纪实，环保视窗，反腐要闻
            .zhf_conview_box{
                width: 32%;
                float: left;
                // margin-right: 2%;
                .zhf_box_title{
                    width: 100%;
                    // height: 30PX;
                    line-height: 32PX;
                    text-align: center;
                    background: #5cb7fe;
                    a{
                        font-size: 16PX;
                        color: #fff;
                        display: block;
                    }
                }
                .zhf_contextOne{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 10PX 0;
                    display: flex;
                    align-items: center;
                    justify-content: content;
                    .oneImg{
                        width: 140PX;
                        height: 140PX;
                        float: left;
                        overflow: hidden;
                        a{
                            color: #333;
                            text-decoration: none;
                            background: transparent;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                    }
                    .oneText{
                        width: 290PX;
                        margin-top: -34PX;
                        padding-left: 20PX;
                        overflow: hidden;
                        // background: blue;
                        a:nth-child(1){
                            margin-bottom: 10PX;
                            // background: red;
                            display: block;
                            // padding: 5PX 0;
                            width: 100%;
                            height: 40PX;
                            line-height: 40PX;
                            overflow: hidden;
                            font-size: 17PX;
                            color: #333;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        a:nth-child(2){
                            display: block;
                            // padding: 10PX 0;
                            width: 100%;
                            height: 60PX;
                            // margin-top: 10PX;
                            // line-height: 60PX;
                            font-size: 15PX;
                            color: #666;
                            overflow: hidden;
                           
                            text-overflow: ellipsis;
                        }
                    }
                }
                .zhf_contextList{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    // background: red;
                    // padding-bottom: 10PX;
                    li{
                        list-style-position: inside;
                        height: 26PX;
                        line-height: 26PX;
                        overflow: hidden;
                        color: #5cb7fe;
                        display: list-item;
                        unicode-bidi: isolate;
                        list-style-type: disc;
                        font-size: 8PX;
                        padding-bottom: 1PX;
                        // background: blue;
                        a{
                            display: inline-block;
                            width: 90%;
                            font-size: 14PX;
                            color: #454749;
                            text-decoration: none;
                            background: transparent;
                            // background: red;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            vertical-align: middle;
                        }
                        a:hover{
                            color: #f90;
                        }
                    }
                }
            
            }
            //部委动态、法律法规、法治研究
            .index—layer-3-news-box {
                width: 32%;
                height: auto;
                .index—layer-3-news-box-title {
                    width: 100%;
                    height: 40PX;
                    overflow: hidden;
                    border-bottom: 1PX solid #0680cb;
                    margin-bottom: 10PX;
                    // background: yellow;
                    a{
                        display: block;
                        float: left;
                        height: 100%;
                        // padding-top: 2.8px;
                        // line-height: 40PX;
                        overflow: hidden;
                        padding: 5PX 20PX;
                        font-size: 22PX;
                        margin-bottom: 0;
                        color: #0680cb;
                        display: block;
                        border-bottom: 2PX solid #0680cb;
                        //background: red;
                        
                    }
                   
                }
                .index—layer-3-news-body{
                   
                    // background: yellow;
                    // 第一块
                    .coniteml{
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        padding: 10PX 0 10PX ;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        
                        .l_img{
                            width: 49%;
                            // background: red;
                            height: 100PX;
                            // float: left;
                            overflow: hidden;
                            a{
                               
                                img{
                                    vertical-align: middle;
                                    // display: block ;
                                    bottom: 0;
                                    width: 100%;
                                    height: 100%;
                                    // margin-top: -20PX;
                                }

                            }
                            
                            
                        }
                        
                    }
                    .conitemlList{
                        width: 100%;
                        height: auto;
                        // overflow: hidden;
                        // background: blue;
                        
                        li{
                            height: 35PX;
                            // line-height: 40PX;
                            overflow: hidden;
                            border-bottom: 1PX solid #ccc;
                            background: url(public/image/hot.png) no-repeat 10PX center;
                            padding-left: 30PX;
                            // background: yellow;
                            
                            a{
                                display: inline-block;
                                width: 100%;
                                line-height: 34PX;
                                // background: green;
                                font-size: 15PX;
                                color: #454749;
                                margin-top: 0;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;

                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                    }
                    .newsList{
                        width: 100%;
                        height: auto;
                        // overflow: hidden;
                        // background: yellow;
                        padding-top: 10PX;
                        li{
                            // border: solid 1px blue;
                            width: 100%;
                            height: 29PX;
                            line-height: 29PX;
                            // overflow: hidden;
                            // text-overflow: ellipsis;
                            // white-space: nowrap;
                            list-style: disc;
                            list-style-position: inside;
                            color: #0680cb;
                            font-size: 14PX;
                            // padding-top: 10PX;
                            // background: yellow;
                            a{
                                height: 100%;
                                line-height: 29PX;
                                margin-top: -63PX;
                                color: #333;
                                font-size: 15PX;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                width: 96%;
                                display: inline-block;
                                margin-left: 16px;
                                vertical-align: middle;
  
                            }
                            a:hover{
                                color: #0790e6;
                            }
                        }
                    }

                    // 第二块
                    .index—layer-3-news-body-title{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        // background: blue;
                        margin: 10PX 0;
                        color: #333;
                        text-decoration: none;
                        font-size: 12PX;
                        
                        .news-body-left{
                            width: 40%;
                            height: 106PX;
                            overflow: hidden;
                            float: left;
                            margin-right: 20PX;
                            // margin-bottom: 10PX;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .news-body-right{
                            width: 60%;
                            height: auto;
                            overflow: hidden;
                            
                            h3{
                                width: 100%;
                                height: 40PX;
                                line-height: 40PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 18PX;
                                color: #333;
                                font-weight: normal;
                               
                            }
                            p{
                                width: 100%;
                                height: 50PX;
                                line-height: 25PX;
                                overflow: hidden;
                                font-size: 16PX;
                                color: #333; 
                                margin-bottom: 20PX;
                            }
                            
                        }
                
                    }
                    .index—layer-3-news-body-main {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: red;
                        padding: 0;
                        margin: 0;
                        li{
                            width: 100%;
                            height: 40PX;
                            line-height: 40PX;
                            // overflow: hidden;
                            // text-overflow: ellipsis;
                            // white-space: nowrap;
                            border-bottom: 1PX dashed #dedede;
                            // background: blue;
                            padding: 0;
                            margin: 0;
                            a{
                                display: block;
                                width: 100%;
                                // height: 40PX;
                                float: left;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 16PX;
                                color: #333;
                                // background: yellow;
                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                        
                    }
               }
            }
        }
       
    }
    //第三层 end---------------------------------------->

    //农业快讯 start---------------------------------------->
    .agriculturalBriefing{
        min-width: 801PX;
        max-width: 1400PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        .briefingTitle{
            width: 100%;
            height: 40PX;
            overflow: hidden;
            border-bottom: 1PX solid #0680cb;
            margin-bottom: 10PX;
            a{
                display: block;
                float: left;
                height: 100%;
                margin-top: 2.8px;
                // line-height: 40PX;
                overflow: hidden;
                padding: 2PX 20PX;
                font-size: 22PX;
                margin-bottom: 0;
                color: #0680cb;
                display: block;
                border-bottom: 2PX solid #0680cb;
                // background: red;

            }

        }
        .briefingContent{
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #eee;
            margin: 20PX 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            .contentItem{
                width: 50%;
                height: auto;
                overflow: hidden;
                float: left;
                padding: 10PX;
                
                .items_img{
                    width: 213PX;
                    height: 130PX;
                    overflow: hidden;
                    float: left;
                    a{
                        color: #333;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;

                        }
                    }
                }
                .items_text{
                    padding-left: 20PX;
                    overflow: hidden;
                    padding-right: 20PX;
                    span{
                        display: block;
                        width: 100%;
                        height: 50PX;
                        line-height: 50PX;
                        overflow: hidden;
                        text-align: center;
                        font-size: 18PX;
                        color: #000;
                        a{
                            color: #333;

                        }
                    }
                    p{
                        width: 100%;
                        height: 80PX;
                        line-height: 27PX;
                        font-size: 15PX;
                        color: #454749;
                        text-indent: 2em;
                        overflow: hidden;
                        margin: 0;

                    }

                }
            }
                
        }

    }

    //农业快讯 end---------------------------------------->

    //第四层 start---------------------------------------->
    .index-layer-4 {
        min-width: 801PX;
        max-width: 1400PX;
        border: 1PX solid #ccc;
        border-radius: 20PX;
        padding: 10PX 20PX;
        box-sizing: border-box;
        margin: 20PX auto;
        .index-layer-4-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            border-bottom: 1PX solid #0680cb;
            a{
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                    display: block;
                    float: left;
                    height: 100%;
                    margin-top: -2px;
                    // line-height: 40PX;
                    overflow: hidden;
                    padding: 2PX 20PX;
                
                    margin-bottom: 0;
                    border-bottom: 2PX solid #0680cb;
                }
                &:last-child {
                    font-size: 16PX;
                    color: #f00;
                    border: none;
                    float: right;
                }
                display: block;
            }
        }
        .index-layer-4-body {
            .post_nr {
                width: 100%;
                height: auto;
                margin: 20PX auto;
                // border: 1PX solid #ccc;
                border-radius: 10PX;
                // padding: 20PX !important;
                box-sizing: border-box;
                .name {
                    display: block;
                    width: 100%;
                    height: auto;
                    line-height: 40PX;
                    font-size: 16PX;
                    color: #333;
                }
                b {
                    font-size: 17PX;
                    margin: 0 10PX;
                }
                li {
                    border-bottom: 1PX solid #ccc;
                    padding-bottom: 15PX;
                    margin-bottom: 10PX;
                    box-sizing: border-box;
                    p {
                        margin: 0;
                        height: auto;
                        line-height: 25PX;
                        font-size: 15PX;
                        color: #000;
                        &.hfnr {
                            font-weight: bold;
                            span {
                                color: #f00;
                            }
                        }
                    }
                }
            }
        }
    }
    //第四层 end----------------------------------------> 
}
@media screen and (max-width: 800px) {
    //滚动字幕 start---------------------------------------->
    .swiper-container {
        height: 35PX;
        border: 1px solid #d90f0f;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 20PX auto;
        // padding: 20PX 20PX;
        width: 96%;
        position: relative;
        max-width: 800px;
        .container_name{
            width:24%;
            height:100%;
            background:red;
            line-height: 35PX;
            color: #fff;
            font-size: 16PX;
            background: #d90f0f;
            text-align: center;
    
        }
        .container_horse_out{
            width:89%;
            height:100%;
             overflow: hidden;
             position:relative;
            //background:blue;
        }
        
        .container_in{
            width:100%;
            height:100%;
            display: flex;
            gap: 30PX;
            // background:blue;
            position:absolute;
            vertical-align: top;
            font-size:16PX;
            color:block;
            color: #000;
            display: inline-block;
            white-space: nowrap;
            /* 动画：名称 时长 线性 无限循环 */
            animation: scroll-left 20s linear infinite;
            left: 0;

            a{
                display: inline-block;
                padding: 6PX 15PX;
                text-decoration: none;
                white-space: nowrap; /* 禁止文字换行 */
                flex-shrink: 0; /* 禁止挤压收缩，保证宽度固定 */
            }
            
            a:hover{
                color: #1380e6
            }
        }
        
         /* 滚动动画关键帧 */
        @keyframes scroll-left {
            0% {
                transform: translateX(0); /* 初始位置 */
            }
            100% {
                transform: translateX(-100%); /* 向左滚动100%宽度 */
            }
        }
        .container_in:deep(a) {
            color: inherit;
            text-decoration: none;
         }
     

    }
    //滚动字幕 end---------------------------------------->
    .custom-swiper {
        width: 100%;
        height: 100%;
        padding: 10PX 5PX;//给两侧留出空间
    }
    .custom-swiper :deep(.swiper-wrapper) {
        align-items: stretch;//使所有幻灯片高度一致
    }
    .custom-swiper :deep(.swiper-slide) {
        height: auto;
        transition: transform 0.3s ease;
    }
    //悬停效果
    .custom-swiper :deep(.swiper-slide:hover) {
        transform: translateY(-5px);
        z-index: 10;
    }
    .slide-link {
        display: block;
        text-decoration: none;
        color: inherit;
        height: 100%;
        width: 100%;
    }
    .image-container {
        position: relative;
        width: 100%;
        height: 118PX;//根据需求调整
        overflow: hidden;
        box-shadow: 0 4PX 12PX rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        background: #f5f5f5;//加载时的背景色
    }
    .image-container:hover {
        box-shadow: 0 8PX 24PX rgba(0, 0, 0, 0.15);
    }
    .slide-image {
        // width: 100%;
        // height: 100%;
        width: 264PX;
        height: 118PX;
        object-fit: cover;
        transition: transform 0.5s ease;
    }
    .image-container:hover .slide-image {
        transform: scale(1.05);
    }
    .image-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: white;
        padding: 12PX 15PX;
        font-size: 14PX;
        line-height: 1.4;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: rgba(0, 0, 0, .6)
    }
    .custom-indicators {
        display: flex;
        justify-content: center;
        gap: 8PX;
        margin-top: 25PX;
        padding: 15PX 10PX;
        flex-wrap: wrap;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50PX;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .indicator-btn {
        width: 36PX;
        height: 36PX;
        border-radius: 50%;
        border: 2PX solid #e0e0e0;
        background: white;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        font-size: 14PX;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none;
    }
    .indicator-btn:hover {
        background: #f0f9ff;
        border-color: #409eff;
        transform: scale(1.1);
    }
    .indicator-btn.active-indicator {
        background: #409eff;
        color: white;
        border-color: #409eff;
        box-shadow: 0 4PX 12PX rgba(64, 158, 255, 0.3);
    }
    //swiper加载动画
    .image-container:empty::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite;
        border-radius: 12PX;
    }
    @keyframes loading {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
    }
    //swiper箭头颜色
    .custom-swiper :deep(.swiper-button-prev),
    .custom-swiper :deep(.swiper-button-next) {
        color: white !important;//箭头颜色改为白色
    }
    .custom-swiper :deep(.swiper-button-prev):after,
    .custom-swiper :deep(.swiper-button-next):after {
        color: white !important;//确保箭头图标也是白色
    }
    //swiper轮播图 end---------------------------------------->
    //轮播图 start---------------------------------------->
    .nuxt-swiper {
        width: 100%;
        height: 187.5PX;
        position: relative;
        img {
            width: 100%;
            height: auto;
        }
        span {
            display: inline-block;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            padding-left: 20PX;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            left: 0;
            font-family: Source Han Sans, Source Han Sans;
            font-size: 16PX;
            color: #FFFFFF;
            //background: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
            background: rgba(0, 0, 0, .6);
        }
    }
    .el-carousel {
        
        // 左右箭头按钮
        .el-carousel__arrow--right :deep(.class-name),
        .el-carousel__arrow--left :deep(.class-name) {
            width: 68PX;
            height: 68PX;
        }
        //左右箭头图片
        /deep/.el-icon svg {
            height: 1em;
            width: 1em;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow {
            border-radius: 0;
            background-color: transparent;
        }
        /deep/.el-carousel__arrow i {
            font-size: 68PX !important;
            color: #06F;
        }
        /deep/ .el-carousel__indicators {
            // 指示器
            left: unset;
            transform: unset;
            right: 41%;
        }
        /deep/ .el-carousel__button {
            // 指示器按钮
            width: 15PX;
            height: 15PX;
            border-radius: 50%;
            border: none;
            opacity: 1;
            background-color: #FFFFFF;
            bottom: 30PX;
        }
        /deep/ .is-active .el-carousel__button {
            // 指示器激活按钮
            background: #158d91;
        }
        /deep/.custom-indicators {
            position: absolute;
            bottom: 10PX;
            left: 50%;
            transform: translateX(-50%);
        }
        /deep/ .el-carousel__indicators {
            right:3%;
            bottom: 10%;
        }
        /deep/ .el-carousel__arrow{
            top:50%;
        }
        /deep/ .el-carousel__container{
            height: 187.5PX;
            position: relative;
        }
    
    }

    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        max-width: 800px;
        // height: 187.5PX;
        overflow: hidden;
        // margin: 20PX 20PX;
        padding: 0 8PX;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-1-left {
            width: 100%;
            height: auto;
            border: 1PX solid #ccc;
            overflow: hidden;  
    
        }
        // 通知公告
        .notice{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 10PX 20PX;
            .notice_title{
                width: 100%;
                height: auto;
                overflow: hidden;
                
                border-bottom: 1px solid #d9d9d9;
                a{
                    display: block;
                    height: 35PX;
                    line-height: 35PX;
                    float: left;
                    border-bottom: 4PX solid #0680cb;
                    font-size: 22PX;
                    color: #0680cb;
                    padding: 0 20PX;
                }

            }
            .tab_top{
                width: 90%;
                height: auto;
                overflow: hidden;
                padding: 20PX;
                // background: blue;
                .listImg{
                    width: 28%;
                    height: 150PX;
                    overflow: hidden;
                    float: left;
                    // height: 230PX;
                    a{
                        text-decoration: none;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;
                            vertical-align: middle;
                            border: 0;

                        }

                    }
                    

                }
                .newList{
                    width: 70%;
                    height: auto;
                    overflow: hidden;
                    float: right;
                    // margin-top: 20PX;
                    // margin-top: 20px;
                    li{
                        width: 100%;
                        height: 36PX;
                        line-height: 36PX;
                        overflow: hidden;
                        border-bottom: 1PX solid #eee6d8;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // background: blue;
                        a{
                            display: block;
                            width:100%;
                            font-size: 14PX;
                            color: #333;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            // width: 200PX;
                            // background: red;
                        }
                        a:hover {
                            color: #337ab7;;
                        }
                    }
                    li:last-child {
                        border: none;
                    }
                }

            }
            .htnews{
                width: 100%;
                height: auto;
                overflow: hidden;
                // background: green;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                // justify-content: space-between;
                .hotnewitems{
                    width: 100%;
                    //float: left;
                    height: auto;
                    overflow: hidden;
                    margin: 0;
                    // background: yellow;
                    padding: 0 20PX;
                    li{
                        height: 32PX;
                        line-height: 32PX;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;

                        width: 90%;
                        // background:blue;
                        background: url(public/image/hot.png)  no-repeat left 10PX;
                        padding-left: 20PX;
                        overflow: hidden;
                        a{
                            width: 100%;
                            display: block;
                            font-size: 14PX;
                            color: #333;
                            // background: red;
                            overflow: hidden;
                            
                            text-overflow: ellipsis;
                            white-space: nowrap;

                        }
                    }
                }

            }
        }
        
    }
    //第一层 end---------------------------------------->

    //轮播图下方三块新闻start---------------------------------------->
    .newsMiddle{
        max-width: 800px;
        height: auto;
        overflow: hidden;
        padding: 0 10PX;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content:space-between;
        
        .newsContent{
            width: 100%;
            float: left;
            height: auto;
            background: #f5f5f5;
            overflow: hidden;
            padding: 10PX;
            // background: yellow;
            .contentImg{
                width: 100%;
                height: auto;
                float: left;
                overflow: hidden;
                // background: blue;
                a{
                    color: #333;
                    img{
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }
            }   
            .contentText{
                width: 100%;
                height: 98PX;
                float: right;
                overflow: hidden;
                //  background: red;
                a{
                    
                    display: block;
                    width: 100%;
                    height: 30PX;
                    font-size: 17PX;
                    line-height: 30PX;
                    color: #003793;
                    overflow: hidden;

                }
                p{
                    font-size: 13PX;
                    color: #797979;
                    width: 100%;
                    // height: 87PX;
                    overflow: hidden;
                    margin: 0;
                    text-indent: 2em;

                }
            } 
            .newsList{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin-top: 2PX;
                // background: red;
                 
                li{
                    // background: blue;
                    width: 100%;
                    height: 23PX;
                    // line-height: 20PX;
                    
                    overflow: hidden;
                    color: #9fa0a2;
                    list-style: disc;
                    list-style-position: inside;
                    font-size: 8PX;
                    
                    a{
                        display: inline-block;
                        width: 92%;
                        height: 23PX;
                        line-height: 23PX;
                        margin-left: 4PX;
                        font-size: 14PX;
                        color: #333;
                        text-decoration: none;
                        background-color: transparent;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        // background: red;
                        vertical-align: middle;
                    }
                    a:hover{
                        color: #0680cb;
                    }
                }

            }

        }
    }



    //轮播图下方三块新闻end---------------------------------------->

    //第二层 start---------------------------------------->
    .index—layer-2 {
        max-width: 800px;
        height: auto;
        overflow: hidden;
        margin: 20PX 20PX 0;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        // justify-content: space-between;
        .index—layer-2-left {
            width: 100%;
            // float: left;
            height: auto;
            overflow: hidden;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                // background: #fff;
                border-bottom: 1px solid #f5f5f5;
                >div {
                    &.active {
                        border-bottom: 2PX solid #0680cb;
                        color: #0680cb;
                        a {
                            font-size: 22PX;
                            text-align: center;
                            color: #0680cb;
                            
                        }
                    }

                    width: 128PX;
                    height: 40PX;
                    line-height: 40PX;
                    // background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    a {
                        font-size: 22PX;
                        color: #000;
                    }
                }
            }
            .index-tabs2-list{
                padding: 20PX 10PX 0;
                // background: red;
                .newsBox{
                    // margin: 0;
                    // background: red;
                    li{
                        height: auto;
                        width: 100%;
                        padding: 10px 0 !important;
                        margin: 10PX 0 !important;
                       border-bottom: 1PX solid #ccc;
                       
                        .newsItem{
                            width: 100%;
                            height: auto;
                            // border-bottom: 1PX solid #ccc;
                            overflow: hidden;
                            // margin: 5PX 0;
                            // padding: 10PX 0;
                            .left_con_img{
                                width: 100%;
                                // height: 170PX;
                                // float: left;
                                // overflow: hidden;
                                a{
                                    color: #333;
                                    text-decoration: none;
                                    background: transparent;
                                    img{
                                        display: block;
                                        width: 100%;
                                        height: 100%;
                                        // vertical-align: middle;
                                        border: 0;
                                    }
                                }
                            }
                            .right_con_text{
                                width: 100%;
                                // height: 170PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                // padding-left: 20PX;
                                text-align: center;
                                span{
                                    overflow: hidden;
                                    display: block;
                                    width: 100%;
                                    height: 38PX;
                                    line-height: 38PX;
                                    font-size: 15PX;
                                    color: #000;
                                    a{
                                        color: #333;
                                        text-decoration: none;
                                        background: transparent;
                                    }
                                }
                                p{
                                    // display: block;
                                    width: 100%;
                                    height: 90PX;
                                    font-size: 13PX;
                                    color: #797979;
                                    margin: 0;
                                    overflow: hidden;
                                    text-indent: 2em;
                                    // height: 2.4rem;
                                    line-height: 23PX;
                                    text-align: start;
                                    // background: rebeccapurple;
                                    a{
                                        color: #d50000;
                                        text-decoration: none;
                                        background: transparent;

                                    }
                                    
                                }
                                .text_date {
                                    display: none;
                                    // background: red;
                                    height: 30PX;
                                    line-height: 30PX;
                                    text-align: right;
                                    font-size: 15PX;
                                    color: #797979;
                                }
                                a:hover{
                                    color: #0071C8;
                                }
                            }
                        }
                           
                    }
                }
            }
            
        }
        .index—layer-2-right{
            display: none;
            width: 100%;
            height: auto;
            float: right;
            overflow: hidden;
            .index—layer-2-title{
                width: 100%;
                height: 38PX;
                line-height: 38PX;
                border-bottom: 2PX solid #0071C8;
                // background: red;
                a{
                    display: block;
                    width: 100PX;
                    height: 100%;
                    text-decoration: none;
                    color: #fff;
                    text-align: center;
                    font-size: 18PX;
                    background: #0071C8;
                }           

            }
            .topCase{
                width: 100%;
                height: auto;
                overflow: hidden;
                margin: 8PX 0PX;
                a{
                    color: #333;
                    text-decoration: none;
                    background: transparent;
                    
                    span:nth-child(1){
                        display: block;
                        width: 50PX;
                        height: 50PX;
                        line-height: 50PX;
                        float: left;
                        font-size: 30PX;
                        background: #f90;
                        text-align: center;
                        color: #fff;
                        margin-right: 10PX;

                        
                    }
                    span{
                        font-size: 16PX;
                        color: #333;
                        display: block;
                        height: 50PX;
                        line-height: 50PX;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        /* 单行省略核心属性 */
                        white-space: nowrap; /* 强制文字不换行 */
                        overflow: hidden; /* 隐藏超出容器的内容 */
                        text-overflow: ellipsis; /* 超出部分显示省略号 */
  
                    }
                    img{
                        display: block;
                        max-width: 100%;
                        max-height: 200PX;
                    }
                }
            }
            .listCase{
                height: auto;
                overflow: hidden;
                width: 100%;

                li{
                    width: 100%;
                    height: 50PX;
                    line-height: 50PX;
                    overflow: hidden;
                    color: #ccc;
                    border-bottom: 1PX solid #ccc;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    // margin-top: 3PX;
                    b{
                        font-size: 25PX;
                        color: #f90;
                        float: left;

                    }
                    span{
                        font-size: 20PX;
                        color: #000;
                        padding: 0 10PX;
                        float: left;
                    }
                    a{
                        font-size: 16PX;
                        color: #333;
                        display: block;

                    }
                    a:hover{
                        color: #0680cb;
                    }
                }
                
            }

        }
        
    }
    //第二层 end---------------------------------------->

    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            max-width: 800px;
            display: flex;
            // align-items: center;
            flex-wrap: wrap;
            // justify-content: space-between;
            margin: 20PX 20PX;
            box-sizing: border-box;
            // 政策解读
            .left_policyConview_box{
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                // background: red;
                .zcjdItems{
                    width: 100%;
                    float: left;
                    overflow: hidden;
                    height: auto;
                    padding-right: 12PX;
                    // background: blue;
                    padding-bottom: 10PX;
                    .zcjd_title{
                        width: 100%;
                        height: 40PX;
                        overflow: hidden;
                        border-bottom: 1PX solid #0680cb;
                        margin-bottom: 10PX;
                        .zcjd_title_box{
                            height: 40PX;
                            float: left;
                            line-height: 40PX;
                            overflow: hidden;
                            padding: 0 20PX;
                            font-size: 22PX;
                            color: #0680cb;
                            border-bottom: 2PX solid #0680cb;
                            margin-top: -1PX;
                            a{
                                display: block;
                                color: #0680cb;
                                text-decoration: none;
                                background: transparent;

                            }

                        }
                       


                    }
                    .zcjd_item{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        .oneImg{
                            width: 30%;
                            float: left;
                            overflow: hidden;
                            height: auto;
                            max-height: 102PX;
                            a{
                                color: #333;
                                text-decoration: none;
                                background: transparent;
                                img{
                                    display: block;
                                    width: 100%;
                                    height: auto;
                                    vertical-align: middle;
                                    border: 0;
                                }
                            }
                        }
                        .oneText{
                            width: 69%;
                            float: right;
                            height: auto;
                            overflow: hidden;
                            margin-top: 14PX;
                            // background: red;
                            a{
                                display: block;
                                padding-top: 20PX;
                                color: #333;
                                font-size: 11.5PX;
                                text-decoration: none;
                                // background: red;
                                background: transparent;


                            }
                            p{
                                width: 100%;
                                height: 40PX;
                                line-height: 20PX;
                                font-size: 12PX;
                                color: #999;
                                overflow: hidden;
                                margin: 0;
                                text-align: justify;

                            }
                        }

                    }
                    .zcjd_contextList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        margin: 10PX 0;
                        // padding-left: 20px;
                        li{
                            // display: block;
                            width: 98%;
                            height: 23PX;
                            line-height: 23PX;
                            list-style-position: inside;
                            color: #0680cb;
                            overflow: hidden;
                            display: list-item;
                            unicode-bidi: isolate;
                            list-style-type: disc;
                            font-size: 12PX;
                            // background: red;
                            /* 单行省略核心属性 */
                            white-space: nowrap; /* 强制文字不换行 */
                            overflow: hidden; /* 隐藏超出容器的内容 */
                            // text-overflow: ellipsis; /* 超出部分显示省略号 */
                            
                            a{
                                display: inline-block;
                                width: 95%;
                                font-size: 13PX;
                                color: #666;
                                text-decoration: none;
                                // background: blue;
                                background: transparent;
                                overflow: hidden;
                                white-space: nowrap; /* 强制文字不换行 */
                                text-overflow: ellipsis; /* 超出部分显示省略号 */
                                vertical-align: middle;
                            }
                        }

                    }
                }
                .zcjdTab{
                    display: none;
                    width: 100%;
                    // height: 462PX;
                    float: right;
                    overflow: hidden;
                    // padding: 0 15PX;
                    // border-right: 1PX dashed #dfdfdf;
                    // border-left: 1PX dashed #dfdfdf;
                    margin-top: 7PX;
                    // background: yellow;
                    .tabTitle{
                        width: 100%;
                        height: 30PX;
                        overflow: hidden;
                        border-bottom: 2PX solid #dfdfdf;
                        text-align: center;
                        .titleBut{
                            width: 28%;
                            height: 30PX;
                            line-height: 30PX;
                            background: #e3e3e3;
                            display: inline-block;
                            margin: 0 1.4%;
                            vertical-align: top;
                            text-align: center;
                           
                            a{
                                display: block;
                                width: 100%;
                                height: 30PX;
                                line-height: 30PX;
                                // background: red;
                                text-align: center;
                                color: #0790e6;
                                font-size: 14PX;
                            }
                            a:hover{
                                background:#06F;
                                color: #fff;
                            }
                        }
                    }
                    .tabContent{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // padding: 0 10PX;
                        // background: red;
                        .tabList{
                            // display: none;
                            width: 99%;
                            margin: 6PX 0;
                            // background: blue;
                            
                            li{
                                width: 100%;
                                line-height: 22PX;
                                overflow: hidden;
                                color: #06F;
                                list-style: disc;
                                list-style-position: inside;
                                font-size: 12PX;
                                overflow: hidden;
                                // text-overflow: ellipsis;
                                // white-space: nowrap;
                                
                                a{
                                    display: inline-block;
                                    width: 94%;

                                    font-size: 13PX;
                                    color: #5f5f5f;
                                    text-decoration: none;
                                    background: transparent;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    vertical-align: middle;

                                }
                            }
                           
                        }

                    }
                    
                }
 
            }
            //信息公开
            .right_infConview_box{
                display: none;
                width: 100%;
                height: auto;
                float: right;
                overflow: hidden;
                // padding-bottom: 24px;
                .publicInformation_title{
                    width: 100%;
                    height: 40PX;
                    line-height: 40PX;
                    border-bottom: 1PX solid #ccc;
                    a{
                        font-size: 18PX;
                        color: #0071C8;
                        display: block;
                        text-align: center;
                        width: 100PX;
                        border-bottom: 2PX solid #2b96f1;

                    }
                }
                .gkxf_content{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    padding: 10PX 0;
                    // margin-bottom: 16PX;
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;

                    }
                    a:nth-child(2){
                        display: inline;
                    }
                    a{
                        display: block;
                        width: 100%;
                        height: 39PX;
                        line-height: 39PX;
                        overflow: hidden;
                        font-size: 15PX;
                        font-weight: bold;
                        color: #000;
                        .left_con_img{
                            width: 140PX;
                            height: 85PX;
                            overflow: hidden;
                            float: left;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                        .right_con_text{
                            // background: red;
                            // width: 300PX;
                            padding-left: 20PX;
                            height: auto;
                            overflow: hidden;
                            height: 85PX;
                            line-height: 22PX;
                            overflow: hidden;
                            font-size: 16PX;
                            color: #333;
                            font-weight: normal;
                            text-indent: 2em;

                        }

                    }
                }

            }
            // 执法纪实，环保视窗，反腐要闻
            .zhf_conview_box{
                width: 100%;
                float: left;
                padding: 10PX 0;
                // margin-right: 2%;
                .zhf_box_title{
                    width: 100%;
                    // height: 30PX;
                    line-height: 32PX;
                    text-align: center;
                    background: #5cb7fe;
                    a{
                        font-size: 16PX;
                        color: #fff;
                        display: block;
                    }
                }
                .zhf_contextOne{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    margin: 10PX 0;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: content;
                    .oneImg{
                        width: 100%;
                        height: 150PX;
                        float: left;
                        overflow: hidden;
                        a{
                            color: #333;
                            text-decoration: none;
                            background: transparent;
                            img{
                                display: block;
                                width: 100%;
                                height: 100%;

                            }
                        }
                    }
                    .oneText{
                        width: 100%;
                        // margin-top: -34PX;
                        // padding-left: 20PX;
                        overflow: hidden;
                        // background: blue;
                        a:nth-child(1){
                            margin-bottom: 10PX;
                            // background: red;
                            display: block;
                            // padding: 5PX 0;
                            width: 100%;
                            height: 40PX;
                            line-height: 40PX;
                            overflow: hidden;
                            font-size: 17PX;
                            color: #333;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }
                        a:nth-child(2){
                            display: block;
                            // padding: 10PX 0;
                            width: 100%;
                            height: 60PX;
                            // margin-top: 10PX;
                            // line-height: 60PX;
                            font-size: 15PX;
                            color: #666;
                            overflow: hidden;
                        }
                    }
                }
                .zhf_contextList{
                    width: 100%;
                    height: auto;
                    overflow: hidden;
                    // background: red;
                    // padding-bottom: 10PX;
                    li{
                        list-style-position: inside;
                        height: 26PX;
                        line-height: 26PX;
                        overflow: hidden;
                        color: #5cb7fe;
                        display: list-item;
                        unicode-bidi: isolate;
                        list-style-type: disc;
                        font-size: 10PX;
                        padding-bottom: 1PX;
                        // background: blue;
                        a{
                            width: 94%;
                            display: inline-block;
                            font-size: 13PX;
                            color: #454749;
                            text-decoration: none;
                            background: transparent;
                            // background: red;
                            overflow: hidden;
                            white-space: nowrap; /* 强制文字不换行 */
                            text-overflow: ellipsis; /* 超出部分显示省略号 */
                            vertical-align: middle;

                        }
                        a:hover{
                            color: #f90;
                        }
                    }
                }
            
            }
            //部委动态、法律法规、法治研究
            .index—layer-3-news-box {
                width: 100%;
                height: auto;
                .index—layer-3-news-box-title {
                    width: 100%;
                    height: 40PX;
                    overflow: hidden;
                    border-bottom: 1PX solid #0680cb;
                    margin-bottom: 10PX;
                    // background: yellow;
                    a{
                        display: block;
                        float: left;
                        height: 100%;
                        // padding-top: 2.8px;
                        // line-height: 40PX;
                        overflow: hidden;
                        padding: 5PX 20PX;
                        font-size: 22PX;
                        margin-bottom: 0;
                        color: #0680cb;
                        display: block;
                        border-bottom: 2PX solid #0680cb;
                        //background: red;
                        
                    }
                   
                }
                .index—layer-3-news-body{
                    padding: 20PX 0;
                    // background: yellow;
                    // 第一块
                    .coniteml{
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        padding: 10PX 0 10PX ;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        // justify-content: space-between;
                        
                        .l_img{
                            width: 100%;
                            // background: red;
                            height: 150PX;
                            // float: left;
                            overflow: hidden;
                            margin-bottom: 10PX;
                            a{
                               
                                img{
                                    vertical-align: middle;
                                    // display: block ;
                                    bottom: 0;
                                    width: 100%;
                                    height: 100%;
                                    // margin-top: -20PX;
                                }

                            }
                            
                            
                        }
                        
                    }
                    .conitemlList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: blue;
                        
                        li{
                            height: 22.5PX;
                            // line-height: 40PX;
                            overflow: hidden;
                            border-bottom: 1PX solid #ccc;
                            background: url(public/image/hot.png) no-repeat 10PX center;
                            padding-left: 30PX;
                            // background: yellow;
                            
                            a{
                                display: block;
                                line-height: 22.5PX;
                                // background: green;
                                font-size: 13PX;
                                color: #454749;
                                margin-top: 0;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                overflow: hidden;
                                white-space: nowrap; /* 强制文字不换行 */
                                text-overflow: ellipsis; /* 超出部分显示省略号 */
                                // vertical-align: middle;
                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                    }
                    .newsList{
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: yellow;
                        // padding-top: 10PX;
                        li{
                            // border: solid 1px blue;
                            width: 100%;
                            height: 22.5PX;
                            line-height: 2.5PX;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            list-style: disc;
                            list-style-position: inside;
                            color: #0680cb;
                            font-size: 14PX;
                            // padding-top: 10PX;
                            // background: yellow;
                            a{
                                width: 96%;
                                height: 100%;
                                line-height: 22.5PX;
                                // margin-top: -18PX;
                                // background:red;
                                color: #333;
                                font-size: 13PX;
                                white-space: nowrap; /* 强制文字不换行 */
                                overflow: hidden; /* 隐藏超出容器的内容 */
                                text-overflow: ellipsis; /* 超出部分显示省略号 */
  
                            }
                            a:hover{
                                color: #0790e6;
                            }
                        }
                    }

                    // 第二块
                    .index—layer-3-news-body-title{
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        // background: blue;
                        // margin: 10PX 0;
                        color: #333;
                        text-decoration: none;
                        font-size: 12PX;
                        
                        .news-body-left{
                            width: 40%;
                            height: 106PX;
                            overflow: hidden;
                            float: left;
                            margin-right: 20PX;
                            // margin-bottom: 10PX;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        .news-body-right{
                            width: 60%;
                            height: auto;
                            overflow: hidden;
                            margin-top: -50PX;
                            h3{
                                width: 100%;
                                height: 22.5PX;
                                line-height: 22.5PX;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 15PX;
                                color: #333;
                                font-weight: normal;
                               
                            }
                            p{
                                width: 100%;
                                height: 30PX;
                                line-height: 15PX;
                                overflow: hidden;
                                font-size: 13PX;
                                color: #333; 
                                // margin-bottom: 20PX;
                            }
                            
                        }
                
                    }
                    .index—layer-3-news-body-main {
                        width: 100%;
                        height: auto;
                        overflow: hidden;
                        // background: red;
                        padding:  0;
                        margin: 0;
                        li{
                            width: 100%;
                            height: 30PX;
                            line-height: 30PX;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            border-bottom: 1PX dashed #dedede;
                            // background: blue;
                            padding: 0;
                            margin: 0;
                            a{
                                display: block;
                                width: 100%;
                                // height: 40PX;
                                float: left;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                                font-size: 13PX;
                                color: #333;
                                // background: yellow;
                            }
                            a:hover{
                                color: #409eff;
                            }
                        }
                        
                    }
               }
            }
        }
       
    }
    //第三层 end---------------------------------------->

    //农业快讯 start---------------------------------------->
    .agriculturalBriefing{
        max-width: 800px;
        height: auto;
        overflow: hidden;
        padding: 0 10PX;
        .briefingTitle{
            width: 100%;
            height: 40PX;
            overflow: hidden;
            border-bottom: 1PX solid #0680cb;
            margin-bottom: 10PX;
            a{
                display: block;
                float: left;
                height: 100%;
                margin-top: -5PX;
                // line-height: 40PX;
                overflow: hidden;
                padding: 2PX 20PX;
                font-size: 22PX;
                margin-bottom: 0;
                color: #0680cb;
                display: block;
                border-bottom: 2PX solid #0680cb;
                // background: red;

            }

        }
        .briefingContent{
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #eee;
            margin: 20PX 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            // justify-content: space-between;
            .contentItem{
                width: 100%;
                height: auto;
                overflow: hidden;
                float: left;
                padding: 10PX;
                
                .items_img{
                    width: 100%;
                    // height: 130PX;
                    overflow: hidden;
                    float: left;
                    a{
                        color: #333;
                        img{
                            display: block;
                            width: 100%;
                            height: 100%;

                        }
                    }
                }
                .items_text{
                    width: 100%;
                    // padding-left: 20PX;
                    overflow: hidden;
                    // padding-right: 20PX;
                    span{
                        display: block;
                        width: 100%;
                        height: 38PX;
                        line-height: 38PX;
                        overflow: hidden;
                        text-align: center;
                        font-size: 19PX;
                        color: #000;
                        a{
                            color: #333;

                        }
                    }
                    p{
                        width: 100%;
                        height: 90PX;
                        line-height: 30PX;
                        font-size: 15PX;
                        color: #454749;
                        text-indent: 2em;
                        overflow: hidden;
                        margin: 0;

                    }

                }
            }
                
        }

    }

    //农业快讯 end---------------------------------------->

    //第四层 start---------------------------------------->
    .index-layer-4 {
        display: none;
        max-width: 800px;
        border: 1PX solid #ccc;
        border-radius: 20PX;
        padding: 10PX 20PX;
        box-sizing: border-box;
        margin: 20PX auto;
        .index-layer-4-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            border-bottom: 1PX solid #0680cb;
            a{
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                    display: block;
                    float: left;
                    height: 100%;
                    margin-top: -2px;
                    // line-height: 40PX;
                    overflow: hidden;
                    padding: 2PX 20PX;
                
                    margin-bottom: 0;
                    border-bottom: 2PX solid #0680cb;
                }
                &:last-child {
                    font-size: 16PX;
                    color: #f00;
                    border: none;
                    float: right;
                }
                display: block;
            }
        }
        .index-layer-4-body {
            .post_nr {
                width: 100%;
                height: auto;
                margin: 20PX auto;
                // border: 1PX solid #ccc;
                border-radius: 10PX;
                // padding: 20PX !important;
                box-sizing: border-box;
                .name {
                    display: block;
                    width: 100%;
                    height: auto;
                    line-height: 40PX;
                    font-size: 16PX;
                    color: #333;
                }
                b {
                    font-size: 17PX;
                    margin: 0 10PX;
                }
                li {
                    border-bottom: 1PX solid #ccc;
                    padding-bottom: 15PX;
                    margin-bottom: 10PX;
                    box-sizing: border-box;
                    p {
                        margin: 0;
                        height: auto;
                        line-height: 25PX;
                        font-size: 15PX;
                        color: #000;
                        &.hfnr {
                            font-weight: bold;
                            span {
                                color: #f00;
                            }
                        }
                    }
                }
            }
        }
    }
    //第四层 end----------------------------------------> 
   
}
</style>