fzfzcj_org_cn/pages/index.vue

<template>
    <div>
        <!--logo-->
        <HomePageHead></HomePageHead>
        <!--导航-->
        <HomePageNavigation></HomePageNavigation>
        <main class="index_main">
            <div class="index_1">
                <div class="new_banner">
                    <swiper :modules="modules" :slides-per-view="1" :space-between="0" navigation
                        :pagination="{ clickable: true }" :scrollbar="{ draggable: true }" class="mySwiper mySwiper1"
                        :loop="true" :autoplay="{
                            delay: 3333,
                            disableOnInteraction: false,
                        }">
                        <!-- 幻灯片 1 -->
                        <swiper-slide v-for="(per_obj, per_index) in 5">
                            <NuxtLink to="/">
                                <div class="new_imgCon">
                                    <img src="/public/index/news.png" title="全区各级法院深入基层宣讲党的二十届四中全会精神" data-isloaded="1">
                                </div>
                                <span>全区各级法院深入基层宣讲党的二十届四中全会精神</span>
                            </NuxtLink>
                        </swiper-slide>
                    </swiper>
                </div>
                <div class="new_rightCon">
                    <div class="new_Contlt clearfix">
                        <h3>
                            <NuxtLink to="/">法制资讯</NuxtLink>
                        </h3>
                    </div>
                    <ul class="new_newList">
                        <li v-for="(per_obj, per_index) in 9">
                            <NuxtLink to="/" title="全区各级法院深入基层宣讲党的二十届四中全会精神">全区各级法院深入基层宣讲党的二十届四中全会精神</NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="index_2">
                <div class="index_2_in new_conview">
                    <div class="new_swiper_tlt">
                        <span>滚 动 新 闻</span>
                    </div>
                    <div class="new_swiper_con" id="main_js">
                        <div class="new_swiper_con_long" id="demo_js">
                            <div class="new_swiper_con_in" id="demo1_js">
                                <div class="new_swiper_per" v-for="(per_obj, per_index) in 11">
                                    <NuxtLink to="/">
                                        <div class="">
                                            <img src="/public/index/news.png" title="全区各级法院深入基层宣讲党的二十届四中全会精神"
                                                data-isloaded="1">
                                        </div>
                                        <span>中央军委举行晋升上将军衔仪式 习近平颁发命令状并向晋衔的军官表示祝贺</span>
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="new_swiper_con_in" id="demo2_js"></div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <div class="index_3 new_conview_bg">
            <main class="index_main index_3_in">
                <div class="new_con_item">
                    <div class="new_con_tlt1">
                        <NuxtLink to="/">各地动态</NuxtLink>
                    </div>
                    <ul>
                        <li v-for="(per_obj, per_index) in 8">
                            <NuxtLink to="/">走进基层 | 牦牛踩踏起纷争 多元共治暖民心</NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="new_con_item">
                    <div class="new_con_tlt1">
                        <NuxtLink to="/">政策法规</NuxtLink>
                    </div>
                    <ul>
                        <li v-for="(per_obj, per_index) in 8">
                            <NuxtLink to="/">李强签署国务院令 公布《商事调解条例》</NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="new_con_item">
                    <div class="new_con_tlt1">
                        <NuxtLink to="/">政策解读</NuxtLink>
                    </div>
                    <ul>
                        <li v-for="(per_obj, per_index) in 8">
                            <NuxtLink to="/">辟谣！2026年私发“带颜色”信息就违法？真相是这样</NuxtLink>
                        </li>
                    </ul>
                </div>
            </main>
        </div>
        <main class="index_main">
            <div class="index_4">
                <div class="new_conleft">
                    <div class="new_conleft_tlt">
                        <NuxtLink to="/">重点播报</NuxtLink>
                    </div>
                    <div class="new_con_box" v-for="(per_obj, per_index) in 3">
                        <NuxtLink to="/">
                            <div class="new_img_box">
                                <img src="http://img.fazdyzx.org.cn/202511/00bb6ae6ebf4040.png"
                                    data-src="http://img.fazdyzx.org.cn/202511/00bb6ae6ebf4040.png"
                                    title="习近平会见主要国际经济组织负责人" data-isloaded="1">
                            </div>
                            <h3>习近平会见主要国际经济组织负责人</h3>
                            <p>　　新华社北京12月10日电&ensp;12月10日上午，国家主席习近平在北京人民大会堂会见来华出席“1+10”对话会的主要国际经济组织负责人。　　习近平同主要国际经济组织负责人合影留念，感......
                            </p>
                        </NuxtLink>
                    </div>
                </div>
                <div class="new_conright">
                    <ul class="new_tabtlt">
                        <li :class="{ new_tabtlt_select: activeIndex === 0 }" @mouseenter="activeIndex = 0">
                            <NuxtLink to="/">今日说法</NuxtLink>
                        </li>
                        <li :class="{ new_tabtlt_select: activeIndex === 1 }" @mouseenter="activeIndex = 1">
                            <NuxtLink to="/">法制宣传</NuxtLink>
                        </li>
                    </ul>
                    <div class="new_tab_con">
                        <div class="new_tab_item" v-show="activeIndex === 0">
                            <div class="new_tab_img">
                                <NuxtLink to="/">
                                    <img src="http://img.fazdyzx.org.cn/202407/3889f335d70e972.jpg"
                                        data-src="http://img.fazdyzx.org.cn/202407/3889f335d70e972.jpg"
                                        title="《吉林省实施〈中华人民共和国反恐怖主义法〉办法》新闻发布会实录" data-isloaded="1">
                                    <span>《吉林省实施〈中华人民共和国反恐怖主义法〉办法》新...</span>
                                </NuxtLink>
                            </div>
                            <ul class="new_tab_list">
                                <li v-for="(per_obj, per_index) in 4">
                                    <NuxtLink to="/">法治日报：“立审执破”一体化的渝水实践：畅通企业“生”与“死...</NuxtLink>
                                </li>
                            </ul>
                        </div>
                        <div class="new_tab_item" v-show="activeIndex === 1">
                            <div class="new_tab_img">
                                <NuxtLink to="/">
                                    <img src="/public/index/1.jpg"
                                        data-src="http://img.fazdyzx.org.cn/202408/5037fab176ee44.jpg"
                                        title="严查领导干部违规插手干预 推动压实招标人责任" data-isloaded="1">
                                    <span>严查领导干部违规插手干预 推动压实招标人责任</span>
                                </NuxtLink>
                            </div>
                            <ul class="new_tab_list">
                                <li v-for="(per_obj, per_index) in 4">
                                    <NuxtLink to="/">【“枫桥式人民法庭”创建】这封来自当事人的感谢信中这样写道</NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="index_5">
                <div class="new_conleft_tlt">
                    <NuxtLink to="/">法治建设</NuxtLink>
                </div>
                <ul class="new_con_card">
                    <li v-for="(per_obj, per_index) in 3">
                        <NuxtLink to="/">
                            <div class="new_img_box2">
                                <img src="http://img.fazdyzx.org.cn/202407/6ee566db94555.jpg"
                                    data-src="http://img.fazdyzx.org.cn/202407/6ee566db94555.jpg"
                                    title="广东举办首届行政审判行政复议同堂培训班" data-isloaded="1">
                            </div>
                            <h3>广东举办首届行政审判行政复议同堂培训班</h3>
                            <p>　　7月9日，广东省高级人民法院、省司法厅在广州联合举办首届行政审判行政复议同堂培训班，广东高院党组......</p>
                        </NuxtLink>
                    </li>
                </ul>
            </div>
        </main>
        <div class="index_6 new_conview_bg">
            <main class="index_main index_6_in">
                <div class="new_conview">
                    <div class="new_conitems">
                        <div class="new_itemstlt">
                            <NuxtLink to="/">政务公开</NuxtLink>
                        </div>
                        <div class="new_itemsimg">
                            <NuxtLink to="/">
                                <img src="http://img.fazdyzx.org.cn/202511/f84a1d61ef700b9.png"
                                    data-src="http://img.fazdyzx.org.cn/202511/f84a1d61ef700b9.png"
                                    title="最高检调研组在陕西榆林调研" data-isloaded="1">
                                <span>最高检调研组在陕西榆林调研</span>
                            </NuxtLink>
                        </div>
                        <ul class="new_items_list">
                            <li v-for="(per_obj, per_index) in 4">
                                <NuxtLink to="/">杨晋柏在海口专题调研禁毒工作时指出 全力打造共建共治的禁毒工</NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="new_conitems">
                        <div class="new_itemstlt">
                            <NuxtLink to="/">内参纪要</NuxtLink>
                        </div>
                        <div class="new_itemsimg">
                            <NuxtLink to="/">
                                <img src="http://img.fazdyzx.org.cn/202407/32b174570ba75ba.jpg"
                                    data-src="http://img.fazdyzx.org.cn/202407/32b174570ba75ba.jpg"
                                    title="中央军委举行荣誉称号颁授仪式 习近平向获得荣誉称号的单位颁授奖旗" data-isloaded="1">
                                <span>中央军委举行荣誉称号颁授仪式 习近平向获得荣誉称号...</span>
                            </NuxtLink>
                        </div>
                        <ul class="new_items_list">
                            <li v-for="(per_obj, per_index) in 4">
                                <NuxtLink to="/">省司法厅召开学习宣传贯彻《中华人民共和国仲裁法》座谈会</NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="new_conitems">
                        <div class="new_itemstlt">
                            <NuxtLink to="/">执法在线</NuxtLink>
                        </div>
                        <div class="new_itemsimg">
                            <NuxtLink to="/">
                                <img src="http://img.fazdyzx.org.cn/202407/f420d3d6483cf0c.jpg"
                                    data-src="http://img.fazdyzx.org.cn/202407/f420d3d6483cf0c.jpg"
                                    title="【实战大练兵】三所：以“四训”促“四强”，扎实推进实战大练兵走深走实" data-isloaded="1">
                                <span>【实战大练兵】三所：以“四训”促“四强”，扎实推进...</span>
                            </NuxtLink>
                        </div>
                        <ul class="new_items_list">
                            <li v-for="(per_obj, per_index) in 4">
                                <NuxtLink to="/">忠县法院召开百日执行攻坚暨涉民生执行案件“2026·迅雷行动</NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="new_conitems">
                        <div class="new_itemstlt">
                            <NuxtLink to="/">法制技术</NuxtLink>
                        </div>
                        <div class="new_itemsimg">
                            <NuxtLink to="/">
                                <img src="http://img.fazdyzx.org.cn/202405/a95fa57c32d5780.jpg"
                                    data-src="http://img.fazdyzx.org.cn/202405/a95fa57c32d5780.jpg"
                                    title="参与数据合规治理 推动数字检察高质量发展" data-isloaded="1">
                                <span>参与数据合规治理 推动数字检察高质量发展</span>
                            </NuxtLink>
                        </div>
                        <ul class="new_items_list">
                            <li v-for="(per_obj, per_index) in 4">
                                <NuxtLink to="/">镜头丨持续提升基层纪检监察监督质效</NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="new_conview index_6_in_foot">
                    <div class="new_con_item1">
                        <div class="new_item1_tlt">
                            <NuxtLink to="/">监督调查</NuxtLink>
                        </div>
                        <ul class="new_items1_list">
                            <li v-for="(per_obj, per_index) in 6">
                                <NuxtLink to="/">国家级调研成果20篇、省级调研成果44篇 许昌法院高质量调研</NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div class="new_con_item1">
                        <div class="new_item1_tlt">
                            <NuxtLink to="/">法制时评</NuxtLink>
                        </div>
                        <ul class="new_items1_list">
                            <li v-for="(per_obj, per_index) in 6">
                                <NuxtLink to="/">百色：开展2025“红城聚势 反诈同行” 宣传活动</NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </main>
        </div>
        <main class="index_main">
            <div class="index_7">
                <div class="new_wylytlt">
                    <NuxtLink to="/">网友留言</NuxtLink>
                    <NuxtLink to="/">我要留言</NuxtLink>
                </div>
                <div>
                    <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>
                            <p>
                            </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>
                            <p>
                            </p>
                        </li>
                        <li>
                            <span class="name">李先生:<b>我是郑州市调研员，能去商丘工作吗？</b> 2025-12-15 17:53:13</span>
                            <p class="nr">内容:我是郑州市调研员，能去商丘工作吗？
                            </p>
                            <p class="hfnr">
                                <span style="color:#f00;">回复:</span>不可以跨区域工作。
                            </p>
                            <p>
                            </p>
                        </li>
                        <li>
                            <span class="name">冯:<b>你们中心的调研员申请有年龄限制吗？</b> 2025-12-11 18:15:35</span>
                            <p class="nr">内容:调研员申请有年龄限制吗？</p>
                            <p class="hfnr">
                                <span style="color:#f00;">回复:</span>调研员申请年龄在25-65之间均可。
                            </p>
                            <p>
                            </p>
                        </li>
                        <li>
                            <span class="name">汪先生:<b>因为一些原因没能及时去政府单位，介绍信时间过期了还能用吗？</b> 2025-12-03 15:30:46</span>
                            <p class="nr">内容:我因为一些原因没能及时去政府单位，导致介绍信时间过期了还能用吗？</p>
                            <p class="hfnr">
                                <span
                                    style="color:#f00;">回复:</span>不能在进行使用，介绍信使用必须在开具有限期内使用。如果是中心，有空白介绍信的需重新开具，过期介绍信作废存档；如果是个人，重新向总部申请开具新的介绍信，并将已过期介绍信寄回总部换领新的介绍信。
                            </p>
                            <p>
                            </p>
                        </li>
                    </ul>
                    <ul class="post_nr liuyan">
                    </ul>
                </div>
            </div>
        </main>
        <!--首页顶部滚动新闻-->
        <div class="swiper-container" v-if="imagelist && imagelist.length > 0">
            <Swiper :slides-per-view="5" :space-between="20" :loop="true" :autoplay="{
                delay: 3000,
                disableOnInteraction: false,
                pauseOnMouseEnter: true,
                stopOnLastSlide: false,
                waitForTransition: true
            }" :speed="600" :modules="modules" @slide-change="swiperHandleSlideChange" @swiper="onSwiper"
                class="custom-swiper" :navigation="true">
                <SwiperSlide v-for="(item, index) in imagelist" :key="index">
                    <NuxtLink :to="`/${item.pinyin}/${item.id}.html`" :title="item.title" class="slide-link"
                        :data-index="index">
                        <div class="image-container">
                             
                            <img src="/public/index/news.png" :alt="item.title" class="slide-image" loading="lazy" />
                            <span class="image-title">{{ item.title }}</span>
                        </div>
                    </NuxtLink>
                </SwiperSlide>
            </Swiper>
        </div>
        <!--底部-->
        <HomeFoot></HomeFoot>
    </div>
</template>
<script setup>
// 选项卡
const activeIndex = ref(0);
//页面是否已经加载完毕
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];
    // js跑马灯
    const main = document.getElementById("main_js");
    const demo = document.getElementById("demo_js");
    const demo1 = document.getElementById("demo1_js");
    const demo2 = document.getElementById("demo2_js");
    const speed = 22;    //数值越大滚动速度越慢 
    demo2.innerHTML = demo1.innerHTML;
    function Marquee() {
        if (demo2.offsetWidth - main.scrollLeft <= 0) { main.scrollLeft -= demo1.offsetWidth }
        else { main.scrollLeft++ }
    }
    var MyMar = setInterval(Marquee, speed);
    demo.onmouseover = function () {
        clearInterval(MyMar)
    }
    demo.onmouseout = function () {
        MyMar = setInterval(Marquee, speed)
    }
})
//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---------------------------------------->
</script>
<style lang="less" scoped>
@media screen and (min-width: 1401px) {
    //swiper轮播图 start---------------------------------------->
    .swiper-container {
        width: 100%;
        padding: 20px 0;
        position: relative;
        max-width: 1400PX;
        margin: 0 auto;
    }
    .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: 300PX;
        position: relative;
        img {
            width: 100%;
            height: 300PX;
        }
        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;
        }
        /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%;
        }
    }
    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        width: 1400PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-1-left {
            width: 31%;
            border: 1PX solid #ccc;
        }
        .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---------------------------------------->
    .index—layer-2 {
        width: 1400PX;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-2-left,
        .index—layer-2-right {
            width: 49%;
            border: 1PX solid #ddd;
            height: auto;
            overflow: hidden;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                background: #fff;
                >div {
                    &.active {
                        background: #158d91;
                        color: #fff;
                        a {
                            color: #fff;
                        }
                    }
                    width: 118PX;
                    height: 44PX;
                    line-height: 44PX;
                    background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    font-weight: bold;
                    border-bottom: 2PX solid #158d91;
                    a {
                        font-size: 20PX;
                        color: #808080;
                    }
                }
            }
            .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;
                    }
                }
            }
        }
    }
    //第二层 end---------------------------------------->
    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            width: 1400PX;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 auto;
            box-sizing: border-box;
            //选项卡类型
            .index—layer-3-tabs-box {
                width: 31%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                .index—layer-3-tabs-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        list-style-position: inside;
                        font-size: 13PX;
                        color: #333;
                        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-3-news-box {
                width: 31%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                .index—layer-3-news-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        list-style-position: inside;
                        font-size: 13PX;
                        color: #333;
                        display: flex;
                        align-items: center;
                        justify-items: center;
                        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-3-news-body-title {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin: 20PX 0 14PX;
            padding-bottom: 20PX;
            border-bottom: 1PX dashed #e1e1e1;
            >div {
                &.news-body-left {
                    margin-right: 11PX;
                    img {
                        display: block;
                        width: 120PX;
                        height: 86PX;
                    }
                }
                &.news-body-right {
                    >a {
                        display: block;
                        width: 100%;
                        height: 40PX;
                        line-height: 40PX;
                        font-size: 16PX;
                        font-weight: bold;
                        overflow: hidden;
                        color: #000;
                        text-decoration: none;
                    }
                    p {
                        width: 100%;
                        height: 46PX;
                        line-height: 23PX;
                        overflow: hidden;
                        font-size: 14PX;
                        color: #333;
                        a {
                            color: #333;
                        }
                    }
                }
            }
        }
    }
    //第三层 end---------------------------------------->
    //第四层 start---------------------------------------->
    .index-layer-4 {
        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 #ccc;
            a {
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                }
                &: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) {
    //swiper轮播图 start---------------------------------------->
    .swiper-container {
        width: 100%;
        padding: 20PX 0;
        position: relative;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .custom-swiper {
        width: 100%;
        height: 100%;
        padding: 10px 5px; //给两侧留出空间
        box-sizing: border-box;
    }
    .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: 80PX; //根据需求调整
        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: 300PX;
        position: relative;
        img {
            width: 100%;
            height: 100%;
        }
        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;
        }
        /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%;
        }
    }
    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-1-left {
            width: 31%;
            border: 1PX solid #ccc;
        }
        .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;
                    }
                    h3 {
                        line-height: 26PX;
                        a {
                            font-size: 13PX;
                            color: #333;
                            font-weight: bold;
                            width: 100%;
                            height: 26PX;
                            line-height: 26PX;
                            overflow: hidden;
                            display: block;
                        }
                    }
                    img {
                        width: 120PX;
                        height: 86PX;
                        float: left;
                        margin-right: 11PX;
                    }
                    p {
                        line-height: 0;
                        a {
                            line-height: 20PX;
                            color: #333;
                            font-size: 13PX;
                            text-indent: 2em;
                            display: block;
                        }
                    }
                }
                .coninfoitem_title {
                    width: 100%;
                    height: 28PX;
                    line-height: 28PX;
                    overflow: hidden;
                    position: relative;
                    list-style-position: inside;
                    color: #000;
                    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;
                        color: #666;
                    }
                }
            }
        }
        .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---------------------------------------->
    .index—layer-2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        .index—layer-2-left,
        .index—layer-2-right {
            width: 49%;
            border: 1PX solid #ddd;
            height: auto;
            overflow: hidden;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                background: #fff;
                >div {
                    &.active {
                        background: #158d91;
                        color: #fff;
                        a {
                            color: #fff;
                        }
                    }
                    width: 118PX;
                    height: 44PX;
                    line-height: 44PX;
                    background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    font-weight: bold;
                    border-bottom: 2PX solid #158d91;
                    a {
                        font-size: 20PX;
                        color: #808080;
                    }
                }
            }
            .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: 26PX;
                    overflow: hidden;
                    a {
                        font-size: 13PX;
                        color: #333;
                        font-weight: bold;
                    }
                }
                p {
                    width: 100%;
                    height: 60PX;
                    line-height: 18PX;
                    overflow: hidden;
                    a {
                        color: #333;
                        font-size: 13PX;
                    }
                }
            }
            .index-tabs2-bottom {
                padding: 20PX;
                margin: 0;
                a {
                    display: block;
                    width: 100%;
                    height: 28PX;
                    line-height: 28PX;
                    color: #333;
                    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;
                    }
                }
            }
        }
    }
    //第二层 end---------------------------------------->
    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 auto;
            box-sizing: border-box;
            //选项卡类型
            .index—layer-3-tabs-box {
                width: 31%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                .index—layer-3-tabs-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        list-style-position: inside;
                        font-size: 13PX;
                        color: #333;
                        display: block;
                        word-break: keep-all;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width: 66%;
                    }
                }
            }
            //常规类型
            .index—layer-3-news-box {
                width: 31%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                .index—layer-3-news-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        list-style-position: inside;
                        font-size: 13PX;
                        color: #333;
                        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-3-news-body-title {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin: 20PX 0 14PX;
            padding-bottom: 20PX;
            border-bottom: 1PX dashed #e1e1e1;
            >div {
                &.news-body-left {
                    margin-right: 11PX;
                    img {
                        display: block;
                        width: 120PX;
                        height: 86PX;
                    }
                }
                &.news-body-right {
                    >a {
                        display: block;
                        width: 100%;
                        height: 40PX;
                        line-height: 40PX;
                        font-size: 16PX;
                        font-weight: bold;
                        overflow: hidden;
                        color: #000;
                        text-decoration: none;
                    }
                    p {
                        width: 100%;
                        height: 46PX;
                        line-height: 23PX;
                        overflow: hidden;
                        font-size: 14PX;
                        color: #333;
                        a {
                            color: #333;
                        }
                    }
                }
            }
        }
    }
    //第三层 end---------------------------------------->
    //第四层 start---------------------------------------->
    .index-layer-4 {
        width: 100%;
        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 #ccc;
            a {
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                }
                &: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) {
    //swiper轮播图 start---------------------------------------->
    .swiper-container {
        width: 100%;
        padding: 20px 0;
        position: relative;
        max-width: 1400PX;
        margin: 0 auto;
        display: none;
    }
    .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: 220PX;
        position: relative;
        img {
            width: 100%;
            height: 300PX;
        }
        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;
        }
        /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: 220PX;
        }
    }
    //轮播图 end---------------------------------------->
    //第一层 start---------------------------------------->
    .index—layer-1 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 10PX;
        .index—layer-1-left {
            width: 100%;
            margin: 10PX 0;
            border: 1PX solid #ccc;
        }
        .index-layer-1-middle {
            width: 100%;
            border: 1PX solid #ccc;
            box-sizing: border-box;
            padding: 0 10PX;
            padding-bottom: 5PX;
            margin: 10PX 0;
            .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: 120PX;
                        overflow: hidden;
                        margin-bottom: 5PX;
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-between;
                    }
                    h3 {
                        line-height: 0;
                        a {
                            font-size: 30px;
                            color: #333;
                            font-weight: bold;
                            width: 100%;
                            height: 26PX;
                            line-height: 26PX;
                            overflow: hidden;
                            display: block;
                        }
                    }
                    img {
                        width: 130PX;
                        height: 120PX;
                        float: left;
                        margin-right: 11PX;
                    }
                    p {
                        line-height: 0;
                        a {
                            color: #333;
                            font-size: 30px;
                            line-height: 30PX;
                            display: block;
                            text-indent: 2em;
                        }
                    }
                }
                .coninfoitem_title {
                    width: 100%;
                    height: 70px;
                    line-height: 70px;
                    color: #333;
                    display: block;
                    font-weight: normal;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    span:nth-child(1) {
                        width: 70%;
                        height: 50px;
                        text-align: left;
                        overflow: hidden;
                        display: block;
                        font-size: 28px;
                    }
                    span:nth-child(2) {
                        width: 30%;
                        height: 50px;
                        text-align: right;
                        display: block;
                        font-size: 24px;
                        color: #666;
                    }
                }
            }
        }
        .index-layer-1-right {
            width: 100%;
            border: 1PX solid #ccc;
            box-sizing: border-box;
            padding-bottom: 16PX;
            padding: 10PX;
            .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: 0 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---------------------------------------->
    .index—layer-2 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin: 20PX auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 0 10PX;
        box-sizing: border-box;
        .index—layer-2-left,
        .index—layer-2-right {
            width: 100%;
            border: 1PX solid #ddd;
            height: auto;
            overflow: hidden;
            margin: 10PX 0;
            .index—layer-2-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                background: #fff;
                >div {
                    &.active {
                        background: #158d91;
                        color: #fff;
                        a {
                            color: #fff;
                        }
                    }
                    width: 118PX;
                    height: 44PX;
                    line-height: 44PX;
                    background: #fff;
                    text-align: center;
                    color: #808080;
                    font-size: 16PX;
                    font-weight: bold;
                    border-bottom: 2PX solid #158d91;
                    a {
                        font-size: 20PX;
                        color: #808080;
                    }
                }
            }
            .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: 130PX;
                        height: 120PX;
                    }
                }
                h3 {
                    width: 100%;
                    height: 40PX;
                    line-height: 40PX;
                    line-height: 0;
                    overflow: hidden;
                    a {
                        display: block;
                        width: 100%;
                        height: 40PX;
                        line-height: 40PX;
                        font-size: 16PX;
                        font-weight: bold;
                        overflow: hidden;
                        color: #000;
                        text-decoration: none;
                    }
                }
                p {
                    width: 100%;
                    height: 60PX;
                    line-height: 20PX;
                    overflow: hidden;
                    a {
                        color: #333;
                        font-size: 13PX;
                    }
                }
            }
            .index-tabs2-bottom {
                padding: 20PX;
                margin: 0;
                box-sizing: border-box;
                a {
                    display: block;
                    width: 100%;
                    height: 28PX;
                    line-height: 28PX;
                    overflow: hidden;
                    position: relative;
                    list-style-position: inside;
                    color: #333;
                    font-size: 32px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    span:nth-child(1) {
                        width: 70%;
                        height: 50px;
                        text-align: left;
                        overflow: hidden;
                        display: block;
                        font-size: 28px;
                    }
                    span:nth-child(2) {
                        width: 30%;
                        height: 50px;
                        text-align: right;
                        display: block;
                        font-size: 24px;
                        color: #666;
                    }
                }
            }
        }
    }
    //第二层 end---------------------------------------->
    //第三层 start---------------------------------------->
    .index—layer-3 {
        .index—layer-3-line {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 auto;
            box-sizing: border-box;
            flex-wrap: wrap;
            padding: 0 10PX;
            //选项卡类型
            .index—layer-3-tabs-box {
                width: 100%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                margin: 10PX 0;
                .index—layer-3-tabs-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        font-size: 13PX;
                        color: #333;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        span:nth-child(1) {
                            width: 70%;
                            height: 50px;
                            text-align: left;
                            overflow: hidden;
                            display: block;
                            font-size: 28px;
                        }
                        span:nth-child(2) {
                            width: 30%;
                            height: 50px;
                            text-align: right;
                            display: block;
                            font-size: 24px;
                            color: #666;
                        }
                    }
                }
            }
            //常规类型
            .index—layer-3-news-box {
                width: 100%;
                height: auto;
                border: 1PX solid #ddd;
                border-top: 2PX solid #158d91;
                margin: 1%;
                padding: 0 10PX;
                box-sizing: border-box;
                margin: 10PX 0;
                .index—layer-3-news-box-title {
                    display: flex;
                    align-items: center;
                    width: 100%;
                    border-bottom: 1PX solid #f0f0f0;
                    >div {
                        &.active {
                            background: url(../public/index/current2.png) no-repeat center bottom;
                        }
                        width: 87PX;
                        height: 54PX;
                        line-height: 55PX;
                        overflow: hidden;
                        float: left;
                        margin-right: 10PX;
                        text-align: center;
                        font-size: 20PX;
                        color: #333;
                        font-weight: bold;
                        a {
                            color: #333;
                        }
                    }
                }
                .index—layer-3-news-body-main {
                    margin-bottom: 20PX;
                    a {
                        width: 100%;
                        height: 26PX;
                        line-height: 26PX;
                        font-size: 13PX;
                        color: #333;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        span:nth-child(1) {
                            width: 70%;
                            height: 50px;
                            text-align: left;
                            overflow: hidden;
                            display: block;
                            font-size: 28px;
                        }
                        span:nth-child(2) {
                            width: 30%;
                            height: 50px;
                            text-align: right;
                            display: block;
                            font-size: 24px;
                            color: #666;
                        }
                    }
                }
            }
        }
        .index—layer-3-news-body-title {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin: 20PX 0 14PX;
            padding-bottom: 20PX;
            border-bottom: 1PX dashed #e1e1e1;
            >div {
                &.news-body-left {
                    margin-right: 11PX;
                    img {
                        display: block;
                        width: 120PX;
                        height: 86PX;
                    }
                }
                &.news-body-right {
                    >a {
                        display: block;
                        width: 100%;
                        height: 40PX;
                        line-height: 40PX;
                        font-size: 16PX;
                        font-weight: bold;
                        overflow: hidden;
                        color: #000;
                        text-decoration: none;
                    }
                    p {
                        width: 100%;
                        height: 46PX;
                        line-height: 23PX;
                        overflow: hidden;
                        font-size: 14PX;
                        color: #333;
                        a {
                            color: #333;
                        }
                    }
                }
            }
        }
    }
    //第三层 end---------------------------------------->
    //第四层 start---------------------------------------->
    .index-layer-4 {
        width: 100%;
        border: 1PX solid #ccc;
        border-radius: 20PX;
        padding: 10PX 20PX;
        box-sizing: border-box;
        display: none;
        .index-layer-4-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 40PX;
            line-height: 40PX;
            border-bottom: 1PX solid #ccc;
            a {
                &:first-child {
                    font-size: 22PX;
                    color: #1476bd;
                }
                &: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----------------------------------------> 
}
.index—layer-1 {
    display: none;
}
.index—layer-2 {
    display: none;
}
.index—layer-3 {
    display: none;
}
.index—layer-4 {
    display: none;
}
.index_main {
    width: 1400PX;
    margin: 0px auto;
    overflow: hidden;
    display: block;
}
.index_1 {
    overflow: hidden;
    margin: 20PX auto;
}
.new_rightCon {
    width: 40%;
    height: auto;
    overflow: hidden;
    float: right;
    background: #fff;
    padding: 10PX;
    border: 1PX solid #ccc;
    border-top: 3PX solid #1642ff;
    box-sizing: border-box;
}
.new_Contlt {
    width: 100%;
    height: 50PX;
    border-bottom: 1PX solid #ccc;
}
.new_Contlt h3 {
    text-align: center;
    margin: 0 10PX;
    padding: 0 20PX;
    float: left;
    height: 50PX;
    line-height: 50PX;
    text-align: center;
    font-weight: normal;
}
.new_Contlt a {
    font-size: 24PX;
    color: #0049ee;
}
.new_newList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10PX;
}
.new_newList li {
    width: 100%;
    height: 45PX;
    line-height: 45PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: none;
}
.new_newList li a {
    font-size: 16PX;
    color: #747474;
}
.new_con_tlt {
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    border-bottom: 2PX solid #cccccc;
    padding: 0 10PX;
}
.new_con_tlt a {
    font-size: 22PX;
    color: #0b7000;
    font-weight: bold;
}
.new_banner {
    width: 58%;
    height: auto;
    overflow: hidden;
    float: left;
}
.mySwiper1 {
    position: relative;
}
.mySwiper1 .swiper-slide {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.mySwiper1 .swiper-slide .new_imgCon {
    width: 100%;
    height: 490PX;
    overflow: hidden;
}
.mySwiper1 .swiper-slide .new_imgCon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwiper1 .swiper-slide span {
    display: block;
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 20PX;
    padding: 0 20PX;
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
}
.mySwiper1 .swiper-button-white {
    width: 50PX;
    height: 50PX;
    border: 100%;
    text-align: center;
    line-height: 50PX;
    font-size: 30PX;
    color: #fff;
}
.mySwiper1 .swiper-button-next {
    background: url(../images/right.png) no-repeat;
    background-size: 100%
}
.mySwiper1 .swiper-button-prev {
    background: url(../images/left.png) no-repeat;
    background-size: 100%
}
.new_banner:deep(.swiper-button-prev) {
    width: 50PX;
    height: 50PX;
    background: url(public/index/left.png);
    background-size: 100% 100%;
}
.new_banner:deep(.swiper-button-next) {
    width: 50PX;
    height: 50PX;
    background: url(public/index/right.png);
    background-size: 100% 100%;
}
.new_banner:deep(.swiper-navigation-icon) {
    display: none;
}
.index_2 {}
.index_2_in {}
/*2*/
.new_content {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index_2_in {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20PX auto;
    border: 1PX solid #ccc;
}
.new_swiper_tlt {
    width: 14%;
    height: auto;
    overflow: hidden;
    float: left;
    text-align: center;
    padding: 40PX;
    line-height: 70PX;
    background: url(public/index/bg1.png) no-repeat;
    box-sizing: border-box;
}
.new_swiper_tlt span {
    font-size: 40PX;
    color: #fff;
}
.new_imgCon1 {
    width: 100%;
    height: 180PX;
    overflow: hidden;
}
.new_imgCon1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwiper2 .swiper-slide span {
    display: block;
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #333;
    box-sizing: border-box;
}
.new_swiper_con {
    width: 86%;
    height: auto;
    overflow: hidden;
    float: right;
    height: 240PX;
}
.new_swiper_con_long {
    width: 999999%;
}
.new_swiper_con_in {
    float: left;
    height: 220PX;
    margin-top: 10PX;
    overflow: hidden;
}
.new_swiper_per {
    float: left;
    height: 100%;
    width: 270PX;
    margin: 0PX 12PX;
}
.new_swiper_per img {
    display: block;
    width: 100%;
    height: 180PX;
}
.new_swiper_per a {
    display: block;
    width: 100%;
    height: 100%;
}
.new_swiper_per span {
    display: block;
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #333;
}
/*3*/
.index_3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1920PX;
    padding: 10PX 0;
}
.new_conview_bg {
    background: #f1f1f1;
    box-sizing: border-box;
    border-top: solid 1PX #f1f1f1;
    border-bottom: solid 1PX #f1f1f1;
}
.new_con_item {
    width: 32%;
    height: auto;
    overflow: hidden;
    padding: 10PX;
    background: #fff;
    float: left;
    box-sizing: border-box;
}
.new_con_item:nth-child(2) {
    margin: 0 1.9%;
}
.new_con_tlt1 {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.new_con_tlt1 a {
    float: left;
    height: 50PX;
    line-height: 50PX;
    border-bottom: 2PX solid #ccc;
    font-size: 22PX;
    color: #1642ff;
}
.new_con_item ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10PX 0;
}
.new_con_item ul li {
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #333;
}
.new_con_item ul li a {
    font-style: 18PX;
    color: #333;
}
/*4*/
.index_4 {
    overflow: hidden;
    margin: 10PX auto;
}
.new_conleft {
    width: 65%;
    height: auto;
    overflow: hidden;
    float: left;
    border: 1PX solid #ccc;
    padding: 0 20PX;
    box-sizing: border-box;
}
.new_conleft_tlt {
    width: 100%;
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    border-bottom: 1PX solid #ccc;
}
.new_conleft_tlt a {
    font-size: 22PX;
    color: #1642ff;
}
.new_con_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20PX auto;
    background: #f1f1f1;
}
.new_img_box {
    width: 33%;
    height: 160PX;
    overflow: hidden;
    float: left;
    margin-right: 20PX;
}
.new_img_box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_con_box h3 {
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #333;
    margin-top: 10PX;
    padding-right: 10PX;
}
.new_con_box p {
    height: 90PX;
    line-height: 30PX;
    overflow: hidden;
    font-size: 16PX;
    color: #777;
    margin: 0;
    padding-right: 10PX;
}
.new_conright {
    width: 33%;
    height: auto;
    overflow: hidden;
    float: right;
    background: #fff;
}
.new_tabtlt {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.new_tabtlt li {
    float: left;
    padding: 0 20PX;
    background: #f1f1f1;
    height: 50PX;
    line-height: 50PX;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}
.new_tabtlt li a {
    font-size: 22PX;
    color: #333;
}
.new_tabtlt li.new_tabtlt_select {
    background: #1642ff;
}
.new_tabtlt li.new_tabtlt_select a {
    color: #fff;
}
.new_tab_con {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.new_tab_item {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 20PX;
    border: 1PX solid #ccc;
    border-top: 2PX solid #1642ff;
}
.new_tab_img {
    width: 100%;
    height: 300PX;
    margin: 20PX 0;
    overflow: hidden;
    position: relative;
}
.new_tab_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_tab_img span {
    display: block;
    width: 100%;
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10PX;
    box-sizing: border-box;
}
.new_tab_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20PX;
}
.new_tab_list li {
    width: 100%;
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.new_tab_list li a {
    font-size: 18PX;
    color: #333;
}
/*5*/
.index_5 {
    margin: 10PX auto;
}
.new_con_card {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20PX auto;
}
.new_con_card li {
    width: 32%;
    height: auto;
    overflow: hidden;
    border-bottom: 1PX solid #ccc;
    float: left;
}
.new_con_card li:nth-child(2) {
    margin: 0 2%;
}
.new_img_box2 {
    width: 100%;
    height: 230PX;
    overflow: hidden;
}
.new_img_box2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_con_card li h3 {
    width: 100%;
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #333;
    font-weight: bold;
}
.new_con_card li p {
    width: 100%;
    height: 90PX;
    line-height: 30PX;
    overflow: hidden;
    font-size: 16PX;
    color: #777;
    margin-bottom: 10PX;
}
/*6*/
.index_6 {}
.index_6_in {
    overflow: hidden;
    margin: 20PX auto;
}
.new_conitems {
    width: 24%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 1.1%;
    border: 1PX solid #ccc;
}
.new_conitems:last-child {
    margin-right: 0;
}
.new_itemstlt {
    width: 100%;
    height: 50PX;
    line-height: 50PX;
    overflow: hidden;
    text-align: center;
    border-bottom: 1PX solid #ccc;
}
.new_itemstlt a {
    font-size: 22PX;
    color: #1642ff;
}
.new_itemsimg {
    width: 90%;
    height: 170PX;
    overflow: hidden;
    margin: 20PX auto;
    position: relative;
}
.new_itemsimg span {
    display: block;
    width: 100%;
    height: 30PX;
    line-height: 30PX;
    overflow: hidden;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18PX;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10PX;
}
.new_itemsimg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new_items_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 20PX;
    margin-bottom: 20PX;
    box-sizing: border-box;
}
.new_items_list li {
    width: 100%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new_items_list li a {
    font-size: 18PX;
    color: #333;
}
.new_con_item1 {
    width: 49.3%;
    height: auto;
    overflow: hidden;
    float: left;
    background: #fff;
}
.new_con_item1:nth-child(2) {
    float: right;
}
.new_item1_tlt {
    width: 100%;
    height: 25PX;
    line-height: 21PX;
    overflow: hidden;
    margin: 20PX auto;
    text-align: center;
    position: relative;
}
.new_item1_tlt a {
    font-size: 22PX;
    color: #1642ff;
}
.new_item1_tlt:before {
    content: '';
    display: inline-block;
    width: 100PX;
    height: 1PX;
    background: #1642ff;
    margin: 0 10PX;
    position: absolute;
    left: 170PX;
    top: 12PX;
}
.new_item1_tlt:after {
    content: '';
    display: inline-block;
    width: 100PX;
    height: 1PX;
    background: #1642ff;
    margin: 0 10PX;
    position: absolute;
    right: 170PX;
    top: 12PX;
}
.new_items1_list {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 20PX 20PX;
    box-sizing: border-box;
}
.new_items1_list li {
    width: 49%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.new_items1_list li:nth-child(even) {
    float: right;
}
.new_items1_list li a {
    font-size: 18PX;
    color: #333;
}
.index_6_in_foot {
    margin-top: 20PX;
}
.index_6_in>div {
    overflow: hidden;
}
/*7*/
.index_7 {
    margin: 20PX auto;
}
.new_wylytlt {
    width: 100%;
    height: 50PX;
    overflow: hidden;
    background: #efefef;
    padding: 0 20PX;
    box-sizing: border-box;
}
.new_wylytlt a:nth-child(1) {
    float: left;
    height: 40PX;
    line-height: 40PX;
    margin-top: 10PX;
    background: #fff;
    border-top-left-radius: 10PX;
    border-top-right-radius: 10PX;
    padding: 0 30PX;
    font-size: 20PX;
    color: #0e28e6;
    font-weight: bold;
}
.new_wylytlt a:nth-child(2) {
    float: right;
    font-size: 18PX;
    color: #d91519;
    font-weight: bold;
    float: right;
    height: 50PX;
    line-height: 50PX;
}
.new_lyitem {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 30PX;
    box-sizing: border-box;
}
.new_lyitem li {
    width: 48%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    float: left;
    border-bottom: 1PX solid #ccc;
    padding: 0 20PX;
    box-sizing: border-box;
}
.new_lyitem li:nth-child(even) {
    float: right;
}
.new_lyitem li a {
    float: left;
    width: 60%;
    height: 40PX;
    line-height: 40PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16PX;
    color: #333;
}
.new_lyitem li span {
    float: right;
    font-size: 16PX;
    color: #6b6b6b;
    text-align: right;
}
.blue {
    background: #0e6ebe;
    color: #fff;
    padding: 10PX;
}
.post_nr {
    width: 100%;
    height: auto;
    margin: 20PX auto;
    border: 1PX solid #ccc;
    border-radius: 10PX;
    padding: 20PX !important;
    box-sizing: border-box;
}
.post_nr .name {
    display: block;
    width: 100%;
    height: auto;
    line-height: 40PX;
    font-size: 16PX;
    color: #333;
}
.post_nr .name b {
    font-size: 17PX;
    margin: 0 10PX;
}
.post_nr li p {
    margin: 0;
    height: auto;
    line-height: 25PX;
    font-size: 15PX;
    color: #000;
}
.post_nr li p.hfnr {
    font-weight: bold;
}
.post_nr li p.hfnr span {
    color: #f00;
}
.liuyan li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.swiper-container {
    display: none;
}
@media screen and (min-width: 1401px) {}
@media screen and (max-width: 1400px) {
    .index_main {
        width: 100%;
        margin: 0px auto;
        box-sizing: border-box;
        padding: 0px 20px;
    }
    .mySwiper1 .swiper-slide .new_imgCon {
        height: 266px;
    }
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
    .new_rightCon {
        padding: 7px;
    }
    .new_Contlt {
        height: 27px;
    }
    .new_Contlt h3 {
        margin: 0 7px;
        padding: 0 12px;
        height: 26px;
        line-height: 26px;
    }
    .new_Contlt a {
        font-size: 14px;
    }
    .new_newList {
        margin-top: 7px;
    }
    .new_newList li {
        height: 24px;
        line-height: 24px;
    }
    .new_newList li a {
        font-size: 10px;
    }
    .new_con_tlt {
        height: 22px;
        line-height: 22px;
        padding: 0 7px;
    }
    .new_con_tlt a {
        font-size: 13px;
    }
    .mySwiper1 .swiper-slide span {
        height: 33px;
        line-height: 33px;
        font-size: 10px;
        padding: 0 10px;
    }
    .new_conitems {
        margin-right: .9%;
    }
    .new_item1_tlt:before {
        width: 0PX;
    }
    .new_item1_tlt:after {
        width: 0PX;
    }
    .new_swiper_con {
        float: none;
        width: auto;
    }
    .new_swiper_tlt {
        background-size: 100% 100%;
        min-width: 173PX;
    }
}
@media screen and (max-width: 900px) {
    .search-box .search-left-box .no-result-box .no-result-content .no-result-title {
        margin-top: 133PX;
    }
}
@media screen and (max-width: 800px) {
    .new_banner {
        float: none;
        width: 100%;
    }
    .new_rightCon {
        float: none;
        width: 100%;
        margin-top: 11PX;
    }
    .mySwiper1 .swiper-slide .new_imgCon {
        height: 400px;
    }
    .new_conleft {
        width: 100%;
        float: none;
    }
    .new_conright {
        width: 100%;
        float: none;
    }
    .new_con_card li {
        float: none;
        width: 100%;
        margin: 0px auto !important;
    }
    .new_conitems {
        width: 100%;
        margin: 2PX auto;
        float: none;
        box-sizing: border-box;
    }
    .new_con_item1 {
        width: 100%;
        margin: 2PX auto;
        float: none;
        box-sizing: border-box;
    }
    .new_Contlt h3 {
        margin-left: 0px;
        padding-left: 0px;
    }
    .new_rightCon {
        padding: 10px;
    }
    .new_Contlt {
        height: 50px;
    }
    .new_Contlt h3 {
        margin: 0;
        padding: 0px;
        height: 50px;
        line-height: 50px;
    }
    .new_Contlt a {
        font-size: 30px;
    }
    .new_newList {
        margin-top: 10px;
    }
    .new_newList li {
        height: 55px;
        line-height: 55px;
    }
    .new_newList li a {
        font-size: 24px;
    }
    .new_con_tlt {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }
    .new_con_tlt a {
        font-size: 22px;
    }
    .mySwiper1 .swiper-slide span {
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        padding: 0 20px;
    }
    .new_con_item {
        width: 100%;
        float: none;
        margin: 0px auto !important;
        padding: 10px;
    }
    .new_con_tlt1 a {
        height: 50px;
        line-height: 50px;
        font-size: 30px;
    }
    .new_con_item ul {
        margin: 10px 0;
    }
    .new_con_item ul li {
        height: 55px;
        line-height: 55px;
    }
    .new_con_item ul li a {
        font-size: 24px;
    }
    .new_conleft {
        padding: 0 20px;
    }
    .new_conleft_tlt {
        height: 50px;
        line-height: 50px;
    }
    .new_conleft_tlt a {
        font-size: 30px;
    }
    .new_con_box {
        margin: 20px auto;
    }
    .new_img_box {
        width: 33%;
        height: 160px;
        margin-right: 20px;
    }
    .new_img_box img {}
    .new_con_box h3 {
        height: 55px;
        line-height: 55px;
        font-size: 24px;
        margin-top: 5px;
        padding-right: 10px;
    }
    .new_con_box p {
        height: 90px;
        line-height: 30px;
        font-size: 18px;
        padding-right: 10px;
    }
    .new_conright {
        margin-top: 22px;
    }
    .new_tabtlt li {
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        width: 50%;
    }
    .new_tabtlt li a {
        font-size: 28px;
    }
    .new_tab_item {
        padding: 0 20px;
    }
    .new_tab_img {
        height: 300px;
        margin: 20px 0;
    }
    .new_tab_img span {
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        padding: 0 10px;
    }
    .new_tab_list {
        margin-bottom: 20px;
    }
    .new_tab_list li {
        height: 55px;
        line-height: 55px;
    }
    .new_tab_list li a {
        font-size: 24px;
    }
    .new_con_card {
        margin: 20px auto;
    }
    .new_img_box2 {
        height: 440px;
    }
    .new_con_card li h3 {
        height: 55px;
        line-height: 55px;
        font-size: 24px;
    }
    .new_con_card li p {
        height: 90px;
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .index_6_in {
        margin: 20px auto;
    }
    .new_itemstlt {
        height: 55px;
        line-height: 55px;
    }
    .new_itemstlt a {
        font-size: 30px;
    }
    .new_itemsimg {
        height: 370px;
        margin: 20px auto;
    }
    .new_itemsimg span {
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .new_items_list {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .new_items_list li {
        height: 55px;
        line-height: 55px;
    }
    .new_items_list li a {
        font-size: 24px;
    }
    .new_item1_tlt {
        height: 33px;
        line-height: 33px;
        margin: 20px auto;
    }
    .new_item1_tlt a {
        font-size: 30px;
    }
    .new_items1_list {
        padding: 0 20px 20px;
    }
    .new_items1_list li {
        height: 55px;
        line-height: 55px;
    }
    .new_items1_list li a {
        font-size: 24px;
    }
    .index_6_in_foot {
        margin-top: 20px;
    }
    .index_7 {
        margin: 20px auto;
    }
    .new_wylytlt {
        height: 50px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .new_wylytlt a:nth-child(1) {
        height: 40px;
        line-height: 40px;
        margin-top: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 0 30px;
        font-size: 22px;
    }
    .new_wylytlt a:nth-child(2) {
        font-size: 22px;
        height: 50px;
        line-height: 50px;
    }
    .new_lyitem {
        padding: 30px;
    }
    .new_lyitem li {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }
    .new_lyitem li a {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .new_lyitem li span {
        font-size: 16px;
    }
    .blue {
        padding: 10px;
    }
    .post_nr {
        margin: 20px auto;
        padding: 20px !important;
    }
    .post_nr .name {
        line-height: 44px;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .post_nr .name b {
        font-size: 17px;
        margin: 0 10px;
    }
    .post_nr li p {
        line-height: 44px;
        font-size: 15px;
    }
    .liuyan li {
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
    .new_item1_tlt:after {
        display: none;
    }
    .new_item1_tlt:before {
        display: none;
    }
    .index_2 {
        display: none;
    }
}
</style>