修改bug

assets/css/about.less

@@ -91,6 +91,7 @@
 
             .innerDetail1 {
                 width: 1086px;
+                min-height: 600px;
                 margin: 0 auto;
                 padding: 30px 50px 40px;
                 box-sizing: border-box;

assets/css/class.less

@@ -0,0 +1,1470 @@
+// 一级标题
+.nav1 {
+    width: 100%;
+    height: 214px;
+    background: #fff;
+
+    .inner {
+        width: 1200px;
+        height: 214px;
+        margin: 0 auto;
+
+        .nav1_title {
+            width: 1120px;
+            height: 214px;
+            margin-left: 40px;
+            line-height: 217px;
+            text-align: center;
+            font-family: DingTalk JinBuTi, DingTalk JinBuTi;
+            font-weight: 400;
+            font-size: 50px;
+            color: #6D2512;
+            background: url(/_nuxt/public/index/title_bg.png) no-repeat 0;
+        }
+
+    }
+}
+
+.nav2top {
+    width: 1250px;
+    height: 3px;
+    margin: 0 auto;
+    background-color: #a01c0e;
+}
+
+.nav2btm {
+    width: 1200px;
+    height: 3px;
+    margin: 0 auto;
+    background-color: #a01c0e;
+}
+
+.nav2 {
+    width: 100%;
+    height: 48px;
+    background-color: #a01c0e;
+
+    .inner {
+        width: 1250px;
+        height: 48px;
+        line-height: 48px;
+        padding: 0 45px;
+        margin: 0 auto;
+        box-sizing: border-box;
+        display: flex;
+        // justify-content: space-between;
+
+        .titleList {
+            font-family: Microsoft YaHei, Microsoft YaHei;
+            font-weight: bold;
+            font-size: 14px;
+            color: #FFFFFF;
+
+            .nav2_title {
+                display: inline-block;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: bold;
+                font-size: 14px;
+                color: #FFFFFF;
+            }
+
+            a {
+                padding: 0 38px;
+                color: #FFFFFF;
+                border-left: 1px solid #7E1C11;
+            }
+
+            //鼠标点击后的样式
+            .nav2_title_active {
+                display: inline-block;
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: bold;
+                font-size: 14px;
+                color: #FFFFFF;
+                border-bottom: 1px solid #FFFFFF;
+            }
+        }
+
+        .titleList:hover {
+            a {
+                color: #a01c0e;
+
+                .nav2_title {
+                    border-bottom: 1px solid #FFFFFF;
+                }
+            }
+        }
+
+        .home {
+            width: 100px;
+            font-family: Microsoft YaHei, Microsoft YaHei;
+            font-weight: bold;
+            font-size: 14px;
+            color: #F8ECD2;
+        }
+    }
+}
+
+//第一部分
+.part1 {
+    width: 100%;
+    height: 585px;
+    margin-top: 35px;
+
+    .inner {
+        width: 1200px;
+        margin: 0 auto;
+
+        .part1_left {
+            float: left;
+            width: 720px;
+
+            .part1_title {
+                width: 720px;
+                height: 50px;
+                line-height: 50px;
+
+                .nav_part1_left {
+                    float: left;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #333333;
+                    position: relative;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    em {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        background-color: #a01c0e;
+                        border-radius: 4px;
+                        position: absolute;
+                        top: 5px;
+                    }
+                }
+
+            }
+
+            .part1_content {
+                width: 720px;
+                margin-top: 20px;
+
+                .context_left {
+                    float: left;
+                    width: 350px;
+
+                    .top {
+                        width: 350px;
+
+                        img {
+                            width: 350px;
+                            height: 230px;
+                        }
+
+                        a .title1 {
+                            margin-top: 15px;
+                            width: 350px;
+                            height: 48px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 2;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: bold;
+                            font-size: 18px;
+                            color: #333333;
+                        }
+
+                    }
+
+                    .top:hover {
+                        a .title1 {
+                            color: #a01c0e;
+                        }
+                    }
+
+                    .bottom {
+                        width: 350px;
+                        margin-top: 25px;
+
+                        .bottom_left {
+                            float: left;
+                            width: 165px;
+
+                            img {
+                                width: 165px;
+                                height: 96px;
+                            }
+
+                            a .title2 {
+                                margin-top: 10px;
+                                width: 165px;
+                                height: 48px;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: 400;
+                                font-size: 18px;
+                                color: #333333;
+                            }
+                        }
+
+                        .bottom_left:first-child {
+                            margin-right: 20px;
+                        }
+
+                    }
+
+                    .bottom_left:hover {
+                        a .title2 {
+                            color: #a01c0e;
+                        }
+
+                    }
+                }
+
+                .context_right {
+                    float: right;
+                    width: 350px;
+
+                    .rightContent {
+                        width: 350px;
+                        height: 230px;
+
+                        .context1:nth-child(5n+1) {
+                            width: 345px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: bold;
+                            font-size: 18px;
+                            color: #333333;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        .context1:nth-child(5n+1):hover a {
+                            color: #a01c0e;
+                        }
+
+                        .context1 {
+                            margin-bottom: 27px;
+                            width: 345px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        .context1:hover a {
+                            color: #a01c0e;
+                        }
+
+                    }
+                }
+            }
+        }
+
+        .part1_right {
+            float: right;
+            width: 450px;
+            // height: 1000px;
+
+            .part1_right_title {
+                width: 450px;
+                height: 50px;
+                line-height: 50px;
+
+                .part1_right_title1_active {
+                    float: left;
+                    margin-right: 40px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #333333;
+                    position: relative;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    .active_bg {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        background-color: #a01c0e;
+                        border-radius: 4px;
+                        position: absolute;
+                        top: 7px;
+                        right: -5px;
+                    }
+                }
+
+                .part1_right_title1 {
+                    float: left;
+                    margin-right: 40px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #999999;
+                    position: relative;
+
+                    a {
+                        color: #999999;
+                    }
+
+
+                }
+
+            }
+
+            .part1_right_content {
+                width: 450px;
+                // height: 940px;
+                margin-top: 20px;
+
+                .part1_right_top11 {
+                    width: 450px;
+                    height: 180px;
+                    position: relative;
+
+                    .part1_right_content_top {
+                        float: left;
+                        width: 220px;
+                        height: 180px;
+
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title2 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 10px;
+                        }
+                    }
+
+                    .part1_right_content_top:hover {
+                        a .content_top_title2 {
+                            color: #a01c0e;
+                        }
+                    }
+
+                    .part1_right_content_top:nth-child(2) {
+                        margin-left: 10px;
+                    }
+                }
+
+
+
+                .part1_right_content_bottom {
+                    width: 450px;
+                    height: 300px;
+                    margin-top: 15px;
+                    overflow: hidden;
+
+                    .content_bottom_list {
+                        width: 450px;
+                        height: 22px;
+                        line-height: 21px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        margin-bottom: 28px;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #333333;
+
+
+                        a {
+                            color: #333333;
+                        }
+                    }
+
+                    .content_bottom_list:hover {
+                        a {
+                            color: #a01c0e;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+//第二部分
+.part2 {
+    width: 100%;
+    overflow: hidden;
+    // margin-bottom: 40px;
+
+    .inner {
+        width: 1200px;
+        margin: 0 auto;
+
+        .part2_left {
+            float: left;
+            width: 720px;
+
+            .part2_title {
+                width: 720px;
+                height: 50px;
+                line-height: 50px;
+
+                .nav_part2_left {
+                    float: left;
+                    width: 100px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #333333;
+                    position: relative;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    em {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        background-color: #a01c0e;
+                        border-radius: 4px;
+                        position: absolute;
+                        top: 9px;
+                        right: 6px;
+                    }
+                }
+            }
+
+            .part2_content {
+                width: 720px;
+                margin-top: 20px;
+
+                .part2_content_left {
+                    float: left;
+                    width: 350px;
+
+                    .content_a {
+                        width: 350px;
+                        height: 230px;
+
+                        // margin-bottom: 25px;
+                        .context111:nth-child(5n+1) {
+                            width: 345px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: bold;
+                            font-size: 18px;
+                            color: #333333;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        .context111 {
+                            margin-bottom: 27px;
+                            width: 345px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+
+                            a {
+                                color: #333333;
+                            }
+                        }
+
+                        .context111:hover a {
+                            color: #a01c0e;
+                        }
+                    }
+                }
+
+                .part2_content_right {
+                    float: right;
+                    width: 350px;
+                    height: 480px;
+
+                    .right_top {
+                        width: 350px;
+                        height: 300px;
+
+                        a img {
+                            width: 350px;
+                            height: 230px;
+                        }
+
+                        a .title11 {
+                            margin-top: 15px;
+                            width: 350px;
+                            height: 48px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 2;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: bold;
+                            font-size: 18px;
+                            color: #333333;
+                        }
+                    }
+
+                    .right_top:hover {
+                        color: #a01c0e;
+
+                        a .title11 {
+                            color: #a01c0e;
+                        }
+                    }
+
+                    .right_bottom {
+                        width: 350px;
+                        height: 165px;
+                        margin-top: 20px;
+
+                        .bottom_left {
+                            float: left;
+                            width: 165px;
+                            height: 130px;
+
+                            a img {
+                                width: 165px;
+                                height: 96px;
+                            }
+
+                            a .title22 {
+                                margin-top: 10px;
+                                width: 165px;
+                                height: 48px;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: 400;
+                                font-size: 18px;
+                                color: #333333;
+                            }
+
+                        }
+
+                        .bottom_left:hover {
+                            color: #a01c0e;
+
+                            a .title22 {
+                                color: #a01c0e;
+                            }
+                        }
+
+                        .bottom_left:first-child {
+                            margin-right: 20px;
+                        }
+                    }
+
+
+                }
+            }
+        }
+
+        .part2_right {
+            float: right;
+            width: 450px;
+            // height: 1000px;
+
+            .part2_right_title {
+                width: 450px;
+                height: 50px;
+                line-height: 50px;
+
+                .part2_right_title1_active {
+                    float: left;
+                    margin-right: 40px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #333333;
+                    position: relative;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    .active_bg11 {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        background-color: #a01c0e;
+                        border-radius: 4px;
+                        position: absolute;
+                        top: 7px;
+                        right: -5px;
+                    }
+                }
+
+                .part2_right_title1 {
+                    float: left;
+                    margin-right: 40px;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #999999;
+                    position: relative;
+
+                    a {
+                        color: #999999;
+                    }
+                }
+
+            }
+
+            .part2_right_content {
+                width: 450px;
+                margin-top: 20px;
+
+                .part2_right_top11 {
+                    width: 450px;
+                    height: 170px;
+                    position: relative;
+
+                    .part2_right_content_top {
+                        float: left;
+                        width: 220px;
+                        height: 180px;
+
+                        a img {
+                            width: 220px;
+                            height: 130px;
+                        }
+
+                        a .content_top_title22 {
+                            display: inline-block;
+                            width: 220px;
+                            padding: 0 10px;
+                            box-sizing: border-box;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 18px;
+                            color: #333333;
+                            margin-top: 10px;
+                        }
+                    }
+
+                    .part2_right_content_top:hover {
+                        a .content_top_title22 {
+                            color: #a01c0e;
+                        }
+                    }
+
+                    .part2_right_content_top:nth-child(2) {
+                        margin-left: 10px;
+                    }
+                }
+
+
+
+                .part2_right_content_bottom {
+                    width: 450px;
+                    height: 300px;
+                    margin-top: 20px;
+                    overflow: hidden;
+
+                    .content_bottom_list {
+                        width: 450px;
+                        height: 22px;
+                        line-height: 21px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        margin-bottom: 28px;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #333333;
+
+
+                        a {
+                            color: #333333;
+                        }
+                    }
+
+                    .content_bottom_list:hover {
+                        a {
+                            color: #a01c0e;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+//第三部分
+.part3 {
+    width: 100%;
+    overflow: hidden;
+    // height: 1200px;
+    margin-top: 35px;
+    margin-bottom: 40px;
+
+    .inner {
+        width: 1200px;
+        height: 1200px;
+        background-color: #fff;
+
+        .part3_left {
+            float: left;
+
+            .part3_left_top {
+                width: 720px;
+                overflow: hidden;
+
+                .part3_leftTitle {
+                    width: 720px;
+                    height: 50px;
+                    line-height: 50px;
+
+                    .part3_left_title:first-child {
+                        float: left;
+                        margin-right: 20px;
+                        width: 100px;
+                        height: 50px;
+                        line-height: 50px;
+                        position: relative;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #333333;
+
+                        a {
+                            color: #333333;
+                        }
+
+                        em {
+                            display: inline-block;
+                            width: 8px;
+                            height: 8px;
+                            background-color: #a01c0e;
+                            border-radius: 4px;
+                            position: absolute;
+                            top: 9px;
+                            right: 6px;
+                        }
+                    }
+
+                    .part3_left_title {
+                        float: left;
+                        margin-right: 20px;
+                        width: 100px;
+                        height: 50px;
+                        line-height: 50px;
+                        position: relative;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #999999;
+
+                        a {
+                            color: #999999;
+                        }
+
+                        // em{
+                        //     display: inline-block;
+                        //     width: 8px;
+                        //     height: 8px;
+                        //     background-color: #a01c0e;
+                        //     border-radius: 4px;
+                        //     position: absolute;
+                        //     top: 9px;
+                        //     right: 6px;
+                        // }
+                    }
+                }
+
+                .part3_left_content {
+                    width: 720px;
+                    margin-top: 20px;
+
+                    .part3_left_content_top {
+                        .content_top_left {
+                            float: left;
+                            width: 350px;
+                            height: 484px;
+
+                            .part3_photo_text {
+                                width: 350px;
+                                height: 280px;
+                                position: relative;
+
+                                img {
+                                    width: 350px;
+                                    height: 230px;
+                                }
+
+                                .littleTips {
+                                    display: inline-block;
+                                    width: 50px;
+                                    height: 26px;
+                                    line-height: 26px;
+                                    text-align: center;
+                                    background-color: #a01c0e;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 16px;
+                                    color: #fff;
+                                    position: absolute;
+                                    top: 0;
+                                    right: 10px;
+                                }
+
+                                .part3_text {
+                                    display: inline-block;
+                                    width: 350px;
+                                    height: 26px;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: bold;
+                                    font-size: 18px;
+                                    color: #333333;
+                                    margin-top: 15px;
+                                }
+                            }
+
+                            .part3_photo_text:hover {
+                                .part3_text {
+                                    color: #a01c0e;
+                                }
+                            }
+
+                            .part3_content {
+                                width: 350px;
+
+                                .part3_content_list:first-child {
+                                    width: 350px;
+                                    height: 25px;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: bold;
+                                    font-size: 18px;
+                                    color: #333333;
+                                    line-height: 22px;
+                                    margin-top: 35px;
+
+                                    a {
+                                        color: #333333;
+                                    }
+                                }
+
+                                .part3_content_list:first-child:hover {
+                                    a {
+                                        color: #a01c0e;
+                                    }
+                                }
+
+                                .part3_content_list:last-child {
+                                    margin-bottom: 0;
+                                }
+
+                                .part3_content_list {
+                                    width: 350px;
+                                    height: 25px;
+                                    white-space: nowrap;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 18px;
+                                    color: #333333;
+                                    line-height: 22px;
+                                    margin-bottom: 27px;
+
+                                    a {
+                                        color: #333333;
+                                    }
+                                }
+
+                                .part3_content_list:hover {
+                                    a {
+                                        color: #a01c0e;
+                                    }
+                                }
+                            }
+                        }
+
+                        .content_top_right {
+                            float: left;
+                            width: 350px;
+                            height: 542px;
+                            border: 1px solid #D9D9D9;
+                            margin-left: 20px;
+                            padding: 30px 25px;
+                            box-sizing: border-box;
+
+                            .content_right_list {
+                                width: 350px;
+                                height: 58px;
+                                line-height: 58px;
+                                margin-bottom: 48px;
+
+                                .part3_time {
+                                    float: left;
+                                    width: 77px;
+                                    height: 58px;
+                                    color: #a01c0e;
+
+                                    .month {
+                                        font-family: Microsoft YaHei, Microsoft YaHei;
+                                        font-weight: 400;
+                                        font-size: 26px;
+                                        color: #A01C0E;
+                                        line-height: 30px;
+                                    }
+
+                                    .xiegang {
+                                        font-size: 22px;
+                                        font-weight: 400;
+                                    }
+
+                                    .day {
+                                        font-family: Microsoft YaHei, Microsoft YaHei;
+                                        font-weight: 400;
+                                        font-size: 16px;
+                                        color: #A01C0E;
+                                        line-height: 19px;
+                                    }
+                                }
+
+                                .time_left_content {
+                                    float: left;
+                                    width: 231px;
+                                    height: 58px;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    line-height: 22px;
+                                    padding-top: 12px;
+                                    box-sizing: border-box;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 18px;
+                                    color: #333333;
+                                    border-left: 1px solid #D9D9D9;
+                                    padding-left: 22px;
+
+                                    a {
+                                        color: #333333;
+                                    }
+
+                                    a:hover {
+                                        color: #a01c0e;
+                                    }
+                                }
+                            }
+
+                            .content_right_list:hover {
+                                .time_left_content {
+                                    color: #a01c0e;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+
+            .part3_left_bottom {
+                width: 720px;
+                margin-top: 25px;
+
+                .part3_leftTitle1 {
+                    width: 720px;
+                    height: 50px;
+                    line-height: 50px;
+                    margin-bottom: 25px;
+
+                    .part3_left_title_active {
+                        float: left;
+                        margin-right: 20px;
+                        width: 100px;
+                        height: 50px;
+                        line-height: 50px;
+                        position: relative;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #333333;
+
+                        a.active {
+                            color: #333333;
+                        }
+
+                        em {
+                            display: inline-block;
+                            width: 8px;
+                            height: 8px;
+                            background-color: #a01c0e;
+                            border-radius: 4px;
+                            position: absolute;
+                            top: 9px;
+                            right: 6px;
+                        }
+                    }
+
+                    .part3_left_title {
+                        float: left;
+                        margin-right: 20px;
+                        width: 100px;
+                        height: 50px;
+                        line-height: 50px;
+                        position: relative;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 20px;
+                        color: #999999;
+
+                        a {
+                            color: #999999;
+                        }
+
+                        // em{
+                        //     display: inline-block;
+                        //     width: 8px;
+                        //     height: 8px;
+                        //     background-color: #a01c0e;
+                        //     border-radius: 4px;
+                        //     position: absolute;
+                        //     top: 9px;
+                        //     right: 6px;
+                        // }
+                    }
+                }
+
+                .part3_left_content1 {
+                    width: 720px;
+
+                    .content_bottom_left {
+                        float: left;
+                        width: 350px;
+
+                        // height: 350px;
+                        .content_top {
+                            width: 350px;
+
+                            img {
+                                width: 350px;
+                                height: 230px;
+                            }
+
+                            .part3_text {
+                                display: inline-block;
+                                width: 350px;
+                                height: 50px;
+                                line-height: 22px;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                margin-top: 15px;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: bold;
+                                font-size: 18px;
+                                color: #333333
+                            }
+
+                        }
+
+                        .content_top:hover {
+                            .part3_text {
+                                color: #a01c0e;
+                            }
+                        }
+
+                        .content_bottom {
+                            width: 350px;
+                            margin-top: 20px;
+
+                            .content_bottom_1 {
+                                float: left;
+                                width: 165px;
+
+                                img {
+                                    width: 165px;
+                                    height: 96px;
+                                }
+
+                                .part3_text {
+                                    display: inline-block;
+                                    width: 165px;
+                                    height: 44px;
+                                    line-height: 22px;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 18px;
+                                    color: #333333;
+                                    margin-top: 10px;
+                                }
+                            }
+
+                            .content_bottom_1:hover {
+                                .part3_text {
+                                    color: #a01c0e;
+                                }
+                            }
+
+                            .content_bottom_1:first-child {
+                                margin-right: 20px;
+                            }
+
+                        }
+                    }
+
+                    .content_bottom_right {
+                        float: left;
+                        margin-left: 20px;
+                        width: 350px;
+
+                        .bottom_content_1 {
+                            width: 350px;
+
+                            .bottom_content_list:nth-child(5n+1) {
+                                font-weight: bold;
+                            }
+
+                            .bottom_content_list {
+                                width: 350px;
+                                height: 25px;
+                                white-space: nowrap;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: 400;
+                                font-size: 18px;
+                                color: #333333;
+                                line-height: 21px;
+                                margin-bottom: 25px;
+
+                                a {
+                                    color: #333333;
+                                }
+                            }
+
+                            .bottom_content_list:hover {
+                                a {
+                                    color: #a01c0e;
+                                }
+                            }
+                        }
+
+                        .bottom_content_1:first-child {
+                            margin-bottom: 20px;
+                        }
+
+                        .bottom_content_1:last-child {
+                            .bottom_content_list:last-child {
+                                margin-bottom: 0;
+                            }
+                        }
+                    }
+                }
+            }
+
+        }
+
+        .part3_right {
+            float: right;
+            width: 451px;
+
+            .part3_rightTitle {
+                width: 451px;
+                height: 50px;
+                line-height: 50px;
+
+                .part3_right_title:first-child {
+                    float: left;
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 50px;
+                    line-height: 50px;
+                    position: relative;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #333333;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    em {
+                        display: inline-block;
+                        width: 8px;
+                        height: 8px;
+                        background-color: #a01c0e;
+                        border-radius: 4px;
+                        position: absolute;
+                        top: 9px;
+                        right: 6px;
+                    }
+                }
+
+                .part3_right_title {
+                    float: left;
+                    margin-right: 20px;
+                    width: 100px;
+                    height: 50px;
+                    line-height: 50px;
+                    position: relative;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 20px;
+                    color: #999999;
+
+                    a {
+                        color: #999999;
+                    }
+
+                    // em{
+                    //     display: inline-block;
+                    //     width: 8px;
+                    //     height: 8px;
+                    //     background-color: #a01c0e;
+                    //     border-radius: 4px;
+                    //     position: absolute;
+                    //     top: 9px;
+                    //     right: 6px;
+                    // }
+                }
+
+                .rightMore {
+                    float: right;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 12px;
+                    color: #999999;
+
+                    a {
+                        color: #999999;
+                    }
+
+                }
+            }
+
+            .part3_right_content_top {
+                width: 451px;
+                height: 325px;
+                position: relative;
+                margin-top: 20px;
+
+                .part3_right_contentlist_top {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 18px;
+                    color: #333333;
+                    width: 425px;
+                    height: 25px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    margin-bottom: 25px;
+
+                    a {
+                        color: #333333;
+                    }
+
+                    .numStyle {
+                        display: inline-block;
+                        width: 22px;
+                        height: 22px;
+                        background-color: #f6f6f6;
+                        text-align: center;
+                        margin-right: 20px;
+                        font-family: Protest Strike, Protest Strike;
+                        font-weight: 400;
+                        font-size: 16px;
+                        color: #CCCCCC;
+                        border-radius: 4px;
+                    }
+                }
+
+                .part3_right_contentlist_top:hover {
+                    color: #a01c0e;
+
+                    a {
+                        color: #a01c0e;
+                    }
+                }
+
+                .part3_right_contentlist_top:nth-child(1) {
+                    .numStyle {
+                        background-color: #a01c0e;
+                        color: #fff;
+                    }
+                }
+
+                .part3_right_contentlist_top:nth-child(2) {
+                    .numStyle {
+                        background-color: #FFC62E;
+                        color: #fff;
+                    }
+                }
+
+                .part3_right_contentlist_top:nth-child(3) {
+                    .numStyle {
+                        background-color: #e98008;
+                        color: #fff;
+                    }
+                }
+
+                .part3_right_contentlist_top:last-child {
+                    margin-bottom: 10px;
+                }
+            }
+
+            .part3_photo_text_right {
+                width: 451px;
+                height: 120px;
+                margin-top: 35px;
+                margin-bottom: 35px;
+                background-color: #f6f3f0;
+
+
+                .part3_text11 {
+                    float: left;
+                    width: 271px;
+                    height: 96px;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 3;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    word-break: break-all;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 18px;
+                    color: #333333;
+                    padding: 25px 20px;
+                    box-sizing: border-box;
+                }
+
+                img {
+                    float: left;
+                    width: 180px;
+                    height: 120px;
+                }
+            }
+
+            .part3_photo_text_right:hover {
+                color: #a01c0e;
+
+                .part3_text11 {
+                    color: #a01c0e;
+                }
+            }
+
+            .part3_right_content_11 {
+                width: 451px;
+                height: 70px;
+                position: relative;
+
+                .part3_right_contentlist_11 {
+                    width: 451px;
+                    height: 25px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: 400;
+                    font-size: 18px;
+                    color: #333333;
+                    line-height: 21px;
+
+                    .erjibiaoti {
+                        display: inline-block;
+                        width: 87px;
+                        height: 24px;
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #A01C0E;
+                        border-right: #D3D5D8 1px solid;
+                        margin-right: 10px;
+                    }
+
+                    a {
+                        color: #333333;
+                    }
+                }
+
+                .part3_right_contentlist_11:hover {
+                    color: #a01c0e;
+
+                    a {
+                        color: #a01c0e;
+                    }
+                }
+
+                .part3_right_contentlist_11:first-child {
+                    margin-bottom: 25px;
+                }
+            }
+        }
+    }
+}

components/home/pageHead.vue

@@ -272,12 +272,12 @@ onMounted(async () => {
         const token = getToken();
         const { $webUrl, $CwebUrl } = useNuxtApp();
 
-        if(token == undefined){
+        if (token == undefined) {
             //如果没有获取到token 不访问后端获取在线状态
             console.log("没有获取到token！无需查询登录状态！")
             showToken.value = false;
 
-        }else{
+        } else {
             //如果获取到了token 访问后端查询状态
             console.log("已获取到用户token,开始查询登录状态！")
             const queryParams = new URLSearchParams({
@@ -295,30 +295,24 @@ onMounted(async () => {
             });
             const result = await responseStatus.json();
             console.log(result)
+
             if (result.code == 200) {
-                if (result.data.isLogin == true) {
-                    console.log("用户已经登录！");
-                    showToken.value = true;
-
-                } else {
-                    console.log("用户已退出登录！");
-                    showToken.value = false;
-                    //退出登录
-                    isShow.value = false;
-                    removeToken();
-                    removeTicket();
-                    ElMessage.error('您已退出登录！')
-                }
-            } else {
-                console.log("用户已退出登录！");
-                //退出登录
+                console.log("用户已经登录！");
+                showToken.value = true;
+            }
+            if (result.code == -1) {
                 isShow.value = false;
                 showToken.value = false;
                 removeToken();
                 removeTicket();
                 ElMessage.error('您没有权限登录该网站！')
-                //跳转到首页
-                //window.location.href = $CwebUrl;
+            }
+            if (result.code == -2) {
+                isShow.value = false;
+                showToken.value = false;
+                removeToken();
+                removeTicket();
+                ElMessage.error('您已退出登录！')
             }
         }
     }
@@ -428,7 +422,8 @@ header {
 
 .headerNav .left span {
     margin-right: 20px;
-    a{
+
+    a {
         color: #666666;
     }
 }

pages/[dir]/index.html.vue

@@ -207,7 +207,7 @@
                                     </ul>
                                 </div>
                                 <ul class="content_top_right">
-                                    <li class="content_right_list" v-for="(item, index) in pageData[4].data1"
+                                    <li class="content_right_list" v-for="(item, index) in pageData[4].data2"
                                         :key="index">
                                         <NuxtLink to="#">
                                             <div class="part3_time">
@@ -695,7 +695,7 @@ async function getPageAllData(jsonString) {
         //模块8高端资讯
         pageData.value[7].data = mkdata.data[7].child.imgnum;
         // console.log('1111111',mkdata.data[4].child.textnum);
-        
+
         for (let i in mkdata.data[7].child.textnum) {
             if (i < 7) {
                 pageData.value[7].data1.push(mkdata.data[7].child.textnum[i]);
@@ -713,132 +713,6 @@ async function getPageAllData(jsonString) {
     }
 }
 
-
-//获得模块数据
-// async function getPageData(catid, img_num, text_num, modulesNum, childNavNum, childImgNum, childTextNum) {
-//     const mkdata = await requestDataPromise('/web/getWebsiteCatidArticle', {
-//         method: 'GET',
-//         query: {
-//             'catid': catid, //catid
-//             'img_num': img_num, //图片数量
-//             'text_num': text_num, //文字数量
-//             'child_catnum': childNavNum,//子级栏目菜单数量
-//             'child_imgnum': childImgNum,//子栏目展示图片新闻数量
-//             'child_textnum': childTextNum//子栏目展示文字新闻数量
-//         },
-//     });
-//     if (modulesNum == 1) {
-//         for (let i in mkdata.data.img) {
-//             if (i < 1) {
-//                 pageData.value[0].data.push(mkdata.data.img[i]);
-//             } else {
-//                 pageData.value[0].data1.push(mkdata.data.img[i]);
-//             }
-//         }
-//         pageData.value[0].data2 = mkdata.data.text;
-//     }
-//     if (modulesNum == 2) {
-//         pageData.value[1].data = mkdata.data.img;
-//         pageData.value[1].data1 = mkdata.data.text;
-//     }
-//     if (modulesNum == 3) {
-//         for (let i in mkdata.data.img) {
-//             if (i < 1) {
-//                 pageData.value[2].data.push(mkdata.data.img[i]);
-//             } else {
-//                 pageData.value[2].data1.push(mkdata.data.img[i]);
-//             }
-//         }
-//         pageData.value[2].data2 = mkdata.data.text;
-//     }
-//     if (modulesNum == 4) {
-//         pageData.value[3].data = mkdata.data.img;
-//         pageData.value[3].data2 = mkdata.data.text;
-//     }
-//     //模块5
-//     if (modulesNum == 5) {
-//         pageData.value[4].data = mkdata.data.img;
-//         for (let i in mkdata.data.text) {
-//             if (i < 5) {
-//                 pageData.value[4].data1.push(mkdata.data.text[i]);
-//             } else {
-//                 pageData.value[4].data2.push(mkdata.data.text[i]);
-//             }
-//         }
-//     }
-//     if (modulesNum == 6) {
-//         for (let i in mkdata.data.img) {
-//             if (i < 1) {
-//                 pageData.value[5].data.push(mkdata.data.img[i]);
-//             } else {
-//                 pageData.value[5].data1.push(mkdata.data.img[i]);
-//             }
-//         }
-//         pageData.value[5].data2 = mkdata.data.text;
-//     }
-//     if (modulesNum == 7) {
-//         for (let i in mkdata.data.img) {
-//             if (i < 1) {
-//                 pageData.value[6].data.push(mkdata.data.img[i]);
-//             } else {
-//                 pageData.value[6].data1.push(mkdata.data.img[i]);
-//             }
-//         }
-//         pageData.value[6].data2 = mkdata.data.text;
-//     }
-//     //模块8 
-//     if (modulesNum == 8) {
-//         pageData.value[7].data = mkdata.data.img;
-//         for (let i in mkdata.data.text) {
-//             if (i < 7) {
-//                 pageData.value[7].data1.push(mkdata.data.text[i]);
-//             } else if (i < 9) {
-//                 pageData.value[7].data2.push(mkdata.data.text[i]);
-//             } else if (i < 11) {
-//                 pageData.value[7].data3.push(mkdata.data.text[i]);
-//             } else {
-//                 pageData.value[7].data4.push(mkdata.data.text[i]);
-//             }
-//         }
-//     }
-// }
-//新农村
-//模块1 理论前沿
-// async function getPageData1() {
-//     await getPageData(pageData.value[0].cid, 3, 10, 1, 0, 0, 0);
-// }
-// //模块2 典型经验
-// async function getPageData2() {
-//     await getPageData(pageData.value[1].cid, 2, 6, 2, 0, 0, 0);
-// }
-// //模块3 农业天地
-// async function getPageData3() {
-//     await getPageData(pageData.value[2].cid, 3, 10, 3, 0, 0, 0);
-// }
-// //模块4 美丽乡村
-// async function getPageData4() {
-//     await getPageData(pageData.value[3].cid, 2, 6, 4, 0, 0, 0);
-// }
-// //模块5 农民之家
-// async function getPageData5() {
-//     await getPageData(pageData.value[4].cid, 1, 10, 5, 0, 0, 0);
-// }
-// //模块6 农业天地
-// async function getPageData6() {
-//     await getPageData(pageData.value[5].cid, 3, 10, 6, 0, 0, 0);
-// }
-// //模块7 农村建设
-// async function getPageData7() {
-//     await getPageData(pageData.value[6].cid, 3, 10, 7, 0, 0, 0);
-// }
-// //模块8 高端资讯
-// async function getPageData8() {
-//     await getPageData(pageData.value[7].cid, 3, 13, 8, 0, 0, 0);
-// }
-// 注意，为了保持模块的数量，当前固定为8个
-// 所以这里的农业天地，合并了原来是下面的7号模块
-// 而原本是7号模块的地方现在变成了8号模块
-
 //3.渲染页面数据 end ---------------------------------------->
 
 //4.设置seo信息 start---------------------------------------->
@@ -904,1474 +778,5 @@ function getTime(date, part, digits) {
 </script>
 
 <style lang="less" scoped>
-// 一级标题
-.nav1 {
-    width: 100%;
-    height: 214px;
-    background: #fff;
-
-    .inner {
-        width: 1200px;
-        height: 214px;
-        margin: 0 auto;
-
-        .nav1_title {
-            width: 1120px;
-            height: 214px;
-            margin-left: 40px;
-            line-height: 217px;
-            text-align: center;
-            font-family: DingTalk JinBuTi, DingTalk JinBuTi;
-            font-weight: 400;
-            font-size: 50px;
-            color: #6D2512;
-            background: url(/_nuxt/public/index/title_bg.png) no-repeat 0;
-        }
-
-    }
-}
-
-.nav2top {
-    width: 1250px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2btm {
-    width: 1200px;
-    height: 3px;
-    margin: 0 auto;
-    background-color: #a01c0e;
-}
-
-.nav2 {
-    width: 100%;
-    height: 48px;
-    background-color: #a01c0e;
-
-    .inner {
-        width: 1250px;
-        height: 48px;
-        line-height: 48px;
-        padding: 0 45px;
-        margin: 0 auto;
-        box-sizing: border-box;
-        display: flex;
-        // justify-content: space-between;
-
-        .titleList {
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #FFFFFF;
-
-            .nav2_title {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-            }
-
-            a {
-                padding: 0 38px;
-                color: #FFFFFF;
-                border-left: 1px solid #7E1C11;
-            }
-
-            //鼠标点击后的样式
-            .nav2_title_active {
-                display: inline-block;
-                font-family: Microsoft YaHei, Microsoft YaHei;
-                font-weight: bold;
-                font-size: 14px;
-                color: #FFFFFF;
-                border-bottom: 1px solid #FFFFFF;
-            }
-        }
-
-        .titleList:hover {
-            a {
-                color: #a01c0e;
-
-                .nav2_title {
-                    border-bottom: 1px solid #FFFFFF;
-                }
-            }
-        }
-
-        .home {
-            width: 100px;
-            font-family: Microsoft YaHei, Microsoft YaHei;
-            font-weight: bold;
-            font-size: 14px;
-            color: #F8ECD2;
-        }
-    }
-}
-
-//第一部分
-.part1 {
-    width: 100%;
-    height: 585px;
-    margin-top: 35px;
-
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
-
-        .part1_left {
-            float: left;
-            width: 720px;
-
-            .part1_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
-
-                .nav_part1_left {
-                    float: left;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 5px;
-                    }
-                }
-
-            }
-
-            .part1_content {
-                width: 720px;
-                margin-top: 20px;
-
-                .context_left {
-                    float: left;
-                    width: 350px;
-
-                    .top {
-                        width: 350px;
-
-                        img {
-                            width: 350px;
-                            height: 230px;
-                        }
-
-                        a .title1 {
-                            margin-top: 15px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-
-                    }
-
-                    .top:hover {
-                        a .title1 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .bottom {
-                        width: 350px;
-                        margin-top: 25px;
-
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
-
-                            img {
-                                width: 165px;
-                                height: 96px;
-                            }
-
-                            a .title2 {
-                                margin-top: 10px;
-                                width: 165px;
-                                height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
-                        }
-
-                        .bottom_left:first-child {
-                            margin-right: 20px;
-                        }
-
-                    }
-
-                    .bottom_left:hover {
-                        a .title2 {
-                            color: #a01c0e;
-                        }
-
-                    }
-                }
-
-                .context_right {
-                    float: right;
-                    width: 350px;
-
-                    .rightContent {
-                        width: 350px;
-                        height: 230px;
-
-                        .context1:nth-child(5n+1) {
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context1:nth-child(5n+1):hover a {
-                            color: #a01c0e;
-                        }
-
-                        .context1 {
-                            margin-bottom: 27px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context1:hover a {
-                            color: #a01c0e;
-                        }
-
-                    }
-                }
-            }
-        }
-
-        .part1_right {
-            float: right;
-            width: 450px;
-            // height: 1000px;
-
-            .part1_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
-
-                .part1_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .active_bg {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
-                    }
-                }
-
-                .part1_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
-
-                    a {
-                        color: #999999;
-                    }
-
-
-                }
-
-            }
-
-            .part1_right_content {
-                width: 450px;
-                // height: 940px;
-                margin-top: 20px;
-
-                .part1_right_top11 {
-                    width: 450px;
-                    height: 180px;
-                    position: relative;
-
-                    .part1_right_content_top {
-                        float: left;
-                        width: 220px;
-                        height: 180px;
-
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
-
-                        a .content_top_title2 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 10px;
-                        }
-                    }
-
-                    .part1_right_content_top:hover {
-                        a .content_top_title2 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .part1_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
-                }
-
-
-
-                .part1_right_content_bottom {
-                    width: 450px;
-                    height: 300px;
-                    margin-top: 15px;
-                    overflow: hidden;
-
-                    .content_bottom_list {
-                        width: 450px;
-                        height: 22px;
-                        line-height: 21px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        margin-bottom: 28px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-
-
-                        a {
-                            color: #333333;
-                        }
-                    }
-
-                    .content_bottom_list:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-//第二部分
-.part2 {
-    width: 100%;
-    overflow: hidden;
-    // margin-bottom: 40px;
-
-    .inner {
-        width: 1200px;
-        margin: 0 auto;
-
-        .part2_left {
-            float: left;
-            width: 720px;
-
-            .part2_title {
-                width: 720px;
-                height: 50px;
-                line-height: 50px;
-
-                .nav_part2_left {
-                    float: left;
-                    width: 100px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 6px;
-                    }
-                }
-            }
-
-            .part2_content {
-                width: 720px;
-                margin-top: 20px;
-
-                .part2_content_left {
-                    float: left;
-                    width: 350px;
-
-                    .content_a {
-                        width: 350px;
-                        height: 230px;
-
-                        // margin-bottom: 25px;
-                        .context111:nth-child(5n+1) {
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context111 {
-                            margin-bottom: 27px;
-                            width: 345px;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-
-                            a {
-                                color: #333333;
-                            }
-                        }
-
-                        .context111:hover a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-
-                .part2_content_right {
-                    float: right;
-                    width: 350px;
-                    height: 480px;
-
-                    .right_top {
-                        width: 350px;
-                        height: 300px;
-
-                        a img {
-                            width: 350px;
-                            height: 230px;
-                        }
-
-                        a .title11 {
-                            margin-top: 15px;
-                            width: 350px;
-                            height: 48px;
-                            display: -webkit-box;
-                            -webkit-box-orient: vertical;
-                            -webkit-line-clamp: 2;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            word-break: break-all;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: bold;
-                            font-size: 18px;
-                            color: #333333;
-                        }
-                    }
-
-                    .right_top:hover {
-                        color: #a01c0e;
-
-                        a .title11 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .right_bottom {
-                        width: 350px;
-                        height: 165px;
-                        margin-top: 20px;
-
-                        .bottom_left {
-                            float: left;
-                            width: 165px;
-                            height: 130px;
-
-                            a img {
-                                width: 165px;
-                                height: 96px;
-                            }
-
-                            a .title22 {
-                                margin-top: 10px;
-                                width: 165px;
-                                height: 48px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                            }
-
-                        }
-
-                        .bottom_left:hover {
-                            color: #a01c0e;
-
-                            a .title22 {
-                                color: #a01c0e;
-                            }
-                        }
-
-                        .bottom_left:first-child {
-                            margin-right: 20px;
-                        }
-                    }
-
-
-                }
-            }
-        }
-
-        .part2_right {
-            float: right;
-            width: 450px;
-            // height: 1000px;
-
-            .part2_right_title {
-                width: 450px;
-                height: 50px;
-                line-height: 50px;
-
-                .part2_right_title1_active {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-                    position: relative;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .active_bg11 {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 7px;
-                        right: -5px;
-                    }
-                }
-
-                .part2_right_title1 {
-                    float: left;
-                    margin-right: 40px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-                    position: relative;
-
-                    a {
-                        color: #999999;
-                    }
-                }
-
-            }
-
-            .part2_right_content {
-                width: 450px;
-                margin-top: 20px;
-
-                .part2_right_top11 {
-                    width: 450px;
-                    height: 170px;
-                    position: relative;
-
-                    .part2_right_content_top {
-                        float: left;
-                        width: 220px;
-                        height: 180px;
-
-                        a img {
-                            width: 220px;
-                            height: 130px;
-                        }
-
-                        a .content_top_title22 {
-                            display: inline-block;
-                            width: 220px;
-                            padding: 0 10px;
-                            box-sizing: border-box;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            font-family: Microsoft YaHei, Microsoft YaHei;
-                            font-weight: 400;
-                            font-size: 18px;
-                            color: #333333;
-                            margin-top: 10px;
-                        }
-                    }
-
-                    .part2_right_content_top:hover {
-                        a .content_top_title22 {
-                            color: #a01c0e;
-                        }
-                    }
-
-                    .part2_right_content_top:nth-child(2) {
-                        margin-left: 10px;
-                    }
-                }
-
-
-
-                .part2_right_content_bottom {
-                    width: 450px;
-                    height: 300px;
-                    margin-top: 20px;
-                    overflow: hidden;
-
-                    .content_bottom_list {
-                        width: 450px;
-                        height: 22px;
-                        line-height: 21px;
-                        white-space: nowrap;
-                        overflow: hidden;
-                        text-overflow: ellipsis;
-                        margin-bottom: 28px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #333333;
-
-
-                        a {
-                            color: #333333;
-                        }
-                    }
-
-                    .content_bottom_list:hover {
-                        a {
-                            color: #a01c0e;
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-//第三部分
-.part3 {
-    width: 100%;
-    overflow: hidden;
-    // height: 1200px;
-    margin-top: 35px;
-    margin-bottom: 40px;
-
-    .inner {
-        width: 1200px;
-        height: 1200px;
-        background-color: #fff;
-
-        .part3_left {
-            float: left;
-
-            .part3_left_top {
-                width: 720px;
-                overflow: hidden;
-
-                .part3_leftTitle {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-
-                    .part3_left_title:first-child {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 6px;
-                        }
-                    }
-
-                    .part3_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-
-                        // em{
-                        //     display: inline-block;
-                        //     width: 8px;
-                        //     height: 8px;
-                        //     background-color: #a01c0e;
-                        //     border-radius: 4px;
-                        //     position: absolute;
-                        //     top: 9px;
-                        //     right: 6px;
-                        // }
-                    }
-                }
-
-                .part3_left_content {
-                    width: 720px;
-                    margin-top: 20px;
-
-                    .part3_left_content_top {
-                        .content_top_left {
-                            float: left;
-                            width: 350px;
-                            height: 484px;
-
-                            .part3_photo_text {
-                                width: 350px;
-                                height: 280px;
-                                position: relative;
-
-                                img {
-                                    width: 350px;
-                                    height: 230px;
-                                }
-
-                                .littleTips {
-                                    display: inline-block;
-                                    width: 50px;
-                                    height: 26px;
-                                    line-height: 26px;
-                                    text-align: center;
-                                    background-color: #a01c0e;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 16px;
-                                    color: #fff;
-                                    position: absolute;
-                                    top: 0;
-                                    right: 10px;
-                                }
-
-                                .part3_text {
-                                    display: inline-block;
-                                    width: 350px;
-                                    height: 26px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    margin-top: 15px;
-                                }
-                            }
-
-                            .part3_photo_text:hover {
-                                .part3_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .part3_content {
-                                width: 350px;
-
-                                .part3_content_list:first-child {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: bold;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-top: 35px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part3_content_list:first-child:hover {
-                                    a {
-                                        color: #a01c0e;
-                                    }
-                                }
-
-                                .part3_content_list:last-child {
-                                    margin-bottom: 0;
-                                }
-
-                                .part3_content_list {
-                                    width: 350px;
-                                    height: 25px;
-                                    white-space: nowrap;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    line-height: 22px;
-                                    margin-bottom: 27px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-                                }
-
-                                .part3_content_list:hover {
-                                    a {
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-                        }
-
-                        .content_top_right {
-                            float: left;
-                            width: 350px;
-                            height: 542px;
-                            border: 1px solid #D9D9D9;
-                            margin-left: 20px;
-                            padding: 30px 25px;
-                            box-sizing: border-box;
-
-                            .content_right_list {
-                                width: 350px;
-                                height: 58px;
-                                line-height: 58px;
-                                margin-bottom: 48px;
-
-                                .part3_time {
-                                    float: left;
-                                    width: 77px;
-                                    height: 58px;
-                                    color: #a01c0e;
-
-                                    .month {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 26px;
-                                        color: #A01C0E;
-                                        line-height: 30px;
-                                    }
-
-                                    .xiegang {
-                                        font-size: 22px;
-                                        font-weight: 400;
-                                    }
-
-                                    .day {
-                                        font-family: Microsoft YaHei, Microsoft YaHei;
-                                        font-weight: 400;
-                                        font-size: 16px;
-                                        color: #A01C0E;
-                                        line-height: 19px;
-                                    }
-                                }
-
-                                .time_left_content {
-                                    float: left;
-                                    width: 231px;
-                                    height: 58px;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 2;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    line-height: 22px;
-                                    padding-top: 12px;
-                                    box-sizing: border-box;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    border-left: 1px solid #D9D9D9;
-                                    padding-left: 22px;
-
-                                    a {
-                                        color: #333333;
-                                    }
-
-                                    a:hover {
-                                        color: #a01c0e;
-                                    }
-                                }
-                            }
-
-                            .content_right_list:hover {
-                                .time_left_content {
-                                    color: #a01c0e;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            .part3_left_bottom {
-                width: 720px;
-                margin-top: 25px;
-
-                .part3_leftTitle1 {
-                    width: 720px;
-                    height: 50px;
-                    line-height: 50px;
-                    margin-bottom: 25px;
-
-                    .part3_left_title_active {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #333333;
-
-                        a.active {
-                            color: #333333;
-                        }
-
-                        em {
-                            display: inline-block;
-                            width: 8px;
-                            height: 8px;
-                            background-color: #a01c0e;
-                            border-radius: 4px;
-                            position: absolute;
-                            top: 9px;
-                            right: 6px;
-                        }
-                    }
-
-                    .part3_left_title {
-                        float: left;
-                        margin-right: 20px;
-                        width: 100px;
-                        height: 50px;
-                        line-height: 50px;
-                        position: relative;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 20px;
-                        color: #999999;
-
-                        a {
-                            color: #999999;
-                        }
-
-                        // em{
-                        //     display: inline-block;
-                        //     width: 8px;
-                        //     height: 8px;
-                        //     background-color: #a01c0e;
-                        //     border-radius: 4px;
-                        //     position: absolute;
-                        //     top: 9px;
-                        //     right: 6px;
-                        // }
-                    }
-                }
-
-                .part3_left_content1 {
-                    width: 720px;
-
-                    .content_bottom_left {
-                        float: left;
-                        width: 350px;
-
-                        // height: 350px;
-                        .content_top {
-                            width: 350px;
-
-                            img {
-                                width: 350px;
-                                height: 230px;
-                            }
-
-                            .part3_text {
-                                display: inline-block;
-                                width: 350px;
-                                height: 50px;
-                                line-height: 22px;
-                                display: -webkit-box;
-                                -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 2;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                word-break: break-all;
-                                margin-top: 15px;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: bold;
-                                font-size: 18px;
-                                color: #333333
-                            }
-
-                        }
-
-                        .content_top:hover {
-                            .part3_text {
-                                color: #a01c0e;
-                            }
-                        }
-
-                        .content_bottom {
-                            width: 350px;
-                            margin-top: 20px;
-
-                            .content_bottom_1 {
-                                float: left;
-                                width: 165px;
-
-                                img {
-                                    width: 165px;
-                                    height: 96px;
-                                }
-
-                                .part3_text {
-                                    display: inline-block;
-                                    width: 165px;
-                                    height: 44px;
-                                    line-height: 22px;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 2;
-                                    overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    font-family: Microsoft YaHei, Microsoft YaHei;
-                                    font-weight: 400;
-                                    font-size: 18px;
-                                    color: #333333;
-                                    margin-top: 10px;
-                                }
-                            }
-
-                            .content_bottom_1:hover {
-                                .part3_text {
-                                    color: #a01c0e;
-                                }
-                            }
-
-                            .content_bottom_1:first-child {
-                                margin-right: 20px;
-                            }
-
-                        }
-                    }
-
-                    .content_bottom_right {
-                        float: left;
-                        margin-left: 20px;
-                        width: 350px;
-
-                        .bottom_content_1 {
-                            width: 350px;
-
-                            .bottom_content_list:nth-child(5n+1) {
-                                font-weight: bold;
-                            }
-
-                            .bottom_content_list {
-                                width: 350px;
-                                height: 25px;
-                                white-space: nowrap;
-                                overflow: hidden;
-                                text-overflow: ellipsis;
-                                font-family: Microsoft YaHei, Microsoft YaHei;
-                                font-weight: 400;
-                                font-size: 18px;
-                                color: #333333;
-                                line-height: 21px;
-                                margin-bottom: 25px;
-
-                                a {
-                                    color: #333333;
-                                }
-                            }
-
-                            .bottom_content_list:hover {
-                                a {
-                                    color: #a01c0e;
-                                }
-                            }
-                        }
-
-                        .bottom_content_1:first-child {
-                            margin-bottom: 20px;
-                        }
-
-                        .bottom_content_1:last-child {
-                            .bottom_content_list:last-child {
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
-            }
-
-        }
-
-        .part3_right {
-            float: right;
-            width: 451px;
-
-            .part3_rightTitle {
-                width: 451px;
-                height: 50px;
-                line-height: 50px;
-
-                .part3_right_title:first-child {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #333333;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    em {
-                        display: inline-block;
-                        width: 8px;
-                        height: 8px;
-                        background-color: #a01c0e;
-                        border-radius: 4px;
-                        position: absolute;
-                        top: 9px;
-                        right: 6px;
-                    }
-                }
-
-                .part3_right_title {
-                    float: left;
-                    margin-right: 20px;
-                    width: 100px;
-                    height: 50px;
-                    line-height: 50px;
-                    position: relative;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 20px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-
-                    // em{
-                    //     display: inline-block;
-                    //     width: 8px;
-                    //     height: 8px;
-                    //     background-color: #a01c0e;
-                    //     border-radius: 4px;
-                    //     position: absolute;
-                    //     top: 9px;
-                    //     right: 6px;
-                    // }
-                }
-
-                .rightMore {
-                    float: right;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 12px;
-                    color: #999999;
-
-                    a {
-                        color: #999999;
-                    }
-
-                }
-            }
-
-            .part3_right_content_top {
-                width: 451px;
-                height: 325px;
-                position: relative;
-                margin-top: 20px;
-
-                .part3_right_contentlist_top {
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    width: 425px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    margin-bottom: 25px;
-
-                    a {
-                        color: #333333;
-                    }
-
-                    .numStyle {
-                        display: inline-block;
-                        width: 22px;
-                        height: 22px;
-                        background-color: #f6f6f6;
-                        text-align: center;
-                        margin-right: 20px;
-                        font-family: Protest Strike, Protest Strike;
-                        font-weight: 400;
-                        font-size: 16px;
-                        color: #CCCCCC;
-                        border-radius: 4px;
-                    }
-                }
-
-                .part3_right_contentlist_top:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(1) {
-                    .numStyle {
-                        background-color: #a01c0e;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(2) {
-                    .numStyle {
-                        background-color: #FFC62E;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:nth-child(3) {
-                    .numStyle {
-                        background-color: #e98008;
-                        color: #fff;
-                    }
-                }
-
-                .part3_right_contentlist_top:last-child {
-                    margin-bottom: 10px;
-                }
-            }
-
-            .part3_photo_text_right {
-                width: 451px;
-                height: 120px;
-                margin-top: 35px;
-                margin-bottom: 35px;
-                background-color: #f6f3f0;
-
-
-                .part3_text11 {
-                    float: left;
-                    width: 271px;
-                    height: 96px;
-                    display: -webkit-box;
-                    -webkit-box-orient: vertical;
-                    -webkit-line-clamp: 3;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    word-break: break-all;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    padding: 25px 20px;
-                    box-sizing: border-box;
-                }
-
-                img {
-                    float: left;
-                    width: 180px;
-                    height: 120px;
-                }
-            }
-
-            .part3_photo_text_right:hover {
-                color: #a01c0e;
-
-                .part3_text11 {
-                    color: #a01c0e;
-                }
-            }
-
-            .part3_right_content_11 {
-                width: 451px;
-                height: 70px;
-                position: relative;
-
-                .part3_right_contentlist_11 {
-                    width: 451px;
-                    height: 25px;
-                    white-space: nowrap;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 18px;
-                    color: #333333;
-                    line-height: 21px;
-
-                    .erjibiaoti {
-                        display: inline-block;
-                        width: 87px;
-                        height: 24px;
-                        font-family: Microsoft YaHei, Microsoft YaHei;
-                        font-weight: 400;
-                        font-size: 18px;
-                        color: #A01C0E;
-                        border-right: #D3D5D8 1px solid;
-                        margin-right: 10px;
-                    }
-
-                    a {
-                        color: #333333;
-                    }
-                }
-
-                .part3_right_contentlist_11:hover {
-                    color: #a01c0e;
-
-                    a {
-                        color: #a01c0e;
-                    }
-                }
-
-                .part3_right_contentlist_11:first-child {
-                    margin-bottom: 25px;
-                }
-            }
-        }
-    }
-}
+@import '@/assets/css/class.less';
 </style>

pages/index.vue

@@ -1279,7 +1279,8 @@ async function getModelData1() {
 }
 getModelData1()
 //获取头条 end ---------------------------------------->
-
+//获得全局配置的导航数据
+const { $pageNav } = useNuxtApp();
 //3.3 获取所有导航
 try {
     const navigateData = await requestDataPromise('/web/getWebsiteModelCategory', {
@@ -1305,57 +1306,57 @@ try {
             //主体渲染 
             //第一层
             //三农资讯445
-            if (navigateData.data[index].category_id == 445) { pageData.value[0] = data }
+            if (navigateData.data[index].category_id == $pageNav[0]) { pageData.value[0] = data }
             //三农服务27
-            if (navigateData.data[index].category_id == 27) { pageData.value[1] = data }
+            if (navigateData.data[index].category_id == $pageNav[1]) { pageData.value[1] = data }
             //网站公告410
-            if (navigateData.data[index].category_id == 410) { pageData.value[2] = data }
+            if (navigateData.data[index].category_id == $pageNav[2]) { pageData.value[2] = data }
             //第二层
             //乡村招商325
-            if (navigateData.data[index].category_id == 325) { pageData.value[3] = data }
+            if (navigateData.data[index].category_id == $pageNav[3]) { pageData.value[3] = data }
             //乡村建设320
-            if (navigateData.data[index].category_id == 320) { pageData.value[4] = data }
+            if (navigateData.data[index].category_id == $pageNav[4]) { pageData.value[4] = data }
             //乡村管理319
-            if (navigateData.data[index].category_id == 319) { pageData.value[5] = data }
+            if (navigateData.data[index].category_id == $pageNav[5]) { pageData.value[5] = data }
             //乡村文化321
-            if (navigateData.data[index].category_id == 321) { pageData.value[6] = data }
+            if (navigateData.data[index].category_id == $pageNav[6]) { pageData.value[6] = data }
             //第三层
             //三农投资408 12
-            if (navigateData.data[index].category_id == 12) { pageData.value[7] = data }
+            if (navigateData.data[index].category_id == $pageNav[7]) { pageData.value[7] = data }
             //乡村生活322
-            if (navigateData.data[index].category_id == 322) { pageData.value[8] = data }
+            if (navigateData.data[index].category_id == $pageNav[8]) { pageData.value[8] = data }
             //乡村经济323
-            if (navigateData.data[index].category_id == 323) { pageData.value[9] = data }
+            if (navigateData.data[index].category_id == $pageNav[9]) { pageData.value[9] = data }
             //乡村风采318
-            if (navigateData.data[index].category_id == 318) { pageData.value[10] = data }
+            if (navigateData.data[index].category_id == $pageNav[10]) { pageData.value[10] = data }
             //第四层
             //乡村名企407
-            if (navigateData.data[index].category_id == 407) { pageData.value[11] = data }
+            if (navigateData.data[index].category_id == $pageNav[11]) { pageData.value[11] = data }
             //特色乡村331
-            if (navigateData.data[index].category_id == 331) { pageData.value[12] = data }
+            if (navigateData.data[index].category_id == $pageNav[12]) { pageData.value[12] = data }
             //产业集群330
-            if (navigateData.data[index].category_id == 330) { pageData.value[13] = data }
+            if (navigateData.data[index].category_id == $pageNav[13]) { pageData.value[13] = data }
             //第五层
             //三农人物18
-            if (navigateData.data[index].category_id == 18) { pageData.value[14] = data }
+            if (navigateData.data[index].category_id == $pageNav[14]) { pageData.value[14] = data }
             //三农名企335
-            if (navigateData.data[index].category_id == 335) { pageData.value[15] = data }
+            if (navigateData.data[index].category_id == $pageNav[15]) { pageData.value[15] = data }
             //农技推广348
-            if (navigateData.data[index].category_id == 348) { pageData.value[16] = data }
+            if (navigateData.data[index].category_id == $pageNav[16]) { pageData.value[16] = data }
             //致富信息23
-            if (navigateData.data[index].category_id == 23) { pageData.value[17] = data }
+            if (navigateData.data[index].category_id == $pageNav[17]) { pageData.value[17] = data }
             //三农探索16
-            if (navigateData.data[index].category_id == 16) { pageData.value[18] = data }
+            if (navigateData.data[index].category_id == $pageNav[18]) { pageData.value[18] = data }
             //招工求职344
-            if (navigateData.data[index].category_id == 344) { pageData.value[19] = data }
+            if (navigateData.data[index].category_id == $pageNav[19]) { pageData.value[19] = data }
 
             //第六层
             // 乡村商城346
-            if (navigateData.data[index].category_id == 346) { pageData.value[20] = data }
+            if (navigateData.data[index].category_id == $pageNav[20]) { pageData.value[20] = data }
             // 市场报价345
-            if (navigateData.data[index].category_id == 345) { pageData.value[21] = data }
+            if (navigateData.data[index].category_id == $pageNav[21]) { pageData.value[21] = data }
             // 乡土特色343
-            if (navigateData.data[index].category_id == 343) { pageData.value[22] = data }
+            if (navigateData.data[index].category_id == $pageNav[22]) { pageData.value[22] = data }
         }
     } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
@@ -1372,31 +1373,31 @@ try {
 
 
 let getJson = [
-    { "parent": "445,0,20", "child": "445,1,1" },//模块1 三农资讯445
-    { "parent": "27,0,4", "child": "27,1,1" },//模块2 三农服务27
-    { "parent": "410,0,4", "child": "" },//模块3 网站公告410
-    { "parent": "325,3,10", "child": "325,1,1" },//模块4 乡村招商325
-    { "parent": "320,2,0", "child": "" },//模块5 乡村建设320
-    { "parent": "319,2,0", "child": "" },//模块6 乡村管理319
-    { "parent": "321,2,0", "child": "" },//模块7 乡村文化321
-    { "parent": "12,3,10", "child": "12,1,1" },//模块8 三农投资1 12
-    { "parent": "322,2,0", "child": "" },//模块9 乡村生活322
-    { "parent": "323,2,0", "child": "" },//模块10 乡村经济323
-    { "parent": "318,2,0", "child": "" },//模块11 乡村风采318
-    { "parent": "407,1,5", "child": "" },//模块12 乡村名企407
-    { "parent": "331,1,5", "child": "" },//模块13 特色乡村331 
-    { "parent": "330,1,13", "child": "330,1,1" },//模块14 产业集群330
-    { "parent": "18,1,10", "child": "" },//模块15 三农人物18
-    { "parent": "335,1,10", "child": "" },//模块16 三农名企335
-    { "parent": "348,3,10", "child": "" },//模块17 农技推广348
-    { "parent": "23,3,10", "child": "" },//模块18 致富信息23
-    { "parent": "16,2,7", "child": "" },//模块19 三农探索16
-    { "parent": "344,2,7", "child": "" },//模块20 招工求职344
+    { "parent": $pageNav[0] + ",0,20", "child": $pageNav[0] + ",1,1" },//模块1 三农资讯445
+    { "parent": $pageNav[1] + ",0,4", "child": $pageNav[1] + ",1,1" },//模块2 三农服务27
+    { "parent": $pageNav[2] + ",0,4", "child": "" },//模块3 网站公告410
+    { "parent": $pageNav[3] + ",3,10", "child": $pageNav[3] + ",1,1" },//模块4 乡村招商325
+    { "parent": $pageNav[4] + ",2,0", "child": "" },//模块5 乡村建设320
+    { "parent": $pageNav[5] + ",2,0", "child": "" },//模块6 乡村管理319
+    { "parent": $pageNav[6] + ",2,0", "child": "" },//模块7 乡村文化321
+    { "parent": $pageNav[7] + ",3,10", "child": $pageNav[7] + ",1,1" },//模块8 三农投资12
+    { "parent": $pageNav[8] + ",2,0", "child": "" },//模块9 乡村生活322
+    { "parent": $pageNav[9] + ",2,0", "child": "" },//模块10 乡村经济323
+    { "parent": $pageNav[10] + ",2,0", "child": "" },//模块11 乡村风采318
+    { "parent": $pageNav[11] + ",1,5", "child": "" },//模块12 乡村名企407
+    { "parent": $pageNav[12] + ",1,5", "child": "" },//模块13 特色乡村331 
+    { "parent": $pageNav[13] + ",1,13", "child": $pageNav[13] + ",1,1" },//模块14 产业集群330
+    { "parent": $pageNav[14] + ",1,10", "child": "" },//模块15 三农人物18
+    { "parent": $pageNav[15] + ",1,10", "child": "" },//模块16 三农名企335
+    { "parent": $pageNav[16] + ",3,10", "child": "" },//模块17 农技推广348
+    { "parent": $pageNav[17] + ",3,10", "child": "" },//模块18 致富信息23
+    { "parent": $pageNav[18] + ",2,7", "child": "" },//模块19 三农探索16
+    { "parent": $pageNav[19] + ",2,7", "child": "" },//模块20 招工求职344
 
     //不包含资讯的导航
-    { "parent": "346,0,0", "child": "346,1,1" },//模块1 乡村商城346
-    { "parent": "345,0,0", "child": "345,1,1" },//模块5 市场报价345
-    { "parent": "343,0,0", "child": "343,1,1" },//模块5 乡土特色343
+    { "parent": $pageNav[20] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块1 乡村商城346
+    { "parent": $pageNav[21] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块2 市场报价345
+    { "parent": $pageNav[22] + ",0,0", "child": $pageNav[20] + ",1,1" },//模块3 乡土特色343 
 ]
 
 let jsonString = JSON.stringify(getJson);
@@ -1578,14 +1579,14 @@ getPageAllData();
 
 //获取模块下的特殊数据
 let getJson1 = [
-    { "parent": "320,0,6" },//模块5 乡村建设320
-    { "parent": "319,0,6" },//模块6 乡村管理319
-    { "parent": "321,0,6" },//模块7 乡村文化321
-    { "parent": "322,0,6" },//模块9 乡村生活322
-    { "parent": "323,0,6" },//模块10 乡村经济323
-    { "parent": "318,0,6" },//模块11 乡村风采318
-    { "parent": "16,0,2" },//模块19 三农探索16
-    { "parent": "344,0,2" },//模块20 招工求职344
+    { "parent": $pageNav[4] +",0,6" },//模块5 乡村建设320
+    { "parent": $pageNav[5] +",0,6" },//模块6 乡村管理319
+    { "parent": $pageNav[6] +",0,6" },//模块7 乡村文化321
+    { "parent": $pageNav[8] +",0,6" },//模块9 乡村生活322
+    { "parent": $pageNav[9] +",0,6" },//模块10 乡村经济323
+    { "parent": $pageNav[10] +",0,6" },//模块11 乡村风采318
+    { "parent": $pageNav[18] +",0,2" },//模块19 三农探索16
+    { "parent": $pageNav[19] +",0,2" },//模块20 招工求职344
 ]
 let jsonString1 = JSON.stringify(getJson1);
 //获取模块下的特殊数据

plugins/category.ts

@@ -0,0 +1,62 @@
+
+//master 环境
+const navMaster: number[] = [
+    445,//模块1 三农资讯445
+    27, //模块2 三农服务27
+    410,//模块3 网站公告410
+    325,//模块4 乡村招商325
+    320,//模块5 乡村建设320
+    319,//模块6 乡村管理319
+    321,//模块7 乡村文化321
+    12, //模块8 三农投资12
+    322,//模块9 乡村生活322
+    323,//模块10 乡村经济323
+    318,//模块11 乡村风采318
+    407,//模块12 乡村名企407
+    331,//模块13 特色乡村331 
+    330,//模块14 产业集群330
+    18, //模块15 三农人物18
+    335,//模块16 三农名企335
+    348,//模块17 农技推广348
+    23, //模块18 致富信息23
+    16, //模块19 三农探索16
+    344,//模块20 招工求职344
+    // 不包含资讯的导航
+    346, //乡村商场346
+    345, //市场报价345
+    343  //乡土特色343
+]
+
+const navPre: number[] = [
+    328,//模块1 三农资讯328
+    27, //模块2 三农服务27
+    410,//模块3 网站公告410
+    325,//模块4 乡村招商325
+    320,//模块5 乡村建设320
+    319,//模块6 乡村管理319
+    321,//模块7 乡村文化321
+    12, //模块8 三农投资12
+    322,//模块9 乡村生活322
+    323,//模块10 乡村经济323
+    318,//模块11 乡村风采318
+    407,//模块12 乡村名企407
+    331,//模块13 特色乡村331 
+    330,//模块14 产业集群330
+    18, //模块15 三农人物18
+    335,//模块16 三农名企335
+    348,//模块17 农技推广348
+    23, //模块18 致富信息23
+    16, //模块19 三农探索16
+    344,//模块20 招工求职344
+    // 不包含资讯的导航
+    346, //乡村商场346
+    345, //市场报价345
+    343  //乡土特色343
+]
+
+export default defineNuxtPlugin((nuxtApp) => {
+    //master 环境
+    nuxtApp.provide('pageNav', navMaster)
+    //pre 环境
+    // nuxtApp.provide('pageNav', navPre)
+})

plugins/globals.js

@@ -4,7 +4,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   // nuxtApp.provide('CwebUrl', 'http://nwpre.bjzxtw.org.cn')
   // nuxtApp.provide('BwebUrl', 'http://adminpre.bjzxtw.org.cn')
   // nuxtApp.provide('userUrl', 'http://localhost:3000')
-  //乡村网
+  //乡村网pre环境
   // nuxtApp.provide('webUrl', 'http://apipre1.bjzxtw.org.cn:29501')
   // nuxtApp.provide('CwebUrl', 'http://pre.china-village.com.cn')
   // nuxtApp.provide('BwebUrl', 'http://adminpre.bjzxtw.org.cn')
@@ -14,8 +14,7 @@ export default defineNuxtPlugin((nuxtApp) => {
   // nuxtApp.provide('CwebUrl', 'http://nwdev.bjzxtw.org.cn')
   // nuxtApp.provide('BwebUrl', 'http://admindev.bjzxtw.org.cn')
   // nuxtApp.provide('userUrl', 'http://localhost:3000')
-  // 正式环境
-  //正式环境
+  //乡村网正式环境
   nuxtApp.provide('webUrl', 'https://flzxw.bjzxtw.org.cn')
   nuxtApp.provide('CwebUrl', 'http://nw.china-village.com.cn')
   nuxtApp.provide('BwebUrl', 'https://admin.bjzxtw.org.cn')

plugins/request.js

@@ -3,12 +3,17 @@ import axios from 'axios'
 import { getToken } from '@/store/useCookieStore'
 
 export default defineNuxtPlugin(nuxtApp => {
+    let Url = {
+        // //正式环境
+        webUrl: 'https://flzxw.bjzxtw.org.cn', //接口地址
+        CwebUrl: 'nw.china-village.com.cn' //页面地址
+        //pre环境
+        // webUrl: 'http://apipre1.bjzxtw.org.cn:29501', //pre接口地址
+        // CwebUrl: 'pre.china-village.com.cn' //页面地址
+    }
+
     const service = axios.create({
-        //baseURL: 'http://apidev.bjzxtw.org.cn' //测试服务器地址
-        // baseURL: 'http://apipre1.bjzxtw.org.cn:29501' //pre服务器地址
-        baseURL: 'https://flzxw.bjzxtw.org.cn' //正式环境服务器地址
-        // baseURL: 'http://192.168.1.117:9501'  //冯蕊的服务器地址
-        // baseURL: 'http://192.168.1.201:9501'  //刘佳伟的服务器地址
+        baseURL: Url.webUrl
     });
 
     // 请求拦截器
@@ -20,7 +25,7 @@ export default defineNuxtPlugin(nuxtApp => {
         if (token) {
             config.headers.token = token;
         }
-        config.headers.userurl = "nw.china-village.com.cn";
+        config.headers.userurl = Url.CwebUrl;
         return config;
     }, error => {
         console.log(error)