nongzigongxiaowang/pages/index.vue

<template>
    <div>
        <HomePageHead></HomePageHead>
        <HomePageNavigation></HomePageNavigation>
        <!-- 农资供销 nzgx -->
        <main class="index_main">
            <div class="index_head_out clearfix">
                <h3 class="index_head_h3" v-if="headline">
                    <NuxtLink class="index_head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
                        :target="headline.islink == 1 ? '_blank' : '_self'">
                        <div class="index_head_h3_tag">头条</div>
                        {{ headline.title }}
                    </NuxtLink>
                </h3>
                <div class="index_head_a_box clearfix" v-if="headlineData2">
                    <NuxtLink :href="getLinkPathDetail(item)" class="index_head_a dot1" :title="item.title"
                        v-for="item in headlineData2" :target="headline.islink == 1 ? '_blank' : '_self'">
                        {{ item.title }}
                    </NuxtLink>
                </div>
            </div>

            <section class="index_1 clearfix">
                <div class="index_1_box">
                    <div class="roll_1_box">
                        <HomeBigSwiper></HomeBigSwiper>
                    </div>
                </div>
                <div class="index_2_box">
                    <div class="index_1_ul clearfix">
                        <NuxtLink :href="getLinkPathDetail(item)" 
                            class="index_1_ul_a dot1" 
                            :title="item.title"
                            v-for="item in hotNewsList" :target="headline.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>
            </section>

            
            <!-- phone -->
            <div class="phone_box_1 pc_none" v-if="pageData[0]">

                <div class="phone_box_1_ul">
                    <div class="">
                        <NuxtLink :href="getLinkPathDetail(item)" 
                            class="index_1_ul_a dot1" 
                            :title="item.title"
                            v-for="item in hotNewsList" :target="headline.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>       
                    </div>

                </div>

            </div>


            <section class="index_2 clearfix phone_none">
                <div class="index_head_box clearfix">
                    <div class="index_head_box_left">
                        <div class="index_head_left_a_btn ">
                            <span class="index_head_left_a index_head_left_a_only" title="企业推荐">企业推荐</span>
                        </div>
                    </div>
                </div>
                <!--企业推荐open-->
                <div class="index_2_color_box clearfix">
                    <div class="index_ul_2 clearfix">
                        <div class="index_ul_2_li" 
                            v-for="(item, index) in recommend_company" 
                            :key="index">
                            <div class="index_ul_2_li_num">{{ index + 1 }}</div>
                            <NuxtLink class="index_ul_2_li_a dot2" 
                                :href="`/${item.pinyin}/${item.id}.html`" 
                                :title="item.title">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!-- <div class="index_2_foot clearfix">
                        <a class="index_2_foot_a_btn" href="" title="">开通企业网站</a>
                        <a class="index_2_foot_a_btn" href="" title="">管理企业网站</a>
                    </div> -->
                </div>
                <!--企业推荐end-->
            </section>

            <!-- 企业推荐 -->
            <div class="phone_box_2 pc_none" >

                <div class="phone_box_2_head">
                     <NuxtLink >
                         企业推荐
                    </NuxtLink>
                </div>

                <div class="phone_box_2_ul">

                    <NuxtLink class="" 
                        v-for="(item, index) in recommend_company" 
                        :key="index"
                        :href="`/${item.pinyin}/${item.id}.html`" 
                        :title="item.title">
 
                        {{ item.title }}
                    </NuxtLink>

                </div>

            </div>



            <!-- 广告1 -->
            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
            <section class="index_3 clearfix phone_none">
                <div class="index_3_head_box clearfix">
                    <span class="index_3_head_btn_a back100 index_3_head_btn_a_only" title="">产品分类</span>
                    <div class="index_head_btn_right_box_2">
                        <span class="index_head_btn_right_a_2" @click="goAddShop">发布信息</span>
                    </div>
                </div>

                <div class=" clearfix">
                    <div class=" clearfix">
                        <!--产品分类open-->
                        <div class="index_big_ul clearfix">
                            <div class="index_big_li clearfix" v-for="(item, index) in navigation" :key="index">
                                <a class="index_big_li_head_a" :href="getLinkPath(item)" :title="item.alias">{{
                                    item.alias }}</a>
                                <div class="index_ul_3_in clearfix">
                                    <a class="index_ul_3_a"
                                        :href="`/${item.aLIas_pinyin}/${item1.aLIas_pinyin}/list-1.html`"
                                        :title="item1.alias" v-for="(item1, index1) in item.children.slice(0, 7)"
                                        :key="index1">
                                        <span>{{ item1.alias }}</span>
                                    </a>
                                    <a class="index_ul_3_a" :href="getLinkPath(item)" :title="item.alias"
                                        v-if="item.children.length > 7">
                                        <span>更多></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!--产品分类end-->
                    </div>
                </div>
            </section>
 
            <section class="index_4 clearfix phone_none">


                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink
                                    :class="['index_head_left_a', hoverStatus == 1 ? 'index_head_left_a_only' : '']"
                                    v-if="pageData[0]" @mouseenter="qhPic(1)" :href="getLinkPath(pageData[0])"
                                    :title="pageData[0].alias">
                                         {{ pageData[0].alias }}
                                         
                                        
                                </NuxtLink>
                            </div>
                            <!-- 书刊信息 -->
                            <!-- <div class="index_head_left_a_btn">
                                <NuxtLink
                                    :class="['index_head_left_a', hoverStatus == 2 ? 'index_head_left_a_only' : '']"
                                    v-if="pageData[1]"
                                    @mouseenter="qhPic(2)"
                                    :href="getLinkPath(pageData[1])"
                                    :title="pageData[1].alias"
                                    >
                                    {{pageData[1].alias}}
                                </NuxtLink>
                            </div> -->
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[0]"
                                :href="getLinkPath(pageData[0])" :title="pageData[0].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--tabs1-->
                    <div class="index_3_box_box clearfix" v-if="hoverStatus == 1">

                        <div class="index_3_box clearfix" v-if="boxData1.length > 0">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="(item, index) in boxData1" 
                                        :key="index"
                                        :href="getLinkPathDetail(item)" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1[0])"
                                        v-if="boxData1[0]" :title="boxData1[0].name"
                                        :target="boxData1[0].islink == 1 ? '_blank' : '_self'">
                                          {{ boxData1[0].name }}
                                    </NuxtLink>

                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData1data3" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                         {{ item.name }}
                                    </NuxtLink>

                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData1data4" :title="item.name"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                     {{ item.name }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_4_box clearfix" v-if="boxData1data2.length > 0">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData1data2" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" :alt="item.name">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData1data2[0])"
                                        v-if="boxData1data2[0]" :title="boxData1data2[0].name"
                                        :target="boxData1data2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData1data2[0].name }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData1data5" :title="item.name"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData1data6" :title="item.name"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.name }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--tabs2-->
                    <div class="clearfix" v-if="hoverStatus == 2">
                        <div class="index_3_box clearfix">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData2" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2[0])"
                                        v-if="boxData2[0]" :title="boxData2[0].title"
                                        :target="boxData2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData2[0].title }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData2data3" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData2data4" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_ul_4_out clearfix">
                                <div class="index_ul_4_img_box clearfix">
                                    <NuxtLink v-for="item in boxData2data2" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_ul_4_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                                <div class="index_ul_4">
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(boxData2data2[0])"
                                        v-if="boxData2data2[0]" :title="boxData2data2[0].title"
                                        :target="boxData2data2[0].islink == 1 ? '_blank' : '_self'">
                                        {{ boxData2data2[0].title }}
                                    </NuxtLink>
                                    <NuxtLink class="index_ul_4_a dot1" :href="getLinkPathDetail(item)"
                                        v-for="item in boxData2data5" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_ul_5 clearfix">
                                <NuxtLink class="index_ul_5_a dot1" :href="getLinkPathDetail(item)"
                                    v-for="item in boxData2data6" :title="item.title"
                                    :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="index_2_box clearfix">

                    <div class="index_head_box clearfix">

                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink 
                                    class="index_head_left_a index_head_left_a_only" 
                                    v-if="pageData[2]"
                                    :href="getLinkPath(pageData[2])" :title="pageData[2].alias">
                                    {{ pageData[2].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_3">
                            <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData3menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--综合资讯open-->
                    <div class="index_ul_6 clearfix">
                        <NuxtLink class="index_ul_6_a dot1" :href="getLinkPathDetail(item)" v-for="item in boxData3"
                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--综合资讯end-->
                </div>
            </section>

            <!-- 生活用品 phone-->
            <div class="phone_box_3 pc_none" >

                <div class="phone_box_3_head">
                      <NuxtLink
                             class=" "
                             v-if="pageData[0]"
                              :href="getLinkPath(pageData[0])"
                             >
                                {{ pageData[0].alias }}
                        </NuxtLink>
                </div>

                <div class="phone_box_3_img_ul">

                    <div class="" v-for="(item, index) in boxData1">
                        <NuxtLink 
                            v-if="boxData1[0]"
                            :key="index"
                            :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">

                            <img class=""
                             :src="item.imgurl"
                              :alt="item.name">

                            <span class=" ">{{ item.name }}</span>  

                        </NuxtLink>
                    </div>

                </div>

                <div class="phone_box_3_ul">

                    <div class="">

                        <NuxtLink 
                            class=""
                            :href="getLinkPathDetail(item)"
                            v-for="item in boxData1data3" 
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.name }}
                        </NuxtLink>

                        <NuxtLink 
                            class=""
                             :href="getLinkPathDetail(item)"
                             v-for="item in boxData1data4" 
                            :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.name }}
                        </NuxtLink>

                    </div>                    

                </div>

            </div>

            <!--   动态资讯 phone-->
            <div class="phone_box_4 pc_none" >

                <div class="phone_box_4_head">
                        <NuxtLink 
                                class="" 
                                v-if="pageData[2]"
                                :href="getLinkPath(pageData[2])" >
                                 {{ pageData[2].alias }}
                        </NuxtLink>                
                </div>

                <div class="phone_box_4_ul">
                    <div class="">
                        <NuxtLink
                            class=""
                            :href="getLinkPathDetail(item)" v-for="item in boxData3"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            
                                {{ item.title }}
                        </NuxtLink>
                    </div>
                </div>

            </div>
 
            <section class="index_5 clearfix phone_none">
                <div class="index_1_box clearfix">

                    <!-- 供求信息 商品类型 start---------------------->
                    <div class="index_head_box clearfix">

                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[3]"
                                    :href="getLinkPath(pageData[3])" :title="pageData[3].alias">
                                      {{ pageData[3].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_3">
                            <NuxtLink class="index_head_box_right_3_a" v-for="item in boxData4menu"
                                :to="{ path: `/gongqiuxinxi/${item.aLIas_pinyin}/index.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class=" clearfix">
                        <div class="index_3_box clearfix">
                            <div class="index_img_ul_1_ul">
                                <div class="index_img_ul_1_li">
                                    <NuxtLink class="index_img_ul_1_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'"
                                        v-for="item in boxData4">
                                        <img class="index_img_ul_1_li_img" :src="item.imgurl" :alt="item.name">
                                        <div class="index_img_ul_1_li_dot1 dot1">
                                            {{ item.name }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_name_ul">
                                <div class="index_name_ul_li" v-for="item in boxData4data2">
                                    <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        供应
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                                <div class="index_name_ul_li" v-for="item in boxData4data3">
                                    <NuxtLink class="index_name_ul_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        【供应】
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_li_dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_name_ul_2">
                                <div class="index_name_ul_2_li" v-for="item in boxData4data4">
                                    <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        求购
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                                <div class="index_name_ul_2_li" v-for="item in boxData4data5" :key="per_obj">
                                    <NuxtLink class="index_name_ul_2_li_tag" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        【求购】
                                    </NuxtLink>
                                    <NuxtLink class="index_name_ul_2_li_dot1 dot1 dot1" :href="getLinkPathDetail(item)"
                                        :title="item.name" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.name }}
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 供求信息 商品类型 end---------------------->
                </div>
                <div class="index_2_box clearfix">

                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[4]"
                                    :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                                     {{ pageData[4].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[4]"
                                :href="getLinkPath(pageData[4])" :title="pageData[4].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <div class=" clearfix">
                        <!--三农专题open-->
                        <div class="index_5_box clearfix">
                            <div class="index_img_ul_2">
                                <div class="index_img_ul_2_li" v-for="item in boxData5" :key="per_obj">
                                    <NuxtLink class="index_img_ul_2_li" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_2_li_dot1 dot1">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_6_box clearfix">
                            <div class="index_ul_8 clearfix">
                                <div class="index_ul_8_li_box" v-for="item in boxData5data2" :key="per_obj">
                                    <div class="index_ul_8_li">
                                        <NuxtLink class="index_ul_8_a dot2" :href="getLinkPathDetail(item)"
                                            :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                            {{ item.title }}
                                        </NuxtLink>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--三农专题end-->
                    </div>
                </div>
            </section>
             
            <!-- 供求信息 phone-->
            <div class="phone_box_5 pc_none" >

                <div class="phone_box_5_head">
                       <NuxtLink
                             class=""
                              v-if="pageData[3]"
                            :href="getLinkPath(pageData[3])">
                            {{ pageData[3].alias }}
                        </NuxtLink>
                </div>

                <div class="phone_box_5_img_ul">

                    <div class="" >

                        <NuxtLink
                             class=""
                              :href="getLinkPathDetail(item)"
                              :target="item.islink == 1 ? '_blank' : '_self'"
                              v-for="item in boxData4">

                            <img class=""
                                 :src="item.imgurl"
                                  :alt="item.name"
                            >
                            <span class="">
                                {{ item.name }}
                            </span>
                        </NuxtLink>

                    </div>

                </div>

                <div class="phone_box_5_ul">
                    <div class="">
                         

                        <NuxtLink class=""
                             v-for="item in boxData4data2"
                             :href="getLinkPathDetail(item)"
                             :target="item.islink == 1 ? '_blank' : '_self'">

                           {{ item.name }}
                        </NuxtLink>
                    </div>                    

                </div>

            </div>
             
            <!-- 供求信息 phone-->
            <div class="phone_box_6 pc_none" >

                <div class="phone_box_6_head">

                        <NuxtLink class=""
                             v-if="pageData[4]"
                            :href="getLinkPath(pageData[4])" >
                            {{ pageData[4].alias }}
                        </NuxtLink>
                </div>

                <div class="phone_box_6_ul">
                    <div class="">

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

                </div>

            </div>

            <!-- 广告2 -->
            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
            <section class="index_6 clearfix phone_none">
                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[5]"
                                    :href="getLinkPath(pageData[5])" :title="pageData[5].alias">
                                    {{ pageData[5].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right_4">
                            <NuxtLink class="index_head_box_right_4_a" v-for="item in boxData6menu"
                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html` }" :title="item.alias">
                                {{ item.alias }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--政策法规open-->
                    <div class=" clearfix">
                        <div class="index_3_box clearfix">
                            <div class="index_img_ul_3">
                                <div class="index_img_ul_3_li">
                                    <NuxtLink class="index_img_ul_3_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.title" v-for="item in boxData6"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_3_li_dot2 dot2">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_img_ul_even_1 clearfix">
                                <div class="index_img_ul_even_1_li" v-for="item in boxData6data2">
                                    <NuxtLink class="index_img_ul_even_1_li_a" :href="getLinkPathDetail(item)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_img_ul_even_1_li_img" :src="item.imgurl" alt="item.title">
                                        <div class="index_img_ul_even_1_li_dot2 dot2">
                                            {{ item.title }}
                                        </div>
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                        <div class="index_4_box clearfix">
                            <div class="index_ul_9 clearfix">
                                <div class="index_ul_9_head_box clearfix">
                                    <NuxtLink :to="{ path: `/${boxData6childpinyin}/list-1.html` }"
                                        v-if="boxData6menu[0]" class="index_ul_9_head_a" :title="boxData6menu[0].alias">
                                        {{ boxData6menu[0].alias }}
                                    </NuxtLink>
                                </div>
                                <NuxtLink class="index_ul_9_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
                                    v-for="item in boxData6mainData" :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--政策法规end-->
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[6]"
                                    :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                                    {{ pageData[6].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[6]"
                                :href="getLinkPath(pageData[6])" :title="pageData[6].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--会展服务open-->
                    <div class=" clearfix">
                        <div class="index_even_img_ul_1 clearfix">
                            <div class="index_even_img_ul_1_li" v-for="item in boxData7" :key="per_obj">
                                <NuxtLink class="index_even_img_ul_1_a" :href="getLinkPathDetail(item)"
                                    :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                    <img class="index_even_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
                                    <div class="index_even_img_ul_1_dot1 dot1">
                                        {{ item.title }}
                                    </div>
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_ul_10 clearfix">
                            <NuxtLink class="index_ul_10_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData7data2" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <!--会展服务end-->
                </div>
            </section>

            <!-- 政策法规 phone-->
            <div class="phone_box_7 pc_none" >

                <div class="phone_box_7_head">
                       <NuxtLink class=""
                             v-if="pageData[5]"
                             :href="getLinkPath(pageData[5])"
                              :title="pageData[5].alias">
                                {{ pageData[5].alias }}
                        </NuxtLink>
                </div>

                <div class="phone_box_7_img_ul">

                    <div class="" >
                        <NuxtLink class=""
                             :href="getLinkPathDetail(item)"
                              v-for="item in boxData6"
                              :target="item.islink == 1 ? '_blank' : '_self'">

                              <img class=""
                                 :src="item.imgurl" 
                                 alt="item.title">
                                <span class="">
                                    {{ item.title }}
                                </span>
                         </NuxtLink>
                    </div>

                </div>

                <div class="phone_box_7_ul">
                    <div class="">
                         <NuxtLink class=""
                            :href="getLinkPathDetail(item)"
                             v-for="item in boxData6mainData" 
                             :target="item.islink == 1 ? '_blank' : '_self'">
                                    {{ item.title }}
                         </NuxtLink>
                    </div>                    

                </div>

            </div>

            <!-- 会展服务 phone -->
            <div class="phone_box_8 pc_none" >

                <div class="phone_box_8_head">
                    <NuxtLink class=""
                         v-if="pageData[6]"
                        :href="getLinkPath(pageData[6])" >
                         {{ pageData[6].alias }}
                    </NuxtLink>                      
                </div>

                <div class="phone_box_8_img_ul">

                    <div class="" >

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

                    </div>

                </div>

                <div class="phone_box_8_ul">
                    <div class="">
                         <NuxtLink class=""
                             :href="getLinkPathDetail(item)"
                              v-for="item in boxData7data2" 
                              :target="item.islink == 1 ? '_blank' : '_self'">

                                {{ item.title }}
                          </NuxtLink>
                    </div>                    

                </div>

            </div>

            <section class="index_7 clearfix phone_none">
                <div class="index_7_line_box clearfix">
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[7]" :href="getLinkPath(pageData[7])"
                                :title="pageData[7].alias">
                                 {{ pageData[7].alias }}
                            </NuxtLink>
                        </div>
                        <div class="index_ul_11 clearfix">
                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData8" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[8]" :href="getLinkPath(pageData[8])"
                                :title="pageData[8].alias">
                                {{ pageData[8].alias }}
                            </NuxtLink>
                        </div>
                        <!--策划服务open-->
                        <div class="index_ul_11 clearfix">
                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData9" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                        <!--策划服务end-->
                    </div>
                    <div class="index_7_in_box">
                        <div class="index_7_head">
                            <NuxtLink class="index_7_head_a" v-if="pageData[9]" :href="getLinkPath(pageData[9])"
                                :title="pageData[9].alias">
                                 {{ pageData[9].alias }}
                            </NuxtLink>
                        </div>
                        <!--网站动态-->
                        <div class="index_ul_11 clearfix">

                            <NuxtLink class="index_ul_11_a dot1" :href="getLinkPathDetail(item)"
                                v-for="item in boxData10" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                            </NuxtLink>
                        </div>
                        <!--网站动态-->
                    </div>
                </div>
            </section>

            <!-- 推广服务 phone-->
            <div class="phone_box_9 pc_none" >

                <div class="phone_box_9_head">

                    <NuxtLink class=""
                         v-if="pageData[7]"
                         :href="getLinkPath(pageData[7])" >
                        {{ pageData[7].alias }}
                    </NuxtLink>
                </div>

                <div class="phone_box_9_ul">
                    <div class="">

                        <NuxtLink class=""
                             :href="getLinkPathDetail(item)"
                             v-for="item in boxData8" 
                             :title="item.title"
                             :target="item.islink == 1 ? '_blank' : '_self'">
                                {{ item.title }}
                        </NuxtLink>                         
                    </div>                    

                </div>

            </div>

            <!-- 策划服务 phone-->
            <div class="phone_box_10 pc_none" >

                <div class="phone_box_10_head">

                    <NuxtLink class=""
                         v-if="pageData[8]"
                         :href="getLinkPath(pageData[8])">
                        {{ pageData[8].alias }}
                    </NuxtLink>
                </div>

                <div class="phone_box_10_ul">

                    <div class="">
                        <NuxtLink class=""
                             :href="getLinkPathDetail(item)"
                            v-for="item in boxData9" 
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>                    

                </div>

            </div>

 
            <!-- 人才服务 phone-->
            <div class="phone_box_11 pc_none" >

                <div class="phone_box_11_head">

                    <NuxtLink class=""
                         v-if="pageData[9]"
                         :href="getLinkPath(pageData[9])">
                        {{ pageData[9].alias }}
                    </NuxtLink>
                </div>

                <div class="phone_box_11_ul">

                    <div class="">
                        <NuxtLink class=""
                             :href="getLinkPathDetail(item)"
                            v-for="item in boxData10" 
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>                    

                </div>

            </div>

            <section class="index_8 clearfix phone_none">
                <div class="index_1_box clearfix">
                    <div class="index_head_box clearfix index_head_box_2">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[10]"
                                    :href="getLinkPath(pageData[10])" :title="pageData[10].alias">
                                     {{ pageData[10].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                    </div>
                    <!--行业报告open-->
                    <div class="index_big_2_ul clearfix">
                        <div class="index_big_2_li clearfix">
                            <div class="index_big_2_li_img_box">
                                <div v-for="(item, index) in boxData11">
                                    <NuxtLink v-if="showImg == index" class="index_big_2_li_img_a"
                                        :href="getLinkPathDetail(item)" :title="item.title"
                                        :target="item.islink == 1 ? '_blank' : '_self'">
                                        <img class="index_big_2_li_img" :src="item.imgurl" alt="item.title">
                                    </NuxtLink>
                                </div>
                            </div>
                            <div class="index_big_2_li_in">
                                <div class="index_ul_12">
                                    <NuxtLink class="index_ul_12_a dot1" v-for="(item, index) in boxData11"
                                        :href="getLinkPathDetail(item)" @mouseenter="changeImg(index)"
                                        :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
                                        {{ item.title }}
                                    </NuxtLink>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="index_ul_13 clearfix">
                        <NuxtLink class="index_ul_13_a dot1" v-for="(item, index) in boxData11data2"
                            :href="getLinkPathDetail(item)" :title="item.title"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--行业报告end-->
                </div>
                <div class="index_2_box clearfix">
                    <div class="index_head_box clearfix index_head_box_3">
                        <div class="index_head_box_left">
                            <div class="index_head_left_a_btn">
                                <NuxtLink class="index_head_left_a index_head_left_a_only" v-if="pageData[11]"
                                    :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
                                    {{ pageData[11].alias }}
                                </NuxtLink>
                            </div>
                        </div>
                        <div class="index_head_box_right">
                            <NuxtLink class="index_head_box_right_1_a" v-if="pageData[11]"
                                :href="getLinkPath(pageData[11])" :title="pageData[11].alias">
                                更多 &gt;
                            </NuxtLink>
                        </div>
                    </div>
                    <!--专家服务open-->
                    <div class="index_ul_6 clearfix">
                        <div class="index_ul_6_li clearfix">
                            <NuxtLink class="index_ul_6_li_a" v-for="(item, index) in boxData12"
                                :href="getLinkPathDetail(item)" :title="item.title"
                                :target="item.islink == 1 ? '_blank' : '_self'">
                                <div class="index_ul_6_img_box">
                                    <img class="index_ul_6_img" :src="item.imgurl" alt="item.title">
                                </div>
                                <div class="index_ul_6_li_right">
                                    <!-- <div class="index_ul_6_li_head">郭建炜</div> -->
                                    <article class="index_ul_6_li_article dot3">
                                        {{ item.title }}
                                    </article>
                                    <span class="index_ul_6_li_article_detail">【详细】</span>
                                </div>
                            </NuxtLink>
                        </div>
                    </div>
                    <div class="index_ul_13 clearfix">
                        <NuxtLink class="index_ul_13_a dot1" v-for="item in boxData12data2"
                            :href="getLinkPathDetail(item)" :title="item.title"
                            :target="item.islink == 1 ? '_blank' : '_self'">
                            {{ item.title }}
                        </NuxtLink>
                    </div>
                    <!--专家服务end-->
                </div>
            </section>

                <!-- 行业报告 phone-->
          <div class="phone_box_12 pc_none" >

                <div class="phone_box_12_head">
                       <NuxtLink 
                            class=""
                            v-if="pageData[10]"
                            :href="getLinkPath(pageData[10])" >
                             {{ pageData[10].alias }}
                        </NuxtLink>
                </div>

                <div class="phone_box_12_img_ul">

                    <div class="" >

                        <NuxtLink
                            v-for="(item, index) in boxData11.slice(0, 1)"
                              
                            :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">

                            <img class="" :src="item.imgurl" alt="item.title">
                            	 		
                            <span class=" "> {{item.title}} </span>
                        </NuxtLink>
                    </div>

                </div>

                <div class="phone_box_12_ul">
                    <div class="">
                         
                        <NuxtLink
                            v-for="(item, index) in boxData11.slice(1)"
                             v-if="showImg == index"
                            :href="getLinkPathDetail(item)"
                            :target="item.islink == 1 ? '_blank' : '_self'">
 	 		
                            {{item.title}} 
                        </NuxtLink>

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

                    </div>                    

                </div>

            </div>


            <!-- 广告3 -->
            <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
        </main>
        <!-- 页面底部 -->
        <HomeFoot></HomeFoot>
    </div>
</template>

<script setup>
//0.加载页面必备组件 start---------------------------------------->
import { ref, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
import { getToken } from '@/store/useCookieStore'
//获得全局url
const { $BwebUrl, $CwebUrl } = useNuxtApp();
//0.加载页面必备组件 end---------------------------------------->

//1.获取头条新闻 start---------------------------------------->
//1.1 头条
const headline = ref({})
const headlineData2 = ref([])
async function getModelData1() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 0,
            'textnum': 4,
            'level': 1,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        //填充大标题
        for (let index in mkdata.data.text) {
            if (index < 1) {
                headline.value = mkdata.data.text[index]
            } else {
                headlineData2.value.push(mkdata.data.text[index])
            }
        }
    } else {
        console.log("设置大标题错误", mkdata.message)
    }
}
getModelData1()

//1.3 今日热点
const hotNewsList = ref("")
async function getModelData3() {
    const mkdata = await requestDataPromise('/web/getWebsiteArticlett', {
        method: 'GET',
        query: {
            'imgnum': 0,
            'textnum': 10,
            'level': 6,
            'placeid': 0,
            'id': ''
        },
    });
    if (mkdata.code == 200) {
        hotNewsList.value = mkdata.data.text;
    } else {
        console.log("获取首页今日热点错误", mkdata.message)
    }
}
getModelData3()
//1.获取头条新闻 end---------------------------------------->

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

const hoverStatusTwo = ref(1)
const qhPicTwo = function (num) {
    hoverStatusTwo.value = num;
}

const hoverStatusThree = ref(1)
const qhPicThree = function (num) {
    hoverStatusThree.value = num;
}

let goAddShop = () => {
    if (getToken()) {
        window.open($BwebUrl + '/#/addGood', '_blank');
    } else {
        ElMessage.error('请先登录!')
    }
}

//图片切换
const showImg = ref(1)
const changeImg = function (num) {
    showImg.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=nzgxw_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=nzgxw_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=nzgxw_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=nzgxw_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---------------------------------------->
//产品分类部分导航菜单
const navigation = ref([]);
async function getNavigation() {
    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
        method: 'GET',
        query: {
            'pid': 0,
            'num': 10,
            'placeid': 29,
            'type': 1
        },
    });
    navigation.value = mkdata.data;
    // console.log("navigation11111111", navigation.value);
}
getNavigation();

//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([])
const boxData1data5 = ref([])
const boxData1data6 = ref([])
//模块2
const boxData2 = ref([])
const boxData2data2 = ref([])
const boxData2data3 = ref([])
const boxData2data4 = ref([])
const boxData2data5 = ref([])
const boxData2data6 = ref([])
//模块3
const boxData3 = ref([]);
const boxData3menu = ref([]);
//模块4
const boxData4 = ref([]);
const boxData4data2 = ref([]);
const boxData4data3 = ref([]);
const boxData4data4 = ref([]);
const boxData4data5 = ref([]);
const boxData4menu = ref([]);
//模块5
const boxData5 = ref([])
const boxData5data2 = ref([])
//模块6
const boxData6 = ref([]);
const boxData6data2 = ref([]);
const boxData6menu = ref([]);
const boxData6childpinyin = ref([]);
const boxData6mainData = ref([]);
//模块7
const boxData7 = ref([]);
const boxData7data2 = ref([]);
//模块8
const boxData8 = ref([]);
//模块9
const boxData9 = ref([]);
//模块10
const boxData10 = ref([]);
//模块11
const boxData11 = ref([]);
const boxData11data2 = ref([]);
//模块12
const boxData12 = ref([]);
const boxData12data2 = 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,
                chilid_id: navigateData.data[index].chilid_id
            };
            //渲染标题
            //1
            if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
            //2
            if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
            //3
            if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
            //4
            if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
            //5
            if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
            //6
            if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
            //7
            if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
            //8
            if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
            //9
            if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
            //10
            if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
            //11
            if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
            //12
            if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
        }
    } else {
        console.log("获取导航池出错！", navigateData.message)
    }
} catch (error) {
    console.log("错误：导航池渲染执行接口出错！请检查首页的14的模块的具体执行方法！")
}

let getJson = [
    { "parent": $pageNav[0] + ",2,10", "child": "" },//模块1
    { "parent": $pageNav[1] + ",2,10", "child": "" },//模块2
    { "parent": $pageNav[2] + ",0,7", "child": $pageNav[12] + ",0,1" },//模块3 
    { "parent": $pageNav[3] + ",1,6", "child": $pageNav[14] + ",0,1" },//模块4 商城相关，暂时不用
    { "parent": $pageNav[4] + ",2,4", "child": "" },//模块5
    { "parent": $pageNav[5] + ",3,10", "child": $pageNav[13] + ",0,11" },//模块6
    { "parent": $pageNav[6] + ",2,7", "child": "" },//模块7
    { "parent": $pageNav[7] + ",0,3", "child": "" },//模块8
    { "parent": $pageNav[8] + ",0,3", "child": "" },//模块9
    { "parent": $pageNav[9] + ",0,3", "child": "" },//模块10
    { "parent": $pageNav[10] + ",4,3", "child": "" },//模块11
    { "parent": $pageNav[11] + ",1,3", "child": "" },//模块12
]

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
        // for (let index in mkdata.data[0].imgnum) {
        //     if (index < 1) {
        //         boxData1.value.push(mkdata.data[0].imgnum[index])
        //     } else {
        //         boxData1data2.value.push(mkdata.data[0].imgnum[index])
        //     }
        // }
        // for (let index in mkdata.data[0].textnum) {
        //     if (index < 2) {
        //         // boxData1data3.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 2 && index < 5) {
        //         boxData1data4.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 5 && index <= 6) {
        //         boxData1data5.value.push(mkdata.data[0].textnum[index])
        //     } else if (index >= 7 && index <= 10) {
        //         boxData1data6.value.push(mkdata.data[0].textnum[index])
        //     }
        // }
        //模块2
        for (let index in mkdata.data[1].imgnum) {
            if (index < 1) {
                boxData2.value.push(mkdata.data[1].imgnum[index])
            } else {
                boxData2data2.value.push(mkdata.data[1].imgnum[index])
            }
        }
        for (let index in mkdata.data[1].textnum) {
            if (index < 2) {
                boxData2data3.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 2 && index < 5) {
                boxData2data4.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 5 && index <= 6) {
                boxData2data5.value.push(mkdata.data[1].textnum[index])
            } else if (index >= 7 && index <= 10) {
                boxData2data6.value.push(mkdata.data[1].textnum[index])
            }
        }
        //模块3
        boxData3.value = mkdata.data[2].textnum;
        for (let index in mkdata.data[2].child.all_childcat) {
            if (index < 3) {
                boxData3menu.value.push(mkdata.data[2].child.all_childcat[index])
            }
        }
        //模块4 商城相关
        for (let index in mkdata.data[3].child.all_childcat) {
            if (index < 3) {
                boxData4menu.value.push(mkdata.data[3].child.all_childcat[index])
            }
        }
        //模块5
        boxData5.value = mkdata.data[4].imgnum;
        boxData5data2.value = mkdata.data[4].textnum;
        //模块6
        for (let index in mkdata.data[5].imgnum) {
            if (index < 1) {
                boxData6.value.push(mkdata.data[5].imgnum[index])
            } else {
                boxData6data2.value.push(mkdata.data[5].imgnum[index])
            }
        }
        // console.log("boxData6data2", boxData6data2.value);
        boxData6childpinyin.value = mkdata.data[5].child.pinyin;
        boxData6mainData.value = mkdata.data[5].child.textnum;
        for (let index in mkdata.data[5].child.all_childcat) {
            if (index < 3) {
                boxData6menu.value.push(mkdata.data[5].child.all_childcat[index])
            }
        }
        //模块7
        boxData7.value = mkdata.data[6].imgnum;
        boxData7data2.value = mkdata.data[6].textnum;
        //模块8
        boxData8.value = mkdata.data[7].textnum;
        //模块9
        boxData9.value = mkdata.data[8].textnum;
        //模块10
        boxData10.value = mkdata.data[9].textnum;
        //模块11
        boxData11.value = mkdata.data[10].imgnum;
        boxData11data2.value = mkdata.data[10].textnum;
        //模块12
        boxData12.value = mkdata.data[11].imgnum;
        boxData12data2.value = mkdata.data[11].textnum;

    } else {
        ElMessage.error(mkdata.message)
    }
}
getPageAllData();

// 获取首页商品模块数据
const getShopData1 = async () => {
    const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
        method: 'GET',
        query: {
            'catid': $pageNav[0],
            'page': 1,
            'pageSize': 12,
            'ismix': 1,
        },
    });
    // console.log("mkdata11111111", mkdata);

    if (mkdata.code == 200) {
        for (let index in mkdata.data.goods) {
            if (index < 1) {
                boxData1.value.push(mkdata.data.goods[index])
            } else if (index >= 1 && index < 3) {
                boxData1data3.value.push(mkdata.data.goods[index])
            } else if (index >= 3 && index < 6) {
                boxData1data4.value.push(mkdata.data.goods[index])
            } else if (index >= 6 && index < 7) {
                boxData1data2.value.push(mkdata.data.goods[index])
            } else if (index >= 7 && index < 9) {
                boxData1data5.value.push(mkdata.data.goods[index])
            } else if (index >= 9 && index < 12) {
                boxData1data6.value.push(mkdata.data.goods[index])
            }
        }

    }
}
getShopData1()

// 获取首页商品模块数据
const getShopData = async () => {
    const mkdata = await requestDataPromise('/web/getWebsiteshopList', {
        method: 'GET',
        query: {
            'catid': $pageNav[3],
            'page': 1,
            'pageSize': 10,
        },
    });
    if (mkdata.code == 200) {
        for (let index in mkdata.data.type1) {
            if (index < 1) {
                boxData4.value.push(mkdata.data.type1[index])
            } else if (index >= 1 && index < 2) {
                boxData4data2.value.push(mkdata.data.type1[index])
            } else if (index >= 2 && index < 4) {
                boxData4data3.value.push(mkdata.data.type1[index])
            }

        }
        for (let index in mkdata.data.type2) {
            if (index < 1) {
                boxData4data4.value.push(mkdata.data.type2[index])
            } else if (index >= 1 && index < 3) {
                boxData4data5.value.push(mkdata.data.type2[index])
            }
        }
    }
}
getShopData()

// 获取首页企业模块数据
let getJson_company = [
    { 'level': "1,0,12" },
]
let companyJson = JSON.stringify(getJson_company)

//企业功能
//农民工培训模块547
const recommend_company = ref('') // 推荐岗位
const getRecommendCompany = async () => {
    const getCompany = await requestDataPromise('/web/getWebsiteCompany', {
        method: 'GET',
        query: {
            'id': companyJson
        },
    });
    if (getCompany.code == 200) {
        console.log('getCompany', getCompany);
        if (getCompany.data.length > 0) {
            recommend_company.value = getCompany.data[0].text_num;
        }
    }
}
getRecommendCompany()


//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{display:none;}
    }
    @media screen and (max-width:800px){/*ipad_phone*/
        

            .index_main{width:100%;margin-bottom:0px;}
         
            .index_head_out{ 
                 background:rgba(0,0,0,0);
                 border:0px;margin-top:18px;
            }
            .index_head_out .index_head_h3{ 
                display:block;width:92%;margin:0px auto 0px;text-align:center;height:33px;
                overflow:hidden;
            }

            .index_head_out .index_head_h3_a{ 
                display:inline-block;
                 width:auto;max-width:100%;height:100%;line-height:33px;
                font-size:22px;margin-top:0px;padding:0px 0px 0px 50px;
                box-sizing:border-box;
                    background-size:auto 100%;   
            }
            
            .index_head_out .index_head_h3_tag{
                left:0px;top:8px;line-height:22px;height:22px;
                font-size:12px;padding:0px 8px;
            }
 
            .index_head_out .index_head_a_box{width:75%;margin:10px auto 0px;}
            .index_head_out .index_head_a_box .index_head_a{width:100%;display:none;font-size:16px;}
            .index_head_out .index_head_a_box .index_head_a:nth-of-type(1){display:block;}

            .index_1{margin-top:2px;}
            .index_1_box{width:100%;float:none;}
            .roll_1_box{width:92%;height:55vw;margin:0px auto 0px;overflow:hidden;}



            
        .phone_box_1{


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

        }


        .phone_box_2{

            width:92%;margin:0px auto 0px;    
            .phone_box_2_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }

            .phone_box_2_ul{

                overflow:hidden;height:205px;margin-top:8px;
                a{
                                width:100%!important;display:block;height:40px;line-height:40px;            
                                border-bottom:1px solid #E6E6E6;display:block;position:relative;
                                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                                font-size:16px;color:#333;text-indent:18px;
                }
                a::after{
                                content: '';display: block;
                                position:absolute;left:0px;top:18px;background:#E6E6E6;
                                width:6px;height:6px;
                }
                a:nth-of-type(n+6){display:none;}
            }

        }

        .phone_box_3{
            width:92%;margin:0px auto 0px;    
            .phone_box_3_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
            
            .phone_box_3_img_ul{

                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }

            .phone_box_3_ul{

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

        .phone_box_4{


            width:92%;margin:0px auto 0px;    
            .phone_box_4_head{

                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
             
            .phone_box_4_ul{
                >div{width:100%;height:100%;}
                overflow:hidden;height:205px;margin-top:8px;
                a{
                                width:100%!important;display:block;height:40px;line-height:40px;            
                                border-bottom:1px solid #E6E6E6;display:block;position:relative;
                                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                                font-size:16px;color:#333;text-indent:18px;
                }
                a::after{
                                content: '';display: block;
                                position:absolute;left:0px;top:18px;background:#E6E6E6;
                                width:6px;height:6px;
                }
                a:nth-of-type(n+6){display:none;}
            }

        }

        .phone_box_5{



            width:92%;margin:0px auto 0px;    
            .phone_box_5_head{

                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
            
            .phone_box_5_img_ul{



                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }

            .phone_box_5_ul{

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

        }

        .phone_box_6{
            width:92%;margin:0px auto 0px;    
            .phone_box_6_head{

                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
            
            .phone_box_6_img_ul{


                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }

            .phone_box_6_ul{

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

        }

         
        .phone_box_7{


            width:92%;margin:0px auto 0px;    
            .phone_box_7_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }

            
            .phone_box_7_img_ul{

                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }


            .phone_box_7_ul{

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

        }   
         
        .phone_box_8{


            width:92%;margin:0px auto 0px;    
            .phone_box_8_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
            
            .phone_box_8_img_ul{

                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }

            .phone_box_8_ul{

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

        }   

        .phone_box_9{


            width:92%;margin:0px auto 0px;    
            .phone_box_9_head{

                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
             

            .phone_box_9_ul{

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

        }
        .phone_box_10{

            width:92%;margin:0px auto 0px;    
            .phone_box_10_head{

                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
             

            .phone_box_10_ul{

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

        }
        .phone_box_11{

            width:92%;margin:0px auto 0px;    
            .phone_box_11_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }

            .phone_box_11_ul{

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

        }
        
        .phone_box_12{


            width:92%;margin:0px auto 0px;    
            .phone_box_12_head{


                    height:50px;line-height:50px;
                    background:#fff;border-bottom:1px solid #E6E6E6;
                    margin-top:15px;width:100%;
                    
                    a{ 
                            float:left;height:50px;line-height:50px;margin:0;position:relative;
                            color:#a91b33;font-size:18px; font-weight:bold;box-sizing:border-box;
                             position:relative;padding-left:8px;
                    }

                    a::before{
                        content: '';display: block;
                        position:absolute;left:0px;top:15px;
                        background:#a91b33;
                        width:3px;height:20px;
                    }
 
            }
            
            .phone_box_12_img_ul{

                height:55vw;overflow:hidden;margin-top:15px;

                div{width:100%;float:none;height:55vw;border-radius:10px;position:relative;overflow:hidden;}
                a{display:block;width:100%;height:100%;}
                img{display:block;width:100%;height:100%;}
                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; display:block;
                    background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
                    word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
                }
                >div:nth-of-type(n+2){display:none;}

            }

            .phone_box_12_ul{
                

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

        }
            .index_2_box{display:none;}
            .phone_none{display:none;}
    }



</style>