diff --git a/package-lock.json b/package-lock.json
index 5e467e3..a02903b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16148,6 +16148,12 @@
         }
       }
     },
+    "swiper": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-3.4.0.tgz",
+      "integrity": "sha512-OE4bzIsNgxGhH44gzo6BndJwDmdEA8wIzMWc4c1EqHKPP/dz6iA/cj6DNGiTn1tDyUnaQx9jZnFCCmevcL8aTg==",
+      "dev": true
+    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
diff --git a/package.json b/package.json
index f08cc63..0cd2625 100644
--- a/package.json
+++ b/package.json
@@ -77,10 +77,11 @@
         "git-revision-webpack-plugin": "^3.0.6",
         "less": "^3.0.4",
         "less-loader": "^5.0.0",
-        "sass": "^1.25.0",
-        "sass-loader": "^8.0.2",
         "opencollective": "^1.0.3",
         "opencollective-postinstall": "^2.0.2",
+        "sass": "^1.25.0",
+        "sass-loader": "^8.0.2",
+        "swiper": "^3.4.0",
         "vue-svg-icon-loader": "^2.1.1",
         "vue-template-compiler": "^2.6.10",
         "webpack": "^4.44.2",
diff --git a/src/components/echart/bottom/bottomLeftChart/chart.vue b/src/components/echart/bottom/bottomLeftChart/chart.vue
index e7a3ada..dcaef34 100644
--- a/src/components/echart/bottom/bottomLeftChart/chart.vue
+++ b/src/components/echart/bottom/bottomLeftChart/chart.vue
@@ -1,150 +1,198 @@
 <template>
   <div>
-    <Echart
-      :options="options"
-      id="bottomLeftChart"
-      height="480px"
-      width="100%"
-    ></Echart>
+    <Echart :options="options" id="bottomLeftChart" height="480px" width="100%" ref="myChart"></Echart>
   </div>
 </template>
 
 <script>
-import Echart from '@/common/echart'
-export default {
-  data () {
-    return {
-      options: {}
-    }
-  },
-  components: {
-    Echart
-  },
-  props: {
-    cdata: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  watch: {
-    cdata: {
-      handler (newData) {
-        this.options = {
-          tooltip: {
-            trigger: 'axis',
-            backgroundColor: 'rgba(255,255,255,0.1)',
-            axisPointer: {
-              type: 'shadow',
-              label: {
-                show: true,
-                backgroundColor: '#7B7DDC'
-              }
-            }
-          },
-          legend: {
-            data: ['集中供养数', '供养总人数', '集中供养率'],
-            textStyle: {
-              color: '#B4B4B4',
-              fontSize:20
-            },
-            top: '0%'
-          },
-          grid: {
-            x: '8%',
-            width: '88%',
-            y: '4%'
-          },
-          xAxis: {
-            data: newData.category,
-            axisLine: {
-              lineStyle: {
-                color: '#B4B4B4'
+  import Echart from '@/common/echart'
+  export default {
+    data() {
+      return {
+        options: {}
+      }
+    },
+    components: {
+      Echart
+    },
+    props: {
+      cdata: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    watch: {
+      cdata: {
+        handler(newData) {
+          this.options = {
+            tooltip: {
+              trigger: 'axis',
+              backgroundColor: 'rgba(255,255,255,0.1)',
+              axisPointer: {
+                type: 'shadow',
+                label: {
+                  show: true,
+                  backgroundColor: '#7B7DDC'
+                }
               }
             },
-            axisTick: {
-              show: false
-            }
-          },
-          yAxis: [
-            {
-              splitLine: { show: false },
+            legend: {
+              data: ['集中供养数', '供养总人数', '集中供养率'],
+              textStyle: {
+                color: '#B4B4B4',
+                fontSize: 20
+              },
+              top: '0%'
+            },
+            grid: {
+              x: '8%',
+              width: '88%',
+              y: '4%'
+            },
+            xAxis: {
+              data: newData.category,
               axisLine: {
                 lineStyle: {
                   color: '#B4B4B4'
                 }
               },
+              axisLabel: {
+                fontSize: 18
+              },
+              axisTick: {
+                show: false
+              }
+            },
+            yAxis: [{
+                splitLine: {
+                  show: false
+                },
+                axisLine: {
+                  lineStyle: {
+                    color: '#B4B4B4'
+                  }
+                },
 
-              axisLabel: {
-                formatter: '{value} '
+                axisLabel: {
+                  formatter: '{value} '
+                }
+              },
+              {
+                splitLine: {
+                  show: false
+                },
+                axisLine: {
+                  lineStyle: {
+                    color: '#B4B4B4'
+                  }
+                },
+                axisLabel: {
+                  formatter: '{value} '
+                }
               }
-            },
-            {
-              splitLine: { show: false },
-              axisLine: {
-                lineStyle: {
-                  color: '#B4B4B4'
-                }
+            ],
+            series: [{
+                name: '集中供养率',
+                type: 'line',
+                smooth: true,
+                showAllSymbol: true,
+                symbol: 'emptyCircle',
+                symbolSize: 8,
+                yAxisIndex: 1,
+                itemStyle: {
+                  normal: {
+                    color: '#F02FC2'
+                  }
+                },
+                data: newData.rateData
               },
-              axisLabel: {
-                formatter: '{value} '
+              {
+                name: '集中供养数',
+                type: 'bar',
+                barWidth: 10,
+                itemStyle: {
+                  normal: {
+                    barBorderRadius: 5,
+                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                        offset: 0,
+                        color: '#956FD4'
+                      },
+                      {
+                        offset: 1,
+                        color: '#3EACE5'
+                      }
+                    ])
+                  }
+                },
+                data: newData.barData
+              },
+              {
+                name: '供养总人数',
+                type: 'bar',
+                barGap: '-100%',
+                barWidth: 10,
+                itemStyle: {
+                  normal: {
+                    barBorderRadius: 5,
+                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                        offset: 0,
+                        color: 'rgba(156,107,211,0.8)'
+                      },
+                      {
+                        offset: 0.2,
+                        color: 'rgba(156,107,211,0.5)'
+                      },
+                      {
+                        offset: 1,
+                        color: 'rgba(156,107,211,0.2)'
+                      }
+                    ])
+                  }
+                },
+                z: -12,
+                data: newData.lineData
               }
-            }
-          ],
-          series: [
-            {
-              name: '集中供养率',
-              type: 'line',
-              smooth: true,
-              showAllSymbol: true,
-              symbol: 'emptyCircle',
-              symbolSize: 8,
-              yAxisIndex: 1,
-              itemStyle: {
-                normal: {
-                  color: '#F02FC2'
-                }
-              },
-              data: newData.rateData
-            },
-            {
-              name: '集中供养数',
-              type: 'bar',
-              barWidth: 10,
-              itemStyle: {
-                normal: {
-                  barBorderRadius: 5,
-                  color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: '#956FD4' },
-                    { offset: 1, color: '#3EACE5' }
-                  ])
-                }
-              },
-              data: newData.barData
-            },
-            {
-              name: '供养总人数',
-              type: 'bar',
-              barGap: '-100%',
-              barWidth: 10,
-              itemStyle: {
-                normal: {
-                  barBorderRadius: 5,
-                  color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                    { offset: 0, color: 'rgba(156,107,211,0.8)' },
-                    { offset: 0.2, color: 'rgba(156,107,211,0.5)' },
-                    { offset: 1, color: 'rgba(156,107,211,0.2)' }
-                  ])
-                }
-              },
-              z: -12,
-              data: newData.lineData
-            }
-          ]
+            ]
+          }
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+    methods: {
+      clickChart() {
+        console.log(123232)
+      }
+    },
+    mounted() {
+      let myChart = this.$refs["myChart"].chart
+      console.log(myChart)
+      console.log(this.cdata)
+      //柱状图点击事件
+      myChart.getZr().on('click', (params) => {
+        //echartsData为柱状图数据
+        if (this.cdata.category.length > 0) {
+          const pointInPixel = [params.offsetX, params.offsetY];
+          //点击第几个柱子
+          let index;
+          if (myChart.containPixel('grid', pointInPixel)) {
+            index = myChart.convertFromPixel({
+              seriesIndex: 0
+            }, [params.offsetX, params.offsetY])[0];
+          }
+          if (index !== undefined) {
+            var village = this.cdata.category[index];
+            console.log(village)
+            this.$router.push({
+              name: 'Console',
+              params: {
+                village: village.id,
+                type: 1
+              }
+            })
+          }
         }
-      },
-      immediate: true,
-      deep: true
+      });
     }
   }
-}
 </script>
diff --git a/src/components/echart/bottom/bottomLeftChart/index.vue b/src/components/echart/bottom/bottomLeftChart/index.vue
index 906a529..b7cf205 100644
--- a/src/components/echart/bottom/bottomLeftChart/index.vue
+++ b/src/components/echart/bottom/bottomLeftChart/index.vue
@@ -11,14 +11,14 @@ export default {
     return {
       cdata: {
         category: [
-          '下堡坪村',
-          '蛟龙寺村',
-          '九山村',
-          '马宗岭村',
-          '赵勉河村',
-          '秀水村',
-          '磨坪村',
-          '十八湾村'
+           {value:'下堡坪村', id:1},
+           {value:'蛟龙寺村', id:2},
+           {value:'九山村', id:3},
+           {value:'马宗岭村', id:4},
+           {value:'赵勉河村', id:5},
+           {value:'秀水村', id:6},
+           {value:'磨坪村', id:7},
+           {value:'十八湾村', id:8}
         ],
         lineData: [
           15,
diff --git a/src/components/echart/centerLeft/centerLeft1Chart/chart.vue b/src/components/echart/centerLeft/centerLeft1Chart/chart.vue
index dd3d90e..a625b48 100644
--- a/src/components/echart/centerLeft/centerLeft1Chart/chart.vue
+++ b/src/components/echart/centerLeft/centerLeft1Chart/chart.vue
@@ -1,61 +1,55 @@
 <template>
   <div>
-    <Echart
-      :options="options"
-      id="centreLeft1Chart"
-      height="340px"
-      width="300px"
-    ></Echart>
+    <Echart :options="options" id="hldj" height="340px" width="300px" ref="myChart2"></Echart>
   </div>
 </template>
 
 <script>
-import Echart from '@/common/echart'
-export default {
-  data () {
-    return {
-      options: {}
-    }
-  },
-  components: {
-    Echart
-  },
-  props: {
-    cdata: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  watch: {
-    cdata: {
-      handler (newData) {
-        this.options = {
-          color: [
-            '#37a2da',
-            '#32c5e9',
-            '#fb7293'
-          ],
-          tooltip: {
-            trigger: 'item',
-            formatter: '{a} <br/>{b} : {c} ({d}%)'
-          },
-          toolbox: {
-            show: true
-          },
-          calculable: true,
-          legend: {
-            orient: 'horizontal',
-            icon: 'circle',
-            bottom: 0,
-            x: 'center',
-            data: newData.xData,
-            textStyle: {
-              color: '#fff',
-              "fontSize": 18
-            }
-          },
-          series: [
-            {
+  import Echart from '@/common/echart'
+  export default {
+    data() {
+      return {
+        options: {}
+      }
+    },
+    components: {
+      Echart
+    },
+    props: {
+      cdata: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    watch: {
+      cdata: {
+        handler(newData) {
+          this.options = {
+            color: [
+              '#37a2da',
+              '#32c5e9',
+              '#fb7293'
+            ],
+            tooltip: {
+              trigger: 'item',
+              formatter: '{a} <br/>{b} : {c} ({d}%)'
+            },
+            toolbox: {
+              show: true
+            },
+            calculable: true,
+            legend: {
+              orient: 'horizontal',
+              icon: 'circle',
+              bottom: 0,
+              x: 'center',
+              data: newData.xData,
+              textStyle: {
+                color: '#fff',
+                "fontSize": 18
+              }
+            },
+            series: [{
               name: '等级统计',
               type: 'pie',
               radius: [20, 100],
@@ -67,15 +61,36 @@ export default {
                   show: false
                 },
               },
-            }
-          ]
+            }]
+          }
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+    mounted() {
+      let myChart = this.$refs["myChart2"].chart
+      //点击事件
+      myChart.on('click', (param) => {
+        let index;
+        //当前扇区的dataIndex
+        index = param.dataIndex;
+        //自己的操作，这里是点击跳转路由，并携带参数
+        if (index !== undefined) {
+          //seriesData为饼图数据
+          if (this.cdata.seriesData[index].value != 0) {
+            /*跳转路由*/
+            this.$router.push({
+              name: 'Console',
+              params: {
+                nursingLevel: this.cdata.seriesData[index].id
+              }
+            })
+          }
         }
-      },
-      immediate: true,
-      deep: true
+      });
     }
   }
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/echart/centerLeft/centerLeft1Chart/index.vue b/src/components/echart/centerLeft/centerLeft1Chart/index.vue
index f6a7dd2..4d030e8 100644
--- a/src/components/echart/centerLeft/centerLeft1Chart/index.vue
+++ b/src/components/echart/centerLeft/centerLeft1Chart/index.vue
@@ -12,9 +12,9 @@ export default {
       cdata: {
         xData: ['一级护理', '二级护理', '三级护理'],
         seriesData: [
-          { value: 10, name: '一级护理' },
-          { value: 5, name: '二级护理' },
-          { value: 15, name: '三级护理' }
+          { value: 10, name: '一级护理',id: 1 },
+          { value: 5, name: '二级护理',id: 2 },
+          { value: 15, name: '三级护理',id: 3 }
         ]
       }
     }
diff --git a/src/components/echart/centerLeft/centerLeft2Chart/chart.vue b/src/components/echart/centerLeft/centerLeft2Chart/chart.vue
index 8f3714c..25f402c 100644
--- a/src/components/echart/centerLeft/centerLeft2Chart/chart.vue
+++ b/src/components/echart/centerLeft/centerLeft2Chart/chart.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Echart :options="options" id="centreLeft2Chart" height="340px" width="270px" style="padding: 10px;"></Echart>
+    <Echart :options="options" id="centreLeft2Chart" height="340px" width="270px" style="padding: 10px;" ref="myChart"></Echart>
   </div>
 </template>
 
@@ -53,17 +53,17 @@
                   shadowColor: 'rgba(0, 0, 0, 0.5)'
                 }
               },
-            itemStyle: {
-              normal: {
-                color: function(colors) {
-                  var colorList = [
-                    '#457bef',
-                    '#ffaaff'
-                  ];
-                  return colorList[colors.dataIndex];
-                }
+              itemStyle: {
+                normal: {
+                  color: function(colors) {
+                    var colorList = [
+                      '#457bef',
+                      '#ffaaff'
+                    ];
+                    return colorList[colors.dataIndex];
+                  }
+                },
               },
-            },
               label: {
                 normal: {
                   show: false,
@@ -80,6 +80,29 @@
         immediate: true,
         deep: true
       }
+    },
+    mounted() {
+      let myChart = this.$refs["myChart"].chart
+      console.log(myChart)
+      //点击事件
+      myChart.on('click', (param) => {
+        let index;
+        //当前扇区的dataIndex
+        index = param.dataIndex;
+        //自己的操作，这里是点击跳转路由，并携带参数
+        if (index !== undefined) {
+          //seriesData为饼图数据
+          if (this.cdata.seriesData[index].value != 0) {
+            /*跳转路由*/
+            this.$router.push({
+              name: 'Console',
+              params: {
+                gender: this.cdata.seriesData[index].id
+              }
+            })
+          }
+        }
+      });
     }
   }
 </script>
diff --git a/src/components/echart/centerLeft/centerLeft2Chart/index.vue b/src/components/echart/centerLeft/centerLeft2Chart/index.vue
index 38da485..46eb936 100644
--- a/src/components/echart/centerLeft/centerLeft2Chart/index.vue
+++ b/src/components/echart/centerLeft/centerLeft2Chart/index.vue
@@ -12,8 +12,8 @@ export default {
       cdata: {
         xData: ['男', '女'],
         seriesData: [
-          { value: 42, name: '男' },
-          { value: 12, name: '女' }
+          { value: 42, name: '男', id: "1" },
+          { value: 12, name: '女', id: "0" }
         ]
       }
     }
diff --git a/src/components/echart/centerRight/centerRight1Chart/chart.vue b/src/components/echart/centerRight/centerRight1Chart/chart.vue
index 843de37..de2e007 100644
--- a/src/components/echart/centerRight/centerRight1Chart/chart.vue
+++ b/src/components/echart/centerRight/centerRight1Chart/chart.vue
@@ -1,64 +1,58 @@
 <template>
   <div>
-    <Echart
-      :options="options"
-      id="centreLeft1Chart"
-      height="340px"
-      width="380px"
-    ></Echart>
+    <Echart :options="options" id="nlqj" height="340px" width="380px" ref="nlqjChart"></Echart>
   </div>
 </template>
 
 <script>
-import Echart from '@/common/echart'
-export default {
-  data () {
-    return {
-      options: {}
-    }
-  },
-  components: {
-    Echart
-  },
-  props: {
-    cdata: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  watch: {
-    cdata: {
-      handler (newData) {
-        this.options = {
-          color: [
-            '#37a2da',
-            "#ffdb5c",
-            "#ff9f7f",
-            '#fb7293',
-            "#e7bcf3",
-            '#8378ea'
-          ],
-          tooltip: {
-            trigger: 'item',
-            formatter: '{a} <br/>{b} : {c} ({d}%)'
-          },
-          toolbox: {
-            show: true
-          },
-          calculable: true,
-          legend: {
-            orient: 'horizontal',
-            icon: 'circle',
-            bottom: 0,
-            x: 'center',
-            data: newData.xData,
-            textStyle: {
-              color: '#fff',
-              "fontSize": 18
-            }
-          },
-          series: [
-            {
+  import Echart from '@/common/echart'
+  export default {
+    data() {
+      return {
+        options: {}
+      }
+    },
+    components: {
+      Echart
+    },
+    props: {
+      cdata: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    watch: {
+      cdata: {
+        handler(newData) {
+          this.options = {
+            color: [
+              '#37a2da',
+              "#ffdb5c",
+              "#ff9f7f",
+              '#fb7293',
+              "#e7bcf3",
+              '#8378ea'
+            ],
+            tooltip: {
+              trigger: 'item',
+              formatter: '{a} <br/>{b} : {c} ({d}%)'
+            },
+            toolbox: {
+              show: true
+            },
+            calculable: true,
+            legend: {
+              orient: 'horizontal',
+              icon: 'circle',
+              bottom: 0,
+              x: 'center',
+              data: newData.xData,
+              textStyle: {
+                color: '#fff',
+                "fontSize": 18
+              }
+            },
+            series: [{
               name: '年龄统计',
               type: 'pie',
               radius: [20, 100],
@@ -68,18 +62,40 @@ export default {
               label: {
                 normal: {
                   show: true,
-              "fontSize": 18
+                  "fontSize": 18
                 },
               },
-            }
-          ]
+            }]
+          }
+        },
+        immediate: true,
+        deep: true
+      }
+    },
+    mounted() {
+      let myChart = this.$refs["nlqjChart"].chart
+      console.log(myChart)
+      //点击事件
+      myChart.on('click', (param) => {
+        let index;
+        //当前扇区的dataIndex
+        index = param.dataIndex;
+        //自己的操作，这里是点击跳转路由，并携带参数
+        if (index !== undefined) {
+          //seriesData为饼图数据
+          if (this.cdata.seriesData[index].value != 0) {
+            /*跳转路由*/
+            this.$router.push({
+              name: 'Console',
+              params: {
+                ageRange: this.cdata.seriesData[index].id
+              }
+            })
+          }
         }
-      },
-      immediate: true,
-      deep: true
+      });
     }
   }
-}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/components/echart/centerRight/centerRight1Chart/index.vue b/src/components/echart/centerRight/centerRight1Chart/index.vue
index 668fcf0..01c8542 100644
--- a/src/components/echart/centerRight/centerRight1Chart/index.vue
+++ b/src/components/echart/centerRight/centerRight1Chart/index.vue
@@ -12,12 +12,12 @@ export default {
       cdata: {
         xData: ['50岁以下', '50岁-59岁', '60岁-69岁','70岁-79岁','80岁-89岁','90岁以上'],
         seriesData: [
-          { value: 6, name: '50岁以下' },
-          { value: 12, name: '50岁-59岁' },
-          { value: 14, name: '60岁-69岁' },
-          { value: 21, name: '70岁-79岁' },
-          { value: 16, name: '80岁-89岁' },
-          { value: 9, name: '90岁以上' },
+          { value: 6, name: '50岁以下', id:'1' },
+          { value: 12, name: '50岁-59岁', id:'2' },
+          { value: 14, name: '60岁-69岁', id:'3' },
+          { value: 21, name: '70岁-79岁', id:'4' },
+          { value: 16, name: '80岁-89岁', id:'5' },
+          { value: 9, name: '90岁以上', id:'6' },
         ]
       }
     }
diff --git a/src/components/echart/centerRight/centerRight2Chart/chart.vue b/src/components/echart/centerRight/centerRight2Chart/chart.vue
index a31bc6c..bf3d346 100644
--- a/src/components/echart/centerRight/centerRight2Chart/chart.vue
+++ b/src/components/echart/centerRight/centerRight2Chart/chart.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <Echart :options="options" id="centreLeft2Chart" height="360px" width="270px" style="padding: 10px;"></Echart>
+    <Echart :options="options" id="jzfp" height="360px" width="270px" style="padding: 10px;" ref="jzfpChart"></Echart>
   </div>
 </template>
 
@@ -35,7 +35,11 @@
             },
             legend: {
               orient: 'vertical',
-              left: 'left'
+              left: 'left',
+              textStyle: {
+                color: '#fff',
+                "fontSize": 18
+              }
             },
             series: [{
               // name: 'Access From',
@@ -76,6 +80,29 @@
         immediate: true,
         deep: true
       }
+    },
+    mounted() {
+      let myChart = this.$refs["jzfpChart"].chart
+      console.log(myChart)
+      //点击事件
+      myChart.on('click', (param) => {
+        let index;
+        //当前扇区的dataIndex
+        index = param.dataIndex;
+        //自己的操作，这里是点击跳转路由，并携带参数
+        if (index !== undefined) {
+          //seriesData为饼图数据
+          if (this.cdata.seriesData[index].value != 0) {
+            /*跳转路由*/
+            this.$router.push({
+              name: 'Console',
+              params: {
+                ifHelpPoor: this.cdata.seriesData[index].id
+              }
+            })
+          }
+        }
+      });
     }
   }
 </script>
diff --git a/src/components/echart/centerRight/centerRight2Chart/index.vue b/src/components/echart/centerRight/centerRight2Chart/index.vue
index f8feeed..6d762a6 100644
--- a/src/components/echart/centerRight/centerRight2Chart/index.vue
+++ b/src/components/echart/centerRight/centerRight2Chart/index.vue
@@ -12,8 +12,8 @@ export default {
       cdata: {
         xData: ['是', '否'],
         seriesData: [
-          { value: 26, name: '是' },
-          { value: 11, name: '否' }
+          { value: 26, name: '是', id: '1' },
+          { value: 11, name: '否', id: '0' }
         ]
       }
     }
diff --git a/src/main.js b/src/main.js
index efbdb5e..637c8eb 100644
--- a/src/main.js
+++ b/src/main.js
@@ -45,6 +45,11 @@ import echarts from 'echarts'
 //import * as echarts from 'echarts'
 Vue.prototype.$echarts = echarts
 
+/* import VueAwesomeSwiper from 'vue-awesome-swiper'
+import 'swiper/dist/css/swiper.css'
+// 全局挂载
+Vue.use(VueAwesomeSwiper) */
+
 Vue.use(FormModel)
 Vue.use(Empty)
 Vue.prototype.hasPerm = hasBtnPermission
diff --git a/src/router/generator-routers.js b/src/router/generator-routers.js
index 4961b9a..51f1f52 100644
--- a/src/router/generator-routers.js
+++ b/src/router/generator-routers.js
@@ -13,6 +13,7 @@ const constantRouterComponents = {
   '403': () => import('@/views/exception/403'),
   '404': () => import('@/views/exception/404'),
   '500': () => import('@/views/exception/500'),
+  'developing': () => import('@/views/exception/developing'),
 
   // 你需要动态引入的页面组件
   'Workplace': () => import('@/views/dashboard/Workplace'),
@@ -166,15 +167,6 @@ export const userAccount = [
 
 ]
 
-// 根级菜单
-/* const rootRouter = {
-  path: '/',
-  name: 'index',
-  component: 'BigScreenLayout',
-  redirect: '/bigScreen',
-  meta: { title: '首页' },
-  children: []
-} */
 // 根级菜单
 const rootRouter = {
   path: '/',
diff --git a/src/views/bigScreen/bottomLeft.vue b/src/views/bigScreen/bottomLeft.vue
index 8615b28..ac812f4 100644
--- a/src/views/bigScreen/bottomLeft.vue
+++ b/src/views/bigScreen/bottomLeft.vue
@@ -6,7 +6,7 @@
           <icon name="chart-bar" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2" style="font-size: 20px;">各村供养人数</span>
+          <span class="fs-xl text mx-2" style="font-size: 20px;">各村供养情况统计</span>
         </div>
       </div>
       <div>
diff --git a/src/views/bigScreen/bottomRight.vue b/src/views/bigScreen/bottomRight.vue
index fc65760..a52b905 100644
--- a/src/views/bigScreen/bottomRight.vue
+++ b/src/views/bigScreen/bottomRight.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="bottomRight">
-    <div class="bg-color-black">
+    <div class="bg-color-black" style="cursor:pointer;" @click="jumpPage">
       <div class="d-flex pt-2 pl-2">
         <span>
           <icon name="align-left" class="text-icon"></icon>
@@ -8,19 +8,15 @@
         <span class="fs-xl text mx-2" style="font-size: 20px;">入住情况统计</span>
       </div>
       <div class="d-flex ai-center flex-column body-box">
-        <dv-capsule-chart class="dv-cap-chart" :config="config" />
+        <dv-capsule-chart class="dv-cap-chart" :config="config" @click="skipto" />
       </div>
       <!-- 4个主要的数据 -->
       <div class="bottom-data">
-        <div
-          class="item-box mt-2"
-          v-for="(item, index) in numberData"
-          :key="index"
-        >
-           <p class="text" style="text-align: center;">
+        <div class="item-box mt-2" v-for="(item, index) in numberData" :key="index">
+          <p class="text" style="text-align: center;">
             <dv-digital-flop class="dv-digital-flop" :config="item.number" />
           </p>
-          <p class="text" >
+          <p class="text">
             {{ item.text }}
             <span class="colorYellow" v-if="item.dw">({{ item.dw }})</span>
           </p>
@@ -31,172 +27,203 @@
 </template>
 
 <script>
-import centerRight2Chart1 from '@/components/echart/centerRight/centerRightChart'
-export default {
-  components: {
-    centerRight2Chart1
-  },
-  data () {
-    return {
-      config: {
-        data: [
-          {
-            name: '供养房',
-            value: 21
+  import centerRight2Chart1 from '@/components/echart/centerRight/centerRightChart'
+  export default {
+    components: {
+      centerRight2Chart1
+    },
+    data() {
+      return {
+        config: {
+          data: [{
+              name: '供养房',
+              value: 21
+            },
+            {
+              name: '餐厅',
+              value: 1
+            },
+            {
+              name: '厨房',
+              value: 3
+            },
+            {
+              name: '活动室',
+              value: 1
+            },
+            {
+              name: '办公室',
+              value: 4
+            }
+          ],
+          showValue: true
+        },
+        numberData: [{
+            number: {
+              number: [22],
+              toFixed: 0,
+              textAlign: 'left',
+              content: '{nt}',
+              style: {
+                fontSize: 30
+              }
+            },
+            text: '入住房间',
+            dw: '间'
           },
           {
-            name: '餐厅',
-            value: 1
+            number: {
+              number: [37],
+              textAlign: 'left',
+              content: '{nt}',
+              style: {
+                fontSize: 30
+              }
+            },
+            text: '供养房间',
+            dw: '间'
           },
           {
-            name: '厨房',
-            value: 3
+            number: {
+              number: [52],
+              toFixed: 0,
+              textAlign: 'left',
+              content: '{nt}',
+              style: {
+                fontSize: 30
+              }
+            },
+            text: '入住床位',
+            dw: '个'
           },
           {
-            name: '活动室',
-            value: 1
+            number: {
+              number: [80],
+              toFixed: 0,
+              textAlign: 'left',
+              content: '{nt}',
+              style: {
+                fontSize: 30
+              }
+            },
+            text: '总床位数',
+            dw: '个'
           },
+          {},
           {
-            name: '办公室',
-            value: 4
+            number: {
+              number: [32.25],
+              toFixed: 2,
+              textAlign: 'left',
+              content: '{nt}',
+              style: {
+                fontSize: 30
+              }
+            },
+            text: '床位入住率',
+            dw: '%'
           }
-        ],
-    showValue: true
+        ]
+      }
+    },
+    methods: {
+      skipto(config) {
+        console.log('config', config)
+        console.log('ceil', config.ceil)
+        console.log('hang', config.rowIndex)
+        this.$message.success('查看详情成功，可在控制台查看打印的数据')
       },
-      numberData: [
-        {
-          number: {
-            number: [22],
-            toFixed: 0,
-            textAlign: 'left',
-            content: '{nt}',
-            style: {
-              fontSize: 24
-            }
-          },
-          text: '入住房间',
-          dw: '间'
-        },
-        {
-          number: {
-            number: [37],
-            textAlign: 'left',
-            content: '{nt}',
-            style: {
-              fontSize: 24
-            }
-          },
-          text: '供养房间',
-          dw: '间'
-        },
-        {
-          number: {
-            number: [52],
-            toFixed: 0,
-            textAlign: 'left',
-            content: '{nt}',
-            style: {
-              fontSize: 24
-            }
-          },
-          text: '入住床位',
-          dw: '个'
-        },
-        {
-          number: {
-            number: [80],
-            toFixed: 0,
-            textAlign: 'left',
-            content: '{nt}',
-            style: {
-              fontSize: 24
-            }
-          },
-          text: '总床位数',
-          dw: '个'
-        },
-        {},
-        {
-          number: {
-            number: [32.25],
-            toFixed: 2,
-            textAlign: 'left',
-            content: '{nt}',
-            style: {
-              fontSize: 24
-            }
-          },
-          text: '床位入住率',
-          dw: '%'
-        }
-      ]
+      jumpPage() {
+        this.$router.push({
+          path: '/room/list'
+        })
+      }
     }
   }
-}
 </script>
 
 <style lang="scss" scoped>
-$box-height: 485px;
-$box-width: 100%;
-#bottomRight {
-  padding: 20px 16px;
-  height: $box-height;
-  width: $box-width;
-  border-radius: 5px;
-  .bg-color-black {
-    padding: 5px;
+  $box-height: 485px;
+  $box-width: 100%;
+
+  #bottomRight {
+    padding: 20px 16px;
     height: $box-height;
     width: $box-width;
-    border-radius: 10px;
-  }
-  .text {
-    color: #c3cbde;
-  }
-  .body-box {
-    border-radius: 10px;
-    overflow: hidden;
-    .dv-cap-chart {
-      width: 100%;
-      height: 270px;
-      position: relative;
+    border-radius: 5px;
+
+    .bg-color-black {
+      padding: 5px;
+      height: $box-height;
+      width: $box-width;
+      border-radius: 10px;
     }
-  }
-  .bottom-data {
-    position: absolute;
-    top: 270px;
-    left: 30px;
-    .item-box {
-      & > div {
-        padding-right: 5px;
-      }
-      font-size: 14px;
-      float: right;
-      position: relative;
-      width: 50%;
-      color: #d3d6dd;
-      .dv-digital-flop {
-        width: 120px;
-        height: 30px;
-      }
-      // 金币
-      .coin {
+
+    .text {
+      color: #c3cbde;
+    }
+
+    .body-box {
+      border-radius: 10px;
+      overflow: hidden;
+
+      .dv-cap-chart {
+        width: 100%;
+        height: 240px;
         position: relative;
-        top: 6px;
-        font-size: 20px;
-        color: #ffc107;
       }
-      .colorYellow {
-        color: yellowgreen;
-      }
-      /* p {
+    }
+
+    .bottom-data {
+      position: absolute;
+      top: 270px;
+      left: 30px;
+
+      .item-box {
+        &>div {
+          padding-right: 5px;
+        }
+
+        font-size: 14px;
+        float: right;
+        position: relative;
+        width: 50%;
+        color: #d3d6dd;
+
+        .dv-digital-flop {
+          width: 120px;
+          height: 30px;
+        }
+
+        // 金币
+        .coin {
+          position: relative;
+          top: 6px;
+          font-size: 20px;
+          color: #ffc107;
+        }
+
+        .colorYellow {
+          color: yellowgreen;
+        }
+
+        /* p {
         text-align: center;
       } */
+      }
+    }
+
+    ::v-deep .label-column {
+      font-size: 18px;
     }
   }
-}
 
-// 让下方单位的精度值隐藏
-::v-deep .dv-capsule-chart .unit-label {
-  visibility: hidden;
-}
+  // 让下方单位的精度值隐藏
+  ::v-deep .dv-capsule-chart .unit-label {
+    visibility: hidden;
+  }
+</style>
+
+<style>
+
 </style>
diff --git a/src/views/bigScreen/center.vue b/src/views/bigScreen/center.vue
index 8102343..4c44860 100644
--- a/src/views/bigScreen/center.vue
+++ b/src/views/bigScreen/center.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="center">
+  <div id="center" style="cursor:pointer;" @click="jumpPage">
     <div class="up">
       <div
         class="bg-color-black item"
@@ -20,7 +20,7 @@
         <span>
           <icon name="chart-pie" class="text-icon"></icon>
         </span>
-        <span class="fs-xl text mx-2 mb-1 pl-3 bt-zh">所属村组榜</span>
+        <span class="fs-xl text mx-2 mb-1 pl-3 bt-zh">在院人数村籍榜</span>
         <dv-scroll-ranking-board class="dv-scr-rank-board mt-1" :config="ranking" />
       </div>
       <div class="percent">
@@ -207,6 +207,13 @@ export default {
   },
   components: {
     CenterChart
+  },
+  methods: {
+    jumpPage() {
+      this.$router.push({
+        path: '/room/checkin'
+      })
+    }
   }
 }
 </script>
@@ -222,7 +229,7 @@ export default {
     justify-content: space-around;
     .item {
       border-radius: 6px;
-      padding-top: 8px;
+      // padding-top: 8px;
       margin-top: 8px;
       width: 32%;
       height: 70px;
@@ -246,7 +253,7 @@ export default {
       padding: 10px;
       width: 59%;
       .dv-scr-rank-board {
-        height: 225px;
+        height: 205px;
       }
     }
     .percent {
diff --git a/src/views/bigScreen/index.vue b/src/views/bigScreen/index.vue
index 2f8a522..116f905 100644
--- a/src/views/bigScreen/index.vue
+++ b/src/views/bigScreen/index.vue
@@ -38,11 +38,11 @@
             <div class="react-left ml-3 fw-b" style="background-color: #1a5cd7;">
               <span class="text">数据统计</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">数据查询</span>
+            <div class="react-left ml-3 sx">
+              <span class="text" @click="jumpPage(1)">数据查询</span>
             </div>
-            <div class="react-left ml-3">
-              <span class="text">荣誉展示</span>
+            <div class="react-left ml-3 sx">
+              <span class="text" @click="jumpPage(2)">荣誉展示</span>
             </div>
           </div>
           <!-- <div class="d-flex aside-width">
@@ -57,11 +57,11 @@
             </div>
           </div> -->
           <div class="d-flex aside-width">
-            <div class="react-right mr-3 react-l-s" style="width: 250px;">
-              <span class="text ">实时监控</span>
+            <div class="react-right mr-3 react-l-s sx" style="width: 250px;">
+              <span class="text " @click="jumpPage(3)">实时监控</span>
             </div>
-            <div class="react-right mr-3 react-l-s" style="width: 250px;">
-              <span class="text ">健康预警</span>
+            <div class="react-right mr-3 react-l-s sx" style="width: 250px;">
+              <span class="text " @click="jumpPage(4)">健康预警</span>
             </div>
             <div class="react-right mr-4 react-l-s" style="width: 380px;">
               <span class="react-after"></span>
@@ -106,10 +106,10 @@
           <!-- 第四行数据 -->
           <div class="bottom-box">
             <dv-border-box-13>
-              <bottomLeft />
+              <bottomRight />
             </dv-border-box-13>
             <dv-border-box-12>
-              <bottomRight />
+              <bottomLeft />
             </dv-border-box-12>
           </div>
         </div>
@@ -221,6 +221,25 @@ export default {
           document.webkitExitFullscreen();
         }
       }
+    },
+    jumpPage(type) {
+      if (type==1){
+        this.$router.push({
+          path: '/welcome'
+        })
+      } else if (type==2) {
+        this.$router.push({
+          path: '/honor/show'
+        })
+      } else if (type==3) {
+        this.$router.push({
+          path: '/aqld_bjcl'
+        })
+      } else if (type==4) {
+        this.$router.push({
+          path: '/aqld_jkjc'
+        })
+      }
     }
 
   }
@@ -233,4 +252,5 @@ body {
     margin: 0;
     padding: 0;
 }
+.sx :hover{cursor:pointer;}
 </style>
diff --git a/src/views/exception/developing.vue b/src/views/exception/developing.vue
new file mode 100644
index 0000000..aeb511c
--- /dev/null
+++ b/src/views/exception/developing.vue
@@ -0,0 +1,21 @@
+<template>
+  <a-result status="developing" title="开发中" sub-title="对不起,功能正在建设中.">
+    <template #extra>
+      <a-button type="primary" @click="toHome">
+        返回
+      </a-button>
+    </template>
+  </a-result>
+</template>
+
+<script>
+  export default {
+    name: 'developing',
+    methods: {
+      toHome () {
+        this.$router.push({ path: '/' })
+      }
+    }
+  }
+</script>
+
diff --git a/src/views/honor/HonorAdd.vue b/src/views/honor/HonorAdd.vue
index f951134..3fe939d 100644
--- a/src/views/honor/HonorAdd.vue
+++ b/src/views/honor/HonorAdd.vue
@@ -21,14 +21,14 @@
             prop="content"
             :label-col="{ span: 2 }"
             :wrapper-col="{ span: 21 }">
-            <a-textarea :autoSize="{ minRows: 3, maxRows: 10 }" v-model="form.content"/>
-            <!-- <DbUeditor v-model="form.content" /> -->
+            <!-- <a-textarea :autoSize="{ minRows: 3, maxRows: 10 }" v-model="form.content"/> -->
+            <DbUeditor v-model="form.content" />
           </a-form-model-item>
         </a-col>
       </a-row>
       <a-row :gutter="16">
         <a-col :span="12">
-          <a-form-model-item label="上传图片">
+          <a-form-model-item label="封面图">
             <db-upload v-model="fileList" type="img" ></db-upload>
           </a-form-model-item>
         </a-col>
diff --git a/src/views/honor/HonorDetail.vue b/src/views/honor/HonorDetail.vue
index 5d54afd..bc33ab8 100644
--- a/src/views/honor/HonorDetail.vue
+++ b/src/views/honor/HonorDetail.vue
@@ -1,41 +1,29 @@
 <template>
-  <a-card :bordered="false" title="荣誉展示栏">
+  <a-card :bordered="false">
     <template slot="extra">
-      <a-button type="primary" @click="goback">返回</a-button>
-      <!-- <a-button type="primary" @click="save">保存</a-button> -->
+      <a-button type="primary" @click="close">返回</a-button>
     </template>
+    <div>
+      <div>
+        <h1 class="article-title" style="font-size: 30px;">{{ form.title }}</h1>
+        <div class="article-attr">
+          <!-- <div class="article-attr__item">
+            <span>{{ model.createOrgName }}</span>
+          </div> -->
+          <div class="article-attr__item">
+            <span>{{ form.createTime | moment }}</span>
+          </div>
+        </div>
+        <div class="article-body">
+          <div v-html="form.content"></div>
+        </div>
+      </div>
 
-    <a-form-model ref="ruleForm" :model="form" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol">
-      <a-row :gutter="16">
-        <a-col :span="12">
-          <a-form-model-item ref="title" label="标题" prop="title" :wrapper-col="{ span: 18 }">
-            <a-input v-model="form.title" disabled />
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-      <a-row :gutter="16">
-        <a-col>
-          <a-form-model-item
-            ref="content"
-            label="详细内容"
-            prop="content"
-            :label-col="{ span: 2 }"
-            :wrapper-col="{ span: 21 }">
-            <a-textarea :autoSize="{ minRows: 3, maxRows: 10 }" v-model="form.content" disabled/>
-            <!-- <DbUeditor v-model="form.content" disabled /> -->
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-      <a-row :gutter="16">
-        <a-col :span="12">
-          <a-form-model-item label="图片">
-            <!-- <img alt="image" v-for="(item, index) in fileList" :src="item.url" style="width: 50%;" /> -->
-            <db-upload v-model="fileList" type="img" disabled="true" max="fileList.length" ></db-upload>
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-    </a-form-model>
-
+      <div class="down-class" v-show="fileList.length > 0">
+        <a-divider orientation="left">封面图</a-divider>
+        <db-upload v-model="fileList" type="img" disabled="true" max="fileList.length" ></db-upload>
+      </div>
+    </div>
   </a-card>
 </template>
 
@@ -122,7 +110,7 @@ export default {
       this.goback()
     },
     // 返回 按钮
-    goback () {
+    close () {
       this.$router.push({ path: '/honor/list',
         query: {
         }
@@ -132,4 +120,20 @@ export default {
 }
 </script>
 
-<style></style>
+<style>
+.article-attr {
+  color: black;
+  text-align: center;
+}
+
+.article-title {
+  text-align: center;
+}
+.article-body {
+  margin-top: 15px;
+}
+.down-class {
+  width: 50%;
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/honor/HonorList.vue b/src/views/honor/HonorList.vue
index c5d658f..60e4685 100644
--- a/src/views/honor/HonorList.vue
+++ b/src/views/honor/HonorList.vue
@@ -59,7 +59,6 @@
         columns: [
           {
             title: '标题',
-            width: 200,
             dataIndex: 'title'
           },
           // {
@@ -70,6 +69,7 @@
         {
           title: '创建时间',
           dataIndex: 'createTime',
+            width: 200,
           scopedSlots: { customRender: 'createTime' }
         },
           {
@@ -137,7 +137,7 @@
   }
   </script>
 
-tyle lang="less">
+<style lang="less">
   .table-operator {
     margin-bottom: 18px;
   }
diff --git a/src/views/honor/HonorShow.vue b/src/views/honor/HonorShow.vue
new file mode 100644
index 0000000..8bcda4c
--- /dev/null
+++ b/src/views/honor/HonorShow.vue
@@ -0,0 +1,160 @@
+<template>
+  <!--一带一路专区 开始-->
+  <div class="ydyl-zone">
+    <!-- 大头条 -->
+    <div class="headline" id="headline1" data-fontsize="36" data-fontcolor="">
+      <div class="part bg-white">
+        <h1><a>陪孤寡老人跨年守岁20载 特别的爱献给特殊的“家”</a></h1>
+      </div>
+    </div>
+    <div class="area focus" id="focus1">
+      <div class="part clearfix">
+        <div class="focus-newsMedia left">
+          <div class="focus-newsMedia-top">
+            <div class="scroll breath" id="focusMediaScroll1">
+              <!-- 全媒体播放器帧数-->
+              <div class="scroll-articleNum hide">13</div>
+              <div class="scroll-tips hide" id="scrollTips1">
+                建议使用Chrome浏览器、QQ浏览器、360极速浏览器等。
+                <div class="scroll-tips-close" id="scrollTipsClose"></div>
+              </div>
+              <div class="swiper-container">
+                <div class="swiper-wrapper">
+
+                  <div class="swiper-slide scroll-articles" data-url="">
+                    <div class="img">
+                      <a target="_blank">
+                        <img class="swiper-lazy" src="./img/1.jpg" alt="">
+                        <div class="swiper-lazy-preloader"></div>
+                      </a>
+                    </div>
+                    <!-- <div class="tit">
+                    <div class="btn hide"></div>
+                    <a href="http://www.news.cn/photo/2023-10/18/c_1129921976.htm" target="_blank">习近平同印度尼西亚总统佐科会谈</a>
+                    </div> -->
+                  </div>
+                  <div class="swiper-slide scroll-articles" data-url="">
+                    <div class="img">
+                      <a target="_blank">
+                        <img class="swiper-lazy" src="./img/2.jpg" alt="">
+                        <div class="swiper-lazy-preloader"></div>
+                      </a>
+                    </div>
+                  </div>
+                  <div class="swiper-slide scroll-articles" data-url="">
+                    <div class="img">
+                      <a target="_blank">
+                        <img class="swiper-lazy" src="./img/3.jpg" alt="">
+                        <div class="swiper-lazy-preloader"></div>
+                      </a>
+                    </div>
+                  </div>
+                  <div class="swiper-slide scroll-articles" data-url="">
+                    <div class="img">
+                      <a target="_blank">
+                        <img class="swiper-lazy" src="./img/4.jpg" alt="">
+                        <div class="swiper-lazy-preloader"></div>
+                      </a>
+                    </div>
+                  </div>
+                  <div class="swiper-slide scroll-articles" data-url="">
+                    <div class="img">
+                      <a target="_blank">
+                        <img class="swiper-lazy" src="./img/5.jpg" alt="">
+                        <div class="swiper-lazy-preloader"></div>
+                      </a>
+                    </div>
+                  </div>
+
+
+
+                </div>
+                <div class="swiper-pagination"></div>
+                <div class="swiper-button-prev"></div>
+                <div class="swiper-button-next"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="focus-newsText bg-white right">
+          <div class="list list-txt" id="focusListNews1">
+            <ul>
+              <li class="active"><span><a target="_blank" @click="detail(3)">
+                    下堡坪乡：让流动党员有“家”有“为”</a></span></li>
+              <li><span><a target="_blank">
+                    以“身边榜样”为“灯塔” 做新时代的“追光者”</a></span></li>
+              <li> <span><a target="_blank">
+                    “医路”守护夕阳红 真情服务暖人心</a></span></li>
+              <li> <span><a target="_blank">
+                    点点滴滴，暖民心</a></span></li>
+              <li> <span><a target="_blank">
+                    下堡坪乡5家入选“夷陵区美丽庭院”</a></span></li>
+
+              <li ><span><a target="_blank">
+                    福利院幸福掠影</a></span></li>
+              <li><span><a target="_blank">
+                    福利院简介</a></span></li>
+              <li> <span><a target="_blank">
+                    福利院分工职责</a></span></li>
+              <li> <span><a target="_blank">
+                    院长简介</a></span></li>
+              <li> <span><a target="_blank">
+                    相关制度</a></span></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--一带一路专区 结束-->
+</template>
+
+<script>
+  import Swiper from "swiper";
+  import "swiper/dist/css/swiper.min.css";
+  export default {
+    data() {
+      return {
+
+      }
+    },
+    components: {
+
+    },
+    mounted() {
+      this.initSwiper();
+    },
+    methods: {
+      //初始化swiper
+      initSwiper() {
+        this.$nextTick(() => {
+          new Swiper(".swiper-container", {
+            autoplay: 3000,
+            /* slidesPerView: 1,
+            spaceBetween: 18, */
+            prevButton: ".swiper-button-prev",
+            nextButton: ".swiper-button-next",
+            //    freeMode: true
+          });
+        });
+      },
+      detail(id) {
+        this.$router.push({
+          path: '/honor/detail',
+          query: {
+            id: id
+          }
+        })
+      }
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  @import './css/index.css';
+
+  body {
+    margin: 0;
+    padding: 0;
+  }
+</style>
diff --git a/src/views/honor/css/index.css b/src/views/honor/css/index.css
new file mode 100644
index 0000000..5480e25
--- /dev/null
+++ b/src/views/honor/css/index.css
@@ -0,0 +1,2071 @@
+/*
+    * @time Mon Jul 17 2023 15:50:52 GMT+0800 (中国标准时间)
+    */
+   @charset 'utf-8';
+.clearfix:after,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,html,input,label,li,ol,p,pre,table,tbody,td,textarea,tfoot,th,thead,tr,ul {
+ margin:0;
+ padding:0
+}
+body {
+ font-family:'PingFang SC',XHW-pzh,'Lantinghei SC','Helvetica Neue',Helvetica,Arial,'Microsoft YaHei','微软雅黑',STHeitiSC-Light,simsun,'宋体','WenQuanYi Zen Hei','WenQuanYi Micro Hei',sans-serif
+}
+@font-face {
+ font-family:XHW-pzh;
+ src:url(/global/public/text/XHW-pzh.woff2) format('woff2'),
+ url(/global/public/text/XHW-pzh.woff) format('woff'),
+ url(/global/public/text/XHW-pzh.ttf) format('truetype')
+}
+li {
+ list-style-type:none
+}
+a {
+ text-decoration:none;
+ outline:0;
+ color:#000
+}
+a:hover {
+ text-decoration:none;
+ color:#63b3ff!important
+}
+table {
+ border-collapse:collapse;
+ border-spacing:0
+}
+iframe,
+img {
+ border:0
+}
+img {
+ vertical-align:top
+}
+.clearfix {
+ display:block
+}
+.clearfix:after {
+ content:'';
+ overflow:hidden;
+ width:100%;
+ height:0;
+ font-size:0;
+ display:block;
+ clear:both
+}
+i {
+ font-style:normal
+}
+.swiper-container-vertical>.swiper-scrollbar {
+ right:0!important
+}
+.swiper-button-prev {
+ position:absolute;
+ top:50%;
+ z-index:10;
+ cursor:pointer;
+ display:none;
+ width:34px;
+ height:73px;
+ left:0;
+ margin-top:-52px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADLUlEQVRoge3az0vTcRzH8fd36GrFN1ALvkRuLDaSUc6DBgW76kEh+O4keHCHgd9JV/+Rcjp2mAdBL3rSg95qp5iYyxjGRJllfCE12RdcTvl+46UF8SVoP776/hLfF+y47x6ML9uT7SMYhpGi690pEe0TUY6I3hLROV695ZoR2A0ievjr8ZyIXhPRsYsB8uc6iegl3hBuCPaAiCJ2gGBP7QLx2gVii3vkYg7EPAdingMxz4GY939CdnZ2bsuy/GJiYuIZKySZTIYFQTDGx8fzbJDl5eX7xWJRGhgY2PL5fCcsEE3TWubn57s7Ojq00dHR7UauYQkknU53lctlTywW23C73ToLpFAo3Mlms4FwOPw5Eol8a/Q6TUF0Xafp6eme1tbW80Qi8bGZazUFWVxc9JZKpbtDQ0MFSZJ+sECOjo7cCwsLTyRJOh4ZGdltBtEUZGpqKlSpVNzxePy9y+UyWCDr6+ttuVzO39fXt9vb2/u9WURDEF3XhVQq1ePxeKqKohSsQDQEmZ2d9auq2ibL8mZ7e3uVBaKq6s2lpaWQ1+s9iEaje1Yh6oYkk8nHZ2dnLYqibLhc1hZEzVfLZrP38vl8ZyQS2Q6FQmVLFbVCqtWqK5PJ9IiiWInH41tWI2qGZDKZ4OHhoTg8PPxBFMVzFkipVLq1urr6KBAIqIODg1+vAlETZHJyMmwYhpBIJOquLkshvycIwlU6/g1RFCWPDkWPskL8fv9Jf3//J/QoupQNgsVisSJ6dG5urht9ygZBh6JHNU3zoE/ZIBh6FF2KPkWnskEwdCn6FJ2KXmWDoEvRp+hU9CobBEOfolPRq+hWNgj6FJ2KXkW3skEwdCp6Fd26trbWxgahy0/cAro1nU7jxm36879hCHo1Go1uol/RsWwQTJblPZ/Pd4CORc+yQdCtY2NjG+hY9CwbBEO/omPRs+haNgiGjkXPomvRt2wQdCx6Fl07MzMTYINg6NlgMKiurKx0oXPZIHT5pZhH36Jz630uxx/Qf53zE7h5DsQ8B2KeAzHPgZh2ahfIvl0gOTtAvuD0FTcEiFc4AsZx/Avn0FQiekdEby7OoRHRTxZxRi0nu0IrAAAAAElFTkSuQmCC) 0 0 no-repeat
+}
+.swiper-button-next {
+ position:absolute;
+ top:50%;
+ z-index:10;
+ cursor:pointer;
+ display:none;
+ width:34px;
+ height:73px;
+ right:0;
+ margin-top:-52px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADH0lEQVRoge3aQWvTABjG8TdhrVbJcJtCUNZSWHGUaXdoFQ/R2y4bCO1psEsPha3zvC8i61Z6yA6DnrrTduiO9tgxV5WiVDbqRAKuUwys0o1GHq0iQViXpHsr5Lkn+dOG9EdbwTAM6myAiB4TUYyI7hDRFbrEDXQudYOInhHR6GVe/O+JnRjWCOqEKNwRv0MecEdQJ8TfBx1/7hH2if0QQW7IP+aGmOeGmOeGmPf/hiwtLT2Kx+NP9/f3r7OGLC4uVgRBMDKZTIQ1JBAInExNTb2r1Wry1tbWbbYQLJlM1kZGRvR8Pn9f13VHPr0thXi93nYymdzTdd2Xy+XG2UIwRVE+RyKRw1KpNFatVgfZQrB0Ov3G4/Gcra6uTrbbbb4QWZa/z8zMVOv1+s2NjQ1b5LT9QJubmzuQZflroVC4d3x87GULEUXRSKVSL5vNpndlZSXMFoJFo9EvsVjsoFwuB3d3d4fYQrCFhYWqz+drZbNZ3LgCW8jw8HArkUi81jRtaH19PcgWgsXj8Q9+v/9oc3MzrGnaVbYQURTxFu2dnp4OZDKZCbYQLBwOf1MU5X2lUhktlUq32EKwVCr1VpKkpqqqkVar1dU1ehIiSdLZ7Ozsq0ajMbi2tjbGFoJNT09/CoVCWrFYHK/X69fYQujXs6ViGIawvLx8ruZ6GiII3T/XehoC18K3eGXYQuBZuBa+DQaDJywhcCw8C9fCt90c05MQOBaehWvhW5YQ+BWOhWfh2m6PczQEboVf4Vh49iLHOhoCt8KvcCw8yxICr8Kt8Csce9HjHQuBV+FW+BWOZQnZ2dkZglfhVvjVyjlsh8CnuVxuEl6FW62ex3YIfAqnwqtwK0sIXAqfBgKBI3jVzrlshcCl8On8/PwevMoSAo/CpfApnGqrwmoIHKqq6iRcCp/ajbAcoqpqqNFoSHApfMoSAn9ub2/fhUfhUiciLIXAn3BoOp0+V10XGX6Azjp5QqtzvwI3zw0xzw0xzw0xr69CHPnQsjuE2JKVkyHlPuj4GfKCiD72QwjukedEdMgZYv4f2hMieoifYi71f2hE9AOXzT+BgEqniAAAAABJRU5ErkJggg==) 0 0 no-repeat
+}
+.swiper-container {
+ width:100%;
+ height:100%
+}
+.swiper-container:hover .swiper-button-next,
+.swiper-container:hover .swiper-button-prev {
+ display:block
+}
+.swiper-pagination {
+ position:absolute;
+ text-align:center;
+ -webkit-transition:.3s;
+ -moz-transition:.3s;
+ transition:.3s;
+ -webkit-transform:translate3d(0,0,0);
+ -moz-transform:translate3d(0,0,0);
+ transform:translate3d(0,0,0);
+ z-index:20
+}
+.swiper-pagination-switch {
+ width:8px;
+ height:8px;
+ margin-right:5px;
+ display:inline-block;
+ -webkit-border-radius:100%;
+ -moz-border-radius:100%;
+ border-radius:100%;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ border-radius:4px;
+ background:#d3d3d3
+}
+.swiper-active-switch {
+ width:20px;
+ background:#3494f0
+}
+.swiper-lazy-preloader {
+ width:85px;
+ height:36px;
+ margin-left:-42.5px;
+ margin-top:-18px;
+ -webkit-animation-play-state:paused;
+ -moz-animation-play-state:paused;
+ animation-play-state:paused
+}
+.swiper-lazy-preloader:after {
+ width:85px;
+ height:36px;
+ /* background:#f1f1f1 url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMuaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyRkI4N0Y5MzFFNjExRUJBMzAzRUNDMzYyMTBFNzVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyRkI4N0ZBMzFFNjExRUJBMzAzRUNDMzYyMTBFNzVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjJGQjg3RjczMUU2MTFFQkEzMDNFQ0MzNjIxMEU3NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjJGQjg3RjgzMUU2MTFFQkEzMDNFQ0MzNjIxMEU3NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAkAFUDAREAAhEBAxEB/8QAdAAAAgIDAQAAAAAAAAAAAAAAAwQABQECBgcBAQAAAAAAAAAAAAAAAAAAAAAQAAIBBAADAwgJBQEAAAAAAAECAwAREgQhMRNBFAVRYXGRIrJzNIGhscHRMkKiFVJicoKSkxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9u09PTbTgZoIyxjQklFJJKjzUFs7L/CbUagARwSKAOAAwNqCvGjpW+Xi/wCF/Cgc8WmUbkQecBYV66wAKTmhIBN+PHPh6KDEDwd6M21usXjfCJGcKpIUXIVeBvegVErT2nZGaTa2FeOMg2WOMezfsHC3roG9kt3OOGSdpZRsKs7ISrDK7FeHp4UCr9Cw6azFizj2pnsFRgMvp8lB0NBKCUHOaPyWv8JPdFAaSQrp7adkkEg+nA2oIOVAx4i1t+NVZQSqs64ZMRkQMm7BQD05L7iE2ZWMzEhQL9NYwLDzXNqDQ7KyH2IZlimkWRmYKuKqgAVbE88aDYmBIIjFDJGBtI7CW2TE3J5E0ABHsrAUaxMUccUhXjZw4dv2m1B0NBKCUHOaPyWv8JPdFAcj2inMi1/9lDfYaCWPkoLObThk2Em5OCpa36sb4g+jI0A4NFIm136uQ10kUkge11CpuSOVsaA00JmkgkV7LExcgcQ3Ai310GdjXE3Su1unIsg8+PZQIeLz6V0gZ2MgcSPrwi7NYcMrEAcbH2qAb+JeISXICa0fZzkf6hb6jQYWXZaxvtzeUqmA+2H7KB7GTu18JsueGQz9ef30FRo/Ja/wk90UFk0eG1qSjlIqof8AJRcesE+qg1aY/wA0iNshrZYa62uoKr+ftuSbigrdGzBNpwGkWGJVduJv0R2nzk0Bl8Pj/jdZcUEavlJGbAOQlgSP1caCx8LSFFlEa4EtcoAABzta1AnteJbG2xj1CYdccG2LWdvNGDyH91ATS8KCrwXpoeJPNmPlN/voLKKCKMewoB8vM+ugJQSg5zR+S1/hJ7ooLo4dDXy/NdMPTb8L0C8/S79H0Mep1R3ny3xXH9tqCs1cf4vU/qyjv/4tzoHdrunc9Xq/mzbp8rXs173oD+E42mvn1Oo/Uztzza9rdl6Aq9y701rdT9uXbbz0DdBKCUEoP//Z) no-repeat 50% 50%; */
+ -webkit-animation-play-state:paused;
+ -moz-animation-play-state:paused;
+ animation-play-state:paused
+}
+.img {
+ /* background:#f1f1f1 url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMuaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQ0ODgsIDIwMjAvMDcvMTAtMjI6MDY6NTMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi4wIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyRkI4N0Y5MzFFNjExRUJBMzAzRUNDMzYyMTBFNzVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyRkI4N0ZBMzFFNjExRUJBMzAzRUNDMzYyMTBFNzVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjJGQjg3RjczMUU2MTFFQkEzMDNFQ0MzNjIxMEU3NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjJGQjg3RjgzMUU2MTFFQkEzMDNFQ0MzNjIxMEU3NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAkAFUDAREAAhEBAxEB/8QAdAAAAgIDAQAAAAAAAAAAAAAAAwQABQECBgcBAQAAAAAAAAAAAAAAAAAAAAAQAAIBBAADAwgJBQEAAAAAAAECAwAREgQhMRNBFAVRYXGRIrJzNIGhscHRMkKiFVJicoKSkxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A9u09PTbTgZoIyxjQklFJJKjzUFs7L/CbUagARwSKAOAAwNqCvGjpW+Xi/wCF/Cgc8WmUbkQecBYV66wAKTmhIBN+PHPh6KDEDwd6M21usXjfCJGcKpIUXIVeBvegVErT2nZGaTa2FeOMg2WOMezfsHC3roG9kt3OOGSdpZRsKs7ISrDK7FeHp4UCr9Cw6azFizj2pnsFRgMvp8lB0NBKCUHOaPyWv8JPdFAaSQrp7adkkEg+nA2oIOVAx4i1t+NVZQSqs64ZMRkQMm7BQD05L7iE2ZWMzEhQL9NYwLDzXNqDQ7KyH2IZlimkWRmYKuKqgAVbE88aDYmBIIjFDJGBtI7CW2TE3J5E0ABHsrAUaxMUccUhXjZw4dv2m1B0NBKCUHOaPyWv8JPdFAcj2inMi1/9lDfYaCWPkoLObThk2Em5OCpa36sb4g+jI0A4NFIm136uQ10kUkge11CpuSOVsaA00JmkgkV7LExcgcQ3Ai310GdjXE3Su1unIsg8+PZQIeLz6V0gZ2MgcSPrwi7NYcMrEAcbH2qAb+JeISXICa0fZzkf6hb6jQYWXZaxvtzeUqmA+2H7KB7GTu18JsueGQz9ef30FRo/Ja/wk90UFk0eG1qSjlIqof8AJRcesE+qg1aY/wA0iNshrZYa62uoKr+ftuSbigrdGzBNpwGkWGJVduJv0R2nzk0Bl8Pj/jdZcUEavlJGbAOQlgSP1caCx8LSFFlEa4EtcoAABzta1AnteJbG2xj1CYdccG2LWdvNGDyH91ATS8KCrwXpoeJPNmPlN/voLKKCKMewoB8vM+ugJQSg5zR+S1/hJ7ooLo4dDXy/NdMPTb8L0C8/S79H0Mep1R3ny3xXH9tqCs1cf4vU/qyjv/4tzoHdrunc9Xq/mzbp8rXs173oD+E42mvn1Oo/Uztzza9rdl6Aq9y701rdT9uXbbz0DdBKCUEoP//Z) no-repeat 50% 50% */
+}
+.media-box {
+ width:100%;
+ height:100%
+}
+#DH-PLAYERID {
+ width:100%;
+ height:100%
+}
+#DH-PLAYERID .player-container {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:100%
+}
+#DH-PLAYERID .play-layer {
+ display:none
+}
+.media-title {
+ display:none;
+ position:relative;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:0 40px 0 10px;
+ height:30px;
+ overflow:hidden;
+ z-index:3;
+ font-size:14px;
+ line-height:30px;
+ color:#fff;
+ background:#378de4
+}
+.media-close {
+ position:absolute;
+ right:-1px;
+ top:0;
+ z-index:10;
+ width:30px;
+ height:30px;
+ background:url(data:image/png;base64,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) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100%;
+ background-size:100%;
+ cursor:pointer
+}
+.media-iframe {
+ width:100%;
+ height:100%
+}
+.bg-white {
+ background:#fff
+}
+.part {
+ width:1280px;
+ margin:0 auto;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box
+}
+.left {
+ float:left
+}
+.right {
+ float:right
+}
+.breath img {
+ -webkit-transition:all 1s;
+ -moz-transition:all 1s;
+ transition:all 1s
+}
+.breath:hover img {
+ -webkit-transform:scale(1.05);
+ -moz-transform:scale(1.05);
+ -ms-transform:scale(1.05);
+ transform:scale(1.05)
+}
+.hide {
+ display:none
+}
+.ie-tips {
+ position:absolute;
+ left:0;
+ right:0;
+ bottom:0;
+ z-index:1000;
+ font-size:14px;
+ line-height:34px;
+ text-align:center;
+ color:#fff;
+ white-space:nowrap;
+ background:#083b90
+}
+.ie-tips .ie-tips-close {
+ width:13px;
+ height:13px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAqUlEQVQokY2S0Q3CMAxEHxHqOt2ALAE7wACFHcoC8JcBYAcYgXX6hQ45UkhMy0mRkviefLK8SikBdMDEsj6+YJcXEBeQaL4uWIcDcJsBo9X3uZP0AHY/wAxsgac+QlH0wAaooRocPEBaO/kFjnaGGvA6SRvgaOdk71lIhrtFPFs0vb/AEioBRZQUrQEzpCmpIEMGshowb8TFm5IDXuXX9LQR/R+7J7AHpjfZSy4jngpSewAAAABJRU5ErkJggg==) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100%;
+ background-size:100%;
+ position:absolute;
+ right:50%;
+ top:10px;
+ margin-right:-300px;
+ border:1px solid #ccc;
+ cursor:pointer
+}
+.title {
+ position:relative;
+ border-bottom:1px solid #d9d9d9
+}
+.title .name {
+ display:inline-block;
+ position:relative;
+ font-size:18px;
+ line-height:38px;
+ font-weight:700;
+ color:#378de4
+}
+.title .name a {
+ color:#378de4
+}
+.title .name:after {
+ content:"";
+ width:100%;
+ height:2px;
+ display:block;
+ position:absolute;
+ left:0;
+ right:0;
+ bottom:0;
+ background:#1686d9
+}
+.title .more {
+ display:inline-block;
+ font-size:14px;
+ line-height:22px;
+ padding:0 5px 0 15px;
+ color:#5464ca;
+ position:absolute;
+ background:#d8dff7
+}
+.title .more a {
+ color:#5464ca
+}
+.title .more:before {
+ content:"";
+ position:absolute;
+ left:-10px;
+ top:50%;
+ margin-top:-6px;
+ width:25px;
+ height:12px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAu0lEQVR4nO3T0QnCMBCA4TuygCNkgyI4QH1qH7uBt5mdQnxzgCpxBTfQR0U870CCDwltDwoK/R/K9SEfISQIEzXDsd+CGwqLB4Dftcuz/CYzwdWmC7LUO3TrHG6CazoRM29lvOZwE6z14RHWc7sjFzIOjvlFzECQwCNcU1cy40FGU4hw2bcrD5++4OABngQjYsBGPoUoNweuTO54bPGME6hmgvtQzQRXdFTI51DNBOsNmuTlDWmGY/8HvwFS1lUXQSzYTwAAAABJRU5ErkJggg==) left center no-repeat
+}
+.title .sub {
+ display:inline-block;
+ font-size:14px;
+ line-height:24px;
+ color:#666;
+ position:absolute;
+ right:0
+}
+.title .sub a {
+ color:#666;
+ position:relative;
+ margin-right:7px
+}
+.title .sub a:before {
+ content:"/";
+ margin-right:5px
+}
+.title .sub a:first-child:before {
+ display:none
+}
+.list.list-txt.dot li {
+ position:relative;
+ padding-left:16px
+}
+.list.list-txt.dot li:before {
+ position:absolute;
+ display:block;
+ left:0;
+ top:10px;
+ content:"";
+ width:4px;
+ height:4px;
+ -webkit-border-radius:50%;
+ -moz-border-radius:50%;
+ border-radius:50%;
+ background:#0762cb
+}
+.list.list-txt li {
+ font-size:16px;
+ line-height:26px;
+ color:#333
+}
+.list.list-txt li a {
+ color:#333
+}
+.list.list-pic ul {
+ font-size:0
+}
+.list.list-pic li {
+ display:inline-block;
+ vertical-align:top;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ position:relative
+}
+.list.list-pic li .img {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:auto
+}
+.list.list-pic li .img img {
+ width:100%;
+ height:auto
+}
+.list.list-pic li .tit {
+ font-size:16px;
+ line-height:1.5;
+ color:#333
+}
+.list.list-pic li .tit a {
+ color:#333
+}
+.list.list-mix li {
+ display:-webkit-box;
+ display:-webkit-flex;
+ display:-moz-box;
+ display:-ms-flexbox;
+ display:flex;
+ -webkit-box-pack:justify;
+ -webkit-justify-content:space-between;
+ -moz-box-pack:justify;
+ -ms-flex-pack:justify;
+ justify-content:space-between
+}
+.list.list-mix li .img {
+ position:relative;
+ width:184px;
+ height:106px;
+ margin-right:16px;
+ overflow:hidden
+}
+.list.list-mix li .img img {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:100%
+}
+.list.list-mix li .tit {
+ -webkit-box-flex:1;
+ -webkit-flex:1;
+ -moz-box-flex:1;
+ -ms-flex:1;
+ flex:1;
+ display:-webkit-box;
+ display:-webkit-flex;
+ display:-moz-box;
+ display:-ms-flexbox;
+ display:flex;
+ -webkit-box-align:center;
+ -webkit-align-items:center;
+ -moz-box-align:center;
+ -ms-flex-align:center;
+ align-items:center;
+ font-size:16px;
+ line-height:26px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ color:#333
+}
+.list.list-mix li .tit a {
+ color:#333
+}
+@-moz-keyframes hornPlay {
+ from {
+  width:13px
+ }
+ to {
+  width:20px
+ }
+}
+@-webkit-keyframes hornPlay {
+ from {
+  width:13px
+ }
+ to {
+  width:20px
+ }
+}
+@keyframes hornPlay {
+ from {
+  width:13px
+ }
+ to {
+  width:20px
+ }
+}
+@-moz-keyframes breath {
+ from {
+  -moz-transform:scale(1);
+  transform:scale(1)
+ }
+ to {
+  -moz-transform:scale(1.1);
+  transform:scale(1.1)
+ }
+}
+@-webkit-keyframes breath {
+ from {
+  -webkit-transform:scale(1);
+  transform:scale(1)
+ }
+ to {
+  -webkit-transform:scale(1.1);
+  transform:scale(1.1)
+ }
+}
+@keyframes breath {
+ from {
+  -webkit-transform:scale(1);
+  -moz-transform:scale(1);
+  transform:scale(1)
+ }
+ to {
+  -webkit-transform:scale(1.1);
+  -moz-transform:scale(1.1);
+  transform:scale(1.1)
+ }
+}
+.adv .adv-img-size0 {
+ width:876px;
+ overflow:hidden
+}
+.adv .adv-img-size1 {
+ width:187px;
+ margin-left:15px;
+ overflow:hidden
+}
+.adv .adv-img-size2 {
+ width:848px;
+ margin-left:16px;
+ margin-right:16px;
+ overflow:hidden
+}
+.adv .adv-img-size3 {
+ width:200px;
+ overflow:hidden
+}
+.adv .adv-img-size4 {
+ width:416px;
+ margin-left:16px;
+ overflow:hidden
+}
+.adv .adv-img-size4:first-child {
+ margin-left:0
+}
+.adv .adv-img-max {
+ width:1280px
+}
+body {
+ background:#ebf0fa;
+ min-width:1380px;
+ position:relative
+}
+html {
+ min-width:1380px
+}
+.top .top-upper {
+ width:100%;
+ height:40px;
+ background:#024ac2
+}
+.top .top-upper .slogan {
+ width:163px;
+ height:40px;
+ background:url(http://www.news.cn/2023homepro/images/slogan.png) center center no-repeat
+}
+.top .top-upper .top-upper-cont {
+ font-size:0
+}
+.top .top-upper .top-upper-cont .channel {
+ position:relative;
+ z-index:30;
+ display:inline-block;
+ margin-left:22px;
+ font-size:12px;
+ line-height:40px;
+ color:#fff;
+ cursor:pointer
+}
+.top .top-upper .top-upper-cont .channel a {
+ color:#fff
+}
+.top .top-upper .top-upper-cont .channel span {
+ padding-right:15px;
+ background:url(http://www.news.cn/2023homepro/images/icon-down.png) right center no-repeat
+}
+.top .top-upper .top-upper-cont .channel .sub {
+ display:none;
+ position:absolute;
+ top:40px;
+ line-height:26px;
+ padding:10px;
+ width:510px;
+ background:#fff;
+ border:1px solid #ccc;
+ border-top:0
+}
+.top .top-upper .top-upper-cont .channel .sub a {
+ display:inline-block;
+ color:#666;
+ margin-left:5px;
+ margin-right:5px
+}
+.top .top-upper .top-upper-cont .channel:hover .sub {
+ display:block
+}
+.top .top-upper .top-upper-cont .newspapers .sub {
+ left:-18px
+}
+.top .top-upper .top-upper-cont .local .sub {
+ left:-103px
+}
+.top .top-upper .top-upper-cont .contract .sub {
+ left:-136px;
+ width:458px
+}
+.top .top-upper .top-upper-cont .client {
+ padding-left:24px;
+ background:url(http://www.news.cn/2023homepro/images/icon-phone.png) left center no-repeat
+}
+.top .top-upper .top-upper-cont .client .sub {
+ width:100px;
+ left:-30px
+}
+.top .top-upper .top-upper-cont .client img {
+ width:100px;
+ height:100px
+}
+.top .top-upper .top-upper-cont .wap {
+ margin-left:16px;
+ padding-left:24px;
+ background:url(http://www.news.cn/2023homepro/images/icon-wap.png) left center no-repeat
+}
+.top .top-upper .top-upper-cont .wap .sub {
+ width:100px;
+ left:-30px
+}
+.top .top-upper .top-upper-cont .wap img {
+ width:100px;
+ height:100px
+}
+.top .top-upper .top-upper-cont .search {
+ margin-left:16px;
+ padding-left:22px;
+ background:url(http://www.news.cn/2023homepro/images/icon-search.png) left center no-repeat
+}
+.top .top-cont {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:10px 0;
+ height:90px;
+ width:100%;
+ border-bottom:1px solid #e4e4e4;
+ background:#fff
+}
+.top .top-cont .logo img {
+ height:100%;
+ width:auto
+}
+.top .top-cont .company {
+ margin-left:10px
+}
+.top .top-cont .company a,
+.top .top-cont .company span {
+ font-size:14px;
+ line-height:24px;
+ display:block;
+ color:#666
+}
+.top .top-cont .company .stock {
+ font-weight:700;
+ font-size:12px
+}
+.top .top-cont .company .stock i {
+ color:#378de4
+}
+.top .top-cont .nav {
+ width:1020px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:8px 0;
+ font-size:0;
+ white-space:nowrap
+}
+.top .top-cont .nav .nav-item a {
+ margin-left:12.6px;
+ line-height:28px;
+ display:inline-block;
+ vertical-align:top;
+ font-size:14px;
+ color:#404040
+}
+.top .top-cont .nav .nav-item.nav-bottom a {
+ margin-left:12.5px
+}
+.xi {
+ margin-top:30px
+}
+.xi .part {
+ position:relative;
+ padding-left:315px;
+ height:308px;
+ border-bottom:3px solid #00a0e9;
+ background:url(http://www.news.cn/2023homepro/images/xxjxs-bg.png) center bottom no-repeat
+}
+.xi .part .avatar {
+ position:absolute;
+ left:-48px;
+ bottom:0;
+ z-index:10;
+ width:376px;
+ height:317px;
+ background:url(http://www.news.cn/2023homepro/images/xxjxs-xi.png) center top no-repeat
+}
+.xi .part .title {
+ border-bottom:0;
+ position:relative
+}
+.xi .part .title .logo {
+ display:inline-block;
+ width:492px;
+ height:73px;
+ background:url(http://www.news.cn/2023homepro/images/xxjxs-logo.png) center top no-repeat
+}
+.xi .part .title .more {
+ position:absolute;
+ right:33px;
+ top:50%;
+ -webkit-transform:translateY(-50%);
+ -moz-transform:translateY(-50%);
+ -ms-transform:translateY(-50%);
+ transform:translateY(-50%);
+ background:0 0
+}
+.xi .part .list li {
+ margin-left:32px;
+ width:210px;
+ -webkit-border-radius:5px 5px 0 0;
+ -moz-border-radius:5px 5px 0 0;
+ border-radius:5px 5px 0 0;
+ background-color:#fff;
+ -webkit-box-shadow:0 4px 9px 0 rgba(182,195,220,.6);
+ -moz-box-shadow:0 4px 9px 0 rgba(182,195,220,.6);
+ box-shadow:0 4px 9px 0 rgba(182,195,220,.6)
+}
+.xi .part .list li:first-child {
+ margin-left:0
+}
+.xi .part .list li .img {
+ -webkit-border-radius:5px;
+ -moz-border-radius:5px;
+ border-radius:5px;
+ overflow:hidden
+}
+.xi .part .list li .txt {
+ padding:5px 10px 10px
+}
+.xi .part .list li .tit {
+ font-size:14px;
+ line-height:24px;
+ margin-bottom:5px;
+ height:48px
+}
+.xi .part .list li .tag {
+ display:inline-block;
+ -webkit-border-radius:8px;
+ -moz-border-radius:8px;
+ border-radius:8px;
+ padding:0 8px;
+ font-size:12px;
+ line-height:16px;
+ color:#fff;
+ background:#3494f0
+}
+.headline {
+ text-align:center;
+ /* margin-top:20px; */
+ position:relative;
+ z-index:5
+}
+.headline .part {
+ padding:20px 20px;
+ position:relative
+}
+.headline .tag {
+ width:52px;
+ height:53px;
+ background:url(http://www.news.cn/2023homepro/images/headline-mark.png) left top no-repeat;
+ position:absolute;
+ left:0;
+ top:-3px;
+ z-index:10
+}
+.headline h1 {
+ font-size:40px;
+ line-height:1.3;
+ font-weight:bolder;
+ color:#3848a0
+}
+.headline h1 a {
+ color:#3848a0;
+ font-weight:bolder
+}
+.headline p {
+ font-size:16px;
+ line-height:26px;
+ color:#666;
+ margin-top:20px
+}
+.headline p a {
+ color:#666
+}
+.focus {
+ margin-top:20px
+}
+.focus .focus-newsMedia {
+ /* width:875px */
+ width: 800px;
+}
+.focus .focus-newsMedia .scroll {
+ width:100%;
+ height:480px;
+ cursor:pointer;
+ position:relative
+}
+.focus .focus-newsMedia .scroll .scroll-tips {
+ position:absolute;
+ left:0;
+ right:0;
+ bottom:0;
+ z-index:99;
+ font-size:14px;
+ line-height:34px;
+ text-align:center;
+ color:#fff;
+ white-space:nowrap;
+ background:#083b90
+}
+.focus .focus-newsMedia .scroll .scroll-tips .scroll-tips-close {
+ width:13px;
+ height:13px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAqUlEQVQokY2S0Q3CMAxEHxHqOt2ALAE7wACFHcoC8JcBYAcYgXX6hQ45UkhMy0mRkviefLK8SikBdMDEsj6+YJcXEBeQaL4uWIcDcJsBo9X3uZP0AHY/wAxsgac+QlH0wAaooRocPEBaO/kFjnaGGvA6SRvgaOdk71lIhrtFPFs0vb/AEioBRZQUrQEzpCmpIEMGshowb8TFm5IDXuXX9LQR/R+7J7AHpjfZSy4jngpSewAAAABJRU5ErkJggg==) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100%;
+ background-size:100%;
+ position:absolute;
+ right:15px;
+ top:10px;
+ border:1px solid #ccc;
+ cursor:pointer
+}
+.focus .focus-newsMedia .scroll .media-box {
+ position:absolute;
+ left:0;
+ top:0;
+ z-index:10
+}
+.focus .focus-newsMedia .scroll .swiper-pagination {
+ width:auto;
+ right:10px;
+ left:auto;
+ bottom:22px
+}
+.focus .focus-newsMedia .scroll .swiper-pagination .swiper-pagination-bullet {
+ margin-right:0;
+ opacity:1;
+ background:#d3d3d3;
+ -webkit-transition:width .5s;
+ -moz-transition:width .5s;
+ transition:width .5s;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ border-radius:4px
+}
+.focus .focus-newsMedia .scroll .swiper-pagination .swiper-pagination-bullet-active {
+ width:20px;
+ background:#3494f0
+}
+.focus .focus-newsMedia .scroll .swiper-button-prev {
+ display:none;
+ width:34px;
+ height:73px;
+ left:0;
+ margin-top:-52px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADLUlEQVRoge3az0vTcRzH8fd36GrFN1ALvkRuLDaSUc6DBgW76kEh+O4keHCHgd9JV/+Rcjp2mAdBL3rSg95qp5iYyxjGRJllfCE12RdcTvl+46UF8SVoP776/hLfF+y47x6ML9uT7SMYhpGi690pEe0TUY6I3hLROV695ZoR2A0ievjr8ZyIXhPRsYsB8uc6iegl3hBuCPaAiCJ2gGBP7QLx2gVii3vkYg7EPAdingMxz4GY939CdnZ2bsuy/GJiYuIZKySZTIYFQTDGx8fzbJDl5eX7xWJRGhgY2PL5fCcsEE3TWubn57s7Ojq00dHR7UauYQkknU53lctlTywW23C73ToLpFAo3Mlms4FwOPw5Eol8a/Q6TUF0Xafp6eme1tbW80Qi8bGZazUFWVxc9JZKpbtDQ0MFSZJ+sECOjo7cCwsLTyRJOh4ZGdltBtEUZGpqKlSpVNzxePy9y+UyWCDr6+ttuVzO39fXt9vb2/u9WURDEF3XhVQq1ePxeKqKohSsQDQEmZ2d9auq2ibL8mZ7e3uVBaKq6s2lpaWQ1+s9iEaje1Yh6oYkk8nHZ2dnLYqibLhc1hZEzVfLZrP38vl8ZyQS2Q6FQmVLFbVCqtWqK5PJ9IiiWInH41tWI2qGZDKZ4OHhoTg8PPxBFMVzFkipVLq1urr6KBAIqIODg1+vAlETZHJyMmwYhpBIJOquLkshvycIwlU6/g1RFCWPDkWPskL8fv9Jf3//J/QoupQNgsVisSJ6dG5urht9ygZBh6JHNU3zoE/ZIBh6FF2KPkWnskEwdCn6FJ2KXmWDoEvRp+hU9CobBEOfolPRq+hWNgj6FJ2KXkW3skEwdCp6Fd26trbWxgahy0/cAro1nU7jxm36879hCHo1Go1uol/RsWwQTJblPZ/Pd4CORc+yQdCtY2NjG+hY9CwbBEO/omPRs+haNgiGjkXPomvRt2wQdCx6Fl07MzMTYINg6NlgMKiurKx0oXPZIHT5pZhH36Jz630uxx/Qf53zE7h5DsQ8B2KeAzHPgZh2ahfIvl0gOTtAvuD0FTcEiFc4AsZx/Avn0FQiekdEby7OoRHRTxZxRi0nu0IrAAAAAElFTkSuQmCC) 0 0 no-repeat
+}
+.focus .focus-newsMedia .scroll .swiper-button-next {
+ display:none;
+ width:34px;
+ height:73px;
+ right:0;
+ margin-top:-52px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAABJCAYAAABYdPRbAAADH0lEQVRoge3aQWvTABjG8TdhrVbJcJtCUNZSWHGUaXdoFQ/R2y4bCO1psEsPha3zvC8i61Z6yA6DnrrTduiO9tgxV5WiVDbqRAKuUwys0o1GHq0iQViXpHsr5Lkn+dOG9EdbwTAM6myAiB4TUYyI7hDRFbrEDXQudYOInhHR6GVe/O+JnRjWCOqEKNwRv0MecEdQJ8TfBx1/7hH2if0QQW7IP+aGmOeGmOeGmPf/hiwtLT2Kx+NP9/f3r7OGLC4uVgRBMDKZTIQ1JBAInExNTb2r1Wry1tbWbbYQLJlM1kZGRvR8Pn9f13VHPr0thXi93nYymdzTdd2Xy+XG2UIwRVE+RyKRw1KpNFatVgfZQrB0Ov3G4/Gcra6uTrbbbb4QWZa/z8zMVOv1+s2NjQ1b5LT9QJubmzuQZflroVC4d3x87GULEUXRSKVSL5vNpndlZSXMFoJFo9EvsVjsoFwuB3d3d4fYQrCFhYWqz+drZbNZ3LgCW8jw8HArkUi81jRtaH19PcgWgsXj8Q9+v/9oc3MzrGnaVbYQURTxFu2dnp4OZDKZCbYQLBwOf1MU5X2lUhktlUq32EKwVCr1VpKkpqqqkVar1dU1ehIiSdLZ7Ozsq0ajMbi2tjbGFoJNT09/CoVCWrFYHK/X69fYQujXs6ViGIawvLx8ruZ6GiII3T/XehoC18K3eGXYQuBZuBa+DQaDJywhcCw8C9fCt90c05MQOBaehWvhW5YQ+BWOhWfh2m6PczQEboVf4Vh49iLHOhoCt8KvcCw8yxICr8Kt8Csce9HjHQuBV+FW+BWOZQnZ2dkZglfhVvjVyjlsh8CnuVxuEl6FW62ex3YIfAqnwqtwK0sIXAqfBgKBI3jVzrlshcCl8On8/PwevMoSAo/CpfApnGqrwmoIHKqq6iRcCp/ajbAcoqpqqNFoSHApfMoSAn9ub2/fhUfhUiciLIXAn3BoOp0+V10XGX6Azjp5QqtzvwI3zw0xzw0xzw0xr69CHPnQsjuE2JKVkyHlPuj4GfKCiD72QwjukedEdMgZYv4f2hMieoifYi71f2hE9AOXzT+BgEqniAAAAABJRU5ErkJggg==) 0 0 no-repeat
+}
+.focus .focus-newsMedia .scroll .swiper-container {
+ width:100%;
+ height:100%
+}
+.focus .focus-newsMedia .scroll .swiper-container:hover .swiper-button-next,
+.focus .focus-newsMedia .scroll .swiper-container:hover .swiper-button-prev {
+ display:block
+}
+.focus .focus-newsMedia .scroll .swiper-slide {
+ position:relative;
+ overflow:hidden;
+ cursor:pointer
+}
+.focus .focus-newsMedia .scroll .swiper-slide .img {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:100%
+}
+.focus .focus-newsMedia .scroll .swiper-slide .img img {
+ width:100%;
+ height:100%
+}
+.focus .focus-newsMedia .scroll .swiper-slide .tit {
+ position:absolute;
+ left:0;
+ right:0;
+ bottom:0;
+ z-index:3;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ width:100%;
+ font-size:22px;
+ font-weight:400;
+ line-height:32px;
+ padding:10px 10px 10px 10px;
+ color:#fff;
+ background:rgba(0,0,0,.65);
+ background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));
+ background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
+ background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
+ background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%)
+}
+.focus .focus-newsMedia .scroll .swiper-slide .tit a {
+ color:#fff
+}
+.focus .focus-newsMedia .scroll .swiper-slide .tit .btn {
+ display:inline-block;
+ margin-right:10px;
+ margin-top:-6px;
+ vertical-align:middle;
+ width:46px;
+ height:46px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0
+}
+.focus .focus-newsMedia .scroll .swiper-slide .tit .btn.hide {
+ display:none
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom {
+ margin-top:12px
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live {
+ position:relative;
+ width:285px;
+ background:#fff
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .live-ing {
+ position:relative;
+ z-index:1;
+ overflow:hidden
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .btn {
+ z-index:3;
+ position:absolute;
+ left:10px;
+ bottom:10px;
+ width:30px;
+ height:30px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100% 100%;
+ background-size:100% 100%
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img {
+ width:100%;
+ height:160px;
+ position:relative;
+ overflow:hidden
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag {
+ position:absolute;
+ z-index:9;
+ right:0;
+ top:0;
+ height:22px;
+ color:#fff;
+ line-height:22px;
+ font-size:12px;
+ padding:0 5px 0 30px
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-live {
+ background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 0 no-repeat
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-back {
+ background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 -33px no-repeat
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img .qiantag.qiantag-notice {
+ background:url(http://www.news.cn/2023homepro/images/icon-live-status.png) 0 -67px no-repeat
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .img img {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:100%
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .tit {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:14px;
+ font-size:16px;
+ line-height:32px;
+ height:90px;
+ overflow:hidden;
+ color:#333
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .live .tit a {
+ color:#333
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products {
+ width:580px
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products .list {
+ width:590px
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li {
+ background:#fff;
+ margin-right:10px;
+ width:285px;
+ overflow:hidden;
+ cursor:pointer
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .img {
+ width:100%;
+ height:160px;
+ overflow:hidden;
+ position:relative
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .img img {
+ position:relative;
+ z-index:1;
+ width:100%;
+ height:100%
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .img .btn {
+ z-index:3;
+ position:absolute;
+ left:10px;
+ bottom:10px;
+ width:30px;
+ height:30px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100% 100%;
+ background-size:100% 100%
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .img .btn.hide {
+ display:none
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .tit {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:14px;
+ font-size:16px;
+ line-height:32px;
+ height:90px;
+ overflow:hidden;
+ color:#333
+}
+.focus .focus-newsMedia .focus-newsMedia-bottom .products li .tit a {
+ color:#333
+}
+.focus .focus-newsText {
+ /* width:390px */
+ width: 460px;
+}
+.focus .focus-newsText .list {
+ width:100%;
+ /* height:754px; */
+ 
+ height:480px;
+ overflow:hidden
+}
+.focus .focus-newsText .list li {
+ display:-webkit-box;
+ display:-webkit-flex;
+ display:-moz-box;
+ display:-ms-flexbox;
+ display:flex;
+ -webkit-box-align:center;
+ -webkit-align-items:center;
+ -moz-box-align:center;
+ -ms-flex-align:center;
+ align-items:center;
+ -webkit-flex-wrap:wrap;
+ -ms-flex-wrap:wrap;
+ flex-wrap:wrap;
+ position:relative;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ /* height:63px; */
+ height:48px;
+ color:#333;
+ border-bottom:1px solid #ebf0fa;
+ background:#fff;
+ -webkit-transition:all .2s;
+ -moz-transition:all .2s;
+ transition:all .2s
+}
+.focus .focus-newsText .list li span {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ width:100%;
+ padding:0 10px;
+ display:block
+}
+.focus .focus-newsText .list li a {
+ color:#333;
+ font-size:16px;
+ line-height:24px;
+ -webkit-transition:all 0s;
+ -moz-transition:all 0s;
+ transition:all 0s
+}
+.focus .focus-newsText .list li.active {
+ font-weight:500;
+ color:#fff;
+ background:#3494f0
+}
+.focus .focus-newsText .list li.active a {
+ color:#fff
+}
+.focus .focus-newsText .list li.active a:hover {
+ text-decoration:underline;
+ color:#fff!important
+}
+.comment {
+ margin-top:18px
+}
+.comment .part {
+ position:relative;
+ padding-left:82px;
+ padding-top:7px;
+ padding-bottom:7px;
+ background:url(http://www.news.cn/2023homepro/images/comment-bg.png) left center no-repeat
+}
+.comment .more {
+ display:inline-block;
+ width:73px;
+ height:77px;
+ position:absolute;
+ left:0;
+ top:7px
+}
+.comment .list ul {
+ font-size:0
+}
+.comment .list li {
+ margin-left:16px;
+ padding:10px 10px;
+ display:inline-block;
+ vertical-align:middle;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ -webkit-border-radius:6px;
+ -moz-border-radius:6px;
+ border-radius:6px;
+ background-color:#fff;
+ width:385px;
+ height:46px
+}
+.comment .list li:first-child {
+ margin-left:0
+}
+.comment .list.list-txt.dot li {
+ padding-left:30px
+}
+.comment .list.list-txt.dot li:before {
+ top:20px;
+ left:15px
+}
+.depth {
+ margin-top:18px
+}
+.depth .part {
+ padding:5px 18px 10px
+}
+.depth .title .sub {
+ right:auto;
+ left:100px;
+ line-height:38px
+}
+.depth .depth-cont {
+ margin-top:10px;
+ font-size:0
+}
+.depth .depth-cont .list {
+ width:386px;
+ display:inline-block;
+ vertical-align:top;
+ margin-left:41px
+}
+.depth .depth-cont .list:first-child {
+ margin-left:0
+}
+.depth .depth-cont .list li {
+ position:relative;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ height:52px
+}
+.latest {
+ margin-top:18px
+}
+.latest .part {
+ font-size:0;
+ padding:5px 10px
+}
+.latest .latest-title {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding-left:4px;
+ width:110px;
+ display:inline-block;
+ vertical-align:middle;
+ font-size:20px;
+ line-height:34px;
+ font-weight:700;
+ color:#378de4
+}
+.latest .latest-title a {
+ color:#378de4
+}
+.latest .latest-cont {
+ width:1140px;
+ overflow:hidden;
+ display:inline-block;
+ vertical-align:middle
+}
+.latest .latest-cont .list {
+ white-space:nowrap;
+ position:relative
+}
+.latest .latest-cont .list:after {
+ content:'';
+ display:block;
+ position:absolute;
+ right:0;
+ top:0;
+ bottom:0;
+ height:34px;
+ width:140px;
+ pointer-events:none;
+ background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(#fff));
+ background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
+ background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%);
+ background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%)
+}
+.latest .latest-cont .list li {
+ display:inline-block;
+ margin-right:15px;
+ line-height:34px
+}
+.latest .latest-cont .list li:before {
+ top:15px
+}
+
+.composite {
+ margin-top:18px
+}
+.composite .part .column .column-left {
+ width:468px;
+ margin-right:18px
+}
+.composite .part .column .column-left .observe {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:5px 18px
+}
+.composite .part .column .column-left .observe .title .name {
+ padding-right:15px;
+ background:url(http://www.news.cn/2023homepro/images/icon-down-blue.png) right center no-repeat
+}
+.composite .part .column .column-left .observe .title .sub {
+ display:none;
+ background:#fff;
+ z-index:50;
+ border:1px solid #ccc;
+ padding:10px 5px;
+ top:100%;
+ text-align:center;
+ font-size:0;
+ line-height:0
+}
+.composite .part .column .column-left .observe .title .sub a {
+ font-size:14px;
+ line-height:24px;
+ color:#666;
+ position:relative;
+ margin-right:10px;
+ margin-left:10px;
+ margin-top:7px;
+ margin-bottom:7px;
+ background:#eee;
+ padding:5px 10px;
+ word-break:keep-all;
+ display:inline-block;
+ width:23.5%;
+ -webkit-transition:all .3s;
+ -moz-transition:all .3s;
+ transition:all .3s
+}
+.composite .part .column .column-left .observe .title .sub a:before {
+ display:none
+}
+.composite .part .column .column-left .observe .title .sub a:hover {
+ background:#63b3ff;
+ color:#fff!important
+}
+.composite .part .column .column-left .observe .title:hover .sub {
+ display:block
+}
+.composite .part .column .column-left .observe .list.list-mix {
+ margin-top:10px
+}
+.composite .part .column .column-left .observe .list.list-txt {
+ margin-top:15px
+}
+.composite .part .column .column-left .observe .list.list-txt li {
+ margin-bottom:12px;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.composite .part .column .column-left .observe .list.list-pic {
+ margin-top:15px
+}
+.composite .part .column .column-left .observe .list.list-pic li {
+ width:210px
+}
+.composite .part .column .column-left .observe .list.list-pic li:first-child {
+ margin-right:12px
+}
+.composite .part .column .column-left .observe .list.list-pic li .img {
+ height:120px;
+ overflow:hidden;
+ position:relative
+}
+.composite .part .column .column-left .observe .list.list-pic li .img img {
+ height:100%;
+ position:relative;
+ z-index:1
+}
+.composite .part .column .column-left .observe .list.list-pic li .img .btn {
+ position:absolute;
+ left:50%;
+ top:50%;
+ margin-top:-17px;
+ margin-left:-17px;
+ z-index:10;
+ width:34px;
+ height:34px;
+ margin-right:5px;
+ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAEO0lEQVRogc2aX4jVRRTHP2vbrsKWZbu2WZsV1AbrUoKyEkXQH6KHHt1MhCiJDIJIFEF8qIcgwQdfRN/yz/pSoNuTQRAYsgtB1lKKBUKkSVLEbiuoW+6Rs5xZzk73yu/3m7nd+4Vhhju/Oec75ze/M2fO3DYRoQFoA+4CbgB/N0JBewYZK4AXgGeBAeAx4G7Xr+T/As4B3wFngRPArylKq1q8A9gIvAE8YxYugwngyRTiZS2uz78F7AQeqNGvVvwJuARccUvmHuAJoNeeuxSN08n3A0eBq4WYqMULliER+V4WYkZERkVko4jcV0DOUhF5XEQ63G9PicisSR0pyqfIQ7qcthrJgCkR+VBElpeYeL2yyckdz0W8XUQ+iax8RETuzUA4lMUiclhEvjHrJxNX0sciKw9nJJxUbrU8RhzpiyKyqlVI34r4Nkf6goisbCXSWmr58SHga/PVuus9DfxQ0m02HIsiBeqnDxhpzGe3HGlqEH/b7Wi6GXzaBE4eS4CDwBjQt6DHrZsO+wiDB+ltgbW8yn1rp/3G5S2+Cbjf2vuA3ytYSLf3nhymNpwBRqy9Ghie73GzO2kzuy4iPRUttF9E/hSRVzJa/UER+ce4nYrdYZ+LF44nKDlqMlTWXhHpzER+1Mnt80vlZReafpbhFaus94Bxi89TcdzJfQnnVdaFlQN8mUFRgK7Lb4HXE+V84dprccQHrP4F+CNRSYwuc2lHgDsqyrgM/GbtQRzxfqvPZaW8EOq11PprKo4/Y/UcVyV+G7DUfoxPJrnxKHAK2FJB7mWrl+laXxS9visNJq7oBN6tMG7Kte+Mt/z/Az8u2EiK41/35JzFp90PXQ0mfsC8wtkKY/3KmG63vMe0dazISNJjEtgMHEuQEbhpqH0jLJXzVvfXGZSCMUtNpJDGbWRzXAPxCasfzhgkzQIfWYYrKWtlnB6x9hzXQHzMat1Sn09UgrnVF4Fd0UdVFc+5kGTcEz9h273i1QQFp4FRO4x8lYFwwAarxbjWDWu7W+AQEUqPcRLj+J+DxCGr9by5NaO1UvG+OwMfmpflZtbpjm6TLXJ06zUuIbdT8+h2HfjY2hq77GkBa+9xcZRym5nviWbYHmVkm5lyG3Y8JozbfH+tAUMuM6uvabAJpAfdElEu6+Jn6g3c3sQU3ErTGbC91nP1Bjcr6TngHIQYh7YyxLEv+PMozby+gaTXm46A0ejmojBxLbdb0t3jYOYNqttkehw23XXHFRGsr2pHdJWiH84HiRPoNhmTTu6M6aq5PMoSD2XI3JLHNbu12FDwekWfec2STtciWROmoxCfsvecevB4B9jh8owemt74Gbjozq9ddrWo8fRDNcZo2mE3sL9UJFnxNWt48KYFPbNSHrM2dnPVNF2Ou/w+i5fDlXi/26YDpuziVnMjJy3kvZCitFF/QtAYKJBX0noaygfgJsI00YX19pVQAAAAAElFTkSuQmCC) 0 0 no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100% 100%;
+ background-size:100% 100%
+}
+.composite .part .column .column-left .observe .list.list-pic li .tit {
+ padding:10px 0;
+ text-align:center
+}
+.composite .part .column .column-center {
+ width:390px
+}
+.composite .part .column .column-center .talk {
+ padding:5px 10px;
+ background:url(http://www.news.cn/2023homepro/images/talk-bg.png) center top no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100% 100%;
+ background-size:100% 100%
+}
+.composite .part .column .column-center .talk .scroll {
+ height:240px;
+ -webkit-border-radius:0 0 10px 10px;
+ -moz-border-radius:0 0 10px 10px;
+ border-radius:0 0 10px 10px;
+ overflow:hidden;
+ background:url(http://www.news.cn/2023homepro/images/talk-scroll-bg.png) center bottom no-repeat
+}
+.composite .part .column .column-center .talk .scroll .swiper-lazy-preloader {
+ margin-left:-85px
+}
+.composite .part .column .column-center .talk .scroll .swiper-container {
+ width:100%;
+ height:100%
+}
+.composite .part .column .column-center .talk .scroll .swiper-slide {
+ position:relative;
+ overflow:hidden
+}
+.composite .part .column .column-center .talk .scroll .swiper-pagination {
+ width:auto;
+ left:15px;
+ bottom:10px
+}
+.composite .part .column .column-center .talk .scroll .swiper-pagination-bullet {
+ width:7px;
+ height:7px;
+ background:#7b8fad;
+ margin-right:5px;
+ opacity:1;
+ vertical-align:middle;
+ -webkit-transition:all .8s;
+ -moz-transition:all .8s;
+ transition:all .8s
+}
+.composite .part .column .column-center .talk .scroll .swiper-pagination-bullet-active {
+ width:10px;
+ height:10px;
+ background:#142a4b
+}
+.composite .part .column .column-center .talk .scroll .character {
+ width:220px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding-left:10px;
+ margin-top:58px;
+ text-align:right;
+ color:#666;
+ position:relative;
+ z-index:8
+}
+.composite .part .column .column-center .talk .scroll .character .name {
+ font-size:16px;
+ line-height:26px
+}
+.composite .part .column .column-center .talk .scroll .character .job {
+ font-size:14px;
+ line-height:24px;
+ height:24px;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.composite .part .column .column-center .talk .scroll .character a {
+ color:#666
+}
+.composite .part .column .column-center .talk .scroll .tit {
+ position:relative;
+ z-index:10;
+ margin-top:15px;
+ width:195px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:0 20px;
+ font-size:18px;
+ line-height:28px;
+ height:84px;
+ overflow:hidden;
+ color:#142a4b
+}
+.composite .part .column .column-center .talk .scroll .tit a {
+ color:#142a4b
+}
+.composite .part .column .column-center .talk .scroll .img {
+ position:absolute;
+ right:0;
+ bottom:0;
+ z-index:1;
+ width:auto;
+ height:100%;
+ background:0 0
+}
+.composite .part .column .column-center .talk .scroll .img img {
+ width:auto;
+ height:100%
+}
+.composite .part .column .column-center .talk .list {
+ margin-top:13px;
+ margin-bottom:10px
+}
+.composite .part .column .column-center .talk .list.list-txt li {
+ padding-left:15px;
+ margin-top:8px;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.composite .part .column .column-center .talk .list.list-txt li:first-child {
+ margin-top:0
+}
+.composite .part .column .column-right {
+ width:388px
+}
+.composite .part .column .column-right .special {
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:5px 18px 8px
+}
+.composite .part .column .column-right .special .list {
+ margin-top:10px
+}
+.composite .part .column .column-right .special .list.list-pic li {
+ width:100%;
+ height:110px
+}
+.composite .part .column .column-right .special .list.list-pic li .img {
+ height:110px;
+ overflow:hidden
+}
+.composite .part .column .column-right .special .list.list-pic li .img img {
+ height:110px
+}
+.composite .part .column .column-right .special .list.list-txt li {
+ padding-left:15px;
+ margin-top:10px;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.composite .part .column .column-right .special .list.list-txt li:first-child {
+ margin-top:0
+}
+.composite .part .column .column-right .localNews {
+ margin-top:14px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:5px 10px;
+ min-height:280px
+}
+.composite .part .column .column-right .localNews .title .site {
+ position:absolute;
+ left:120px;
+ font-size:16px;
+ line-height:30px;
+ top:9px;
+ padding-left:20px;
+ color:#033333;
+ background:url(http://www.news.cn/2023homepro/images/icon-site.png) left center no-repeat;
+ cursor:pointer
+}
+.composite .part .column .column-right .localNews .title .site:after {
+ content:'';
+ display:inline-block;
+ vertical-align:middle;
+ width:8px;
+ height:4px;
+ background:url(http://www.news.cn/2023homepro/images/icon-down-grey.png) left center no-repeat
+}
+.composite .part .column .column-right .localNews .title .site .sub {
+ display:none;
+ position:absolute;
+ z-index:20;
+ left:-120px;
+ right:auto;
+ top:30px;
+ line-height:26px;
+ padding:10px;
+ width:346px;
+ background:#fff;
+ border:1px solid #ccc;
+ border-top:0;
+ font-size:14px;
+ word-break:keep-all
+}
+.composite .part .column .column-right .localNews .title .site .sub span:hover {
+ color:#63b3ff
+}
+.composite .part .column .column-right .localNews .title .site:hover .sub {
+ display:block
+}
+.composite .part .column .column-right .localNews .list {
+ margin-top:20px
+}
+.composite .part .column .column-right .localNews .list.list-txt li {
+ padding-left:15px;
+ margin-top:10px;
+ height:26px;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ white-space:nowrap
+}
+.composite .part .column .column-right .localNews .list.list-txt li:first-child {
+ margin-top:0
+}
+.recommend {
+ margin-top:18px
+}
+.recommend .part {
+ padding:5px 18px 10px
+}
+.recommend .swiper-button-next,
+.recommend .swiper-button-prev {
+ width:25px;
+ height:52px;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100%;
+ background-size:100%;
+ margin-top:-26px
+}
+.recommend .swiper-container {
+ width:100%;
+ height:285px
+}
+.recommend .swiper-slide {
+ position:relative;
+ height:285px;
+ overflow:hidden
+}
+.recommend .swiper-slide .img {
+ background-image:none
+}
+.recommend .swiper-slide .img,
+.recommend .swiper-slide img {
+ width:200px;
+ height:285px;
+ -webkit-border-radius:4px;
+ -moz-border-radius:4px;
+ border-radius:4px;
+ position:relative;
+ z-index:1
+}
+.recommend .scroll {
+ margin-top:10px
+}
+.freezone {
+ margin-top:18px
+}
+.freezone .part {
+ font-size:0
+}
+.freezone .title .sub {
+ bottom:6px
+}
+.freezone .card {
+ display:inline-block;
+ vertical-align:top;
+ width:416px;
+ margin-left:16px;
+ margin-bottom:16px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:5px 10px 8px
+}
+.freezone .card:first-child {
+ margin-left:0
+}
+.freezone .card .list {
+ margin-top:10px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding:0 5px
+}
+.freezone .card.card-txt .list.list-txt li {
+ height:52px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box
+}
+.freezone .card.card-txt .list.list-txt li:before {
+ top:11px
+}
+.freezone .card.card-txt .list.list-txt li:first-child {
+ font-weight:700
+}
+.freezone .card.card-txt .list.list-txt li:first-child:before {
+ display:none
+}
+.freezone .card.card-mix .list.list-mix .img {
+ width:180px;
+ height:98px
+}
+.freezone .card.card-mix .list.list-txt li {
+ height:64px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding-top:6px;
+ padding-bottom:6px
+}
+.freezone .card.card-mix .list.list-txt li:before {
+ top:17px
+}
+.languages .part {
+ padding:25px 20px
+}
+.languages .languages-nav {
+ border-top:1px solid #c4c4c4;
+ position:relative;
+ font-size:18px;
+ line-height:56px;
+ font-family:Georgia;
+ color:#354052
+}
+.languages .languages-nav a {
+ color:#354052;
+ display:inline-block;
+ margin-right:20px;
+ padding:0 20px;
+ position:relative
+}
+.languages .languages-nav a.active {
+ color:#027bfb
+}
+.languages .languages-nav a.active:before {
+ content:'';
+ width:100%;
+ height:4px;
+ position:absolute;
+ left:0;
+ top:-2px;
+ background:#027bfb
+}
+.xhWindow {
+ margin-top:18px
+}
+.xhWindow .part {
+ position:relative;
+ padding:36px;
+ height:354px;
+ background:url(http://www.news.cn/2023homepro/images/xhwindow-bg.png) center center no-repeat
+}
+.xhWindow .part .title {
+ border-bottom:0;
+ border-left:1px solid #969696;
+ padding-left:13px;
+ position:absolute;
+ left:36px;
+ top:36px;
+ z-index:5;
+ height:288px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ padding-top:40px
+}
+.xhWindow .part .title:before {
+ content:'';
+ position:absolute;
+ left:-2.5px;
+ top:0;
+ width:4px;
+ height:129px;
+ background:#2c6de5
+}
+.xhWindow .part .title:after {
+ content:'';
+ position:absolute;
+ top:180px;
+ left:13px;
+ width:20px;
+ height:20px;
+ -webkit-border-radius:50%;
+ -moz-border-radius:50%;
+ border-radius:50%;
+ background:#2c6de5
+}
+.xhWindow .part .title .cn {
+ font-size:24px;
+ line-height:30px;
+ color:#1686d9
+}
+.xhWindow .part .title .en {
+ margin-top:10px;
+ font-family:Arial;
+ font-size:15px;
+ line-height:20px;
+ color:#666
+}
+.xhWindow .part .xhWindow-top {
+ padding:20px 0 20px 115px;
+ position:relative;
+ z-index:1
+}
+.xhWindow .part .xhWindow-top .nav {
+ font-size:0;
+ width:264px
+}
+.xhWindow .part .xhWindow-top .nav a {
+ display:inline-block;
+ text-align:center;
+ font-size:18px;
+ margin-right:12px;
+ margin-bottom:12px;
+ line-height:140px;
+ width:120px;
+ height:90px;
+ overflow:hidden;
+ color:#fff
+}
+.xhWindow .part .xhWindow-top .nav a:nth-child(1) {
+ background:#2c6de5 url(http://www.news.cn/2023homepro/images/xhwindow-icon1.png) center 10px no-repeat;
+ -webkit-border-radius:0 0 25px 0;
+ -moz-border-radius:0 0 25px 0;
+ border-radius:0 0 25px 0
+}
+.xhWindow .part .xhWindow-top .nav a:nth-child(2) {
+ background:#2c6de5 url(http://www.news.cn/2023homepro/images/xhwindow-icon2.png) center 10px no-repeat;
+ -webkit-border-radius:0 0 0 25px;
+ -moz-border-radius:0 0 0 25px;
+ border-radius:0 0 0 25px
+}
+.xhWindow .part .xhWindow-top .nav a:nth-child(3) {
+ background:#2c6de5 url(http://www.news.cn/2023homepro/images/xhwindow-icon3.png) center 10px no-repeat;
+ -webkit-border-radius:0 25px 0 0;
+ -moz-border-radius:0 25px 0 0;
+ border-radius:0 25px 0 0
+}
+.xhWindow .part .xhWindow-top .nav a:nth-child(4) {
+ background:#2c6de5 url(http://www.news.cn/2023homepro/images/xhwindow-icon4.png) center 10px no-repeat;
+ -webkit-border-radius:25px 0 0 0;
+ -moz-border-radius:25px 0 0 0;
+ border-radius:25px 0 0 0
+}
+.xhWindow .part .list {
+ width:800px
+}
+.xhWindow .part .list ul {
+ font-size:0
+}
+.xhWindow .part .list li {
+ display:inline-block;
+ vertical-align:top;
+ position:relative;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ width:400px;
+ height:68px;
+ padding:6px 10px 6px 16px
+}
+.xhWindow .part .list li:before {
+ top:17px
+}
+.xhWindow .part .xhWindow-bottom {
+ position:relative;
+ z-index:10;
+ width:100%;
+ height:45px;
+ padding:0 10px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ overflow:hidden
+}
+.xhWindow .part .xhWindow-bottom ul {
+ white-space:nowrap;
+ font-size:0;
+ position:absolute
+}
+.xhWindow .part .xhWindow-bottom li {
+ position:relative;
+ display:inline-block;
+ height:45px;
+ margin-right:10px;
+ color:#333
+}
+.xhWindow .part .xhWindow-bottom li a {
+ color:#333
+}
+.xhWindow .part .xhWindow-bottom li img {
+ display:block;
+ width:auto;
+ height:100%
+}
+.foot {
+ margin-top:20px;
+ border-top:1px solid #e5e5e5
+}
+.foot .foot-upper {
+ padding:30px 0 20px;
+ background:#dee5f3
+}
+.foot .foot-upper .part {
+ padding:0 40px;
+ position:relative
+}
+.foot .foot-upper .foot-upper-item {
+ margin-bottom:15px
+}
+.foot .foot-upper .name {
+ position:relative;
+ text-align:center;
+ float:left;
+ font-size:16px;
+ line-height:33px;
+ font-weight:700;
+ color:#333
+}
+.foot .foot-upper .links {
+ font-size:0;
+ float:right;
+ width:1100px
+}
+.foot .foot-upper .links span {
+ position:relative;
+ display:inline-block;
+ margin-right:12px;
+ font-size:14px;
+ line-height:30px;
+ color:#333;
+ cursor:pointer
+}
+.foot .foot-upper .links span a {
+ color:#333;
+ margin-right:0
+}
+.foot .foot-upper .links .code {
+ position:absolute;
+ right:50%;
+ top:100%;
+ margin-right:-85px;
+ z-index:10;
+ width:150px;
+ height:150px;
+ padding:10px;
+ background:#fff;
+ border:1px solid #ccc
+}
+.foot .foot-upper .links .code img {
+ width:150px;
+ height:150px
+}
+.foot .foot-upper .links i {
+ position:relative
+}
+.foot .foot-upper #government {
+ position:relative
+}
+.foot .foot-upper #government .name {
+ margin-left:-4px;
+ font-size:15px;
+ line-height:22px
+}
+.foot .foot-upper #government .links span {
+ line-height:44px
+}
+.foot .foot-upper #government .links span[data-ismore=true]:after {
+ content:'';
+ position:absolute;
+ right:50%;
+ margin-right:-8px;
+ bottom:0;
+ width:15px;
+ height:15px;
+ background:url(http://www.news.cn/2023homepro/images/icon-top.png) right bottom no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100%;
+ background-size:100%
+}
+.foot .foot-upper #government .links a {
+ line-height:44px
+}
+.foot .foot-upper #government .layer {
+ position:absolute;
+ width:1100px;
+ right:5px;
+ bottom:40px;
+ z-index:50;
+ height:0;
+ overflow:hidden;
+ -webkit-transition:height .8s;
+ -moz-transition:height .8s;
+ transition:height .8s
+}
+.foot .foot-upper #government .layer.show {
+ height:140px
+}
+.foot .foot-upper #government .layer .layer-item {
+ display:none;
+ width:1098px;
+ height:140px;
+ padding:10px 20px;
+ -webkit-box-sizing:border-box;
+ -moz-box-sizing:border-box;
+ box-sizing:border-box;
+ overflow-x:hidden;
+ overflow-y:auto;
+ border:1px solid #dbdbdb;
+ background:#fff
+}
+.foot .foot-upper #government .layer .layer-item.show {
+ display:block
+}
+.foot .foot-upper #government .layer span {
+ display:inline-block;
+ margin-right:24px;
+ font-size:14px;
+ line-height:45px;
+ color:#333
+}
+.foot .foot-upper #government .layer span a {
+ color:#333
+}
+.foot .foot-upper #HKAndMacao .name {
+ line-height:24px
+}
+.foot .foot-upper #HKAndMacao .links a {
+ line-height:48px
+}
+.foot .foot-cont {
+ position:relative;
+ text-align:center;
+ padding:25px 0 55px;
+ font-size:14px;
+ line-height:32px;
+ color:#fff;
+ background:#024ac2
+}
+.foot .foot-cont .part {
+ position:relative;
+ padding:0 40px
+}
+.foot .foot-cont a {
+ color:#fff
+}
+.foot .foot-cont .foot-ga {
+ vertical-align:middle;
+ margin-right:10px
+}
+.foot .foot-cont .foot-gs {
+ position:absolute;
+ right:50%;
+ bottom:20px;
+ margin-right:-565px;
+ width:34px;
+ height:42px;
+ background:url(data:image/png;base64,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) 0 0 no-repeat
+}
+.foot .foot-cont .cutline {
+ padding-bottom:10px;
+ margin-bottom:10px;
+ height:1px;
+ width:100%;
+ border-bottom:1px dashed rgba(255,255,255,.3)
+}
+.foot .foot-cont .accessible {
+ position:absolute;
+ width:140px;
+ height:60px;
+ left:150px;
+ bottom:-30px;
+ background:url(http://www.news.cn/2023homepro/images/accessible.png) no-repeat;
+ -webkit-background-size:100% 100%;
+ -moz-background-size:100% 100%;
+ background-size:100% 100%
+}
+.ie10 .list-mix.list li,
+.ie8 .list-mix.list li,
+.ie9 .list-mix.list li {
+ display:block
+}
+.ie10 .list-mix.list li:after,
+.ie8 .list-mix.list li:after,
+.ie9 .list-mix.list li:after {
+ content:'';
+ overflow:hidden;
+ width:100%;
+ height:0;
+ font-size:0;
+ display:block;
+ clear:both
+}
+.ie10 .list-mix.list li .img,
+.ie8 .list-mix.list li .img,
+.ie9 .list-mix.list li .img {
+ float:left
+}
+.ie10 .list-mix.list li .tit,
+.ie8 .list-mix.list li .tit,
+.ie9 .list-mix.list li .tit {
+ width:168px;
+ float:right
+}
+.ie10 .list-mix.list li .tit a,
+.ie8 .list-mix.list li .tit a,
+.ie9 .list-mix.list li .tit a {
+ display:inline-block;
+ width:100%
+}
+.floatRed .top .top-upper {
+ background:#d11305
+}
+.floatRed .xi .part {
+ border-bottom:3px solid #d11305
+}
+.floatRed .xi .part .list li .tag {
+ background:#d11305
+}
+.floatRed .focus .focus-newsText .list li.active {
+ background:#d11305
+}
+.floatRed .foot .foot-cont {
+ background:#d11305
+}
diff --git a/src/views/honor/img/1.jpg b/src/views/honor/img/1.jpg
new file mode 100644
index 0000000..8375834
Binary files /dev/null and b/src/views/honor/img/1.jpg differ
diff --git a/src/views/honor/img/2.jpg b/src/views/honor/img/2.jpg
new file mode 100644
index 0000000..5a57d49
Binary files /dev/null and b/src/views/honor/img/2.jpg differ
diff --git a/src/views/honor/img/3.jpg b/src/views/honor/img/3.jpg
new file mode 100644
index 0000000..b4560a3
Binary files /dev/null and b/src/views/honor/img/3.jpg differ
diff --git a/src/views/honor/img/4.jpg b/src/views/honor/img/4.jpg
new file mode 100644
index 0000000..4b6b60b
Binary files /dev/null and b/src/views/honor/img/4.jpg differ
diff --git a/src/views/honor/img/5.jpg b/src/views/honor/img/5.jpg
new file mode 100644
index 0000000..fe098d0
Binary files /dev/null and b/src/views/honor/img/5.jpg differ
diff --git a/src/views/index/dataSupportList.vue b/src/views/index/dataSupportList.vue
index 12354ec..ff91bbf 100644
--- a/src/views/index/dataSupportList.vue
+++ b/src/views/index/dataSupportList.vue
@@ -5,11 +5,7 @@
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="村组">
-              <a-select
-                :allowClear="true"
-                v-model="queryParam.village"
-                style="width: 100%"
-                placeholder="请选择村组">
+              <a-select :allowClear="true" v-model="queryParam.village" style="width: 100%" placeholder="请选择村组">
                 <a-select-option v-for="(item, index) in villageData" :key="index" :value="item.value" :lable="item.name">
                   {{ item.name }}
                 </a-select-option>
@@ -36,15 +32,20 @@
               </a-select>
             </a-form-item>
           </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="供养方式">
+              <a-select :allowClear="true" v-model="queryParam.supportType" style="width: 100%" placeholder="请选择供养方式">
+                <a-select-option v-for="(item, index) in supportTypeData" :key="index" :value="item.value" :lable="item.name">
+                  {{ item.name }}
+                </a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
         </a-row>
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="护理等级">
-              <a-select
-                :allowClear="true"
-                v-model="queryParam.nursingLevel"
-                style="width: 100%"
-                placeholder="请选择护理等级">
+              <a-select :allowClear="true" v-model="queryParam.nursingLevel" style="width: 100%" placeholder="请选择护理等级">
                 <a-select-option v-for="(item, index) in nursingLevelData" :key="index" :value="item.value" :lable="item.name">
                   {{ item.name }}
                 </a-select-option>
@@ -59,6 +60,14 @@
               </a-select>
             </a-form-item>
           </a-col>
+          <a-col :md="6" :sm="24">
+            <a-form-item label="是否精准扶贫">
+              <a-select v-model="queryParam.ifHelpPoor" placeholder="请选择" default-value="null" style="width: 100%">
+                <a-select-option value="1">是</a-select-option>
+                <a-select-option value="0">否</a-select-option>
+              </a-select>
+            </a-form-item>
+          </a-col>
           <a-col :md="6" :sm="24">
             <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
             <a-button style="margin-left: 8px" @click="() => {queryParam = {}, $refs.table.refresh(true)}">重置</a-button>
@@ -66,7 +75,7 @@
         </a-row>
 
       </a-form>
-      <s-table ref="table" :columns="columns" :data="loadData" :rowKey="(record) => record.id" >
+      <s-table ref="table" :columns="columns" :data="loadData" :rowKey="(record) => record.id">
         <template slot="bringTime" slot-scope="text, record">
           {{ record.bringTime | moment('YYYY-MM-DD') }}
         </template>
@@ -88,119 +97,146 @@
 </template>
 
 <script>
-import { STable } from '@/components'
-import { personPage } from '@/api/person/personSupport'
+  import {
+    STable
+  } from '@/components'
+  import {
+    personPage
+  } from '@/api/person/personSupport'
   import {
     dictionaryDropDown
   } from '@/api/sys/dictionaryItem'
 
-export default {
-  components: {
-    STable
-  },
-  data () {
-    return {
-      // 查询参数
-      queryParam: { village: '', ageRange: '', gender: '', nursingLevel: '', isInHospital: '' },
-      type: 1,
-      villageData: [],
-      nursingLevelData: [],
-      totalCount: 0,
-      // 表头
-      columns: [
-        {
-          title: '姓名',
-          width: 200,
-          dataIndex: 'name'
+  export default {
+    components: {
+      STable
+    },
+    data() {
+      return {
+        // 查询参数
+        queryParam: {
+          village: this.$route.params.village,
+          ageRange: this.$route.params.ageRange,
+          gender: this.$route.params.gender,
+          nursingLevel: this.$route.params.nursingLevel,
+          ifHelpPoor: this.$route.params.ifHelpPoor,
+          supportType: this.$route.params.supportType,
+          isInHospital: this.$route.params.isInHospital
         },
-        {
-          title: '年龄',
-          dataIndex: 'age'
-        },
-        {
-          title: '村组',
-          dataIndex: 'villageName'
-        },
-        {
-          title: '护理等级',
-          dataIndex: 'nursingLevelName'
-        },
-        {
-          title: '供养类型',
-          dataIndex: 'supportTypeName'
-        },
-        {
-          title: '性别',
-          dataIndex: 'sex',
-          scopedSlots: { customRender: 'sex' }
-        },
-        {
-          title: '入院时间',
-          dataIndex: 'bringTime',
-          scopedSlots: { customRender: 'bringTime' }
-        },
-        {
-          title: '居住房间',
-          dataIndex: 'roomBed'
-        },
-        {
-          title: '是否在院',
-          dataIndex: 'isInHospital',
-          scopedSlots: { customRender: 'isInHospital' }
-        }
-      ],
+        type: 1,
+        villageData: [],
+        nursingLevelData: [],
+        supportTypeData: [],
+        totalCount: 0,
+        // 表头
+        columns: [{
+            title: '姓名',
+            width: 200,
+            dataIndex: 'name'
+          },
+          {
+            title: '年龄',
+            dataIndex: 'age'
+          },
+          {
+            title: '村组',
+            dataIndex: 'villageName'
+          },
+          {
+            title: '护理等级',
+            dataIndex: 'nursingLevelName'
+          },
+          {
+            title: '供养方式',
+            dataIndex: 'supportTypeName'
+          },
+          {
+            title: '性别',
+            dataIndex: 'sex',
+            scopedSlots: {
+              customRender: 'sex'
+            }
+          },
+          {
+            title: '入院时间',
+            dataIndex: 'bringTime',
+            scopedSlots: {
+              customRender: 'bringTime'
+            }
+          },
+          {
+            title: '居住房间',
+            dataIndex: 'roomBed'
+          },
+          {
+            title: '是否在院',
+            dataIndex: 'isInHospital',
+            scopedSlots: {
+              customRender: 'isInHospital'
+            }
+          }
+        ],
 
-      // 加载数据方法 必须为 Promise 对象
-      loadData: (parameter) => {
-        return personPage(Object.assign(parameter, this.queryParam,
-            { type: this.type }
-          )).then((res) => {
-           this.totalCount = res.total
-          return res
+        // 加载数据方法 必须为 Promise 对象
+        loadData: (parameter) => {
+          return personPage(Object.assign(parameter, this.queryParam, {
+            type: this.type
+          })).then((res) => {
+            this.totalCount = res.total
+            return res
+          })
+        }
+      }
+    },
+    // 生命周期 - 创建完成
+    created() {
+      this.dictionaryDropDown()
+      console.log(this.$route.params)
+      console.log(this.$route.params.gender)
+
+    },
+    // 生命周期 - 销毁完成
+    destroyed() {},
+    // 监控data中的数据变化
+    watch: {
+      $route(to, from) { // to是前往的路由  from是去往的路由 同一个组件只会渲染一次
+        this.$refs.table.refresh(true)
+      }
+    },
+    methods: {
+      // 详情
+      handleDetail(record) {
+        this.$router.push({
+          path: '/person/support/detail',
+          query: {
+            type: this.type,
+            id: record.id
+          }
+        })
+      },
+      /**
+       * 获取字典数据
+       */
+      dictionaryDropDown() {
+        // 所在村
+        dictionaryDropDown({
+          dictionaryCode: '0040'
+        }).then(res => {
+          this.villageData = res.data
+        })
+        // 护理等级
+        dictionaryDropDown({
+          dictionaryCode: '0021'
+        }).then(res => {
+          this.nursingLevelData = res.data
+        })
+        // 供养方式
+        dictionaryDropDown({
+          dictionaryCode: '0020'
+        }).then(res => {
+          this.supportTypeData = res.data
         })
       }
     }
-  },
-  // 生命周期 - 创建完成
-  created () {
-    this.dictionaryDropDown()
-  },
-  // 生命周期 - 销毁完成
-  destroyed () { },
-  // 监控data中的数据变化
-  watch: {
-    $route (to, from) { // to是前往的路由  from是去往的路由 同一个组件只会渲染一次
-      this.$refs.table.refresh(true)
-    }
-  },
-  methods: {
-    // 详情
-    handleDetail (record) {
-      this.$router.push({
-        path: '/person/support/detail',
-        query: {
-          type: this.type,
-          id: record.id
-        }
-      })
-    },
-    /**
-     * 获取字典数据
-     */
-    dictionaryDropDown () {
-      // 所在村
-      dictionaryDropDown({
-        dictionaryCode: '0040'
-      }).then(res => {
-        this.villageData = res.data
-      })
-      // 护理等级
-      dictionaryDropDown({
-        dictionaryCode: '0021'
-      }).then(res => {
-        this.nursingLevelData = res.data
-      })
-    }
   }
-}
 </script>
diff --git a/src/views/index/welcome.vue b/src/views/index/welcome.vue
index cc609ee..5a382c7 100644
--- a/src/views/index/welcome.vue
+++ b/src/views/index/welcome.vue
@@ -21,14 +21,14 @@ export default {
   data () {
     return {}
   },
-  beforeRouteEnter (to, from, next) {
+  /* beforeRouteEnter (to, from, next) {
     next(vm => {
       const code = vm.$store.state.user && vm.$store.state.user.currentRole.code
       if (code === 'student') {
         vm.$router.replace({ path: '/bigScreen' })
       }
     })
-  },
+  }, */
   computed: {
     ...mapState({
       currentRole: state => state.user.currentRole
diff --git a/src/views/person/ServiceAdd.vue b/src/views/person/ServiceAdd.vue
index 8d78047..6d6c735 100644
--- a/src/views/person/ServiceAdd.vue
+++ b/src/views/person/ServiceAdd.vue
@@ -35,14 +35,6 @@
         </a-col>
       </a-row>
 
-      <a-row>
-        <a-col>
-          <a-form-model-item ref="jobs" label="岗位" prop="jobs" :label-col="{ span: 2 }" :wrapper-col="{ span: 21 }">
-            <a-input v-model="form.jobs" />
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-
       <a-row>
         <a-col :span="12">
           <a-form-model-item ref="phone" label="联系方式" prop="phone">
@@ -52,6 +44,26 @@
       </a-row>
 
       <a-row>
+        <a-col>
+          <a-form-model-item ref="homeAddress" label="家庭住址" prop="homeAddress" :label-col="{ span: 2 }" :wrapper-col="{ span: 21 }">
+            <a-input v-model="form.homeAddress" />
+          </a-form-model-item>
+        </a-col>
+      </a-row>
+
+      <a-row>
+        <a-col :span="12">
+          <a-form-model-item ref="jobs" label="岗位" prop="jobs" >
+            <a-select
+              v-model="form.jobs"
+              style="width: 100%"
+              placeholder="请选择岗位">
+              <a-select-option v-for="(item, index) in jobsData" :key="index" :value="item.value" :lable="item.name">
+                {{ item.name }}
+              </a-select-option>
+            </a-select>
+          </a-form-model-item>
+        </a-col>
         <a-col :span="12">
           <a-form-model-item ref="maritalStatus" label="婚姻状况" prop="maritalStatus" >
             <a-select
@@ -189,6 +201,7 @@
           familyList: []
         },
         maritalStatusData: [],
+        jobsData: [],
         rules: {
           name: [{
               required: true,
@@ -210,6 +223,16 @@
             required: true,
             message: '请输入身份证号',
             trigger: 'blur'
+          }],
+          phone: [{
+            required: true,
+            message: '请输入联系方式',
+            trigger: 'blur'
+          }],
+          homeAddress: [{
+            required: true,
+            message: '请输入家庭住址',
+            trigger: 'blur'
           }]
         }
       }
@@ -327,6 +350,12 @@
         }).then(res => {
           this.maritalStatusData = res.data
         })
+        // 岗位状况
+        dictionaryDropDown({
+          dictionaryCode: '0050'
+        }).then(res => {
+          this.jobsData = res.data
+        })
       },
       // 返回
       goback () {
diff --git a/src/views/person/ServiceDetail.vue b/src/views/person/ServiceDetail.vue
index b866772..9f43c6b 100644
--- a/src/views/person/ServiceDetail.vue
+++ b/src/views/person/ServiceDetail.vue
@@ -35,14 +35,6 @@
         </a-col>
       </a-row>
 
-      <a-row>
-        <a-col>
-          <a-form-model-item ref="jobs" label="岗位" prop="jobs" :label-col="{ span: 2 }" :wrapper-col="{ span: 21 }">
-            <a-input disabled v-model="form.jobs" />
-          </a-form-model-item>
-        </a-col>
-      </a-row>
-
       <a-row>
         <a-col :span="12">
           <a-form-model-item ref="phone" label="联系方式" prop="phone">
@@ -50,8 +42,30 @@
           </a-form-model-item>
         </a-col>
       </a-row>
+      
+      <a-row>
+        <a-col>
+          <a-form-model-item ref="homeAddress" label="家庭住址" prop="homeAddress" :label-col="{ span: 2 }" :wrapper-col="{ span: 21 }">
+            <a-input disabled v-model="form.homeAddress" />
+          </a-form-model-item>
+        </a-col>
+      </a-row>
 
       <a-row>
+        <a-col :span="12">
+          <a-form-model-item ref="jobs" label="岗位" prop="jobs" >
+            <a-select
+              disabled
+              v-model="form.jobs"
+              style="width: 100%"
+              placeholder="请选择岗位">
+              <a-select-option v-for="(item, index) in jobsData" :key="index" :value="item.value" :lable="item.name">
+                {{ item.name }}
+              </a-select-option>
+            </a-select>
+          </a-form-model-item>
+        </a-col>
+        
         <a-col :span="12">
           <a-form-model-item ref="maritalStatus" label="婚姻状况" prop="maritalStatus" >
             <a-select
@@ -190,6 +204,7 @@
           familyList: []
         },
         maritalStatusData: [],
+        jobsData: [],
         rules: {
           name: [{
               required: true,
@@ -345,6 +360,12 @@
         }).then(res => {
           this.maritalStatusData = res.data
         })
+        // 婚姻状况
+        dictionaryDropDown({
+          dictionaryCode: '0050'
+        }).then(res => {
+          this.jobsData = res.data
+        })
       },
       // 返回
       goback () {
diff --git a/src/views/person/ServiceList.vue b/src/views/person/ServiceList.vue
index 0535308..4e03d33 100644
--- a/src/views/person/ServiceList.vue
+++ b/src/views/person/ServiceList.vue
@@ -78,7 +78,7 @@ export default {
         },
         {
           title: '岗位',
-          dataIndex: 'jobs'
+          dataIndex: 'jobsName'
         },
         {
           title: '操作',
diff --git a/src/views/person/SupportAdd.vue b/src/views/person/SupportAdd.vue
index 2bc9539..ec7f68c 100644
--- a/src/views/person/SupportAdd.vue
+++ b/src/views/person/SupportAdd.vue
@@ -108,6 +108,24 @@
       </template>
 
       <template v-if="form.type == 1">
+        <a-row>
+          <a-col :span="12">
+            <a-form-model-item ref="roomId" label="房间" prop="roomId">
+              <a-select v-model="form.roomId" @change="handleRoomChange">
+                <a-select-option v-for="room in roomList" :key="room.id" :value="room.id">{{ room.name }}</a-select-option>
+              </a-select>
+
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-model-item ref="bedId" label="床位" prop="bedId">
+              <a-select v-model="form.bedId">
+                <a-select-option v-for="bed in filteredBedList" :key="bed.id" :value="bed.id">{{ bed.name }}</a-select-option>
+              </a-select>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+
         <a-row>
           <a-col>
             <a-form-model-item
@@ -448,6 +466,10 @@
   import {
     dictionaryDropDown
   } from '@/api/sys/dictionaryItem'
+  import {
+    roomListAll,
+    roomListAllBed
+  } from '@/api/room/room'
   import DbDynamic from '@/components/DbDynamic/DbDynamic.vue'
   const PARTONE = 'partOne'
 
@@ -531,11 +553,21 @@
             message: '请选择所在村',
             trigger: 'blur'
           }]
-        }
+        },
+        roomList: [],
+        bedList: [],
+        selectedRoom: null, // 存储选中的房间的 roomId
+        selectedBed: null // 存储选中的床位的 bedId
       }
     },
-    mounted () {
-
+    computed: {
+      filteredBedList () {
+        // 根据选中的房间过滤床位列表
+        if (this.form.roomId) {
+          return this.bedList.filter((bed) => bed.roomId === this.form.roomId)
+        }
+        return []
+      }
     },
     created () {
       this.init()
@@ -669,6 +701,19 @@
         }).then(res => {
           this.nursingLevelData = res.data
         })
+        // 查询房间、床位
+        roomListAll().then((res) => {
+          console.log(res)
+          this.roomList = res.data
+        })
+        roomListAllBed().then((res) => {
+          console.log(res)
+          this.bedList = res.data
+        })
+      },
+      handleRoomChange () {
+        // 房间选择发生变化时，重置选中的床位
+        this.form.bedId = null
       },
       // 返回
       goback () {
diff --git a/src/views/person/SupportDetail.vue b/src/views/person/SupportDetail.vue
index 297caca..cd9b35a 100644
--- a/src/views/person/SupportDetail.vue
+++ b/src/views/person/SupportDetail.vue
@@ -110,6 +110,24 @@
       </template>
 
       <template v-if="form.type == 1">
+        <a-row>
+          <a-col :span="12">
+            <a-form-model-item ref="roomId" label="房间" prop="roomId">
+              <a-select disabled v-model="form.roomId" @change="handleRoomChange">
+                <a-select-option v-for="room in roomList" :key="room.id" :value="room.id">{{ room.name }}</a-select-option>
+              </a-select>
+        
+            </a-form-model-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-model-item ref="bedId" label="床位" prop="bedId">
+              <a-select disabled v-model="form.bedId">
+                <a-select-option v-for="bed in filteredBedList" :key="bed.id" :value="bed.id">{{ bed.name }}</a-select-option>
+              </a-select>
+            </a-form-model-item>
+          </a-col>
+        </a-row>
+        
         <a-row>
           <a-col>
             <a-form-model-item
@@ -448,7 +466,10 @@
   import {
     dictionaryDropDown
   } from '@/api/sys/dictionaryItem'
-
+  import {
+    roomListAll,
+    roomListAllBed
+  } from '@/api/room/room'
     import { STable } from '@/components'
   const PARTONE = 'partOne'
 
@@ -538,11 +559,24 @@
             title: '工作单位',
             dataIndex: 'workInfo'
           }
-        ]
+        ],
+        roomList: [],
+        bedList: [],
+        selectedRoom: null, // 存储选中的房间的 roomId
+        selectedBed: null // 存储选中的床位的 bedId
       }
     },
     mounted () {
 
+    },
+    computed: {
+      filteredBedList () {
+        // 根据选中的房间过滤床位列表
+        if (this.form.roomId) {
+          return this.bedList.filter((bed) => bed.roomId === this.form.roomId)
+        }
+        return []
+      }
     },
     created () {
       this.init()
@@ -672,6 +706,15 @@
         }).then(res => {
           this.nursingLevelData = res.data
         })
+        // 查询房间、床位
+        roomListAll().then((res) => {
+          console.log(res)
+          this.roomList = res.data
+        })
+        roomListAllBed().then((res) => {
+          console.log(res)
+          this.bedList = res.data
+        })
       },
       // 返回
       goback () {
diff --git a/src/views/room/RoomCheckinAdd.vue b/src/views/room/RoomCheckinAdd.vue
index 9bd0c31..d67ac51 100644
--- a/src/views/room/RoomCheckinAdd.vue
+++ b/src/views/room/RoomCheckinAdd.vue
@@ -176,9 +176,6 @@
         this.form.personId = personData.id
         this.form.personName = personData.name
       },
-      /**
-       * 获取字典数据
-       */
       initRoom () {
         roomListAll().then((res) => {
           console.log(res)