临时保存

临时保存

assets/css/index.less

@@ -3,35 +3,31 @@
     padding: 0;
     font-family: "微软雅黑", "microsoft yahei";
 }
-
+ul,
+ol {
+    list-style: none;
+}
 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;
 }
-
 .clearfix {
     overflow: hidden;
 }
-
 .clearfix_2::after {
     content: '';
     display: block;
@@ -39,15 +35,12 @@ body {
     visibility: hidden;
     clear: both;
 }
-
 .hiddenColor {
     visibility: hidden;
 }
-
 .hand {
     cursor: pointer;
 }
-
 .dot1 {
     display: block;
     word-break: keep-all;
@@ -55,38 +48,38 @@ body {
     overflow: hidden;
     text-overflow: ellipsis;
 }
-
 .dot2 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
-
 .dot3 {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
 }
-
+.dot4 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 4;
+}
 input,
 img {
     border: none;
 }
-
 .cover100 img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
-
 .back100 {
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }
-
 article,
 aside,
 footer,
@@ -100,11 +93,9 @@ h3,
 section {
     display: block;
 }
-
 .index_main {
-    margin: 0 auto;
+    margin: 0 auto 111px
 }
-
 .slow_6 {
     -webkit-transition: all .6s;
     -moz-transition: all .6s;
@@ -112,1112 +103,1159 @@ section {
     -o-transition: all .6s;
     transition: all .6s;
 }
-
 .index_main {
     width: 1200px;
 }
-
-.index_1 {
-    margin-top: 30px;
-}
-
-.index_1_head_box {
-    text-align: center;
-}
-
-.index_1_h3 {}
-
-.index_1_h3_a {
-    background: url(@/public/img/2.png) no-repeat left 0px;
-    padding-left: 60px;
-    width: 1028px;
-    box-sizing: border-box;
-    background-size: auto 40px;
-    line-height: 40px;
-    color: #004564;
-    font-size: 30px;
-    font-weight: bold;
-    display: inline-block;
-    margin: 0px auto;
-}
-
-.index_1_title_box {
-    text-align: center;
-
-    .index_1_title_box_a {
-        display: inline-block;
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin: 11px 11px 0px;
-        width: 286px;
-
-        &:hover {
-            color: #004564;
-        }
+.index_head_out {
+    border: solid 1px #FAFAFA;
+    background: #FAFAFA;
+    margin: 20px auto 0px;
+    padding-bottom: 20px;
+    .index_head_h3 {
+          height: 40px;
+          line-height: 40px;
+    }
+    .index_head_h3_a {
+          display: block;
+          height: 40px;
+          line-height: 40px;
+          position: relative;
+          margin: 30px auto 0px;
+          color: #333;
+          font-size: 30px;
+          text-align: center;
+          box-sizing: border-box;
+          padding: 0px 100px;
+          &:hover {
+                color: #A91B33;
+          }
+    }
+    .index_head_h3_tag {
+          position: absolute;
+          background: #A91B33;
+          height: 32px;
+          line-height: 32px;
+          text-align: center;
+          color: #fff;
+          font-size: 17px;
+          border-top-left-radius: 12px;
+          border-bottom-right-radius: 12px;
+          left: 27px;
+          top: 7px;
+          padding: 0px 14px;
+    }
+    .index_head_a_box {
+          margin-top: 15px;
+          text-align: center;
+          font-size: 0px;
     }
-}
-
-.index_box_1 {
-    float: left;
-    width: 450px;
-}
-
-.index_box_2 {
-    float: right;
-    width: 720px;
-}
-
-.index_box_3 {
+    .index_head_a {
+          display: inline-block;
+          height: 22px;
+          width:23%;
+          // max-width:23%;
+          box-sizing:border-box;
+          line-height: 22px;
+          color: #333;
+          font-size: 17px;
+          position: relative;
+          padding: 0px 6px;
+          &:hover {
+                color: #A91B33;
+          }
+    }
+    .index_head_a::after {
+          content: '';
+          display: block;
+          height: 14px;
+          width: 1px;
+          background: #333;
+          position: absolute;
+          left: 0px;
+          top: 5px;
+    }
+    .index_head_a:nth-of-type(1)::after {
+          content: '';
+          display: none;
+    }
+}
+.index_1_box {
     float: left;
     width: 720px;
 }
-
-.index_box_4 {
+.index_2_box {
     float: right;
     width: 450px;
 }
-
-.index_box_5 {
+.index_3_box {
     float: left;
     width: 350px;
 }
-
-.index_box_6 {
+.index_4_box {
     float: right;
     width: 350px;
 }
-
-.index_2_box_1 {
+.index_5_box {
     float: left;
     width: 170px;
 }
-
-.index_2_box_2 {
+.index_6_box {
     float: right;
     width: 265px;
 }
-
-.index_2 {
-    margin: 30px auto 0px;
+.index_1 {
+    margin-top: 30px;
+}
+.roll_1_box {
+    width: 720px;
+    height: 405px;
 }
-
 .index_1_ul {
     .index_1_ul_a {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-bottom: 18px;
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 18px;
+          &:hover {
+                color: #A91B33;
+          }
     }
-
     .index_1_ul_a:nth-of-type(5n-4) {
-        font-weight: bold;
-        color: #004564;
-        font-size: 20px;
-    }
-
-    .index_1_ul_a:hover {
-        color: #004564;
+          font-weight: bold;
+          color: #A91B33;
+          font-size: 20px;
     }
 }
-
-.roll_1_box {
-    width: 720px;
-    height: 405px;
-}
-
-.banner_1 {
-    width: 1200px;
-    margin: 12px auto 0px;
+.index_2 {
+    margin: 17px auto 0px;
 }
-
-.banner_1_a {
-    width: 1200px;
-    display: block;
+.index_head_box {
+    border-bottom: solid 1px #D8D8D8;
+    padding-bottom: 10px;
+    margin-bottom: 30px;
+    .index_head_box_left {
+          float: left;
+          height: 30px;
+          border-left: solid 5px #A91B33;
+    }
+    .index_head_left_a_btn {
+          float: left;
+          height: 30px;
+          margin-right: 10px;
+    }
+    .index_head_left_a {
+          display: block;
+          height: 30px;
+          line-height: 30px;
+          color: #999;
+          font-size: 20px;
+          font-weight: bold;
+          text-indent: 10px;
+          &:hover {
+                color: #A91B33;
+          }
+    }
+    .index_head_left_a_only {
+          color: #333;
+    }
+    .index_head_box_right {
+          float: right;
+          height: 30px;
+    }
+    .index_head_box_right_1_a {
+          display: block;
+          height: 30px;
+          line-height: 30px;
+          color: #999;
+          font-size: 16px;
+          &:hover {
+                color: #A91B33;
+          }
+    }
+}
+.index_2_color_box {
+     
+    background: #FAFAFA;
+    // background:aqua;
+
+    padding: 20px 0px 25px;
+    margin: -11px auto 0px;
+}
+.index_ul_2 {
+    .index_ul_2_li {
+          float: left;
+          display: flex;
+          height: 44px;
+          margin: 0px 22px 15px 20px;
+          width: 258px;
+    }
+    .index_ul_2_li:nth-of-type(4n) {
+          margin-right: 0px;
+    }
+    .index_ul_2_li_num {
+          width: 22px;
+          height: 22px;
+          text-align: center;
+          line-height: 22px;
+          font-style: italic;
+          box-sizing: border-box;
+          border-right: solid 3px #A91B33;
+          font-size: 16px;
+          color: #fff;
+          background: #A91B33;
+          margin-right: 19px;
+    }
+    .index_ul_2_li_a {
+          height: 44px;
+          line-height: 22px;
+          color: #333;
+          font-size: 18px;
+          &:hover {
+                color: #A91B33;
+          }
+    }
+}
+.index_2_foot_a_btn {
+    float: left;
+    height: 49px;
+    line-height: 48px;
+    background: #A91B33;
+     
+    padding: 0px 25px;
+    margin: 9px 0px 0px 20px;
+    color: #fff;
+    font-size: 14px;
+     
+     
 }
-
-.banner_1_img {
-    width: 1200px;
-    display: block;
+.index_2_foot_a_btn:nth-of-type(even) {
+    background: #E48231;
 }
-
-.banner_2 {
+.banner_1 {
     width: 1200px;
-    margin: 13px auto 0px;
+    margin: 10px auto 0px;
+    .banner_1_a {
+          width: 1200px;
+          display: block;
+    }
+    .banner_1_img {
+          width: 1200px;
+          display: block;
+    }
 }
-
 .index_3 {
     margin: 30px auto 0px;
 }
-
-.index_head_btn_box {
-    height: 39px;
-    margin-bottom: 30px;
-    border-bottom: solid 2px #004564;
-
-    .index_head_btn {
-        float: left;
-        height: 30px;
-        line-height: 30px;
-        color: #333;
-        font-size: 22px;
-        margin-right: 22px;
-        font-weight: bold;
-    }
-
-    .index_head_a {
-        height: 30px;
-        line-height: 30px;
-        color: #333;
-        font-size: 22px;
-        font-weight: bold;
-    }
-
-    .index_head_btn_only {
-        color: #004564;
-    }
-
-    .index_head_btn_only .index_head_a {
-        color: #004564;
+.index_3_head_box {
+    height: 56px;
+    .index_3_head_btn_a {
+          float: left;
+          height: 42px;
+          line-height: 42px;
+          color: #333;
+          font-size: 18px;
+          padding: 0px 30px 0px 20px;
+          margin-top: 14px;
+          background-color: #FAFAFA;
+    }
+    .index_3_head_btn_a_only {
+          height: 56px;
+          line-height: 56px;
+          color: #fff;
+          font-weight: bold;
+          margin-top: 0px;
+          background-image: url(@/public/img/34.png);
+    }
+}
+.index_big_ul {
+    border: solid 1px #EDCEA2;
+    background: #FFF7ED;
+    margin: 25px auto 0px;
+    padding: 20px 0px 4px;
+    .index_big_li {
+          width: 530px;
+          border-bottom: dashed 1px #EDCEA2;
+          margin: 0px 0px 20px;
+    }
+    .index_big_li_head_a {
+          display: block;
+          height: 24px;
+          line-height: 24px;
+          color: #A91B33;
+          font-size: 18px;
+          position: relative;
+          text-indent: 17px;
+          font-weight: bold;
+    }
+    .index_big_li_head_a::after {
+          content: '';
+          display: block;
+          position: absolute;
+          width: 7px;
+          height: 7px;
+          background: #F37C0B;
+          left: 0px;
+          top: 10px;
+          border-radius: 50%;
+    }
+}
+.index_ul_3_in {
+    margin-top: 13px;
+    // padding-bottom: 11px;
+    margin-left: -13px;
+    height: 65px;
+    .index_ul_3_a {
+          float: left;
+          position: relative;
+          height: 16px;
+          line-height: 16px;
+          color: #666;
+          font-size: 16px;
+          padding: 0px 13px;
+          margin-bottom: 11px;
     }
-
-    .index_2_head_right {
-        float: right;
-        margin-top: 3px;
+    .index_ul_3_a::after {
+          content: '';
+          display: block;
+          position: absolute;
+          height: 16px;
+          width: 1px;
+          background: #666;
+          right: 0px;
+          top: 0px;
+    }
+    .index_ul_3_a:nth-last-of-type(1).index_ul_3_a::after {
+          display: none;
     }
-
-    .index_head_right_btn_box {
-        height: 30px;
-        line-height: 30px;
-        float: left;
+    .index_ul_3_a:hover {
+          color: #A91B33;
     }
-
-    .index_2_head_right_a:hover {
-        color: #489D97;
+}
+.index_big_li:nth-of-type(odd) {
+    float: left;margin-left:36px;
+}
+.index_big_li:nth-of-type(even) {
+    float: right;margin-right:36px;
+}
+.index_4 {
+    margin: 30px auto 0px;
+}
+.index_head_btn_right_box_2 {
+    float: right;
+    .index_head_btn_right_a_2 {
+          float: right;
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          padding-left: 22px;
+          margin-top: 3px;
+          background: url(../public/img/6.png) no-repeat left 5px;
+          background-size: 17px auto;
+    }
+    .index_head_btn_right_a_2:hover {
+          color: #A91B33;
+    }
+}
+.index_ul_4_out {
+    border: solid 1px #F9FAFB;
+    background: #F9FAFB;
+    .index_ul_4_img_box {
+          width: 130px;
+          height: 130px;
+          margin-right: 10px;
+          float: left;
     }
-
-    .index_2_head_right_a {
-        height: 30px;
-        line-height: 30px;
-        padding: 0px 20px;
-        position: relative;
-        float: left;
-        color: #999;
-        font-size: 20px;
+    .index_ul_4_img {
+          width: 130px;
+          height: 130px;
+          display: block;
     }
-
-    .index_2_head_right_a::after {
-        font-size: 12px;
-        content: '/';
-        display: block;
-        height: 6px;
-        line-height: 6px;
-        position: absolute;
-        left: 0px;
-        top: 12px;
-    }
-
-    .index_2_head_right_a:nth-of-type(1)::after {
-        content: '';
-        display: none;
+}
+.index_ul_4 {
+    float: right;
+    width: 200px;
+    margin: 15px 4px 0px 0px;
+    .index_ul_4_a {
+          height: 18px;
+          line-height: 18px;
+          color: #666;
+          font-size: 14px;
+          margin-bottom: 11px;
+          box-sizing: border-box;
+          text-indent: 12px;
+          position: relative;
+    }
+    .index_ul_4_a::after {
+          content: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 7px;
+          z-index: 11;
+    }
+    .index_ul_4_a:nth-of-type(1) {
+          height: 48px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          font-weight: bold;
+          text-indent: 0px;
+          margin-bottom: 12px;
+          display: -webkit-box !important;
+          -webkit-box-orient: vertical !important;
+          -webkit-line-clamp: 2 !important;
+          word-break: break-all;
+          white-space: wrap;
+    }
+    .index_ul_4_a:nth-of-type(1).index_ul_4_a::after {
+          display: none;
+    }
+    .index_ul_4_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_4_a:hover {
+          color: #A91B33;
+    }
+}
+.index_ul_5 {
+    margin-top: 17px;
+    .index_ul_5_a {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 18px;
+          box-sizing: border-box;
+          text-indent: 16px;
+          position: relative;
+    }
+    .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:nth-of-type(3n-2) {
+          font-weight: bold;
+    }
+    .index_ul_5_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_5_a:hover {
+          color: #A91B33;
+    }
+}
+.index_head_box_right_3 {
+    float: right;
+    height: 30px;
+    position: relative;
+    top: 2px;
+    .index_head_box_right_3_a {
+          height: 30px;
+          line-height: 30px;
+          color: #999;
+          font-size: 16px;
+          float: left;
+          padding: 0px 14px;
+          position: relative;
+    }
+    .index_head_box_right_3_a::after {
+          font-size: 12px;
+          content: '/';
+          display: block;
+          height: 6px;
+          line-height: 6px;
+          position: absolute;
+          left: -2px;
+          top: 12px;
     }
-
-    .index_2_head_right_a:hover {
-        color: #004564;
+    .index_head_right_btn_box {
+          height: 30px;
+          line-height: 30px;
+          float: left;
+    }
+    .index_head_box_right_3_a:nth-of-type(1)::after {
+          content: '';
+          display: none;
+    }
+    .index_head_box_right_3_a:hover {
+          color: #A91B33;
+    }
+}
+.index_ul_6 {
+    margin-top: 17px;
+    .index_ul_6_a {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 15px;
+          box-sizing: border-box;
+          text-indent: 16px;
+          position: relative;
+    }
+    .index_ul_6_a::after {
+          content: '';
+          display: block;
+          width: 8px;
+          height: 8px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 9px;
+          z-index: 11;
+    }
+    .index_ul_6_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_6_a:hover {
+          color: #A91B33;
+    }
+    .index_ul_6_a:nth-of-type(-n+3) {
+          text-indent: 33px;
+    }
+    .index_ul_6_a:nth-of-type(-n+3)::after {
+          background: aqua;
+          width: 24px;
+          height: 24px;
+          left: 0px;
+          top: 0px;
+          background: url(../public/img/2.png) no-repeat left 0px;
+          background-size: auto 90%;
     }
 }
-
-.index_img_ul_1 {
+.index_5 {
+    margin: 10px auto 0px;
+}
+.index_img_ul_1_ul {
     .index_img_ul_1_li {
-        background: #F9FAFB;
-    }
-
-    .index_img_ul_1_li_a {
-        display: flex;
-    }
-
-    .index_img_ul_1_li_img_box {
-        width: 165px;
-        height: 96px;
-        margin-right: 15px;
+          width: 350px;
+          height: 230px;
+          margin-bottom: 20px;
+          position: relative;
     }
-
+    .index_img_ul_1_li_a {}
     .index_img_ul_1_li_img {
-        width: 165px;
-        height: 96px;
-    }
-
-    .index_img_ul_1_li_dot3 {
-        height: 71px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 13px;
-    }
-
-    .index_img_ul_1_li_a:hover .index_img_ul_1_li_dot3 {
-        color: #004564;
+          display: block;
+          width: 350px;
+          height: 230px;
+    }
+    .index_img_ul_1_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_name_ul {
-    margin-top: 20px;
-
     .index_name_ul_li {
-        height: 24px;
-        margin-bottom: 18px;
-        display: flex;
+          height: 24px;
+          margin-bottom: 18px;
+          display: flex;
+          position: relative;
+    }
+    .index_name_ul_li::after {
+          content: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 9px;
+          z-index: 11;
     }
-
     .index_name_ul_li_tag {
-        height: 24px;
-        line-height: 24px;
-        color: #004564;
-        font-size: 18px;
-        margin-right: 15px;
-        word-break: keep-all;
-        white-space: nowrap;
+          height: 24px;
+          line-height: 24px;
+          color: #666;
+          font-size: 18px;
+          margin-left: 11px;
+          word-break: keep-all;
+          white-space: nowrap;
     }
-
     .index_name_ul_li_dot1 {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        width: 100%;
-
-        &:hover {
-            color: #004564;
-        }
+          height: 24px;
+          line-height: 24px;
+          color: #666;
+          font-size: 18px;
+          width: 100%;
     }
-
-    .index_name_ul_li:nth-of-type(3n-2) .index_name_ul_li_tag {
-        display: none;
+    .index_name_ul_li:nth-of-type(1) .index_name_ul_li_tag {
+          background: #e5efff;
+          color: #287EFF;
+          font-size: 14px;
+          padding: 0px 4px;
+          height: 20px;
+          line-height: 20px;
+          margin: 2px 10px 0px 0px;
     }
-
-    .index_name_ul_li:nth-of-type(3n-2) .index_name_ul_li_dot1 {
-        font-weight: bold;
-    }
-}
-
-.index_img_ul_2 {}
-
-.index_img_ul_2_li {
-    background: #F9FAFB;
-
-    .index_img_ul_2_li_a {
-        display: flex;
+    .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1 {
+          font-weight: bold;
+          color: #333;
     }
-
-    .index_img_ul_2_li_img_box {
-        width: 165px;
-        height: 96px;
-        margin-right: 15px;
+    .index_name_ul_li:nth-of-type(1)::after {
+          display: none;
     }
-
-    .index_img_ul_2_li_img {
-        width: 165px;
-        height: 96px;
+    .index_name_ul_li_tag:hover {
+          color: #A91B33;
     }
-
-    .index_img_ul_2_li_dot3 {
-        height: 71px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-top: 13px;
+    .index_name_ul_li_dot1:hover {
+          color: #A91B33;
     }
-
-    .index_img_ul_2_li_a:hover .index_img_ul_2_li_dot3 {
-        color: #004564;
+    .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
+          color: #A91B33;
     }
 }
-
 .index_name_ul_2 {
-    margin-top: 20px;
-
     .index_name_ul_2_li {
-        height: 24px;
-        margin-bottom: 18px;
-        display: flex;
+          height: 24px;
+          margin-bottom: 18px;
+          display: flex;
+          position: relative;
+    }
+    .index_name_ul_2_li::after {
+          content: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 9px;
+          z-index: 11;
     }
-
     .index_name_ul_2_li_tag {
-        height: 24px;
-        line-height: 24px;
-        color: #004564;
-        font-size: 18px;
-        margin-right: 15px;
-        word-break: keep-all;
-        white-space: nowrap;
+          height: 24px;
+          line-height: 24px;
+          color: #666;
+          font-size: 18px;
+          margin-left: 11px;
+          word-break: keep-all;
+          white-space: nowrap;
     }
-
     .index_name_ul_2_li_dot1 {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        width: 100%;
-
-        &:hover {
-            color: #004564;
-        }
+          height: 24px;
+          line-height: 24px;
+          color: #666;
+          font-size: 18px;
+          width: 100%;
+    }
+    .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_tag {
+          background: #fff2e5;
+          color: #FF9428;
+          font-size: 14px;
+          padding: 0px 4px;
+          height: 20px;
+          line-height: 20px;
+          margin: 2px 10px 0px 0px;
+    }
+    .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1 {
+          font-weight: bold;
+          color: #333;
+    }
+    .index_name_ul_2_li:nth-of-type(1)::after {
+          display: none;
+    }
+    .index_name_ul_2_li_tag:hover {
+          color: #A91B33;
+    }
+    .index_name_ul_2_li_dot1:hover {
+          color: #A91B33;
+    }
+    .index_name_ul_2_li:nth-of-type(1) .index_name_ul_2_li_dot1:hover {
+          color: #A91B33;
+    }
+}
+.index_img_ul_2 {
+    .index_img_ul_2_li {
+          width: 170px;
+          height: 110px;
+          margin-bottom: 10px;
+          position: relative;
+    }
+    .index_img_ul_2_li_a {}
+    .index_img_ul_2_li_img {
+          width: 170px;
+          height: 110px;
+    }
+    .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) 6%, rgba(0, 0, 0, 0) 100%);
     }
 }
-
-.index_name_ul_2_li:nth-of-type(3n-2) .index_name_ul_2_li_tag {
-    display: none;
-}
-
-.index_name_ul_2_li:nth-of-type(3n-2) .index_name_ul_2_li_dot1 {
-    font-weight: bold;
-}
-
-.index_img_ul_3 {
-    .index_img_ul_3_li {
-        height: 267px;
-        margin-bottom: 18px;
-        position: relative;
-        width: 450px;
+.index_ul_8_li_box {
+    height: 48px;
+    margin-bottom: 11px;
+    width: 265px;
+    .index_ul_8_li {
+          height: 48px;
+          width: 265px;
+          display: table-cell;
+          vertical-align: middle;
     }
-
-    .index_img_ul_3_li_a {}
-
-    .index_img_ul_3_li_img {
-        display: block;
-        height: 267px;
-        width: 450px;
+    .index_ul_8_a {
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          box-sizing: border-box;
+          position: relative;
+          width: 265px;
+          box-sizing: border-box;
+          padding-left: 16px;
+    }
+    .index_ul_8_a:hover {
+          color: #A91B33;
     }
-
-    .index_img_ul_3_li_dot1 {
-        height: 44px;
-        line-height: 44px;
-        color: #fff;
-        font-size: 18px;
-        padding: 0px 10px;
-        box-sizing: border-box;
-        position: absolute;
-        width: 450px;
-        z-index: 11;
-        left: 0px;
-        bottom: 0px;
-        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 6%, rgba(0, 0, 0, 0) 100%);
+    .index_ul_8_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_1_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    position: relative;
-    text-indent: 16px;
-
-    &:hover {
-        color: #004564;
+    .index_ul_8_a:hover::after {
+          content: '';
+          display: block;
+          background: #A91B33;
     }
 }
-
-.index_ul_1_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_1_a:hover::after {
-    content: '';
-    display: block;
-    background: #004564;
-}
-
-.index_ul_5_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    position: relative;
-    text-indent: 16px;
-
-    &:hover {
-        color: #004564;
+.banner_2 {
+    width: 1200px;
+    margin: 8px auto 0px;
+    .banner_2_a {
+          width: 1200px;
+          display: block;
+    }
+    .banner_2_img {
+          width: 1200px;
+          display: block;
     }
 }
-
-.index_ul_5_a::after {
-    content: '';
-    display: block;
-    width: 6px;
-    height: 6px;
-    background: #ddd;
-    border-radius: 50%;
-    position: absolute;
-    left: 0px;
-    top: 9px;
-    z-index: 11;
-}
-
-.index_ul_5_a:hover::after {
-    content: '';
-    display: block;
-    background: #004564;
-}
-
-.index_4 {
-    margin: 10px auto 0px;
-}
-
-.index_head_btn_right_box {
-    float: right;
-}
-
-.index_head_btn_right_a {
-    float: right;
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    padding-left: 22px;
-    margin-top: 3px;
-    background: url(@/public/img/6.png) no-repeat left 5px;
-    background-size: 17px auto;
-}
-
-.index_head_btn_right_a:hover {
-    color: #004564;
-}
-
-.index_4 {
-    margin: 12px auto 0px;
-}
-
-.index_4_in {
-    background: #F2F8FF;
-}
-
-.index_4_img_box {
-    float: left;
-    width: 100px;
-    height: 340px;
-    background-image: url(@/public/img/7.png);
+.index_6 {
+    margin: 30px auto 0px;
 }
-
-.index_4_ol {
+.index_head_box_right_4 {
     float: right;
-    width: 1100px;
+    height: 30px;
+    position: relative;
+    top: 2px;
+    .index_head_box_right_4_a {
+          height: 30px;
+          line-height: 30px;
+          color: #999;
+          font-size: 16px;
+          float: left;
+          padding: 0px 13px;
+          position: relative;
+    }
+    .index_head_box_right_4_a::after {
+          content: '';
+          display: block;
+          height: 16px;
+          background: #999;
+          width: 1px;
+          position: absolute;
+          left: 0px;
+          top: 8px;
+    }
+    .index_head_box_right_4_a:nth-of-type(1)::after {
+          content: '';
+          display: none;
+    }
+    .index_head_box_right_4_a:hover {
+          color: #A91B33;
+    }
 }
-
-.index_4_ol_li {
-    float: left;
-    width: 182px;
-    background: #fff;
-    border: solid 1px #fff;
-    border-radius: 6px;
-    padding-bottom: 4px;
-    margin: 20px 0px 0px 30px;
-
-    .index_4_ol_li_head {
-        margin: 15px 0px 13px;
+.index_img_ul_3 {
+    .index_img_ul_3_li {
+          margin-bottom: 25px;
     }
-
-    .index_4_ol_li_head_a {
-        height: 22px;
-        line-height: 22px;
-        float: left;
-        color: #333;
-        font-size: 16px;
-        margin-left: 15px;
-        text-indent: 33px;
-        background: no-repeat left top;
-        width: 144px;
-        background-size: 22px 22px;
+    .index_img_ul_3_li_a {}
+    .index_img_ul_3_li_img {
+          display: block;
+          width: 350px;
+          height: 230px;
     }
-
-    &:hover {
-        color: #004564;
+    .index_img_ul_3_li_dot2 {
+          height: 46px;
+          line-height: 23px;
+          color: #333;
+          font-size: 18px;
+          margin-top: 22px;
+          font-weight: bold;
+          width: 350px;
     }
-}
-
-.index_4_ol_in {}
-
-.index_4_ol_in_li_a {
-    float: left;
-    width: 91px;
-    height: 18px;
-    line-height: 18px;
-    box-sizing: border-box;
-    margin-bottom: 10px;
-    color: #666;
-    font-size: 14px;
-
-    &:hover {
-        color: #004564;
+    .index_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
+          color: #A91B33;
     }
 }
-
-.index_4_ol_in_li_a:nth-of-type(odd) {
-    padding-left: 15px;
-}
-
-.index_4_ol_in_li_a:nth-of-type(even) {
-    padding-left: 3px;
-}
-
-.index_4_ol_li:nth-of-type(1) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/11.png);
-}
-
-.index_4_ol_li:nth-of-type(2) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/12.png);
-}
-
-.index_4_ol_li:nth-of-type(3) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/13.png);
-}
-
-.index_4_ol_li:nth-of-type(4) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/14.png);
+.index_img_ul_even_1_li {
+    width: 165px;
+    margin-bottom: 0px;
+    .index_img_ul_even_1_li_a {}
+    .index_img_ul_even_1_li_img {
+          width: 165px;
+          height: 96px;
+    }
+    .index_img_ul_even_1_li_dot2 {
+          height: 46px;
+          line-height: 23px;
+          color: #333;
+          font-size: 18px;
+          margin-top: 13px;
+    }
+    .index_img_ul_even_1_li_a:hover .index_img_ul_even_1_li_dot2 {
+          color: #A91B33;
+    }
 }
-
-.index_4_ol_li:nth-of-type(5) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/15.png);
+.index_img_ul_even_1_li:nth-of-type(odd) {
+    float: left;
 }
-
-.index_4_ol_li:nth-of-type(6) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/16.png);
+.index_img_ul_even_1_li:nth-of-type(even) {
+    float: right;
 }
-
-.index_4_ol_li:nth-of-type(7) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/17.png);
+.index_ul_9 {
+    .index_ul_9_a {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 14px;
+          box-sizing: border-box;
+          text-indent: 16px;
+          position: relative;
+    }
+    .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_ul_9_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_9_a:hover {
+          color: #A91B33;
+    }
+}
+.index_ul_9_head_box {
+    margin-bottom: 25px;
+    .index_ul_9_head_a {
+          background: #A91B33;
+          height: 32px;
+          line-height: 32px;
+          text-align: center;
+          color: #fff;
+          font-size: 17px;
+          float: left;
+          border-top-left-radius: 12px;
+          border-bottom-right-radius: 12px;
+          padding: 0px 14px;
+    }
+}
+.index_even_img_ul_1 {
+    .index_even_img_ul_1_li {
+          width: 220px;
+    }
+    .index_even_img_ul_1_li:nth-of-type(odd) {
+          float: left;
+    }
+    .index_even_img_ul_1_li:nth-of-type(even) {
+          float: right;
+    }
+    .index_even_img_ul_1_a {
+    }
+    .index_even_img_ul_1_li_img {
+          display: block;
+          width: 220px;
+          height: 130px;
+    }
+    .index_even_img_ul_1_dot1 {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-top: 20px;
+          text-align: center;
+    }
+    .index_even_img_ul_1_a:hover .index_even_img_ul_1_dot1 {
+          color: #A91B33;
+    }
+}
+.index_ul_10 {
+    margin-top: 40px;
+    .index_ul_10_a {
+          height: 24px;
+          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: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 8px;
+          z-index: 11;
+    }
+    .index_ul_10_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_10_a:hover {
+          color: #A91B33;
+    }
 }
-
-.index_4_ol_li:nth-of-type(8) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/18.png);
+.index_7 {
+    margin: 14px auto 0px;
 }
-
-.index_4_ol_li:nth-of-type(9) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/19.png);
+.index_7_line_box {
+    padding-bottom:0px;
+    border: solid 1px #ddd;
 }
-
-.index_4_ol_li:nth-of-type(10) .index_4_ol_li_head_a {
-    background-image: url(@/public/img/20.png);
+.index_7_in_box {
+    float: left;
+    width: 336px;
+    margin: 15px 14px 0px 20px;
 }
-
-.index_5 {
+.index_7_head {
+    height: 53px;
+    margin-bottom: 10px;
+    .index_7_head_a {
+          height: 53px;
+          line-height: 53px;
+          background: linear-gradient(to right, #FFF7ED, #fff);
+          text-indent: 20px;
+          color: #A91B33;
+          font-size: 20px;
+          display: block;
+    }
+}
+.index_ul_11 {
+    .index_ul_11_a {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 20px;
+          box-sizing: border-box;
+          text-indent: 26px;
+          position: relative;
+    }
+    .index_ul_11_a::after {
+          content: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #A91B33;
+          border-radius: 50%;
+          position: absolute;
+          left: 9px;
+          top: 8px;
+          z-index: 11;
+    }
+    .index_ul_11_a:hover {
+          color: #A91B33;
+    }
+}
+.index_8 {
     margin: 30px auto 0px;
 }
-
-.index_img_ul_4_ul {
-    .index_img_ul_4_li {
-        width: 350px;
-        height: 230px;
-        margin-bottom: 20px;
-        position: relative;
-    }
-
-    .index_img_ul_4_li_a {}
-
-    .index_img_ul_4_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
-    }
-
-    .index_img_ul_4_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_head_box_2 {
+    margin-bottom: 41px;
 }
-
-.index_img_even_1_ul {
-    .index_img_even_1_li {
-        width: 165px;
-        height: 96px;
-        margin-bottom: 8px;
-        position: relative;
+.index_big_2_ul {
+    .index_big_2_li {
+          background: #F9FAFB;
+          box-sizing: border-box;
+          margin-bottom: 19px;
     }
-
-    .index_img_even_1_li:nth-of-type(odd) {
-        float: left;
-    }
-
-    .index_img_even_1_li:nth-of-type(even) {
-        float: right;
+    .index_big_2_li_img_box {
+          width: 200px;
+          height: 145px;
+          float: left;
     }
-
-    .index_img_even_1_li_a {}
-
-    .index_img_even_1_li_img {
-        width: 165px;
-        height: 96px;
+    .index_big_2_li_img {
+          display: block;
+          width: 200px;
+          height: 145px;
     }
-
-    .index_img_even_1_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) 6%, rgba(0, 0, 0, 0) 100%);
+    .index_big_2_li_in {
+          width: 502px;
+          float: right;
+          margin: 10px 8px 0px 0px;
     }
+    .index_big_2_li_img_a {}
 }
-
-.index_2_img_li {
-    width: 165px;
-    height: 96px;
-    margin-bottom: 8px;
-    position: relative;
-}
-
-.index_2_img_li:nth-of-type(odd) {
-    float: left;
-}
-
-.index_2_img_li:nth-of-type(even) {
-    float: right;
-
-    .index_2_img_li_a {}
-
-    .index_2_img_li_img {
-        width: 165px;
-        height: 96px;
-    }
-
-    .index_2_img_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) 6%, rgba(0, 0, 0, 0) 100%);
-    }
-}
-
-.index_ul_2_a {
+.index_ul_12_a {
     height: 24px;
     line-height: 24px;
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
+    margin-bottom: 10px;
     box-sizing: border-box;
-    text-indent: 16px;
     position: relative;
-}
-
-.index_ul_2_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_2_a:nth-of-type(3n-2) {
-    font-weight: bold;
-}
-
-.index_ul_2_a:hover {
-    color: #004564;
-}
-
-.index_ul_2_a:hover::after {
-    content: '';
-    display: block;
-    background: #004564;
-}
-
-.index_ul_4_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: #004564;
-    }
-}
-
-.index_ul_4_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_4_a:nth-of-type(3n-2) {
-    font-weight: bold;
-}
-
-.index_ul_4_a:hover::after {
-    content: '';
-    display: block;
-    background: #004564;
-}
-
-.index_5_right_img_ul {}
-
-.index_5_right_img_li {
-    display: flex;
-    margin-bottom: 17px;
-
-    .index_5_right_img_li_img_box {
-        width: 130px;
-        height: 166px;
-        margin-right: 15px;
-        float: left;
-    }
-
-    .index_5_right_img_li_a {}
-
-    .index_5_right_img_li_a_img {
-        display: block;
-        width: 130px;
-        height: 166px;
-    }
-}
-
-.index_ul_3 {
-    width: 305px;
-
-    .index_ul_3_a {
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin-bottom: 9px;
-        box-sizing: border-box;
-        position: relative;
-    }
-
-    .index_ul_3_a::after {
-        content: '';
-        display: block;
-        width: 6px;
-        height: 6px;
-        background: #ddd;
-        border-radius: 50%;
-        position: absolute;
-        left: 0px;
-        top: 9px;
-        z-index: 11;
-    }
-
-    .index_ul_3_a:nth-of-type(1) {
-        font-weight: bold;
-        height: 48px;
-        text-indent: 0px;
-        display: -webkit-box !important;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 2;
-        word-break: break-all;
-        white-space: wrap;
-        margin: 10px 0px 12px 0px;
-    }
-
-    .index_ul_3_a_tag {
-        float: left;
-        height: 24px;
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        margin: 0px 10px 0px 16px;
+          color: #A91B33;
     }
-
-    .index_ul_3_a:nth-of-type(1) .index_ul_3_a_tag {
-        display: none;
-    }
-
-    .index_ul_3_a:nth-of-type(1)::after {
-        display: none;
-    }
-
-    .index_ul_3_a:hover {
-        color: #004564;
-    }
-
-    .index_ul_3_a:hover::after {
-        content: '';
-        display: block;
-        background: #004564;
-    }
-
-    .index_ul_3_a:nth-of-type(1):hover::after {
-        display: none;
+    &:hover::after {
+          background: #A91B33;
     }
 }
 
-.index_6 {
-    margin: 30px auto 0px;
-}
-
-.index_img_ul_5_ul {
-    .index_img_ul_5_li {
-        width: 350px;
-        height: 230px;
-        margin-bottom: 20px;
-        position: relative;
-    }
-
-    .index_img_ul_5_li_a {}
-
-    .index_img_ul_5_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
+.index_ul_12_a::after {
+          content: '';
+          display: block;
+          width: 6px;
+          height: 6px;
+          background: #ddd;
+          border-radius: 50%;
+          position: absolute;
+          left: 0px;
+          top: 9px;
+          z-index: 11;
     }
 
-    .index_img_ul_5_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_ul_12_a:nth-of-type(1) {
+    font-weight: bold;
 }
-
-.index_img_even_2_ul {
-    .index_img_even_2_li {
-        width: 165px;
-        height: 96px;
-        margin-bottom: 8px;
-        position: relative;
-    }
-
-    .index_img_even_2_li:nth-of-type(odd) {
-        float: left;
-    }
-
-    .index_img_even_2_li:nth-of-type(even) {
-        float: right;
-    }
-
-    .index_img_even_2_li_a {}
-
-    .index_img_even_2_li_img {
-        width: 165px;
-        height: 96px;
-    }
-
-    .index_img_even_2_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) 6%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_ul_12_a:last-of-type(1) {
+    margin: 0;
 }
-
-.index_img_ul_6 {
-    .index_img_ul_6_li {
-        width: 350px;
-        height: 230px;
-        margin-bottom: 20px;
-        position: relative;
-    }
-
-    .index_img_ul_6_li_a {}
-
-    .index_img_ul_6_li_img {
-        display: block;
-        width: 350px;
-        height: 230px;
-    }
-
-    .index_img_ul_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_ul_13 {
+    margin-top: 10px;
+    .index_ul_13_a {
+          height: 24px;
+          line-height: 24px;
+          color: #333;
+          font-size: 18px;
+          margin-bottom: 19px;
+          box-sizing: border-box;
+          text-indent: 16px;
+          position: relative;
+    }
+    .index_ul_13_a::after {
+          content: '';
+          display: block;
+          width: 4px;
+          height: 4px;
+          background: #333;
+          position: absolute;
+          left: 0px;
+          top: 10px;
+          z-index: 11;
+    }
+    .index_ul_13_a:hover::after {
+          background: #A91B33;
+    }
+    .index_ul_13_a:hover {
+          color: #A91B33;
+    }
+    .index_ul_13_a:nth-of-type(1) {
+          font-weight: bold;
+    }
+}
+.index_head_box_3 {
+    margin-bottom: 28px;
+}
+.index_ul_6 {
+    .index_ul_6_li {
+          border: solid 1px #F9FAFB;
+          background: #F9FAFB;
+          margin: 1px 0px 9px 0px;
+    }
+    .index_ul_6_li_a {}
+}
+.index_ul_6_img_box {
+    float: left;
+    width: 130px;
+    height: 166px;
+    .index_ul_6_img {
+          display: block;
+          width: 130px;
+          height: 166px;
     }
 }
-
-.index_7 {
-    margin: 13px auto 0px;
+.index_ul_6_li_right {
+    float: right;
+    width: 296px;
+    margin-right: 4px;
 }
-
-.index_ul_7_a {
-    height: 24px;
-    line-height: 24px;
+.index_ul_6_li_head {
     color: #333;
     font-size: 18px;
-    margin-bottom: 17px;
-    box-sizing: border-box;
-    text-indent: 16px;
-    position: relative;
-
-    &:hover {
-        color: #004564;
-    }
-}
-
-.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) {
+    margin-top: 10px;
     font-weight: bold;
 }
-
-.index_ul_7_a:hover::after {
-    content: '';
-    display: block;
-    background: #004564;
+.index_ul_6_li_article {
+    height: 72px;
+    line-height: 24px;
+    color: #666;
+    font-size: 18px;
+    margin-top: 15px;
 }
-
-.index_img_ul_7 {
-    .index_img_ul_7_li {
-        width: 170px;
-        height: 110px;
-        margin-bottom: 10px;
-        position: relative;
-    }
-
-    .index_img_ul_7_li_a {}
-
-    .index_img_ul_7_li_img {
-        width: 170px;
-        height: 110px;
-    }
-
-    .index_img_ul_7_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) 6%, rgba(0, 0, 0, 0) 100%);
-    }
+.index_ul_6_li:hover .index_ul_6_li_article {
+    color: #A91B33;
 }
-
-.index_ul_8_li_box {
-    height: 48px;
-    margin-bottom: 11px;
-    width: 265px;
-
-    .index_ul_8_li {
-        height: 48px;
-        width: 265px;
-        display: table-cell;
-        vertical-align: middle;
-    }
-
-    .index_ul_8_a {
-        line-height: 24px;
-        color: #333;
-        font-size: 18px;
-        box-sizing: border-box;
-        position: relative;
-        width: 265px;
-        box-sizing: border-box;
-        padding-left: 16px;
-
-        &:hover {
-            color: #004564;
-        }
-    }
-
-    .index_ul_8_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_8_a:hover::after {
-        content: '';
-        display: block;
-        background: #004564;
-    }
+.index_ul_6_li:hover .index_ul_6_li_head {
+    color: #A91B33;
+}
+.index_ul_6_li_article_detail {
+    color: #e48231;
+    float: right;
+    margin-top: 8px;
 }

assets/css/public/nav.less

@@ -1,141 +1,168 @@
 // 导航部分
-.partOne .navigationOne,
-.partOne .navigationOne>li {
-    float: left;
-}
-
 .partOne {
     width: 100%;
-    height: 133px;
-    background-color: #004564;
-    font-size: 20px;
+    height: 97px;
+    background-color: #a91b33;
+    font-size: 16px;
     font-family: PingFang SC-Semibold;
 
     .inner {
         width: 1200px;
         height: 133px;
         margin: 0 auto;
-    }
 
-    .line {
-        float: left;
-        width: 1px;
-        height: 85px;
-        background-color: #002d41;
-        margin-top: 25px;
-        margin-left: 20px;
-    }
-    .line1{
-        float: left;
-        width: 1px;
-        height: 85px;
-        background-color: #29799d;
-        margin-top: 25px;
-        margin-right: 29px;
-    }
-    .navigationOneTitle {
-        float: left;
-        width: 15px;
-        height: 85px;
-        color: #fff;
-        font-size: 16px;
-        font-weight: bold;
-        margin-top: 25px;
-        margin-bottom: 0;
-        margin-right: 15px;
-        box-sizing: border-box;
-    }
+        .navLeft {
+            width: 135px;
+            font-size: 16px;
+        }
 
-    .navigationOneTitle:first-child {
-        border-left: none;
+        .navIndex {
+            height: 100px;
+            line-height: 120px;
+
+            a {
+                font-size: 16px;
+                color: #edcdba;
+                font-weight: bold;
+            }
+        }
+
+        .navClass {
+            float: left;
+            width: 64px;
+            padding-top: 20px;
+            margin-right: 12px;
+            font-weight: bold;
+            color: #fbd9c5;
+
+            a {
+                color: #fbd9c5;
+            }
+
+            div:nth-child(2) {
+                padding-top: 15px;
+            }
+        }
     }
 
     .navigationOne {
         float: left;
-        width: 336px;
-        color: #fff;
-        padding-top: 13px;
-        // margin-left: 20px;
+        width: 1124px;
+        color: #333;
+        padding-top: 20px;
 
         li {
+            float: left;
             width: 64px;
             font-family: PingFang SC;
             font-size: 16px;
             text-align: left;
             font-style: normal;
             text-transform: none;
-            margin: 7px 10px 8px;
+            margin: 0 8px;
             text-align: center;
+            margin-bottom: 15px;
+
 
             a {
-                color: #fff;
+                color: #fbd9c5;
                 display: block;
             }
         }
 
         >li:hover a {
-            color: #FDFFDE;
+            color: #f3aa8e;
+            // font-weight: bold;
         }
 
         .active {
             color: #FDFFDE;
+            // font-weight: bold;
         }
     }
 }
 
 .partTwo {
     width: 100%;
-    height: 50px;
-    background-color: #004564;
+    height: 60px;
+    background-color: #a91b33;
     margin-top: 10px;
 
     .inner {
         width: 1200px;
-        height: 50px;
+        height: 60px;
+        line-height: 60px;
         margin: 0 auto;
 
-        .nav2 {
+        .part2_left {
             float: left;
-            width: 1200px;
-            height: 50px;
-            line-height: 50px;
-            margin: 0 auto;
-            color: #fff;
+            width: 875px;
+            height: 60px;
+            line-height: 60px;
             font-size: 16px;
+            color: #fbd9c5;
 
             li {
                 float: left;
-                padding: 0 15px;
 
                 a {
-                    color: #fff;
+                    color: #fbd9c5;
                 }
             }
 
-            li:hover a {
-                color: #FDFFDE;
+            li:nth-child(1) {
+                font-weight: bold;
+                margin-right: 20px;
             }
 
-            .navList {
-                padding: 0 27px;
+            .part2_navList {
+                margin-right: 15px;
             }
-            li:first-child {
-                font-weight: bold;
-                padding: 0 15px 0 0;
+
+            li:hover {
+                color: #f3aa8e;
+
+                a {
+                    color: #f3aa8e;
+                }
             }
+        }
+
+        .part2_right {
+            float: right;
+            width: 325px;
+            height: 60px;
+            line-height: 60px;
+            background: url('@/public/head/ulbg.png') no-repeat 0 center;
+            box-sizing: border-box;
+            padding-left: 10px;
 
-            li:nth-child(2) {
+            .part2_right_navList {
+                float: left;
+                height: 21px;
+                color: #f9cf61;
                 font-weight: bold;
-            }
 
-            li:nth-child(3) {
-                padding: 0 25px 0 15px;
-            }
+                a {
+                    color: #f9cf61;
+                    padding: 0 15px;
+                }
 
-            li:last-child {
-                padding: 0 0 0 15px;
+                em {
+                    display: inline-block;
+                    width: 1px;
+                    height: 10px;
+                    background-color: #f9cf61;
+                }
             }
 
+            .part2_right_navList:hover {
+                color: #f3aa8e;
+
+                a {
+                    color: #f3aa8e;
+                }
+            }
         }
 
     }
@@ -146,7 +173,7 @@
     height: 60px;
     background: #fafafa;
     display: flex;
-    margin: 10px auto 0;
+    margin: 0 auto;
 
     .inner {
         width: 1200px;
@@ -155,71 +182,82 @@
         margin: 0 auto;
 
         .deepServer_left {
-            width: 800px;
-            float: right;
+            float: left;
+            width: 700px;
             height: 60px;
             line-height: 60px;
+            display: flex;
+            justify-content: flex-start;
 
             .serverTitle {
-                float: left;
-                width: 64px;
                 font-size: 16px;
                 color: #333;
                 font-weight: bold;
-                padding-left: 0px;
-                margin-right: 55px;
+                margin-right: 30px;
+
+                a {
+                    color: #333;
+                }
             }
 
-            .contentList {
-                width: 681px;
-                height: 60px;
-                overflow: hidden;
+            .serverTitle1 {
+                font-size: 16px;
+                color: #333;
+                font-weight: bold;
+                margin-right: 15px;
+                margin-left: 20px;
 
-                li {
-                    float: left;
-                    font-size: 16px;
-                    float: left;
+                a {
                     color: #333;
-                    margin-right: 15px;
-                    cursor: pointer;
-                    a {
-                        color: #333;
-                        &:hover {
-                            color: #255590;
-                        }
-                    }
-
-                    &:hover {
-                        color: #255590;
-                    }
-                }
-                li:last-child {
-                    margin-right: 0; 
                 }
             }
+
+            :deep(.el-checkbox-group) {
+                padding-top: 14px;
+            }
+
+            :deep(.el-checkbox) {
+                font-size: 16px;
+                color: #333;
+                margin-right: 30px;
+                --el-checkbox-checked-text-color: #333;
+                --el-checkbox-checked-input-border-color: #a91b33;
+                --el-checkbox-checked-bg-color: #a91b33;
+                --el-checkbox-checked-icon-color: var(--el-color-white);
+                --el-checkbox-input-border-color-hover: #a91b33;
+            }
+
+            :deep(.el-checkbox__label) {
+                font-size: 16px;
+            }
+
+            :deep(.el-checkbox__inner) {
+                margin-right: 10px;
+            }
+
         }
 
         .deepServer_right {
-            float: left;
-            width: 390px;
+            float: right;
+            width: 487px;
             height: 60px;
             line-height: 60px;
-            margin-right: 10px;
 
             .serverTitle_right {
                 float: left;
-                font-weight: 400;
+                font-weight: bold;
                 font-size: 16px;
                 color: #333333;
             }
 
             .searchRole {
                 float: left;
+                width: 356px;
                 height: 40px;
                 line-height: 35px;
                 background-color: #fff;
                 border: 1px solid #ededed;
-                margin: 10px 0px 12px 20px;
+                margin: 10px 15px 12px 20px;
                 border-radius: 25px;
                 // padding-left: 10px;
                 box-sizing: border-box;
@@ -236,7 +274,7 @@
                 }
 
                 >.ipt {
-                    width: 230px;
+                    width: 295px;
                     font-family: PingFang SC, PingFang SC;
                     font-weight: 400;
                     font-size: 14px;
@@ -295,4 +333,5 @@
     }
 
 
+
 }

components/home/pageHead.vue

@@ -5,7 +5,7 @@
         <nav class="headerNav">
             <div class="inner">
                 <div class="left">
-                    <span>您好,欢迎来到农副产品供销网!</span>
+                    <span>中农兴业网团 旗下网站: 农业百强网站(农资类十强)！ 您好！ 欢迎来到农资供销网</span>
                 </div>
                 <div class="right">
                     <div class="menu">

components/home/pageNavigation.vue

@@ -1,108 +1,109 @@
 <template>
     <div class="navigate">
-        <!-- 第一部分导航 start -->
         <div class="partOne">
             <div class="inner">
-                <div class="navigationOneTitle">
-                    资讯信息
-                </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            政策法规
-                        </NuxtLink>
-                    </li>
-                </ul>
-                <em class="line"></em>
-                <em class="line1"></em>
-                <div class="navigationOneTitle">
-                    农副商城
-                </div>
-                <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            粮油茶糖
-                        </NuxtLink>
-                    </li>
-                </ul>
-                <em class="line"></em>
-                <em class="line1"></em>
-                <div class="navigationOneTitle">
-                    网上互动
+                <div class="navLeft">
+                    <div class="navClass">
+                        <div>
+                            资讯信息
+                        </div>
+                        <div>
+                            网上互动
+                        </div>
+                    </div>
                 </div>
                 <ul class="navigationOne">
-                    <li v-for="(item, index) in 12" :key="index">
-                        <NuxtLink to="/">
-                            农产供求
+                    <li v-for="item in navigation1">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
                         </NuxtLink>
                     </li>
                 </ul>
             </div>
         </div>
-        <!-- 第一部分导航 end -->
 
-        <!-- 第二部分导航 start -->
         <div class="partTwo">
             <div class="inner">
-                <ul class="nav2">
-                    <li>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </li>
-                    <li>
-                        <NuxtLink to="/">农副商业中心</NuxtLink>
+                <ul class="part2_left">
+                    <li>农资商城</li>
+                    <li class="part2_navList" v-for="item in navigation2">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
+                            {{ item.alias }}
+                        </NuxtLink>
                     </li>
-                    <li class="navList" v-for="(item, index) in navigation1" :key="index">
-                        <NuxtLink :href="getLinkPath(item)" :title="item.alias" :target="item.is_url == 1 ? '_blank' : '_self'">
+                </ul>
+                <ul class="part2_right">
+                    <li class="part2_right_navList" v-for="(item, index) in navigation3">
+                        <NuxtLink 
+                            :href="getLinkPath(item)" 
+                            :title="item.alias"
+                            :target="item.is_url == 1 ? '_blank' : '_self'">
                             {{ item.alias }}
                         </NuxtLink>
+                        <em v-if="index != 2"></em>
                     </li>
                 </ul>
             </div>
         </div>
-        <!-- 第二部分导航 end -->
-
-        <!-- 第三部分导航  start-->
+        <!-- 深度服务 -->
         <div class="deepServer">
             <div class="inner">
-                <div class="deepServer_right">
-                    <div class="serverTitle_right">
-                        站内搜索:
+                <div class="deepServer_left">
+                    <div class="serverTitle">
+                        <a href="/">
+                            网站首页
+                        </a>
+                    </div>
+                    <el-checkbox-group v-model="checkList">
+                        <el-checkbox label="产品" value="1" />
+                        <el-checkbox label="企业" value="2" />
+                        <el-checkbox label="人才" value="3" />
+                        <el-checkbox label="展会" value="4" />
+                        <el-checkbox label="资讯" value="5" />
+                    </el-checkbox-group>
+                    <div class="serverTitle1">
+                        <a href="">
+                            农资商务中心
+                        </a>
                     </div>
+                </div>
+                <div class="deepServer_right">
                     <div class="searchRole">
                         <input type="text" v-model="inputValue" placeholder="输入关键词" class="ipt">
                         <em @click="goToPrimary"></em>
                     </div>
-                </div>
-                <div class="deepServer_left">
-                    <div class="serverTitle">
-                        供应信息
+                    <div class="serverTitle_right">
+                        【高级搜索】
                     </div>
-                    <ul class="contentList">
-                        <li>地区搜索:</li>
-                        <li v-for="item in provinceList">
-                            <NuxtLink :to="{ path: `/search/${item.id}`}">{{item.abbreviation}}</NuxtLink>
-                        </li>
-                    </ul>
                 </div>
             </div>
         </div>
-        <!-- 第三部分导航  end-->
     </div>
 </template>
 
 <script setup>
 //1.获取导航菜单 start ---------------------------------------->
+import { ElCheckbox, ElCheckboxGroup,ElMessage  } from 'element-plus'
+
 //第一行导航菜单 10个
 const navigation1 = ref([]);
 //两行的导航菜单 20个 
 const navigation2 = ref([]);
+//三行的导航菜单 3个
+const navigation3 = ref([]);
 //获取导航菜单1 
 async function getNavigation1() {
     const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
         method: 'GET',
         query: {
             'pid': 0,
-            'num': 10,
+            'num': 28,
             'placeid': 1
         },
     });
@@ -116,17 +117,32 @@ async function getNavigation2() {
         query: {
             'pid': 0,
             'num': 10,
-            'placeid': 11
+            'placeid': 28
         },
     });
     navigation2.value = mkdata.data;
 }
 getNavigation2();
+//获取导航菜单3
+async function getNavigation3() {
+    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
+        method: 'GET',
+        query: {
+            'pid': 0,
+            'num': 3,
+            'placeid': 38
+        },
+    });
+    navigation3.value = mkdata.data;
+}
+getNavigation3();
 //1.获取导航菜单 end ---------------------------------------->
 
 //2.搜索 start ---------------------------------------->
-const inputValue = ref("") //关键词搜索
+const typeValue = ref("")
+const checkList = ref([]);// 多选框
 
+const inputValue = ref("") //关键词搜索
 //2.1跳转到搜索页面
 let goToPrimary = async () => {
     if (inputValue.value=="") {
@@ -137,29 +153,14 @@ let goToPrimary = async () => {
     }
 }
 
-const provinceList = ref([]);//省列表
 
-onMounted(async ()  => {
-    //获得所有的省
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response2 = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result2 = await response2.json();
-        provinceList.value = result2.data;
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
+onMounted(async () => {
+        
 })
 //2.搜索 end ---------------------------------------->
 
 </script>
 
 <style lang="less" scoped>
-    @import url('@/assets/css/public/nav.less');
+@import url('@/assets/css/public/nav.less');
 </style>

pages/index.vue

@@ -2,823 +2,499 @@
     <div>
         <HomePageHead></HomePageHead>
         <HomePageNavigation></HomePageNavigation>
+        <!-- 农资供销 nzgx -->
         <main class="index_main">
+            <div class="index_head_out clearfix">
+                <h3 class="index_head_h3">
+                    <a class="index_head_h3_a" href="" title="">
+                        <div class="index_head_h3_tag">头条</div>
+                        《习近平关于加强党的作风建设论述摘编》出版发行
+                    </a>
+                </h3>
+                <div class="index_head_a_box clearfix">
+                    <a class="index_head_a dot1" href="" title="">春节前夕看望慰问，习近平为何来到这个村总书记的“新春之约”第1视点</a>
+                    <a class="index_head_a dot1" href="" title="">暖暖新家暖暖年学习快评</a>
+                    <a class="index_head_a dot1" href="" title="">深深牵挂暖人心瞰辽宁</a>
+                </div>
+            </div>
             <section class="index_1 clearfix">
-                <div class="index_1_head_box">
-                    <h1 class="index_1_h3">
-                        <NuxtLink class="index_1_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
-                            :target="headline.islink == 1 ? '_blank' : '_self'">
-                            {{ headline.title }}
-                        </NuxtLink>
-                    </h1>
-                    <div class="index_1_title_box">
-                        <NuxtLink class="index_1_title_box_a dot1" 
-                            :href="getLinkPathDetail(item)" 
-                            :title="item.title"
-                            v-for="item in headlineData2" 
-                            :key="index"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                <div class="index_1_box">
+                    <div class="roll_1_box">
+                        <HomeBigSwiper></HomeBigSwiper>
                     </div>
                 </div>
-            </section>
-            <section class="index_2 clearfix">
-                <div class="index_box_1 clearfix">
+                <div class="index_2_box">
                     <div class="index_1_ul clearfix">
-                        <NuxtLink
-                            class="index_1_ul_a dot1"
-                            :href="getLinkPathDetail(item)"
-                            v-for="item in hotNewsList"
-                            :title="item.title"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                        <a class="index_1_ul_a dot1" href="" title="" v-for="(per_obj, per_index) in 10" :key="per_obj">
+                            政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通政讯通
+                        </a>
                     </div>
                 </div>
-                <div class="index_box_2 clearfix">
-                    <div class="roll_1_box clearfix">
-                        <HomeBigSwiper></HomeBigSwiper>
+            </section>
+            <section class="index_2 clearfix">
+                <div class="index_head_box clearfix">
+                    <div class="index_head_box_left">
+                        <div class="index_head_left_a_btn ">
+                            <a class="index_head_left_a index_head_left_a_only" href="" title="">企业推荐</a>
+                        </div>
+                    </div>
+                    <div class="index_head_box_right">
+                        <a class="index_head_box_right_1_a" href="" title=""> 更多 &gt; </a>
                     </div>
                 </div>
-            </section>
-            <!-- 广告1 -->
-            <HomeAdvertising :imgurl="adImg1"></HomeAdvertising>
-            <section class="index_3 clearfix">
-                <div class="index_box_3 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn" 
-                            :class="{ index_head_btn_only: hoverStatus == 1 }"
-                            @mouseover="qhPic(1)">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[0].cid"
-                                :href="getLinkPath(pageData[0])"
-                                :title="pageData[0].alias"
-                                >
-                                {{pageData[0].alias}}
-                            </NuxtLink>
+                <!--企业推荐open-->
+                <div class="index_2_color_box clearfix">
+                    <div class="index_ul_2 clearfix">
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">1</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸公贸公贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸公贸贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">1欣欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸欣商贸贸公司</a>
                         </div>
-                        <div class="index_head_btn" 
-                            :class="{ index_head_btn_only: hoverStatus == 2 }"
-                            @mouseover="qhPic(2)">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[1].cid"
-                                :href="getLinkPath(pageData[1])"
-                                :title="pageData[1].alias"
-                                >
-                                {{pageData[1].alias}}
-                            </NuxtLink>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">12</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司欣欣贸公司</a>
                         </div>
-                        <div class="index_head_btn" :class="{ index_head_btn_only: hoverStatus == 3 }"
-                            @mouseover="qhPic(3)">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[2].cid"
-                                :href="getLinkPath(pageData[2])"
-                                :title="pageData[2].alias"
-                                >
-                                {{pageData[2].alias}}
-                            </NuxtLink>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸公贸公贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸公贸公贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣贸公司</a>
+                        </div>
+                        <div class="index_ul_2_li">
+                            <div class="index_ul_2_li_num">11</div> <a class="index_ul_2_li_a dot2" href=""
+                                title="">欣欣商贸公贸公贸公司</a>
                         </div>
                     </div>
-                    <div class="">
-                        <!--open  农产供求 -->
-                        <div class=" clearfix" v-if="hoverStatus == 1">
-                            <div class="index_box_5 clearfix">
-                                <div class="index_img_ul_1 clearfix">
-                                    <div class="index_img_ul_1_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_1_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData1"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_1_li_img_box">
-                                                <img class="index_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_1_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
-                                </div>
-                                <div class="index_name_ul">
-                                    <div class="index_name_ul_li" v-for="item in boxData1data3" :key="per_obj">
-                                        <NuxtLink
-                                            class="index_name_ul_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
+                    <div class="index_2_foot clearfix">
+                        <a class="index_2_foot_a_btn" href="" title="">开通企业网站</a>
+                        <a class="index_2_foot_a_btn" href="" title="">管理企业网站</a>
+                    </div>
+                </div>
+                <!--企业推荐end-->
+            </section>
+            <div class="banner_1">
+                <a class="banner_1_a" href="" title="">
+                    <img class="banner_1_img" src="@/public/img/3.png" title="" alt="">
+                </a>
+            </div>
+            <section class="index_3 clearfix">
+                <div class="index_3_head_box clearfix">
+                    <a class="index_3_head_btn_a back100 index_3_head_btn_a_only" href="" title="">产品分类</a>
+                    <a class="index_3_head_btn_a back100" href="" title="">农资商城</a>
+                </div>
+                <div class=" clearfix">
+                    <div class=" clearfix">
+                        <!--产品分类open-->
+                        <div class="index_big_ul clearfix">
+                            <div class="index_big_li clearfix" v-for="(per_obj, per_index) in 5" :key="per_obj">
+                                <a class="index_big_li_head_a" href="" title="">种子</a>
+                                <div class="index_ul_3_in clearfix">
+                                    <a class="index_ul_3_a" href="" title="" v-for="(per_obj, per_index) in 7"
+                                        :key="per_obj">种子种子</a>
                                 </div>
                             </div>
-                            <div class="index_box_6 clearfix">
-                                <div class="index_img_ul_2 clearfix">
-                                    <div class="index_img_ul_2_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_2_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData1data2"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_2_li_img_box">
-                                                <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_2_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
-                                </div>
-                                <div class="index_name_ul_2">
-                                    <div class="index_name_ul_2_li" v-for="item in boxData1data4">
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
-                                </div>
+                        </div>
+                        <!--产品分类end-->
+                    </div>
+                    <!--农资商城open-->
+                    <!-- <div class=" clearfix">农资商城</div> -->
+                    <!--农资商城end-->
+                </div>
+            </section>
+            <section class="index_4 clearfix">
+                <div class="index_1_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">
+                                    生活用品
+                                </a>
+                            </div>
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a" href="" title="">
+                                    书刊音像
+                                </a>
                             </div>
                         </div>
-                        <!--end  农产供求-->
-                        <!--open   致富项目-->
-                        <div class=" clearfix" v-if="hoverStatus == 2">
-                            <div class="index_box_5 clearfix">
-                                <div class="index_img_ul_1 clearfix">
-                                    <div class="index_img_ul_1_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_1_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData2"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_1_li_img_box">
-                                                <img class="index_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_1_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
+                        <div class="index_head_btn_right_box_2"><a class="index_head_btn_right_a_2" href=""
+                                title="">发布信息</a></div>
+                    </div>
+                    <!--生活用品open-->
+                    <div class=" clearfix">
+                        <div class="index_3_box clearfix">
+                            <div class="index_ul_4_out clearfix">
+                                <div class="index_ul_4_img_box clearfix">
+                                    <a class=" " href="" title="">
+                                        <img class="index_ul_4_img" src="@/public/img/11.png" title="" alt="">
+                                    </a>
                                 </div>
-                                <div class="index_name_ul">
-                                    <div class="index_name_ul_li" v-for="item in boxData2data3" :key="per_obj">
-                                        <NuxtLink
-                                            class="index_name_ul_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
+                                <div class="index_ul_4">
+                                    <a class="index_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                        :key="per_obj">
+                                        生活用品生活用品生活用品生活用品生活用品生活用品生活用品生活用品
+                                    </a>
                                 </div>
                             </div>
-                            <div class="index_box_6 clearfix">
-                                <div class="index_img_ul_2 clearfix">
-                                    <div class="index_img_ul_2_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_2_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData2data2"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_2_li_img_box">
-                                                <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_2_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
-                                </div>
-                                <div class="index_name_ul_2">
-                                    <div class="index_name_ul_2_li" v-for="item in boxData2data4">
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
-                                </div>
+                            <div class="index_ul_5 clearfix">
+                                <a class="index_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                    :key="per_obj">
+                                    生活用品生活用品生活用品生活用品生活用品生活用品
+                                </a>
                             </div>
                         </div>
-                        <!--end  致富项目-->
-                        <!--open   招商招标-->
-                        <div class=" clearfix" v-if="hoverStatus == 3">
-                            <div class="index_box_5 clearfix">
-                                <div class="index_img_ul_1 clearfix">
-                                    <div class="index_img_ul_1_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_1_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData3"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_1_li_img_box">
-                                                <img class="index_img_ul_1_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_1_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
+                        <div class="index_4_box clearfix">
+                            <div class="index_ul_4_out clearfix">
+                                <div class="index_ul_4_img_box clearfix">
+                                    <a class=" " href="" title="">
+                                        <img class="index_ul_4_img" src="@/public/img/12.png" title="" alt="">
+                                    </a>
                                 </div>
-                                <div class="index_name_ul">
-                                    <div class="index_name_ul_li" v-for="item in boxData3data3" :key="per_obj">
-                                        <NuxtLink
-                                            class="index_name_ul_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
+                                <div class="index_ul_4">
+                                    <a class="index_ul_4_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                        :key="per_obj">
+                                        生活用品生活用品生活用品生活用品生活用品生活用品生活用品生活用品
+                                    </a>
                                 </div>
                             </div>
-                            <div class="index_box_6 clearfix">
-                                <div class="index_img_ul_2 clearfix">
-                                    <div class="index_img_ul_2_li clearfix">
-                                        <NuxtLink
-                                            class="index_img_ul_2_li_a clearfix"
-                                            :href="getLinkPathDetail(item)"
-                                            v-for="item in boxData3data2"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            <div class="index_img_ul_2_li_img_box">
-                                                <img class="index_img_ul_2_li_img" :src="item.imgurl" alt="item.title">
-                                            </div>
-                                            <div class="index_img_ul_2_li_dot3 dot3">
-                                                {{ item.title }}
-                                            </div>
-                                        </NuxtLink>
-                                    </div>
-                                </div>
-                                <div class="index_name_ul_2">
-                                    <div class="index_name_ul_2_li" v-for="item in boxData3data4">
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_tag"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            [农产供求]
-                                        </NuxtLink>
-                                        <NuxtLink
-                                            class="index_name_ul_2_li_dot1 dot1"
-                                            :href="getLinkPathDetail(item)"
-                                            :title="item.title"
-                                            :target="item.islink == 1 ? '_blank' : '_self'"
-                                        >
-                                            {{ item.title }}
-                                        </NuxtLink>
-                                    </div>
-                                </div>
+                            <div class="index_ul_5 clearfix">
+                                <a class="index_ul_5_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                    :key="per_obj">
+                                    生活用品生活用品生活用品生活用品生活用品生活用品
+                                </a>
                             </div>
                         </div>
-                        <!--end  招商招标-->
                     </div>
+                    <!--生活用品end-->
                 </div>
-                <div class="index_box_4 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn" :class="{ index_head_btn_only: hoverStatusTwo == 1 }" @mouseover="qhPicTwo(1)">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[3].cid"
-                                :href="getLinkPath(pageData[3])"
-                                :title="pageData[3].alias"
-                                >
-                                {{pageData[3].alias}}
-                            </NuxtLink>
+                <div class="index_2_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">综合资讯</a>
+                            </div>
                         </div>
-                        <div class="index_head_btn" :class="{ index_head_btn_only: hoverStatusTwo == 2 }" @mouseover="qhPicTwo(2)">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[4].cid"
-                                :href="getLinkPath(pageData[4])"
-                                :title="pageData[4].alias"
-                                >
-                                {{pageData[4].alias}}
-                            </NuxtLink>
+                        <div class="index_head_box_right_3">
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
                         </div>
                     </div>
+                    <!--综合资讯open-->
+                    <div class="index_ul_6 clearfix">
+                        <a class="index_ul_6_a dot1" href="" title="" v-for="(per_obj, per_index) in 7" :key="per_obj">
+                            生活用品生活用品生活用品生活用品生活用品生活用品
+                        </a>
+                    </div>
+                    <!--综合资讯end-->
+                </div>
+            </section>
+            <section class="index_5 clearfix">
+                <div class="index_1_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">农资供求</a>
+                            </div>
+                        </div>
+                        <div class="index_head_box_right_3">
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_3_a" href="" title=""> 更多</a>
+                        </div>
+                    </div>
+                    <!--农资供求open-->
                     <div class=" clearfix">
-                        <!--open   动态资讯-->
-                        <div class=" clearfix" v-if="hoverStatusTwo == 1">
-                            <div class="index_img_ul_3">
-                                <div class="index_img_ul_3_li">
-                                    <NuxtLink
-                                        class="index_img_ul_3_li_a"
-                                        v-for="item in boxData4"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="index_img_ul_3_li_dot1 dot1">
-                                            {{ item.title }}
+                        <div class="index_3_box clearfix">
+                            <div class="index_img_ul_1_ul">
+                                <div class="index_img_ul_1_li">
+                                    <a class="index_img_ul_1_li_a" href="" title="">
+                                        <img class="index_img_ul_1_li_img" src="@/public/img/8.png" title="" alt="">
+                                        <div class="index_img_ul_1_li_dot1 dot1">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
                                         </div>
-                                    </NuxtLink>
+                                    </a>
                                 </div>
                             </div>
-                            <div class="index_ul_1">
-                                <NuxtLink
-                                    class="index_ul_1_a dot1"
-                                    v-for="item in boxData4data2"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
-                            </div>
                         </div>
-                        <!--end  动态资讯-->
-                        <!--open 农户农企-->
-                        <div class=" clearfix" v-show="hoverStatusTwo == 2">
-                            <div class="index_img_ul_3">
-                                <div class="index_img_ul_3_li">
-                                    <NuxtLink
-                                        class="index_img_ul_3_li_a"
-                                        v-for="item in boxData5"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_img_ul_3_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="index_img_ul_3_li_dot1 dot1">
-                                            {{ item.title }}
-                                        </div>
-                                    </NuxtLink>
+                        <div class="index_4_box clearfix">
+                            <div class="index_name_ul">
+                                <div class="index_name_ul_li">
+                                    <a class="index_name_ul_li_tag" href="" title="">供应</a>
+                                    <a class="index_name_ul_li_dot1 dot1" href=""
+                                        title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
+                                </div>
+                                <div class="index_name_ul_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                    <a class="index_name_ul_li_tag" href="" title="">【供应】</a>
+                                    <a class="index_name_ul_li_dot1 dot1" href=""
+                                        title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
                                 </div>
                             </div>
-                            <div class="index_ul_1">
-                                <NuxtLink
-                                    class="index_ul_1_a dot1"
-                                    v-for="item in boxData5data2"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
+                            <div class="index_name_ul_2">
+                                <div class="index_name_ul_2_li">
+                                    <a class="index_name_ul_2_li_tag" href="" title="">求购</a>
+                                    <a class="index_name_ul_2_li_dot1 dot1" href=""
+                                        title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
+                                </div>
+                                <div class="index_name_ul_2_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                    <a class="index_name_ul_2_li_tag" href="" title="">【求购】</a>
+                                    <a class="index_name_ul_2_li_dot1 dot1" href=""
+                                        title="">民工动态民工动态民工动态民工动态民工动态民工动态民工动态</a>
+                                </div>
                             </div>
                         </div>
-                        <!--end  农户农企-->
-                    </div>
-                </div>
-            </section>
-            <section class="index_4 clearfix">
-                <!--open   市场分类-->
-                <div class="index_head_btn_box">
-                    <div class="index_head_btn index_head_btn_only">
-                        <a class="index_head_a" href="" title="">市场分类</a>
-                    </div>
-                    <div class="index_head_right_btn_box">
-                        <a class="index_2_head_right_a" href="" title="">农产商家</a>
-                        <a class="index_2_head_right_a" href="" title="">市场信息</a>
-                        <a class="index_2_head_right_a" href="" title="">书刊音像</a>
-                        <a class="index_2_head_right_a" href="" title="">生活用品</a>
-                    </div>
-                    <div class="index_head_btn_right_box">
-                        <a class="index_head_btn_right_a" href="" title="">发布信息</a>
                     </div>
+                    <!--农资供求 end-->
                 </div>
-                <div class="index_4_in clearfix">
-                    <div class="index_4_img_box back100">
-                    </div>
-                    <div class="index_4_ol clearfix">
-                        <div class="index_4_ol_li" v-for="(per_obj, per_index) in 10" :key="per_obj">
-                            <div class="index_4_ol_li_head clearfix">
-                                <a class="index_4_ol_li_head_a dot1" href="" title="">粮油茶糖</a>
+                <div class="index_2_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">三农专题</a>
                             </div>
-                            <div class="index_4_ol_in clearfix">
-                                <a class="index_4_ol_in_li_a dot1" href="" title="" v-for="(per_obj, per_index) in 6"
-                                    :key="per_obj">粮油茶糖粮</a>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!--end  市场分类-->
-            </section>
-            <section class="index_5 clearfix">
-                <div class="index_box_3 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[5].cid"
-                                :href="getLinkPath(pageData[5])"
-                                :title="pageData[5].alias"
-                                >
-                                {{pageData[5].alias}}
-                            </NuxtLink>
                         </div>
+                        <div class="index_head_box_right"><a class="index_head_box_right_1_a" href="" title=""> 更多
+                                &gt; </a></div>
                     </div>
-                    <!--open   策划-->
                     <div class=" clearfix">
-                        <div class="index_box_5 clearfix">
-                            <div class="index_img_ul_4_ul">
-                                <div class="index_img_ul_4_li">
-                                    <NuxtLink
-                                        class="index_img_ul_4_li_a"
-                                        :href="getLinkPathDetail(item)"
-                                        v-for="item in boxData6"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_img_ul_4_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="index_img_ul_4_li_dot1 dot1">
-                                            {{ item.title }}
-                                        </div>
-                                    </NuxtLink>
-                                </div>
-                            </div>
-                            <div class="index_img_even_1_ul clearfix">
-                                <div class="index_img_even_1_li" v-for="item in boxData6data2">
-                                    <NuxtLink
-                                        class="index_img_even_1_li_a"
-                                        :href="getLinkPathDetail(item)"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_img_even_1_li_img" :src="item.imgurl" alt="item.title">
-                                        <div class="index_img_even_1_li_dot1 dot1">
-                                            {{ item.title }}
+                        <!--三农专题open-->
+                        <div class="index_5_box clearfix">
+                            <div class="index_img_ul_2">
+                                <div class="index_img_ul_2_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                    <a class="index_img_ul_2_li_a" href="" title="">
+                                        <img class="index_img_ul_2_li_img" src="../public/img/24.png" title="" alt="">
+                                        <div class="index_img_ul_2_li_dot1 dot1">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
                                         </div>
-                                    </NuxtLink>
+                                    </a>
                                 </div>
                             </div>
                         </div>
-                        <div class="index_box_6 clearfix">
-                            <div class="index_ul_2 clearfix">
-                                <NuxtLink
-                                    class="index_ul_2_a dot1"
-                                    :href="getLinkPathDetail(item)"
-                                    v-for="item in boxData6data3"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
+                        <div class="index_6_box clearfix">
+                            <div class="index_ul_8 clearfix">
+                                <div class="index_ul_8_li_box" v-for="(per_obj, per_index) in 4" :key="per_obj">
+                                    <div class="index_ul_8_li"><a class="index_ul_8_a dot2" href=""
+                                            title="">4农民权农民工维权权农民工维权权农民工维权权农民工维权权农民工维权</a></div>
+                                </div>
                             </div>
                         </div>
+                        <!--三农专题end-->
                     </div>
-                    <!--end  策划-->
                 </div>
-                <div class="index_box_4 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[6].cid"
-                                :href="getLinkPath(pageData[6])"
-                                :title="pageData[6].alias"
-                                >
-                                {{pageData[6].alias}}
-                            </NuxtLink>
+            </section>
+            <div class="banner_2"><a class="banner_2_a" href="" title=""><img class="banner_2_img"
+                        src="../public/img/3.png" title="" alt=""></a></div>
+            <section class="index_6 clearfix">
+                <div class="index_1_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">农资供销网</a>
+                            </div>
+                        </div>
+                        <div class="index_head_box_right_4">
+                            <a class="index_head_box_right_4_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_4_a" href="" title=""> 更多</a>
+                            <a class="index_head_box_right_4_a" href="" title=""> 更多</a>
                         </div>
                     </div>
-                    <!--open   专家服务-->
-                    <div class="index_5_right">
-                        <div class="index_5_right_img_ul clearfix">
-                            <div class="index_5_right_img_li clearfix">
-                                <div class="index_5_right_img_li_img_box">
-                                    <NuxtLink
-                                        class="index_5_right_img_li_a"
-                                        :href="getLinkPathDetail(boxData7[0])"
-                                        v-if="boxData7[0]"
-                                        :title="boxData7[0].title"
-                                        :target="boxData7[0].islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_5_right_img_li_a_img" :src="boxData7[0].imgurl" :title="boxData7[0].title" :alt="boxData7[0].title">
-                                    </NuxtLink>
+                    <!--政策法规open-->
+                    <div class=" clearfix">
+                        <div class="index_3_box clearfix">
+                            <div class="index_img_ul_3">
+                                <div class="index_img_ul_3_li">
+                                    <a class="index_img_ul_3_li_a" href="" title="">
+                                        <img class="index_img_ul_3_li_img" src="../public/img/31.png" title="" alt="">
+                                        <div class="index_img_ul_3_li_dot2 dot2">
+                                            农民工维权农民工维权农民工维权农民工维权农民工维权农 民工维权农民工维权农民工维权农民工维权农民工维权农民工维权
+                                        </div>
+                                    </a>
                                 </div>
-                                <div class="index_ul_3">
-                                    <NuxtLink
-                                        v-if="boxData7[0]"
-                                        class="index_ul_3_a dot1"
-                                        :href="getLinkPathDetail(boxData7[0])"
-                                        :title="boxData7[0].title"
-                                        :target="boxData7[0].islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        {{boxData7[0].title}}
-                                    </NuxtLink>
-                                    <NuxtLink
-                                        class="index_ul_3_a dot1"
-                                        :href="getLinkPathDetail(item)"
-                                        v-for="item in boxData7data2"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <span class="index_ul_3_a_tag">问:</span>
-                                        {{item.title}}
-                                    </NuxtLink>
+                            </div>
+                            <div class="index_img_ul_even_1 clearfix">
+                                <div class="index_img_ul_even_1_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                    <a class="index_img_ul_even_1_li_a" href="" title="">
+                                        <img class="index_img_ul_even_1_li_img" src="../public/img/32.png" title=""
+                                            alt="">
+                                        <div class="index_img_ul_even_1_li_dot2 dot2">农民工维权农民工维权农民工维权农民工维
+                                            权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                    </a>
                                 </div>
                             </div>
-                            <div class="index_5_right_img_li clearfix">
-                                <div class="index_5_right_img_li_img_box">
-                                    <NuxtLink
-                                        class="index_5_right_img_li_a"
-                                        :href="getLinkPathDetail(boxData7[1])"
-                                         v-if="boxData7[1]"
-                                        :title="boxData7[1].title"
-                                        :target="boxData7[1].islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <img class="index_5_right_img_li_a_img" :src="boxData7[1].imgurl" :title="boxData7[0].title" :alt="boxData7[0].title">
-                                    </NuxtLink>
+                        </div>
+                        <div class="index_4_box clearfix">
+                            <div class="index_ul_9 clearfix">
+                                <div class="index_ul_9_head_box clearfix">
+                                    <a class="index_ul_9_head_a" href="" title="">热点政策法规</a>
                                 </div>
-                                <div class="index_ul_3">
-                                    <NuxtLink
-                                        v-if="boxData7[1]"
-                                        class="index_ul_3_a dot1"
-                                        :href="getLinkPathDetail(boxData7[1])"
-                                        :title="boxData7[1].title"
-                                        :target="boxData7[1].islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        {{boxData7[1].title}}
-                                    </NuxtLink>
-                                    <NuxtLink
-                                        class="index_ul_3_a dot1"
-                                        :href="getLinkPathDetail(item)"
-                                        v-for="item in boxData7data3"
-                                        :title="item.title"
-                                        :target="item.islink == 1 ? '_blank' : '_self'"
-                                    >
-                                        <span class="index_ul_3_a_tag">问:</span>
-                                        {{item.title}}
-                                    </NuxtLink>
+                                <a class="index_ul_9_a dot1" href="" title="" v-for="(per_obj, per_index) in 5"
+                                    :key="per_obj">
+                                    生活用品生活用品生活用品生活用品生活用品生活用品 </a>
+                            </div>
+                            <div class="index_ul_9 clearfix">
+                                <div class="index_ul_9_head_box clearfix">
+                                    <a class="index_ul_9_head_a" href="" title="">最新法规</a>
                                 </div>
+                                <a class="index_ul_9_a dot1" href="" title="" v-for="(per_obj, per_index) in 5"
+                                    :key="per_obj">
+                                    生活用品生活用品生活用品生活用品生活用品生活用品 </a>
                             </div>
                         </div>
                     </div>
-                    <!--end  专家服务-->
+                    <!--政策法规end-->
                 </div>
-            </section>
-            <!-- 广告2 -->
-            <HomeAdvertising :imgurl="adImg2"></HomeAdvertising>
-
-            <section class="index_6 clearfix">
-                <div class="index_box_3 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[7].cid"
-                                :href="getLinkPath(pageData[7])"
-                                :title="pageData[7].alias"
-                                >
-                                {{pageData[7].alias}}
-                            </NuxtLink>
+                <div class="index_2_box clearfix">
+                    <div class="index_head_box clearfix">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn"><a class="index_head_left_a index_head_left_a_only"
+                                    href="" title="">会展服务</a></div>
                         </div>
+                        <div class="index_head_box_right"><a class="index_head_box_right_1_a" href="" title=""> 更多
+                                &gt; </a></div>
                     </div>
-                    <!--open   行业报告-->
-                    <div class="index_box_5 clearfix">
-                        <div class="index_img_ul_5_ul">
-                            <div class="index_img_ul_5_li">
-                                <NuxtLink
-                                    class="index_img_ul_5_li_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                    v-for="item in boxData8"
-                                >
-                                    <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_img_even_2_ul clearfix">
-                            <div class="index_img_even_2_li" v-for="item in boxData8data2">
-                                <NuxtLink
-                                    class="index_img_even_2_li_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_even_2_li_img" :src="item.imgurl" alt="item.title">
-                                    <div class="index_img_even_2_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
+                    <!--会展服务open-->
+                    <div class=" clearfix">
+                        <div class="index_even_img_ul_1 clearfix">
+                            <div class="index_even_img_ul_1_li" v-for="(per_obj, per_index) in 2" :key="per_obj">
+                                <a class="index_even_img_ul_1_a" href="" title="">
+                                    <img class="index_even_img_ul_1_li_img" src="../public/img/9.png" title="" alt="">
+                                    <div class="index_even_img_ul_1_dot1 dot1">
+                                        农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</div>
+                                </a>
                             </div>
                         </div>
-                    </div>
-                    <div class="index_box_6 clearfix">
-                        <div class="index_ul_4 clearfix">
-                            <NuxtLink
-                                class="index_ul_4_a dot1"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                                v-for="item in boxData8data3"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
+                        <div class="index_ul_10 clearfix">
+                            <a class="index_ul_10_a dot1" href="" title="" v-for="(per_obj, per_index) in 7"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
                         </div>
                     </div>
-                    <!--end  行业报告-->
+                    <!--会展服务end-->
                 </div>
-                <div class="index_box_4 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[8].cid"
-                                :href="getLinkPath(pageData[8])"
-                                :title="pageData[8].alias"
-                                >
-                                {{pageData[8].alias}}
-                            </NuxtLink>
+            </section>
+            <section class="index_7 clearfix">
+                <div class="index_7_line_box clearfix">
+                    <div class="index_7_in_box">
+                        <div class="index_7_head">
+                            <a class="index_7_head_a" href="" title="">推广服务</a>
+                        </div>
+                        <div class="index_ul_11 clearfix">
+                            <a class="index_ul_11_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
                         </div>
                     </div>
-                    <!--open   农产知识-->
-                    <div class="index_img_ul_3">
-                        <div class="index_img_ul_3_li">
-                            <NuxtLink
-                                class="index_img_ul_3_li_a"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                                v-for="item in boxData9"
-                            >
-                                <img class="index_img_ul_3_li_img" :src="item.imgurl" title="item.title" alt="item.title">
-                                <div class="index_img_ul_3_li_dot1 dot1">{{ item.title }}</div>
-                            </NuxtLink>
+                    <div class="index_7_in_box">
+                        <div class="index_7_head">
+                            <a class="index_7_head_a" href="" title="">策划服务</a>
+                        </div>
+                        <!--策划服务open-->
+                        <div class="index_ul_11 clearfix">
+                            <a class="index_ul_11_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
                         </div>
+                        <!--策划服务end-->
                     </div>
-                    <div class="index_ul_5">
-                        <NuxtLink
-                            class="index_ul_5_a dot1"
-                            :href="getLinkPathDetail(item)"
-                            :title="item.title"
-                            :target="item.islink == 1 ? '_blank' : '_self'"
-                            v-for="item in boxData9data2"
-                        >
-                            {{ item.title }}
-                        </NuxtLink>
+                    <div class="index_7_in_box">
+                        <div class="index_7_head">
+                            <a class="index_7_head_a" href="" title="">网站动态</a>
+                        </div>
+                        <!--网站动态-->
+                        <div class="index_ul_11 clearfix">
+                            <a class="index_ul_11_a dot1" href="" title="" v-for="(per_obj, per_index) in 3"
+                                :key="per_obj"> 生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活用品生活用品 </a>
+                        </div>
+                        <!--网站动态-->
                     </div>
-                    <!--end 农产知识 -->
                 </div>
             </section>
-            <section class="index_7 clearfix">
-                <div class="index_box_3 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[9].cid"
-                                :href="getLinkPath(pageData[9])"
-                                :title="pageData[9].alias"
-                                >
-                                {{pageData[9].alias}}
-                            </NuxtLink>   
-                         </div>
-                    </div>
-                    <!--open   综合资讯-->
-                    <div class="index_box_5 clearfix">
-                        <div class="index_img_ul_6">
-                            <div class="index_img_ul_6_li">
-                                <NuxtLink
-                                    class="index_img_ul_6_li_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                    v-for="item in boxData10"
-                                >
-                                    <img class="index_img_ul_6_li_img" :src="item.imgurl" title="item.title" alt="item.title">
-                                    <div class="index_img_ul_6_li_dot1 dot1">{{ item.title }}</div>
-                                </NuxtLink>
+            <section class="index_8 clearfix">
+                <div class="index_1_box clearfix">
+                    <div class="index_head_box clearfix index_head_box_2">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">行业报告</a>
                             </div>
                         </div>
                     </div>
-                    <div class="index_box_6 clearfix">
-                        <div class="index_ul_7 clearfix">
-                            <NuxtLink
-                                class="index_ul_7_a dot1"
-                                :href="getLinkPathDetail(item)"
-                                :title="item.title"
-                                :target="item.islink == 1 ? '_blank' : '_self'"
-                                v-for="item in boxData10data2"
-                            >
-                                {{ item.title }}
-                            </NuxtLink>
+                    <!--行业报告open-->
+                    <div class="index_big_2_ul clearfix">
+                        <div class="index_big_2_li clearfix">
+                            <div class="index_big_2_li_img_box">
+                                <a class="index_big_2_li_img_a" href="" title="">
+                                    <img class="index_big_2_li_img" src="../public/img/28.png" title="" alt="">
+                                </a>
+                            </div>
+                            <div class="index_big_2_li_in">
+                                <div class="index_ul_12">
+                                    <a class="index_ul_12_a dot1" href="" title="" v-for="(per_obj, per_index) in 4"
+                                        :key="per_obj">农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权农民工维权</a>
+                                </div>
+                            </div>
                         </div>
                     </div>
-                    <!--end  综合资讯-->
-                </div>
-                <div class="index_box_4 clearfix">
-                    <div class="index_head_btn_box">
-                        <div class="index_head_btn index_head_btn_only">
-                            <NuxtLink
-                                class="index_head_a"
-                                v-if="pageData[10].cid"
-                                :href="getLinkPath(pageData[10])"
-                                :title="pageData[10].alias"
-                                >
-                                {{pageData[10].alias}}
-                            </NuxtLink>  
-                        </div>
+                    <div class="index_ul_13 clearfix">
+                        <a class="index_ul_13_a dot1" href="" title="" v-for="(per_obj, per_index) in 3" :key="per_obj">
+                            生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活活用品生品生活用品生品生活活用品生品生活用品生品生活用品生活用品 </a>
                     </div>
-                    <!--open  消费指南 -->
-                    <div class="index_2_box_1 clearfix">
-                        <div class="index_img_ul_7">
-                            <div class="index_img_ul_7_li" v-for="item in boxData11">
-                                <NuxtLink
-                                    class="index_img_ul_7_li_a"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    <img class="index_img_ul_7_li_img" :src="item.imgurl" title="item.title" alt="item.title">
-                                    <div class="index_img_ul_7_li_dot1 dot1">
-                                        {{ item.title }}
-                                    </div>
-                                </NuxtLink>
+                    <!--行业报告end-->
+                </div>
+                <div class="index_2_box clearfix">
+                    <div class="index_head_box clearfix index_head_box_3">
+                        <div class="index_head_box_left">
+                            <div class="index_head_left_a_btn">
+                                <a class="index_head_left_a index_head_left_a_only" href="" title="">专家服务</a>
                             </div>
                         </div>
+                        <div class="index_head_box_right"><a class="index_head_box_right_1_a" href="" title=""> 更多
+                                &gt; </a></div>
                     </div>
-                    <div class="index_2_box_2 clearfix">
-                        <div class="index_ul_8_li_box" v-for="item in boxData11data2">
-                            <div class="index_ul_8_li">
-                                <NuxtLink
-                                    class="index_ul_8_a dot2"
-                                    :href="getLinkPathDetail(item)"
-                                    :title="item.title"
-                                    :target="item.islink == 1 ? '_blank' : '_self'"
-                                >
-                                    {{ item.title }}
-                                </NuxtLink>
-                            </div>
+                    <!--专家服务open-->
+                    <div class="index_ul_6 clearfix">
+                        <div class="index_ul_6_li clearfix">
+                            <a class="index_ul_6_li_a" href="" title="">
+                                <div class="index_ul_6_img_box">
+                                    <img class="index_ul_6_img" src="../public/img/10.png" title="" alt="">
+                                </div>
+                                <div class="index_ul_6_li_right">
+                                    <div class="index_ul_6_li_head">郭建炜</div>
+                                    <article class="index_ul_6_li_article dot3">
+                                        郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 郭建炜郭建炜郭 炜郭
+                                    </article>
+                                    <span class="index_ul_6_li_article_detail">【详细】</span>
+                                </div>
+                            </a>
                         </div>
                     </div>
-                    <!--end 消费指南 -->
+                    <div class="index_ul_13 clearfix">
+                        <a class="index_ul_13_a dot1" href="" title="" v-for="(per_obj, per_index) in 3" :key="per_obj">
+                            生活用品生活用品生活用品生活用品生活用品生品生活用品生品生活活用品生品生活用品生品生活活用品生品生活用品生品生活用品生活用品 </a>
+                    </div>
+                    <!--专家服务end-->
                 </div>
             </section>
+            <div class="banner_2"><a class="banner_2_a" href="" title=""><img class="banner_2_img"
+                        src="../public/img/3.png" title="" alt=""></a></div>
         </main>
+        <!-- 页面底部 -->
         <HomeFoot></HomeFoot>
     </div>
 </template>