Jing 1 bulan lalu
induk
melakukan
022f696b07

+ 1 - 1
.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"c91a3108-78a6-4678-9851-0665945c0b2b","timestamp":1747702858711}
+{"id":"6aefe0d1-427f-4099-9470-2ac88f5b6126","timestamp":1748582192797}

+ 1 - 0
.nuxt/manifest/meta/6aefe0d1-427f-4099-9470-2ac88f5b6126.json

@@ -0,0 +1 @@
+{"id":"6aefe0d1-427f-4099-9470-2ac88f5b6126","timestamp":1748582192797,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

+ 0 - 1
.nuxt/manifest/meta/c91a3108-78a6-4678-9851-0665945c0b2b.json

@@ -1 +0,0 @@
-{"id":"c91a3108-78a6-4678-9851-0665945c0b2b","timestamp":1747702858711,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

+ 1 - 1
.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/c91a3108-78a6-4678-9851-0665945c0b2b.json"
+        "./manifest/meta/6aefe0d1-427f-4099-9470-2ac88f5b6126.json"
       ],
       "#components": [
         "./components"

+ 1291 - 1066
assets/css/index.less

@@ -1,85 +1,104 @@
 * {
-    margin: 0;
-    padding: 0;
-    font-family: "微软雅黑", "microsoft yahei";
+      margin: 0;
+      padding: 0;
+      font-family: "微软雅黑", "microsoft yahei";
 }
+
 ul,
 ol {
-    list-style: none;
+      list-style: none;
 }
+
 a:active {
-    text-decoration: none;
+      text-decoration: none;
 }
+
 a:hover {
-    text-decoration: none;
+      text-decoration: none;
 }
+
 a:visited {
-    text-decoration: none;
+      text-decoration: none;
 }
+
 a:link {
-    text-decoration: none;
+      text-decoration: none;
 }
+
 a:focus {
-    text-decoration: none;
+      text-decoration: none;
 }
+
 body {
-    position: relative;
+      position: relative;
 }
+
 .clearfix {
-    overflow: hidden;
+      overflow: hidden;
 }
+
 .clearfix_2::after {
-    content: '';
-    display: block;
-    height: 0;
-    visibility: hidden;
-    clear: both;
+      content: '';
+      display: block;
+      height: 0;
+      visibility: hidden;
+      clear: both;
 }
+
 .hiddenColor {
-    visibility: hidden;
+      visibility: hidden;
 }
+
 .hand {
-    cursor: pointer;
+      cursor: pointer;
 }
+
 .dot1 {
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+      display: block;
+      word-break: keep-all;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
 }
+
 .dot2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+      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;
+      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;
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 4;
 }
+
 input,
 img {
-    border: none;
+      border: none;
 }
+
 .cover100 img {
-    display: block;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
+      display: block;
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
 }
+
 .back100 {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
 }
+
 article,
 aside,
 footer,
@@ -91,1174 +110,1380 @@ nav,
 h4,
 h3,
 section {
-    display: block;
+      display: block;
 }
+
 .index_main {
-    margin: 0 auto 30px
+      margin: 0 auto 30px
 }
+
 .slow_6 {
-    -webkit-transition: all .6s;
-    -moz-transition: all .6s;
-    -ms-transition: all .6s;
-    -o-transition: all .6s;
-    transition: all .6s;
+      -webkit-transition: all .6s;
+      -moz-transition: all .6s;
+      -ms-transition: all .6s;
+      -o-transition: all .6s;
+      transition: all .6s;
 }
+
 .index_main {
-    width: 1200px;
+      width: 1200px;
 }
+
 .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_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;
-    }
+      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 {
+            width: 1200px;
+
+            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_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;
+      float: left;
+      width: 720px;
 }
+
 .index_2_box {
-    float: right;
-    width: 450px;
+      float: right;
+      width: 450px;
 }
+
 .index_3_box {
-    float: left;
-    width: 350px;
+      float: left;
+      width: 350px;
 }
+
 .index_4_box {
-    float: right;
-    width: 350px;
+      float: right;
+      width: 350px;
 }
+
 .index_5_box {
-    float: left;
-    width: 170px;
+      float: left;
+      width: 170px;
 }
+
 .index_6_box {
-    float: right;
-    width: 265px;
+      float: right;
+      width: 265px;
 }
+
 .index_1 {
-    margin-top: 30px;
+      margin-top: 30px;
 }
+
 .roll_1_box {
-    width: 720px;
-    height: 405px;
+      width: 720px;
+      height: 405px;
 }
+
 .index_1_ul {
-    .index_1_ul_a {
-          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: #A91B33;
-          font-size: 20px;
-    }
+      .index_1_ul_a {
+            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: #A91B33;
+            font-size: 20px;
+      }
 }
+
 .index_2 {
-    margin: 17px auto 0px;
+      margin: 17px auto 0px;
 }
+
 .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;
-          }
-    }
+      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;
+      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_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;
-     
-     
+      float: left;
+      height: 49px;
+      line-height: 48px;
+      background: #A91B33;
+
+      padding: 0px 25px;
+      margin: 9px 0px 0px 20px;
+      color: #fff;
+      font-size: 14px;
+
+
 }
+
 .index_2_foot_a_btn:nth-of-type(even) {
-    background: #E48231;
+      background: #E48231;
 }
+
 .banner_1 {
-    width: 1200px;
-    margin: 10px auto 0px;
-    .banner_1_a {
-          width: 1200px;
-          display: block;
-    }
-    .banner_1_img {
-          width: 1200px;
-          display: block;
-    }
+      width: 1200px;
+      margin: 10px auto 0px;
+
+      .banner_1_a {
+            width: 1200px;
+            display: block;
+      }
+
+      .banner_1_img {
+            width: 1200px;
+            display: block;
+      }
 }
+
 .index_3 {
-    margin: 30px auto 0px;
+      margin: 30px auto 0px;
 }
+
 .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);
-    }
+      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%;
-    }
+      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_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_ul_3_a:hover {
-          color: #A91B33;
-    }
+      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_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_ul_3_a:hover {
+            color: #A91B33;
+      }
 }
+
 .index_big_li:nth-of-type(odd) {
-    float: left;margin-left:36px;
+      float: left;
+      margin-left: 36px;
 }
+
 .index_big_li:nth-of-type(even) {
-    float: right;margin-right:36px;
+      float: right;
+      margin-right: 36px;
 }
+
 .index_4 {
-    margin: 30px auto 0px;
+      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;
-    }
+      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_ul_4_img {
-          width: 130px;
-          height: 130px;
-          display: block;
-    }
+      border: solid 1px #F9FAFB;
+      background: #F9FAFB;
+
+      .index_ul_4_img_box {
+            width: 130px;
+            height: 130px;
+            margin-right: 10px;
+            float: left;
+      }
+
+      .index_ul_4_img {
+            width: 130px;
+            height: 130px;
+            display: block;
+      }
 }
+
 .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;
-    }
+      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;
-    }
+      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_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;
-    }
+      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_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%;
-    }
+      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_5 {
-    margin: 10px auto 0px;
+      margin: 10px auto 0px;
 }
+
 .index_img_ul_1_ul {
-    .index_img_ul_1_li {
-          width: 350px;
-          height: 230px;
-          margin-bottom: 20px;
-          position: relative;
-    }
-    .index_img_ul_1_li_a {}
-    .index_img_ul_1_li_img {
-          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_img_ul_1_li {
+            width: 350px;
+            height: 230px;
+            margin-bottom: 20px;
+            position: relative;
+      }
+
+      .index_img_ul_1_li_a {}
+
+      .index_img_ul_1_li_img {
+            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 {
-    .index_name_ul_li {
-          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: #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: #666;
-          font-size: 18px;
-          width: 100%;
-    }
-    .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(1) .index_name_ul_li_dot1 {
-          font-weight: bold;
-          color: #333;
-    }
-    .index_name_ul_li:nth-of-type(1)::after {
-          display: none;
-    }
-    .index_name_ul_li_tag:hover {
-          color: #A91B33;
-    }
-    .index_name_ul_li_dot1:hover {
-          color: #A91B33;
-    }
-    .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
-          color: #A91B33;
-    }
+      .index_name_ul_li {
+            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: #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: #666;
+            font-size: 18px;
+            width: 100%;
+      }
+
+      .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(1) .index_name_ul_li_dot1 {
+            font-weight: bold;
+            color: #333;
+      }
+
+      .index_name_ul_li:nth-of-type(1)::after {
+            display: none;
+      }
+
+      .index_name_ul_li_tag:hover {
+            color: #A91B33;
+      }
+
+      .index_name_ul_li_dot1:hover {
+            color: #A91B33;
+      }
+
+      .index_name_ul_li:nth-of-type(1) .index_name_ul_li_dot1:hover {
+            color: #A91B33;
+      }
 }
+
 .index_name_ul_2 {
-    .index_name_ul_2_li {
-          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: #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: #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_name_ul_2_li {
+            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: #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: #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_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_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;
-    }
-    .index_ul_8_a:hover {
-          color: #A91B33;
-    }
-    .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: #A91B33;
-    }
+      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;
+      }
+
+      .index_ul_8_a:hover {
+            color: #A91B33;
+      }
+
+      .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: #A91B33;
+      }
 }
+
 .banner_2 {
-    width: 1200px;
-    margin: 8px auto 0px;
-    .banner_2_a {
-          width: 1200px;
-          display: block;
-    }
-    .banner_2_img {
-          width: 1200px;
-          display: block;
-    }
+      width: 1200px;
+      margin: 8px auto 0px;
+
+      .banner_2_a {
+            width: 1200px;
+            display: block;
+      }
+
+      .banner_2_img {
+            width: 1200px;
+            display: block;
+      }
 }
+
 .index_6 {
-    margin: 30px auto 0px;
-    height: 553px;
+      margin: 30px auto 0px;
+      height: 553px;
 }
+
 .index_head_box_right_4 {
-    float: right;
-    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;
-    }
+      float: right;
+      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_img_ul_3 {
-    .index_img_ul_3_li {
-          margin-bottom: 25px;
-    }
-    .index_img_ul_3_li_a {}
-    .index_img_ul_3_li_img {
-          display: block;
-          width: 350px;
-          height: 230px;
-    }
-    .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_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
-          color: #A91B33;
-    }
+      .index_img_ul_3_li {
+            margin-bottom: 25px;
+      }
+
+      .index_img_ul_3_li_a {}
+
+      .index_img_ul_3_li_img {
+            display: block;
+            width: 350px;
+            height: 230px;
+      }
+
+      .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_img_ul_3_li_a:hover .index_img_ul_3_li_dot2 {
+            color: #A91B33;
+      }
 }
+
 .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;
-    }
+      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_img_ul_even_1_li:nth-of-type(odd) {
-    float: left;
+      float: left;
 }
+
 .index_img_ul_even_1_li:nth-of-type(even) {
-    float: right;
+      float: right;
 }
+
 .index_ul_9 {
-    .index_ul_9_a {
-          height: 24px;
-          line-height: 24px;
-          color: #333;
-          font-size: 18px;
-          margin-bottom: 16px;
-          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_a {
+            height: 24px;
+            line-height: 24px;
+            color: #333;
+            font-size: 18px;
+            margin-bottom: 16px;
+            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;
-    }
+      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_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;
-    }
+      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_7 {
-    margin: 14px auto 0px;
+      margin: 14px auto 0px;
 }
+
 .index_7_line_box {
-    padding-bottom:0px;
-    border: solid 1px #ddd;
+      padding-bottom: 0px;
+      border: solid 1px #ddd;
 }
+
 .index_7_in_box {
-    float: left;
-    width: 336px;
-    margin: 15px 14px 0px 20px;
+      float: left;
+      width: 336px;
+      margin: 15px 14px 0px 20px;
 }
+
 .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;
-    }
+      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 {
-    height: 135px;
-    .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;
-    }
+      height: 135px;
+
+      .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;
+      margin: 30px auto 0px;
 }
+
 .index_head_box_2 {
-    margin-bottom: 41px;
+      margin-bottom: 41px;
 }
+
 .index_big_2_ul {
-    .index_big_2_li {
-          background: #F9FAFB;
-          box-sizing: border-box;
-          margin-bottom: 19px;
-    }
-    .index_big_2_li_img_box {
-          width: 200px;
-          height: 145px;
-          float: left;
-    }
-    .index_big_2_li_img {
-          display: block;
-          width: 200px;
-          height: 145px;
-    }
-    .index_big_2_li_in {
-          width: 502px;
-          float: right;
-          margin: 10px 8px 0px 0px;
-    }
-    .index_big_2_li_img_a {}
+      .index_big_2_li {
+            background: #F9FAFB;
+            box-sizing: border-box;
+            margin-bottom: 19px;
+      }
+
+      .index_big_2_li_img_box {
+            width: 200px;
+            height: 145px;
+            float: left;
+      }
+
+      .index_big_2_li_img {
+            display: block;
+            width: 200px;
+            height: 145px;
+      }
+
+      .index_big_2_li_in {
+            width: 502px;
+            float: right;
+            margin: 10px 8px 0px 0px;
+      }
+
+      .index_big_2_li_img_a {}
 }
+
 .index_ul_12_a {
-    height: 24px;
-    line-height: 24px;
-    color: #333;
-    font-size: 18px;
-    margin-bottom: 10px;
-    box-sizing: border-box;
-    position: relative;
-    text-indent: 16px;
-    
-    &:hover {
-          color: #A91B33;
-    }
-    &:hover::after {
-          background: #A91B33;
-    }
+      height: 24px;
+      line-height: 24px;
+      color: #333;
+      font-size: 18px;
+      margin-bottom: 10px;
+      box-sizing: border-box;
+      position: relative;
+      text-indent: 16px;
+
+      &:hover {
+            color: #A91B33;
+      }
+
+      &:hover::after {
+            background: #A91B33;
+      }
 }
 
 .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;
-    }
+      content: '';
+      display: block;
+      width: 6px;
+      height: 6px;
+      background: #ddd;
+      border-radius: 50%;
+      position: absolute;
+      left: 0px;
+      top: 9px;
+      z-index: 11;
+}
 
 .index_ul_12_a:nth-of-type(1) {
-    font-weight: bold;
+      font-weight: bold;
 }
+
 .index_ul_12_a:last-of-type(1) {
-    margin: 0;
+      margin: 0;
 }
+
 .index_ul_13 {
-    height: 112px;
-    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;
-    }
+      height: 112px;
+      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;
+      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_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;
-    }
+      float: left;
+      width: 130px;
+      height: 166px;
+
+      .index_ul_6_img {
+            display: block;
+            width: 130px;
+            height: 166px;
+      }
 }
+
 .index_ul_6_li_right {
-    float: right;
-    width: 296px;
-    margin-right: 4px;
+      float: right;
+      width: 296px;
+      margin-right: 4px;
 }
+
 .index_ul_6_li_head {
-    color: #333;
-    font-size: 18px;
-    margin-top: 10px;
-    font-weight: bold;
+      color: #333;
+      font-size: 18px;
+      margin-top: 10px;
+      font-weight: bold;
 }
+
 .index_ul_6_li_article {
-    height: 72px;
-    line-height: 24px;
-    color: #666;
-    font-size: 18px;
-    margin-top: 15px;
+      height: 72px;
+      line-height: 24px;
+      color: #666;
+      font-size: 18px;
+      margin-top: 15px;
 }
+
 .index_ul_6_li:hover .index_ul_6_li_article {
-    color: #A91B33;
+      color: #A91B33;
 }
+
 .index_ul_6_li:hover .index_ul_6_li_head {
-    color: #A91B33;
+      color: #A91B33;
 }
+
 .index_ul_6_li_article_detail {
-    color: #e48231;
-    float: right;
-    margin-top: 8px;
+      color: #e48231;
+      float: right;
+      margin-top: 8px;
 }

+ 3 - 2
components/home/ListSecondaryHeading.vue

@@ -1,6 +1,6 @@
 <template>
     <nav class="channel_nav clearfix">
-        <a class="channel_nav_a" href="javascript:(void)" title="name">{{ name }}</a>
+        <NuxtLink class="channel_nav_a" :href="`/${pinyin}/index.html`" title="name">{{ name }}</NuxtLink>
         <span v-for="(item,index) in nav">
             <NuxtLink :to="{ path: `/${targetRoute}/${item.aLIas_pinyin}/list-1.html`}" class="channel_nav_a" v-if="index<=7">{{ item.alias }}</NuxtLink>
         </span>
@@ -12,7 +12,8 @@
 //子导航
 const props = defineProps({
     name:String,
-    nav:Array
+    nav:Array,
+    pinyin:String,
 });
 
 //获取当前url路径

+ 1 - 1
pages/[dir]/[dir]/list-[id].vue

@@ -7,7 +7,7 @@
         <!-- 列表页广告一 -->
         <HomeTopTen :imgurl="adImg1" v-if="adImg1"></HomeTopTen>
         <!-- 二级标题-->
-        <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :nav="secondNav"></HomeListSecondaryHeading>
+        <HomeListSecondaryHeading v-if="parent_name != ''" :name="parent_name" :pinyin="parent_pinyin" :nav="secondNav"></HomeListSecondaryHeading>
         <!-- 资讯列表 -->
         <div class="newsList">
             <div class="inner">

+ 3 - 1
pages/[dir]/index.html.vue

@@ -575,11 +575,13 @@ async function getPageAllData(jsonString) {
             'id': jsonString
         },
     });
+    console.log('mkdata', mkdata);
+    
 
     if (mkdata.code == 200) {
         if(mkdata.data.length > 0){
             //模块1 顶部大图和列表
-            pageData.value[0].data = mkdata.data[0].child.imgnum;
+            // pageData.value[0].data = mkdata.data[0].child.imgnum;
             pageData.value[0].data2 = mkdata.data[0].child.textnum;
         }
         if(mkdata.data.length > 1){

+ 1 - 1
pages/index.vue

@@ -6,7 +6,7 @@
         <main class="index_main">
             <div class="index_head_out clearfix">
                 <h3 class="index_head_h3" v-if="headline">
-                    <NuxtLink class="index_head_h3_a" :href="getLinkPathDetail(headline)" :title="headline.title"
+                    <NuxtLink class="index_head_h3_a dot1" :href="getLinkPathDetail(headline)" :title="headline.title"
                         :target="headline.islink == 1 ? '_blank' : '_self'">
                         <div class="index_head_h3_tag">头条</div>
                         {{ headline.title }}