nongminwang/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        
        <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
        <!--头条-->
        <HomePageMessage></HomePageMessage>
        <!-- 第一部分 -->
        <div class="part1">
            <div class="inner">
                <div class="part1_left">
                    <div class="hengxian">
                        <em></em>
                    </div>
                    <div class="part1_left_title">
                        <img src="../public/index/nav01.png" alt="">
                        <NuxtLink class="active" v-if="pageData[0].cid" :href="getLinkPath(pageData[0])"
                            :title="pageData[0].alias">
                            {{ pageData[0].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part1_left_content">
                        <div class="part1_left_content1">
                            <div class="part1_left_photo">
                                <div class="part1_left_photo11" v-for="(item, index) in boxData1" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="left_content">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <ul class="part1_left_context">
                                <li class="part1_left_contextList" v-for="(item, index) in boxData1data2" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                        <div class="part1_left_content2">
                            <ul class="part1_left_context222">
                                <li class="part1_left_contextList222" v-for="(item, index) in boxData1data3"
                                    :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="part1_left_context222">
                                <li class="part1_left_contextList222" v-for="(item, index) in boxData1data4"
                                    :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="part1_right">

                    <div class="phone_name_box_2 pc_none">
                        <NuxtLink 
                            :href="getLinkPath(pageData[2])"
                            :title="pageData[2].alias">
                            {{ pageData[2].alias }}
                        </NuxtLink>
                    </div>

                    <div class="pc_none">

                        <div class="part1_right_photo_text">
                            <div v-for="item in boxData3" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div class="part1_right_text">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>

                        

                        <ul class="part1_right_content">
                            <li class="part1_right_contentList" v-for="item in boxData3data2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <em></em>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>




                    <div class="part1_right_title phone_none">


                        <NuxtLink :class="{ 'part1_right_titlelist': true, 'active': hoverStatus == 1 }"
                            @mouseenter="qhPic(1)" v-if="pageData[1].cid" :href="getLinkPath(pageData[1])"
                            :title="pageData[1].alias">
                              {{ pageData[1].alias }}
                        </NuxtLink>
                        <NuxtLink :class="{ 'part1_right_titlelist': true, 'active': hoverStatus == 2 }"
                            @mouseenter="qhPic(2)" v-if="pageData[2].cid" :href="getLinkPath(pageData[2])"
                            :title="pageData[2].alias">
                             {{ pageData[2].alias }}
                        </NuxtLink>
                    </div>


                    <div class="phone_name_box_3 pc_none">
                        <NuxtLink 
                            :href="getLinkPath(pageData[1])"
                            :title="pageData[1].alias">
                            {{ pageData[1].alias }}
                        </NuxtLink>
                    </div>



                    <div v-if="hoverStatus == 1">
                        <div class="part1_right_photo_text">
                            <div v-for="(item, index) in boxData2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div class="part1_right_text">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content">
                            <li class="part1_right_contentList" v-for="(item, index) in boxData2data2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <em></em>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <div v-if="hoverStatus == 2">
                        <div class="part1_right_photo_text">
                            <div v-for="(item, index) in boxData3" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img :src="item.imgurl" :alt="item.title">
                                    <div class="part1_right_text">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <ul class="part1_right_content">
                            <li class="part1_right_contentList" v-for="(item, index) in boxData3data2" :key="index">
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <em></em>
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>

        <!-- 广告位 2 -->
        <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>

        <!-- 第二部分 -->
        <div class="part2">
            <div class="inner">
                <div class="part2_left">
                    <div class="part2_hengxian">
                        <em></em>
                    </div>
                    <div class="part2_left_title">
                        <img src="../public/index/nav02.png" alt="">
                        <NuxtLink class="active" v-if="pageData[3].cid" :href="getLinkPath(pageData[3])"
                            :title="pageData[3].alias">
                            {{ pageData[3].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part2_left_content1">
                        <ul class="part2_left_content111">
                            <li class="part2_left_content1_list" v-for="(item, index) in boxData4" :key="index">
                                <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="nav2_title">{{ item.alias }}</span>
                                </NuxtLink>
                                <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    <span class="nav2_title_content">
                                        {{ item.title }}
                                    </span>
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                    <ul class="part2_left_content2">
                        <li class="part2_left_content2list" v-for="(item, index) in boxData4data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title" class="part2_left_content222img">
                                <div class="content2_text">
                                    <span class="content2_text_content">
                                        {{ item.title }}
                                    </span>
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="content2_text_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                </div>
                            </NuxtLink>
                        </li>
                        <div class="adlogo3" v-if="adImg3">
                            <a href="http://sannongdy.org.cn/" v-if="adImg3.image_url == null" target="_blank"
                                :title="adImg3.place_name">
                                <img :src="adImg3.thumb" :alt="adImg3.place_name" data-tag="imgurl.ad_tag">
                            </a>
                            <a :href="adImg3.image_url" v-else :title="adImg3.ad_name">
                                <img :src="adImg3.image_src" :alt="adImg3.ad_name" data-tag="imgurl.ad_tag">
                            </a>
                        </div>
                    </ul>
                </div>
                <div class="part2_right">
                    <div class="part2_right_title">
                        <NuxtLink v-if="pageData[4].cid" :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                            {{ pageData[4].alias }}
                        </NuxtLink>
                    </div>
                    <ul class="part2_right_content">
                        <li class="part2_right_contentList" v-for="(item, index) in boxData5" :key="index">
                            <span class="listNumber">{{ index + 1 }}</span>
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 第三部分 -->
        <div class="part3">
            <div class="inner">
                <div class="part3_left">
                    <div class="part3_hengxian">
                        <em></em>
                    </div>
                    <div class="part3_left_title">
                        <img src="../public/index/nav03.png" alt="">
                        <NuxtLink class="active" v-if="pageData[5].cid" :href="getLinkPath(pageData[5])"
                            :title="pageData[5].alias">
                            {{ pageData[5].alias }}
                        </NuxtLink>
                    </div>
                    <div class="part3_left_content">
                        <div class="part3_left_content1">
                            <div class="part3_left_content1_photo1">
                                <div v-for="(item, index) in boxData6" :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="part3_left_content1_text">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="part3_left_content1_photo2">
                                <div class="part3_left_content1_photo2list" v-for="(item, index) in boxData6data2"
                                    :key="index">
                                    <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img :src="item.imgurl" :alt="item.title">
                                        <div class="part3_left_content1_text">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="part3_left_content2">
                            <ul class="part3_left_content2_text">
                                <li class="part3_left_content2_list" v-for="(item, index) in boxData6data3" :key="index">
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                    <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title_content">
                                            {{ item.title }}
                                        </span>
                                    </NuxtLink>
                                </li>
                            </ul>
                            <ul class="part3_left_content2_text">
                                <li class="part3_left_content2_list" v-for="(item, index) in boxData6data4" :key="index">
                                    <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title">{{ item.alias }}</span>
                                    </NuxtLink>
                                    <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <span class="nav3_title_content">
                                            {{ item.title }}
                                        </span>
                                    </NuxtLink>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="part3_right">

                    <div class="part3_right_title">
                        <NuxtLink class="active" v-if="pageData[6].cid" :href="getLinkPath(pageData[6])"
                            :title="pageData[6].alias">
                            {{ pageData[6].alias }}
                        </NuxtLink>
                    </div>
                     
                    <div class="phone_img_box_1 pc_none_1" v-for="item in boxData7.slice(0,1)" :key="index">
                             
                        <NuxtLink 
                                :href="getLinkPathDetail(item)" 
                                :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'"
                        >

                            <img class="" :src="item.imgurl" title="" alt="">     
                            <span class=" ">{{ item.title }}</span>
                        </NuxtLink>
                    </div>
  
                    <div class="phone_ul_1 pc_none_1" >
                        <NuxtLink 
                                v-for="item in boxData7.slice(1,7)" :key="index"
                                :href="getLinkPathDetail(item)" 
                                :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'"
                        >
                            {{ item.title }}
                        </NuxtLink>

                        <NuxtLink 
                                v-for="item in boxData7data2" :key="index"
                                :href="getLinkPathDetail(item)" 
                                :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'"
                        >
                            {{ item.title }}
                        </NuxtLink>
                        
                        <NuxtLink 
                                v-for="item in boxData7data3" :key="index"
                                :href="getLinkPathDetail(item)" 
                                :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'"
                        >
                            {{ item.title }}
                        </NuxtLink>
                        



                    </div>
 


                    <div class="part3_right_content phone_none">
                        <div class="right_photo_text" v-for="item in boxData7" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <div class="right_text">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>

                        <ul class="rightcontent_text">
                            <li class="rightcontent_textlist" v-for="(item, index) in boxData7data3" :key="index">
                                <em></em>
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                        <div class="right_photo_text" v-for="(item, index) in boxData7data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <div class="right_text">
                                    {{ item.title }}
                                </div>
                            </NuxtLink>
                        </div>
                        <ul class="rightcontent_text">
                            <li class="rightcontent_textlist" v-for="(item, index) in boxData7data4" :key="index">
                                <em></em>
                                <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
        <!-- 第四部分 -->
        <div class="part4">
            <div class="inner">
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title phone_head_1">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[7].cid" :href="getLinkPath(pageData[7])"
                                :title="pageData[7].alias">
                                 {{ pageData[7].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text phone_img_div_1">
                        <div v-for="item in boxData8" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="(item, index) in boxData8data2" :key="index">
                            <NuxtLink :href="getLinkPath1(item)" :title="item.title"
                                 class="phone_none_tag"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title">{{ item.alias }}</span>
                            </NuxtLink>
                            <NuxtLink :href="getLinkPathDetail1(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title phone_head_2">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[8].cid" :href="getLinkPath(pageData[8])"
                                :title="pageData[8].alias">
                                 {{ pageData[8].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text phone_img_div_2">
                        <div v-for="item in boxData9" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="(item, index) in boxData9data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content2">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
                <div class="part4_one">
                    <div class="part4_title">
                        <div class="part4_hengxian">
                            <em></em>
                        </div>
                        <div class="part4_left_title phone_head_3">
                            <img src="../public/index/nav03.png" alt="">
                            <NuxtLink class="active" v-if="pageData[9].cid" :href="getLinkPath(pageData[9])"
                                :title="pageData[9].alias">
                                 {{ pageData[9].alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="part4_photo_text phone_img_div_3">
                        <div v-for="item in boxData10" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <img :src="item.imgurl" :alt="item.title">
                                <span class="text">{{ item.title }}</span>
                            </NuxtLink>
                        </div>
                    </div>
                    <ul class="part4_photo_content">
                        <li class="part4_photo_contentlist" v-for="(item, index) in boxData10data2" :key="index">
                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <span class="nav11_title_content2">
                                    {{ item.title }}
                                </span>
                            </NuxtLink>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//1.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
//1.加载页面必备组件 end---------------------------------------->

//2.选项卡 start---------------------------------------->
const hoverStatus = ref(1)
const qhPic = function (num) {
    hoverStatus.value = num;
}
//2.选项卡 end---------------------------------------->

//3.广告 start---------------------------------------->
//获得所有广告
let adImg1 = ref({})
let adImg2 = ref({})
let adImg3 = ref({})
let adImg4 = ref({})

onMounted(async () => {
    //从客户端获取行政职能部门 加快打开速度//从客户端获取行政职能部门 加快打开速度
    const { $webUrl, $CwebUrl } = useNuxtApp();

    //从客户端启动广告
    //广告1
    let url = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_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=nmw_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=nmw_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];
    console.log('ad3', adImg3.value);


    //广告4
    let url4 = `${$webUrl}/web/getWebsiteAdvertisement?ad_tag=nmw_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];

})
//3.广告 end---------------------------------------->

//4.页面数据 start---------------------------------------->
//4.1导航
const pageData = ref([
    //示例 { cid: "", title: "", data: [] ,children_count:""},
]);
//4.2 模块数据
//模块1
const boxData1 = ref([])
const boxData1data2 = ref([])
const boxData1data3 = ref([])
const boxData1data4 = ref([])
//模块2
const boxData2 = ref([]);
const boxData2data2 = ref([]);
//模块3 
const boxData3 = ref([]);
const boxData3data2 = ref([]);
//模块4
const boxData4 = ref([]);
const boxData4data2 = ref([]);
//模块5
const boxData5 = ref([]);
//模块6
const boxData6 = ref([]);
const boxData6data2 = ref([]);
const boxData6data3 = ref([]);
const boxData6data4 = ref([]);
//模块7
const boxData7 = ref([]);
const boxData7data2 = ref([]);
const boxData7data3 = ref([]);
const boxData7data4 = ref([]);
//模块8
const boxData8 = ref([]);
const boxData8data2 = ref([]);
//模块9
const boxData9 = ref([]);
const boxData9data2 = ref([]);
//模块10 
const boxData10 = ref([]);
const boxData10data2 = ref([]);

const { $pageNav } = useNuxtApp();

//4.3获得导航数据
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
            };
            //渲染标题
            //1 农业生产372
            if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
            //2 三农资讯445 499
            if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
            //3 市场行情377
            if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
            //4 商贸信息375
            if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
            //5 农民生活373
            if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
            //6 法治天地432
            if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
            //7 招商引资431
            if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
            //8 农知农技374
            if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
            //9 农民合作社433
            if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
            //10 新农村11
            if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
        }
    } else {
        console.log("获取导航池出错！", navigateData.message)
    }
} catch (error) {
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
}

let getJson = [
    { "parent": $pageNav[0] + ",2,12", "child": "" },//模块1 农业生产372
    { "parent": $pageNav[1] + ",1,4", "child": "" },//模块2 三农资讯328
    { "parent": $pageNav[2] + ",1,4", "child": "" },//模块3 市场行情377
    { "parent": $pageNav[3] + ",1,10", "child": "" },//模块4 商贸信息375
    { "parent": $pageNav[4] + ",1,8", "child": "" },//模块5 农民生活373
    { "parent": $pageNav[5] + ",3,11", "child": "" },//模块6 法治天地432
    { "parent": $pageNav[6] + ",4,4", "child": "" },//模块7 招商引资431
    { "parent": $pageNav[7] + ",1,5", "child": "" },//模块8 农知农技374
    { "parent": $pageNav[8] + ",1,5", "child": "" },//模块9 农民合作社433
    { "parent": $pageNav[9] + ",1,5", "child": "" },//模块10 新农村11 748
]

let jsonString = JSON.stringify(getJson);

async function getPageAllData() {
    const mkdata = await requestDataPromise('/web/getWebsiteAllArticle', {
        method: 'GET',
        query: {
            'id': jsonString
        },
    });
    console.log('mkdata', mkdata)

    if (mkdata.code == 200) {
        //模块1
        boxData1.value = mkdata.data[0].imgnum;
        mkdata.data[0].textnum.forEach((item, index) => {
            if (index < 4) {
                boxData1data2.value.push(item);
            } else if (index < 8) {
                boxData1data3.value.push(item);
            } else if (index < 12) {
                boxData1data4.value.push(item);
            }
        });
        //模块2
        boxData2.value = mkdata.data[1].imgnum;
        boxData2data2.value = mkdata.data[1].textnum;
        //模块3
        boxData3.value = mkdata.data[2].imgnum;
        boxData3data2.value = mkdata.data[2].textnum;
        //模块4
        // boxData4.value = mkdata.data[3].textnum;
        // boxData4data2.value = mkdata.data[3].imgnum;
        //模块5
        boxData5.value = mkdata.data[4].textnum;
        //模块6
        mkdata.data[5].imgnum.forEach((item, index) => {
            if (index < 1) {
                boxData6.value.push(item);
            } else {
                boxData6data2.value.push(item);
            }
        });
        // mkdata.data[5].textnum.forEach((item, index) => {
        //     if (index < 6) {
        //         boxData6data3.value.push(item);
        //     } else {
        //         boxData6data4.value.push(item);
        //     }
        // })
        //模块7
        mkdata.data[6].imgnum.forEach((item, index) => {
            if (index < 2) {
                boxData7.value.push(item);
            } else {
                boxData7data2.value.push(item);
            }
        });
        mkdata.data[6].textnum.forEach((item, index) => {
            if (index < 2) {
                boxData7data3.value.push(item);
            } else {
                boxData7data4.value.push(item);
            }
        });
        //模块8
        boxData8.value = mkdata.data[7].imgnum;
        // boxData8data2.value = mkdata.data[7].textnum;
        //模块9
        boxData9.value = mkdata.data[8].imgnum;
        boxData9data2.value = mkdata.data[8].textnum;
        //模块10
        boxData10.value = mkdata.data[9].imgnum;
        boxData10data2.value = mkdata.data[9].textnum;
    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();

//获取模块下的特殊数据
let getJson1 = [
    { "parent": $pageNav[3] + ",1,10" },//模块4 商贸信息375
    { "parent": $pageNav[5] + ",0,10" },//模块6 法治天地432
    { "parent": $pageNav[7] + ",0,5" },//模块8 农知农技374
]
let jsonString1 = JSON.stringify(getJson1);
//获取模块下的特殊数据
async function getPageData() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticles', {
        method: 'GET',
        query: {
            'id': jsonString1
        },
    });
    console.log("成功获取模块数据2222！", mkdata);
    if (mkdata.code == 200) {
        // console.log("成功获取模块数据2222！", mkdata);

        //模块4商贸信息375
        boxData4.value = mkdata.data[0].textnum;
        boxData4data2.value = mkdata.data[0].imgnum;
        //模块6法治天地426
        mkdata.data[1].textnum.forEach((item, index) => {
            if (index < 6) {
                boxData6data3.value.push(item);
            } else {
                boxData6data4.value.push(item);
            }
        });
        //模块8农知农技374
        boxData8data2.value = mkdata.data[2].textnum;
    }

}
getPageData();

//4.页面数据 end---------------------------------------->

//5.设置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: 'keywords', content: seoKeywords + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'description', content: seoDescription + "_" + seoName + "_" + seoSuffix, tagPriority: 10 },
            { name: 'viewport', content: 'width=device-width,initial-scale=1,user-scalable=no',tagPriority: 10 }
        ]
    });
} else {
    // console.log("设置首页SEO出错！", setData.message)
}
//5.设置seo数据 start---------------------------------------->
</script>

<style lang="less" scoped>
@import url('@/assets/css/index.less');
</style>





<style lang="less" scoped>

 
    @media screen and (min-width:801px){/*pc*/
         
            .pc_none_1{display:none;}
            .pc_none{display:none;}
    }
    @media screen and (max-width:800px){/*ipad_phone*/

            .part1{height:auto;margin:0px;}
            .part1 .inner{width:92%;}
            .part1 .inner .part1_left{width:100%;float:none;}
            
            .part1 .inner .part1_left .part1_left_title{
                height:50px;line-height:50px;background:#fff;border-top:1px solid #dd7d18;
                padding:0;width:100%;
                 
                margin:15px auto 0px;

            }
            .part1 .inner .part1_left .part1_left_title img{display:none;}
            .part1 .inner .part1_left .part1_left_title a{
                float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-top:solid 3px #dd7d18;
                font-weight:bold;box-sizing:border-box;
            }

            .part1 .inner .part1_left .part1_left_content {
                height:auto;width:100%;margin-top:0px;
            }
            .part1 .inner .part1_left .part1_left_content .part1_left_content1{float:none;width:100%;}
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo{width:100%;height:auto;overflow:hidden;}
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo .part1_left_photo11{display:none;overflow:hidden;position:relative;}
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo .part1_left_photo11:first-child{
                width:100%;margin:0px 0px 0px;display:block;height:55vw; float:none;border-radius:10px; 
            }
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo .part1_left_photo11 a{display:block;width:100%;height:100%;}
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo .part1_left_photo11 img{display:block;width:100%;height:100%;}

            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_photo .part1_left_photo11 .left_content{

                position:absolute;width:100%;height:66px;line-height:90px;color:#fff;   font-size:16px;
                left:0px;bottom:0px;padding:0px 5%;box-sizing:border-box;font-weight:normal;
                background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));

            }


            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_context{
                width:100%;height:auto;float:none;margin-top:10px; height:123px;overflow:hidden;
            }

            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_context .part1_left_contextList:nth-child(n+4){
                                 display:none;
            }
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_context .part1_left_contextList{
                               width:100%!important;display:block;height:40px!important;            
                               border-bottom:1px solid #E6E6E6;margin:0px!important;
                                
            }
            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_context .part1_left_contextList a{
                    			width:100%!important;display:block;
                            line-height:40px;height:40px;position:relative;text-indent:18px; font-weight:normal;
                            word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;
            }

            .part1 .inner .part1_left .part1_left_content .part1_left_content1 .part1_left_context .part1_left_contextList a::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
            }
            .part1 .inner .part1_right{width:100%;overflow:hidden;float:none;margin-top:14px;}


            
            .part1 .inner .part1_right .part1_right_title{
                height:50px;line-height:50px;background:#fff;border-bottom:1px solid #E6E6E6;
                padding:0;width:100%; margin-top:20px;
            }
            .part1 .inner .part1_right .part1_right_title .part1_right_titlelist{ 
                    float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-bottom:solid 3px #dd7d18;font-weight:bold;box-sizing:border-box;

            }
             
            .part1 .inner .part1_right .part1_right_title .part1_right_titlelist.active{display:block;}

            .part1 .inner .part1_right .part1_right_photo_text{width:100%;margin-top:0px;}
            .part1 .inner .part1_right .part1_right_photo_text>div{
                width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;
            }
            .part1 .inner .part1_right .part1_right_photo_text>div a{
                width:100%;height:100%;display:block;
            }

            .part1 .inner .part1_right .part1_right_photo_text img{width:100%;height:100%;display:block;}

            .part1 .inner .part1_right .part1_right_photo_text .part1_right_text{
                position:absolute;width:100%;height:66px;line-height:90px;color:#fff;   font-size:16px;
                left:0px;bottom:0px;padding:0px 5%;box-sizing:border-box;font-weight:normal;
                background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                 -webkit-line-clamp:1;
            }


            .part1 .inner .part1_right .part1_right_content{display:block;width:100%;margin:15px auto 0px;height:123px;overflow:hidden; }
            .part1 .inner .part1_right .part1_right_content .part1_right_contentList em{display:none;}
            .part1 .inner .part1_right .part1_right_content .part1_right_contentList{
                width:100%!important;display:block;height:40px!important;            
                border-bottom:1px solid #E6E6E6;margin:0px!important;
            }
            .part1 .inner .part1_right .part1_right_content .part1_right_contentList:nth-of-type(n+4){
              display:none;
            }
            .part1 .inner .part1_right .part1_right_content .part1_right_contentList a{
                    width:100%!important;display:block;
                line-height:40px;height:40px;position:relative;text-indent:18px; 
                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;
            }
            .part1 .inner .part1_right .part1_right_content .part1_right_contentList a::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
            }

         
            .part2{height:auto;margin:15px auto 0;}
            .part2 .inner{width:92%;margin:0px auto;}
            .part2 .inner .part2_left{width:100%;}
            .part2 .inner .part2_left .part2_hengxian{display:none;}
            .part2 .inner .part2_left .part2_left_title img{display:none;}

            .part2 .inner .part2_left .part2_left_title{   

                margin-top:15px;height:50px;line-height:50px;background:#fff;border-top:1px solid #DD7D18;
                    padding:0;width:100%;
            }
            .part2 .inner .part2_left .part2_left_title a{
                              float:left;height:50px;line-height:50px;margin:0;
                                color:#dd7d18;font-size:18px;border-top:solid 3px #dd7d18;font-weight:bold;box-sizing:border-box;
            }

            .part2 .inner .part2_left .part2_left_content1{width:100%;float:none;margin:0px auto 0;}
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list{
                              width:100%!important;display:block;height:40px!important;            
                              border-bottom:1px solid #E6E6E6;margin:0px!important;
            }
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list:nth-of-type(n+6){ 
                    display:none;
            }
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list a:nth-of-type(1){display:none;}
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list a{display:block;width:100%;height:100%;}
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list a .nav2_title_content{
                        width:100%!important;display:block;margin:0;font-weight:normal!important;
                        line-height:40px;height:40px;position:relative;text-indent:18px; 
                        word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;
            }
            .part2 .inner .part2_left .part2_left_content1 .part2_left_content111 .part2_left_content1_list a .nav2_title_content::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
            }
            .part2 .inner .part2_left .part2_left_content2{display:none;}
            .part2 .inner .part2_right{width:100%;margin-top:15px;}

            .part2 .inner .part2_right .part2_right_title{
                height:50px;line-height:50px;background:#fff;border-top:1px solid #DD7D18;
                padding:0;width:100%;margin-top:15px;
            }
            .part2 .inner .part2_right .part2_right_title a{
                    float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-top:solid 3px #dd7d18;font-weight:bold;box-sizing:border-box;

            }

            .part2 .inner .part2_right .part2_right_content{width:100%;margin:0px auto 0; height:205px;overflow:hidden;}
            .part2 .inner .part2_right .part2_right_content .part2_right_contentList{width:100%;padding:7px 0px;}
            .part2 .inner .part2_right .part2_right_content .part2_right_contentList:nth-of-type(n+6){display:none;}

            .part2 .inner .part2_right .part2_right_content .part2_right_contentList .listNumber{float:left;}
            .part2 .inner .part2_right .part2_right_content .part2_right_contentList a{
                font-size:16px;height:24px;line-height:25px;display:block;
                	word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
            }

            .part3{height:auto;margin:15px auto 0;}
            .part3 .inner{width:92%;}
            .part3 .inner .part3_left{float:none;width:100%;height:auto;}
            .part3 .inner .part3_right{float:none;width:100%;height:auto;margin-top:15px;}

            .part3 .inner .part3_left .part3_hengxian{display:none;}
            .part3 .inner .part3_left .part3_left_title img{display:none;}

            .part3 .inner .part3_left .part3_left_title{ 
                height:50px;line-height:50px;background:#fff;border-top:1px solid #DD7D18;
                padding:0;width:100%;margin-top:15px;
            }
            .part3 .inner .part3_left .part3_left_title a{
                    float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-top:solid 3px #dd7d18;font-weight:bold;box-sizing:border-box;

            }

            .part3 .inner .part3_left .part3_left_content{width:100%;margin-top:0px;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1{float:none;width:100%;margin:0px 0px;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo1{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo1 >div {width:100%;height:100%; }
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo1 >div a{width:100%;height:100%;display:block;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo1 >div img{width:100%;height:100%;display:block;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo1 .part3_left_content1_text{
                position:absolute;width:100%;height:66px;line-height:90px;color:#fff;   font-size:16px;
                left:0px;bottom:0px;padding:0px 5%;box-sizing:border-box;font-weight:normal;
                background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));                
            }

            .part3 .inner .part3_left .part3_left_content .part3_left_content2{width:100%;float:none;margin-top:15px;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text{width:100%;height:205px;overflow:hidden;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list:nth-of-type(n+6){display:none;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list{
                width:100%!important;display:block;height:40px!important;            
                border-bottom:1px solid #E6E6E6;margin:0px!important;   

            }
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list a{
                width:100%!important;display:block;height:100%; 
            }
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list a span{
                width:100%!important;display:block;
                line-height:40px;height:40px;position:relative;text-indent:18px; padding:0!important;font-weight:normal!important;
                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px!important;
            }
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list a span::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
            }
 
            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text .part3_left_content2_list a:nth-of-type(1){
                display:none;
            }


            .part3 .inner .part3_left .part3_left_content .part3_left_content2 .part3_left_content2_text:nth-of-type(n+2){
                 display:none;
            }

            .part3 .inner .part3_right .part3_right_title{
                height:50px;line-height:50px;background:#fff;border-top:1px solid #DD7D18;
                padding:0;width:100%;margin-top:30px; 
            }
            .part3 .inner .part3_right .part3_right_title a{
                    float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-top:solid 3px #dd7d18;font-weight:bold;box-sizing:border-box;

            }
            .phone_img_box_1{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;margin:0px auto 15px;}
            .phone_img_box_1 a{display:block;width:100%;height:100%;}
            .phone_img_box_1 img{display:block;width:100%;height:100%;}
            .phone_img_box_1 span{
                position:absolute;width:100%;height:66px;line-height:90px;color:#fff;   font-size:16px;
                left:0px;bottom:0px;padding:0px 5%;box-sizing:border-box;font-weight:normal;
                background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
            }
            .phone_ul_1{margin-top:10px;height:205px;overflow:hidden;}
            .phone_ul_1 a{
                width:100%!important;display:block;      
                border-bottom:1px solid #E6E6E6; 
                width:100%!important;display:block;
                line-height:40px;height:40px;position:relative;text-indent:18px; color:#333;
                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;
            }
            .phone_ul_1 a::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
            }

            .part4{width:100%;height:auto;margin:0px auto;}
            .part4 .inner{width:92%;display:block;}
            
            .part4 .inner .part4_one .part4_title .part4_hengxian{display:none;}
            .part4 .inner .part4_one .part4_title .part4_left_title img{display:none;}

            .part4 .inner .part4_one .part4_title .part4_left_title{
                height:50px;line-height:50px;background:#fff;border-top:1px solid #DD7D18;
                padding:0;width:100%;  
        
            }
            .part4 .inner .part4_one .part4_title .part4_left_title a{
                    float:left;height:50px;line-height:50px;margin:0;
                color:#dd7d18;font-size:18px;border-top:3px solid #DD7D18;font-weight:bold;box-sizing:border-box;

            }
            
            .part4 .inner .part4_one{width:100%;float:none;} 
            .part4 .inner .part4_one .part4_title{width:100%;}
            .part4 .inner .part4_one .part4_photo_text{width:100%;height:auto;}
            .part4 .inner .part4_one .part4_photo_text>div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
            .part4 .inner .part4_one .part4_photo_text a{display:block;width:100%;height:100%;}
            .part4 .inner .part4_one .part4_photo_text img{display:block!important;width:100%!important;height:100%!important;}
            .part4 .inner .part4_one .part4_photo_text span{
                position:absolute!important; width:100%!important;height:66px!important;line-height:90px!important;
                color:#fff!important;   font-size:16px!important;
                left:0px!important;bottom:0px!important;padding:0px 5%!important;box-sizing:border-box!important; 
                background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))!important;
            }

            .part4 .inner .part4_one .part4_photo_content{width:100%;margin-top:12px;overflow:hidden;height:205px;}
            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist{
                               width:100%!important;display:block;height:40px!important;            
                           border-bottom:1px solid #E6E6E6;margin:0px!important;
            }
            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist a{display:block;width:100%;height:100%;}
            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist .nav11_title_content{
                width:100%!important;display:block;
                line-height:40px;height:40px;position:relative;text-indent:18px; 
                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                font-size:16px;font-weight:normal!important;padding:0;
            }
            
            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist .nav11_title_content2{
                width:100%!important;display:block;
                line-height:40px;height:40px;position:relative;text-indent:18px; 
                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                font-size:16px;font-weight:normal!important;padding:0;
     

            }

            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist .nav11_title_content::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
             }
             

            .part4 .inner .part4_one .part4_photo_content .part4_photo_contentlist .nav11_title_content2::after{
                         content: '';display: block;
                        position:absolute;left:0px;top:18px;background:#E6E6E6;
                        width:6px;height:6px;
             }
             
             .phone_name_box_2{
                    width:100%;height:50px;border-top:1px solid #DD7D18;
                    margin:15px auto 0px;
                    
                    a{
                        float:left;height:50px;line-height:50px;font-size:18px;color:#DD7D18;font-weight:bold;
                        box-sizing:border-box;border-top:3px solid #DD7D18;
                    }
             }
             .phone_name_box_3{
                    width:100%;height:50px;border-top:1px solid #DD7D18;
                    margin:30px auto 0px; 
                    
                    a{
                        float:left;height:50px;line-height:50px;font-size:18px;color:#DD7D18;font-weight:bold;
                        box-sizing:border-box;border-top:3px solid #DD7D18;
                    }
             }




             .phone_head_1{margin-top:30px!important; }
             .phone_img_div_1{margin:0px auto 15px!important; }
             
             .phone_head_2{margin-top:30px!important; }
             .phone_img_div_2{margin:0px auto 15px!important; }
             
             .phone_head_3{margin-top:30px!important;}
             .phone_img_div_3{margin:0px auto 15px!important; }
             

            .part2_left_content111{height:205px;overflow:hidden; }


             .phone_none_tag{display:none!important;}
            .part3 .inner .part3_left .part3_left_content .part3_left_content1 .part3_left_content1_photo2{display:none;}
            .part2 .inner .part2_left .part2_left_content2 .adlogo3{display:none;}
            .part1 .inner .part1_left .part1_left_content .part1_left_content2{display:none;}
            .part1 .inner .part1_left .hengxian{display:none;}
            .phone_none{display:none;}
    }


</style>