节前保存

节前保存

.nuxt/components.d.ts

@@ -20,11 +20,8 @@ interface _GlobalComponents {
     'HomeSlider': typeof import("../components/home/Slider.vue")['default']
     'HomeTopTen': typeof import("../components/home/TopTen.vue")['default']
     'HomeFoot': typeof import("../components/home/foot.vue")['default']
-    'HomeFoot1': typeof import("../components/home/foot1.vue")['default']
     'HomePageHead': typeof import("../components/home/pageHead.vue")['default']
     'HomePageNavigation': typeof import("../components/home/pageNavigation.vue")['default']
-    'HomePageNavigation1': typeof import("../components/home/pageNavigation1.vue")['default']
-    'HomePageNavigationTest': typeof import("../components/home/pageNavigation_test.vue")['default']
     'NewsDetail': typeof import("../components/news/detail.vue")['default']
     'NewsList': typeof import("../components/news/list.vue")['default']
     'PageNavigation': typeof import("../components/pageNavigation.vue")['default']
@@ -69,11 +66,8 @@ interface _GlobalComponents {
     'LazyHomeSlider': typeof import("../components/home/Slider.vue")['default']
     'LazyHomeTopTen': typeof import("../components/home/TopTen.vue")['default']
     'LazyHomeFoot': typeof import("../components/home/foot.vue")['default']
-    'LazyHomeFoot1': typeof import("../components/home/foot1.vue")['default']
     'LazyHomePageHead': typeof import("../components/home/pageHead.vue")['default']
     'LazyHomePageNavigation': typeof import("../components/home/pageNavigation.vue")['default']
-    'LazyHomePageNavigation1': typeof import("../components/home/pageNavigation1.vue")['default']
-    'LazyHomePageNavigationTest': typeof import("../components/home/pageNavigation_test.vue")['default']
     'LazyNewsDetail': typeof import("../components/news/detail.vue")['default']
     'LazyNewsList': typeof import("../components/news/list.vue")['default']
     'LazyPageNavigation': typeof import("../components/pageNavigation.vue")['default']
@@ -124,11 +118,8 @@ export const HomeSecondaryHeadingShukan: typeof import("../components/home/Secon
 export const HomeSlider: typeof import("../components/home/Slider.vue")['default']
 export const HomeTopTen: typeof import("../components/home/TopTen.vue")['default']
 export const HomeFoot: typeof import("../components/home/foot.vue")['default']
-export const HomeFoot1: typeof import("../components/home/foot1.vue")['default']
 export const HomePageHead: typeof import("../components/home/pageHead.vue")['default']
 export const HomePageNavigation: typeof import("../components/home/pageNavigation.vue")['default']
-export const HomePageNavigation1: typeof import("../components/home/pageNavigation1.vue")['default']
-export const HomePageNavigationTest: typeof import("../components/home/pageNavigation_test.vue")['default']
 export const NewsDetail: typeof import("../components/news/detail.vue")['default']
 export const NewsList: typeof import("../components/news/list.vue")['default']
 export const PageNavigation: typeof import("../components/pageNavigation.vue")['default']
@@ -173,11 +164,8 @@ export const LazyHomeSecondaryHeadingShukan: typeof import("../components/home/S
 export const LazyHomeSlider: typeof import("../components/home/Slider.vue")['default']
 export const LazyHomeTopTen: typeof import("../components/home/TopTen.vue")['default']
 export const LazyHomeFoot: typeof import("../components/home/foot.vue")['default']
-export const LazyHomeFoot1: typeof import("../components/home/foot1.vue")['default']
 export const LazyHomePageHead: typeof import("../components/home/pageHead.vue")['default']
 export const LazyHomePageNavigation: typeof import("../components/home/pageNavigation.vue")['default']
-export const LazyHomePageNavigation1: typeof import("../components/home/pageNavigation1.vue")['default']
-export const LazyHomePageNavigationTest: typeof import("../components/home/pageNavigation_test.vue")['default']
 export const LazyNewsDetail: typeof import("../components/news/detail.vue")['default']
 export const LazyNewsList: typeof import("../components/news/list.vue")['default']
 export const LazyPageNavigation: typeof import("../components/pageNavigation.vue")['default']

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1767085096325}
+{"id":"dev","timestamp":1767166906936}

.nuxt/manifest/meta/dev.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1767085096325,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
+{"id":"dev","timestamp":1767166906936,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2025-12-30T08:58:19.659Z",
+  "date": "2025-12-31T07:41:50.380Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 16368,
+    "pid": 18716,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-16368-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-18716-1.sock"
     }
   }
 }

assets/css/index.less

@@ -1,5 +1,3 @@
-
-
 .farming {
     width: 100%;
     height: 664px;
@@ -652,10 +650,6 @@
                     color: #fff;
                     margin-right: 44px;
                 }
-
-
-
-
             }
         }
     }
@@ -785,7 +779,6 @@
                     color: #FFFFFF;
                     line-height: 22px;
                     border-radius: 2px 2px 0px 0px;
-
                 }
             }
 
@@ -845,7 +838,6 @@
             //         }
             //     }
             // }
-
             ul {
                 padding: 30px 0 0 0;
 
@@ -884,7 +876,6 @@
                         p:nth-last-child {
                             border-bottom: none
                         }
-
                     }
                 }
             }
@@ -1010,7 +1001,6 @@
                     >li:nth-child(2) {
                         margin-right: 0;
                     }
-
                 }
             }
 
@@ -1087,7 +1077,6 @@
                     background-color: #139602;
                 }
             }
-
         }
     }
 
@@ -1506,7 +1495,7 @@
             }
         }
 
-        .layoutCopyLeftBottom{
+        .layoutCopyLeftBottom {
             height: 338px;
         }
 
@@ -2563,7 +2552,6 @@
     margin-left: 14px;
 }
 
-
 .index_2,
 .index_1,
 .index_3 {

assets/css/index/pc.less

@@ -0,0 +1,3059 @@
+.farming {
+    width: 100%;
+    height: 664px;
+
+    .farmerLeft,
+    .farmerRight {
+        float: left;
+    }
+
+    .farmerLeft {
+        width: 720px;
+        height: 616px;
+        margin-right: 21px;
+
+        .farmer {
+            width: 720px;
+            height: 330px;
+
+            >h3 {
+                font-family: Source Han Sans, Source Han Sans;
+                font-weight: bold;
+                font-size: 24px;
+                color: #000000;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                border-bottom: 1px solid #D9D9D9;
+                height: 50px;
+                line-height: 50px;
+                display: flex;
+                justify-content: space-between;
+
+                a.active {
+                    font-size: 22px;
+                    height: 50px;
+                    line-height: 50px;
+                    display: inline-block;
+                    color: #49a769;
+                    font-weight: bold;
+                    box-sizing: border-box;
+                    width: auto;
+                    font-weight: bold;
+                    border-bottom: 3px solid #49A769;
+                }
+
+                .titleBoxTabs {
+                    a {
+                        color: #333;
+                    }
+
+                    span {
+                        a {
+                            font-size: 22px;
+                            height: 50px;
+                            line-height: 50px;
+                            display: inline-block;
+                            box-sizing: border-box;
+                        }
+
+                        margin-right: 20px;
+                    }
+
+                    .active {
+                        a {
+                            height: 50px;
+                            line-height: 50px;
+                            display: inline-block;
+                            box-sizing: border-box;
+                            margin-right: 40px;
+                            font-weight: bold;
+                        }
+
+                        a.active {
+                            color: #49a769;
+                            border-bottom: 3px solid #49A769;
+                        }
+                    }
+
+                    a.active {
+                        color: #49a769;
+                        border-bottom: 3px solid #49A769;
+                    }
+                }
+
+                span {
+                    height: 50px;
+                    line-height: 50px;
+                    display: inline-block;
+                    box-sizing: border-box;
+                }
+
+                >a {
+                    width: 65px;
+                    height: 50px;
+                    line-height: 50px;
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #333333;
+                    font-style: normal;
+                    text-transform: none;
+                    display: inline-block;
+                }
+            }
+
+            ul.mode1ul_style1 {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                padding-top: 30px;
+
+                li {
+                    position: relative;
+                    width: 349px;
+                    height: 236px;
+                    border-radius: 10px;
+                    box-sizing: border-box;
+                    overflow: hidden;
+
+                    img {
+                        width: 349px;
+                        height: 236px;
+                    }
+
+                    a {
+                        div {
+                            position: absolute;
+                            width: 320px;
+                            height: 48px;
+                            bottom: 10px;
+                            z-index: 10;
+                            left: 15px;
+                            color: #fff;
+                            font-size: 16px;
+                            z-index: 99;
+
+                            span {
+                                display: inline-block;
+                                background: #9CD26B;
+                                font-size: 14px;
+                                color: #fff;
+                                padding: 2px 6px;
+                                border-radius: 4px;
+                                margin-right: 5px;
+                            }
+
+                            p {
+                                font-size: 16px;
+                                margin-top: 5px;
+                                height: 46px;
+                            }
+
+                            p:nth-child(1) {
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                            }
+                        }
+                    }
+                }
+            }
+
+            ul.mode1ul_style2 {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                flex-wrap: wrap;
+                padding-top: 20px;
+
+                li {
+                    width: 349px;
+                    height: 58px;
+                    border-radius: 10px;
+                    border-bottom: 1px solid #E6E6E6;
+                    box-sizing: border-box;
+                    margin-bottom: 22px;
+                }
+
+                p {
+                    font-size: 16px;
+                    color: #333333;
+                    margin-bottom: 4px;
+                }
+
+                p.title {
+                    width: 349px;
+                    height: 46px;
+                    display: -webkit-box;
+                    -webkit-box-orient: vertical;
+                    -webkit-line-clamp: 2;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    word-break: break-all;
+                }
+
+                p.title:hover {
+                    color: #49A769;
+                }
+            }
+        }
+
+        .farmerbottom {
+            width: 720px;
+            height: 280px;
+
+            img {
+                width: 498px;
+                height: 280px;
+            }
+
+            >.leftList {
+                width: 290px;
+                height: 280px;
+                background-color: #f6f6f6;
+                padding: 11px 26px 6px 20px;
+                box-sizing: border-box;
+
+                >li {
+                    width: 296px;
+                    height: 32px;
+                    color: #666666;
+                    font-size: 14px;
+                    margin-bottom: 14px;
+
+                    h4 {
+                        width: 249px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-family: Source Han Sans, Source Han Sans;
+                        height: 27px;
+                        line-height: 21px;
+                        font-size: 18px;
+                        color: #333333;
+                        font-weight: 400;
+
+                        em {
+                            display: inline-block;
+                            width: 8px;
+                            height: 8px;
+                            background-color: #333333;
+                            border-radius: 8px;
+                        }
+                    }
+
+                    p {
+                        width: 249px;
+                        height: 48px;
+                        // line-height: 24px;
+                        padding-left: 14px;
+                        // color: #333333;
+                    }
+
+                    a {
+                        color: #333333;
+                    }
+
+                    a:hover {
+                        color: #139602;
+                    }
+                }
+
+                >li:hover,
+                >li:hover>a>h4 {
+                    color: #088f04;
+                }
+
+                >li:hover>a>h4>em {
+                    background-color: #088f04;
+                }
+            }
+        }
+    }
+
+    .farmerRight {
+        width: 450px;
+        height: 600px;
+
+        .rich,
+        .inquire {
+            width: 100%;
+            height: 309px;
+
+            >h3 {
+                height: 36px;
+                font-family: Source Han Sans, Source Han Sans;
+                font-weight: bold;
+                font-size: 24px;
+                color: #000000;
+                line-height: 28px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                border-bottom: 1px solid #D9D9D9;
+                height: 50px;
+                line-height: 50px;
+                display: flex;
+                justify-content: space-between;
+
+                .active {
+                    font-size: 22px;
+                    height: 50px;
+                    line-height: 50px;
+                    display: inline-block;
+                    color: #49A769;
+                    border-bottom: 3px solid #49A769;
+                    box-sizing: border-box;
+                    width: auto;
+                    font-weight: bold;
+                }
+
+                span {
+                    font-size: 22px;
+                    height: 50px;
+                    line-height: 50px;
+                    display: inline-block;
+                    color: #49A769;
+                    border-bottom: 3px solid #49A769;
+                    box-sizing: border-box;
+                }
+
+                a {
+                    width: 65px;
+                    height: 50px;
+                    line-height: 50px;
+                    font-size: 16px;
+                    color: #333333;
+                    font-weight: normal;
+                }
+            }
+
+            .photo {
+                height: 104px;
+                margin-top: 23px;
+
+                >.photoL:first-child {
+                    margin-right: 10px;
+                }
+            }
+
+            .photoL {
+                display: inline-block;
+                width: 185px;
+                height: 104px;
+                border-radius: 6px;
+                position: relative;
+
+                a {
+                    width: 185px;
+                    height: 104px;
+                }
+
+                img {
+                    width: 185px;
+                    height: 104px;
+                    border-radius: 6px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    padding-left: 7px;
+                    box-sizing: border-box;
+                    width: 185px;
+                    height: 22px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    background-color: rgba(0, 0, 0, 0.5);
+                    font-weight: 500px;
+                    font-size: 14px;
+                    color: #FFFFFF;
+                    line-height: 22px;
+                }
+            }
+
+            .photoList {
+                display: inline-block;
+                width: 185px;
+                height: 104px;
+                position: relative;
+
+                img {
+                    width: 185px;
+                    height: 104px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    width: 185px;
+                    height: 30px;
+                    font-weight: 500;
+                    color: #FFFFFF;
+                    padding-top: 7px;
+                    padding-left: 6px;
+                    box-sizing: border-box;
+                }
+            }
+
+            // 文字部分
+            ul {
+                height: 220px;
+                margin-bottom: 10px;
+                padding-top: 10px;
+
+                li {
+                    height: 55px;
+                    padding: 10px 0 6px 0;
+                    border-bottom: 1px solid #E6E6E6;
+
+                    a {
+                        display: flex;
+                        color: #333333;
+                        font-size: 16px;
+
+                        .index {
+                            height: 48px;
+                            margin-right: 20px;
+                        }
+
+                        .title {
+                            height: 48px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 2;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                        }
+                    }
+
+                    a:hover {
+                        color: #139609;
+                    }
+                }
+
+                li:nth-child(1) .index,
+                li:nth-child(2) .index,
+                li:nth-child(3) .index {
+                    color: #49A769;
+                    font-weight: bold;
+                }
+            }
+        }
+
+        .richList {
+            margin-top: 30px;
+
+            .richListPic,
+            .richListPictow {
+                a {
+                    color: #333333;
+                    font-size: 16px;
+                    display: flex;
+                    justify-content: space-between;
+                    align-items: center;
+
+                    img {
+                        width: 152px;
+                        height: 103px;
+                        margin-right: 10px;
+                        border-radius: 8px;
+                    }
+
+                    div {
+                        width: 285px;
+                        height: 103px;
+                        padding-top: 10px;
+                        box-sizing: border-box;
+                        border-bottom: 1px solid #D9D9D9;
+
+                        span {
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 3;
+                            font-weight: bold;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+
+                            &:hover {
+                                color: #49A769;
+                            }
+                        }
+                    }
+                }
+            }
+
+            .richListPic {
+                margin-bottom: 20px;
+            }
+
+            .richListPictow {
+                margin-top: 30px;
+                margin-bottom: 20px;
+            }
+
+            .richListText {
+                margin-bottom: 17px;
+
+                a {
+                    font-size: 16px;
+                    color: #333333;
+                    border-bottom: 1px solid #E6E6E6;
+                    display: block;
+                    height: 60px;
+                    line-height: 60px;
+
+                    &:hover {
+                        color: #49A769;
+                    }
+
+                    span {
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: block;
+                    }
+                }
+            }
+        }
+
+        .rich {
+            .photoL {
+                display: inline-block;
+                width: 185px;
+                height: 104px;
+                position: relative;
+                border-radius: 6px;
+
+                img {
+                    width: 185px;
+                    height: 104px;
+                    border-radius: 6px;
+                }
+
+                span {
+                    position: absolute;
+                    bottom: 0;
+                    left: 0;
+                    display: inline-block;
+                    padding-left: 7px;
+                    box-sizing: border-box;
+                    width: 185px;
+                    height: 22px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    background-color: rgba(0, 0, 0, 0.5);
+                    font-weight: 500px;
+                    font-size: 14px;
+                    color: #FFFFFF;
+                    line-height: 22px;
+                    border-radius: 0px 0px 6px 6px;
+                }
+            }
+        }
+
+        .inquire {
+            width: 380px;
+            height: 280px;
+            margin-top: 20px;
+            background: #FFFFFF;
+            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
+            border-radius: 6px 6px 6px 6px;
+            padding: 4px 6px;
+            box-sizing: border-box;
+
+            p {
+                width: 328px;
+                height: 69px;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 500;
+                font-size: 18px;
+                color: #333333;
+                line-height: 21px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                padding: 12px 20px 0 32px;
+
+            }
+
+            .radio {
+                /deep/.el-radio {
+                    --el-radio-input-border-color-hover: #27881a;
+                }
+
+                /deep/.el-radio-group {
+                    align-items: center;
+                    display: inline-flex;
+                    flex-wrap: wrap;
+                    font-size: 0;
+                    padding-left: 35px;
+                }
+
+                /deep/.el-radio.el-radio--large {
+                    height: 29px;
+                }
+
+                /deep/.el-radio.el-radio--large .el-radio__label {
+                    font-family: PingFang SC, PingFang SC;
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #333333;
+                }
+
+                /deep/.el-radio.el-radio--large .el-radio__inner {
+                    height: 16px;
+                    width: 16px;
+                }
+
+                /deep/.el-radio__input.is-checked+.el-radio__label {
+                    color: #27881a;
+                }
+
+                /deep/.el-radio__input.is-checked .el-radio__inner {
+                    background: #33b023;
+                    border-color: #27881a;
+                }
+            }
+
+            .btn {
+                width: 188px;
+                height: 32px;
+                margin: 20px auto;
+
+                button {
+                    width: 70px;
+                    height: 32px;
+                    line-height: 32px;
+                    border-radius: 6px;
+                    border: none;
+                    font-family: PingFang SC, PingFang SC;
+                    font-weight: 400;
+                    font-size: 16px;
+                    color: #999999;
+                    cursor: pointer;
+                }
+
+                .voting {
+                    background-color: #33b023;
+                    color: #fff;
+                    margin-right: 44px;
+                }
+            }
+        }
+    }
+}
+
+.scienceEducation {
+    height: 694px;
+
+    .scienceLeft,
+    .scienceRight {
+        float: left;
+    }
+
+    .adBox1 {
+        margin-bottom: 20px;
+        width: 450px;
+        height: 290px;
+        overflow: hidden;
+
+        a {
+            display: block;
+            height: 290px;
+        }
+
+        img {
+            width: 450px;
+            height: 290px;
+        }
+    }
+
+    .scienceLeft {
+        width: 720px;
+        height: 700px;
+        margin-right: 21px;
+    }
+
+    .scienceRight {
+        width: 450px;
+        height: 600px;
+
+        >h3 {
+            height: 36px;
+            font-family: Source Han Sans, Source Han Sans;
+            font-weight: bold;
+            font-size: 24px;
+            color: #000000;
+            line-height: 28px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+            border-bottom: 1px solid #139602;
+            height: 50px;
+            line-height: 50px;
+            display: flex;
+            justify-content: space-between;
+
+            span {
+                color: #49a769;
+                border-bottom: 3px solid #139602;
+                height: 50px;
+                line-height: 50px;
+                display: inline-block;
+                box-sizing: border-box;
+
+                a {
+                    color: #49a769;
+                }
+            }
+
+            >a {
+                width: 65px;
+                height: 50px;
+                line-height: 50px;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                font-style: normal;
+                text-transform: none;
+                display: inline-block;
+            }
+        }
+
+        .banner {
+            width: 380px;
+            height: 214px;
+            margin-top: 20px;
+        }
+
+        .banner_b_img {
+            .photo {
+                height: 104px;
+                margin-top: 23px;
+
+                >.photoL:first-child {
+                    margin-right: 10px;
+                }
+            }
+
+            .photoL {
+                display: inline-block;
+                width: 185px;
+                height: 104px;
+                position: relative;
+                border-radius: 2px;
+
+                img {
+                    width: 185px;
+                    height: 104px;
+                    border-radius: 2px;
+                }
+
+                span {
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    display: inline-block;
+                    padding-left: 7px;
+                    box-sizing: border-box;
+                    width: 185px;
+                    height: 22px;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    background-color: rgba(0, 0, 0, 0.5);
+                    font-weight: 500px;
+                    font-size: 14px;
+                    color: #FFFFFF;
+                    line-height: 22px;
+                    border-radius: 2px 2px 0px 0px;
+                }
+            }
+
+            // .photoL {
+            //     margin-right: 5px;
+            // }
+            // ul {
+            //     width: 380px;
+            //     height: 186px;
+            //     >li {
+            //         height: 22px;
+            //         padding-top: 16px;
+            //         >strong {
+            //             display: inline-block;
+            //             width: 24px;
+            //             height: 24px;
+            //             line-height: 24px;
+            //             background-color: #cecece;
+            //             padding-left: 6px;
+            //             box-sizing: border-box;
+            //             font-family: Source Han Sans, Source Han Sans;
+            //             font-weight: 500;
+            //             font-size: 18px;
+            //             color: #FFFFFF;
+            //             font-style: normal;
+            //             text-transform: none;
+            //         }
+            //         >em {
+            //             display: inline-block;
+            //             width: 6px;
+            //             height: 6px;
+            //             border-radius: 10px;
+            //             border: 2px solid #8CBA86;
+            //             vertical-align: 5px;
+            //         }
+            //         a,
+            //         span {
+            //             display: inline-block;
+            //             width: 350px;
+            //             height: 22px;
+            //             white-space: nowrap;
+            //             overflow: hidden;
+            //             text-overflow: ellipsis;
+            //             font-family: PingFang SC, PingFang SC;
+            //             font-weight: 500;
+            //             font-size: 18px;
+            //             color: #333333;
+            //             line-height: 21px;
+            //             text-align: left;
+            //             font-style: normal;
+            //             text-transform: none;
+            //             padding-left: 9px;
+            //         }
+            //         >a:hover,
+            //         >span:hover {
+            //             color: #139609;
+            //         }
+            //     }
+            // }
+            ul {
+                padding: 30px 0 0 0;
+
+                li {
+                    margin-bottom: 5px;
+
+                    a {
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        width: 450px;
+                        height: 55px;
+                        color: #333333;
+                        font-size: 16px;
+                        border-bottom: 1px solid #E6E6E6;
+
+                        &:hover {
+                            color: #49A769;
+                        }
+
+                        p {
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 2;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                            width: 450px;
+                            height: 46px;
+                            box-sizing: border-box;
+                            //padding-left: 10px;
+                            //border-left: 1px solid #D9D9D9;
+                            margin-bottom: 5px;
+                        }
+
+                        p:nth-last-child {
+                            border-bottom: none
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.dynamic {
+    height: 610px;
+
+    .inner {
+        height: 610px;
+    }
+
+    .innerLeft {
+        .title {
+            >h3 {
+                height: 36px;
+                font-family: Source Han Sans, Source Han Sans;
+                font-weight: bold;
+                font-size: 24px;
+                color: #000000;
+                line-height: 28px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                border-bottom: 1px solid #139602;
+
+                >a {
+                    float: right;
+                    width: 56px;
+                    height: 20px;
+                    line-height: 24px;
+                    font-weight: 400;
+                    font-size: 14px;
+                    color: #999999;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
+        }
+
+        .protectRights {
+            float: left;
+            margin-top: 26px;
+
+            .photoList {
+                float: left;
+                width: 387px;
+                margin-right: 40px;
+
+                >.top {
+                    width: 387px;
+                    height: 320px;
+                    position: relative;
+
+                    img {
+                        width: 387px;
+                        height: 320px;
+                        border-radius: 6px;
+                    }
+
+                    span {
+                        position: absolute;
+                        bottom: 0;
+                        left: 0;
+                        display: inline-block;
+                        width: 387px;
+                        height: 68px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        padding: 33px 33px 8px 13px;
+                        box-sizing: border-box;
+                        font-family: PingFang SC, PingFang SC;
+                        font-weight: 500;
+                        font-size: 18px;
+                        color: #FFFFFF;
+                        line-height: 21px;
+
+                    }
+                }
+
+                >.bottom {
+                    width: 387px;
+                    height: 202px;
+                    margin-top: 15px;
+
+                    >li {
+                        width: 185px;
+                        height: 210px;
+                        float: left;
+                        margin-right: 17px;
+                        background-color: #f5f5f5;
+
+                        img {
+                            width: 185px;
+                            height: 139px;
+                            border-radius: 6px;
+                        }
+
+                        p {
+                            width: 175px;
+                            height: 63px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 2;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                            font-family: PingFang SC, PingFang SC;
+                            font-weight: 500;
+                            font-size: 18px;
+                            color: #333333;
+                            line-height: 30px;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                            margin-left: 5px;
+                        }
+                    }
+
+                    >li:nth-child(2) {
+                        margin-right: 0;
+                    }
+                }
+            }
+
+            .textList {
+                float: left;
+                width: 340px;
+                height: 545px;
+
+                >li {
+                    width: 340px;
+                    height: 27px;
+                    margin-bottom: 19px;
+
+                    h4 {
+                        width: 282px;
+                        height: 25px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        font-family: PingFang SC, PingFang SC;
+                        font-weight: 400;
+                        font-size: 18px;
+                        color: #333333;
+                        line-height: 21px;
+                        text-align: left;
+                        font-style: normal;
+                        text-transform: none;
+
+                        em {
+                            display: inline-block;
+                            width: 8px;
+                            height: 8px;
+                            margin-right: 6px;
+                            border-radius: 4px;
+                            background-color: #333333;
+                        }
+                    }
+
+                    p {
+                        padding-left: 14px;
+                        width: 249px;
+                        height: 48px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+                        font-family: PingFang SC, PingFang SC;
+                        font-weight: 400;
+                        font-size: 14px;
+                        color: #666666;
+                        line-height: 24px;
+                        text-align: left;
+                        font-style: normal;
+                        text-transform: none;
+                    }
+                }
+
+                a {
+                    color: #333333;
+                }
+
+                a:hover {
+                    color: #139602;
+                }
+
+                >li:hover>a>h4,
+                >li:hover>a>p {
+                    color: #139602;
+                }
+
+                >li:hover>a>h4>em {
+                    background-color: #139602;
+                }
+            }
+        }
+    }
+
+    .innerRight {
+        .title {
+            >h3 {
+                height: 36px;
+                font-family: Source Han Sans, Source Han Sans;
+                font-weight: bold;
+                font-size: 24px;
+                color: #000000;
+                line-height: 28px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+                border-bottom: 1px solid #139602;
+
+                >a {
+                    float: right;
+                    width: 56px;
+                    height: 20px;
+                    line-height: 24px;
+                    font-weight: 400;
+                    font-size: 14px;
+                    color: #999999;
+                    font-style: normal;
+                    text-transform: none;
+                }
+            }
+        }
+
+        .dynamicList {
+            width: 380px;
+            margin-top: 26px;
+
+            >li {
+                width: 380px;
+                height: 120px;
+                margin-bottom: 21px;
+
+                img {
+                    float: left;
+                    width: 160px;
+                    height: 120px;
+                }
+
+                .text {
+                    float: left;
+                    width: 220px;
+                    height: 120px;
+                    padding-left: 15px;
+                    box-sizing: border-box;
+                    font-size: 16px;
+
+                    >h5 {
+                        width: 199px;
+                        height: 52px;
+                        margin-bottom: 40px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+                        padding-top: 6px;
+                        font-family: PingFang SC, PingFang SC;
+                        font-weight: 600;
+                        font-size: 18px;
+                        color: #333333;
+                        line-height: 26px;
+                        text-align: left;
+                        font-style: normal;
+                        text-transform: none;
+                    }
+
+                    >p {
+                        width: 198px;
+                        height: 70px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 3;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+                        margin-top: 10px;
+                        font-family: PingFang SC, PingFang SC;
+                        font-weight: 400;
+                        font-size: 14px;
+                        color: #666666;
+                        line-height: 24px;
+                        text-align: left;
+                        font-style: normal;
+                        text-transform: none;
+                    }
+                }
+            }
+
+            li:hover {
+                .text {
+                    box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
+                    background-color: #fff;
+
+                    h5,
+                    p {
+                        color: #139602;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.policy {
+    height: 678px;
+
+    .inner {
+        height: 678px;
+
+        .innerLeft {
+            width: 790px;
+            height: 621px;
+
+            .title {
+                >h3 {
+                    height: 36px;
+                    font-family: Source Han Sans, Source Han Sans;
+                    font-weight: bold;
+                    font-size: 24px;
+                    color: #000000;
+                    line-height: 28px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    border-bottom: 1px solid #139602;
+
+                    >a {
+                        float: right;
+                        width: 56px;
+                        height: 20px;
+                        line-height: 24px;
+                        font-weight: 400;
+                        font-size: 14px;
+                        color: #999999;
+                        font-style: normal;
+                        text-transform: none;
+                    }
+                }
+            }
+
+            .policyList {
+                width: 790px;
+                margin-top: 20px;
+
+                >li {
+                    width: 790px;
+                    height: 121px;
+                    margin-bottom: 20px;
+
+                    img,
+                    .text {
+                        float: left;
+                    }
+
+                    img {
+                        width: 224px;
+                        height: 121px;
+
+                    }
+
+                    .text {
+                        width: 566px;
+                        height: 121px;
+                        padding-left: 20px;
+                        box-sizing: border-box;
+
+                        >h5 {
+                            padding: 13px 0 6px;
+                            width: 536px;
+                            height: 25px;
+                            margin-bottom: 45px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: PingFang SC, PingFang SC;
+                            font-weight: 600;
+                            font-size: 18px;
+                            color: #333333;
+                            line-height: 21px;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                        }
+
+                        p {
+                            width: 536px;
+                            height: 30px;
+                            display: -webkit-box;
+                            -webkit-box-orient: vertical;
+                            -webkit-line-clamp: 3;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            word-break: break-all;
+                            font-family: PingFang SC, PingFang SC;
+                            font-weight: 400;
+                            font-size: 14px;
+                            color: #666666;
+                            line-height: 24px;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+
+                            >span:first-child {
+                                margin-right: 20px;
+                            }
+                        }
+                    }
+                }
+
+                li:hover {
+                    .text {
+                        box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.1);
+                        background-color: #fff;
+
+                        h5,
+                        p {
+                            color: #139602;
+                        }
+                    }
+                }
+            }
+        }
+
+        .innerRight {
+            .title {
+                h3 {
+                    height: 36px;
+                    font-family: Source Han Sans, Source Han Sans;
+                    font-weight: bold;
+                    font-size: 24px;
+                    color: #000000;
+                    line-height: 28px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    border-bottom: 1px solid #139602;
+
+                    a {
+                        float: right;
+                        width: 56px;
+                        height: 20px;
+                        line-height: 24px;
+                        font-weight: 400;
+                        font-size: 14px;
+                        color: #999999;
+                        font-style: normal;
+                        text-transform: none;
+                    }
+                }
+            }
+
+            .banner {
+                width: 380px;
+                height: 214px;
+                margin-top: 20px;
+            }
+
+            .banner_b_img {
+                .photo {
+                    height: 104px;
+                    margin-top: 23px;
+                }
+
+                .photoL {
+                    display: inline-block;
+                    width: 185px;
+                    height: 104px;
+                    position: relative;
+
+                    img {
+                        width: 185px;
+                        height: 104px;
+                        border-radius: 2px;
+                    }
+
+                    span {
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                        display: inline-block;
+                        padding-left: 7px;
+                        box-sizing: border-box;
+                        width: 185px;
+                        height: 22px;
+                        white-space: nowrap;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        background-color: rgba(0, 0, 0, 0.5);
+                        font-weight: 500px;
+                        font-size: 14px;
+                        color: #FFFFFF;
+                        line-height: 22px;
+                    }
+                }
+
+                .photoL {
+                    margin-right: 10px;
+                }
+
+                ul {
+                    width: 380px;
+                    height: 186px;
+
+                    >li {
+                        height: 22px;
+                        padding-top: 16px;
+
+                        >strong {
+                            display: inline-block;
+                            width: 24px;
+                            height: 24px;
+                            line-height: 24px;
+                            background-color: #cecece;
+                            padding-left: 6px;
+                            box-sizing: border-box;
+                            font-family: Source Han Sans, Source Han Sans;
+                            font-weight: 500;
+                            font-size: 18px;
+                            color: #FFFFFF;
+                            font-style: normal;
+                            text-transform: none;
+
+                        }
+
+                        >em {
+                            display: inline-block;
+                            width: 6px;
+                            height: 6px;
+                            border-radius: 10px;
+                            border: 2px solid #8CBA86;
+                            vertical-align: middle;
+                        }
+
+                        a,
+                        >span {
+                            display: inline-block;
+                            width: 350px;
+                            height: 22px;
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            font-family: PingFang SC, PingFang SC;
+                            font-weight: 500;
+                            font-size: 18px;
+                            color: #333333;
+                            line-height: 21px;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                            padding-left: 9px;
+                            vertical-align: middle;
+                        }
+
+                        a:hover,
+                        >span:hover {
+                            color: #139609;
+                        }
+
+                    }
+                }
+            }
+        }
+    }
+}
+
+// 改版新增样式 start---------------------------------------->
+.titleBox {
+    width: 1200px;
+    margin: 0 auto;
+    padding: 20px 0 0 0;
+
+    img {
+        margin: 0 auto;
+        display: block;
+        width: 1200px;
+        height: 90px;
+    }
+}
+
+//布局复制
+.layoutCopy {
+    display: flex;
+    justify-content: space-between;
+    position: relative;
+    width: 1200px;
+    margin: 0 auto;
+    margin-bottom: 15px;
+
+    .layoutCopyLeft {
+        width: 720px;
+
+        .layoutCopyLeftTop {
+            width: 720px;
+            display: flex;
+            justify-content: space-between;
+
+            .layoutCopyLeft1 {
+                width: 350px;
+            }
+
+            .layoutCopyLeft2 {
+                width: 350px;
+            }
+
+            .layoutCopyAll {
+                width: 720px;
+            }
+        }
+
+        .layoutCopyLeftBottom {
+            height: 338px;
+        }
+
+        .layoutCopyAll {
+            width: 720px;
+        }
+    }
+
+    .layoutCopyRight {
+        width: 450px;
+    }
+
+    .layoutTitleBox {
+        border-bottom: 1px solid #D9D9D9;
+        margin-bottom: 40px;
+        display: flex;
+        justify-content: space-between;
+
+        .layoutTitleBoxTabs {
+            display: flex;
+            justify-content: space-between;
+
+            div.layoutTitle {
+                margin-right: 40px;
+                border-bottom: 0;
+                color: #333;
+                cursor: pointer;
+                font-weight: bold;
+            }
+
+            div.active {
+                border-bottom: 3px solid #49A769;
+                color: #49A769;
+                cursor: pointer;
+            }
+        }
+
+        .layoutTitle {
+            font-size: 22px;
+            color: #49A769;
+            border-bottom: 3px solid #49A769;
+            height: 50px;
+            line-height: 50px;
+            font-weight: bold;
+
+            a {
+                font-size: 22px;
+                color: #49A769;
+            }
+        }
+
+        .layoutMore {
+            color: #333333;
+            font-size: 16px;
+            height: 50px;
+            line-height: 50px;
+
+            a {
+                color: #333333;
+                font-size: 16px;
+            }
+        }
+    }
+}
+
+//布局内容样式
+.layoutCopyData_style1 {
+    margin-bottom: 30px;
+
+    a:nth-child(1) {
+        color: #333333;
+        font-size: 16px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        img {
+            width: 152px;
+            height: 103px;
+            margin-right: 10px;
+            border-radius: 8px;
+        }
+
+        div {
+            width: 181px;
+            height: 103px;
+            box-sizing: border-box;
+            border-bottom: 1px solid #D9D9D9;
+
+            span {
+                display: -webkit-box;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 3;
+                font-weight: bold;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                word-break: break-all;
+            }
+        }
+    }
+
+    a:nth-child(1):hover {
+        color: #49A769
+    }
+
+    a:nth-child(2) {
+        margin-top: 30px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        font-size: 16px;
+        color: #333333;
+        border-bottom: 1px solid #E6E6E6;
+
+        .title {
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+            height: 45px;
+        }
+
+        p {
+            margin-top: 10px;
+            margin-bottom: 15px;
+        }
+    }
+
+    a:hover .title {
+        color: #49A769
+    }
+}
+
+.layoutCopyData_style2 {
+    a {
+        margin-top: 32px;
+        font-size: 16px;
+        color: #333333;
+        display: block;
+        border-bottom: 1px solid #E6E6E6;
+
+        .title {
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+            height: 45px;
+        }
+
+        p {
+            margin-top: 10px;
+            margin-bottom: 13px;
+        }
+    }
+
+    a:nth-child(1) .title {
+        font-weight: bold;
+    }
+
+    a:hover .title {
+        color: #49A769
+    }
+}
+
+.layoutCopyData_style3 {
+    .style3link1 {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .time {
+            width: 100px;
+            height: 100px;
+            background: #F4FFF7;
+
+            p:nth-child(1) {
+                font-size: 38px;
+                color: #49A769;
+                text-align: center;
+                border-bottom: 1px solid #49A769;
+                width: 75px;
+                margin: 0 auto;
+                margin-bottom: 5px;
+                padding-bottom: 5px;
+                padding-top: 10px;
+            }
+
+            p:nth-child(2) {
+                font-size: 15px;
+                color: #49A769;
+                text-align: center;
+            }
+        }
+
+        .title {
+            width: 590px;
+            font-size: 22px;
+            color: #333333;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+
+            &:hover {
+                color: #49A769;
+            }
+        }
+
+        .introduce {
+            width: 590px;
+            font-size: 16px;
+            color: #999999;
+            margin-top: 10px;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            height: 45px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+        }
+
+        margin-bottom: 20px;
+    }
+
+    .style3link2 {
+        display: flex;
+        justify-content: space-between;
+        height: 30px;
+        line-height: 30px;
+        color: #333333;
+
+        div {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+
+            .title {
+                width: 600px;
+                // 修改这里,添加单行文本溢出省略样式
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #333333;
+                font-size: 16px;
+
+                &:hover {
+                    color: #49A769;
+                }
+            }
+        }
+
+        b {
+            width: 6px;
+            height: 6px;
+            background: #49A769;
+            margin-right: 8px;
+        }
+
+        margin-bottom: 10px;
+    }
+
+}
+
+.layoutCopyData_style4 {
+    .layoutCopyData_pic {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        position: relative;
+
+        a {
+            width: 220px;
+            height: 140px;
+            display: block;
+            position: relative;
+            z-index: 99;
+
+            img {
+                width: 220px;
+                height: 140px;
+                border-radius: 8px;
+            }
+
+            p {
+                position: absolute;
+                bottom: 10px;
+                width: 200px;
+                height: 18px;
+                font-size: 14px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                color: #fff;
+                left: 10px;
+            }
+        }
+    }
+
+    .layoutCopyData_text {
+        a {
+            border-bottom: 1px soild #E6E6E6;
+            color: #333333;
+            font-size: 16px;
+            display: flex;
+            height: 41px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            border-bottom: 1px solid #E6E6E6;
+            padding-bottom: 12px;
+            margin-top: 10px;
+
+            .title {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: 431px;
+
+                &:hover {
+                    color: #49A769;
+                }
+            }
+
+            .more {
+                width: 16px;
+                height: 16px;
+                background: #EDF7F0;
+                color: #49A769;
+                font-size: 12px;
+                text-align: center;
+                line-height: 15px;
+                border-radius: 3px;
+            }
+        }
+    }
+}
+
+// 改版新增样式 end---------------------------------------->
+.lastPart3 {
+    width: 100%;
+    height: 688px;
+
+    .inner {
+        margin-top: 20px;
+        width: 1200px;
+        height: 660px;
+        background-color: #fff;
+
+        .lastPartTitle {
+            width: 100%;
+            height: 50px;
+            line-height: 50px;
+            border-bottom: 1px solid #D9D9D9;
+
+            .left {
+                span {
+                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-weight: bold;
+                    font-size: 22px;
+                    color: #333333;
+                    line-height: 19px;
+                    letter-spacing: 1px;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    padding-bottom: 13px;
+
+                    a {
+                        color: #333;
+                        height: 50px;
+                        line-height: 50px;
+                        display: inline-block;
+                        box-sizing: border-box;
+                        margin-right: 40px;
+                    }
+
+                    a.active {
+                        color: #49A769;
+                        border-bottom: 3px solid #49A769;
+                        height: 50px;
+                        line-height: 50px;
+                        display: inline-block;
+                    }
+                }
+
+                .active {
+                    a {
+                        color: #49A769;
+                        border-bottom: 3px solid #49A769;
+                        height: 50px;
+                        line-height: 50px;
+                        display: inline-block;
+                        box-sizing: border-box;
+                        margin-right: 40px;
+                        font-weight: bold;
+                    }
+                }
+            }
+
+            .right {
+                font-family: Microsoft YaHei, Microsoft YaHei;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                line-height: 19px;
+                letter-spacing: 1px;
+                text-align: left;
+                font-style: normal;
+                text-transform: none;
+
+                a {
+                    color: #333333;
+                    margin-right: 20px;
+                    line-height: 50px;
+                    padding-right: 20px;
+                    border-right: 1px solid #e5e5e5;
+                }
+
+                >a:last-child {
+                    border-right: none;
+                }
+
+                >a:hover {
+                    cursor: pointer;
+                    color: #49A769;
+                }
+
+                a:nth-child(8) {
+                    border-right: none;
+                }
+
+                a:nth-child(9) {
+                    display: none;
+                }
+            }
+        }
+
+        .lastPartContext {
+            margin-top: 30px;
+
+            .left {
+                float: left;
+                width: 720px;
+
+                ul.mode1ul_style1 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+
+                    li {
+                        position: relative;
+                        width: 349px;
+                        height: 236px;
+                        border-radius: 10px;
+                        box-sizing: border-box;
+                        overflow: hidden;
+
+                        img {
+                            width: 349px;
+                            height: 236px;
+                        }
+
+                        a {
+                            div {
+                                position: absolute;
+                                width: 320px;
+                                height: 42px;
+                                bottom: 20px;
+                                z-index: 10;
+                                left: 15px;
+                                color: #fff;
+                                font-size: 16px;
+                                z-index: 99;
+
+                                span {
+                                    display: inline-block;
+                                    background: #9CD26B;
+                                    font-size: 12px;
+                                    color: #fff;
+                                    padding: 2px 6px;
+                                    border-radius: 4px;
+                                    margin-right: 5px;
+                                }
+
+                                p {
+                                    font-size: 16px;
+                                    margin-top: 5px;
+                                    height: 45px;
+                                    margin-bottom: 10px;
+                                }
+
+                                p:nth-child(1) {
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                }
+                            }
+                        }
+                    }
+                }
+
+                ul.mode1ul_style2 {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    flex-wrap: wrap;
+                    padding-top: 20px;
+
+                    li {
+                        width: 349px;
+                        height: 60px;
+                        //border-radius: 10px;
+                        border-bottom: 1px solid #E6E6E6;
+                        box-sizing: border-box;
+                        margin-bottom: 20px;
+                    }
+
+                    p {
+                        font-size: 16px;
+                        color: #333333;
+                        margin-bottom: 4px;
+                    }
+
+                    p.title {
+                        width: 349px;
+                        height: 46px;
+                        display: -webkit-box;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        word-break: break-all;
+                    }
+
+                    p.title:hover {
+                        color: #49A769;
+                    }
+                }
+
+            }
+
+            .right {
+                float: right;
+                width: 450px;
+                height: 570px;
+
+                .title {
+                    height: 56px;
+
+                    h3 {
+                        font-family: Microsoft YaHei, Microsoft YaHei;
+                        font-weight: bold;
+                        font-size: 22px;
+                        color: #333333;
+                        line-height: 19px;
+                        letter-spacing: 1px;
+                        text-align: left;
+                        font-style: normal;
+                        text-transform: none;
+
+                        a {
+                            float: right;
+                            font-family: Microsoft YaHei, Microsoft YaHei;
+                            font-weight: 400;
+                            font-size: 16px;
+                            color: #333333;
+                            line-height: 19px;
+                            letter-spacing: 1px;
+                            text-align: left;
+                            font-style: normal;
+                            text-transform: none;
+                            padding-top: 3px;
+                        }
+
+                        .leftTitle {
+                            color: #333333;
+                            font-size: 22px;
+                            font-weight: bold;
+                            float: left
+                        }
+
+                    }
+                }
+
+                .content {
+                    li {
+                        width: 450px;
+                        height: 85px;
+                        line-height: 50px;
+                        border-top: 3px solid #49A769;
+                        background-color: #fbfbfb;
+                        margin-bottom: 23px;
+
+                        a {
+                            display: block;
+                            width: 450px;
+                            height: 102px;
+
+                            span {
+                                float: left;
+                                padding: 18px 20px 14px 20px;
+                                height: 46px;
+                                width: 70px;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: 400;
+                                font-size: 15px;
+                                color: #49A769;
+                                line-height: 18px;
+                                text-align: left;
+                                font-style: normal;
+                                text-transform: none;
+
+                                strong {
+                                    display: inline-block;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 25px;
+                                    color: #49A769;
+                                    line-height: 29px;
+                                    text-align: center;
+                                    font-style: normal;
+                                    text-transform: none;
+                                    margin-bottom: 5px;
+                                }
+                            }
+
+                            .text {
+                                float: left;
+                                width: 300px;
+                                height: 30px;
+                                overflow: hidden;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                line-height: 22px;
+                                padding: 21px 0 14px 0;
+                                color: #333333;
+                                font-size: 16px;
+                            }
+                        }
+                    }
+
+                    >li:nth-child(2n) {
+                        border-top: 3px solid #DF9A2B;
+
+                        a {
+                            display: block;
+                            width: 450px;
+                            height: 102px;
+
+                            span {
+                                float: left;
+                                padding: 18px 20px 14px 20px;
+                                width: 70px;
+                                height: 46px;
+                                font-family: Microsoft YaHei, Microsoft YaHei;
+                                font-weight: 400;
+                                font-size: 15px;
+                                color: #DF9A2B;
+                                line-height: 18px;
+                                text-align: left;
+                                font-style: normal;
+                                text-transform: none;
+
+                                strong {
+                                    display: inline-block;
+                                    font-family: Microsoft YaHei, Microsoft YaHei;
+                                    font-weight: 400;
+                                    font-size: 25px;
+                                    color: #DF9A2B;
+                                    line-height: 29px;
+                                    text-align: center;
+                                    font-style: normal;
+                                    text-transform: none;
+                                    margin-bottom: 5px;
+                                }
+                            }
+
+                            .text {
+                                float: left;
+                                width: 300px;
+                                line-height: 22px;
+                                height: 30px;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                overflow: hidden;
+                                padding: 21px 0 14px 0;
+                                color: #333333;
+                            }
+                        }
+                    }
+
+                    >li:hover {
+                        cursor: pointer;
+
+                        .text {
+                            color: #49A769;
+                        }
+                    }
+
+                    >li:nth-child(2n):hover {
+                        cursor: pointer;
+
+                        .text {
+                            color: #49A769;
+                        }
+                    }
+                }
+            }
+
+        }
+    }
+}
+
+//曹国庆
+//public
+.clearfix {
+    overflow: hidden;
+}
+
+.clearfix_2::after {
+    content: '';
+    display: block;
+    height: 0;
+    visibility: hidden;
+    clear: both;
+}
+
+.hiddenColor {
+    visibility: hidden;
+}
+
+.hand {
+    cursor: pointer;
+}
+
+.aTag_parent {
+    position: relative;
+}
+
+.aTag_parent>a,
+.aTag {
+    display: block;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 99;
+    border: 0px;
+    top: 0px;
+    left: 0px;
+    background: rgba(0, 0, 0, 0);
+}
+
+.dot1 {
+    display: block;
+    word-break: keep-all;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.dot2 {
+    overflow: hidden;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+
+.dot3 {
+    overflow: hidden;
+    display: -webkit-box !important;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+}
+
+.cover100 img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 8px;
+}
+
+.back100 {
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+.index_main {
+    margin: 0 auto;
+}
+
+.slow_6 {
+    -webkit-transition: all .6s;
+    -moz-transition: all .6s;
+    -ms-transition: all .6s;
+    -o-transition: all .6s;
+    transition: all .6s;
+}
+
+//index 1
+.index1 {
+    width: 1200px;
+    margin: 0 auto;
+    margin-top: 20px;
+}
+
+.index_1_box {
+    float: left;
+    width: 29%;
+    margin-right: 2%;
+}
+
+.index_1_head_box {
+    width: 100%;
+    border-bottom: solid 1px #D9D9D9;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+
+    .leftTitle {
+        // color:  #49A769;
+        font-size: 22px;
+        font-weight: bold;
+    }
+}
+
+.index_1_head_box a {
+    height: 54px;
+    line-height: 54px;
+    color: #333;
+    font-size: 16px;
+}
+
+.index_1_head {
+    float: left;
+    height: 54px;
+    line-height: 54px;
+    color: #333;
+    font-weight: bold;
+    font-size: 22px;
+    border-bottom: solid 3px #fff;
+    margin-right: 40px;
+}
+
+.index_1_head a {
+    display: block;
+    height: 54px;
+    line-height: 54px;
+    color: #333;
+    font-weight: bold;
+    font-size: 22px;
+}
+
+.index_1_head a.active {
+    color: #49A769;
+    border-bottom: solid 3px #49A769;
+}
+
+.index_1_head_only a {
+    color: #333;
+}
+
+.index_1_head_only a.active {
+    color: #49A769;
+    border-bottom: solid 3px #49A769;
+}
+
+.index_1_head_box_line_none {
+    border: none;
+}
+
+.index_1_head:nth-of-type(even) {
+    margin: 0px 20px;
+}
+
+.index_1_img_li {
+    margin-top: 30px;
+    position: relative;
+}
+
+.index_1_img_li::after {
+    content: '';
+    display: block;
+    position: absolute;
+    right: 0px;
+    bottom: 0px;
+    height: 0px;
+    border-bottom: solid 1px #D9D9D9;
+    width: 188px;
+}
+
+.index_1_img_li img {
+    float: left;
+    width: 150px;
+    height: 85px;
+    margin-right: 13px;
+    border-radius: 8px;
+}
+
+.index_1_li_dot3 {
+    height: 60px;
+    line-height: 20px;
+    color: #333;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.index_1_li {
+    width: 100%;
+    border-bottom: solid 1px #D9D9D9;
+    margin-bottom: 30px;
+}
+
+.index_1_li_only {
+    height: 54px !important;
+}
+
+.index_1_li_dot2 {
+    height: 38px;
+    line-height: 19px;
+    color: #000;
+    font-size: 16px;
+}
+
+.index_1_li_time {
+    height: 16px;
+    line-height: 14px;
+    color: #999;
+    font-size: 14px
+}
+
+.index_1_li_bold {
+    margin-top: 30px;
+}
+
+.index_1_li_bold .index_1_li_dot2 {
+    font-weight: bold;
+    line-height: 20px;
+    height: 40px;
+}
+
+.index_1_li_bold .index_1_li_time {
+    display: block;
+}
+
+.index_1_li_dot2:hover {
+    color: #49A769;
+}
+
+.index_1_li_dot3:hover {
+    color: #49A769;
+}
+
+.index_1_li {
+    margin-bottom: 27px;
+
+    a {
+        display: block;
+        padding-bottom: 10px;
+    }
+
+    li {
+        margin-bottom: 26px !important;
+    }
+}
+
+.index_1_box_right {
+    width: 450px;
+    float: right;
+}
+
+.index_1_box_right_img_ul {
+    margin-top: 30px;
+}
+
+.index_1_box_right_img_li {
+    width: 49%;
+    height: 140px;
+    border-radius: 4px;
+    position: relative;
+    margin-bottom: 5px;
+}
+
+.index_1_box_right_img_li:nth-of-type(odd) {
+    float: left;
+}
+
+.index_1_box_right_img_li:nth-of-type(even) {
+    float: right;
+}
+
+.index_1_box_right_img_li_dot1 {
+    position: absolute;
+    width: 100%;
+    height: 33px;
+    line-height: 33px;
+    box-sizing: border-box;
+    padding: 0px 8px;
+    left: 0px;
+    bottom: 0px;
+    font-size: 16px;
+    color: #fff;
+}
+
+.index_1_box_right_li {
+    border-bottom: solid 1px #E6E6E6;
+    width: 98%;
+    margin: 0px auto;
+
+    a {
+        .index_1_box_right_li_dot1 {
+            &:hover {
+                color: #49A769;
+            }
+        }
+    }
+}
+
+.index_1_box_right_li_dot1 {
+    height: 55px;
+    line-height: 55px;
+    color: #333;
+    font-size: 16px;
+}
+
+.index_1_box_right_li_font {
+    float: right;
+    padding: 4px;
+    background: #e8f5e6;
+    color: #49A769;
+    font-size: 14px;
+    margin-top: 14px;
+    border-radius: 2px;
+    margin-left: 14px;
+}
+
+.index_2,
+.index_1,
+.index_3 {
+    width: 1200px;
+    height: 583px;
+    margin: 0 auto;
+}
+
+.index_2_h {
+    height: 715px !important;
+}
+
+.index_2_head_box {
+    border-bottom: solid 1px #D9D9D9;
+    margin-bottom: 30px;
+}
+
+.index_1_head_box_2 {
+    float: left;
+    width: auto;
+    border: none;
+}
+
+.index_2_head_a_box {
+    margin-top: 11px;
+    float: right;
+}
+
+.index_2_head_a_box a {
+    float: left;
+    height: 12px;
+    line-height: 12px;
+    color: #333;
+    font-size: 16px;
+    padding: 0 20px;
+    border-left: solid 1px #ccc;
+    margin: 10px 0px;
+}
+
+.index_2_head_a_box a:nth-of-type(1) {
+    border: none;
+}
+
+.index_2_big_img_li {
+    height: 236px;
+    position: relative;
+    margin: 0px auto 20px;
+    border-radius: 6px;
+    overflow: hidden;
+}
+
+.index_2_big_img_li::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 68px;
+    z-index: 44;
+    left: 0px;
+    bottom: 0px;
+    position: absolute;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
+    opacity: .5;
+}
+
+.index_2_big_img_li_dot2 {
+    position: absolute;
+    width: 100%;
+    padding: 0 8px;
+    box-sizing: border-box;
+    font-size: 16px;
+    color: #fff;
+    height: 38px;
+    line-height: 19px;
+    left: 0px;
+    bottom: 28px;
+    z-index: 111;
+}
+
+.index_2_big_img_li_dot2_tag {
+    float: left;
+    background: #49A769;
+    color: #fff;
+    font-size: 14px;
+    height: 18px;
+    line-height: 18px;
+    margin: 1px 4px 0px 0px;
+    padding: 0px 3px;
+    z-index: 111;
+}
+
+.index_1_box_right_img_ul_2 {
+    margin: 20px auto 20px;
+}
+
+.index_1_box_right_img_ul_2 .index_1_box_right_img_li {
+    height: 115px;
+    margin-bottom: 0px;
+}
+
+.index_2_li {
+    border-bottom: solid 1px #E6E6E6;
+    height: 115px;
+    box-sizing: border-box;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    width: 100%;
+
+    a {
+        display: block;
+        height: 80px;
+
+        .index_2_li_dot2 {
+            &:hover {
+                color: #49A769;
+            }
+        }
+    }
+}
+
+.index_2_li_time_box {
+    float: left;
+    background: #F4FFF7;
+    width: 100px;
+    margin-right: 30px;
+    padding: 5px 0px;
+    height: 80px;
+    box-sizing: border-box;
+}
+
+.index_2_li_time_head {
+    margin: 0px auto 0;
+    border-bottom: solid 1px #49A769;
+    width: 75px;
+    font-size: 38px;
+    color: #49A769;
+    height: 44px;
+    line-height: 44px;
+    text-align: center;
+}
+
+.index_2_li_time_foot {
+    text-align: center;
+    font-size: 15px;
+    color: #49A769;
+    width: 100%;
+    margin: 0px auto 0px;
+}
+
+.index_2_li_dot2 {
+    height: 42px;
+    line-height: 21px;
+    color: #333;
+    font-size: 16px;
+    margin-top: 11px;
+}
+
+.index_3_box_left {
+    float: left;
+    width: 720px;
+}
+
+.index_3_li {
+    border-bottom: solid 1px #E6E6E6;
+    padding: 14px 0px;
+    width: 49%;
+    font-size: 16px;
+
+    p {
+        color: #333333;
+        padding-left: 20px;
+    }
+
+    a:hover {
+        p.title {
+            color: #33b023;
+        }
+    }
+
+    .title {
+        height: 45px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+
+        b.lis {
+            background: #E6E6E6;
+            width: 6px;
+            height: 6px;
+            display: inline-block;
+            margin-bottom: 2px;
+            margin-right: 5px;
+        }
+    }
+}
+
+.index_3_li:nth-of-type(1),
+.index_3_li:nth-of-type(2) {
+    font-weight: bold;
+}
+
+.index_3_li:nth-of-type(odd) {
+    float: left;
+}
+
+.index_3_li:nth-of-type(even) {
+    float: right;
+}
+
+.index_3 .index_2_head_box {
+    margin-bottom: 0px;
+}
+
+.index_3_li_dot2 {
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0px 20px;
+    height: 42px;
+    line-height: 21px
+}
+
+.index_3_li_dot2::after {
+    content: '';
+    display: block;
+    width: 6px;
+    height: 6px;
+    z-index: 144;
+    left: 0px;
+    top: 10px;
+    position: absolute;
+    background: #E6E6E6;
+}
+
+.index_3_li_color {
+    border-bottom: solid 1px #49A769 !important;
+
+    b.active {
+        background: #33b023 !important;
+        width: 6px;
+        height: 6px;
+        display: inline-block;
+        margin-bottom: 2px;
+        margin-right: 5px;
+    }
+}
+
+.index_3_li_color .index_3_li_dot2::after {
+    background: #49A769;
+}
+
+.index_3_li_color .index_3_li_dot2 {
+    font-weight: bold;
+}
+
+.banner_1_vote {
+    width: 100%;
+    position: relative;
+}
+
+.banner_1_vote img,
+.banner_1_vote a {
+    width: 100%;
+    display: block;
+}
+
+.banner_1_vote_h4 {
+    font-size: 32px;
+    color: #fff;
+    position: absolute;
+    z-index: 11;
+    left: 0px;
+    top: 0px;
+}
+
+.index_3_box_vote {
+    width: 100%;
+    box-sizing: border-box;
+    border: solid 1px #FBFBFB;
+    background: #FBFBFB;
+
+    .inquire {
+        width: 450px;
+        height: 420px;
+        margin-top: 20px;
+        border-radius: 6px 6px 6px 6px;
+        padding: 4px 6px;
+        box-sizing: border-box;
+
+        p {
+            width: 380px;
+            height: 69px;
+            font-family: PingFang SC, PingFang SC;
+            font-weight: 500;
+            font-size: 18px;
+            color: #333333;
+            line-height: 21px;
+            text-align: left;
+            font-style: normal;
+            text-transform: none;
+            padding: 12px 20px 0 32px;
+        }
+
+        .radioBox {
+            width: 440px;
+            height: 230px;
+            padding-left: 30px;
+            overflow-y: auto;
+            box-sizing: border-box;
+        }
+
+        .radio {
+            /deep/.el-radio {
+                --el-radio-input-border-color-hover: #27881a;
+            }
+
+            /deep/.el-radio-group {
+                align-items: center;
+                display: inline-flex;
+                flex-wrap: wrap;
+                font-size: 0;
+                //padding-left: 35px;
+            }
+
+            /deep/.el-radio.el-radio--large {
+                width: 330px;
+                height: 29px;
+                margin-bottom: 15px;
+            }
+
+            /deep/.el-radio.el-radio--large .el-radio__label {
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: 300px;
+            }
+
+            /deep/.el-radio.el-radio--large .el-radio__inner {
+                height: 16px;
+                width: 16px;
+            }
+
+            /deep/.el-radio__input.is-checked+.el-radio__label {
+                color: #27881a;
+            }
+
+            /deep/.el-radio__input.is-checked .el-radio__inner {
+                background: #33b023;
+                border-color: #27881a;
+            }
+        }
+
+        .checkInputBox {
+            /deep/.el-checkbox {
+                --el-radio-input-border-color-hover: #27881a;
+            }
+
+            /deep/.el-checkbox-group {
+                align-items: center;
+                display: inline-flex;
+                flex-wrap: wrap;
+                font-size: 0;
+                //padding-left: 35px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large {
+                width: 330px;
+                height: 29px;
+                margin-bottom: 15px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large .el-checkbox__label {
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #333333;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                width: 300px;
+            }
+
+            /deep/.el-checkbox.el-checkbox--large .el-checkbox__inner {
+                height: 16px;
+                width: 16px;
+            }
+
+            /deep/.el-checkbox__input.is-checked+.el-checkbox__label {
+                color: #27881a;
+            }
+
+            /deep/.el-checkbox__input.is-checked .el-checkbox__inner {
+                background: #33b023;
+                border-color: #27881a;
+            }
+        }
+
+        .btn {
+            width: 70px;
+            height: 32px;
+            margin: 0 auto;
+            padding-top: 15px;
+
+            button {
+                width: 70px;
+                height: 32px;
+                line-height: 32px;
+                border-radius: 6px;
+                border: none;
+                font-family: PingFang SC, PingFang SC;
+                font-weight: 400;
+                font-size: 16px;
+                color: #999999;
+            }
+
+            .voting {
+                background-color: #49A769;
+                color: #fff;
+                margin-right: 44px;
+                cursor: pointer;
+            }
+
+            .look {
+                cursor: pointer;
+            }
+        }
+    }
+
+    .inquireData {
+        .inquireDataItem {
+            width: 380px;
+            height: 38px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: #F3F3F3;
+            border: 1px solid #D2D2D2;
+            margin-bottom: 10px;
+            border-radius: 6px;
+            padding: 0 15px;
+            box-sizing: border-box;
+            color: #999999;
+
+            .inquireDataItemTitle {
+                width: 290px;
+                height: 38px;
+                font-size: 16px;
+                line-height: 38px;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            .inquireDataItemNum {
+                font-size: 16px;
+            }
+        }
+
+        .active {
+            color: #49A769;
+            background: #dff7e8;
+            border: 1px solid #49A769;
+        }
+    }
+}
+
+.index_1_li {
+    height: 50px;
+
+    .index_1_li_time {
+        margin-top: 10px;
+    }
+}
+
+.index_1_ul_mrbot {
+    margin-bottom: 30px;
+}
+
+
+.imgbg::after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 68px;
+    z-index: 44;
+    left: 0px;
+    bottom: 0px;
+    position: absolute;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
+    opacity: .5;
+}
+
+.index_1_li_bottom {
+    margin-bottom: 22px;
+}
+
+.index_1_li_bottom2 {
+    height: 57px;
+}

assets/css/index/yd.less

@@ -0,0 +1,1423 @@
+@media screen and (min-width:801px) {
+    .layoutCopyData_style1 a:nth-child(3) {
+        display: none;
+    }
+
+    .layoutCopyData_style1>a {
+        display: none;
+    }
+
+    .layoutCopyData_style1>a:nth-of-type(-n+2) {
+        display: block;
+        display: flex;
+    }
+
+    .pc_none {
+        display: none;
+    }
+}
+
+@media screen and (max-width:800px) {
+
+    /*ipad_phone*/
+    .scienceEducation .adBox1 {
+        margin-top: 22px;
+    }
+
+    .farming {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+    }
+
+    .farming .farmerLeft {
+        width: 100%;
+        height: auto;
+    }
+
+    .farming .farmerRight {
+        width: 100%;
+        height: auto;
+    }
+
+    .farming .farmerLeft .farmer {
+        width: 100%;
+        overflow: hidden;
+        height: auto;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 {
+        padding-top: 15px;
+        display: block;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li {
+        width: 100%;
+        height: 55vw;
+        display: none;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li:nth-of-type(1) {
+        display: block;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li img {
+        width: 100%;
+        height: 100%;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li a div {
+        width: 90%;
+        left: 5%;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 {
+        overflow: hidden;
+        display: block;
+        height: 213px;
+        margin-top: 3px;
+
+    }
+
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 li {
+        margin-bottom: 8px;
+        height: auto;
+        display: none;
+        width: 100%;
+        border-radius: 0px;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 li:nth-of-type(-n+5) {
+        display: block;
+    }
+
+
+
+    .farming .farmerLeft .farmer>h3 {
+        margin-top: 5px;
+    }
+
+    .farming .farmerLeft .farmer>h3 a.active {
+        font-size: 18px;
+    }
+
+    .farming .farmerLeft .farmer>h3>a {
+        font-size: 12px;
+        color: #999;
+        width: auto;
+    }
+
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 p.title {
+        width: 100%;
+        height: auto;
+        line-height: 22px;
+        height: 22px;
+        margin-bottom: 10px;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        position: relative;
+        text-indent: 18px;
+
+
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 p.title::after {
+        content: '';
+        display: block;
+        position: absolute;
+        left: 0px;
+        top: 8px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+
+    .farming .farmerRight .rich ul {
+        overflow: hidden;
+        height: auto;
+    }
+
+    .farming .farmerRight .rich ul li {
+        height: 40px;
+        line-height: 40px;
+        padding: 0;
+        display: none;
+    }
+
+    .farming .farmerRight .rich ul li:nth-of-type(-n+5) {
+        display: block;
+    }
+
+    .farming .farmerRight .rich ul li a {
+        height: 33px;
+        line-height: 33px;
+        padding: 0;
+        display: block;
+        width: 100%;
+        position: relative;
+        text-indent: 15px;
+    }
+
+    .farming .farmerRight .rich ul li a .index {
+
+        position: absolute;
+        left: 0px;
+        top: 9px;
+        height: 16px;
+        line-height: 16px;
+        text-indent: 0px;
+
+    }
+
+    .farming .farmerRight .rich ul li a .title {
+        height: 33px;
+        line-height: 33px;
+        padding: 0;
+        float: left;
+        width: 100%;
+        display: block;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        text-indent: 18px;
+    }
+
+    .index_3_li {
+        width: 100%;
+    }
+
+    .index_3_li:nth-of-type(even),
+    .index_3_li:nth-of-type(odd) {
+        width: 100%;
+    }
+
+    .index_3_li {
+        display: none;
+    }
+
+    .index_3_li:nth-of-type(-n+3) {
+        display: block;
+        border-bottom: 1px solid #E6E6E6 !important;
+        font-weight: normal;
+    }
+
+
+
+    .index_3_li .title {
+        height: 22px;
+        line-height: 22px;
+        font-weight: normal;
+        color: #333;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        padding: 0;
+
+    }
+
+    .index_3_li .title b.lis {}
+
+    .index_3_li_color b.active {
+        background: #E6E6E6 !important;
+    }
+
+    .scienceEducation {
+        height: auto;
+        overflow: hidden;
+    }
+
+    .scienceEducation .scienceLeft {
+        width: 100%;
+        overflow: hidden;
+        height: auto;
+        float: none;
+        margin: 0px auto;
+    }
+
+    .scienceEducation .scienceRight {
+        width: 100%;
+        height: auto;
+    }
+
+    .scienceEducation .adBox1 {
+        width: 100%;
+        height: auto;
+        margin-bottom: 0px;
+        display: none;
+    }
+
+    .scienceEducation .adBox1 a {
+        width: 100%;
+        height: auto;
+    }
+
+    .scienceEducation .adBox1 img {
+        width: 100%;
+        height: auto;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul {}
+
+    .scienceEducation .scienceRight .banner_b_img ul {
+        overflow: hidden;
+        padding-top: 8px;
+        height: 213px;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li {
+        margin-bottom: 0px;
+        display: none;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li:nth-of-type(-n+5) {
+        display: block;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li a {
+        height: auto;
+        display: block;
+        padding: 9px 0px;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li a p {
+        display: block;
+        line-height: 22px;
+        height: 22px;
+        margin-bottom: 0px;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+    }
+
+
+    .farming .farmerLeft .farmer ul.mode1ul_style2 p:nth-of-type(2) {
+        display: none;
+    }
+
+    .farming .farmerRight .richList .richListPic {
+        margin-bottom: 0px;
+    }
+
+    .farming .farmerRight .richList .richListText {
+        margin-bottom: 0px;
+    }
+
+    .farming .farmerRight .richList .richListText a {
+        height: 40px;
+        line-height: 40px;
+    }
+
+    .farming .farmerRight .rich {
+        height: auto;
+        overflow: hidden;
+    }
+
+    .farming .farmerRight .richList .richListPic a {
+        display: block;
+        position: relative;
+    }
+
+    .farming .farmerRight .richList .richListPic a img {
+        width: 100%;
+        height: 55vw;
+    }
+
+    .farming .farmerRight .richList .richListPic a div {
+        width: 90%;
+        position: absolute;
+        left: 5%;
+        height: 22px;
+        line-height: 22px;
+        color: #fff;
+        padding-top: 0px;
+        bottom: 17px;
+        border: 0;
+    }
+
+    .farming .farmerRight .richList .richListPic a div span {
+        font-weight: lighter;
+        -webkit-line-clamp: 1;
+    }
+
+
+    .farming .farmerRight .richList .richListPictow a {
+        display: block;
+        position: relative;
+    }
+
+    .farming .farmerRight .richList .richListPictow a img {
+        width: 100%;
+        height: 55vw;
+    }
+
+    .farming .farmerRight .richList .richListPictow a div {
+        width: 90%;
+        position: absolute;
+        left: 5%;
+        height: 22px;
+        line-height: 22px;
+        color: #fff;
+        padding-top: 0px;
+        bottom: 17px;
+        border: 0;
+    }
+
+    .farming .farmerRight .richList .richListPictow a div span {
+
+        font-weight: lighter;
+        -webkit-line-clamp: 1;
+    }
+
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li a div span {
+        display: none;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li a {
+        width: 100%;
+    }
+
+    .scienceEducation .scienceRight .banner_b_img ul li a p {
+        width: 100%;
+        position: relative;
+        text-indent: 18px;
+    }
+
+
+    .scienceEducation .scienceRight .banner_b_img ul li a p::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 8px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+
+    .index_3 {
+        height: auto;
+        overflow: hidden;
+        width: 92%;
+        margin: 0px auto;
+    }
+
+    .index_3_box_left {
+        height: auto;
+        overflow: hidden;
+        width: 100%;
+        float: none;
+    }
+
+    .index_1_box_right {
+        height: auto;
+        overflow: hidden;
+        width: 100%;
+        float: none;
+    }
+
+    .index_1_box_right img {
+        display: block;
+        width: 100%;
+    }
+
+    .index_3_box_vote .inquire {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+    }
+
+    .index_3_box_vote .inquire p {
+        width: 100%;
+        height: auto;
+        box-sizing: border-box;
+        padding-top: 0px;
+    }
+
+    .index_3_box_vote .inquire .radioBox {
+        margin-top: 8px;
+        height: auto;
+    }
+
+    .titleBox {
+        display: none;
+    }
+
+
+
+    .lastPart3 {
+        width: 92%;
+        margin: 0px auto;
+        overflow: hidden;
+        height: auto;
+    }
+
+    .lastPart3 .inner {
+        width: 100%;
+        overflow: hidden;
+        height: auto;
+    }
+
+    .lastPart3 .inner .lastPartTitle {
+        overflow: hidden;
+        height: auto;
+    }
+
+    .lastPart3 .inner .lastPartTitle .right a {
+        word-break: keep-all;
+        white-space: nowrap;
+        margin: 0px 0px 0px 10px;
+        padding: 0px 10px 0px 0px;
+    }
+
+    .lastPart3 .inner .lastPartTitle>a {
+        float: right;
+        font-size: 12px;
+        width: auto;
+        color: #999;
+    }
+
+
+
+    .lastPart3 .inner .lastPartContext {
+        overflow: hidden;
+        margin-top: 8px;
+    }
+
+    .lastPart3 .inner .lastPartContext .left {
+        float: none;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 {
+        width: 100%;
+        display: block;
+        padding-top: 0px;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li {
+        display: none;
+        width: 100%;
+        height: 55vw;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li:nth-of-type(1) {
+        display: block;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li img {
+        width: 100%;
+        height: 100%;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div {
+        width: 86%;
+        left: 7%;
+        height: 28px;
+        overflow: hidden;
+        bottom: 12px;
+
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div p {
+        height: 28px;
+        -webkit-line-clamp: 1 !important;
+        width: 101%;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style1 li a div span {
+        display: none;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li {
+        width: 100%;
+        height: 42px;
+        margin-bottom: 0px;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li * {
+        width: 100% !important;
+        height: 44px !important;
+        margin-bottom: 0px;
+        display: block !important;
+        line-height: 44px !important;
+
+        position: relative;
+        text-indent: 18px;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li *::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 18px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+    .lastPart3 .inner .lastPartContext .right {
+        float: none;
+        width: 100%;
+        overflow: hidden;
+        margin-top: 33px;
+        height: auto;
+    }
+
+    .lastPart3 .inner .lastPartContext .right .content li {
+        margin-bottom: 0px;
+    }
+
+    .lastPart3 .inner .lastPartContext .right .content li a .text {
+        width: 55%;
+    }
+
+    .lastPart3 .inner .lastPartContext .right .content>li:nth-child(2n) a .text {
+        width: 55%;
+    }
+
+    .index_2_big_img_li {
+        display: none;
+    }
+
+    .index_2_big_img_li:nth-of-type(1) {
+        display: block;
+        height: 55vw;
+        border-radius: 10px;
+    }
+
+    .index_2_big_img_li:nth-of-type(1) a {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+    .index_2_big_img_li:nth-of-type(1) img {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
+
+
+    .index_2 {
+        height: auto !important;
+        width: 92%;
+        overflow: hidden;
+        margin: 10px auto;
+    }
+
+    .index_1_box>div {
+        display: none;
+    }
+
+    .index_1_box>div:nth-of-type(1) {
+        display: block;
+        height: 210px;
+    }
+
+    .index_1_box .index_1_ul {
+        margin-top: 16px;
+    }
+
+
+    .index_1_box {
+        float: none;
+        width: 100%;
+        overflow: hidden;
+        margin: 0px auto 2px;
+    }
+
+    .index_1_li {
+        margin-bottom: 7px;
+        height: 33px !important;
+        display: none;
+    }
+
+    .index_1_li:nth-of-type(-n+5) {
+        display: block;
+    }
+
+    .index_1_li a {
+        display: block;
+        line-height: 22px;
+        height: 22px;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 100%;
+        padding: 0px;
+        color: #333;
+    }
+
+    .index_1_li_dot2 {
+        display: block !important;
+        line-height: 22px;
+        height: 22px;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 100%;
+        padding: 0px;
+        position: relative;
+        text-indent: 18px;
+
+    }
+
+    .index_1_li_dot2::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 8px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+
+    .index_1_box_right_img_li_dot1 {
+        display: none;
+    }
+
+    .index_2_li {
+        height: auto;
+        padding: 0px 0px 10px 0px;
+    }
+
+    .index_2_big_img_li_dot2 {
+        padding: 0;
+        height: 19px;
+        -webkit-line-clamp: 1;
+        bottom: 14px;
+        left: 6%;
+        width: 88%;
+    }
+
+    .index_2_big_img_li_dot2_tag {
+        background: #9CD26B;
+        border-radius: 4px;
+        font-size: 12px;
+        padding: 0px 6px;
+        display: none;
+
+    }
+
+    .layoutCopy {
+        overflow: hidden;
+        width: 92%;
+        margin: 0px auto;
+        display: block;
+    }
+
+    .layoutCopy .layoutCopyLeft {
+        width: 100%;
+    }
+
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftTop {
+        width: 100%;
+        display: block;
+    }
+
+    .layoutCopy .layoutCopyRight {
+        width: 100%;
+        display: block;
+    }
+
+
+
+
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 {
+        width: 100%;
+        display: block;
+        overflow: hidden;
+    }
+
+    .layoutCopyData_style2 a {
+        margin-top: 0px;
+        border-bottom: 1px solid #E6E6E6;
+    }
+
+    .layoutCopyData_style2 a .title {
+        line-height: 40px;
+        height: 40px;
+        font-weight: lighter !important;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        margin: 0px auto;
+
+        position: relative;
+        text-indent: 18px;
+    }
+
+    .layoutCopyData_style2 a .title::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 17px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+    .layoutCopyData_style3 .style3link1 .time {
+        display: none;
+        width: 16vw;
+        height: auto;
+
+    }
+
+    .layoutCopyData_style3 .style3link1 .time p:nth-child(1) {
+        font-size: 18px;
+        width: 100%;
+        height: 33px;
+        line-height: 33px;
+        padding: 0;
+        margin: 0;
+    }
+
+    .layoutCopyData_style3 .style3link1 .time p:nth-child(2) {
+        font-size: 14px;
+    }
+
+    .layoutCopyData_style3 .style3link1 {
+        border-bottom: 1px solid #E6E6E6;
+        margin-bottom: 0px;
+        display: block;
+
+    }
+
+    .layoutCopyData_style3 .style3link1 .title {
+        width: 100%;
+        display: block;
+        color: #333;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        font-size: 16px;
+        height: 40px;
+        line-height: 40px;
+        position: relative;
+        text-indent: 18px;
+    }
+
+    .layoutCopyData_style3 .style3link1 .title::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 17px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+    .layoutCopyData_style3 .style3link1 .introduce {
+        width: 70vw;
+        font-size: 14px;
+        display: none;
+    }
+
+    .layoutCopyData_style3 .style3link2 b {
+        display: none;
+    }
+
+    .layoutCopyData_style3 .style3link2 {
+        margin-bottom: 0px;
+        line-height: 40px;
+        height: 40px;
+        box-sizing: border-box;
+        display: block;
+    }
+
+    .layoutCopyData_style3 .style3link2>p {
+        display: none;
+    }
+
+    .layoutCopyData_style3 .style3link2 div {
+        display: block;
+        width: 100%;
+    }
+
+    .layoutCopyData_style3 .style3link2 div .title {
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        border-bottom: 1px solid #E6E6E6;
+        position: relative;
+        text-indent: 18px;
+
+    }
+
+
+    .layoutCopyData_style3 .style3link2 div .title::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 17px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+    .layoutCopyData_style3>div {
+        display: none;
+    }
+
+    .layoutCopyData_style3>div:nth-of-type(-n+3) {
+        display: block;
+    }
+
+
+
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom {
+        height: auto;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_pic {
+        display: block;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_pic a {
+        width: 100%;
+        height: 55vw;
+        display: none;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_pic a img {
+        width: 100%;
+        height: 100%;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_pic a:nth-of-type(1) {
+        display: block;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_text a {
+        padding-bottom: 0px;
+        margin-top: 0px;
+        display: none;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_text a:nth-of-type(-n+5) {
+        display: block;
+        display: flex;
+        line-height: 40px;
+        height: 40px;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_text a .title {
+        width: 100%;
+    }
+
+
+    .layoutCopyData_style1 {
+        margin-bottom: 0px;
+        width: 100%;
+        min-height: 270px;
+    }
+
+    .layoutCopyData_style1 a:nth-child(1) {
+        display: block;
+        width: 100%;
+        margin: 0px 0px 15px 0px;
+        position: relative;
+    }
+
+    .layoutCopyData_style1 a:nth-child(1) img {
+        width: 100%;
+        height: 55vw;
+        border-radius: 6px;
+        display: block;
+    }
+
+    .layoutCopyData_style1 a:nth-child(1)>div {
+        width: 100%;
+        height: auto;
+        border: 0;
+    }
+
+    .layoutCopyData_style1 a:nth-child(1) span {
+        width: 90%;
+        max-height: 22px;
+        line-height: 22px;
+        color: #fff;
+        font-size: 16px;
+        position: absolute;
+        bottom: 14px;
+        left: 5%;
+        font-weight: lighter !important;
+        -webkit-line-clamp: 1 !important;
+    }
+
+
+    .layoutCopyData_style1 a:nth-of-type(n+2) {
+        width: 100%;
+        margin-top: 0px;
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 2;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+        font-size: 16px;
+        color: #333333;
+        border-bottom: 1px solid #E6E6E6;
+    }
+
+
+    .layoutCopyData_style1 a:nth-of-type(n+2) .title {
+        width: 100%;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        display: block;
+        -webkit-box-orient: vertical;
+        -webkit-line-clamp: 1;
+        margin: 0px 0;
+        height: 40px;
+        line-height: 40px;
+
+        position: relative;
+        text-indent: 18px;
+    }
+
+    .layoutCopyData_style1 a:nth-of-type(n+2) .title::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 18px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+
+    .lastPart3 .inner .lastPartTitle .right {
+        display: none;
+    }
+
+    .index_2_head_a_box {
+        display: none;
+    }
+
+    .lastPart3 .inner .lastPartContext .right {
+        display: none;
+    }
+
+    .index_1_box_right {
+        display: none;
+    }
+
+    .farming .farmerRight .rich>h3 a {
+        font-size: 12px;
+        width: auto;
+        color: #999;
+    }
+
+    .farming .farmerRight .rich>h3 .active {
+        font-size: 18px;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li a div p:nth-child(1) {
+        line-height: 24px;
+        height: 24px;
+        -webkit-line-clamp: 1;
+        padding: 0px 6px;
+        margin-top: 0px;
+    }
+
+    .farming .farmerLeft .farmer ul.mode1ul_style1 li a div {
+        height: 24px;
+    }
+
+    .farming .farmerRight .richList .richListText a span {
+
+        position: relative;
+        text-indent: 18px;
+    }
+
+    .farming .farmerRight .richList .richListText a span::after {
+        content: '';
+        display: block;
+
+        position: absolute;
+        left: 0px;
+        top: 17px;
+        background: #E6E6E6;
+        width: 6px;
+        height: 6px;
+    }
+
+    .farming .farmerRight .richList .richListPictow {
+        display: none;
+    }
+
+
+    .scienceEducation .scienceRight>h3 span a {
+        font-size: 18px;
+        line-height: 50px;
+        height: 50px;
+        box-sizing: border-box;
+        display: block;
+    }
+
+    .layoutCopy .layoutTitleBox .layoutTitle a {
+        font-size: 18px;
+        line-height: 50px;
+        height: 50px;
+        box-sizing: border-box;
+        display: block;
+    }
+
+    .layoutCopy .layoutTitleBox .layoutMore a {
+        font-size: 12px;
+        width: auto;
+        color: #999;
+        margin-right: 11px;
+    }
+
+    .scienceEducation .scienceRight>h3>a {
+        font-size: 12px;
+        color: #999;
+        width: auto;
+    }
+
+    .index_1_head a {
+        font-size: 18px;
+        line-height: 50px;
+        height: 50px;
+        box-sizing: border-box;
+        display: block;
+    }
+
+    .index_3 .index_2_head_box {
+        margin: 5px auto 8px;
+    }
+
+    .farming .farmerLeft .farmer>h3 .titleBoxTabs span a {
+        font-size: 18px;
+    }
+
+    .farming .farmerLeft .farmer>h3 .titleBoxTabs .active a.active {
+        font-size: 18px;
+        line-height: 50px;
+        height: 50px;
+        box-sizing: border-box;
+        display: block;
+    }
+
+    .lastPart3 .inner .lastPartTitle .left span a {
+        font-size: 18px;
+    }
+
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li {
+        display: none;
+    }
+
+    .lastPart3 .inner .lastPartContext .left ul.mode1ul_style2 li:nth-of-type(-n+5) {
+        display: block;
+    }
+
+
+    .farming .farmerRight .rich>h3 {
+        margin-top: 5px;
+    }
+
+    .farming .farmerRight .rich ul {
+        padding-top: 8px;
+    }
+
+    .scienceEducation .scienceRight>h3 {
+        margin: 16px auto 0px;
+        border-bottom: 1px solid #D9D9D9;
+    }
+
+    .layoutCopy .layoutTitleBox {
+        margin: 5px auto 15px;
+    }
+
+    .farming .farmerRight .richList {
+        margin-top: 8px;
+    }
+
+    .lastPart3 .inner {
+        margin-top: 8px;
+    }
+
+    .index_2 {
+        margin-top: 5px;
+    }
+
+    .index_2_head_box {
+        margin-bottom: 15px;
+    }
+
+    .index_3_li {
+        padding: 9px 0px;
+    }
+
+    .index_1_head_box {
+        justify-content: space-between;
+        align-items: center;
+        float: none;
+    }
+
+    .index_1_head_box>a {
+        font-size: 12px;
+        width: auto;
+        color: #999;
+    }
+
+    .layoutCopyData_style4 .layoutCopyData_pic a p {
+        line-height: 18px;
+        font-size: 16px;
+        width: 86%;
+        bottom: 14px;
+        left: 7%;
+    }
+
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft1 {
+        width: 100%;
+    }
+
+    .layoutCopyData_text {
+        height: 210px;
+        overflow: hidden;
+        margin-top: 14px;
+    }
+
+    .index_3_ul {
+        height: 123px;
+        overflow: hidden;
+    }
+
+    .index_1_head {
+        line-height: 50px;
+        height: 50px;
+    }
+
+
+    .phone_head_1 {
+        margin-top: 16px !important;
+    }
+
+    .phone_head_2 {
+        margin-top: 10px !important;
+    }
+
+    .phone_head_3 {
+        margin-top: 10px !important;
+    }
+
+    .phone_head_4 {
+        margin-top: 4px !important;
+    }
+
+    .phone_ul_1 {
+        height: 208px !important;
+    }
+
+    .phone_ul_2 {
+        height: 197px !important;
+    }
+
+
+    .lastPart3 {
+        display: none;
+    }
+
+    // 农资购销
+    // .layoutCopy .layoutCopyRight{display:none;}// 书刊信息
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftBottom {
+        display: none;
+    }
+
+    // 农贸资讯
+    .layoutCopy .layoutCopyLeft .layoutCopyLeftTop .layoutCopyLeft2 {
+        display: none;
+    }
+
+    //三农投资
+    .farming .farmerRight {
+        display: none;
+    }
+
+    //农民工
+
+
+    .phone_name_1 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 16px auto 8px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+
+    .phone_name_2 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 16px auto 8px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+    .phone_name_3 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 11px auto 15px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+    .phone_name_4 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 5px auto 0px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+    .phone_name_5 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 11px auto 0px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+    .phone_name_6 {
+        width: 100%;
+        height: 50px;
+        border-bottom: 1px solid #E6E6E6;
+        margin: 8px auto 15px;
+
+        a {
+            float: left;
+            height: 50px;
+            line-height: 50px;
+            font-size: 18px;
+            color: #49A769;
+            font-weight: bold;
+            box-sizing: border-box;
+            border-bottom: 3px solid #49A769;
+        }
+    }
+
+
+
+
+    .phone_none {
+        display: none !important;
+    }
+}
+
+@media screen and (max-width:800px) {
+
+    /*ipad_phone*/
+    .inner {
+        width: 92%;
+        margin: 0px auto;
+        overflow: hidden;
+    }
+
+    /* body{padding-bottom:44px;}         */
+}

components/home/foot.vue

@@ -1,37 +1,43 @@
- <template>
+<template>
     <footer class="index_foot">
-        <div class="foot_img_box"> 
+        <div class="foot_title">
+            <div class="foot_title_text">友情链接</div>
+        </div>
+        <div class="foot_img_box">
             <a :href="item.url" v-for="(item, index) in bottomLink" :title="item.title" target="_blank">
-                <img :src="item.logo_url" :alt="item.title">
+                <!-- <img :src="item.logo_url" :alt="item.title"> -->
+                <img src="public/index/link.jpg" :alt="item.title">
             </a>
         </div>
         <div class="foot_frind_box">
-            <span>友情链接</span>	 		
             <div>
-                <a :href="item.url" v-for="(item, index) in bottomText" :key="index" :title="item.title" target="_blank">{{ item.title }}</a>	
+                <a :href="item.url" v-for="(item, index) in bottomText" :key="index" :title="item.title"
+                    target="_blank">{{ item.title }}</a>
             </div>
         </div>
         <div class="call_us_box">
             <span v-for="(item, index) in bottomMenu" :key="index">
-                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1" :title="item.name">
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1"
+                    :title="item.name">
                     {{ item.name }}
                 </NuxtLink>
-                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
+                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0"
+                    :title="item.name">
                     {{ item.name }}
                 </NuxtLink>
             </span>
         </div>
         <div class="foot_text_box" v-if="bottomBase">
-            <p v-html="bottomBase.statement" class="foot_text_html_css "></p>
-            <p v-html="bottomBase.organizer" class="foot_text_html_css "></p>
+            <p v-html="bottomBase.statement" class="foot_text_html_css"></p>
+            <p v-html="bottomBase.organizer" class="foot_text_html_css foot_color_red"></p>
             <p v-html="bottomBase.copyright_information" class="foot_text_html_css"></p>
-            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
-            <p v-html="bottomBase.email" class="foot_text_html_css "></p>
-            <p v-html="bottomBase.company_address" class="foot_text_html_css "></p>
+            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span
+                    v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
             <p v-html="bottomBase.contact_number" class="foot_text_html_css"></p>
+            <p v-html="bottomBase.company_address" class="foot_text_html_css "></p>
+            <p v-html="bottomBase.email" class="foot_text_html_css "></p>
         </div>
-        <div class="foot_logo_out" v-if="bottomBase">
-
+        <!-- <div class="foot_logo_out" v-if="bottomBase">
             <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name" v-if="bottomBase.project_logo!=''&&bottomBase.project_url!=''">
                 <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
             </a>
@@ -44,33 +50,31 @@
             <span v-else-if="bottomBase.company_logo!=''&&bottomBase.company_url==''">
                 <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
             </span>
-        </div>
+        </div> -->
         <div class="foot_last_img_box">
-
             <a :href="item.url" v-for="(item, index) in bottomphoto" :title="item.title">
-                <img :src="item.logo_url" :alt="item.title">
+                <!-- <img :src="item.logo_url" :alt="item.title"> -->
+                <img src="public/index/link2.png" :alt="item.title">
             </a>
         </div>
-
-        <!--在线客服-->
         <div class="kefu">
             <div class="kefu_itemKf">
-                <a :href="bottomBase.online_service" target="_blank">
-                    <img src="https://img.bjzxtw.org.cn/pre/public/image/online1.png">
+                <a href="http://kf.znxyw.org.cn/?m=front&a=chat&key=ii08zncpb5" target="_blank">
+                    <img src="public/index/kefu.png">
                     <p>在线客服</p>
                 </a>
             </div>
-            <div class="kefu_itemQQ">
+            <!-- <div class="kefu_itemQQ">
                 <img src="https://img.bjzxtw.org.cn/pre/public/image/qq1.png">
                 <p>QQ客服</p>
                 <div class="kefu_item_content_QQ">
                     <div @click="addQQFriend(qq1)" class="qqadd">
                         <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao1.png" width="100">
-                        <div class="qqfs">{{bottomBase.customer_service_qq}}</div>
+                        <div class="qqfs">{{ bottomBase.customer_service_qq }}</div>
                     </div>
                     <div @click="addQQFriend(qq2)" class="qqadd">
                         <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao2.png" width="100">
-                        <div class="qqfs">{{bottomBase.communications}}</div>
+                        <div class="qqfs">{{ bottomBase.communications }}</div>
                     </div>
                     <div class="arrow"></div>
                 </div>
@@ -80,12 +84,79 @@
                 <p>电话客服</p>
                 <div class="kefu_item_content_phone">
                     <div class="kefu_item_content_phone_title">联系电话：</div>
-                    <div>{{bottomBase.customer_service}}</div>
+                    <div>{{ bottomBase.customer_service }}</div>
                     <div class="arrow"></div>
                 </div>
+            </div> -->
+        </div>
+        <!--右侧悬浮-->
+        <div class="foot_right_float">
+            <NuxtLink target="_blank" href="http://fazhidy.org.cn">政讯通•全国法制调研中心</NuxtLink>
+            <NuxtLink target="_blank" href="http://fazyqjczx.org.cn">政讯通•全国法制舆情监测中心</NuxtLink>
+            <NuxtLink target="_blank" href="http://fzfzcj.org.cn">政讯通•全国法制发展促进中心 </NuxtLink>
+        </div>
+        <!--你问我答-->
+        <div :class="wenda ? 'wenda wenda_style' : 'wenda'">
+            <div class="wenda_tlt">
+                <h3><a href="/">你问我答</a></h3>
+                <span @click="toggleWenda"></span>
             </div>
+            <ul class="wenda_view">
+                <li>
+                    <div>
+                        <span class="new_wen">问</span>
+                        <span><a href="/">政讯通•全国法制项目官网有几个，承担的职能是什么</a></span>
+                    </div>
+                    <div>
+                        <span class="new_da">答</span>
+                        <b>
+                            4个官网，分别是：
+                            政讯通•全国法制资讯发布中心官网，提供资讯信息化服务，以资讯发布为主；
+                            政讯通•全国法制调研中心官网，承担调研、法律服务等功能；
+                            政讯通•全国法制舆情监测中心官网，承担舆情监测、处理、公关等功能；
+                            政讯通•全国法制发展促进中心官网，承担行业发展促进、服务功能。
+                        </b>
+                    </div>
+                </li>
+                <li>
+                    <div>
+                        <span class="new_wen">问</span>
+                        <span><a href="/">我在网上看你们有聘兼职法制监督员，我想申请有什么要求？需要费用吗？</a></span>
+                    </div>
+                    <div>
+                        <span class="new_da">答</span>
+                        <b>合法中国公民，热爱和关注公益事业；五年内无违法犯罪记录；会电脑基本操作、有过媒体或公检法相关工作经验者均可申请。收取网络平台使用费，法制监督员分全国、省级、地市级三个级，地市级1200元/年，省级2400元/年，全国级4800元/年，配套办公用品费300元。运费到付或者顺付50元。</b>
+                    </div>
+                </li>
+                <li>
+                    <div>
+                        <span class="new_wen">问</span>
+                        <span><a href="/">申请地市中心条件？</a></span>
+                    </div>
+                    <div>
+                        <span class="new_da">答</span>
+                        <b>
+                            （1）从事过公检法相关工作或者媒体/法制工作的公民或法人单位均可申请；（前提条件）
+                            （2）熟悉我国相关政策和调研工作；
+                            （3）遵守国家法律法规，积极为发展做贡献；
+                            （4）遵守内参各项规章制度，严格执行工作纪律；
+                            （5）熟悉基本网络操作，遵守互联网应用规则；
+                        </b>
+                    </div>
+                </li>
+                <li>
+                    <div>
+                        <span class="new_wen">问</span>
+                        <span><a href="/">我想申请法制调研员有什么条件？</a></span>
+                    </div>
+                    <div>
+                        <span class="new_da">答</span>
+                        <b>有意从事法制公益性工作，熟悉国家法律法规、司法政策，五年内无违法犯罪记录；熟悉调研工作，熟悉网络基本操作,年龄在25-65之间的中国公民均可申请，有过执法或者公检法行业相关从业者优先考虑。</b>
+                    </div>
+                </li>
+            </ul>
         </div>
- 	</footer>	
+    </footer>
 </template>
 
 <script setup>
@@ -96,7 +167,6 @@ function addQQFriend(qqNumber) {
     window.location.href = `tencent://message/?uin=${qqNumber}&Site=&Menu=yes`;
 }
 //0.添加网站客服 end---------------------------------------->
-
 //获得底部基本信息 start---------------------------------------->
 //1.获得全部友情链接与底部图片
 const bottomLink = ref([])
@@ -104,20 +174,19 @@ const bottomText = ref([])
 const bottomphoto = ref([])
 const bottomMenu = ref([])
 const bottomBase = ref({})
-
 const qq1 = ref("")
 const qq2 = ref("")
 
 async function getModelDataAll() {
-    const mkdata =  await requestDataPromise('/web/getWebsiteFootAll', {
+    const mkdata = await requestDataPromise('/web/getWebsiteFootAll', {
         method: 'GET',
         query: {
-            'link_textnum':24,
-            'link_imgnum':18,
-            'link_footnum':4
+            'link_textnum': 24,
+            'link_imgnum': 18,
+            'link_footnum': 4
         },
     });
-    if(mkdata.code == 200){
+    if (mkdata.code == 200) {
         bottomLink.value = mkdata.data.link_img;
         bottomText.value = mkdata.data.link_text;
         bottomphoto.value = mkdata.data.link_foot;
@@ -127,88 +196,757 @@ async function getModelDataAll() {
         qq1.value = bottomBase.value.customer_service_qq.match(/\d+/g);
         qq2.value = bottomBase.value.communications.match(/\d+/g);
 
-    }else{
+    } else {
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
         console.log("错误位置：获取友情链接图片")
-        console.log("后端错误反馈：",mkdata.message)
+        console.log("后端错误反馈：", mkdata.message)
         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
     }
 }
 getModelDataAll();
 //获得底部基本信息 end---------------------------------------->
+
+//你问我答 start---------------------------------------->
+const wenda = ref(false)
+function toggleWenda() {
+    wenda.value = !wenda.value
+}
+//你问我答 end---------------------------------------->
 </script>
 
 <style lang="less" scoped>
-    @import '@/assets/css/foot.less';
-</style>
+//PC端 start ---------------------------------------->
+.foot_title {
+    width: 100%;
+    overflow: hidden;
+    background: #fff;
+
+    .foot_title_text {
+        display: block;
+        width: 100px;
+        height: 40px;
+        line-height: 40px;
+        text-align: center;
+        font-size: 18px;
+        border-bottom: 2px solid #158d91;
+        color: #001996;
+    }
+}
 
+.index_foot {
+    box-sizing: border-box;
+    width: 1400px;
+    margin: 0 auto;
+}
 
+.index_foot_name_box {
+    margin: 10px auto 0px;
+    text-align: center;
+    font-size: 0px;
+}
 
-<style lang="less" scoped>
+.index_foot_name {
+    display: inline-block;
+    height: 67px;
+    line-height: 67px;
+    color: #f2f9f4;
+    font-size: 51px;
+    font-weight: bold;
+    overflow: hidden;
+}
+
+.index_foot_name:nth-of-type(even) {
+    color: #333;
+    font-size: 32px;
+}
+
+.foot_img_box {
+    overflow: hidden;
+    display: block;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-start;
+    border-top: 1px solid #ccc;
+    background: #f1f1f1;
+    padding: 0 10px 0 10px;
+}
+
+.foot_img_box a {
+    width: 14.25%;
+    height: 57px;
+    display: block;
+    padding: 0 10px;
+    box-sizing: border-box;
+    margin-top: 20px;
+}
+
+.foot_img_box img {
+    float: left;
+    width: 100%;
+    height: 57px;
+    overflow: hidden;
+    box-sizing: border-box;
+    display: block;
+    margin: 0 auto;
+    background: #fff;
+}
+
+.foot_img_box>* * {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.foot_img_box>*:nth-of-type(7n) {
+    margin-right: 0px;
+}
+
+.foot_frind_box {
+    display: block;
+    overflow: hidden;
+    display: flex;
+    border-bottom: solid 3px #158d91;
+    padding: 20px;
+    background: #f1f1f1;
+
+    a {
+        font-size: 16px;
+    }
+}
+
+// .foot_frind_box span{
+//     word-break: keep-all;
+//     white-space: nowrap;
+//     line-height:22px;
+//     font-size:16px;
+//     color:#333;
+//     font-weight:bold;
+// }
+.foot_frind_box div {
+    width: 100%;
+    overflow: hidden;
+}
+
+.foot_frind_box div * {
+    float: left;
+    line-height: 22px;
+    height: 22px;
+    color: #333;
+    font-size: 16px;
+    margin: 0 10px;
+}
+
+.call_us_box {
+    display: block;
+    width: 100%;
+    margin: 25px auto 0;
+    overflow: hidden;
+    text-align: center;
+    font-size: 0px;
+    background: #158d91;
+
+    a {
+        color: #fff;
+        font-size: 18px;
+        font-weight: normal;
+    }
+}
+
+.call_us_box>* {
+    height: 12px;
+    line-height: 12px;
+    color: #fff;
+    font-size: 14px;
+    display: inline-block;
+    box-sizing: border-box;
+    padding: 0 19px;
+    font-weight: bold;
+    border-left: solid 1px #fff;
+    margin: 18px 0;
+}
+
+.call_us_box>*:nth-of-type(1) {
+    border-left: 0px;
+}
+
+.foot_text_box {
+    margin: 20px auto 0px;
+    text-align: center;
+    color: #333;
+    font-size: 16px;
+    line-height: 25px;
+
+    a {
+        color: #333;
+        font-size: 14px;
+    }
+}
+
+.foot_text_box_green {
+    color: #40663B;
+}
+
+.foot_text_box img {
+    display: inline-block;
+    height: 20px;
+    vertical-align: middle;
+}
+
+.foot_logo_out {
+    position: relative;
+    margin: 0px auto;
+    width: 100%;
+    height: 0px;
+}
+
+.foot_logo_out * {
+    width: 120px;
+    display: block;
+}
+
+.foot_logo_out>* {
+    position: absolute;
+    top: -166px;
+}
+
+.foot_logo_out>*:nth-of-type(1) {
+    left: 0px;
+}
+
+.foot_logo_out>*:nth-of-type(2) {
+    right: 0px;
+}
+
+.foot_last_img_box {
+    margin: 10px auto 10px;
+    text-align: center;
+    overflow: hidden;
+    width: 100%;
+    font-size: 0px;
+    padding-bottom: 10px;
+}
+
+.foot_last_img_box>* {
+    height: 50px;
+    width: 120px;
+    display: inline-block;
+    overflow: hidden;
+    margin-right: 5px;
+}
+
+.foot_last_img_box img {
+    width: 120px;
+    height: 50px;
+    background: #fff;
+}
+
+.foot_text_html_css {
+    line-height: 30px;
+    font-size: 16px;
+}
+
+.foot_text_html_css :deep(a) {
+    color: #333;
+}
 
+.foot_color_red {
+    color: red;
+}
+
+.foot_color_red :deep(a) {
+    color: red;
+}
+
+.foot_text_html_css :deep(img) {
+    margin: 0 5px;
+}
 
-    @media screen and (max-width:800px){/*ipad_phone*/
-            .phone_none{display:none!important;}
-            .index_foot{width:92%;margin:0px auto;overflow:hidden;}
-
-            .foot_img_box{display:block;margin-top:0px;}
-            .foot_img_box a{overflow:hidden;width:30%;margin:1.3%!important;height:11vw;float:left;}
-            .foot_img_box img{display:block;width:100%;height:100%;}
-            .foot_frind_box div *{margin:0px 10px 10px;font-size:14px;}
-            .call_us_box{margin-top:0px;padding:4px 0px;}
-            .call_us_box> *{border:none;margin:8px 0px;float:left;padding:0px 4vw;}
-            .foot_logo_out{display:none;}
-
-
-            .kefu{left:0px;bottom:0px;width:100%;height:66px; text-align:center; line-height:66px; z-index: 1111;position:relative; }
-            .kefu>div{display:inline-block;margin:0px 10px!important;height:55px!important;width:90px!important;}
-            .kefu>div a{display:block; height:55px;}
-            .kefu>div>img{display:block;margin:3px auto 0!important;width:33px!important;height:33px!important;}
-            .kefu>div>a>img{display:block;margin:3px auto 0!important;width:33px!important;height:33px!important;}
-            .kefu .kefu_item_content_QQ img{margin-bottom:0px;}
-             .kefu .kefu_item_content_QQ .qqfs{margin-bottom:0px;height:22px;line-height:22px;}
-             .kefu .kefu_itemKf a > p{word-break: keep-all; white-space: nowrap;}
-            .kefu .kefu_item_content_QQ{
-                
-                right:-95px;
-                margin-right:50%;overflow:hidden;
-                top:auto;bottom:100px;
-                line-height: normal;
+//添加在线客服
+.kefu {
+    position: fixed;
+    bottom: 100px;
+    top: 40%;
+    right: 11px;
+    width: 64px;
+
+    .kefu_itemKf {
+        background-color: #0099cc;
+        border-radius: 10px;
+        box-shadow: 0 4px 16px #0000001a;
+        width: 64px;
+        height: 64px;
+        padding: 8px;
+        text-align: center;
+        box-sizing: border-box;
+        position: relative;
+        cursor: pointer;
+
+        a {
+            >p {
+                color: #fff;
+                font-size: 12px;
             }
-            .qqadd:nth-of-type(1){margin-bottom:22px;}
-            
-            .kefu .kefu_item_content_phone{
-               right:20px;
-               margin-right:50%;overflow:hidden;
-               top:auto;bottom:100px;
-               line-height: normal;
-            
-            
-            }  
 
-            .foot_last_img_box{margin-top:11px;padding-bottom:11px;}
-            .foot_last_img_box a{width:auto;height:8vw;margin:0px 1vw;}
-            .foot_last_img_box img{width:auto;height:100%;}
+            >img {
+                width: 30px;
+                height: 30px;
+                margin-bottom: 5px;
+                display: block;
+                margin: 0 auto;
+            }
+        }
+    }
 
+    .kefu_itemQQ {
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0 4px 16px #0000001a;
+        height: 100px;
+        margin-bottom: 15px;
+        text-align: center;
+        width: 100px;
+        box-sizing: border-box;
+        position: relative;
+        cursor: pointer;
+
+        >p {
+            color: #666;
+            font-size: 14px;
+            font-weight: 500;
+            line-height: 16px;
+        }
+
+        >img {
+            margin-top: 10px;
+            width: 60px;
+            height: 60px;
+        }
+
+        &:hover {
+            .kefu_item_content_QQ {
+                display: block;
+            }
+        }
+    }
 
-            .foot_text_box>p{   margin-top:2px;}
+    .kefu_itemPhone {
+        background-color: #fff;
+        border-radius: 10px;
+        box-shadow: 0 4px 16px #0000001a;
+        height: 100px;
+        margin-bottom: 15px;
+        text-align: center;
+        width: 100px;
+        box-sizing: border-box;
+        position: relative;
+        cursor: pointer;
+
+        >p {
+            color: #666;
+            font-size: 14px;
+            font-weight: 500;
+            line-height: 16px;
+        }
+
+        >img {
+            margin-top: 10px;
+            width: 60px;
+            height: 60px;
+        }
+
+        &:hover {
+            .kefu_item_content_phone {
+                display: block;
+            }
+        }
+    }
 
-            .foot_frind_box{display:block;}
-            .foot_frind_box span{margin:0px 0px 10px 2%;display:block;font-size:14px;}
-            .call_us_box > *{font-size:14px; }
+    .kefu_item_content_QQ {
+        position: absolute;
+        top: -100px;
+        right: 100px;
+        background: #fff;
+        border-radius: 10px;
+        display: none;
+        width: 190px;
+        height: 330px;
+        background: #fff;
+        box-shadow: 0 4px 16px #0000001a;
+        z-index: 99;
+        box-sizing: border-box;
+        padding: 20px;
+
+        img {
+            margin-bottom: 10px;
+        }
+
+        .qqfs {
+            margin-bottom: 20px;
+            font-size: 14px;
+            color: #333;
+        }
+
+        .arrow {
+            width: 0;
+            height: 0;
+            width: 0;
+            border-top: 20px solid transparent;
+            border-bottom: 20px solid transparent;
+            border-left: 20px solid #fff;
+            position: absolute;
+            top: 120px;
+            right: -20px;
+            transform: translateX(-50%);
+            z-index: 100;
+        }
+    }
 
+    .kefu_item_content_phone {
+        position: absolute;
+        top: 0;
+        right: 100px;
+        background: #fff;
+        border-radius: 10px;
+        display: none;
+        width: 190px;
+        height: 80px;
+        background: #fff;
+        box-shadow: 0 4px 16px #0000001a;
+        z-index: 99;
+        box-sizing: border-box;
+        padding: 20px;
+        text-align: left;
+        color: #333;
+        .kefu_item_content_phone_title {
+            margin-bottom: 5px;
+            font-weight: bold;
+        }
+        .arrow {
+            width: 0;
+            height: 0;
+            width: 0;
+            border-top: 20px solid transparent;
+            border-bottom: 20px solid transparent;
+            border-left: 20px solid #fff;
+            position: absolute;
+            top: 20px;
+            right: -20px;
+            transform: translateX(-50%);
+            z-index: 100;
+        }
+    }
+}
+.foot_right_float {
+    position: fixed;
+    z-index: 200;
+    left: 2%;
+    bottom: 10px;
+    a {
+        display: block;
+        margin-bottom: 4px;
+        border: 1px solid #dee3eb;
+        width: 220px;
+        height: 30px;
+        font-size: 14px;
+        line-height: 30px;
+        color: #EE6363;
+        cursor: pointer;
+        background: #fff;
+        text-align: center;
+    }
+}
+//在线问答
+.wenda {
+    width: 300px;
+    height: auto;
+    overflow: hidden;
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    background: #fff;
+    border: 1px solid #7ab9dd;
+    padding: 10px;
+    box-shadow: 0px 1px 8px #888;
+    z-index: 99999999;
+    box-sizing: border-box;
+    .wenda_tlt {
+        width: 100%;
+        height: 40px;
+        line-height: 40px;
+        overflow: hidden;
+        border-bottom: 2px solid #ccc;
+    }
+    .wenda_tlt h3 {
+        float: left;
+        height: 40px;
+        line-height: 40px;
+        font-size: 22px;
+        color: #0a78d7;
+        a {
+            color: #337ab7;
+            text-decoration: none;
+        }
+    }
+    .wenda_tlt span {
+        float: right;
+        width: 40px;
+        height: 40px;
+        background: url('public/index/jt.png') no-repeat center center;
+        transform: rotateZ(180deg);
+        font-size: 40px;
+        color: #000;
+        cursor: pointer;
+    }
+    .wenda_view li {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        margin: 10px 0;
+        padding: 10px 0;
+        border-bottom: 1px solid #222;
+        background: #f1f1f1;
+        border-radius: 10px;
+    }
+    .wenda_view li div span.new_wen {
+        text-align: center;
+        line-height: 22px;
+        float: left;
+        width: 22px;
+        height: 22px;
+        font-size: 20px;
+        color: #fff;
+        background: #fb4;
+        border-radius: 5px;
+        margin: 3px 5px 3px 0;
+        padding: 0;
+    }
+    .wenda_view li div span.new_da {
+        text-align: center;
+        line-height: 22px;
+        float: left;
+        width: 22px;
+        height: 22px;
+        font-size: 20px;
+        color: #fff;
+        background: #8ac03b;
+        border-radius: 5px;
+        margin: 3px 5px 3px 0;
+        padding: 0;
+    }
+    .wenda_view li div {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        padding: 0 10px;
+        box-sizing: border-box;
+    }
+    .wenda_view li div span a {
+        color: #222;
+    }
+    .wenda_view li div span {
+        height: auto;
+        overflow: hidden;
+        line-height: 30px;
+        font-size: 16px;
+        color: #222;
+        border-radius: 10px;
+        padding: 0 10px;
+    }
+    .wenda_view li div {
+        width: 100%;
+        height: auto;
+        overflow: hidden;
+        padding: 0 10px;
     }
-</style>
+    .wenda_view li b {
+        display: block;
+        font-size: 14px;
+        color: #7b838a;
+        line-height: 30px;
+        border-radius: 10px;
+        font-weight: 100;
+        max-height: 90px;
+    }
+    .wenda_view {
+        width: 100%;
+        min-height: 0px;
+        max-height: 38vh;
+        overflow: auto;
+        margin: 0px auto 0;
+        padding-right: 10px;
+    }
+}
+.wenda_style {
+    height: 40px;
+    overflow: hidden;
+    padding: 0 10px;
+    span {
+        transform: rotateZ(0deg) !important;
+    }
+}
 
+//PC端 end ---------------------------------------->
 
+//移动端 start ---------------------------------------->
+@media screen and (max-width:800px) {
+    .phone_none {
+        display: none !important;
+    }
 
+    .index_foot {
+        width: 92%;
+        margin: 0px auto;
+        overflow: hidden;
+    }
 
+    .foot_img_box {
+        display: block;
+        margin-top: 0px;
+    }
 
+    .foot_img_box a {
+        overflow: hidden;
+        width: 30%;
+        margin: 1.3% !important;
+        height: 11vw;
+        float: left;
+    }
 
+    .foot_img_box img {
+        display: block;
+        width: 100%;
+        height: 100%;
+    }
 
+    .foot_frind_box div * {
+        margin: 0px 10px 10px;
+        font-size: 14px;
+    }
+
+    .call_us_box {
+        margin-top: 0px;
+        padding: 4px 0px;
+    }
+
+    .call_us_box>* {
+        border: none;
+        margin: 8px 0px;
+        float: left;
+        padding: 0px 4vw;
+    }
+
+    .foot_logo_out {
+        display: none;
+    }
+
+    .kefu {
+        left: 0px;
+        bottom: 0px;
+        width: 100%;
+        height: 66px;
+        text-align: center;
+        line-height: 66px;
+        z-index: 1111;
+        position: relative;
+    }
+
+    .kefu>div {
+        display: inline-block;
+        margin: 0px 10px !important;
+        height: 55px !important;
+        width: 90px !important;
+    }
+
+    .kefu>div a {
+        display: block;
+        height: 55px;
+    }
+
+    .kefu>div>img {
+        display: block;
+        margin: 3px auto 0 !important;
+        width: 33px !important;
+        height: 33px !important;
+    }
 
+    .kefu>div>a>img {
+        display: block;
+        margin: 3px auto 0 !important;
+        width: 33px !important;
+        height: 33px !important;
+    }
 
+    .kefu .kefu_item_content_QQ img {
+        margin-bottom: 0px;
+    }
 
+    .kefu .kefu_item_content_QQ .qqfs {
+        margin-bottom: 0px;
+        height: 22px;
+        line-height: 22px;
+    }
 
+    .kefu .kefu_itemKf a>p {
+        word-break: keep-all;
+        white-space: nowrap;
+    }
 
+    .kefu .kefu_item_content_QQ {
+        right: -95px;
+        margin-right: 50%;
+        overflow: hidden;
+        top: auto;
+        bottom: 100px;
+        line-height: normal;
+    }
+
+    .qqadd:nth-of-type(1) {
+        margin-bottom: 22px;
+    }
+
+    .kefu .kefu_item_content_phone {
+        right: 20px;
+        margin-right: 50%;
+        overflow: hidden;
+        top: auto;
+        bottom: 100px;
+        line-height: normal;
+    }
+
+    .foot_last_img_box {
+        margin-top: 11px;
+        padding-bottom: 11px;
+    }
+
+    .foot_last_img_box a {
+        width: auto;
+        height: 8vw;
+        margin: 0px 1vw;
+    }
+
+    .foot_last_img_box img {
+        width: auto;
+        height: 100%;
+    }
+
+    .foot_text_box>p {
+        margin-top: 2px;
+    }
+
+    .foot_frind_box {
+        display: block;
+    }
+
+    .foot_frind_box span {
+        margin: 0px 0px 10px 2%;
+        display: block;
+        font-size: 14px;
+    }
+
+    .call_us_box>* {
+        font-size: 14px;
+    }
+}
 
+//移动端 end ----------------------------------------></style>

components/home/foot1.vue

@@ -1,187 +0,0 @@
-<template>
-    <footer class="index_foot">
-        <div class="call_us_box">
-            <span v-for="(item, index) in bottomMenu" :key="index">
-                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/list-1.html` }" v-if="item.type == 1" :title="item.name">
-                    {{ item.name }}
-                </NuxtLink>
-                <NuxtLink :to="{ path: `/about/${item.name_pinyin}/index.html` }" v-if="item.type == 0" :title="item.name">
-                    {{ item.name }}
-                </NuxtLink>
-            </span>
-        </div>
-        <div class="foot_text_box" v-if="bottomBase">
-            <p v-html="bottomBase.statement" class="foot_text_html_css"></p>
-            <p v-html="bottomBase.organizer" class="foot_text_html_css"></p>
-            <p v-html="bottomBase.copyright_information" class="foot_text_html_css"></p>
-            <p><span v-html="bottomBase.icp_number" class="foot_text_html_css"></span><span v-html="bottomBase.record_number" class="foot_text_html_css"></span></p>
-            <p v-html="bottomBase.email" class="foot_text_html_css"></p>
-            <p v-html="bottomBase.company_address" class="foot_text_html_css"></p>
-            <p v-html="bottomBase.contact_number" class="foot_text_html_css"></p>
-        </div>
-        <div class="foot_logo_out" v-if="bottomBase">
-            <a :href="'http://' + bottomBase.project_url" :title="bottomBase.project_name" v-if="bottomBase.project_logo!=''&&bottomBase.project_url!=''">
-                <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
-            </a>
-            <span v-else-if="bottomBase.project_logo!=''&&bottomBase.project_url==''">
-                <img :src="bottomBase.project_logo" class="floatLogoRight" :alt="bottomBase.project_name">
-            </span>
-            <a :href="'http://' + bottomBase.company_url" :title="bottomBase.company_name" v-if="bottomBase.company_logo!=''&&bottomBase.company_url!=''">
-                <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
-            </a>
-            <span v-else-if="bottomBase.company_logo!=''&&bottomBase.company_url==''">
-                <img :src="bottomBase.company_logo" class="floatLogoLeft" :alt="bottomBase.company_name">
-            </span>
-        </div>
-        <div class="foot_last_img_box">
-            <a :href="item.url" v-for="(item, index) in bottomphoto" :title="item.title">
-                <img :src="item.logo_url" :alt="item.title">
-            </a>
-        </div>
-
-        <!--在线客服-->
-        <div class="kefu">
-            <div class="kefu_itemKf">
-                <a :href="bottomBase.online_service" target="_blank">
-                    <img src="https://img.bjzxtw.org.cn/pre/public/image/online1.png">
-                    <p>在线客服</p>
-                </a>
-            </div>
-            <div class="kefu_itemQQ">
-                <img src="https://img.bjzxtw.org.cn/pre/public/image/qq1.png">
-                <p>QQ客服</p>
-                <div class="kefu_item_content_QQ">
-                    <div @click="addQQFriend(qq1)" class="qqadd">
-                        <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao1.png" width="100">
-                        <div class="qqfs">{{bottomBase.customer_service_qq}}</div>
-                    </div>
-                    <div @click="addQQFriend(qq2)" class="qqadd">
-                        <img src="https://img.bjzxtw.org.cn/pre/public/index/tubiao2.png" width="100">
-                        <div class="qqfs">{{bottomBase.communications}}</div>
-                    </div>
-                    <div class="arrow"></div>
-                </div>
-            </div>
-            <div class="kefu_itemPhone">
-                <img src="https://img.bjzxtw.org.cn/pre/public/image/dianhua1.png">
-                <p>电话客服</p>
-                <div class="kefu_item_content_phone">
-                    <div class="kefu_item_content_phone_title">联系电话：</div>
-                    <div>{{bottomBase.customer_service}}</div>
-                    <div class="arrow"></div>
-                </div>
-            </div>
-        </div>
- 	</footer>	
-</template>
-
-<script setup>
-//0.添加网站客服 start---------------------------------------->
-//添加网站客服
-function addQQFriend(qqNumber) {
-    // 使用tencent协议唤起QQ客户端并添加好友
-    window.location.href = `tencent://message/?uin=${qqNumber}&Site=&Menu=yes`;
-}
-//0.添加网站客服 end---------------------------------------->
-
-//获得底部基本信息 start---------------------------------------->
-//1.获得全部友情链接与底部图片
-const bottomLink = ref([])
-const bottomText = ref([])
-const bottomphoto = ref([])
-const bottomMenu = ref([])
-const bottomBase = ref({})
-
-const qq1 = ref("")
-const qq2 = ref("")
-
-async function getModelDataAll() {
-    const mkdata =  await requestDataPromise('/web/getWebsiteFootAll', {
-        method: 'GET',
-        query: {
-            'link_textnum':24,
-            'link_imgnum':18,
-            'link_footnum':4
-        },
-    });
-    if(mkdata.code == 200){
-        bottomLink.value = mkdata.data.link_img;
-        bottomText.value = mkdata.data.link_text;
-        bottomphoto.value = mkdata.data.link_foot;
-        bottomMenu.value = mkdata.data.foot_cate;
-        bottomBase.value = mkdata.data.foot_info;
-        //获取qq号数字部分
-        qq1.value = bottomBase.value.customer_service_qq.match(/\d+/g);
-        qq2.value = bottomBase.value.communications.match(/\d+/g);
-
-    }else{
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-        console.log("错误位置：获取友情链接图片")
-        console.log("后端错误反馈：",mkdata.message)
-        console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-    }
-}
-getModelDataAll();
-//获得底部基本信息 end---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-    @import '@/assets/css/foot.less';
-</style>
-
-<style lang="less" scoped>
-
-
-    @media screen and (max-width:800px){/*ipad_phone*/
-            .phone_none{display:none!important;}
-            .index_foot{width:92%;margin:0px auto;overflow:hidden;}
-
-            .foot_img_box{display:block;margin-top:0px;}
-            .foot_img_box a{overflow:hidden;width:30%;margin:1.3%!important;height:11vw;float:left;}
-            .foot_img_box img{display:block;width:100%;height:100%;}
-            .foot_frind_box div *{margin:0px 10px 10px;font-size:14px;}
-            .call_us_box{margin-top:0px;padding:4px 0px;}
-            .call_us_box> *{border:none;margin:8px 0px;float:left;padding:0px 4vw;}
-            .foot_logo_out{display:none;}
-
-
-            .kefu{left:0px;bottom:0px;width:100%;height:66px; text-align:center; line-height:66px; z-index: 1111;position:relative; }
-            .kefu>div{display:inline-block;margin:0px 10px!important;height:55px!important;width:90px!important;}
-            .kefu>div a{display:block; height:55px;}
-            .kefu>div>img{display:block;margin:3px auto 0!important;width:33px!important;height:33px!important;}
-            .kefu>div>a>img{display:block;margin:3px auto 0!important;width:33px!important;height:33px!important;}
-            .kefu .kefu_item_content_QQ img{margin-bottom:0px;}
-             .kefu .kefu_item_content_QQ .qqfs{margin-bottom:0px;height:22px;line-height:22px;}
-             .kefu .kefu_itemKf a > p{word-break: keep-all; white-space: nowrap;}
-            .kefu .kefu_item_content_QQ{
-                
-                right:-95px;
-                margin-right:50%;overflow:hidden;
-                top:auto;bottom:100px;
-                line-height: normal;
-            }
-            .qqadd:nth-of-type(1){margin-bottom:22px;}
-            
-            .kefu .kefu_item_content_phone{
-               right:20px;
-               margin-right:50%;overflow:hidden;
-               top:auto;bottom:100px;
-               line-height: normal;
-            
-            
-            }  
-
-            .foot_last_img_box{margin-top:11px;padding-bottom:11px;}
-            .foot_last_img_box a{width:auto;height:8vw;margin:0px 1vw;}
-            .foot_last_img_box img{width:auto;height:100%;}
-
-
-            .foot_text_box>p{   margin-top:2px;}
-
-            .foot_frind_box{display:block;}
-            .foot_frind_box span{margin:0px 0px 10px 2%;display:block;font-size:14px;}
-            .call_us_box > *{font-size:14px; }
-
-             
-    }
-</style>

components/home/pageHead.vue

@@ -415,6 +415,7 @@ const togglePanel = () => {
 </script>
 
 <style lang="less" scoped>
+//PC端 start ---------------------------------------->
 .headerContainer {
     width: 100%;
 }
@@ -508,249 +509,229 @@ const togglePanel = () => {
         }
     }
 }
+//PC端 end ---------------------------------------->
 
+// .userInfo11 {
+//     width: 100px;
+//     height: 80px;
+//     background-color: #fff;
+//     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+//     border-radius: 3px;
+//     position: absolute;
+//     top: 40px;
+//     right: 35px;
+//     font-size: 14px;
+//     z-index: 999;
+//     li {
+//         height: 40px;
+//         line-height: 40px;
+//         color: #333333;
+//         padding-left: 10px;
+//     }
+//     >li:hover {
+//         color: #028E21;
+//     }
+// }
+// .tips {
+//     padding: 20px 0;
+//     text-align: center;
+//     font-size: 20px;
+//     color: #40663B;
+//     font-weight: bold;
+//     img {
+//         width: 78px;
+//         height: 78px;
+//         vertical-align: middle;
+//         margin-right: 20px;
+//         p {
+//             line-height: 30px;
+//         }
+//     }
+//     p {
+//         line-height: 40px;
+//     }
+//     >p:first-child {
+//         margin-bottom: 30px;
+//     }
+// }
+// /* 页面头部 */
+// header {
+//     width: 100%;
+//     // height: 201px;
+//     font-size: 12px;
+//     font-family: PingFang SC-Regular;
+//     color: #666666;
+//     background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
+// }
+// .headerNav {
+//     width: 100%;
+//     height: 33px;
+//     line-height: 33px;
+// }
+// .headerNav .left>span {
+//     margin-right: 20px;
+//     a {
+//         color: #666666;
+//     }
+// }
+// .headerNav .right {
+//     display: flex;
+//     margin-right: 10px;
+//     position: relative;
+//     button {
+//         font-size: 12px;
+//         color: #666666;
+//         border: none;
+//         background: none;
+//         cursor: pointer;
+//     }
+//     .login {
+//         width: 36px;
+//         height: 19px;
+//         color: #fff;
+//         border-radius: 4px;
+//         background-color: #028E21;
+//         margin-right: 15px;
+//         cursor: pointer;
+//     }
+//     .menu,.right-top-menu {
+//         display: flex;
+//     }
+//     .reg {
+//         margin-right: 20px;
+//         display: flex;
+//         align-items: center;
+//         justify-content: center;
+//         height: 33px;
+//         img {
+//             margin-right: 5px;
+//         }
+//     }
+// }
+// .headerNav .right {
+//     float: right;
+//     font-size: 12px;
+//     span {
+//         margin-right: 20px;
+//     }
+//     .home,.collection {
+//         display: inline-block;
+//         width: 16px;
+//         height: 16px;
+//         vertical-align: -3px;
+//     }
+//     .home {
+//         background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
+//     }
+//     .collection {
+//         background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
+//     }
+//     .exit {
+//         line-height: 30px;
+//     }
+// }
+// // 头部logo
+// .headerLogo {
+//     height: 145px;
+//     position: relative;
+//     .titlead {
+//         position: absolute;
+//         bottom: 5px;
+//         right: 0;
+//         width: 830px;
+//         height: 120px;
+//         overflow: hidden;
+//         a {
+//             display: block;
+//             height: 110px;
+//             overflow: hidden;
+//         }
+//         img {
+//             width: 100%;
+//             height: 110px;
+//         }
+//     }
+//     .inner {
+//         position: relative;
+//         height: 145px;
+//     }
+//     .inner>img {
+//         margin-top: 22px;
+//         cursor: pointer;
+//     }
+//     // 搜索框部分
+//     .search {
+//         float: left;
+//         width: 440px;
+//         height: 40px;
+//         background-color: #fff;
+//         line-height: 40px;
+//         margin-left: 39px;
+//         margin: 71px 39px 48px;
+//         position: relative;
+//         em {
+//             display: inline-block;
+//             width: 30px;
+//             height: 30px;
+//             background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
+//             position: absolute;
+//             top: 5px;
+//             left: 15px;
+//         }
+//         input {
+//             float: left;
+//             width: 351px;
+//             height: 40px;
+//             border: none;
+//             outline: none;
+//             padding-left: 65px;
+//             box-sizing: border-box;
+//             border: 1px solid #028E21;
+//             border-right: none;
+//             border-radius: 4px 0px 0px 4px;
+//         }
+//         button {
+//             float: right;
+//             width: 89px;
+//             height: 40px;
+//             background-color: #028E21;
+//             border-radius: 0px 4px 4px 0px;
+//             border: none;
+//             font-size: 14px;
+//             color: #fff;
+//             font-family: PingFang SC, PingFang SC;
+//             font-weight: 500;
+//         }
+//     }
+//     // 右侧小图标
+//     .serve {
+//         float: right;
+//         height: 60px;
+//         margin-top: 60px;
+//         margin-right: 60px;
+//         >li {
+//             float: left;
+//             height: 64px;
+//             margin-left: 48px;
+//         }
+//         >li>a {
+//             display: inline-block;
+//             height: 64px;
+//         }
+//         >li img {
+//             width: 29px;
+//             height: 29px;
+//             padding: 8px 14px;
+//         }
+//         >li p {
+//             height: 28px;
+//             text-align: center;
+//             color: #666666;
+//         }
+//     }
+// }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-.userInfo11 {
-    width: 100px;
-    height: 80px;
-    background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-    border-radius: 3px;
-    position: absolute;
-    top: 40px;
-    right: 35px;
-    font-size: 14px;
-    z-index: 999;
-    li {
-        height: 40px;
-        line-height: 40px;
-        color: #333333;
-        padding-left: 10px;
-    }
-    >li:hover {
-        color: #028E21;
-    }
-}
-.tips {
-    padding: 20px 0;
-    text-align: center;
-    font-size: 20px;
-    color: #40663B;
-    font-weight: bold;
-    img {
-        width: 78px;
-        height: 78px;
-        vertical-align: middle;
-        margin-right: 20px;
-        p {
-            line-height: 30px;
-        }
-    }
-    p {
-        line-height: 40px;
-    }
-    >p:first-child {
-        margin-bottom: 30px;
-    }
-}
-/* 页面头部 */
-header {
-    width: 100%;
-    // height: 201px;
-    font-size: 12px;
-    font-family: PingFang SC-Regular;
-    color: #666666;
-    background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
-}
-.headerNav {
-    width: 100%;
-    height: 33px;
-    line-height: 33px;
-}
-.headerNav .left>span {
-    margin-right: 20px;
-    a {
-        color: #666666;
-    }
-}
-.headerNav .right {
-    display: flex;
-    margin-right: 10px;
-    position: relative;
-    button {
-        font-size: 12px;
-        color: #666666;
-        border: none;
-        background: none;
-        cursor: pointer;
-    }
-    .login {
-        width: 36px;
-        height: 19px;
-        color: #fff;
-        border-radius: 4px;
-        background-color: #028E21;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-    .menu,.right-top-menu {
-        display: flex;
-    }
-    .reg {
-        margin-right: 20px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 33px;
-        img {
-            margin-right: 5px;
-        }
-    }
-}
-
-.headerNav .right {
-    float: right;
-    font-size: 12px;
-    span {
-        margin-right: 20px;
-    }
-    .home,.collection {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        vertical-align: -3px;
-    }
-    .home {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-    .collection {
-        background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
-    }
-    .exit {
-        line-height: 30px;
-    }
-}
-// 头部logo
-.headerLogo {
-    height: 145px;
-    position: relative;
-    .titlead {
-        position: absolute;
-        bottom: 5px;
-        right: 0;
-        width: 830px;
-        height: 120px;
-        overflow: hidden;
-        a {
-            display: block;
-            height: 110px;
-            overflow: hidden;
-        }
-        img {
-            width: 100%;
-            height: 110px;
-        }
-    }
-    .inner {
-        position: relative;
-        height: 145px;
-    }
-    .inner>img {
-        margin-top: 22px;
-        cursor: pointer;
-    }
-    // 搜索框部分
-    .search {
-        float: left;
-        width: 440px;
-        height: 40px;
-        background-color: #fff;
-        line-height: 40px;
-        margin-left: 39px;
-        margin: 71px 39px 48px;
-        position: relative;
-        em {
-            display: inline-block;
-            width: 30px;
-            height: 30px;
-            background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
-            position: absolute;
-            top: 5px;
-            left: 15px;
-        }
-        input {
-            float: left;
-            width: 351px;
-            height: 40px;
-            border: none;
-            outline: none;
-            padding-left: 65px;
-            box-sizing: border-box;
-            border: 1px solid #028E21;
-            border-right: none;
-            border-radius: 4px 0px 0px 4px;
-        }
-        button {
-            float: right;
-            width: 89px;
-            height: 40px;
-            background-color: #028E21;
-            border-radius: 0px 4px 4px 0px;
-            border: none;
-            font-size: 14px;
-            color: #fff;
-            font-family: PingFang SC, PingFang SC;
-            font-weight: 500;
-        }
-    }
-    // 右侧小图标
-    .serve {
-        float: right;
-        height: 60px;
-        margin-top: 60px;
-        margin-right: 60px;
-        >li {
-            float: left;
-            height: 64px;
-            margin-left: 48px;
-        }
-        >li>a {
-            display: inline-block;
-            height: 64px;
-        }
-        >li img {
-            width: 29px;
-            height: 29px;
-            padding: 8px 14px;
-        }
-        >li p {
-            height: 28px;
-            text-align: center;
-            color: #666666;
-        }
-    }
-}
-//手机版
+//移动端 start ---------------------------------------->
 @media screen and (min-width:801px){
     .logo_right_box{display:none;}
     .phone_head_btn{display:none;}
@@ -882,6 +863,7 @@ header {
     .el-dialog{
         width:100%;
     }
-}   
+}
+//移动端 end ---------------------------------------->
 </style>
 

components/home/pageNavigation.vue

@@ -464,9 +464,7 @@ onMounted(async () => {
 </script>
 
 <style lang="less" scoped>
-@import url('@/assets/css/nav.less');
-</style>
-<style lang="less" scoped>
+//PC端 start ---------------------------------------->
 .headerNavBox {
     text-align: center;
     a {
@@ -549,6 +547,9 @@ onMounted(async () => {
     }
     .headerNavBottom {
         background: #f90;
+        height: 40px;
+        margin-top: 4px;
+        overflow: hidden;
         .first {
             width: 5%;
             height: 40px;
@@ -566,348 +567,694 @@ onMounted(async () => {
         }
     }
 }
+//PC端 end ---------------------------------------->
 
+// 导航部分
+// .partOne .navigationOne,
+// .partOne .navigationOne>li,
+// .partTwo .navigationTwo,
+// .partTwo .navigationTwo>li {
+//     float: left;
+// }
+// .partOne {
+//     width: 100%;
+//     height: 110px;
+//     margin-bottom: 10px;
+//     background-color: #fff;
+//     font-size: 20px;
+//     font-family: PingFang SC-Semibold;
+//     background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/menubg.png") no-repeat center;
+//     .inner {
+//         display: flex;
+//         justify-content: space-between;
+//         .navLeft {
+//             width:160px;
+//             font-size: 16px;
+//             display: flex;
+//         }
+//         .navIndex {
+//             height: 100px;
+//             line-height: 120px;
+//             a {
+//                 font-size: 16px;
+//                 color: #fff;
+//                 font-weight: bold;
+//                 &:hover {
+//                     color: #ABE874;
+//                 }
+//             }
+//         }
+//         .navClass {
+//             padding-top: 29px;
+//             padding-left: 30px;
+//             font-weight: bold;
+//             color: #fff;
+//             a {
+//                 color: #fff; 
+//                 &:hover {
+//                     color: #ABE874;
+//                 }
+//             }
+//             div:nth-child(2){
+//                 padding-top:20px;
+//             }
+//         }
+//     }
+//     .navigationOne {
+//         width: 1200px;
+//         color: #333;
+//         display: flex;
+//         flex-wrap: wrap;
+//         padding-top: 20px;
+//         li {
+//             width: 68px;
+//             font-family: PingFang SC;
+//             height: 40px;
+//             line-height: 40px;
+//             font-size: 16px;
+//             text-align: left;
+//             font-style: normal;
+//             text-transform: none;
+//             margin: 0 10px;
+//             text-align: center;
+//             a {
+//                 color: #fff;
+//                 display: block;
+//             }
+//         }
+//         >li:hover a {
+//             color: #ABE874;
+//         }
+//         .active{
+//             color: #ABE874;
+//         }
+//     }
+// }
+// .partThree {
+//     width: 100%;
+//     height: 105px;
+//     .inner {
+//         margin-bottom: 5px;
+//         display: flex;
+//     }
+//     .channel,.areaChannel {
+//         float: left;
+//         margin-top: 17px;
+//     }
+//     .channel {
+//         width: 56px;
+//         height: 20px;
+//         font-family: PingFang SC, PingFang SC;
+//         font-weight: 600;
+//         font-size: 14px;
+//         color: #666666;
+//         line-height: 20px;
+//         text-align: left;
+//         font-style: normal;
+//         text-transform: none;
+//     }
+//     .areaChannel {
+//         width: 1122px;
+//         margin-left: 14px;
+//         >span {
+//             display: inline-block;
+//             height: 16px;
+//             line-height: 16px;
+//             margin-bottom: 10px;
+//             padding: 0 8px;
+//             text-align: center;
+//             font-family: PingFang SC, PingFang SC;
+//             font-weight: 400;
+//             font-size: 14px;
+//             text-align: center;
+//             font-style: normal;
+//             text-transform: none;
+//             border-right: 1px solid #e6e6e6;
+//             a {
+//                 display: inline-block;
+//                 height: 16px;
+//                 color: #868686;
+//             }
+//             a:hover {
+//                 color: #868686;
+//             }
+//         }
+//         >span:last-child,
+//         >span:nth-child(18),
+//         >span:nth-child(32) {
+//             border-right: none;
+//         }
+//         >span:hover a {
+//             color: #139602;
+//         }
+//     }
+// }
+// .logo {
+//     margin-top: 5px;
+//     height: 90px;
+//     img {
+//         width: 1200px;
+//         height: 90px;
+//     }
+// }
+// // 行政查询
+// .select {
+//     width: 100%;
+//     height: 62px;
+//     line-height: 62px;
+//     margin-top: 10px;
+//     .inner {
+//         width: 1200px;
+//         height: 62px;
+//         margin-top: 10px;
+//         background-color: #fafafa;
+//     }
+//     .role,.region {
+//         float: left;
+//         height: 62px;
+//         .el-select--large::v-deep .el-select__wrapper {
+//             font-size: 14px;
+//             gap: 6px;
+//             line-height: 24px;
+//             min-height: 35px;
+//             padding: 0;
+//             border: none;
+//             box-shadow: none;
+//         }
+//         .el-select__placeholder::v-deep.is-transparent {
+//             color: #999999;
+//             font-weight: 600;
+//         }
+//         >.title {
+//             float: left;
+//             width: 120px;
+//             font-family: PingFang SC, PingFang SC;
+//             font-weight: 600;
+//             font-size: 20px;
+//             color: #666666;
+//             text-align: left;
+//             font-style: normal;
+//             text-transform: none;
+//         }
+//         .searchRole {
+//             float: left;
+//             padding-left: 20px;
+//             box-sizing: border-box;
+//             i {
+//                 display: inline-block;
+//                 width: 1px;
+//                 height: 12px;
+//                 background-color: #d9d9d9;
+//                 margin: 0 10px;
+//                 vertical-align: middle;
+//             }
+//         }
+//     }
+//     .role {
+//         padding-left: 16px;
+//         .searchRole {
+//             width: 440px;
+//             height: 40px;
+//             line-height: 35px;
+//             background-color: #fff;
+//             border: 1px solid #ededed;
+//             margin: 10px 20px 12px 22px;
+//             border-radius: 25px;
+//             em {
+//                 display: inline-block;
+//                 width: 29px;
+//                 height: 29px;
+//                 margin: 4px;
+//                 margin-right: 25px;
+//                 margin-left: 20px;
+//                 vertical-align: -13px;
+//                 background: url('http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png');
+//                 cursor: pointer;
+//             }
+//             >.ipt {
+//                 width: 245px;
+//                 font-family: PingFang SC, PingFang SC;
+//                 font-weight: 600;
+//                 font-size: 14px;
+//                 color: #666;
+//                 line-height: 16px;
+//                 padding-left: 22px;
+//                 box-sizing: border-box;
+//                 text-align: left;
+//                 font-style: normal;
+//                 text-transform: none;
+//                 border: none;
+//                 outline: none;
+//             }
+//             >.ipt::placeholder {
+//                 color: #cccccc;
+//             }
+//             span {
+//                 color: #999999;
+//             }
+//         }
+//     }
+//     .region {
+//         .searchRole {
+//             width: 440px;
+//             height: 40px;
+//             line-height: 35px;
+//             background-color: #fff;
+//             border: 1px solid #ededed;
+//             margin: 10px 0px 12px 16px;
+//             border-radius: 25px;
+//         }
+//         em {
+//             display: inline-block;
+//             width: 29px;
+//             height: 29px;
+//             margin-left: 48px;
+//             vertical-align: middle;
+//             background: url('http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png');
+//             cursor: pointer;
+//         }
+//         i {
+//             display: inline-block;
+//             width: 24px;
+//             height: 24px;
+//             margin-right: 11px;
+//             vertical-align: middle;
+//             background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
+//         }
+//         span {
+//             color: #999999;
+//             margin-right: 22px;
+//         }
+//     }
+// }
+// .cityBox {
+//     height: 60px;
+//     background: #9CD26B;
+//     display: flex;
+//     margin: 0 auto;
+//     .cityMain {
+//         width: 1200px;
+//         height: 60px;
+//         line-height: 60px;
+//         margin: 0 auto;
+//         display: flex;
+//         justify-content: flex-start;
+//         .cityTitle {
+//             font-size: 16px;
+//             color: #fff;
+//             font-weight: bold;
+//             padding-left: 60px;
+//             margin-right: 30px;
+//             width: 76px;
+//         }
+//         .cityList {
+//             li {
+//                 font-size: 16px;
+//                     float: left;
+//                     color: #fff;
+//                     margin-right: 14px;
+//                     cursor: pointer;
+//                 a {
+//                     font-size: 16px;
+//                     color: #fff;
+//                     cursor: pointer;
+//                     &:hover {
+//                         color: #ABE874;
+//                     }
+//                 }
+//             }
+//         }
+//     }
+// }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    
-    @media screen and (min-width:801px){
-        .nav_in{ 
-            display:flex;
-            width:100%;
-            flex-wrap: wrap;
-        }
-        .pc_none{
-            display:none;
-        }
+// 移动端 start ---------------------------------------->
+@media screen and (min-width:801px){
+    .nav_in{ 
+        display:flex;
+        width:100%;
+        flex-wrap: wrap;
     }
-    @media screen and (max-width:800px){/*ipad_phone*/
-        .partOne{
-            height:auto;
-            background:#49a769;
-            margin-top:11px;
-            padding:6px 0px;
-        }
-        .partOne .inner{ 
-            overflow: hidden;
-            position:relative;
-        }
-        .partOne .inner .navLeft{
-            display:flex;
-            overflow:hidden;
-            word-break: keep-all; 
-            white-space: nowrap;
-            height:33px;
-            text-align:left;
-            width:auto;
-            float:left;
-            font-weight:bold;
-            margin-right:20px;
-        }
-        .partOne .inner .navIndex{ 
-            line-height:31px;
-            height:33px;
-            overflow:hidden;
-            width:auto; 
-        } 
-        .partOne .inner .navClass{ 
-            line-height:33px;
-            height:33px;
-            padding:0px;
-            word-break: keep-all; 
-            white-space: nowrap;
-            overflow:hidden;
-            display:none;
-        }
-        .partOne .inner .navClass div{
-            margin-left:8px;
-            float:left;
-        }
-        .partOne .inner .navClass div:nth-child(2){
-            padding:0px;
-        }
-        .partOne .navigationOne{ 
-            height:33px; 
-            display:block;  
-            width:auto;        
-            flex:1;
-            padding:0;
-            margin:0;
-            box-sizing:border-box;
-            overflow-y: hidden; // 改为 overlay 模式
-            overflow-x: auto; // 改为 overlay 模式
-            /* 新增滚动条样式 */
-            &::-webkit-scrollbar {
-                // width: 10;
-                height: 4px;
-            }
-            // 隐藏滚动条轨道
-            &::-webkit-scrollbar-track {
-                background: transparent;
-                // width: 10;
-                height: 4;
-            }
-            // 隐藏滚动条滑块
-            &::-webkit-scrollbar-thumb {
-                background: transparent;
-            }
+    .pc_none{
+        display:none;
+    }
+}
+@media screen and (max-width:800px){
+    /*ipad_phone*/
+    .partOne{
+        height:auto;
+        background:#49a769;
+        margin-top:11px;
+        padding:6px 0px;
+    }
+    .partOne .inner{ 
+        overflow: hidden;
+        position:relative;
+    }
+    .partOne .inner .navLeft{
+        display:flex;
+        overflow:hidden;
+        word-break: keep-all; 
+        white-space: nowrap;
+        height:33px;
+        text-align:left;
+        width:auto;
+        float:left;
+        font-weight:bold;
+        margin-right:20px;
+    }
+    .partOne .inner .navIndex{ 
+        line-height:31px;
+        height:33px;
+        overflow:hidden;
+        width:auto; 
+    } 
+    .partOne .inner .navClass{ 
+        line-height:33px;
+        height:33px;
+        padding:0px;
+        word-break: keep-all; 
+        white-space: nowrap;
+        overflow:hidden;
+        display:none;
+    }
+    .partOne .inner .navClass div{
+        margin-left:8px;
+        float:left;
+    }
+    .partOne .inner .navClass div:nth-child(2){
+        padding:0px;
+    }
+    .partOne .navigationOne{ 
+        height:33px; 
+        display:block;  
+        width:auto;        
+        flex:1;
+        padding:0;
+        margin:0;
+        box-sizing:border-box;
+        overflow-y: hidden;// 改为 overlay 模式
+        overflow-x: auto;// 改为 overlay 模式
+        /* 新增滚动条样式 */
+        &::-webkit-scrollbar {
+            // width: 10;
+            height: 4px;
         }
-        .nav_in{
-            height:100%;
-            word-break: keep-all; 
-            white-space: nowrap; 
-            box-sizing:border-box;
+        // 隐藏滚动条轨道
+        &::-webkit-scrollbar-track {
+            background: transparent;
+            // width: 10;
+            height: 4;
         }
-        .partOne .navigationOne li{
-            width:auto;
-            display:inline-block;
-            height:100%;
-            line-height:33px;
-            overflow:hidden;
-            font-size:16px; 
-        }                           
-        .partOne .navigationOne li:nth-of-type(1){
-            margin-left:0px;
-            
-        }                              
-        .cityBox{
-            display: block;
-            overflow:hidden;
-            height:auto;
-            display:none;
+        // 隐藏滚动条滑块
+        &::-webkit-scrollbar-thumb {
+            background: transparent;
         }
-        .cityBox .cityMain{
-            display: block;
-            overflow:hidden;
-            height:auto;
+    }
+    .nav_in{
+        height:100%;
+        word-break: keep-all; 
+        white-space: nowrap; 
+        box-sizing:border-box;
+    }
+    .partOne .navigationOne li{
+        width:auto;
+        display:inline-block;
+        height:100%;
+        line-height:33px;
+        overflow:hidden;
+        font-size:16px; 
+    }                           
+    .partOne .navigationOne li:nth-of-type(1){
+        margin-left:0px;
+        
+    }                              
+    .cityBox{
+        display: block;
+        overflow:hidden;
+        height:auto;
+        display:none;
+    }
+    .cityBox .cityMain{
+        display: block;
+        overflow:hidden;
+        height:auto;
+        width:100%;
+    }
+    .cityBox .cityMain .cityTitle{
+        line-height: 22px;
+        padding:0;
+        margin:10px 0px 0px 10px;
+        width:auto;
+    }
+    .cityList{
+        overflow:hidden;
+    }
+    .cityBox .cityMain .cityList li{
+        line-height:22px;
+        margin:11px;
+    }
+    .select{
+        overflow:hidden;
+        height:auto;
+        line-height:normal;
+    }
+    .select .inner{
+        width:96%;
+        margin:0px auto;
+        overflow:hidden;
+        height:auto; 
+    }
+    .select .role{
+        padding:0;
+        height:auto;
+        overflow:hidden;
+        float:none;
+    } 
+    .select .role .searchRole{
+        box-sizing:border-box;
+        width:333px; 
+        float:left;
+        margin-left:0px;
+    }
+    .select .el-select{
+        width:230px!important;
+    }
+    .select .role .searchRole em{
+        margin:4px 10px;
+        float:right;
+    }
+    .select .role > .title, .select .region > .title{
+        float:none;
+        font-size:18px;
+    }
+    .select .region{
+        overflow:hidden;
+        height:auto;
+        float:none;
+    }
+    .select .region .searchRole{
+        float:none;
+        padding:10px 0;
+        width:90%;
+        margin:5px;
+        height:auto;
+    }
+    .select .region .el-select{
+        margin-left:17px;
+    }
+    .select .region em{
+        margin-left:22px;
+    }
+    .nav_select_btn_box{
+        padding:5px 0px;
+        border-bottom:1px solid #ededed;
+        width:92%;margin:0px auto;
+    }
+    .nav_select_btn_box::after{
+        content: '';
+        display: block;
+        height: 0;
+        visibility: hidden;
+        clear: both;
+    }
+    .nav_select_btn{
+        height: 33px;
+        line-height: 33px;
+        color: #333;font-size:14px;
+        padding:0px 30px 0px 6px;
+        float:left;margin:0px 20px 5px 0px;
+        background:url(../../public/image/Iconly.png) no-repeat right center;
+        background-size:auto 20px;
+    } 
+    .nav_department_btn_box{
+        position:relative;
+        .nav_department_select{
             width:100%;
-        }
-        .cityBox .cityMain .cityTitle{
-            line-height: 22px;
-            padding:0;
-            margin:10px 0px 0px 10px;
-            width:auto;
-        }
-        .cityList{
-            overflow:hidden;
-        }
-        .cityBox .cityMain .cityList li{
-            line-height:22px;
-            margin:11px;
-        }
-        .select{overflow:hidden;height:auto;line-height:normal;}
-        .select .inner{width:96%;margin:0px auto;overflow:hidden;height:auto; }
-        .select .role{padding:0;height:auto;overflow:hidden;float:none;} 
-        .select .role .searchRole{box-sizing:border-box;width:333px; float:left;margin-left:0px;}
-        .select .el-select{width:230px!important;}
-        .select .role .searchRole em{margin:4px 10px;float:right;}
-        .select .role > .title, .select .region > .title{float:none;font-size:18px;}
-        .select .region{overflow:hidden;height:auto;float:none;}
-        .select .region .searchRole{float:none;padding:10px 0;width:90%;margin:5px;height:auto;}
-        .select .region .el-select{margin-left:17px;}
-        .select .region em{margin-left:22px;}
-        .navigate_phone{}
-        .nav_select_btn_box{
-            padding:5px 0px;
-            border-bottom:1px solid #ededed;
-            width:92%;margin:0px auto;
-        }
-        .nav_select_btn_box::after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
-        .nav_select_btn{
-            height: 33px;
-            line-height: 33px;
-            color: #333;font-size:14px;
-            padding:0px 30px 0px 6px;
-            float:left;margin:0px 20px 5px 0px;
-            background:url(../../public/image/Iconly.png) no-repeat right center;
-            background-size:auto 20px;
-        } 
-        .nav_department_btn_box{
-            position:relative;
-            .nav_department_select{
-                width:100%;
-                height:100%;
-                position:absolute;
-                left:0px;
-                top:0px;
-                border:0; 
-            }
-        }
-        .nav_department_drop_box{
+            height:100%;
             position:absolute;
             left:0px;
-            top:33px;
-            z-index:111;
-            width:100%;
-            height:333px;
-            border:1px solid #ededed;
-            background:#fff;
-            overflow:auto;
-            border-radius:6px;
-            box-sizing:border-box;
-            display:none;
-        }
-        .nav_department_btn_box:hover .nav_department_drop_box{
-            display:block;
-        }
-        .nav_department_drop_a{
-            width:100%;
-            height:44px;
-            line-height:44px;
-            display:block;
-            font-size:14px;
-            color:#333;
-            padding:0px 10px 0px;
-            box-sizing:border-box;
-            word-break: keep-all;
-            white-space: nowrap;
-            overflow:hidden;
-            text-overflow:ellipsis;
-        }
-        .partOne .inner .navIndex a{
-            font-size:16px;
-            font-weight:normal;
-            opacity:.6; 
-        }
-        .partOne .inner .navIndex .phone_nav_index_only{
-            font-weight:bold;
-            opacity:1; 
-        }
-        .nav_department_panel{
-            width:100%;
-            background:#fff;
-            left:0px;
             top:0px;
-            position:fixed;
-            z-index:999;
-            height:100%;
+            border:0; 
         }
-        .panel_head_box{
-            width:97%;
-            margin:0px auto 4px;
-            height:50px;
-            border-bottom:1px solid #b8b8b8;
-            text-align:center;
-            position:relative;
-        }
-        .panel_head_h4{
-            height:50px;
-            line-height:50px;
+    }
+    .nav_department_drop_box{
+        position:absolute;
+        left:0px;
+        top:33px;
+        z-index:111;
+        width:100%;
+        height:333px;
+        border:1px solid #ededed;
+        background:#fff;
+        overflow:auto;
+        border-radius:6px;
+        box-sizing:border-box;
+        display:none;
+    }
+    .nav_department_btn_box:hover .nav_department_drop_box{
+        display:block;
+    }
+    .nav_department_drop_a{
+        width:100%;
+        height:44px;
+        line-height:44px;
+        display:block;
+        font-size:14px;
+        color:#333;
+        padding:0px 10px 0px;
+        box-sizing:border-box;
+        word-break: keep-all;
+        white-space: nowrap;
+        overflow:hidden;
+        text-overflow:ellipsis;
+    }
+    .partOne .inner .navIndex a{
+        font-size:16px;
+        font-weight:normal;
+        opacity:.6; 
+    }
+    .partOne .inner .navIndex .phone_nav_index_only{
+        font-weight:bold;
+        opacity:1; 
+    }
+    .nav_department_panel{
+        width:100%;
+        background:#fff;
+        left:0px;
+        top:0px;
+        position:fixed;
+        z-index:999;
+        height:100%;
+    }
+    .panel_head_box{
+        width:97%;
+        margin:0px auto 4px;
+        height:50px;
+        border-bottom:1px solid #b8b8b8;
+        text-align:center;
+        position:relative;
+    }
+    .panel_head_h4{
+        height:50px;
+        line-height:50px;
+        display:inline-block;
+        font-size:22px;
+        color:#333;
+        text-align:center;
+    }
+    .panel_head_btn{
+        float:right;
+        width:22px;
+        height:22px;
+        top:12px;
+        position:absolute;right:0px;
+        background:url('../../public/image/guanbi1.png') no-repeat center center;
+        background-size:100% 100%;
+    }
+    .nav_department_panel_in{
+        width:100%;
+        height:100%; 
+        box-sizing:border-box;
+        overflow:auto;
+        position:relative;
+        padding-bottom:122px;
+    }  
+    .nav_department_panel_ul{
+        width:30%; 
+        float:left;
+        height:100%;
+        box-sizing:border-box; 
+        overflow:auto;
+    }
+    .nav_department_panel_ul_2{
+        width:35%; 
+        background:#F2F3F7;
+    }
+    .nav_department_panel_ul_3{
+        width:35%; 
+        background:#F2F3F7;
+    }
+    .nav_department_panel_ul_a{
+        width:100%;
+        height:40px;
+        line-height:40px;
+        display:block;
+        font-size:16px;
+        color:#333;
+        padding:0px 10px 0px;
+        box-sizing:border-box;
+        word-break: keep-all; 
+        white-space: nowrap;
+        overflow:hidden;
+        text-overflow:ellipsis;
+    }
+    .nav_department_panel_ul_a_only{
+        font-weight:bold; 
+        color:#46D333;
+    }
+    .nav_department_panel_foot{ 
+        width:100%;
+        margin:0px auto;
+        height:36px; 
+        position:absolute;
+        left:0px;bottom:70px;
+        background:#fff;
+        text-align:center;
+        .nav_department_panel_foot_btn{
+            width:33%;
+            height:36px;
+            line-height:36px; 
             display:inline-block;
-            font-size:22px;
-            color:#333;
-            text-align:center;
-        }
-        .panel_head_btn{
-            float:right;
-            width:22px;
-            height:22px;
-            top:12px;
-            position:absolute;right:0px;
-            background:url('../../public/image/guanbi1.png') no-repeat center center;
-            background-size:100% 100%;
-        }
-        .nav_department_panel_in{
-            width:100%;
-            height:100%; 
-            box-sizing:border-box;
-            overflow:auto;
-            position:relative;
-            padding-bottom:122px;
-        }  
-        .nav_department_panel_ul{
-            width:30%; 
-            float:left;
-            height:100%;
-            box-sizing:border-box; 
-            overflow:auto;
-        }
-        .nav_department_panel_ul_2{
-            width:35%; 
-            background:#F2F3F7;
-        }
-        .nav_department_panel_ul_3{
-            width:35%; 
-            background:#F2F3F7;
-        }
-        .nav_department_panel_ul_a{
-            width:100%;
-            height:40px;
-            line-height:40px;
-            display:block;
+            text-align:center; 
+            border-radius:16px;
             font-size:16px;
-            color:#333;
-            padding:0px 10px 0px;
-            box-sizing:border-box;
-            word-break: keep-all; 
-            white-space: nowrap;
-            overflow:hidden;
-            text-overflow:ellipsis;
+            padding:0px 10px;
+            margin:0px 11px;
         }
-        .nav_department_panel_ul_a_only{
-            font-weight:bold; 
-            color:#46D333;
+        .nav_department_panel_foot_btn_clear{
+            background:#abe874;
+            color:#fff;
         }
-        .nav_department_panel_foot{ 
-            width:100%;
-            margin:0px auto;
-            height:36px; 
-            position:absolute;
-            left:0px;bottom:70px;
-            background:#fff;
-            text-align:center;
-            .nav_department_panel_foot_btn{
-                width:33%;
-                height:36px;
-                line-height:36px; 
-                display:inline-block;
-                text-align:center; 
-                border-radius:16px;
-                font-size:16px;
-                padding:0px 10px;
-                margin:0px 11px;
-            }
-            .nav_department_panel_foot_btn_clear{
-                background:#abe874;
-                color:#fff;
-            }
-            .nav_department_panel_foot_btn_sure{
-                background:#46D333;
-                color:#fff;
-            }
+        .nav_department_panel_foot_btn_sure{
+            background:#46D333;
+            color:#fff;
         }
-        //  .nav_in span{border:solid 1px #000;}       
-        .partOne .navigationOne li a span{
-            display:block;
-            line-height:33px;
-            height:33px;
-            opacity:0.6;     
-        }       
-        .nav_in .router-link-exact-active span{
-            font-size:16px;
-            font-weight:bold;
-            opacity:1!important;
-        }       
-        .select{display:none;} 
-        .phone_none{display:none;} 
+    } 
+    .partOne .navigationOne li a span{
+        display:block;
+        line-height:33px;
+        height:33px;
+        opacity:0.6;     
     }
+    .nav_in .router-link-exact-active span{
+        font-size:16px;
+        font-weight:bold;
+        opacity:1!important;
+    }       
+    .select{display:none;} 
+    .phone_none{display:none;} 
+}
+//移动端 end ---------------------------------------->
 </style>
 
 

components/home/pageNavigation1.vue

@@ -1,399 +0,0 @@
-<template>
-    <div class="navigate">
-        <div class="partOne">
-            <div class="inner">
-                <div class="navLeft">
-                    <div class="navIndex">
-                        <NuxtLink :to="'/'">首页</NuxtLink>
-                    </div>
-                    <div class="navClass">
-                        <div>主题资讯</div>
-                        <div>互动资讯</div>
-                    </div>
-                </div>
-                <ul class="navigationOne">
-                    <div class="nav_in clearfix">
-
-                        <li v-for="(item, index) in navigation1" :key="index">
-                            <NuxtLink :href="getLinkPath(item)" :title="item.alias" v-if="index <= 23"
-                                :target="item.is_url == 1 ? '_blank' : '_self'">
-                                <span class="active" v-if="item.category_id == routeId">{{ item.alias }}</span>
-                                <span v-else>{{ item.alias }}</span>
-                            </NuxtLink>
-                        </li>
-                    </div>
-                </ul>
-            </div>
-        </div>
-        <!-- 展示地区 -->
-        <div class="cityBox">
-            <div class="cityMain">
-                <div class="cityTitle">地方频道</div>
-                <ul class="cityList">
-                    <li v-for="item in provinceList">
-                        <NuxtLink :to="{ path: `/search/${item.id}` }">{{ item.abbreviation }}</NuxtLink>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-
-</template>
-
-<script setup>
-//1.加载依赖 start ---------------------------------------->
-import { ElMessage } from 'element-plus'
-import { ref, onMounted } from 'vue';
-import { ElSelect, ElOption } from 'element-plus'
-
-const nuxtApp = useNuxtApp();
-const axios = nuxtApp.$axios;
-
-const route = useRoute();
-const routeId = route.params.id; //获得该页面的id
-//1.加载依赖 end ---------------------------------------->
-
-//2.加载模块数据 start ---------------------------------------->
-const navigation1 = ref("");
-async function getPageData2() {
-    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            'placeid': 1,
-            'pid': 0,
-            'num': 35
-        },
-    });
-    navigation1.value = mkdata.data;
-}
-getPageData2();
-
-//格式化跳转路径
-const getLinkPath = (item) => {
-    if (item.is_url == 1) {
-        return `${item.web_url}`;
-    } else if (item.children_count == 0) {
-        //return `/newsList/${item.category_id}?page=1`;
-        return `/${item.aLIas_pinyin}/list-1.html`;
-    } else {
-        //return `/primaryNavigation/${item.aLIas_pinyin}/`;
-        return `/${item.aLIas_pinyin}/index.html`;
-    }
-}
-//2.加载模块数据 end ---------------------------------------->
-
-//3.职能部门 start ---------------------------------------->
-// let department = ref("")
-const depValue = ref("")
-const typeValue = ref("")
-// let departmentList = async () => {
-//     const mkdata = await requestDataPromise('/web/selectWebsiteDepartment', {
-//         method: 'GET',
-//         query: {
-//             'keyword': department.value,
-//         },
-//     });
-//     if(mkdata.code == 200){
-//         department.value = mkdata.data;
-//     }else{
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//         console.log("错误位置：获取职能部门")
-//         console.log("后端错误反馈：",mkdata.message)
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//     }
-// }
-// //获得所有部门
-// departmentList();
-//3.职能部门 end ---------------------------------------->
-
-//4.展示行政区划 start ---------------------------------------->
-let areaList = ref("")
-//4.1 省
-let province = ref("")
-let provinceid = ref("")
-let provinceList = ref("")
-//4.2 市
-let city = ref("")
-let cityid = ref("")
-let cityList = ref("")
-//4.3 县
-let region = ref("")
-let regionid = ref("")
-let regionList = ref("")
-
-//选择省
-// let areaArrList = async () => {
-//     const mkdata =  await requestDataPromise('/web/selectWebsiteArea', {
-//         method: 'GET',
-//         query: {},
-//     });
-//     if(mkdata.code == 200){
-//         provinceList.value = mkdata.data;
-//     }else{
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//         console.log("错误位置：获取行政区划")
-//         console.log("后端错误反馈：",mkdata.message)
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//     }
-// }
-// //一开始只需要获取一下省
-// areaArrList();
-
-onMounted(async () => {
-    //从客户端获取行政区划
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response2 = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result2 = await response2.json();
-        provinceList.value = result2.data;
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
-
-    // 设置滚动条初始位置
- 
-    const parentElement = document.querySelector('.nav_in');
-    const targetElement = document.querySelector('.nav_in .router-link-exact-active');
-    
-    if (targetElement && parentElement) {
-        const targetRect = targetElement.getBoundingClientRect();
-        const parentRect = parentElement.getBoundingClientRect();
-        
-        const distanceToParentLeft = targetRect.left - parentRect.left;
-        
-        const navigationElement = document.querySelector('.partOne .navigationOne');
-        if (navigationElement) {
-            navigationElement.scrollLeft = distanceToParentLeft - 0;
-        }
-    }
-
-
-})
-
-
-
-
-//选择市
-let change = async (id) => {
-    provinceid.value = id;
-    const shengData = await requestDataPromise('/web/selectWebsiteArea', {
-        method: 'GET',
-        query: {
-            'province': id,
-            'city': 0
-        },
-    });
-    cityList.value = shengData.data.city;
-}
-
-//选择县
-let change1 = async (id) => {
-    cityid.value = id;
-    const xianData = await requestDataPromise('/web/selectWebsiteArea', {
-        method: 'GET',
-        query: {
-            'province': provinceid.value,
-            'city': cityid.value
-        },
-    });
-    regionList.value = xianData.data.region;
-}
-//4.展示行政区划 end ---------------------------------------->
-
-//5.执行搜索 start ---------------------------------------->
-const getcityid = ref("")
-//跳转到搜索页面
-let goToSearch = (id) => {
-    console.log(id)
-    const route = `/search/search?catids=${id}`;
-    window.open(route, '_blank');
-}
-
-//获得cityid和
-let goToPrimary = async () => {
-    if (province.value != "") { getcityid.value = province.value }
-    if (city.value != "") { getcityid.value = city.value }
-    if (region.value != "") { getcityid.value = region.value }
-
-    if (province.value == "" && city.value == "" && region.value == "" && depValue.value == "") {
-        ElMessage.error('请选择行政区划或者职能部门！')
-    } else {
-
-        const responseStatus = await requestDataPromise('/web/selectWebsiteCategory', {
-            method: 'GET',
-            query: {
-                'cityid': getcityid.value,
-                'department_id': depValue.value
-            },
-        });
-        if (responseStatus.data.catid && responseStatus.data.catid.length > 0) {
-            const catids = responseStatus.data.catid.join(',');
-            const route = `/search/search?catids=${catids}`;
-            window.open(route, '_blank');
-        } else {
-            // 可以在这里处理数组为空的情况
-            console.log('没有可用的分类ID');
-            const route = `/search/search`;
-            window.open(route, '_blank');
-        }
-
-    }
-}
-
-let searchDepartment = () => {
-    //搜索职能部门
-    let status = false;
-    for (let item of department.value) {
-        if (item.name == typeValue.value) {
-            //如果有就赋值过去
-            depValue.value = item.id
-            status = true; //说明有可用的结果
-        }
-    }
-    if (status == true) {
-        //弹出提示告诉用户不存在
-    }
-}
-//5.执行搜索 end ---------------------------------------->
-</script>
-
-<style lang="less" scoped>
-@import url('@/assets/css/nav.less');
-</style>
-
-
-
-
-<style lang="less" scoped>
-
-        @media screen and (min-width:801px){
-
-            .nav_in{ display:flex;
-                    width:100%;
-                    flex-wrap: wrap;
-            
-            }
-            .pc_none{display:none;}
-        }
-
-
-        @media screen and (max-width:800px){/*ipad_phone*/
-            .partOne{height:33px;background:#49a769;margin-top:11px;padding:6px 0px;}
-            .partOne .inner{ overflow: hidden;position:relative;box-sizing:border-box;}
-
-            .partOne .inner .navLeft{display:flex;overflow:hidden;word-break: keep-all; white-space: nowrap;height:33px;text-align:left;
-                            width:auto;line-height:33px;margin-right:20px;
-                }
- 
-            .partOne .inner .navIndex{ line-height:33px;height:33px;overflow:hidden;width:auto; } 
-            .partOne .inner .navClass{  line-height:33px;height:33px;padding:0px;word-break: keep-all; white-space: nowrap;overflow:hidden;
-                                         display:none;}
-            .partOne .inner .navClass div{margin-left:8px; float:left;}
-            .partOne .inner .navClass div:nth-child(2){padding:0px;}
-            .partOne .navigationOne{ height:33px; display:block;  width:auto;
-                             line-height:33px;
-                          flex:1;
-                          padding:0;margin:0;
-                             float:right;box-sizing:border-box;
-
-                             overflow-y: hidden; // 改为 overlay 模式
-                             overflow-x: auto; // 改为 overlay 模式
-                                 
-                        // 隐藏滚动条轨道
-                                &::-webkit-scrollbar-track {
-                                    background: transparent;
-                                    width: 0;
-                                    height: 0;
-                                }
-                                
-                                // 隐藏滚动条滑块
-                                &::-webkit-scrollbar-thumb {
-                                    background: transparent;
-                                }
-
-                                /* 新增滚动条样式 */
-                                &::-webkit-scrollbar {
-                                    width: 0;
-                                    height: 0;
-                                }
-                }
- 
-            
-            
-            .nav_in{height:33px;word-break: keep-all; white-space: nowrap; box-sizing:border-box;line-height:33px;}
-            .partOne .navigationOne li{width:auto;display:inline-block;font-size:16px;line-height:33px;height:33px; overflow:hidden;}                           
-            .partOne .navigationOne li:nth-of-type(1){margin-left:0px;}                           
-            .partOne .navigationOne li a{display:block;line-height:33px;height:33px; overflow:hidden;}                           
-             
-            .cityBox{display: block;overflow:hidden;height:auto;display:none;}
-            .cityBox .cityMain{display: block;overflow:hidden;height:auto;width:100%;}
-            .cityBox .cityMain .cityTitle{line-height: 22px;padding:0;margin:10px 0px 0px 10px;width:auto;}
-
-            .cityList{overflow:hidden;}
-            .cityBox .cityMain .cityList li{line-height:22px;margin:11px;}
-
-            .select{overflow:hidden;height:auto;line-height:normal;}
-            .select .inner{width:96%;margin:0px auto;overflow:hidden;height:auto; }
-            .select .role{padding:0;height:auto;overflow:hidden;float:none;} 
-            .select .role .searchRole{box-sizing:border-box;width:333px; float:left;margin-left:0px;}
-            .select .el-select{width:230px!important;}
-            .select .role .searchRole em{margin:4px 10px;float:right;}
-            
-            .select .role > .title, .select .region > .title{float:none;font-size:18px;}
-            .select .region{overflow:hidden;height:auto;float:none;}
-            .select .region .searchRole{float:none;padding:10px 0;width:90%;margin:5px;height:auto;}
-            .select .region .el-select{margin-left:17px;}
-            .select .region em{margin-left:22px;}
-
-            .navigate_phone{
-            }
-             .nav_select_btn_box{
-                 overflow:hidden;padding:5px 0px;
-                border-bottom:1px solid #ededed;
-
-                width:92%;margin:0px auto;
-            }
-             .nav_select_btn{
-                height: 33px;
-                line-height: 33px;
-                color: #333;font-size:16px;
-                 padding:0px 20px 0px 6px;
-                float:left;margin:0px 8px 5px 0px;
-                // border:dashed 1px #000;
-
-                background:url(../../public/image/Iconly.png) no-repeat right center;
-                 
-                background-size:auto 20px;   
-            }
-
-            .nav_select_panel{
-                width:100%;background:teal;left:0px;top:0px;
-                position:fixed;z-index:999;
-                height:100%;
-
-            }
-            .partOne .inner .navIndex a{font-size:16px; height:33px;line-height:33px;display:block; }
- 
-            .partOne .navigationOne li a span{display:block;height:33px;line-height:33px;
-                opacity:0.6;
-                
-            }       
-            .nav_in .router-link-exact-active span{font-size:16px;font-weight:bold;opacity:1!important;}       
-
-            .partOne .inner .navIndex a{font-weight:normal;opacity:.6;}
-
-
-            .select{display:none;}
-            .navigate_phone{display:none;}
-
-            .phone_none{display:none;} 
-
-
-        }
-</style>

components/home/pageNavigation_test.vue

@@ -1,698 +0,0 @@
-<template>
-    <div class="navigate">
-
-        <div class="partOne">
-            <div class="inner">
-                <div class="navLeft">
-                    <div class="navIndex">
-                        <NuxtLink :to="'/'">首页</NuxtLink>
-                    </div>
-                    <div class="navClass">
-                        <div>主题资讯</div>
-                        <div>互动资讯</div>
-                    </div>
-                </div>
-                <ul class="navigationOne">
-                      
-                    <div class="nav_in clearfix">
-
-                        <li v-for="(item, index) in navigation1" :key="index">
-                            <NuxtLink :href="getLinkPath(item)" :title="item.alias" v-if="index <= 23"
-                                :target="item.is_url == 1 ? '_blank' : '_self'">
-                                <span class="active" v-if="item.category_id == routeId">{{ item.alias }}</span>
-                                <span v-else>{{ item.alias }}</span>
-                            </NuxtLink>
-                        </li>
-
-                    </div>
-                        
-                </ul>
-            </div>
-        </div>
-        <!-- 展示地区 -->
-        <div class="cityBox">
-            <div class="cityMain">
-                <div class="cityTitle">地方频道</div>
-                <ul class="cityList" v-if="provinceList.length > 0">
-                    <li v-for="item in provinceList">
-                        <NuxtLink :to="{ path: `/search/${item.id}` }">
-                            {{ item.abbreviation }}
-                        </NuxtLink>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <!-- 行政查询 -->
-        <div class="select" >
-
-            <div class="inner">
-                <div class="role left">
-                    <div class="title">行政职能查询 {{ depValue }}</div>
-                    <div class="searchRole">
-                        <el-select v-model="depValue" placeholder="职能部门" filterable size="large" style="width: 330px">
-                            <el-option v-for="(item, index) in department" :key="index" :label="item.name"
-                                :value="item.id" />
-                        </el-select>
-                        <em @click="goToPrimary"></em>
-                    </div>
-                </div>
-                
-                <div class="region left">
-
-
-                    <div class="title">行政区划查询</div>
-                    <div class="searchRole" v-if="provinceList.length > 0">
-                        <el-select v-model="province" placeholder="请选择省" size="large" style="width: 80px">
-                            <el-option v-for="item in provinceList" :key="item.id" :label="item.name"
-                                @click="change(item.id)" :value="item.id" />
-                        </el-select>
-                        <i></i>
-                        <el-select v-model="city" placeholder="请选择市" no-data-text="请先选择省份" size="large"
-                            style="width: 80px">
-                            <el-option v-for="(item, index) in cityList" :key="item.id" :label="item.name"
-                                @click="change1(item.id)" :value="item.id" />
-                        </el-select>
-                        <i></i>
-                        <el-select v-model="region" placeholder="请选择区/县" no-data-text="请先选择市" size="large"
-                            style="width: 100px">
-                            <el-option v-for="item in regionList" :key="item.id" :label="item.name" :value="item.id" />
-                        </el-select>
-                        <em @click="goToPrimary"></em>
-                    </div>
-                </div>
-
-            </div>
-        </div>
-
-    </div>
-
-    	
-    <section class="navigate_phone pc_none">
-
-        <div class="nav_select_btn_box">
-
-            
-            <div class="nav_select_btn nav_department_btn_box" >
-                行政职能查询
-                 
-                <div class="nav_department_drop_box">
-                    <a class="nav_department_drop_a" title="" v-for="(per_obj,per_index) in department" :key="per_obj" @click="nav_department_drop_a_fun(per_obj.id)">
-                        {{per_obj.name}}
-                    </a>
-
-                </div>
-
-            </div>
-            <div class="nav_select_btn" @click="showZonePanel = true">行政区划查询</div>
-
-        </div>
-        
-        <!-- 行政职能查询 -->
-        <!-- <div class="nav_department_panel" v-show="true"> -->
-        <div class="nav_department_panel" v-show="showZonePanel">
-
-            <!-- {{ department }} -->
- 
-            <div class="panel_head_box">
-                <span class="panel_head_btn nav_department_btn" @click="close_panel_fun"></span>
-                <h4 class="panel_head_h4">行政区划查询</h4>
-            </div>
-
-            <div class="nav_department_panel_in">
- 
-
-                <div class="nav_department_panel_ul">
-                    <a class="nav_department_panel_ul_a" title="" v-for="(per_obj,per_index) in provinceList"
-                     :key="per_obj" @click="change(per_obj.id)"  
-                     :class="{'nav_department_panel_ul_a_only':provinceid == per_obj.id}" >
-                     {{ per_obj.name}} 
-                    </a>
-                </div>   
- 
-                <div class="nav_department_panel_ul nav_department_panel_ul_2">
-                    <a class="nav_department_panel_ul_a" title="" v-for="(per_obj,per_index) in cityList" :key="per_obj"
-                        @click="change1(per_obj.id)"
-                        :class="{'nav_department_panel_ul_a_only':cityid == per_obj.id}" >
-
-                        {{ per_obj.name}} 
-                        <!-- {{per_index+1}} b行政区划查询 -->
-                    </a>
-                </div>   
- 
-                <div class="nav_department_panel_ul nav_department_panel_ul_3">
-                    <a class="nav_department_panel_ul_a" title="" 
-                        v-for="(per_obj,per_index) in regionList" :key="per_obj"
-                        @click="change2(per_obj.id)"
-
-                        :class="{'nav_department_panel_ul_a_only':regionid == per_obj.id}"
-                    >
-                        {{ per_obj.name}} 
-                    </a>
-                </div>   
-                
-                <div class="nav_department_panel_foot clearfix">
-
-                    <div class="nav_department_panel_foot_btn nav_department_panel_foot_btn_clear" @click="foot_btn_clear_fun">清空</div>
-                    <div class="nav_department_panel_foot_btn nav_department_panel_foot_btn_sure" @click="goToPrimary">确定</div>
-
-                </div>
-                
-            </div>
-
-        </div>
-
-
-    </section>
-
-
-
-</template>
-
-<script setup>
-//1.加载依赖 start ---------------------------------------->
-import { ElMessage } from 'element-plus'
-import { ref, onMounted } from 'vue';
-import { ElSelect, ElOption } from 'element-plus'
- 
-
-const showZonePanel = ref(false)
-const nuxtApp = useNuxtApp();
-const axios = nuxtApp.$axios;
-
-const route = useRoute();
-const routeId = route.params.id; //获得该页面的id
-//1.加载依赖 end ---------------------------------------->
-
-//2.加载模块数据 start ---------------------------------------->
-// const navigation1 = ref("");
-const navigation1 = useState('globalNavData', () => ([]))
-
-async function getPageData2() {
-    const mkdata = await requestDataPromise('/web/getWebsiteModelCategory', {
-        method: 'GET',
-        query: {
-            'placeid': 1,
-            'pid': 0,
-            'num': 35
-        },
-    });
-    navigation1.value = mkdata.data;
-}
-getPageData2();
-
-//格式化跳转路径
-// const getLinkPath = (item) => {
-//     if(item.is_url==1){
-//         return `${item.web_url}`;
-//     }else if(item.children_count == 0){
-//         //return `/${item.aLIas_pinyin}/`;
-//         return `/newsList/${item.category_id}?page=1`;
-//     }else{
-//         //return `/${item.aLIas_pinyin}/`;
-//         return `/primaryNavigation/${item.category_id}`;
-//     }
-// }
-const getLinkPath = (item) => {
-    console.log('item', item);
-    if (item.is_url == 1) {
-        return `${item.web_url}`;
-    } else if (item.children_count == 0) {
-        //return `/newsList/${item.category_id}?page=1`;
-        return `/${item.aLIas_pinyin}/list-1.html`;
-    }  else {
-        //return `/primaryNavigation/${item.aLIas_pinyin}/`;
-        return `/${item.aLIas_pinyin}/index.html`;
-    }
-}
-//2.加载模块数据 end ---------------------------------------->
-
-//3.职能部门 start ---------------------------------------->
-let department = ref("")
-const depValue = ref("")
-const typeValue = ref("")
-// let departmentList = async () => {
-//     const mkdata = await requestDataPromise('/web/selectWebsiteDepartment', {
-//         method: 'GET',
-//         query: {
-//             'keyword': department.value,
-//         },
-//     });
-//     if(mkdata.code == 200){
-//         department.value = mkdata.data;
-//     }else{
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//         console.log("错误位置：获取职能部门")
-//         console.log("后端错误反馈：",mkdata.message)
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//     }
-// }
-// //获得所有部门
-// departmentList();
-//3.职能部门 end ---------------------------------------->
-
-//4.展示行政区划 start ---------------------------------------->
-//let areaList = ref("")
-//4.1 省
-let province = ref("")
-let provinceid = ref("")
-// let provinceList = ref("")
-const provinceList = useState('globalProvinceData', () => [])
-
-//4.2 市
-let city = ref("")
-let cityid = ref("")
-let cityList = ref("")
-//4.3 县
-let region = ref("")
-let regionid = ref("")
-let regionList = ref("")
-
-//选择省
-// let areaArrList = async () => {
-//     const mkdata =  await requestDataPromise('/web/selectWebsiteArea', {
-//         method: 'GET',
-//         query: {},
-//     });
-//     if(mkdata.code == 200){
-//         provinceList.value = mkdata.data;
-//     }else{
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//         console.log("错误位置：获取行政区划")
-//         console.log("后端错误反馈：",mkdata.message)
-//         console.log("SSR waring ---------- SSR waring ---------- SSR waring ---------->")
-//     }
-// }
-// //一开始只需要获取一下省
-// areaArrList();
-
-//选择市
-let change = async (id) => {
-    provinceid.value = id;
-    const shengData = await requestDataPromise('/web/selectWebsiteArea', {
-        method: 'GET',
-        query: {
-            'pid': id,
-        },
-    });
-    cityList.value = shengData.data;
-    
-    regionList.value = [];// 清空县 
-}
-
-//选择县
-let change1 = async (id) => {
-    cityid.value = id;
-    const xianData = await requestDataPromise('/web/selectWebsiteArea', {
-        method: 'GET',
-        query: {
-            'pid': id,
-        },
-    });
-    regionList.value = xianData.data;
-
-    
-}
- 
-let change2 = async (id) => {
-    regionid.value = id;
-     
-}
-
-
-//4.展示行政区划 end ---------------------------------------->
-
-//5.执行搜索 start ---------------------------------------->
-const getcityid = ref("")
-
-//跳转到搜索页面
-// let goToSearch = (id) => {
-//     console.log(id)
-//     const route = `/search/search?catids=${id}`;
-//     window.location.href = route;
-// }
-
-//获得cityid和
-let goToPrimary = async () => {
-    // ElMessage.error(province.value)
-
-    if (province.value != "") { getcityid.value = province.value }
-    if (city.value != "") { getcityid.value = city.value }
-    if (region.value != "") { getcityid.value = region.value }
-
-    if (province.value == "" && city.value == "" && region.value == "" && depValue.value == "") {
-        ElMessage.error('请选择行政区划或者职能部门！')
-    } else {
-                const route = `/search/search?catids=${getcityid.value}&department_id=${depValue.value}`;
-                window.location.href = route;
-
-        // const responseStatus =  await requestDataPromise('/web/selectWebsiteCategory', {
-        // method: 'GET',
-        //     query: {
-        //         'cityid': getcityid.value,
-        //         'department_id': depValue.value
-        //     },
-        // });
-
-        // if (responseStatus.data.catid && responseStatus.data.catid.length > 0) {
-        //     const catids = responseStatus.data.catid.join(',');
-        //     const route = `/search/search?catids=${catids}`;
-        //     window.location.href = route;
-        // } else {
-        //     // 可以在这里处理数组为空的情况
-        //     console.log('没有可用的分类ID');
-        //     const route = `/search/search`;
-        //     window.location.href = route;
-        // }
-
-
-    }
-
-    // 行政职能查询
-    
-
-
-}
-
-const close_panel_fun = () => {
-    foot_btn_clear_fun();
-    showZonePanel.value = false;
-}
-
-const foot_btn_clear_fun = () => {
-    regionList.value = [];// 清空县 
-    region.value = "";// 清空县 名称
-    city.value = "";// 清空市 名称
-    cityList.value = [];// 清空市
-    province.value = "";// 清空省 名称
-    provinceid.value = "";// 清空省 id
-}
-
-let shake_bool = true // 声明在组件作用域顶部==防抖
-const nav_department_drop_a_fun = (departmentId) => {
- 
-         
-       if(shake_bool===true){//第1次点击
-            shake_bool = false;
-            depValue.value = departmentId;
-            goToPrimary();
-            // 行政职能查询
-             ElMessage({
-                message: '页面跳转中请稍等',
-                type: 'success'
-            });
-            nav_department_drop_a_fun.timer = setTimeout(() => {
-                shake_bool = true;
-            }, 3333);
-       }else{
-            ElMessage({
-                message: '请勿重复点击',
-                type: 'warning'
-            });
-       }
-    }
-
-
-
-       //5.执行搜索 end ---------------------------------------->
-
-
-onMounted(async () => {
-    //从客户端获取行政职能部门 加快打开速度
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response = await fetch($webUrl + '/web/selectWebsiteDepartment', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result = await response.json();
-        department.value = result.data;
-         
-
-    } catch (error) {
-        console.error('获取部门数据失败:', error);
-    }
-
-    //从客户端获取行政区划
-    try {
-        const { $webUrl, $CwebUrl } = useNuxtApp();
-        const response2 = await fetch($webUrl + '/web/selectWebsiteArea', {
-            headers: {
-                'Content-Type': 'application/json',
-                'Userurl': $CwebUrl,
-                'Origin': $CwebUrl
-            }
-        });
-        const result2 = await response2.json();
-        provinceList.value = result2.data;
-    } catch (error) {
-        console.error('获取行政区划数据失败:', error);
-    }
-})
-
- 
-</script>
-
-<style lang="less" scoped>
-@import url('@/assets/css/nav.less');
-</style>
-
-<style lang="less" scoped>
-
-        @media screen and (min-width:801px){
-
-            .nav_in{ display:flex;
-                    width:100%;
-                    flex-wrap: wrap;
-            
-            }
-            .pc_none{display:none;}
-        }
-
-
-        @media screen and (max-width:800px){/*ipad_phone*/
-            .partOne{height:auto;background:#49a769;}
-            .partOne .inner{ overflow: hidden;position:relative;}
-            .partOne .inner .navLeft{display:flex;overflow:hidden;word-break: keep-all; white-space: nowrap;height:33px;text-align:left;
-                            width:auto;float:left;
-                }
- 
-            .partOne .inner .navIndex{ line-height:31px;height:33px;overflow:hidden;width:auto; } 
-            .partOne .inner .navClass{  line-height:33px;height:33px;padding:0px;word-break: keep-all; white-space: nowrap;overflow:hidden;
-                                         display:none;}
-            .partOne .inner .navClass div{margin-left:8px; float:left;}
-            .partOne .inner .navClass div:nth-child(2){padding:0px;}
-            .partOne .navigationOne{ height:33px; display:block;  width:auto;
-                             
-                          flex:1;
-                          padding:0;margin:0;
-                             float:right;box-sizing:border-box;
-
-                             overflow-x: auto; // 改为 overlay 模式
-                                 
-                        // 隐藏滚动条轨道
-                                &::-webkit-scrollbar-track {
-                                    background: transparent;
-                                    width: 0;
-                                    height: 0;
-                                }
-                                
-                                // 隐藏滚动条滑块
-                                &::-webkit-scrollbar-thumb {
-                                    background: transparent;
-                                }
-
-                                /* 新增滚动条样式 */
-                                &::-webkit-scrollbar {
-                                    width: 0;
-                                    height: 0;
-                                }
-                }
- 
-            
-            
-            .nav_in{height:85%;word-break: keep-all; white-space: nowrap; box-sizing:border-box;}
-            .partOne .navigationOne li{width:auto;display:inline-block;height:88%;line-height:33px; overflow:hidden;}                           
-             
-            .cityBox{display: block;overflow:hidden;height:auto;display:none;}
-            .cityBox .cityMain{display: block;overflow:hidden;height:auto;width:100%;}
-            .cityBox .cityMain .cityTitle{line-height: 22px;padding:0;margin:10px 0px 0px 10px;width:auto;}
-
-            .cityList{overflow:hidden;}
-            .cityBox .cityMain .cityList li{line-height:22px;margin:11px;}
-
-            .select{overflow:hidden;height:auto;line-height:normal;}
-            .select .inner{width:96%;margin:0px auto;overflow:hidden;height:auto; }
-            .select .role{padding:0;height:auto;overflow:hidden;float:none;} 
-            .select .role .searchRole{box-sizing:border-box;width:333px; float:left;margin-left:0px;}
-            .select .el-select{width:230px!important;}
-            .select .role .searchRole em{margin:4px 10px;float:right;}
-            
-            .select .role > .title, .select .region > .title{float:none;font-size:18px;}
-            .select .region{overflow:hidden;height:auto;float:none;}
-            .select .region .searchRole{float:none;padding:10px 0;width:90%;margin:5px;height:auto;}
-            .select .region .el-select{margin-left:17px;}
-            .select .region em{margin-left:22px;}
-
-            .navigate_phone{
-            }
-             .nav_select_btn_box{
-
-                 padding:5px 0px;
-                border-bottom:1px solid #ededed;
-
-                width:92%;margin:0px auto;
-            }
-             .nav_select_btn_box::after{content: '';display: block;height: 0;visibility: hidden;clear: both;}
-
-
-             .nav_select_btn{
-             
-                height: 33px;
-                line-height: 33px;
-                color: #333;font-size:14px;
-                 padding:0px 30px 0px 6px;
-                float:left;margin:0px 20px 5px 0px;
-
-                background:url(../../public/image/Iconly.png) no-repeat right center;
-                 
-                background-size:auto 20px;   
-            } 
-
-
-            .nav_department_btn_box{
-                    position:relative;
-
-                .nav_department_select{
-
-                    width:100%;height:100%;position:absolute;
-                    left:0px;top:0px;border:0; 
-                }
-       
-            }
-            
-            
-            
-            .nav_department_drop_box{
-                position:absolute;left:0px;top:33px;z-index:111;
-                width:100%;height:333px;border:1px solid #ededed;
-                background:#fff;overflow:auto;border-radius:6px;
-                box-sizing:border-box;display:none;
-            }
-            .nav_department_btn_box:hover .nav_department_drop_box{
-                display:block;
-            }
-
-
-            .nav_department_drop_a{
-                width:100%;height:44px;line-height:44px;
-                display:block;
-                font-size:14px;color:#333;
-                padding:0px 10px 0px;
-                box-sizing:border-box;
-                word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
-            }
-
-            .partOne .inner .navIndex a{font-size:16px;}
-            .partOne .navigationOne li{font-size:14px;}
-
-            // .select{display:none;}
-            // .navigate_phone{display:none;}
-
-
-
-               .nav_department_panel{
-
-                    width:100%;background:#fff;left:0px;top:0px;
-                    position:fixed;z-index:999;
-                    height:100%;
-
-                }
-                .panel_head_box{
-                    width:97%;margin:0px auto 4px;
-                    height:50px;border-bottom:1px solid #b8b8b8;
-                    
-                    text-align:center;position:relative;
-                }
-
-                .panel_head_h4{height:50px;line-height:50px;display:inline-block;
-                                font-size:22px;color:#333;text-align:center;}
-                .panel_head_btn{float:right;width:22px;height:22px; top:12px;
-                                position:absolute;right:0px;
-                                background:url('../../public/image/guanbi1.png') no-repeat center center;
-                                background-size:100% 100%;
-                    }
-
-                  .nav_department_panel_in{
-                        width:100%;height:100%; box-sizing:border-box;
-                        overflow:auto;position:relative;
-                        padding-bottom:122px;
-                    }  
-
-                    .nav_department_panel_ul{
-                        width:30%; float:left;
-                         height:100%;box-sizing:border-box; 
-                        overflow:auto;
-                    }
-
-                    .nav_department_panel_ul_2{
-                         width:35%; background:#F2F3F7;
-                    }
-
-                    .nav_department_panel_ul_3{
-                         width:35%; background:#F2F3F7;
-                    }
-                    .nav_department_panel_ul_a{
-                        width:100%;height:40px;line-height:40px;
-                        display:block;
-                        font-size:16px;color:#333;
-                        padding:0px 10px 0px;
-                        box-sizing:border-box;
-                        word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
-                    }
-                    .nav_department_panel_ul_a_only{
-                        font-weight:bold; color:#46D333;
-                    }
-                    .nav_department_panel_foot{ 
-                        width:100%;margin:0px auto;
-                        height:36px; 
-                        position:absolute;left:0px;bottom:70px;
-                        background:#fff;text-align:center;
-
-                        .nav_department_panel_foot_btn{
-                            width:33%;height:36px;line-height:36px; display:inline-block;
-                            text-align:center; 
-                            border-radius:16px;font-size:16px;
-                            padding:0px 10px;margin:0px 11px;
-    
-                        }
-
-                        .nav_department_panel_foot_btn_clear{
-                            background:#abe874;color:#fff;
-                        }
-
-                        .nav_department_panel_foot_btn_sure{
-                            background:#46D333;color:#fff;
-                        }
-                    }
-
-            // .select{display:none;} 
-            .phone_none{display:none;} 
-
-
-
-
-
-        }
-</style>
-
-
-
-
-
-
-
-
-

package-lock.json

@@ -23,6 +23,7 @@
         "less": "^4.2.0",
         "less-loader": "^12.2.0",
         "nuxt": "^3.13.0",
+        "swiper": "^12.0.3",
         "vue": "^3.5.12",
         "vue-router": "latest"
       }
@@ -10269,6 +10270,24 @@
         "url": "https://opencollective.com/svgo"
       }
     },
+    "node_modules/swiper": {
+      "version": "12.0.3",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-12.0.3.tgz",
+      "integrity": "sha512-BHd6U1VPEIksrXlyXjMmRWO0onmdNPaTAFduzqR3pgjvi7KfmUCAm/0cj49u2D7B0zNjMw02TSeXfinC1hDCXg==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
     "node_modules/system-architecture": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/system-architecture/-/system-architecture-0.1.0.tgz",

package.json

@@ -27,6 +27,7 @@
     "less": "^4.2.0",
     "less-loader": "^12.2.0",
     "nuxt": "^3.13.0",
+    "swiper": "^12.0.3",
     "vue": "^3.5.12",
     "vue-router": "latest"
   }