临时保存

临时保存

.nuxt/components.d.ts

@@ -15,6 +15,7 @@ interface _GlobalComponents {
     'HomePagination': typeof import("../components/home/Pagination.vue")['default']
     'HomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
     'HomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
+    'HomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
     'HomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
     'HomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'HomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -62,6 +63,7 @@ interface _GlobalComponents {
     'LazyHomePagination': typeof import("../components/home/Pagination.vue")['default']
     'LazyHomeSecondaryHeading': typeof import("../components/home/SecondaryHeading.vue")['default']
     'LazyHomeSmallSwiper1': typeof import("../components/home/SmallSwiper1.vue")['default']
+    'LazyHomeSmallSwiperNmg': typeof import("../components/home/SmallSwiperNmg.vue")['default']
     'LazyHomeSurveyvote': typeof import("../components/home/Surveyvote.vue")['default']
     'LazyHomeSwiperSnsc': typeof import("../components/home/SwiperSnsc.vue")['default']
     'LazyHomeSwiperSnscChannel': typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -115,6 +117,7 @@ export const HomePageMessage: typeof import("../components/home/PageMessage.vue"
 export const HomePagination: typeof import("../components/home/Pagination.vue")['default']
 export const HomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']
 export const HomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
+export const HomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
 export const HomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
 export const HomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const HomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']
@@ -162,6 +165,7 @@ export const LazyHomePageMessage: typeof import("../components/home/PageMessage.
 export const LazyHomePagination: typeof import("../components/home/Pagination.vue")['default']
 export const LazyHomeSecondaryHeading: typeof import("../components/home/SecondaryHeading.vue")['default']
 export const LazyHomeSmallSwiper1: typeof import("../components/home/SmallSwiper1.vue")['default']
+export const LazyHomeSmallSwiperNmg: typeof import("../components/home/SmallSwiperNmg.vue")['default']
 export const LazyHomeSurveyvote: typeof import("../components/home/Surveyvote.vue")['default']
 export const LazyHomeSwiperSnsc: typeof import("../components/home/SwiperSnsc.vue")['default']
 export const LazyHomeSwiperSnscChannel: typeof import("../components/home/SwiperSnscChannel.vue")['default']

assets/css/index.less

@@ -4,30 +4,7 @@
     font-family: "微软雅黑", "microsoft yahei";
 }
 
-a:active {
-    text-decoration: none;
-}
-
-a:hover {
-    text-decoration: none;
-}
-
-a:visited {
-    text-decoration: none;
-}
-
-a:link {
-    text-decoration: none;
-}
-
-a:focus {
-    text-decoration: none;
-}
-
-body {
-    position: relative;
-}
-
+//  *{margin:0;padding: 0;font-family: Microsoft YaHei, Microsoft YaHei;}
 .clearfix {
     overflow: hidden;
 }
@@ -58,21 +35,23 @@ body {
 
 .dot2 {
     overflow: hidden;
-    display: -webkit-box;
+    display: -webkit-box !important;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
 
-input,
-img {
-    border: none;
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
 }
 
+/*input,img{border:none;width:100%;height:100%;}*/
 .cover100 img {
     display: block;
     width: 100%;
     height: 100%;
-    object-fit: cover;
 }
 
 .back100 {
@@ -86,6 +65,7 @@ footer,
 header,
 time,
 video,
+top,
 main,
 nav,
 h4,
@@ -95,1334 +75,820 @@ section {
 }
 
 .index_main {
-    margin: 0 auto;
+    margin: 0 auto 30px;
     width: 1200px;
-    margin-bottom: 30px;
 }
 
-.head_h3 {
-    width: 1100px;
-    height: 70px;
-    margin: 30px auto 0;
-    background: url(@/public/img/2.png) no-repeat left top #EDF4FF;
-    background-size: auto auto;
+.index_1_h3 {
+    margin-top: 30px;
 
-    .head_h3_a {
+    .index_1_h3_a {
         display: block;
-        width: 1000px;
-        height: 70px;
-        text-align: center;
-        color: #255590;
         font-size: 30px;
-        line-height: 70px;
-        margin: 0px auto;
+        color: #333;
+        font-weight: bold;
+        text-align: center;
     }
 }
 
-.index_1 {
-    margin-top: 30px;
+.index_1_h3_title_box {
+    text-align: center;
+    margin-top: 10px;
+
+    .index_1_h3_title_box_a {
+        display: inline-block;
+        color: #333;
+        font-size: 18px;
+        height: 22px;
+        line-height: 22px;
+        margin: 5px 18px;
+    }
 }
 
-.roll_1_box {
-    width: 720px;
-    height: 405px;
+.index_2 {
+    margin-top: 22px;
 }
 
-.index_1_left {
+.roll_1_box {
     float: left;
     width: 720px;
+    height: 405px;
 }
 
-.index_1_right {
+.index_2_right_box {
     float: right;
     width: 450px;
 }
 
-.index_1_box_1 {
-    float: left;
-    width: 350px;
-    margin-right: 20px;
-}
+.index_2_head {
+    border-bottom: solid 1px #D9D9D9;
+    position: relative;
+    box-sizing: border-box;
+    padding-left: 10px;
 
-.index_1_box_2 {
-    float: left;
-    width: 350px;
-}
+    .index_2_head_a {
+        float: left;
+        height: 54px;
+        line-height: 54px;
+        color: #333;
+        font-size: 22px;
+        padding: 0 10px;
+        position: relative;
+        font-weight: bold;
+    }
 
-.index_2_box_1 {
-    float: left;
-    width: 170px;
+    .index_2_head_a_only {
+        color: #489D97;
+    }
 }
 
-.index_2_box_2 {
-    float: right;
-    width: 265px;
+.index_2_head::after {
+    content: '';
+    display: block;
+    width: 3px;
+    height: 18px;
+    position: absolute;
+    left: 0px;
+    top: 19px;
+    background: linear-gradient(to top, #0998A9, #6ADDD6);
 }
 
-.index_1_ul {}
+.index_2_ul_top {
+    margin-top: 12px;
+}
 
-.index_1_ul_a {
-    height: 42px;
-    line-height: 42px;
+.index_2_ul_a {
+    height: 58px;
+    line-height: 58px;
     color: #333;
     font-size: 18px;
+    text-indent: 12px;
     position: relative;
-    text-indent: 16px;
+    font-family: Microsoft YaHei, Microsoft YaHei;
 
     &:hover {
-        color: #255590;
+        color: #489D97;
     }
 }
 
-.index_1_ul_a::after {
+.index_2_ul_a::after {
     content: '';
     display: block;
-    width: 6px;
-    height: 6px;
+    width: 4px;
+    height: 4px;
     position: absolute;
     left: 0px;
-    top: 20px;
-    background: #255590;
-    border-radius: 50%;
+    top: 28px;
+    background: #333;
 }
 
-.index_1_ul_a:nth-of-type(1) {
-    font-weight: bold;
-    font-size: 20px;
-    text-indent: 0;
-    margin-top: -4px;
+.index_2_ul_a:hover::after {
+    content: '';
+    display: block;
+    width: 4px;
+    height: 4px;
+    position: absolute;
+    left: 0px;
+    top: 28px;
+    background: #489D97;
 }
 
-.index_1_ul_a:nth-of-type(1)::after {
-    content: '';
-    display: none;
+.index_2_ul_bold .index_2_ul_a:nth-of-type(1) {
+    font-weight: bold;
 }
 
 .banner {
     margin-top: 30px;
-    width: 1200px;
 
     .banner_a {
         display: block;
         width: 1200px;
     }
 
+    .banner_top {
+        margin-top: 0px;
+    }
+
     .banner_img {
         display: block;
         width: 1200px;
     }
 }
 
-.index_2 {
+.index_3_h4_box {
+    overflow: hidden;
     margin-top: 30px;
-}
-
-.index_2_head {
-    height: 30px;
-    position: relative;
-    margin-bottom: 28px;
-
-    .index_2_head_name {
-        float: left;
-        height: 30px;
-        line-height: 30px;
-        color: #255590;
-        font-size: 22px;
-        text-indent: 22px;
-        font-weight: bold;
-    }
-
-    .index_2_head_name_a {
-        display: block;
-        height: 30px;
-        line-height: 30px;
-        color: #255590;
-        font-size: 22px;
-        font-weight: bold;
-    }
+    text-align: center;
 
-    .index_2_head_name::after {
-        content: '';
-        display: block;
-        width: 3px;
-        height: 18px;
-        background: #255590;
-        position: absolute;
-        left: 0px;
-        top: 6px;
-        z-index: 11;
+    .index_3_h4 {
+        display: inline-block;
+        color: #056761;
+        font-size: 30px;
+        position: relative;
+        height: 36px;
+        line-height: 36px;
     }
 
-    .index_2_head_more {
-        float: right;
-        height: 30px;
-        line-height: 30px;
-        color: #999;
-        font-size: 16px;
+    .index_3_h4_a {
+        display: inline-block;
+        color: #056761;
+        font-size: 30px;
+        position: relative;
+        height: 36px;
+        line-height: 36px;
     }
-
-    // .index_2_head_more::after {
-    //     content: '';
-    //     display: block;
-    //     width: 100%;
-    //     height: 100%;
-    //     position: absolute;
-    //     left: 0px;
-    //     top: 0px;
-    //     z-index: 22;
-    // }
 }
 
-.index_2_head:hover .index_2_head_more {
-    color: #255590;
+.index_3_h4::after {
+    content: '';
+    display: block;
+    width: 314px;
+    height: 10px;
+    position: absolute;
+    left: -354px;
+    top: 13px;
+    background: url(@/public/img/3.png) no-repeat left top;
+    background-size: 100% 100%;
 }
 
-.index_img_big_2_ul {}
-
-.index_img_big_2_li {
-    width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
-
-    .index_img_big_2_li_a {}
+.index_3_h4::before {
+    content: '';
+    display: block;
+    width: 314px;
+    height: 10px;
+    position: absolute;
+    right: -354px;
+    top: 13px;
+    background: url(@/public/img/4.png) no-repeat left top;
+    background-size: 100% 100%;
+}
 
-    .index_img_big_2_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
-    }
+.index_3_ul {
+    margin-top: 25px;
+}
 
-    .index_img_big_2_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_3_li_a:hover .index_3_li_dot1 {
+    color: #489D97;
 }
 
-.index_2_img_li {
-    width: 165px;
-    height: 96px;
-    margin-bottom: 8px;
+.index_3_li {
+    float: left;
+    width: 384px;
+    box-sizing: border-box;
+    padding: 0px 30px;
+    border: solid 1px #d5f0ef;
     position: relative;
+    border-radius: 10px;
+    margin: 10px 0px;
+    position: relative;
+    background: linear-gradient(to top, #fff, #F7FCFC);
+}
 
-    .index_2_img_li_a {}
-
-    .index_2_img_li_img {
-        width: 165px;
-        height: 96px;
-    }
+.index_3_li_name_box {
+    display: flex;
+    height: 28px;
+    margin-top: 20px;
 
-    .index_2_img_li_dot1 {
-        width: 165px;
+    .index_3_li_name {
         height: 28px;
         line-height: 28px;
-        color: #fff;
-        font-size: 14px;
-        box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        color: #489D97;
+        font-size: 18px;
+        font-weight: bold;
     }
 }
 
-.index_2_img_li:nth-of-type(odd) {
-    float: left;
-}
-
-.index_2_img_li:nth-of-type(even) {
-    float: right;
+.index_3_li_num {
+    height: 28px;
+    text-align: center;
+    box-sizing: border-box;
+    max-width: 28px;
+    min-width: 28px;
+    border-radius: 5px;
+    color: #fff;
+    font-size: 18px;
+    line-height: 28px;
+    margin-right: 10px;
+    background: linear-gradient(to bottom, #6ADDD6, #0998A9);
 }
 
-.index_ul_2_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
+.index_3_li_dot1 {
+    width: 320px;
+    height: 21px;
+    line-height: 21px;
     font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
-
-    &:hover {
-        color: #255590;
-    }
-
-    &:hover::after {
-        content: '';
-        display: block;
-        background: #255590;
-    }
+    color: #666;
+    margin: 15px auto 20px;
 }
 
-.index_ul_2_a::after {
+.index_3_li_tag::before {
     content: '';
     display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
     position: absolute;
-    left: 0px;
-    top: 8px;
+    width: 30px;
+    height: 30px;
+    right: -15px;
+    top: -15px;
     z-index: 11;
+    background: url(@/public/img/5.png) no-repeat left top;
+    background-size: 100% 100%;
 }
 
-.index_ul_2_a:nth-of-type(3n-2) {
-    font-weight: bold;
+.index_3_li:nth-of-type(3n-1) {
+    margin: 10px 24px;
 }
 
-.index_img_big_1_ul {
-    .index_img_big_1_li {
-        height: 267px;
-        position: relative;
-        width: 450px;
-        margin-bottom: 22px;
-    }
+.index_3_ol_box {
+    margin-top: 10px;
+    background: #489D97;
+    border-radius: 10px;
+}
 
-    .index_img_big_1_li_a {}
+.index_3_ol_h3 {
+    height: 66px;
 
-    .index_img_big_1_li_img {
-        display: block;
-        height: 267px;
-        width: 450px;
+    .index_3_ol_h3_a {
+        float: left;
+        height: 66px;
+        line-height: 66px;
+        font-size: 20px;
+        color: #fff;
+        font-weight: bold;
+        margin-left: 20px;
     }
+}
 
-    .index_img_big_1_li_dot1 {
-        width: 450px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
+.index_3_ol {
+    background: #fff;
+    border: solid 1px #62CBC6;
+    box-sizing: border-box;
+    padding: 10px 0px;
+    border-radius: 10px;
+
+    .index_3_ol_li {
+        float: left;
+        width: 320px;
         box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        margin: 10px 30px;
+    }
+
+    .index_3_ol_li:nth-of-type(3n-1) {
+        margin: 10px 58px;
     }
 }
 
-.index_ul_3_a {
-    height: 24px;
-    line-height: 24px;
+.index_3_ol_li_a {
+    display: flex;
+}
+
+.index_3_ol_li_dot1 {
+    height: 28px;
+    line-height: 28px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
+}
+
+.index_3_ol_li:hover .index_3_ol_li_dot1 {
+    color: #489D97;
+}
+
+.index_4_ul {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: solid 1px #D0EEED;
+    border-radius: 10px;
     box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
+    padding: 10px 30px;
+    background: url(@/public/img/6.png) no-repeat right bottom;
+    background-size: 100% auto;
 
-    &:hover {
-        color: #255590;
+    .index_4_ul_a {
+        float: left;
+        height: 21px;
+        line-height: 21px;
+        color: #333;
+        font-size: 16px;
+        position: relative;
+        margin: 10px 30px;
+        text-indent: 16px;
+        width: 318px;
     }
 }
 
-.index_ul_3_a::after {
+.index_4_ul_a::after {
     content: '';
     display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
+    width: 8px;
+    height: 8px;
     position: absolute;
     left: 0px;
-    top: 8px;
-    z-index: 11;
+    top: 7px;
+    border-radius: 4px;
+    background: #00A6A7;
 }
 
-.index_ul_3_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_4_ul_a:hover {
+    color: #489D97;
 }
 
-.index_3 {
-    margin-top: 12px;
+.index_5 {
+    margin-top: 20px;
 }
 
-.index_img_big_3_ul {}
-
-.index_img_big_3_li {
+.index_5_box_1 {
+    float: left;
     width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
+    margin-top: 20px;
+    margin-right: 20px;
 }
 
-.index_img_big_3_li_a {}
-
-.index_img_big_3_li_img {
-    display: block;
+.index_5_box_2 {
+    float: left;
     width: 350px;
-    height: 230px;
+    margin-top: 20px;
 }
 
-.index_img_big_3_li_dot1 {
-    width: 350px;
-    height: 44px;
-    line-height: 44px;
-    color: #fff;
-    font-size: 18px;
-    padding: 0px 10px;
-    box-sizing: border-box;
-    position: absolute;
-    z-index: 11;
-    left: 0px;
-    bottom: 0px;
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+.index_5_box_3 {
+    float: right;
+    width: 452px;
+    margin-top: 20px;
 }
 
-.index_ul_3_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
-}
+.index_5_big_img_ul {
+    .index_5_big_img_li {
+        margin-bottom: 25px;
 
-.index_ul_3_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
-}
+        &:hover .index_5_big_img_li_dot2 {
+            color: #489D97;
+        }
+    }
 
-.index_ul_3_a:nth-of-type(3n-2) {
-    font-weight: bold;
+    .index_5_big_img_li_img {
+        display: block;
+        width: 350px;
+        height: 230px;
+    }
 }
 
-.index_ul_5_a {
-    height: 24px;
-    line-height: 24px;
+.index_5_big_img_li_dot2 {
+    height: 44px;
+    line-height: 22px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
+    margin-top: 20px;
+    font-weight: bold;
+}
 
-    &:hover {
-        color: #255590;
+.index_5_big_img_li_a {
+    &:hover .index_5_big_img_li_dot2 {
+        color: #489D97;
     }
 }
 
-.index_ul_5_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
-}
-
-.index_ul_5_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
-}
+.index_5_img_li {
+    width: 165px;
+    margin-bottom: 8px;
 
-.index_img_ul_2 {
-    .index_img_ul_2_li {
-        width: 170px;
-        height: 110px;
-        margin-bottom: 10px;
-        position: relative;
+    &:hover .index_5_img_li_dot2 {
+        color: #489D97;
     }
 
-    .index_img_ul_2_li_a {}
+    .index_5_img_li_img {
+        width: 165px;
+        height: 96px;
+    }
 
-    .index_img_ul_2_li_img {
-        width: 170px;
-        height: 110px;
+    .index_5_img_li_dot2 {
+        height: 42px;
+        line-height: 21px;
+        color: #333;
+        font-size: 16px;
+        margin-top: 15px;
     }
 
-    .index_img_ul_2_li_dot1 {
-        width: 170px;
-        height: 28px;
-        line-height: 28px;
-        color: #fff;
-        font-size: 14px;
-        box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+    &:hover .index_5_img_li_dot2 {
+        color: #489D97;
     }
 }
 
-.index_ul_4_li_box {
-    height: 48px;
-    margin-bottom: 11px;
-    width: 265px;
+.index_5_img_li:nth-of-type(odd) {
+    float: left;
+}
 
-    .index_ul_4_li {
-        height: 48px;
-        width: 265px;
-        display: table-cell;
-        vertical-align: middle;
-    }
+.index_5_img_li:nth-of-type(even) {
+    float: right;
+}
 
-    .index_ul_4_a {
+.index_5_ul {
+    .index_5_ul_a {
+        height: 24px;
         line-height: 24px;
         color: #333;
         font-size: 18px;
+        margin-bottom: 26px;
         box-sizing: border-box;
-        position: relative;
-        width: 265px;
-        box-sizing: border-box;
-        padding-left: 16px;
 
         &:hover {
-            color: #255590;
+            color: #489D97;
         }
     }
-
-    .index_ul_4_a::after {
-        content: '';
-        display: block;
-        width: 6px;
-        height: 6px;
-        background: #ddd;
-        border-radius: 50%;
-        position: absolute;
-        left: 0px;
-        top: 44%;
-        z-index: 11;
-    }
-
-    .index_ul_4_a:hover::after {
-        content: '';
-        display: block;
-        background: #255590;
-    }
 }
 
-.index_4 {
-    margin-top: 11px;
+.index_5_ul_a:nth-of-type(5n-4) {
+    font-weight: bold;
 }
 
-.index_img_big_4_ul {}
-
-.index_img_big_4_li {
-    width: 350px;
-    height: 230px;
+.index_5_img_ul_2_li {
+    width: 220px;
     margin-bottom: 20px;
-    position: relative;
 
-    .index_img_big_4_li_a {}
-
-    .index_img_big_4_li_img {
+    .index_5_img_ul_2_li_img {
         display: block;
-        width: 350px;
-        height: 230px;
+        width: 220px;
+        height: 130px;
     }
 
-    .index_img_big_4_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
+    .index_5_img_ul_2_li_dot1 {
+        height: 22px;
+        line-height: 22px;
+        color: #333;
         font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        margin-top: 20px;
+        text-align: center;
     }
-}
-
-.index_ul_6_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
 
-    &:hover {
-        color: #255590;
+    &:hover .index_5_img_ul_2_li_dot1 {
+        color: #489D97;
     }
 }
 
-.index_ul_6_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
+.index_5_img_ul_2_li:nth-of-type(odd) {
+    float: left;
 }
 
-.index_ul_6_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_5_img_ul_2_li:nth-of-type(even) {
+    float: right;
 }
 
-.index_ul_7 {
-    margin-top: 12px;
+.index_2_ul_2 .index_2_ul_a {
+    margin-bottom: 2px;
 }
 
-.index_ul_7_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
+.index_6_head_right {
+    float: right;
+    height: 54px;
+    line-height: 54px;
 
-    &:hover {
-        color: #255590;
+    .index_6_head_right_in {
+        float: left;
+        height: 54px;
+        margin-right: 8px;
     }
-}
-
-.index_ul_7_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
-}
 
-.index_ul_7_a:nth-of-type(3n-2) {
-    font-weight: bold;
-}
+    .index_6_head_right_in_a {
+        height: 54px;
+        line-height: 54px;
+        color: #999;
+        font-size: 16px;
+        float: right;
 
-.index_ul_7_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
-}
+        &:hover {
+            color: #489D97;
+        }
+    }
 
-.index_ul_8 {}
+    .index_6_head_right_in .index_6_head_right_in_a {
+        padding: 0px 10px 0px 16px;
+        position: relative;
+        float: left;
+    }
 
-.index_ul_8_a {
-    width: 170px;
-    height: 48px;
-    color: #255590;
-    font-size: 14px;
-    box-sizing: border-box;
-    padding: 0px 6px;
-    line-height: 48px;
-    background: #F7FBFE;
-    margin-bottom: 10px;
+    .index_6_head_right_in .index_6_head_right_in_a::after {
+        content: '/';
+        display: block;
+        height: 6px;
+        line-height: 6px;
+        position: absolute;
+        left: 0px;
+        top: 24px;
+    }
 
-    &:hover {
-        font-weight: bold;
+    .index_6_head_right_in .index_6_head_right_in_a:nth-of-type(1)::after {
+        content: '';
+        display: none;
     }
 }
 
-.index_ul_8_a:nth-of-type(odd) {
+.index_6_left {
     float: left;
+    width: 575px;
+    margin-top: 20px;
 }
 
-.index_ul_8_a:nth-of-type(even) {
+.index_6_right {
     float: right;
+    width: 594px;
+    margin-top: 20px;
 }
 
-.index_img_big_5_ul {}
-
-.index_img_big_5_li {
-    height: 267px;
-    position: relative;
-    width: 450px;
-    margin-bottom: 22px;
-
-    .index_img_big_5_li_a {}
-
-    .index_img_big_5_li_img {
-        display: block;
-        height: 267px;
-        width: 450px;
-    }
+.index_6_img_li {
+    float: left;
+    width: 190px;
+}
 
-    .index_img_big_5_li_dot1 {
-        width: 450px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_6_img_li_img {
+    display: block;
+    width: 190px;
+    height: 110px;
 }
 
-.index_ul_9_a {
-    height: 24px;
+.index_6_img_li_dot3 {
+    width: 166px;
+    height: 72px;
     line-height: 24px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
-
-    &:hover {
-        color: #255590;
-    }
+    margin: 20px auto 0;
 }
 
-.index_ul_9_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
+.index_6_img_li:nth-of-type(3n-1) {
+    margin: 0px 12px;
 }
 
-.index_ul_9_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_6_img_li_a:hover .index_6_img_li_dot3 {
+    color: #489D97;
 }
 
-.banner_3 {
-    width: 1200px;
-    margin-top: 12px;
+.roll_2_box {
+    float: left;
+    width: 390px;
+    height: 220px;
 }
 
-.index_img_ul_3_li {
-    width: 350px;
-    margin-bottom: 20px;
+.roll_2_per {
+    position: relative;
+}
 
-    .index_img_ul_3_a {
-        width: 350px;
-        display: flex;
-    }
+.roll_2_per_a {}
 
-    .index_img_ul_3_img_box {
-        width: 165px;
-        height: 96px;
-        margin-right: 20px;
-    }
+.roll_2_per_a_img {
+    display: block;
+    width: 390px;
+    height: 220px;
+}
 
-    .index_img_ul_3_img {
-        display: block;
-        width: 165px;
-        height: 96px;
-    }
+.roll_2_btn_box {
+    float: right;
+    width: 165px;
 
-    .index_img_ul_3_dot2 {
+    .roll_2_btn {
         height: 48px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 24px;
-    }
-}
 
-.index_img_ul_3_a:hover .index_img_ul_3_dot2 {
-    color: #255590;
-}
-
-.index_ul_10 {
-    margin-top: 12px;
+        &:hover .roll_2_btn_dot2 {
+            color: #489D97;
+        }
+    }
 
-    .index_ul_10_a {
-        height: 24px;
+    .roll_2_btn_dot2 {
+        height: 48px;
         line-height: 24px;
         color: #333;
         font-size: 18px;
-        margin-bottom: 17px;
-        box-sizing: border-box;
-        text-indent: 16px;
-        position: relative;
-    }
-
-    .index_ul_10_a::after {
-        content: '';
+        margin-top: 20px;
         display: block;
-        width: 6px;
-        height: 6px;
-        background: #ddd;
-        border-radius: 50%;
-        position: absolute;
-        left: 0px;
-        top: 8px;
-        z-index: 11;
     }
 
-    .index_ul_10_a:nth-of-type(3n-2) {
+    .roll_2_btn_only .roll_2_btn_dot2 {
         font-weight: bold;
     }
 }
 
-.index_ul_10_a:hover {
-    color: #255590;
-}
-
-.index_ul_10_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_7 {
+    margin-top: 30px;
+    background: #F8F8F8;
+    padding-bottom: 20px;
 }
 
-.index_img_ul_4_li {
-    width: 350px;
-    margin-bottom: 20px;
-
-    .index_img_ul_4_a {
-        width: 350px;
-        display: flex;
-    }
-
-    .index_img_ul_4_img_box {
-        width: 165px;
-        height: 96px;
-        margin-right: 20px;
-    }
-
-    .index_img_ul_4_img {
-        display: block;
-        width: 165px;
-        height: 96px;
-    }
+.index_7_head {
+    height: 26px;
 
-    .index_img_ul_4_dot2 {
-        height: 48px;
-        line-height: 24px;
+    .index_7_head_a {
+        float: left;
+        height: 26px;
+        line-height: 26px;
         color: #333;
-        font-size: 18px;
-        margin-top: 24px;
+        font-size: 20px;
+        font-weight: bold;
+        margin-left: 20px;
     }
 }
 
-.index_img_ul_4_a:hover .index_img_ul_4_dot2 {
-    color: #255590;
-}
-
-.index_ul_11 {
-    margin-top: 12px;
+.index_7_ul {
+    width: 530px;
+    margin: 0 auto;
 
-    .index_ul_11_a {
+    .index_7_ul_a {
         height: 24px;
         line-height: 24px;
         color: #333;
         font-size: 18px;
-        margin-bottom: 17px;
-        box-sizing: border-box;
-        text-indent: 16px;
-        position: relative;
-    }
+        margin-top: 27px;
 
-    .index_ul_11_a::after {
-        content: '';
-        display: block;
-        width: 6px;
-        height: 6px;
-        background: #ddd;
-        border-radius: 50%;
-        position: absolute;
-        left: 0px;
-        top: 8px;
-        z-index: 11;
+        &:hover {
+            color: #489D97;
+        }
     }
 }
 
-.index_ul_11_a:nth-of-type(3n-2) {
-    font-weight: bold;
-}
-
-.index_ul_11_a:hover {
-    color: #255590;
-}
-
-.index_ul_11_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
-}
-
-.index_ul_12 {
-    width: 450px;
-
-    .index_ul_12_li {
-        width: 450px;
-        display: flex;
-        height: 24px;
-        margin-bottom: 29px;
-    }
+.index_7_btn_ul {
+    width: 575px;
+    margin-left: 20px;
 
-    .index_ul_12_li_num {
-        height: 24px;
-        line-height: 24px;
-        color: #ccc;
-        font-size: 18px;
-        width: 24px;
+    .index_7_btn_a {
+        float: left;
+        width: 178px;
+        height: 76px;
+        line-height: 76px;
         text-align: center;
-        font-style: italic;
-        margin-right: 20px;
-    }
-
-    .index_ul_12_a {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
+        padding: 0px 10px;
         font-size: 18px;
+        color: #489D97;
+        margin-top: 25px;
+        font-weight: bold;
+        background: linear-gradient(to top, #fff, #F7FCFC);
+        border-radius: 10px;
+        border: solid 1px #D0EEED;
+        box-sizing: border-box;
     }
-}
 
-.index_ul_12_li:nth-of-type(-n+3) .index_ul_12_li_num {
-    color: #255590;
-}
-
-.index_ul_12_a:hover {
-    color: #255590;
+    .index_7_btn_a:nth-of-type(3n-1) {
+        margin: 25px 19px 0px;
+    }
 }
 
-.index_5 {
-    margin-top: 30px;
+.index_7_right {
+    float: right;
+    width: 616px;
+    margin-top: 20px;
 }
 
-.index_6 {
-    margin-top: 30px;
+.index_8 {
+    margin-top: 20px;
 }
 
-.index_img_big_6_ul {}
-
-.index_img_big_6_li {
-    width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
-
-    .index_img_big_6_li_a {}
-
-    .index_img_big_6_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
-    }
-
-    .index_img_big_6_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_9_box_1 {
+    float: left;
+    width: 720px;
+    margin-top: 20px;
 }
 
-.index_ul_13 {}
-
-.index_ul_13_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
-
-    &:hover {
-        color: #255590;
-    }
+.index_9_ul_1 {
+    margin-top: 11px;
 }
 
-.index_ul_13_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
+.index_9_ul_1 .index_2_ul_a {
+    margin-bottom: 2px;
 }
 
-.index_ul_13_a:nth-of-type(3n-2) {
+.index_9_ul_1 .index_2_ul_a:nth-of-type(1) {
     font-weight: bold;
 }
 
-.index_ul_13_a:hover::after {
-    content: '';
+.index_9_big_img_li_img {
     display: block;
-    background: #255590;
+    width: 450px;
+    height: 267px;
 }
 
-.index_img_ul_5 {}
-
-.index_img_ul_5_li {
-    width: 170px;
-    height: 110px;
-    margin-bottom: 10px;
-    position: relative;
-
-    .index_img_ul_5_li_a {}
-
-    .index_img_ul_5_li_img {
-        width: 170px;
-        height: 110px;
-    }
-
-    .index_img_ul_5_li_dot1 {
-        width: 170px;
-        height: 28px;
-        line-height: 28px;
-        color: #fff;
-        font-size: 14px;
-        box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_9_big_img_ul {
+    margin-top: 30px;
 }
 
-.index_ul_14_li_box {
-    height: 48px;
-    margin-bottom: 11px;
-    width: 265px;
-
-    .index_ul_14_li {
-        height: 48px;
-        width: 265px;
-        display: table-cell;
-        vertical-align: middle;
-    }
+.index_10_ul {
+    margin-top: 30px;
 
-    .index_ul_14_a {
-        line-height: 24px;
+    .index_10_ul_a {
+        float: left;
+        width: 172px;
+        height: 130px;
+        text-align: center;
+        line-height: 130px;
+        margin-left: 10px;
         color: #333;
         font-size: 18px;
-        box-sizing: border-box;
-        position: relative;
-        width: 265px;
-        box-sizing: border-box;
-        padding-left: 16px;
+        font-weight: bold;
+        background-size: 100% 100%;
 
         &:hover {
-            color: #255590;
+            color: #489D97;
         }
     }
 
-    .index_ul_14_a::after {
-        content: '';
-        display: block;
-        width: 6px;
-        height: 6px;
-        background: #ddd;
-        border-radius: 50%;
-        position: absolute;
-        left: 0px;
-        top: 44%;
-        z-index: 11;
-    }
-
-    .index_ul_14_a:hover::after {
-        content: '';
-        display: block;
-        background: #255590;
-    }
-}
-
-.index_2_head_right {
-    float: right;
-    margin-top: 3px;
-}
-
-.index_2_head_right_a {
-    height: 30px;
-    line-height: 30px;
-    color: #999;
-    font-size: 16px;
-    float: left;
-
-    &:hover {
-        color: #489D97;
-    }
-}
-
-.index_2_head_right .index_6_head_right_a {
-    padding: 0px 10px 0px 16px;
-    position: relative;
-    float: left;
-    color: #999;
-    font-size: 16px;
-}
-
-.index_2_head_right .index_6_head_right_a::after {
-    font-size: 12px;
-    content: '/';
-    display: block;
-    height: 6px;
-    line-height: 6px;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-}
-
-.index_2_head_right .index_6_head_right_a:nth-of-type(1)::after {
-    content: '';
-    display: none;
-}
-
-.index_6_head_right_a:hover {
-    color: #255590;
-}
-
-.index_7 {
-    margin-top: 11px;
-}
-
-.index_img_big_7_ul {}
-
-.index_img_big_7_li {
-    width: 350px;
-    height: 230px;
-    margin-bottom: 20px;
-    position: relative;
-
-    .index_img_big_7_li_a {}
-
-    .index_img_big_7_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
-    }
-
-    .index_img_big_7_li_dot1 {
-        width: 350px;
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+    .index_10_ul_a:nth-of-type(1) {
+        background-image: url(@/public/img/18.png);
+        margin-left: 0px;
     }
-}
-
-.index_img_ul_6_li {
-    width: 165px;
-    height: 96px;
-    margin-bottom: 8px;
-    position: relative;
-
-    .index_img_ul_6_li_a {}
 
-    .index_img_ul_6_li_img {
-        width: 165px;
-        height: 96px;
+    .index_10_ul_a:nth-of-type(2) {
+        background-image: url(@/public/img/19.png);
     }
 
-    .index_img_ul_6_li_dot1 {
-        width: 165px;
-        height: 28px;
-        line-height: 28px;
-        color: #fff;
-        font-size: 14px;
-        box-sizing: border-box;
-        position: absolute;
-        padding: 0px 10px;
-        left: 0px;
-        bottom: 0px;
-        z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+    .index_10_ul_a:nth-of-type(3) {
+        background-image: url(@/public/img/20.png);
     }
-}
-
-.index_img_ul_6_li:nth-of-type(odd) {
-    float: left;
-}
-
-.index_img_ul_6_li:nth-of-type(even) {
-    float: right;
-}
-
-.index_ul_15 {}
-
-.index_ul_15_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
 
-    &:hover {
-        color: #255590;
+    .index_10_ul_a:nth-of-type(4) {
+        background-image: url(@/public/img/21.png);
     }
 }
 
-.index_ul_15_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 8px;
-    z-index: 11;
-}
-
-.index_ul_15_a:nth-of-type(3n-2) {
-    font-weight: bold;
-}
-
-.index_ul_15_a:hover::after {
-    content: '';
-    display: block;
-    background: #255590;
+.index_10_img_ul {
+    margin-top: 30px;
 }
 
-.index_img_ul_7_li {
+.index_10_img_ul_li {
     width: 220px;
     height: 130px;
-    margin-bottom: 8px;
     position: relative;
+    margin-bottom: 8px;
 
-    .index_img_ul_7_li_a {}
-
-    .index_img_ul_7_li_img {
+    .index_10_img_ul_li_img {
         width: 220px;
         height: 130px;
     }
 
-    .index_img_ul_7_li_dot1 {
+    .index_10_img_ul_li_dot1 {
+        height: 33px;
         width: 220px;
-        height: 28px;
-        line-height: 28px;
-        color: #fff;
-        font-size: 14px;
-        box-sizing: border-box;
         position: absolute;
-        padding: 0px 10px;
+        color: #fff;
+        font-size: 18px;
         left: 0px;
         bottom: 0px;
         z-index: 11;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 33%, rgba(0, 0, 0, 0) 100%);
+        padding: 0px 10px;
+        box-sizing: border-box;
+        line-height: 33px;
+        background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, .1));
+    }
+
+    &:hover .index_10_img_ul_li_dot1 {
+        color: #489D97;
     }
 }
 
-.index_img_ul_7_li:nth-of-type(odd) {
+.index_10_img_ul_li:nth-of-type(odd) {
     float: left;
 }
 
-.index_img_ul_7_li:nth-of-type(even) {
+.index_10_img_ul_li:nth-of-type(even) {
     float: right;
 }
 
-.index_name_ul {
-    margin-top: 13px;
-
-    .index_name_ul_li {
-        height: 24px;
-        margin-bottom: 20px;
-        display: flex;
-    }
-
-    .index_name_ul_li_tag {
-        height: 24px;
-        line-height: 24px;
-        color: #0046AE;
-        font-size: 18px;
-        position: relative;
-        padding-right: 15px;
-        margin-right: 15px;
-        word-break: keep-all;
-        white-space: nowrap;
-    }
-
-    .index_name_ul_li_tag::after {
-        content: '';
-        display: block;
-        height: 14px;
-        background: #D3D5D8;
-        width: 1px;
-        position: absolute;
-        right: 0px;
-        top: 5px;
-    }
-
-    .index_name_ul_li_dot1 {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        width: 100%;
-    }
-
-    .index_name_ul_li_dot1:hover {
-        color: #255590;
-    }
+.index_10_box_1 {
+    margin-top: 0px;
 }
 
-.banner_4 {
-    width: 1200px;
-    margin-top: 11px;
+.index_10_box_3 {
+    margin-top: 0px;
 }

components/home/SmallSwiperNmg.vue

@@ -0,0 +1,139 @@
+<template>
+      <div class="swiper">
+            <el-carousel :interval="3333" height="405px" indicator-class="custom-indicator">
+                  <el-carousel-item v-for="(item, item_index) in 4" :key="item">
+                        <!-- <img src="../../static/images/sgbhsihfgisdfaasda45632113_A_group_of_Chinese_farmers_are_trans_bb6f6cc3-e86b-4706-840c-0974beef5b2f@2x.png"alt=""> -->
+                        <img class="" src="../../public/img/12.png" title="" alt="">
+                        <span class="swiper_dot1 dot1">{{ item_index
+                        }}高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急高邮市周山镇开展渔业安全生产应急</span>
+                  </el-carousel-item>
+            </el-carousel>
+      </div>
+
+</template>
+
+<script setup>
+
+import { ElCarousel, ElCarouselItem } from 'element-plus'
+
+</script>
+
+<style lang="less" scoped>
+.dot1 {
+      display: block;
+      word-break: keep-all;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+}
+
+.swiper {
+      width: 100%;
+      height: 405px;
+      position: relative;
+
+      img {
+            width: 100%;
+            height: 405px;
+      }
+
+      .swiper_dot1 {
+            display: block;
+            width: 100%;
+            line-height: 60px;
+            height: 60px;
+            color: #fff;
+            font-size: 24px;
+            text-indent: 20px;
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            z-index: 10;
+            box-sizing: border-box;
+            padding-right: 244px;
+
+            background: rgba(0, 0, 0, .5);
+
+
+
+
+
+      }
+
+}
+
+.el-carousel {
+      /deep/.el-carousel__arrow i {
+            font-size: 30px !important;
+      }
+
+      /deep/.el-carousel__arrow--left {
+            left: 16px;
+            width: 35px;
+            height: 57px;
+            color: #616358;
+            background: #dcdedc;
+            position: absolute;
+            left: 0px;
+            border: none;
+            border-radius: 0;
+      }
+
+      /deep/.el-carousel__arrow--right {
+            right: 16px;
+            width: 35px;
+            height: 57px;
+            color: #616358;
+            background: #dcdedc;
+            position: absolute;
+            right: 0;
+            border: none;
+            border-radius: 0;
+      }
+
+      /deep/ .el-carousel__indicators {
+            // 指示器
+            left: unset;
+            transform: unset;
+            right: 10px;
+            bottom: 11px;
+      }
+
+      /deep/ .el-carousel__button {
+            // 指示器按钮
+            width: 10px;
+            height: 10px;
+            border: none;
+            border-radius: 5px;
+            background: #ccc;
+            opacity: 1;
+      }
+
+      /deep/ .is-active .el-carousel__button {
+            // 指示器激活按钮
+            background: #fff;
+            width: 58px;
+            opacity: 1;
+
+      }
+
+      /deep/ .el-carousel__container {
+            height: 100%;
+      }
+}
+
+.custom-indicator button {
+      background-color: #fff;
+
+      opacity: 1;
+      width: 8px;
+      height: 8px;
+}
+
+.custom-indicator button.is-active {
+      background-color: #DD7D18;
+      width: 58px;
+
+      opacity: 1;
+}
+</style>

pages/index.vue

@@ -3,761 +3,551 @@
         <HomePageHead></HomePageHead>
         <HomePageNavigation></HomePageNavigation>
         <main class="index_main">
-            <!--头条-->
-            <h1 class="head_h3">
-                <NuxtLink class="head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
-                    :target="headline.islink == 1 ? '_blank' : '_self'">
-                    {{ headline.title }}
-                </NuxtLink>
-            </h1>
             <section class="index_1 clearfix">
-                <div class="index_1_left">
-                    <div class="roll_1_box">
-                        <HomeSwiperSnsc></HomeSwiperSnsc>
-                    </div>
-                </div>
-                <div class="index_1_right">
-                    <div class="index_1_ul">
-                        <NuxtLink class="index_1_ul_a dot1" :href="getLinkPathDetail(item)" :title="item.title"
-                            v-for="(item, index) in hotNewsList" :key="index"
-                            :target="item.islink == 1 ? '_blank' : '_self'">
-                            {{ item.title }}
-                        </NuxtLink>
-                    </div>
+                <h3 class="index_1_h3"><a class="index_1_h3_a" href="" title="">京津冀人社协同活动月启动 25项人社服务事项在三地“一卡通办”</a>
+                </h3>
+                <div class="index_1_h3_title_box">
+                    <a class="index_1_h3_title_box_a" href="" title="">政讯通</a>
+                    <a class="index_1_h3_title_box_a" href="" title="">政讯通政讯通</a>
+                    <a class="index_1_h3_title_box_a" href="" title="">政讯通政讯通政讯通</a>
+                    <a class="index_1_h3_title_box_a" href="" title="">政讯通</a>
                 </div>
             </section>
-            <!--广告1-->
-            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
             <section class="index_2 clearfix">
-                <div class="index_1_left clearfix">
-                    <!--open 农业市场-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[0].cid"
-                            :href="getLinkPath(pageData[0])"
-                            :title="pageData[0].alias"
-                            >
-                            {{pageData[0].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[0].cid"
-                            :href="getLinkPath(pageData[0])"
-                            :title="pageData[0].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
+                <div class="roll_1_box">
+                    <!-- 农 民 工 轮播图-->
+                    <HomeSmallSwiperNmg></HomeSmallSwiperNmg>
+                </div>
+                <!-- open 农民工人才库-->
+                <div class="index_2_right_box">
+                    <div class="index_2_head clearfix">
+                        <a class="index_2_head_a index_2_head_a_only" title="">农民工人才库</a>
+                        <a class="index_2_head_a" title="">农民工维权</a>
+                        <a class="index_2_head_a" title="">市场动态</a>
+                    </div>
+                    <div class="index_2_ul index_2_ul_top index_2_ul_bold">
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href=""
+                            title="">新一批深化财税改革举措呼之欲出零基预算等被频频...场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
                     </div>
-                    <div class="index_1_box_1 clearfix">
-                        <div class="index_img_big_2_ul">
-                            <div class="index_img_big_2_li" v-for="item in boxData1">
-                                <NuxtLink class="index_img_big_2_li_a" 
-                                    :href="getLinkPathDetail(item)" 
-                                    :title="item.title" 
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_big_2_li_img" :src="item.imgurl" :alt="item.title">
-                                    <div class="index_img_big_2_li_dot1 dot1">{{ item.title }}</div>
-                                </NuxtLink>
+                </div>
+                <!-- over 农民工人才库-->
+            </section>
+
+            <!-- 广告位一 start -->
+            <HomeTopTenTitle></HomeTopTenTitle>
+            <!-- <HomeTopTenTitle :imgurl="adList[0]" v-if="adList[0]"></HomeTopTenTitle> -->
+            <!-- 广告位一 end -->
+
+            <section class="index_3 clearfix">
+                <div class="index_3_h4_box">
+                    <h4 class="index_3_h4">
+                        <a class="index_3_h4_a" href="" title="">最新热门职位</a>
+                    </h4>
+                </div>
+                <!-- open 最新热门职位1-->
+                <div class="index_3_ul clearfix_2">
+                    <div class="index_3_li index_3_li_tag clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">1</div>
+                                <div class="index_3_li_name dot1">日式厨师</div>
                             </div>
-                        </div>
-                        <div class="index_2_img_ul clearfix">
-                            <div class="index_2_img_li" v-for="item in boxData1data2">
-                                <NuxtLink class="index_2_img_li_a" 
-                                    :href="getLinkPathDetail(item)" 
-                                    :title="item.title" 
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_2_img_li_img" :src="item.imgurl" :alt="item.title">
-                                    <div class="index_2_img_li_dot1 dot1">{{ item.title }}</div>
-                                </NuxtLink>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
+                    </div>
+                    <div class="index_3_li clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">2</div>
+                                <div class="index_3_li_name dot1">厨师/厨师长</div>
                             </div>
-                        </div>
-                    </div>
-                    <div class="index_1_box_2 clearfix">
-                        <div class="index_ul_2">
-                            <NuxtLink 
-                                class="index_ul_2_a dot1"
-                                v-for="item in boxData1data3"
-                                :href="getLinkPathDetail(item)" 
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
-                        </div>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
+                    </div>
+                    <div class="index_3_li clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">3</div>
+                                <div class="index_3_li_name dot1">汽车修理工</div>
+                            </div>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
+                    </div>
+                    <div class="index_3_li clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">4</div>
+                                <div class="index_3_li_name dot1">北京若森科技动漫委培生</div>
+                            </div>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
+                    </div>
+                    <div class="index_3_li clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">5</div>
+                                <div class="index_3_li_name dot1">烧烤师</div>
+                            </div>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
+                    </div>
+                    <div class="index_3_li clearfix_2">
+                        <a class="index_3_li_a" href="" title="">
+                            <div class="index_3_li_name_box">
+                                <div class="index_3_li_num">6</div>
+                                <div class="index_3_li_name dot1">高薪法务助理+五险双休</div>
+                            </div>
+                            <div class="index_3_li_dot1 dot1">
+                                北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生北京若森科技动漫委培生</div>
+                        </a>
                     </div>
-                    <!--end 农业市场-->
                 </div>
-                <div class="index_1_right clearfix">
-                    <!--open 特产商城-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[1].cid"
-                            :href="getLinkPath(pageData[1])"
-                            :title="pageData[1].alias"
-                            >
-                            {{pageData[1].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[1].cid"
-                            :href="getLinkPath(pageData[1])"
-                            :title="pageData[1].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_img_big_1_ul clearfix">
-                        <div class="index_img_big_1_li" v-for="item in boxData2">
-                            <NuxtLink class="index_img_big_1_li_a" :href="getLinkPathDetail(item)" :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img class="index_img_big_1_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="index_img_big_1_li_dot1 dot1">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
+                <!-- over 最新热门职位1-->
+                <!-- open 最新热门职位2ul-->
+                <div class="index_3_ol_box">
+                    <h3 class="index_3_ol_h3">
+                        <a class="index_3_ol_h3_a" href="" title="">北京中农兴业资讯发展股份有限公司</a>
+                    </h3>
+                    <div class="index_3_ol clearfix">
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">1</div>
+                                <div class="index_3_ol_li_dot1 dot1">php程序员</div>
+                            </a>
+                        </div>
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">2</div>
+                                <div class="index_3_ol_li_dot1 dot1">网页设计</div>
+                            </a>
+                        </div>
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">3</div>
+                                <div class="index_3_ol_li_dot1 dot1">行政助理文员</div>
+                            </a>
+                        </div>
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">4</div>
+                                <div class="index_3_ol_li_dot1 dot1">网站编辑</div>
+                            </a>
+                        </div>
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">5</div>
+                                <div class="index_3_ol_li_dot1 dot1">文案策划</div>
+                            </a>
+                        </div>
+                        <div class="index_3_ol_li">
+                            <a class="index_3_ol_li_a" href="" title="">
+                                <div class="index_3_li_num">6</div>
+                                <div class="index_3_ol_li_dot1 dot1">网站运营推广</div>
+                            </a>
                         </div>
                     </div>
-                    <div class="index_ul_5">
-                        <NuxtLink class="index_ul_5_a dot1" v-for="item in boxData2data2" :href="getLinkPathDetail(item)" :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
-                            {{ item.title }}
-                        </NuxtLink>
-                    </div>
-                    <!--end 特产商城-->
                 </div>
+                <!-- over 最新热门职位2-ul-->
             </section>
-            <section class="index_3 clearfix">
-                <div class="index_1_left clearfix">
-                    <!--open 科教商城-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[2].cid"
-                            :href="getLinkPath(pageData[2])"
-                            :title="pageData[2].alias"
-                            >
-                            {{pageData[2].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[2].cid"
-                            :href="getLinkPath(pageData[2])"
-                            :title="pageData[2].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_1_box_1 clearfix">
-                        <div class="index_img_big_3_ul">
-                            <div class="index_img_big_3_li" v-for="item in boxData3">
-                                <NuxtLink 
-                                    :href="getLinkPathDetail(item)" 
-                                    class="index_img_big_3_li_a"
-                                    :title="item.title" 
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_big_3_li_img" :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_big_3_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
+            <section class="index_4 clearfix">
+                <!-- open 推荐就业单位-->
+                <div class="index_3_h4_box">
+                    <h4 class="index_3_h4">
+                        <a class="index_3_h4_a" href="" title="">推荐就业单位</a>
+                    </h4>
+                </div>
+                <div class="index_4_ul clearfix">
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                    <a class="index_4_ul_a dot1" href=""
+                        title="">推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位推荐就业单位</a>
+                </div>
+                <!-- over 推荐就业单位-->
+            </section>
+
+            <!-- 广告位二 start -->
+            <HomeTopTenTitle></HomeTopTenTitle>
+            <!-- <HomeTopTenTitle :imgurl="adList[1]" v-if="adList[1]"></HomeTopTenTitle> -->
+            <!-- 广告位二 end -->
+
+            <!-- open 致富信息-->
+            <section class="index_5 clearfix">
+                <div class="index_2_head  clearfix">
+                    <a class="index_2_head_a index_2_head_a_only" title="">致富信息</a>
+                    <a class="index_2_head_a" title="">书刊音像城</a>
+                </div>
+                <div class=" clearfix">
+                    <div class="index_5_box_1 clearfix">
+                        <div class="index_5_big_img_ul">
+                            <div class="index_5_big_img_li">
+                                <a class="index_5_big_img_li_a" href="" title="">
+                                    <img class="index_5_big_img_li_img" src="../public/img/8.png" title="" alt="">
+                                    <div class="index_5_big_img_li_dot2 dot2">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
                             </div>
                         </div>
-                    </div>
-                    <div class="index_1_box_2 clearfix">
-                        <div class="index_ul_3">
-                            <NuxtLink 
-                                :href="getLinkPathDetail(item)" 
-                                class="index_ul_3_a dot1"
-                                v-for="item in boxData3data2"
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
+                        <div class="index_5_img_ul">
+                            <div class="index_5_img_li">
+                                <a class="index_5_img_li_a" href="" title="">
+                                    <img class="index_5_img_li_img" src="../public/img/9.png" title="" alt="">
+                                    <div class="index_5_img_li_dot2 dot2">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
+                            </div>
+                            <div class="index_5_img_li">
+                                <a class="index_5_img_li_a" href="" title="">
+                                    <img class="index_5_img_li_img" src="../public/img/10.png" title="" alt="">
+                                    <div class="index_5_img_li_dot2 dot2">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
+                            </div>
                         </div>
                     </div>
-                    <!--end 科教商城-->
-                </div>
-                <div class="index_1_right clearfix">
-                    <!--open 生活商城-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[3].cid"
-                            :href="getLinkPath(pageData[3])"
-                            :title="pageData[3].alias"
-                            >
-                            {{pageData[3].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[3].cid"
-                            :href="getLinkPath(pageData[3])"
-                            :title="pageData[3].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_2_box_1 clearfix">
-                        <div class="index_img_ul_2 clearfix">
-                            <div class="index_img_ul_2_li" v-for="item in boxData4">
-                                <NuxtLink 
-                                    :href="getLinkPathDetail(item)" 
-                                    class="index_img_ul_2_li_a"
-                                    :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 class="index_5_box_2 clearfix">
+                        <div class="index_5_ul">
+                            <a class="index_5_ul_a dot1" href="" title="">1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">2农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">3农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">4农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">5农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">6农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">7农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">8农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">9农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                            <a class="index_5_ul_a dot1" href="" title="">10农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
                         </div>
                     </div>
-                    <div class="index_2_box_2 clearfix">
-                        <div class="index_ul_4">
-                            <div class="index_ul_4_li_box" v-for="item in boxData4data2">
-                                <div class="index_ul_4_li">
-                                    <NuxtLink 
-                                        :href="getLinkPathDetail(item)" 
-                                        :title="item.title" 
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                        class="index_ul_4_a dot2"
-                                    >
-                                        {{ item.title }}
-                                    </NuxtLink>
-                                </div>
+                    <div class="index_5_box_3 clearfix">
+                        <div class="index_5_img_ul_2 clearfix">
+                            <div class="index_5_img_ul_2_li">
+                                <a class="index_5_img_ul_2_li_a" href="" title="">
+                                    <img class="index_5_img_ul_2_li_img" src="../public/img/12.png" title="" alt="">
+                                    <div class="index_5_img_ul_2_li_dot1 dot1">农民工维</div>
+                                </a>
+                            </div>
+                            <div class="index_5_img_ul_2_li">
+                                <a class="index_5_img_ul_2_li_a" href="" title="">
+                                    <img class="index_5_img_ul_2_li_img" src="../public/img/11.png" title="" alt="">
+                                    <div class="index_5_img_ul_2_li_dot1 dot1">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
                             </div>
                         </div>
+                        <div class="index_2_ul index_2_ul_2">
+                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                            <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        </div>
                     </div>
-                    <!--end 生活商城-->
                 </div>
             </section>
-            <section class="index_4 clearfix">
-                <!--open 市场动态-->
-                <div class="index_1_box_1 clearfix">
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[4].cid"
-                            :href="getLinkPath(pageData[4])"
-                            :title="pageData[4].alias"
-                            >
-                            {{pageData[4].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[4].cid"
-                            :href="getLinkPath(pageData[4])"
-                            :title="pageData[4].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_img_big_4_ul">
-                        <div class="index_img_big_4_li" v-for="item in boxData5">
-                            <NuxtLink class="index_img_big_4_li_a" :href="getLinkPathDetail(item)" :title="item.title" :target="item.islink == 1 ? '_blank' : '_self'">
-                                <img class="index_img_big_4_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="index_img_big_4_li_dot1 dot1">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
+            <!-- over 致富信息-->
+            <!-- open 农民工资讯-->
+            <section class="index_6 clearfix">
+                <div class="index_2_head clearfix">
+                    <a class="index_2_head_a index_2_head_a_only" title="">农民工资讯</a>
+                    <div class="index_6_head_right">
+                        <div class="index_6_head_right_in">
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
                         </div>
+                        <a class="index_6_head_right_in_a" href="" title=""> 更多 &gt; </a>
                     </div>
-                    <div class="index_ul_6">
-                        <NuxtLink 
-                            class="index_ul_6_a dot1" 
-                            :href="getLinkPathDetail(item)"
-                            v-for="item in boxData5data2"
-                            :title="item.title" 
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
-                    </div>
-                    <!--end 市场动态-->
                 </div>
-                <!--open 市场管理-->
-                <div class="index_1_box_2 clearfix">
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[5].cid"
-                            :href="getLinkPath(pageData[5])"
-                            :title="pageData[5].alias"
-                            >
-                            {{pageData[5].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[5].cid"
-                            :href="getLinkPath(pageData[5])"
-                            :title="pageData[5].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <HomeAdAdindexmain :imgurl="adImg2"></HomeAdAdindexmain>
-                    <div class="index_ul_7">
-                        <NuxtLink 
-                            v-for="item in boxData6"
-                            class="index_ul_7_a dot1"
-                            :href="getLinkPathDetail(item)" 
-                            :title="item.title" 
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                <div class="index_6_left clearfix">
+                    <div class="roll_2_box">
+                        <div class="roll_2_img_ul">
+                            <div class="roll_2_per">
+                                <a class="roll_2_per_a" href="" title="">
+                                    <img class="roll_2_per_a_img" src="../public/img/24.png" title="" alt="">
+                                </a>
+                            </div>
+                        </div>
                     </div>
-                    <div class="index_ul_8 clearfix">
-                        <NuxtLink 
-                            v-for="item in boxData6data2"
-                            class="index_ul_8_a dot1"
-                            :href="getLinkPathDetail(item)" 
-                            :title="item.title" 
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                    <div class="roll_2_btn_box">
+                        <div class="roll_2_btn roll_2_btn_only">
+                            <a class="roll_2_btn_dot2 dot2" href="" title="">
+                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
+                            </a>
+                        </div>
+                        <div class="roll_2_btn">
+                            <a class="roll_2_btn_dot2 dot2" href="" title="">
+                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
+                            </a>
+                        </div>
+                        <div class="roll_2_btn">
+                            <a class="roll_2_btn_dot2 dot2" href="" title="">
+                                劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构
+                            </a>
+                        </div>
                     </div>
-                    <!--end 市场管理-->
                 </div>
-                <!--open 致富信息-->
-                <div class="index_1_right clearfix">
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[6].cid"
-                            :href="getLinkPath(pageData[6])"
-                            :title="pageData[6].alias"
-                            >
-                            {{pageData[6].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[6].cid"
-                            :href="getLinkPath(pageData[6])"
-                            :title="pageData[6].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_img_big_5_ul clearfix">
-                        <div class="index_img_big_5_li" v-for="item in boxData7">
-                            <NuxtLink 
-                                class="index_img_big_5_li_a" 
-                                :href="getLinkPathDetail(item)" 
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <img class="index_img_big_5_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="index_img_big_5_li_dot1 dot1">
-                                    {{ item.title }}
+                <div class="index_6_right clearfix">
+                    <div class="index_6_img_ul clearfix">
+                        <div class="index_6_img_li">
+                            <a class="index_6_img_li_a" href="" title="">
+                                <img class="index_6_img_li_img" src="../public/img/13.png" title="" alt="">
+                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
                                 </div>
-                            </NuxtLink>
+                            </a>
                         </div>
-                    </div>
-                    <div class="index_ul_9">
-                        <NuxtLink 
-                            class="index_ul_9_a dot1" 
-                            :href="getLinkPathDetail(item)" 
-                            v-for="item in boxData7data2"
-                            :title="item.title" 
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>  
-                    </div>
-                    <!--end 致富信息-->
-                </div>
-            </section>
-            <!--广告3-->
-            <HomeAdvertising :imgurl="adImg3"></HomeAdvertising>
-            <section class="index_5 clearfix">
-                <!--open 市场服务-->
-                <div class="index_1_box_1 clearfix">
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[7].cid"
-                            :href="getLinkPath(pageData[7])"
-                            :title="pageData[7].alias"
-                            >
-                            {{pageData[7].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[7].cid"
-                            :href="getLinkPath(pageData[7])"
-                            :title="pageData[7].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_img_ul_3">
-                        <div class="index_img_ul_3_li" v-for="item in boxData8">
-                            <NuxtLink 
-                                class="index_img_ul_3_a"
-                                :href="getLinkPathDetail(item)" 
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <div class="index_img_ul_3_img_box">
-                                    <img class="index_img_ul_3_img" :src="item.imgurl" alt="item.title">
+                        <div class="index_6_img_li">
+                            <a class="index_6_img_li_a" href="" title="">
+                                <img class="index_6_img_li_img" src="../public/img/14.png" title="" alt="">
+                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
                                 </div>
-                                <div class="index_img_ul_3_dot2 dot2">
-                                    {{ item.title }}
+                            </a>
+                        </div>
+                        <div class="index_6_img_li">
+                            <a class="index_6_img_li_a" href="" title="">
+                                <img class="index_6_img_li_img" src="../public/img/15.png" title="" alt="">
+                                <div class="index_6_img_li_dot3 dot3">政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规政策法规
                                 </div>
-                            </NuxtLink>
+                            </a>
                         </div>
                     </div>
-                    <div class="index_ul_10">
-                        <NuxtLink 
-                            class="index_ul_10_a dot1"
-                            v-for="item in boxData8data2"
-                            :href="getLinkPathDetail(item)" 
-                            :title="item.title" 
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
-                    </div>
                 </div>
-                <!--end 市场服务-->
-                <div class="index_1_box_2 clearfix">
-                    <!--open 市场信息-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[8].cid"
-                            :href="getLinkPath(pageData[8])"
-                            :title="pageData[8].alias"
-                            >
-                            {{pageData[8].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[8].cid"
-                            :href="getLinkPath(pageData[8])"
-                            :title="pageData[8].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_img_ul_4">
-                        <div class="index_img_ul_4_li" v-for="item in boxData9">
-                            <NuxtLink 
-                                class="index_img_ul_4_a"
-                                :href="getLinkPathDetail(item)" 
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <div class="index_img_ul_4_img_box">
-                                    <img class="index_img_ul_4_img" :src="item.imgurl" alt="item.title">
-                                </div>
-                                <div class="index_img_ul_4_dot2 dot2">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
-                        </div>
+            </section>
+            <!-- over 农民工资讯-->
+            <section class="index_7 clearfix">
+                <!-- open 专题报道-->
+                <div class="index_6_left clearfix">
+                    <div class="index_7_head">
+                        <a class="index_7_head_a" href="" title="">专题报道</a>
                     </div>
-                    <div class="index_ul_11">
-                        <NuxtLink 
-                            class="index_ul_11_a dot1"
-                            :href="getLinkPathDetail(item)" 
-                            :title="item.title" 
-                            v-for="item in boxData9data2"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                    <div class="index_7_ul clearfix">
+                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
+                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
+                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
+                        <a class="index_7_ul_a dot1" href="" title="">专题报道专题报道专题报道专题报道专题报道专题报道专题报道专题报道</a>
                     </div>
-                    <!--end 市场信息-->
                 </div>
-                <div class="index_1_right clearfix">
-                    <!--open 三农知识-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[9].cid"
-                            :href="getLinkPath(pageData[9])"
-                            :title="pageData[9].alias"
-                            >
-                            {{pageData[9].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[9].cid"
-                            :href="getLinkPath(pageData[9])"
-                            :title="pageData[9].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_ul_12">
-                        <div class="index_ul_12_li dot1" v-for="(item,index) in boxData10">
-                            <div class="index_ul_12_li_num">{{ index + 1 }}</div>
-                            <NuxtLink 
-                                :href="getLinkPathDetail(item)" 
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                                class="index_ul_12_a dot1"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
-                        </div>
+                <!-- over 专题报道-->
+                <!-- 各地机构动态open -->
+                <div class="index_7_right clearfix">
+                    <div class="index_7_head">
+                        <a class="index_7_head_a" href="" title="">各地机构动态</a>
+                    </div>
+                    <div class="index_7_btn_ul clearfix">
+                        <a class="index_7_btn_a dot1" href="" title="">各地用户大户</a>
+                        <a class="index_7_btn_a dot1" href="" title="">劳动保障部门</a>
+                        <a class="index_7_btn_a dot1" href="" title="">各级工会组织</a>
+                        <a class="index_7_btn_a dot1" href="" title="">各地妇联组织</a>
+                        <a class="index_7_btn_a dot1" href="" title="">各地人才市场</a>
+                        <a class="index_7_btn_a dot1" href="" title="">各地人才中介</a>
                     </div>
-                    <!--end 三农知识-->
                 </div>
+                <!-- 各地机构动态over -->
             </section>
-            <section class="index_6 clearfix">
-                <div class="index_1_left clearfix">
-                    <!--open 农资商城-->
-                    <div class="index_2_head">
-                        <div class="index_2_head_name">
-                            <NuxtLink
-                                class="index_2_head_name_a"
-                                v-if="pageData[10].cid"
-                                :href="getLinkPath(pageData[10])"
-                                :title="pageData[10].alias"
-                                >
-                                {{pageData[10].alias}}
-                            </NuxtLink>
-                        </div>
-                        <div class="index_2_head_right">
-                            <NuxtLink 
-                                class="index_6_head_right_a" 
-                                v-for="item in boxData11menu"
-                                :to="{ path: `/${item.aLIas_pinyin}/list-1.html}`}" 
-                                :title="item.alias"
-                            >
-                                {{item.alias}}
-                            </NuxtLink>
+            <section class="index_8 clearfix">
+                <!-- open 人才服务-->
+                <div class="index_2_head  clearfix">
+                    <a class="index_2_head_a index_2_head_a_only" title="">人才服务</a>
+                    <div class="index_6_head_right">
+                        <div class="index_6_head_right_in">
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
+                            <a class="index_6_head_right_in_a" href="" title="">政策法规 </a>
                         </div>
+                        <a class="index_6_head_right_in_a" href="" title=""> 更多 &gt; </a>
                     </div>
-                    <div class="index_1_box_1 clearfix">
-                        <div class="index_img_big_6_ul">
-                            <div class="index_img_big_6_li" v-for="item in boxData11">
-                                <NuxtLink 
-                                    class="index_img_big_6_li_a"
-                                    :href="getLinkPathDetail(item)" 
-                                    :title="item.title" 
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_big_6_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
-                            </div>
+                </div>
+                <div class="index_5_box_1 clearfix">
+                    <div class="index_5_big_img_ul">
+                        <div class="index_5_big_img_li">
+                            <a class="index_5_big_img_li_a" href="" title="">
+                                <img class="index_5_big_img_li_img" src="../public/img/8.png" title="" alt="">
+                                <div class="index_5_big_img_li_dot2 dot2">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                            </a>
                         </div>
                     </div>
-                    <div class="index_1_box_2 clearfix">
-                        <div class="index_ul_13">
-                            <NuxtLink 
-                                class="index_ul_13_a dot1"
-                                :href="getLinkPathDetail(item)" 
-                                v-for="item in boxData11data2"
-                                :title="item.title" 
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
+                    <div class="index_5_img_ul">
+                        <div class="index_5_img_li">
+                            <a class="index_5_img_li_a" href="" title="">
+                                <img class="index_5_img_li_img" src="../public/img/9.png" title="" alt="">
+                                <div class="index_5_img_li_dot2 dot2">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                            </a>
+                        </div>
+                        <div class="index_5_img_li">
+                            <a class="index_5_img_li_a" href="" title="">
+                                <img class="index_5_img_li_img" src="../public/img/10.png" title="" alt="">
+                                <div class="index_5_img_li_dot2 dot2">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 农资商城-->
                 </div>
-                <div class="index_1_right clearfix">
-                    <!--open 文化商城-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[11].cid"
-                            :href="getLinkPath(pageData[11])"
-                            :title="pageData[11].alias"
-                            >
-                            {{pageData[11].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[11].cid"
-                            :href="getLinkPath(pageData[11])"
-                            :title="pageData[11].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
+                <div class="index_5_box_2 clearfix">
+                    <div class="index_5_ul">
+                        <a class="index_5_ul_a dot1" href="" title="">1农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">2农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">3农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">4农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">5农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">6农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">7农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">8农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">9农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                        <a class="index_5_ul_a dot1" href="" title="">10农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
                     </div>
-                    <div class="index_2_box_1 clearfix">
-                        <div class="index_img_ul_5">
-                            <div class="index_img_ul_5_li" v-for="item in boxData12">
-                                <NuxtLink 
-                                    class="index_img_ul_5_li_a"
-                                    :href="getLinkPathDetail(item)" 
-                                    :title="item.title" 
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_ul_5_li_img" :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_ul_5_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
-                            </div>
+                </div>
+                <div class="index_5_box_3 clearfix">
+                    <div class="index_5_img_ul_2 clearfix">
+                        <div class="index_5_img_ul_2_li">
+                            <a class="index_5_img_ul_2_li_a" href="" title="">
+                                <img class="index_5_img_ul_2_li_img" src="../public/img/12.png" title="" alt="">
+                                <div class="index_5_img_ul_2_li_dot1 dot1">农民工维</div>
+                            </a>
                         </div>
-                    </div>
-                    <div class="index_2_box_2 clearfix">
-                        <div class="index_ul_14">
-                            <div class="index_ul_14_li_box" v-for="item in boxData12data2">
-                                <div class="index_ul_14_li">
-                                    <NuxtLink
-                                        class="index_ul_14_a dot2"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        {{ item.title }}
-                                    </NuxtLink>
-                                </div>
-                            </div>
+                        <div class="index_5_img_ul_2_li">
+                            <a class="index_5_img_ul_2_li_a" href="" title="">
+                                <img class="index_5_img_ul_2_li_img" src="../public/img/11.png" title="" alt="">
+                                <div class="index_5_img_ul_2_li_dot1 dot1">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 文化商城-->
+                    <div class="index_2_ul index_2_ul_2">
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                    </div>
                 </div>
+                <!-- over 人才服务-->
             </section>
-            <section class="index_7 clearfix">
-                <div class="index_1_left clearfix">
-                    <!--open 农副商城-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[12].cid"
-                            :href="getLinkPath(pageData[12])"
-                            :title="pageData[12].alias"
-                            >
-                            {{pageData[12].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[12].cid"
-                            :href="getLinkPath(pageData[12])"
-                            :title="pageData[12].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
-                    </div>
-                    <div class="index_1_box_1 clearfix">
-                        <div class="index_img_big_7_ul">
-                            <div class="index_img_big_7_li" v-for="item in boxData13" :key="item.id">
-                                <NuxtLink
-                                    class="index_img_big_7_li_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_big_7_li_img" :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_big_7_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
-                            </div>
-                        </div>
-                        <div class="index_img_ul_6 clearfix">
-                            <div class="index_img_ul_6_li" v-for="item in boxData13data2" :key="per_obj">
-                                <NuxtLink
-                                    class="index_img_ul_6_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_ul_6_li_img" :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_ul_6_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
-                            </div>
-                        </div>
+
+            <!-- 广告位三 start -->
+            <HomeTopTenTitle></HomeTopTenTitle>
+            <!-- <HomeTopTenTitle :imgurl="adList[2]" v-if="adList[2]"></HomeTopTenTitle> -->
+            <!-- 广告位三 end -->
+
+            <section class="index_9 clearfix">
+                <!-- open 民工培训-->
+                <div class="index_9_box_1">
+                    <div class="index_2_head clearfix">
+                        <a class="index_2_head_a index_2_head_a_only" title="">民工培训</a>
+                        <a class="index_2_head_a" title="">民工创业</a>
+                    </div>
+                    <div class="index_2_ul index_9_ul_1">
+                        <a class="index_2_ul_a dot1" href=""
+                            title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
+                        <a class="index_2_ul_a dot1" href="" title="">市场动态市场动态市场动态市场动态市场动态市场动态市场动态市场动态</a>
                     </div>
-                    <div class="index_1_box_2 clearfix">
-                        <div class="index_ul_15">
-                            <NuxtLink
-                                class="index_ul_15_a dot1"
-                                v-for="item in boxData13data3"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
+                </div>
+                <!-- over 民工培训-->
+                <!-- open 知识天地-->
+                <div class="index_5_box_3 clearfix">
+                    <div class="index_2_head clearfix">
+                        <a class="index_2_head_a index_2_head_a_only" title="">知识天地</a>
+                    </div>
+                    <div class="index_9_big_img_ul">
+                        <div class="index_5_big_img_li">
+                            <a class="index_5_big_img_li_a" href="" title="">
+                                <img class="index_9_big_img_li_img" src="../public/img/17.png" title="" alt="">
+                                <div class="index_5_big_img_li_dot2 dot2">
+                                    农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 农副商城-->
                 </div>
-                <div class="index_1_right clearfix">
-                    <!--open 人才市场-->
-                    <div class="index_2_head">
-                        <NuxtLink
-                            class="index_2_head_name"
-                            v-if="pageData[13].cid"
-                            :href="getLinkPath(pageData[13])"
-                            :title="pageData[13].alias"
-                            >
-                            {{pageData[13].alias}}
-                        </NuxtLink>
-                        <NuxtLink
-                            class="index_2_head_more"
-                            v-if="pageData[13].cid"
-                            :href="getLinkPath(pageData[13])"
-                            :title="pageData[13].alias"
-                            >
-                            更多 &gt;
-                        </NuxtLink>
+                <!-- over 知识天地-->
+            </section>
+            <section class="index_10 clearfix">
+                <!-- open 各地组织机构展示-->
+                <div class="index_9_box_1 index_10_box_1">
+                    <div class="index_2_head clearfix">
+                        <a class="index_2_head_a index_2_head_a_only" title="">各地组织机构展示</a>
+                    </div>
+                    <div class="index_10_ul clearfix">
+                        <a class="index_10_ul_a dot1" href="" title="">妇联组织</a>
+                        <a class="index_10_ul_a dot1" href="" title="">人才市场</a>
+                        <a class="index_10_ul_a dot1" href="" title="">劳动保障机构</a>
+                        <a class="index_10_ul_a dot1" href="" title="">工会组织</a>
                     </div>
-                    <div class="index_img_ul_7 clearfix">
-                        <div class="index_img_ul_7_li" v-for="item in boxData14">
-                            <NuxtLink
-                                class="index_img_ul_7_a"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <img class="index_img_ul_7_li_img" :src="item.imgurl" alt="item.title">
-                                <div class="index_img_ul_7_li_dot1 dot1">
-                                    {{ item.title }}
-                                </div>
-                            </NuxtLink>
+                </div>
+                <!-- over 各地组织机构展示-->
+                <!-- open 三农人物-->
+                <div class="index_5_box_3 clearfix index_10_box_3">
+                    <div class="index_2_head clearfix">
+                        <a class="index_2_head_a index_2_head_a_only" title="">三农人物</a>
+                    </div>
+                    <div class="index_10_img_ul clearfix">
+                        <div class="index_10_img_ul_li">
+                            <a class="index_10_img_ul_li_a" href="" title="">
+                                <img class="index_10_img_ul_li_img" src="../public/img/22.png" title="" alt="">
+                                <div class="index_10_img_ul_li_dot1 dot1">
+                                    劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构</div>
+                            </a>
                         </div>
-                    </div>
-                    <div class="index_name_ul">
-                        <div class="index_name_ul_li" v-for="item in boxData14data2">
-                            <NuxtLink
-                                class="index_name_ul_li_tag"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <div class="index_img_ul_7_li_dot1 dot1">
-                                    民工动态
-                                </div>
-                            </NuxtLink>
-                            <NuxtLink
-                                class="index_name_ul_li_dot1 dot1"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                            >
-                                <div class="index_img_ul_7_li_dot1 dot1">
-                                    {{item.title}}
-                                </div>
-                            </NuxtLink>
+                        <div class="index_10_img_ul_li">
+                            <a class="index_10_img_ul_li_a" href="" title="">
+                                <img class="index_10_img_ul_li_img" src="../public/img/24.png" title="" alt="">
+                                <div class="index_10_img_ul_li_dot1 dot1">
+                                    劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构劳动保障机构</div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 人才市场-->
                 </div>
+                <!-- over 三农人物-->
             </section>
-            <HomeAdvertising :imgurl="adImg4"></HomeAdvertising>
         </main>
         <HomeFoot></HomeFoot>
     </div>