添加全国环保法制调研中心官网~

.nuxt/dev/index.mjs

@@ -3,30 +3,30 @@ import { Server } from 'node:http';
 import { tmpdir } from 'node:os';
 import { join } from 'node:path';
 import { parentPort, threadId } from 'node:worker_threads';
-import { getRequestHeader, splitCookiesString, setResponseStatus, setResponseHeader, send, getRequestHeaders, defineEventHandler, handleCacheHeaders, createEvent, fetchWithEvent, isEvent, eventHandler, setHeaders, sendRedirect, proxyRequest, createApp, createRouter as createRouter$1, toNodeListener, lazyEventHandler, getResponseStatus, setResponseHeaders, createError, getRouterParam, getQuery as getQuery$1, readBody, getResponseStatusText } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/h3/dist/index.mjs';
-import { getRequestDependencies, getPreloadLinks, getPrefetchLinks, createRenderer } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/vue-bundle-renderer/dist/runtime.mjs';
-import { stringify, uneval } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/devalue/index.js';
-import destr from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/destr/dist/index.mjs';
-import { withQuery, joinURL, withTrailingSlash, parseURL, withoutBase, getQuery, joinRelativeURL } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/ufo/dist/index.mjs';
-import { renderToString } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/vue/server-renderer/index.mjs';
-import { propsToString, renderSSRHead } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/@unhead/ssr/dist/index.mjs';
-import { createServerHead as createServerHead$1, CapoPlugin } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/unhead/dist/index.mjs';
-import { klona } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/klona/dist/index.mjs';
-import defu, { defuFn } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/defu/dist/defu.mjs';
-import { snakeCase } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/scule/dist/index.mjs';
-import { createHooks } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/hookable/dist/index.mjs';
-import { createFetch as createFetch$1, Headers as Headers$1 } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/ofetch/dist/node.mjs';
-import { createCall, createFetch } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/unenv/runtime/fetch/index.mjs';
+import { getRequestHeader, splitCookiesString, setResponseStatus, setResponseHeader, send, getRequestHeaders, defineEventHandler, handleCacheHeaders, createEvent, fetchWithEvent, isEvent, eventHandler, setHeaders, sendRedirect, proxyRequest, createApp, createRouter as createRouter$1, toNodeListener, lazyEventHandler, getResponseStatus, setResponseHeaders, createError, getRouterParam, getQuery as getQuery$1, readBody, getResponseStatusText } from 'file://G:/gogs/myHuanBao/node_modules/h3/dist/index.mjs';
+import { getRequestDependencies, getPreloadLinks, getPrefetchLinks, createRenderer } from 'file://G:/gogs/myHuanBao/node_modules/vue-bundle-renderer/dist/runtime.mjs';
+import { stringify, uneval } from 'file://G:/gogs/myHuanBao/node_modules/devalue/index.js';
+import destr from 'file://G:/gogs/myHuanBao/node_modules/destr/dist/index.mjs';
+import { withQuery, joinURL, withTrailingSlash, parseURL, withoutBase, getQuery, joinRelativeURL } from 'file://G:/gogs/myHuanBao/node_modules/ufo/dist/index.mjs';
+import { renderToString } from 'file://G:/gogs/myHuanBao/node_modules/vue/server-renderer/index.mjs';
+import { propsToString, renderSSRHead } from 'file://G:/gogs/myHuanBao/node_modules/@unhead/ssr/dist/index.mjs';
+import { createServerHead as createServerHead$1, CapoPlugin } from 'file://G:/gogs/myHuanBao/node_modules/unhead/dist/index.mjs';
+import { klona } from 'file://G:/gogs/myHuanBao/node_modules/klona/dist/index.mjs';
+import defu, { defuFn } from 'file://G:/gogs/myHuanBao/node_modules/defu/dist/defu.mjs';
+import { snakeCase } from 'file://G:/gogs/myHuanBao/node_modules/scule/dist/index.mjs';
+import { createHooks } from 'file://G:/gogs/myHuanBao/node_modules/hookable/dist/index.mjs';
+import { createFetch as createFetch$1, Headers as Headers$1 } from 'file://G:/gogs/myHuanBao/node_modules/ofetch/dist/node.mjs';
+import { createCall, createFetch } from 'file://G:/gogs/myHuanBao/node_modules/unenv/runtime/fetch/index.mjs';
 import { AsyncLocalStorage } from 'node:async_hooks';
-import { consola } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/consola/dist/index.mjs';
-import { getContext } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/unctx/dist/index.mjs';
-import { captureRawStackTrace, parseRawStackTrace } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/errx/dist/index.js';
-import { isVNode, version, unref } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/vue/index.mjs';
-import { hash } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/ohash/dist/index.mjs';
-import { createStorage, prefixStorage } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/unstorage/dist/index.mjs';
-import unstorage_47drivers_47fs from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/unstorage/drivers/fs.mjs';
-import { toRouteMatcher, createRouter } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/radix3/dist/index.mjs';
-import { defineHeadPlugin } from 'file://G:/gogs/qghbfzdyzx_org_cn/node_modules/@unhead/shared/dist/index.mjs';
+import { consola } from 'file://G:/gogs/myHuanBao/node_modules/consola/dist/index.mjs';
+import { getContext } from 'file://G:/gogs/myHuanBao/node_modules/unctx/dist/index.mjs';
+import { captureRawStackTrace, parseRawStackTrace } from 'file://G:/gogs/myHuanBao/node_modules/errx/dist/index.js';
+import { isVNode, version, unref } from 'file://G:/gogs/myHuanBao/node_modules/vue/index.mjs';
+import { hash } from 'file://G:/gogs/myHuanBao/node_modules/ohash/dist/index.mjs';
+import { createStorage, prefixStorage } from 'file://G:/gogs/myHuanBao/node_modules/unstorage/dist/index.mjs';
+import unstorage_47drivers_47fs from 'file://G:/gogs/myHuanBao/node_modules/unstorage/drivers/fs.mjs';
+import { toRouteMatcher, createRouter } from 'file://G:/gogs/myHuanBao/node_modules/radix3/dist/index.mjs';
+import { defineHeadPlugin } from 'file://G:/gogs/myHuanBao/node_modules/@unhead/shared/dist/index.mjs';
 
 function hasReqHeader(event, name, includes) {
   const value = getRequestHeader(event, name);
@@ -172,13 +172,13 @@ if (!window.__NUXT_DEVTOOLS_TIME_METRIC__) {
 window.__NUXT_DEVTOOLS_TIME_METRIC__.appInit = Date.now()
 `;
 
-const _fksf88GIJI = (function(nitro) {
+const _Vs6bjSYTds = (function(nitro) {
   nitro.hooks.hook("render:html", (htmlContext) => {
     htmlContext.head.push(`<script>${script}<\/script>`);
   });
 });
 
-const rootDir = "G:/gogs/qghbfzdyzx_org_cn";
+const rootDir = "G:/gogs/myHuanBao";
 
 const appHead = {"meta":[{"charset":"utf-8"},{"name":"description","content":""},{"name":"keywords","content":""},{"name":"viewport","content":"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover","tagPriority":10}],"link":[],"style":[],"script":[],"noscript":[],"title":"","viewport":"width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"};
 
@@ -197,7 +197,7 @@ const devReducers = {
   URL: (data) => data instanceof URL ? data.toString() : undefined
 };
 const asyncContext = getContext("nuxt-dev", { asyncContext: true, AsyncLocalStorage });
-const _8eT3IcaXsl = (nitroApp) => {
+const _Pm7be7nrk3 = (nitroApp) => {
   const handler = nitroApp.h3App.handler;
   nitroApp.h3App.handler = (event) => {
     return asyncContext.callAsync({ logs: [], event }, () => handler(event));
@@ -267,20 +267,20 @@ function onConsoleLog(callback) {
 }
 
 const plugins = [
-  _fksf88GIJI,
-_8eT3IcaXsl
+  _Vs6bjSYTds,
+_Pm7be7nrk3
 ];
 
-const _lazy_LJZxBQ = () => Promise.resolve().then(function () { return index; });
-const _lazy_RZmt4u = () => Promise.resolve().then(function () { return renderer$1; });
+const _lazy_Ear1fm = () => Promise.resolve().then(function () { return index; });
+const _lazy_5CYepm = () => Promise.resolve().then(function () { return renderer$1; });
 
 const handlers = [
-  { route: '/api', handler: _lazy_LJZxBQ, lazy: true, middleware: false, method: undefined },
-  { route: '/__nuxt_error', handler: _lazy_RZmt4u, lazy: true, middleware: false, method: undefined },
-  { route: '/**', handler: _lazy_RZmt4u, lazy: true, middleware: false, method: undefined }
+  { route: '/api', handler: _lazy_Ear1fm, lazy: true, middleware: false, method: undefined },
+  { route: '/__nuxt_error', handler: _lazy_5CYepm, lazy: true, middleware: false, method: undefined },
+  { route: '/**', handler: _lazy_5CYepm, lazy: true, middleware: false, method: undefined }
 ];
 
-const serverAssets = [{"baseName":"server","dir":"G:/gogs/qghbfzdyzx_org_cn/server/assets"}];
+const serverAssets = [{"baseName":"server","dir":"G:/gogs/myHuanBao/server/assets"}];
 
 const assets = createStorage();
 
@@ -292,11 +292,11 @@ const storage = createStorage({});
 
 storage.mount('/assets', assets);
 
-storage.mount('root', unstorage_47drivers_47fs({"driver":"fs","readOnly":true,"base":"G:\\gogs\\qghbfzdyzx_org_cn","ignore":["**/node_modules/**","**/.git/**"]}));
-storage.mount('src', unstorage_47drivers_47fs({"driver":"fs","readOnly":true,"base":"G:\\gogs\\qghbfzdyzx_org_cn\\server","ignore":["**/node_modules/**","**/.git/**"]}));
-storage.mount('build', unstorage_47drivers_47fs({"driver":"fs","readOnly":false,"base":"G:\\gogs\\qghbfzdyzx_org_cn\\.nuxt","ignore":["**/node_modules/**","**/.git/**"]}));
-storage.mount('cache', unstorage_47drivers_47fs({"driver":"fs","readOnly":false,"base":"G:\\gogs\\qghbfzdyzx_org_cn\\.nuxt\\cache","ignore":["**/node_modules/**","**/.git/**"]}));
-storage.mount('data', unstorage_47drivers_47fs({"driver":"fs","base":"G:\\gogs\\qghbfzdyzx_org_cn\\.data\\kv","ignore":["**/node_modules/**","**/.git/**"]}));
+storage.mount('root', unstorage_47drivers_47fs({"driver":"fs","readOnly":true,"base":"G:\\gogs\\myHuanBao","ignore":["**/node_modules/**","**/.git/**"]}));
+storage.mount('src', unstorage_47drivers_47fs({"driver":"fs","readOnly":true,"base":"G:\\gogs\\myHuanBao\\server","ignore":["**/node_modules/**","**/.git/**"]}));
+storage.mount('build', unstorage_47drivers_47fs({"driver":"fs","readOnly":false,"base":"G:\\gogs\\myHuanBao\\.nuxt","ignore":["**/node_modules/**","**/.git/**"]}));
+storage.mount('cache', unstorage_47drivers_47fs({"driver":"fs","readOnly":false,"base":"G:\\gogs\\myHuanBao\\.nuxt\\cache","ignore":["**/node_modules/**","**/.git/**"]}));
+storage.mount('data', unstorage_47drivers_47fs({"driver":"fs","base":"G:\\gogs\\myHuanBao\\.data\\kv","ignore":["**/node_modules/**","**/.git/**"]}));
 
 function useStorage(base = "") {
   return base ? prefixStorage(storage, base) : storage;
@@ -1167,8 +1167,8 @@ function publicAssetsURL(...path) {
 
 globalThis.__buildAssetsURL = buildAssetsURL;
 globalThis.__publicAssetsURL = publicAssetsURL;
-const getClientManifest = () => import('file://G:/gogs/qghbfzdyzx_org_cn/.nuxt/dist/server/client.manifest.mjs').then((r) => r.default || r).then((r) => typeof r === "function" ? r() : r);
-const getServerEntry = () => import('file://G:/gogs/qghbfzdyzx_org_cn/.nuxt/dist/server/server.mjs').then((r) => r.default || r);
+const getClientManifest = () => import('file://G:/gogs/myHuanBao/.nuxt/dist/server/client.manifest.mjs').then((r) => r.default || r).then((r) => typeof r === "function" ? r() : r);
+const getServerEntry = () => import('file://G:/gogs/myHuanBao/.nuxt/dist/server/server.mjs').then((r) => r.default || r);
 const getSSRStyles = lazyCachedFunction(() => Promise.resolve().then(function () { return styles$1; }).then((r) => r.default || r));
 const getSSRRenderer = lazyCachedFunction(async () => {
   const manifest = await getClientManifest();

.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1769646338920}
+{"id":"dev","timestamp":1770079182251}

.nuxt/manifest/meta/dev.json

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

.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-29T00:25:49.300Z",
+  "date": "2026-02-03T00:39:58.358Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.10.4"
   },
   "dev": {
-    "pid": 308,
+    "pid": 11864,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro\\worker-308-1.sock"
+      "socketPath": "\\\\.\\pipe\\nitro\\worker-11864-1.sock"
     }
   }
 }

.nuxt/nuxt.d.ts

@@ -1,6 +1,6 @@
 // Generated by nuxi
-/// <reference types="@nuxt/telemetry" />
 /// <reference types="@nuxt/devtools" />
+/// <reference types="@nuxt/telemetry" />
 /// <reference path="types/builder-env.d.ts" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />

.nuxt/nuxt.json

@@ -1,9 +0,0 @@
-{
-  "_hash": "kAFMk9BB5n",
-  "project": {
-    "rootDir": "G:/gogs/qghbfzdyzx_org_cn"
-  },
-  "versions": {
-    "nuxt": "3.15.2"
-  }
-}

.nuxt/tsconfig.json

@@ -102,7 +102,7 @@
         "./imports"
       ],
       "#app-manifest": [
-        "./manifest/meta/dev"
+        "./manifest/meta/dev.json"
       ],
       "#components": [
         "./components"

pages/[dir]/[dir]/[id].vue

@@ -1450,7 +1450,7 @@ const closePreview = () => {
     //你的样式
     .newsDetail{
         min-width: 801PX;
-        max-width: 1400px;
+        max-width: 1400PX;
         margin: 0 auto 10PX;
         overflow: hidden;
         font-size: 16px;
@@ -1458,15 +1458,15 @@ const closePreview = () => {
         display: flex;
         align-items: flex-start;
         justify-content: space-between;
+        background: #fff;
+        // margin-top: 20PX;
+        padding: 0 10PX;
         .innerLeft{
             float:left;
             overflow: hidden;
             width: 65%;
             // background: red;
             .LeftTop {
-                // margin-top: -20PX;
-                // border-bottom: 1PX dashed #ccc;
-                
                 >h1 {
 
                     display: block;
@@ -1481,12 +1481,14 @@ const closePreview = () => {
                 }
                 >p {
                     width: 100%;
-                    height: auto;
+                    height: 40PX;
                     text-align: center;
-                    border-bottom: 1PX solid #ccc;
+                    line-height: 26PX;
+                    // border-bottom: 1PX solid #ccc;
+                    border-bottom: 1px dashed #ccc;
                     span {
                         padding: 0 10PX;
-                        font-size: 14PX;
+                        font-size: 15PX;
                         color: #454749;
                     }
                 }
@@ -1500,7 +1502,7 @@ const closePreview = () => {
                 }
             }
             .leftBottom {
-                // margin-top: 20PX;
+                margin-top: 20PX;
                 font-size: 18PX;
                 line-height: 38PX;
                 // margin-bottom: 30PX;
@@ -1522,11 +1524,12 @@ const closePreview = () => {
                 >p {
                     text-indent: 2em;
                     width: 790PX;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
+                    font-family: "宋体";
                     font-size: 18PX;
-                    color: #333333;
+                    color: #333;
                     line-height: 38PX;
                     padding-bottom: 30PX;
+                    font-weight: normal;
                     img {
                         width: 790PX;
                     }
@@ -1554,7 +1557,7 @@ const closePreview = () => {
             }
             .recommendRead {
                 width: 100%;
-                margin: 30PX 0PX 20PX 0;
+                margin: 30PX 0PX 20PX0;
                 .recommendReadTitle {
                     font-size: 18PX;
                     color: #001996;
@@ -1610,28 +1613,38 @@ const closePreview = () => {
             margin: 25PX auto;
             box-sizing: border-box;
             // background: blue;
-            .newsItemsBox {
+             .newsItemsBox {
                 width: 100%;
                 height: auto;
                 // padding: 10PX 0;
                 // background: blue;
                 .new-items-box-title {
-                    margin-bottom: 10PX;
+                    // margin-bottom: 10PX;
                     width: 100%;
-                    height: 40PX;
-                    line-height: 40PX;
-                    border-bottom: 1PX solid #ccc;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
                     // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
                     a{
-                       width: 100PX;
+                       width: 88PX;
                         float: left;
                         display: block;
-                        font-size: 18PX;
-                        color: #0071C8;
-                        display: block;
+                        font-size: 16PX;
                         text-align: center;
-                        width: 100PX;
-                        border-bottom: 2PX solid #2b96f1;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
                         // background: red;
                     }
                    
@@ -1666,30 +1679,71 @@ const closePreview = () => {
                                 }
                                
                             }
-                            
-                            .textA{
-                                display: block;
-                                height: 25PX;
-                                 span{
-                                    // background: blue;
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
                                     display: block;
                                     width: 100%;
-                                    // padding: 0 20PX;
-                                    height: 25PX;
-                                    line-height: 25PX;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
                                     overflow: hidden;
-                                    text-align: center;
-                                    font-size: 16PX;
-                                    color: #333;
-                                    // white-space: nowrap;
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
+
                                 }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
 
+                                }
                             }
+
                         }
-                        
+
                     }
+
                     .zzjj{
-                        margin-bottom: 40PX;
+                        // margin-bottom: 40PX;
                         .maskLayer{
                             position: relative;
                             height: 100PX;
@@ -1720,18 +1774,27 @@ const closePreview = () => {
                         // background: blue;
                         
                         li{
-                            height: 35PX;
-                            // line-height: 40PX;
-                            overflow: hidden;
-                            border-bottom: 1PX solid #ccc;
-                            background: url(public/image/hot.png) no-repeat 10PX center;
-                            padding-left: 30PX;
-                            // background: yellow;
-                            
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
                             a{
-                                display: block;
+                                display: inline-block;
                                 line-height: 34PX;
-                                width: 98%;
+                                width: 96%;
                                 // background: green;
                                 font-size: 15PX;
                                 color: #454749;
@@ -1741,10 +1804,27 @@ const closePreview = () => {
                                 white-space: nowrap;
                             }
                             a:hover{
-                                color: #409eff;
+                                color: #83E515;
                             }
                         }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
                     }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
                }
             }
         }
@@ -1753,46 +1833,48 @@ const closePreview = () => {
 @media screen and (max-width: 800px) {
     //你的样式
     .breadcrumb-box {
-        max-width: 88%;
-        height: 26PX;
-        padding: 0 10PX;
-        margin-top: 20PX;
+        max-width: 100%;
+        height: 80PX;
+        // padding: 0 10PX;
+        // margin-top: 20PX;
         overflow: hidden;
         text-align: center;
         
     }
     .breadcrumb-box .inner{
+        max-width: 98%;
         margin-bottom: 25PX;
+        overflow: hidden;
+        padding: 40PX 20PX -10PX;
+        margin-top: 10PX;
+        white-space: nowrap; 
         a{
-            font-size: 15PX;
+            font-size: 30px;
         }
         
     }
     .prevNext{
         margin: 20PX 0;
     }
-     .newsDetail{
+    .newsDetail{
         max-width: 800PX;
-        // margin: 0 auto 10PX;
+        margin: 0 auto 10PX;
         overflow: hidden;
         font-size: 16px;
-        padding: 0 20px;
         // background: red;
         display: flex;
         flex-wrap: wrap;
         // align-items: flex-start;
         // justify-content: space-between;
+        background: #fff;
+        // margin-top: 20PX;
+        padding: 0 20PX;
         .innerLeft{
             float:left;
             overflow: hidden;
             width: 100%;
-            padding: 0 10PX;
-            margin: 0;
             // background: red;
             .LeftTop {
-                // margin-top: -20PX;
-                // border-bottom: 1PX dashed #ccc;
-                margin: 42PX 0 0;
                 >h1 {
 
                     display: block;
@@ -1801,21 +1883,21 @@ const closePreview = () => {
                     // color: #454749;
                     line-height: 40PX;
                     font-weight: normal;
-                    font-size: 22.5PX;
+                    font-size: 44px;
                     color: #333333;
                     text-align: center;
                 }
                 >p {
                     width: 100%;
-                    height: auto;
+                    height: 40PX;
                     text-align: center;
-                    border-bottom: 1PX solid #ccc;
-                    padding:20PX 0 0;
+                    line-height: 26PX;
+                    // border-bottom: 1PX solid #ccc;
+                    border-bottom: 1px dashed #ccc;
                     span {
                         padding: 0 10PX;
-                        font-size: 14PX;
+                        font-size: 28px;
                         color: #454749;
-                   
                     }
                 }
                 >img {
@@ -1828,10 +1910,10 @@ const closePreview = () => {
                 }
             }
             .leftBottom {
-                // margin-top: 20PX;
+                margin-top: 20PX;
                 font-size: 18PX;
                 line-height: 38PX;
-                margin-bottom: 60PX;
+                // margin-bottom: 30PX;
                 word-break:break-all;
                 ul>li img {
                     width: 790PX;
@@ -1850,11 +1932,12 @@ const closePreview = () => {
                 >p {
                     text-indent: 2em;
                     width: 790PX;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-size: 18PX;
-                    color: #333333;
+                    font-family: "宋体";
+                    font-size: 28px;
+                    color: #333;
                     line-height: 38PX;
                     padding-bottom: 30PX;
+                    font-weight: normal;
                     img {
                         width: 790PX;
                     }
@@ -1882,7 +1965,7 @@ const closePreview = () => {
             }
             .recommendRead {
                 width: 100%;
-                margin: 30PX 0PX 20PX 0;
+                margin: 30PX 0PX 20PX0;
                 .recommendReadTitle {
                     font-size: 18PX;
                     color: #001996;
@@ -1931,11 +2014,11 @@ const closePreview = () => {
             }
 
         }
-        .innerRight{
+        .innerRight {
             width: 100%;
-            float: right;
+            // float: right;
             overflow: hidden;
-            // margin: 20PX auto;
+            margin: 20PX auto;
             box-sizing: border-box;
             .newsItemsBox {
                 width: 100%;
@@ -1943,28 +2026,38 @@ const closePreview = () => {
                 // padding: 10PX 0;
                 // background: blue;
                 .new-items-box-title {
-                    margin-bottom: 10PX;
+                    // margin-bottom: 10PX;
                     width: 100%;
-                    height: 40PX;
-                    line-height: 40PX;
-                    border-bottom: 1PX solid #ccc;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
                     // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
                     a{
-                       width: 100PX;
+                       width: 88PX;
                         float: left;
                         display: block;
-                        font-size: 18PX;
-                        color: #0071C8;
-                        display: block;
+                        font-size: 16PX;
                         text-align: center;
-                        width: 100PX;
-                        border-bottom: 2PX solid #2b96f1;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
                         // background: red;
                     }
                    
                 }
                 .new-items-box-body{
-                    padding: 10PX 10PX 0 ;
+                    padding: 10PX 10PX ;
                     .coniteml{
                         width: 100%;
                         height: auto;
@@ -1973,68 +2066,116 @@ const closePreview = () => {
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
-                        margin-bottom: 20PX;
+                        margin-bottom: 90PX;
                         .l_img{
                             width: 48%;
                             // background: red;
-                            height: 150PX;
+                            height: auto;
                             // float: left;
                             // overflow: hidden;
                             .imgA{
                                 display: block;
-                                height: 150PX;
+                                height: 112.5PX;
                                 img{
                                     vertical-align: middle;
                                     // display: block ;
-                                    bottom: 0;
+                                    bottom: 5PX;
                                     width: 100%;
                                     height: 100%;
                                     // margin-top: -20PX;
                                 }
                                
                             }
-                            
-                            .textA{
-                                display: block;
-                                height: 25PX;
-                                display: none;
-                                 span{
-                                    // background: blue;
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            margin-top: 10PX;
+                            a{
+                                text-decoration: none;
+                                h4{
                                     display: block;
                                     width: 100%;
-                                    // padding: 0 20PX;
-                                    height: 25PX;
-                                    line-height: 25PX;
+                                    height: 20PX;
+                                    line-height: 20PX;
                                     overflow: hidden;
-                                    text-align: center;
-                                    font-size: 16PX;
-                                    color: #333;
-                                    // white-space: nowrap;
-                                    
+                                    font-size: 28px;
+                                    color: #000;
+                                    font-weight: bold;
 
                                 }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 30px;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
 
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
                             }
+                            
+
                         }
-                        
+
                     }
+
                     .zzjj{
-                        margin-bottom: 40PX;
+                        // margin-bottom: 40PX;
                         .maskLayer{
                             position: relative;
-                            height: auto;
+                            height: 37.5PX;
+                            line-height: 37.5PX;
                             width: 49%;
                             .maskLayer_text{
+                                height: 37.5PX;
                                 .zzc{
                                     position: absolute;
-                                    bottom: 0;
+                                    bottom: -75PX;
+                                    height: 37.5PX;
                                     left: 0;
                                     background: rgba(0, 0, 0, .5);
                                     color: #fff;
                                     display: block;
                                     width: 100%;
-                                    height: 22.5PX;
-                                    line-height: 22.5PX;
+                                    line-height: 37.5PX;
                                     overflow: hidden;
                                     text-align: center;
                                     font-size: 16PX;
@@ -2051,20 +2192,29 @@ const closePreview = () => {
                         // background: blue;
                         
                         li{
-                            height: 35PX;
-                            // line-height: 40PX;
-                            overflow: hidden;
-                            border-bottom: 1PX solid #ccc;
-                            background: url(public/image/hot.png) no-repeat 10PX center;
-                            padding-left: 30PX;
-                            // background: yellow;
-                            
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
                             a{
-                                display: block;
+                                display: inline-block;
                                 line-height: 34PX;
-                                width: 98%;
+                                width: 96%;
                                 // background: green;
-                                font-size: 15PX;
+                                font-size: 34px;
                                 color: #454749;
                                 margin-top: 0;
                                 overflow: hidden;
@@ -2072,13 +2222,29 @@ const closePreview = () => {
                                 white-space: nowrap;
                             }
                             a:hover{
-                                color: #409eff;
+                                color: #83E515;
                             }
                         }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
                     }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
                }
             }
-        
         }
     }
      

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

@@ -809,6 +809,9 @@ onMounted(async ()  => {
                                     font-weight: bold;
 
                                 }
+                                h4:hover{
+                                    color: #83E515;
+                                }
                                 p{
                                     width: 100%;
                                     height: 50PX;
@@ -826,7 +829,11 @@ onMounted(async ()  => {
                                     text-indent: 2em;
 
                                 }
+                                p:hover{
+                                    color: #83E515;
+                                }
                             }
+                            
 
                         }
 
@@ -923,15 +930,18 @@ onMounted(async ()  => {
 }
 
 @media screen and (min-width: 801px) and (max-width: 1400px) {
-    //你的样式
     .pagination_pc_none {
         display: none;
     }
     //资讯列表
     .newsList {
-        min-width: 801px;
-        max-width: 1400px;
+        min-width: 801PX;
+        max-width: 1400PX;
         margin: 0 auto;
+        overflow: hidden;
+        background: #fff;
+        margin-top: 20PX;
+        padding: 0 10PX;
         .listBoxLeft {
             float:left;
             overflow: hidden;
@@ -961,84 +971,98 @@ onMounted(async ()  => {
                         color: #333;
                         overflow: hidden;
                         .hasImg{
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
 
-                            .li_img_box{
-                                width: 210PX;
-                                height: 110PX;
-                                float: left;
-                                overflow: hidden;
-                                margin-right: 20PX;
-                                img{
-                                    display: block;
-                                    width: 100%;
-                                    height: 100%;
-                                }
-                            } 
-                            .li_right_box{
-                                overflow: hidden;
+                            }
+                            .newsBottomBody{
+                                width: 100%;
                                 height: auto;
-                                .li_h4_dot1{
-                                    display: block;
-                                    width: 100%;
-                                    height: 40PX;
-                                    line-height: 40PX;
+                                .li_img_box{
+                                    width: 200PX;
+                                    height: 100PX;
+                                    float: left;
                                     overflow: hidden;
-                                    white-space: nowrap;
-                                    text-overflow: ellipsis;
-                                    font-size: 18PX;
-                                    color: #2c3036;
-                                    font-weight: normal;
-                                }
-                                .li_dot3{
-                                    text-indent: 2em;
-                                    width: 100%;
-                                    height: 72PX;
-                                    line-height: 24PX;
-                                    font-size: 14PX;
-                                    color: #333;
-                                    font-weight: normal;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 2;
+                                    margin-right: 20PX;
+                                    img{
+                                        display: block;
+                                        width: 100%;
+                                        height: 100%;
+                                    }
+                                } 
+                                .li_right_box{
                                     overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    
-                                }
+                                    height: auto;
+                                    .li_h4_dot1{
+                                        display: block;
+                                        width: 100%;
+                                        height: 40PX;
+                                        line-height: 40PX;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
+                                        font-size: 18PX;
+                                        color: #2c3036;
+                                        font-weight: normal;
+                                    }
+                                    .li_dot3{
+                                        text-indent: 2em;
+                                        width: 100%;
+                                        height: 60PX;
+                                        line-height: 30PX;
+                                        font-size: 16PX;
+                                        color: #333;
+                                        font-weight: normal;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 2;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        word-break: break-all;
+                                        
+                                    }
 
-                            }  
+                                } 
+                            }
+                             
 
                         }
                         .notHasImg{
                             overflow: hidden;
                             height: auto;
                             // background: red;
-                            .li_h4_dot1{
-                                display: block;
+                            .newsTopTitle{
                                 width: 100%;
-                                height: 40PX;
-                                line-height: 40PX;
-                                overflow: hidden;
-                                white-space: nowrap;
-                                text-overflow: ellipsis;
-                                font-size: 18PX;
-                                color: #2c3036;
-                                font-weight: normal;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
                             }
                             .li_dot3{
                                 text-indent: 2em;
                                 width: 100%;
-                                height: 72PX;
+                                height: 60PX;
                                 line-height: 24PX;
-                                font-size: 14PX;
+                                font-size: 16PX;
                                 color: #333;
                                 font-weight: normal;
                                 display: -webkit-box;
                                 -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 3;
+                                -webkit-line-clamp: 2;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                                 word-break: break-all;
+                                span{
+                                    font-size: 16PX;
+                                    color: #004276;
+                                    float: right;
+                                }
                                 
                             }
                         }
@@ -1060,22 +1084,32 @@ onMounted(async ()  => {
                 // padding: 10PX 0;
                 // background: blue;
                 .new-items-box-title {
-                    margin-bottom: 10PX;
+                    // margin-bottom: 10PX;
                     width: 100%;
-                    height: 40PX;
-                    line-height: 40PX;
-                    border-bottom: 1PX solid #ccc;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
                     // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
                     a{
-                       width: 100PX;
+                       width: 88PX;
                         float: left;
                         display: block;
-                        font-size: 18PX;
-                        color: #0071C8;
-                        display: block;
+                        font-size: 16PX;
                         text-align: center;
-                        width: 100PX;
-                        border-bottom: 2PX solid #2b96f1;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
                         // background: red;
                     }
                    
@@ -1110,32 +1144,78 @@ onMounted(async ()  => {
                                 }
                                
                             }
-                            
-                            .textA{
-                                display: block;
-                                height: 25PX;
-                                 span{
-                                    // background: blue;
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
                                     display: block;
                                     width: 100%;
-                                    // padding: 0 20PX;
-                                    height: 25PX;
-                                    line-height: 25PX;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
                                     overflow: hidden;
-                                    text-align: center;
-                                    font-size: 16PX;
-                                    color: #333;
-                                    // white-space: nowrap;
-                                    
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
 
                                 }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
 
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
                             }
+                            
+
                         }
-                        
+
                     }
+
                     .zzjj{
-                        margin-bottom: 40PX;
+                        // margin-bottom: 40PX;
                         .maskLayer{
                             position: relative;
                             height: 100PX;
@@ -1166,18 +1246,27 @@ onMounted(async ()  => {
                         // background: blue;
                         
                         li{
-                            height: 35PX;
-                            // line-height: 40PX;
-                            overflow: hidden;
-                            border-bottom: 1PX solid #ccc;
-                            background: url(public/image/hot.png) no-repeat 10PX center;
-                            padding-left: 30PX;
-                            // background: yellow;
-                            
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
                             a{
-                                display: block;
+                                display: inline-block;
                                 line-height: 34PX;
-                                width: 98%;
+                                width: 96%;
                                 // background: green;
                                 font-size: 15PX;
                                 color: #454749;
@@ -1187,10 +1276,27 @@ onMounted(async ()  => {
                                 white-space: nowrap;
                             }
                             a:hover{
-                                color: #409eff;
+                                color: #83E515;
                             }
                         }
+                        
                     }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
                }
             }
         }
@@ -1246,24 +1352,26 @@ onMounted(async ()  => {
         display: none;
     }
     
-
+    //资讯列表
     .newsList {
         max-width: 800PX;
         margin: 0 auto;
-        padding: 10PX 10PX;
+        overflow: hidden;
+        background: #fff;
+        margin-top: 20PX;
+        padding: 0 20PX;
         .listBoxLeft {
-            float:left;
+            // float:left;
             overflow: hidden;
-            width: 94%;
-            padding: 0 10PX;
+            width: 100%;
             .list {
                 >li {
                     width: 100%;
                     height: auto;
                     overflow: hidden;
                     border-bottom: 1PX solid #ccc;
-                    // padding: 10PX 0;
-                    margin-bottom: 20PX;
+                    padding: 10PX 0;
+                    margin-bottom: 10PX;
                     // display: flex;
                     // align-items: flex-start;
                     // justify-content: space-between;
@@ -1281,89 +1389,100 @@ onMounted(async ()  => {
                         color: #333;
                         overflow: hidden;
                         .hasImg{
-                            margin-bottom: 10PX;
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 38px;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
 
-                            .li_img_box{
-                                width:100%;
-                                height: 100%;
-                                float: left;
-                                overflow: hidden;
-                                margin-right: 20PX;
-                                img{
-                                    display: block;
-                                    width: 100%;
-                                    height: 100%;
-                                }
-                            } 
-                            .li_right_box{
+                            }
+                            .newsBottomBody{
                                 width: 100%;
-                                overflow: hidden;
                                 height: auto;
-                                .li_h4_dot1{
-                                    display: block;
+                                .li_img_box{
                                     width: 100%;
-                                    height: 40PX;
-                                    line-height: 40PX;
+                                    height: 150PX;
+                                    // float: left;
                                     overflow: hidden;
-                                    white-space: nowrap;
-                                    text-overflow: ellipsis;
-                                    font-size: 18PX;
-                                    color: #2c3036;
-                                    font-weight: normal;
-                                }
-                                .li_dot3{
-                                    text-indent: 2em;
+                                    margin-right: 20PX;
+                                    img{
+                                        display: block;
+                                        width: 100%;
+                                        height: 100%;
+                                    }
+                                } 
+                                .li_right_box{
                                     width: 100%;
-                                    height: 72PX;
-                                    line-height: 24PX;
-                                    font-size: 14PX;
-                                    color: #333;
-                                    font-weight: normal;
-                                    display: -webkit-box;
-                                    -webkit-box-orient: vertical;
-                                    -webkit-line-clamp: 3;
                                     overflow: hidden;
-                                    text-overflow: ellipsis;
-                                    word-break: break-all;
-                                    
-                                }
+                                    height: auto;
+                                    .li_h4_dot1{
+                                        display: block;
+                                        width: 100%;
+                                        height: 40PX;
+                                        line-height: 40PX;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
+                                        font-size: 18PX;
+                                        color: #2c3036;
+                                        font-weight: normal;
+                                    }
+                                    .li_dot3{
+                                        text-indent: 2em;
+                                        width: 100%;
+                                        height: 60PX;
+                                        line-height: 30PX;
+                                        font-size: 34px;
+                                        color: #333;
+                                        font-weight: normal;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 2;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        word-break: break-all;
+                                        
+                                    }
 
-                            }  
+                                } 
+                            }
+                             
 
                         }
                         .notHasImg{
-                            width: 100%;
                             overflow: hidden;
                             height: auto;
-                            margin-bottom: 10PX;
-
                             // background: red;
-                            .li_h4_dot1{
-                                display: block;
+                            .newsTopTitle{
                                 width: 100%;
-                                height: 40PX;
-                                line-height: 40PX;
-                                overflow: hidden;
-                                white-space: nowrap;
-                                text-overflow: ellipsis;
-                                font-size: 18PX;
-                                color: #2c3036;
-                                font-weight: normal;
+                                height: 30PX;
+                                font-size: 38px;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
                             }
                             .li_dot3{
                                 text-indent: 2em;
                                 width: 100%;
-                                height: 72PX;
-                                line-height: 24PX;
-                                font-size: 14PX;
+                                height: 52.5PX;
+                                line-height: 26.25PX;
                                 color: #333;
                                 font-weight: normal;
                                 display: -webkit-box;
                                 -webkit-box-orient: vertical;
-                                -webkit-line-clamp: 3;
+                                -webkit-line-clamp: 2;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                                 word-break: break-all;
+                                font-size: 34px;
+                                span{
+                                    display: none;
+                                    font-size: 17PX;
+                                    color: #004276;
+                                    float: right;
+                                }
                                 
                             }
                         }
@@ -1375,9 +1494,9 @@ onMounted(async ()  => {
         }
         .listBoxRight {
             width: 100%;
-            float: right;
+            // float: right;
             overflow: hidden;
-            // margin: 20PX auto;
+            margin: 20PX auto;
             box-sizing: border-box;
             .newsItemsBox {
                 width: 100%;
@@ -1385,28 +1504,38 @@ onMounted(async ()  => {
                 // padding: 10PX 0;
                 // background: blue;
                 .new-items-box-title {
-                    margin-bottom: 10PX;
+                    // margin-bottom: 10PX;
                     width: 100%;
-                    height: 40PX;
-                    line-height: 40PX;
-                    border-bottom: 1PX solid #ccc;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
                     // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
                     a{
-                       width: 100PX;
+                       width: 88PX;
                         float: left;
                         display: block;
-                        font-size: 18PX;
-                        color: #0071C8;
-                        display: block;
+                        font-size: 16PX;
                         text-align: center;
-                        width: 100PX;
-                        border-bottom: 2PX solid #2b96f1;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
                         // background: red;
                     }
                    
                 }
                 .new-items-box-body{
-                    padding: 10PX 10PX 0 ;
+                    padding: 10PX 10PX ;
                     .coniteml{
                         width: 100%;
                         height: auto;
@@ -1415,68 +1544,116 @@ onMounted(async ()  => {
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
-                        margin-bottom: 20PX;
+                        margin-bottom: 90PX;
                         .l_img{
                             width: 48%;
                             // background: red;
-                            height: 150PX;
+                            height: auto;
                             // float: left;
                             // overflow: hidden;
                             .imgA{
                                 display: block;
-                                height: 150PX;
+                                height: 112.5PX;
                                 img{
                                     vertical-align: middle;
                                     // display: block ;
-                                    bottom: 0;
+                                    bottom: 5PX;
                                     width: 100%;
                                     height: 100%;
                                     // margin-top: -20PX;
                                 }
                                
                             }
-                            
-                            .textA{
-                                display: block;
-                                height: 25PX;
-                                display: none;
-                                 span{
-                                    // background: blue;
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            margin-top: 10PX;
+                            a{
+                                text-decoration: none;
+                                h4{
                                     display: block;
                                     width: 100%;
-                                    // padding: 0 20PX;
-                                    height: 25PX;
-                                    line-height: 25PX;
+                                    height: 20PX;
+                                    line-height: 20PX;
                                     overflow: hidden;
-                                    text-align: center;
-                                    font-size: 16PX;
-                                    color: #333;
-                                    // white-space: nowrap;
-                                    
+                                    font-size: 28px;
+                                    color: #000;
+                                    font-weight: bold;
 
                                 }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 30px;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
 
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
                             }
+                            
+
                         }
-                        
+
                     }
+
                     .zzjj{
-                        margin-bottom: 40PX;
+                        // margin-bottom: 40PX;
                         .maskLayer{
                             position: relative;
-                            height: auto;
+                            height: 37.5PX;
+                            line-height: 37.5PX;
                             width: 49%;
                             .maskLayer_text{
+                                height: 37.5PX;
                                 .zzc{
                                     position: absolute;
-                                    bottom: 0;
+                                    bottom: -75PX;
+                                    height: 37.5PX;
                                     left: 0;
                                     background: rgba(0, 0, 0, .5);
                                     color: #fff;
                                     display: block;
                                     width: 100%;
-                                    height: 22.5PX;
-                                    line-height: 22.5PX;
+                                    line-height: 37.5PX;
                                     overflow: hidden;
                                     text-align: center;
                                     font-size: 16PX;
@@ -1493,20 +1670,29 @@ onMounted(async ()  => {
                         // background: blue;
                         
                         li{
-                            height: 35PX;
-                            // line-height: 40PX;
-                            overflow: hidden;
-                            border-bottom: 1PX solid #ccc;
-                            background: url(public/image/hot.png) no-repeat 10PX center;
-                            padding-left: 30PX;
-                            // background: yellow;
-                            
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
                             a{
-                                display: block;
+                                display: inline-block;
                                 line-height: 34PX;
-                                width: 98%;
+                                width: 96%;
                                 // background: green;
-                                font-size: 15PX;
+                                font-size: 34px;
                                 color: #454749;
                                 margin-top: 0;
                                 overflow: hidden;
@@ -1514,16 +1700,32 @@ onMounted(async ()  => {
                                 white-space: nowrap;
                             }
                             a:hover{
-                                color: #409eff;
+                                color: #83E515;
                             }
                         }
+                        
                     }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
                }
             }
         }
         
     } 
-     
     
 
 }

pages/[dir]/[id].vue

@@ -4,110 +4,149 @@
     <!-- 导航栏 -->
     <HomePageNavigation></HomePageNavigation>
     <!-- 面包屑导航 -->
-    <div class="breadcrumb-box">
+    <!-- <div class="breadcrumb-box">
         <div class="inner">
             <span class="location">当前位置：</span>
             <el-breadcrumb :separator-icon="ArrowRight">
                 <el-breadcrumb-item>
                     <NuxtLink to="/">首页</NuxtLink>
                 </el-breadcrumb-item>
-                <el-breadcrumb-item v-if="parent_children_count > 0">
+                <el-breadcrumb-item>
                     <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
                 </el-breadcrumb-item>
-                <el-breadcrumb-item v-if="parent_children_count == 0">
-                    <NuxtLink :to="`/${parent_pinyin}/list-1.html`"> {{ parent_name }}</NuxtLink>
+                <el-breadcrumb-item>
+                    <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
+                </el-breadcrumb-item>
+                <el-breadcrumb-item class="phone_breadcrumb_text">
+                    {{ routeNewsTtitle }}
                 </el-breadcrumb-item>
-                <el-breadcrumb-item class="phone_breadcrumb_text">{{ routeNewsTtitle }}</el-breadcrumb-item>
             </el-breadcrumb>
         </div>
-    </div>
+    </div> -->
+
+
+    <!-- 面包屑导航 -->
+                <div class="breadcrumb-box">
+                    <div class="inner">
+                        <span class="location">当前位置：</span>
+                        <el-breadcrumb :separator-icon="ArrowRight">
+                            <el-breadcrumb-item>
+                                <NuxtLink to="/">首页</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>
+                                <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item>
+                                <NuxtLink :to="`list-1.html`"> {{ routLevelTitle }}</NuxtLink>
+                            </el-breadcrumb-item>
+                            <el-breadcrumb-item class="phone_breadcrumb_text">
+                                {{ routeNewsTtitle }}
+                            </el-breadcrumb-item>
+                        </el-breadcrumb>
+                    </div>
+                </div>
     <!-- 资讯列表 -->
     <div class="newsDetail">
-        <div class="inner">
+        <!-- <div class="inner"> -->
+             
             <div class="innerLeft">
+               
                 <div class="LeftTop">
                     <h1>{{ newsDetail.title }}</h1>
                     <p>
-                        来源: <span>{{ newsDetail.copyfrom }}</span>
-                        作者: <span>{{ newsDetail.author }}</span>
-                        发布时间: <span>{{ time }}</span>
+                        <span>时间：{{ time }}</span>
+                        <span>来源：{{ newsDetail.copyfrom }}</span>
+                        <span>作者：{{ newsDetail.author }}</span>
                     </p>
                 </div>
-                <div class="leftBottom" v-html="newsDetail.content" v-if="newsDetail.content" @click="openPreview">
+                <div 
+                    class="leftBottom" 
+                    v-html="newsDetail.content" 
+                    v-if="newsDetail.content" 
+                    @click="openPreview">
                 </div>
                 <div v-if="previewVisible" class="preview-modal" @click="closePreview">
                     <img :src="selectedImage" alt="Preview">
                 </div>
                 <!-- 免责声明: -->
-                <div class="disclaimer" v-if="newsDetail.copyfrom != '本网'">
+                <div class="disclaimer" v-if="newsDetail.copyfrom!='本网'">
                     <p>原文链接：{{ newsDetail.fromurl }}</p>
                     <p>[免责声明]本文来源于网络转载，仅供学习交流使用，不构成商业目的。 版权归原作者所有，如涉及作品内容，版权和其他问题，请在30日与本网联系，我们将第一时间处理。</p>
                 </div>
                 <div v-if="articleChoice">
-                    <!-- 投票 start ---------------------------------------->
+                    <!--投票-->
                     <div class="index_3_box_vote" v-if="articleChoice">
                         <div class="voteTitle">投票区</div>
                         <div class="inquire">
-                            <p v-if="voteList.length > 0">{{ voteList[0].survey_name }}</p>
+                            <p v-if="voteList.length>0">{{voteList[0].survey_name}}</p>
                             <div class="radioBox">
-                                <!--投票选项-->
-                                <div v-if="!isDisabled">
-                                    <div class="radio" v-if="isRadio">
-                                        <el-radio-group v-model="radio1" @change="handleRadioChange">
-                                            <el-radio v-for="item in voteList" :key="item.id" :value="item.id"
-                                                size="large">
-                                                <span v-if="item.is_other == 0">{{ item.choice_name }}</span>
-                                                <span v-else>其他</span>
-                                            </el-radio>
-                                        </el-radio-group>
-                                        <el-input v-if="showUserChoice" v-model="userChoice" :rows="2" type="textarea"
-                                            resize="none" placeholder="请输入.." />
-                                    </div>
-                                    <div class="checkInputBox" v-else>
-                                        <el-checkbox-group v-model="check1" @change="handleCheckboxChange">
-                                            <span v-for="item in voteList" :key="item.id">
-                                                <span v-if="item.is_other == 0">
-                                                    <el-checkbox size="large" :label="item.choice_name"
-                                                        :value="item.id" />
-                                                </span>
-                                                <span v-else>
-                                                    <el-checkbox size="large" label="其他" :value="item.id" />
-                                                </span>
+                            <!--投票选项-->
+                            <div v-if="!isDisabled">
+                                <div class="radio" v-if="isRadio">
+                                    <el-radio-group v-model="radio1" @change="handleRadioChange">
+                                        <el-radio v-for="item in voteList" :key="item.id" :value="item.id" size="large">
+                                            <span v-if="item.is_other == 0">{{item.choice_name}}</span>
+                                            <span v-else>其他</span>
+                                        </el-radio>
+                                    </el-radio-group>
+                                    <el-input
+                                        v-if="showUserChoice"
+                                        v-model="userChoice"
+                                        :rows="2"
+                                        type="textarea"
+                                        resize="none"
+                                        placeholder="请输入.."
+                                    />
+                                </div>
+                                <div class="checkInputBox" v-else>
+                                    <el-checkbox-group v-model="check1" @change="handleCheckboxChange">
+                                        <span v-for="item in voteList" :key="item.id">
+                                            <span v-if="item.is_other == 0">
+                                                <el-checkbox size="large" :label="item.choice_name" :value="item.id"/>
                                             </span>
-                                        </el-checkbox-group>
-                                        <el-input v-if="showUserChoice" v-model="userChoice" :rows="2" type="textarea"
-                                            resize="none" placeholder="请输入.." />
-                                    </div>
+                                            <span v-else>
+                                                <el-checkbox size="large" label="其他" :value="item.id"/>
+                                            </span>
+                                        </span>
+                                    </el-checkbox-group>
+                                    <el-input
+                                        v-if="showUserChoice"
+                                        v-model="userChoice"
+                                        :rows="2"
+                                        type="textarea"
+                                        resize="none"
+                                        placeholder="请输入.."
+                                    />
                                 </div>
-                                <!--投票结果-->
-                                <div class="inquireData" v-else>
-                                    <div v-for="item in websiteSurveyData.data" :key="item.id">
-                                        <div class="inquireDataItem active" v-if="item.status == 1">
-                                            <div class="inquireDataItemTitle">
-                                                <span v-if="item.choice_name == ''">其他</span>
-                                                <span v-else>{{ item.choice_name }}</span>
-                                            </div>
-                                            <div class="inquireDataItemNum">{{ item.results }}票</div>
+                            </div>
+                            <!--投票结果-->
+                            <div class="inquireData" v-else>
+                                <div v-for="item in websiteSurveyData.data" :key="item.id">
+                                    <div class="inquireDataItem active" v-if="item.status == 1">
+                                        <div class="inquireDataItemTitle">
+                                            <span v-if="item.choice_name == ''">其他</span>
+                                            <span v-else>{{item.choice_name}}</span>
                                         </div>
-                                        <div class="inquireDataItem" v-else>
-                                            <div class="inquireDataItemTitle">
-                                                <span v-if="item.choice_name == ''">其他</span>
-                                                <span v-else>{{ item.choice_name }}</span>
-                                            </div>
-                                            <div class="inquireDataItemNum">{{ item.results }}票</div>
+                                        <div class="inquireDataItemNum">{{item.results}}票</div>
+                                    </div>
+                                    <div class="inquireDataItem" v-else>
+                                        <div class="inquireDataItemTitle">
+                                            <span v-if="item.choice_name == ''">其他</span>
+                                            <span v-else>{{item.choice_name}}</span>
                                         </div>
+                                        <div class="inquireDataItemNum">{{item.results}}票</div>
                                     </div>
                                 </div>
                             </div>
+                            </div>
                             <div class="btn">
-                                <button class="voting" @click="addWebsiteSurvey" :disabled="isDisabled"
-                                    v-if="!isDisabled">投票</button>
+                                <button class="voting" @click="addWebsiteSurvey" :disabled="isDisabled" v-if="!isDisabled">投票</button>
                             </div>
                         </div>
                     </div>
-                    <!-- 投票 end ---------------------------------------->
                 </div>
-                <div class="recommendRead" v-if="newsDetail.commendArticle != false">
+                <!--推荐阅读-->
+                <!-- <div class="recommendRead" v-if="newsDetail.commendArticle != false">
                     <div class="recommendReadTitle">
                         <span class="read_title">
                             推荐阅读
@@ -121,7 +160,7 @@
                             </a>
                         </div>
                     </div>
-                </div>
+                </div> -->
                 <!--上一篇 下一篇-->
                 <div class="prevNext">
                     <NuxtLink to="/">上一篇：李强签署国务院令 公布《行政执法监督条例》</NuxtLink>
@@ -129,16 +168,142 @@
                 </div>
             </div>
             <div class="innerRight">
-                <!-- 热点资讯1 -->
-                <!-- <div class="hotList1">
-                    <DetailHotNews></DetailHotNews>
-                </div> -->
-                <!-- 热点资讯2 -->
-                <div class="hotList2">
-                    <DetailHotNews2></DetailHotNews2>
+                <div class="newsItemsBox">
+                    <div class="new-items-box-title">
+                        <span></span>
+                            <NuxtLink to="/" title="最新资讯"> 最新动态 </NuxtLink>
+                    </div>
+                    <div class="new-items-box-body">
+                        <div class="coniteml zzjj">
+                            
+                            <div class="l_img maskLayer">
+                                <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
+                                    <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                </NuxtLink>
+                                <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
+                                    <span class="zzc">全国统战部长会议在京召开 王沪宁出席并讲话</span>
+                                </NuxtLink>
+                            </div>
+                            <div class="l_img maskLayer">
+                                <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
+                                    <img src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-isloaded="1"> 
+                                </NuxtLink>
+                                <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
+                                    <span class="zzc">监测数据造假不可为 企业个人的环保法律责任清单</span>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <ul class="conitemlList">
+                            <li>
+                                <span>1</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>2</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>3</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>4</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>5</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>6</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>7</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>8</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>9</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            <li>
+                                <span>10</span>
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                            </li>
+                            
+                            
+                        </ul>
+                    </div>
+                </div>
+                <div class="newsItemsBox">
+                    <div class="new-items-box-title">
+                        <span></span>
+                            <NuxtLink to="/" title="最新资讯"> 热点新闻 </NuxtLink>
+                    </div>
+                    <div class="new-items-box-body">
+                        <div class="coniteml2">
+                            <div class="rdxwImg">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                </NuxtLink>
+                            </div>
+                            <div class="rdxwText">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                    <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="coniteml2">
+                            <div class="rdxwImg">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                </NuxtLink>
+                            </div>
+                            <div class="rdxwText">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                    <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="coniteml2">
+                            <div class="rdxwImg">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                </NuxtLink>
+                            </div>
+                            <div class="rdxwText">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                    <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        <div class="coniteml2">
+                            <div class="rdxwImg">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                </NuxtLink>
+                            </div>
+                            <div class="rdxwText">
+                                <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                    <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                    <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                </NuxtLink>
+                            </div>
+                        </div>
+                        
+                    </div>
                 </div>
+                
+                    <!-- <DetailHotNews2></DetailHotNews2> -->
             </div>
-        </div>
+        
     </div>
     <!-- 页面底部 -->
     <HomeFoot></HomeFoot>
@@ -620,30 +785,34 @@ const closePreview = () => {
 //@import url('@/assets/css/article/yd.less');
 //面包屑
 .breadcrumb-box {
-    width: 1400px;
+    width: 1401px;
     margin: 0 auto;
+    background: #fff;
+    padding: 0  10PX 0; 
+    padding-left: 11PX;
     .inner {
         width: 100%;
-        height: 22px;
-        margin-top: 20px;
-        margin-bottom: 20px;
+        height: 50PX;
+        margin-top: 14px;
+        padding-top: 20PX;
+        // margin-bottom: 20px;
         font-family: Microsoft YaHei, Microsoft YaHei;
         font-weight: 400;
         font-size: 20px;
         color: #666666;
-        line-height: 23px;
         text-align: left;
         font-style: normal;
         text-transform: none;
         display: flex;
         align-items: center;
-        border-bottom: 1px dashed #ccc;
-        margin-bottom: 10px;
-        padding: 20px 20px 20px 0;
+        border-bottom: 1PX solid #ccc;
+        // border-bottom: 1px dashed #ccc;
+        // margin-bottom: 10px;
+        // padding: 20px 20px 20px 0;
         box-sizing: border-box;
         a {
             font-size: 16px;
-            color: #000;
+            color: #000; 
             line-height: 20px;
         }
         span {
@@ -656,161 +825,7 @@ const closePreview = () => {
         }
     }
 }
-//资讯详情
-.newsDetail {
-    width: 100%;
-    margin-bottom: 10px;
-    .inner {
-        width: 1400px;
-        overflow: hidden;
-        font-size: 16px;
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        .innerLeft {
-            width: 1030px;
-            .LeftTop {
-                margin-top: 20px;
-                border-bottom: 1px dashed #ccc;
-                padding-bottom: 20px;
-                >h1 {
-                    line-height: 40px;
-                    margin-bottom: 20px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: bold;
-                    font-size: 24px;
-                    color: #333333;
-                    text-align: center;
-                }
-                >p {
-                    height: 18px;
-                    line-height: 18px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-weight: 400;
-                    font-size: 14px;
-                    color: #999999;
-                    text-align: center;
-                    span {
-                        margin-right: 40px;
-                    }
-                }
-                >img {
-                    width: 680px;
-                    height: 382px;
-                    padding: 50px 0px 60px 55px;
-                }
-            }
-            .leftBottom {
-                margin-top: 20px;
-                font-size: 20px;
-                line-height: 38px;
-                margin-bottom: 30px;
-                word-break: break-all;
-                ul>li img {
-                    width: 790px;
-                    height: 382px;
-                }
-                img {
-                    width: 790px;
-                    height: 382px;
-                }
-                p.tinymce-material {
-                    img {
-                        width: 790px;
-                    }
-                }
-                >h3,
-                >p {
-                    text-indent: 2em;
-                    width: 790px;
-                    font-family: Microsoft YaHei, Microsoft YaHei;
-                    font-size: 20px;
-                    color: #333333;
-                    line-height: 38px;
-                    padding-bottom: 30px;
-                    img {
-                        width: 790px;
-                    }
-                }
-                >h3 {
-                    font-weight: 600px;
-                }
-                >p {
-                    font-weight: 400;
-                }
-            }
-            .disclaimer {
-                width: 790px;
-                overflow: hidden;
-                border-top: 1px solid #e6e6e6;
-                padding: 30px 0px;
-                color: #999999;
-                font-size: 17px;
-                p {
-                    width: 790px;
-                    line-height: 30px;
-                }
-            }
-            .recommendRead {
-                width: 100%;
-                margin: 30px 0px 20px 0;
-                .recommendReadTitle {
-                    font-size: 18px;
-                    color: #001996;
-                    height: 42px;
-                    line-height: 35px;
-                    letter-spacing: 1px;
-                    text-align: left;
-                    font-style: normal;
-                    text-transform: none;
-                    border-bottom: 1px solid #D9D9D9;
-                    .read_title {
-                        display: inline-block;
-                        text-align: center;
-                        width: 94px;
-                        height: 40px;
-                        border-bottom: 2px solid #158d91;
-                    }
-                }
-                .recommendReadList {
-                    min-height: 155px;
-                    margin-top: 20px;
-                    padding-bottom: 10px;
-                    font-size: 16px;
-                    border-bottom: 1px solid #D9D9D9;
-                    .recommendReadListTitle {
-                        margin-top: 18px;
-                        a {
-                            &:hover {
-                                color: #158d91;
-                            }
-                            color: #333333;
-                        }
-                    }
-                    .recommendReadListTitle:nth-child(1)::after {
-                        content: "热";
-                        margin-left: 13px;
-                        background: #FF8A37;
-                        color: #fff;
-                        font-size: 14px;
-                        padding: 0px 2px;
-                    }
-                    .recommendReadListTitle:hover a {
-                        color: #158d91;
-                    }
-                }
-            }
-        }
-        .innerRight {
-            width: 315px;
-            overflow: hidden;
-            border-top: 1px solid #139602;
-            .hotList1 {
-                margin-bottom: 50px;
-            }
-        }
-    }
-}
+
 .leftBottom::v-deep p img,
 .leftBottom::v-deep img,
 .leftBottom::v-deep video {
@@ -1021,8 +1036,9 @@ const closePreview = () => {
 }
 //上一篇 下一篇
 .prevNext {
-    border-bottom: 1px solid #ccc;
+    // border-bottom: 1px solid #ccc;
     padding-bottom: 10px;
+    margin-top: 45PX;
     a {
         display: block;
         color: #333;
@@ -1030,185 +1046,1232 @@ const closePreview = () => {
         display: block;
         height: 40px;
         line-height: 40px;
+        margin-bottom: 20PX;
         &:hover {
             color: #0071B7;
         }
     }
 }
-.breadcrumb-box {
-    width: 1400PX;
-    margin: 0px auto 0px;
-}
-.el-breadcrumb {
-    height: 22PX;
-    line-height: 22PX;
-}
-.breadcrumb-box .inner span.location {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    ;
-    line-height: 22PX;
-    font-weight: normal;
-    word-break: keep-all;
-    white-space: nowrap;
-}
-.breadcrumb-box .inner a {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    line-height: 22PX;
-    display: inline-block;
-    font-weight: normal;
-}
-.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    line-height: 22PX;
-    font-weight: normal;
-}
-.breadcrumb-box:deep(.el-icon) {
-    width: 16PX;
-    height: 16PX;
-}
-.breadcrumb-box .inner span {
-    font-size: 16PX;
-    height: 22PX;
-    line-height: 22PX;
-}
-.el-breadcrumb__inner {}
-.newsDetail {
-    box-sizing: border-box;
-    overflow: hidden;
-    width: 1400PX;
-    margin: 0px auto 0px;
-}
-.newsDetail .inner {
-    display: block;
-    overflow: hidden;
-    width: 100%;
-}
-.newsDetail .inner .innerLeft .LeftTop>h1 {
-    font-size: 24PX;
-    line-height: 33PX;
-}
-.newsDetail .inner .innerLeft .LeftTop>p span {
-    font-size: 14PX;
-}
-.newsDetail .inner .innerLeft .leftBottom {
-    font-size: 18PX;
-    line-height: 22px;
-}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadTitle {
-    height: 33PX;
-    line-height: 33PX;
-}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title {
-    height: 33PX;
-    line-height: 33PX;
-    font-size: 16PX;
-    width: auto;
-    box-sizing: border-box;
-    float: left;
-}
-.newsDetail .inner .innerLeft {
-    float: left;
-    width: 64%;
-    overflow: hidden;
-    margin-right: 0px;
-}
-.newsDetail .inner .innerRight {
-    float: right;
-    width: 33%;
-    overflow: hidden;
-}
-.innerRight .hotList2 {
-    width: 100%;
-}
-.newsDetail .inner .innerLeft .LeftTop>p {
-    font-size: 14PX;
-}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList {}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle {
-    line-height: 33PX;
-    height: 33PX;
-}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle a {
-    line-height: 33PX;
-    height: 33PX;
-    padding-right: 22PX;
-    box-sizing: border-box;
-    font-size: 16PX;
-    width: 90%;
-    float: left;
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.newsDetail .inner .innerLeft .recommendRead .recommendReadList .recommendReadListTitle:nth-child(1)::after {
-    font-size: 14PX;
-    margin-top: 1PX;
-}
-.prevNext a {
-    height: 22PX;
-    line-height: 22PX;
-    font-size: 14PX;
-    width: 100%;
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+
+
+
+.breadcrumb-box{width:1400PX;margin:0px auto 0px; }
+.el-breadcrumb{height:22PX;line-height:22PX;}
+.breadcrumb-box .inner span.location{font-size:16PX;;height:22PX;;line-height:22PX; font-weight:normal;word-break: keep-all; white-space: nowrap;}
+.breadcrumb-box .inner a{font-size:16PX;;height:22PX;line-height:22PX;display:inline-block; font-weight:normal;}
+
+.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner{font-size:16PX;;height:22PX;line-height:22PX;
+                             font-weight:normal;}
+
+.breadcrumb-box:deep(.el-icon){width:16PX;height:16PX;}
+.breadcrumb-box .inner span{font-size:16PX;height:22PX;line-height:22PX;}   
+
+.prevNext a{height:22PX;line-height:22PX;font-size:15PX;width:100%;
+            display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;    
 }
+ 
+
 @media screen and (min-width: 1401px) {
     //你的样式
-}
-@media screen and (max-width: 1400px) {
-    .breadcrumb-box {
-        width: 100%;
-        margin: 0px auto 0px;
-        box-sizing: border-box;
-        padding: 0px 10px;
-    }
-    .newsDetail {
-        width: 100%;
-        margin: 0px auto 0px;
-        box-sizing: border-box;
-        padding: 0px 10px;
-        overflow: hidden;
-    }
-}
-@media screen and (min-width: 801px) and (max-width: 1400px) {
-    //你的样式
-}
-@media screen and (max-width: 800px) {
-    //你的样式
-    .newsDetail .inner {
-        display: block;
-        width: 100%;
-    }
-    .newsDetail .inner .innerLeft {
-        width: 100%;
-    }
-    .newsDetail .inner .innerRight {
-        width: 100%;
-    }
-    .breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner {
-        width: 100PX;
-        display: block;
-        word-break: keep-all;
-        white-space: nowrap;
+    .newsDetail{
+        width: 1401PX;
+        margin: 0 auto 10PX;
         overflow: hidden;
-        text-overflow: ellipsis;
-    }
-    .newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title {
-        width: auto;
-    }
-    .newsDetail .inner .innerLeft .leftBottom {
-        line-height: 33PX;
+        font-size: 16px;
+        // background: red;
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #fff;
+        // margin-top: 20PX;
+        padding: 0 10PX;
+        .innerLeft{
+            float:left;
+            overflow: hidden;
+            width: 65%;
+            // background: red;
+            .LeftTop {
+                >h1 {
+
+                    display: block;
+                    width: 100%;
+                    height: auto;
+                    // color: #454749;
+                    line-height: 40PX;
+                    font-weight: normal;
+                    font-size: 24PX;
+                    color: #333333;
+                    text-align: center;
+                }
+                >p {
+                    width: 100%;
+                    height: 40PX;
+                    text-align: center;
+                    line-height: 26PX;
+                    // border-bottom: 1PX solid #ccc;
+                    border-bottom: 1px dashed #ccc;
+                    span {
+                        padding: 0 10PX;
+                        font-size: 15PX;
+                        color: #454749;
+                    }
+                }
+                >img {
+                    display: inline-block;
+                    max-width: 100%;
+                    overflow: hidden;
+                    margin: 20PX auto;
+                    text-align: center;
+                    vertical-align: middle;
+                }
+            }
+            .leftBottom {
+                margin-top: 20PX;
+                font-size: 18PX;
+                line-height: 38PX;
+                // margin-bottom: 30PX;
+                word-break:break-all;
+                ul>li img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                p.tinymce-material {
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3,
+                >p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    font-family: "宋体";
+                    font-size: 18PX;
+                    color: #333;
+                    line-height: 38PX;
+                    padding-bottom: 30PX;
+                    font-weight: normal;
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3 {
+                    font-weight: 600PX;
+                }
+                >p {
+                    text-indent: 2em;
+                    font-weight: 400;
+                }
+            }
+            .disclaimer {
+                width: 790PX;
+                overflow: hidden;
+                border-top: 1PX solid #e6e6e6;
+                padding: 30PX 0PX;
+                color: #999999;
+                font-size: 18PX;
+                p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    line-height: 30PX;
+                }
+            }
+            .recommendRead {
+                width: 100%;
+                margin: 30PX 0PX 20PX0;
+                .recommendReadTitle {
+                    font-size: 18PX;
+                    color: #001996;
+                    height: 42PX;
+                    line-height: 35PX;
+                    letter-spacing: 1PX;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .read_title {
+                        display: inline-block;
+                        text-align: center;
+                        width: 94PX;
+                        height: 40PX;
+                        border-bottom: 2PX solid #158d91;
+                    }
+                }
+                .recommendReadList {
+                    min-height: 155PX;
+                    margin-top: 20PX;
+                    padding-bottom: 10PX;
+                    font-size: 16PX;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .recommendReadListTitle {
+                        margin-top: 18PX;
+                        a {
+                            &:hover {
+                                color: #158d91;
+                            }
+                            color: #333333;
+                        }
+                    }
+                    .recommendReadListTitle:nth-child(1)::after {
+                        content: "热";
+                        margin-left: 13PX;
+                        background: #FF8A37;
+                        color: #fff;
+                        font-size: 14PX;
+                        padding: 0PX 2PX;
+                    }
+                    .recommendReadListTitle:hover a {
+                        color: #158d91;
+                    }
+                }
+            }
+
+        }
+        .innerRight{
+            width: 32%;
+            float: right;
+            overflow: hidden;
+            margin: 25PX auto;
+            box-sizing: border-box;
+            // background: blue;
+             .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 20PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 100PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 0;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                            }
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 100PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                .zzc{
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 30PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 15PX;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
+    }
+}
+
+
+@media screen and (min-width: 801px) and (max-width: 1400px) {
+    //你的样式
+    .newsDetail{
+        min-width: 801PX;
+        max-width: 1400PX;
+        margin: 0 auto 10PX;
+        overflow: hidden;
+        font-size: 16px;
+        // background: red;
+        display: flex;
+        align-items: flex-start;
+        justify-content: space-between;
+        background: #fff;
+        // margin-top: 20PX;
+        padding: 0 10PX;
+        .innerLeft{
+            float:left;
+            overflow: hidden;
+            width: 65%;
+            // background: red;
+            .LeftTop {
+                >h1 {
+
+                    display: block;
+                    width: 100%;
+                    height: auto;
+                    // color: #454749;
+                    line-height: 40PX;
+                    font-weight: normal;
+                    font-size: 24PX;
+                    color: #333333;
+                    text-align: center;
+                }
+                >p {
+                    width: 100%;
+                    height: 40PX;
+                    text-align: center;
+                    line-height: 26PX;
+                    // border-bottom: 1PX solid #ccc;
+                    border-bottom: 1px dashed #ccc;
+                    span {
+                        padding: 0 10PX;
+                        font-size: 15PX;
+                        color: #454749;
+                    }
+                }
+                >img {
+                    display: inline-block;
+                    max-width: 100%;
+                    overflow: hidden;
+                    margin: 20PX auto;
+                    text-align: center;
+                    vertical-align: middle;
+                }
+            }
+            .leftBottom {
+                margin-top: 20PX;
+                font-size: 18PX;
+                line-height: 38PX;
+                // margin-bottom: 30PX;
+                word-break:break-all;
+                ul>li img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                p.tinymce-material {
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3,
+                >p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    font-family: "宋体";
+                    font-size: 18PX;
+                    color: #333;
+                    line-height: 38PX;
+                    padding-bottom: 30PX;
+                    font-weight: normal;
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3 {
+                    font-weight: 600PX;
+                }
+                >p {
+                    text-indent: 2em;
+                    font-weight: 400;
+                }
+            }
+            .disclaimer {
+                width: 790PX;
+                overflow: hidden;
+                border-top: 1PX solid #e6e6e6;
+                padding: 30PX 0PX;
+                color: #999999;
+                font-size: 18PX;
+                p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    line-height: 30PX;
+                }
+            }
+            .recommendRead {
+                width: 100%;
+                margin: 30PX 0PX 20PX0;
+                .recommendReadTitle {
+                    font-size: 18PX;
+                    color: #001996;
+                    height: 42PX;
+                    line-height: 35PX;
+                    letter-spacing: 1PX;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .read_title {
+                        display: inline-block;
+                        text-align: center;
+                        width: 94PX;
+                        height: 40PX;
+                        border-bottom: 2PX solid #158d91;
+                    }
+                }
+                .recommendReadList {
+                    min-height: 155PX;
+                    margin-top: 20PX;
+                    padding-bottom: 10PX;
+                    font-size: 16PX;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .recommendReadListTitle {
+                        margin-top: 18PX;
+                        a {
+                            &:hover {
+                                color: #158d91;
+                            }
+                            color: #333333;
+                        }
+                    }
+                    .recommendReadListTitle:nth-child(1)::after {
+                        content: "热";
+                        margin-left: 13PX;
+                        background: #FF8A37;
+                        color: #fff;
+                        font-size: 14PX;
+                        padding: 0PX 2PX;
+                    }
+                    .recommendReadListTitle:hover a {
+                        color: #158d91;
+                    }
+                }
+            }
+
+        }
+        .innerRight{
+            width: 32%;
+            float: right;
+            overflow: hidden;
+            margin: 25PX auto;
+            box-sizing: border-box;
+            // background: blue;
+             .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 20PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 100PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 0;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                            }
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 100PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                .zzc{
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 30PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 15PX;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
+    }
+}
+@media screen and (max-width: 800px) {
+    //你的样式
+    .breadcrumb-box {
+        max-width: 100%;
+        height: 80PX;
+        // padding: 0 10PX;
+        // margin-top: 20PX;
+        overflow: hidden;
+        text-align: center;
+        
+    }
+    .breadcrumb-box .inner{
+        max-width: 98%;
+        margin-bottom: 25PX;
+        overflow: hidden;
+        padding: 40PX 20PX -10PX;
+        margin-top: 10PX;
+        white-space: nowrap; 
+        a{
+            font-size: 30px;
+        }
+        
+    }
+    .prevNext{
+        margin: 20PX 0;
+    }
+    .newsDetail{
+        max-width: 800PX;
+        margin: 0 auto 10PX;
+        overflow: hidden;
+        font-size: 16px;
+        // background: red;
+        display: flex;
+        flex-wrap: wrap;
+        // align-items: flex-start;
+        // justify-content: space-between;
+        background: #fff;
+        // margin-top: 20PX;
+        padding: 0 20PX;
+        .innerLeft{
+            float:left;
+            overflow: hidden;
+            width: 100%;
+            // background: red;
+            .LeftTop {
+                >h1 {
+
+                    display: block;
+                    width: 100%;
+                    height: auto;
+                    // color: #454749;
+                    line-height: 40PX;
+                    font-weight: normal;
+                    font-size: 44px;
+                    color: #333333;
+                    text-align: center;
+                }
+                >p {
+                    width: 100%;
+                    height: 40PX;
+                    text-align: center;
+                    line-height: 26PX;
+                    // border-bottom: 1PX solid #ccc;
+                    border-bottom: 1px dashed #ccc;
+                    span {
+                        padding: 0 10PX;
+                        font-size: 28px;
+                        color: #454749;
+                    }
+                }
+                >img {
+                    display: inline-block;
+                    max-width: 100%;
+                    overflow: hidden;
+                    margin: 20PX auto;
+                    text-align: center;
+                    vertical-align: middle;
+                }
+            }
+            .leftBottom {
+                margin-top: 20PX;
+                font-size: 18PX;
+                line-height: 38PX;
+                // margin-bottom: 30PX;
+                word-break:break-all;
+                ul>li img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                img {
+                    width: 790PX;
+                    height: 382PX;
+                }
+                p.tinymce-material {
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3,
+                >p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    font-family: "宋体";
+                    font-size: 28px;
+                    color: #333;
+                    line-height: 38PX;
+                    padding-bottom: 30PX;
+                    font-weight: normal;
+                    img {
+                        width: 790PX;
+                    }
+                }
+                >h3 {
+                    font-weight: 600PX;
+                }
+                >p {
+                    text-indent: 2em;
+                    font-weight: 400;
+                }
+            }
+            .disclaimer {
+                width: 790PX;
+                overflow: hidden;
+                border-top: 1PX solid #e6e6e6;
+                padding: 30PX 0PX;
+                color: #999999;
+                font-size: 18PX;
+                p {
+                    text-indent: 2em;
+                    width: 790PX;
+                    line-height: 30PX;
+                }
+            }
+            .recommendRead {
+                width: 100%;
+                margin: 30PX 0PX 20PX0;
+                .recommendReadTitle {
+                    font-size: 18PX;
+                    color: #001996;
+                    height: 42PX;
+                    line-height: 35PX;
+                    letter-spacing: 1PX;
+                    text-align: left;
+                    font-style: normal;
+                    text-transform: none;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .read_title {
+                        display: inline-block;
+                        text-align: center;
+                        width: 94PX;
+                        height: 40PX;
+                        border-bottom: 2PX solid #158d91;
+                    }
+                }
+                .recommendReadList {
+                    min-height: 155PX;
+                    margin-top: 20PX;
+                    padding-bottom: 10PX;
+                    font-size: 16PX;
+                    border-bottom: 1PX solid #D9D9D9;
+                    .recommendReadListTitle {
+                        margin-top: 18PX;
+                        a {
+                            &:hover {
+                                color: #158d91;
+                            }
+                            color: #333333;
+                        }
+                    }
+                    .recommendReadListTitle:nth-child(1)::after {
+                        content: "热";
+                        margin-left: 13PX;
+                        background: #FF8A37;
+                        color: #fff;
+                        font-size: 14PX;
+                        padding: 0PX 2PX;
+                    }
+                    .recommendReadListTitle:hover a {
+                        color: #158d91;
+                    }
+                }
+            }
+
+        }
+        .innerRight {
+            width: 100%;
+            // float: right;
+            overflow: hidden;
+            margin: 20PX auto;
+            box-sizing: border-box;
+            .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 90PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 112.5PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 5PX;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            margin-top: 10PX;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 28px;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 30px;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
+                            }
+                            
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 37.5PX;
+                            line-height: 37.5PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                height: 37.5PX;
+                                .zzc{
+                                    position: absolute;
+                                    bottom: -75PX;
+                                    height: 37.5PX;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 37.5PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 34px;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
     }
+     
+    // .newsDetail .inner{display:block;width:100%;}
+    // .newsDetail .inner .innerLeft{width:100%;}
+    // .newsDetail .inner .innerRight{width:100%;}
+
+    // .breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner{width:100PX;
+    //     display:block;word-break: keep-all; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
+    // }
+
+    // .newsDetail .inner .innerLeft .recommendRead .recommendReadTitle .read_title{width:auto;}
+    // .newsDetail .inner .innerLeft .leftBottom{line-height:33PX;}
+
 }
+
+
+
+
 </style>

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

@@ -4,72 +4,213 @@
         <HomePageHead></HomePageHead>
         <!-- 导航栏 -->
         <HomePageNavigation></HomePageNavigation>
-        <!-- 二级标题-->
-        <!--<div class="sannongzhichuang" v-if="parent_name != ''">
-            <div class="inner">
-                <h2>
-                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    <em class="iconfont icon-xingzhuang-zhijiaosanjiaoxing-copy"></em>
-                </h2>
-                <p class="introduction">
-                    <strong>频道介绍</strong>
-                    <div v-for="(item, index) in secondNav" :key="index">
-                        <span v-if="index <= 7">
-                            <NuxtLink :to="{ path: `/${item.aLIas_pinyin}/list-1.html`}">{{ item.alias }}</NuxtLink>
-                        </span>
-                        <b v-else></b>
-                    </div>
-                </p>
-            </div>
-        </div>-->
         <!-- 面包屑导航 -->
-        <div class="breadcrumb-box">
-            <div class="inner">
-                <span class="location">当前位置：</span>
-                <el-breadcrumb :separator-icon="ArrowRight">
-                    <el-breadcrumb-item>
-                        <NuxtLink to="/">首页</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item v-if="parent_name != ''">
-                        <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
-                    </el-breadcrumb-item>
-                    <el-breadcrumb-item>{{ name }}</el-breadcrumb-item>
-                </el-breadcrumb>
-            </div>
-        </div>
         <!-- 资讯列表 -->
         <div class="newsList">
-            <div class="listBox">
+            <!-- <div class="backgroundBox"> -->
                 <div class="listBoxLeft">
+                    <!-- 面包屑导航 -->
+                    <div class="breadcrumb-box">
+                        <div class="inner">
+                            <span class="location">当前位置：</span>
+                            <el-breadcrumb :separator-icon="ArrowRight">
+                                <el-breadcrumb-item>
+                                    <NuxtLink to="/">首页</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item v-if="parent_name !=''">
+                                    <NuxtLink :to="`/${parent_pinyin}/index.html`"> {{ parent_name }}</NuxtLink>
+                                </el-breadcrumb-item>
+                                <el-breadcrumb-item class="phone_breadcrumb_text">{{ name }}</el-breadcrumb-item>
+                            </el-breadcrumb>
+                        </div>
+                    </div>
+                    
                     <ul class="list">
                         <li v-for="(item, index) in newsList" :key="index">
-                            <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">
-                                <div class="li_img_box" v-if="index % 2 == 0">
-                                    <img class="" src="http://img.fazdyzx.org.cn/202601/5c9d396e14a53bb.png" title=""
-                                        alt="">
+                             <NuxtLink :href="getLinkPathDetail(item)" :title="item.alias">   
+                                <div class="hasImg" v-if="index % 2 == 0">
+
+                                    <h3 class="newsTopTitle">严守底线与激发活力并举——萧县探索生态环境执法新路径严守底线与激发活力并举——萧县探索生态环境执法新路径</h3>
+
+                                    <div class="newsBottomBody">
+                                        <div class="li_img_box">
+                                            <img class="" src="http://img.hbfzdy.org.cn/202601/8441f4d36b14fb0.jpg" title="" alt="">
+                                        </div>
+                                        <div class="li_right_box">
+                                            <!-- <div class="li_dot3">{{ item.introduce }}</div> -->
+                                            <div class="li_dot3">近年来，萧县坚持以生态环境高水平保护推动高质量发展，持续优化执法方式，严守环保底线与激发企业内生动力并重，努力实现环境保护与经济发展协同共进。截至2025年，全县累计出动生态环境执法人员7300余人次</div>
+                                        </div>
+                                    </div>
+                                    
                                 </div>
-                                <div class="li_right_box">
-                                    <h4 class="li_h4_dot1">{{ item.title }}</h4>
+                                <div class="notHasImg" v-else>
+                                     <h3 class="newsTopTitle">自治区生态环境厅召开2025年度全区生态环境监测业务工作年终总结会暨党建工作调度会</h3>
                                     <div class="li_dot3">
-                                        {{ item.title }}
+                                        1月9日，自治区生态环境厅召开2025年度全区生态环境监测业务工作年终总结会暨党建工作调度会。会议总结2025年工作成效，对2026年重点工作进行部署，会上集中学习了《生态环境监测条例》。自治区生...
+                                        <span>【阅读更多】</span>
                                     </div>
-                                </div>
+                                </div>    
                             </NuxtLink>
                         </li>
                     </ul>
                     <!-- 分页器 -->
-                    <div class="pagination" v-if="total > 0">
-                        <el-pagination size="small" background layout="prev, pager, next" :total="total" class="mt-4"
-                            :page-size="pageSize" :current-page="pageNum" prev-text="上一页" next-text="下一页"
-                            @current-change="changePage" />
+                    <div class="pagination pagination_phone_none" v-if="total > 0">
+                        <el-pagination 
+                            size="small" 
+                            background 
+                            layout="prev, pager, next" 
+                            :total="total" 
+                            class="mt-4"
+                            :page-size="pageSize" 
+                            :current-page="pageNum"
+                            prev-text="上一页" 
+                            next-text="下一页" 
+                            @current-change="changePage" 
+                        />
                         <span class="total">共{{ total }}条</span>
                     </div>
+                    <div class="pagination pagination_pc_none" v-if="total > 0">
+                        <el-pagination pager-count="5" size="small" background layout="pager" :total="total"
+                            class="mt-4" :page-size="pageSize" :current-page="pageNum" @current-change="changePage" />
+                    </div>
                 </div>
                 <div class="listBoxRight">
+                    <div class="newsItemsBox">
+                        <div class="new-items-box-title">
+                            <span></span>
+                             <NuxtLink to="/" title="最新资讯"> 最新动态 </NuxtLink>
+                        </div>
+                        <div class="new-items-box-body">
+                            <div class="coniteml zzjj">
+                                
+                                <div class="l_img maskLayer">
+                                    <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
+                                        <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                    </NuxtLink>
+                                    <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139825.html" title="全国统战部长会议在京召开 王沪宁出席并讲话">
+                                        <span class="zzc">全国统战部长会议在京召开 王沪宁出席并讲话</span>
+                                    </NuxtLink>
+                                </div>
+                                <div class="l_img maskLayer">
+                                    <NuxtLink class="imgA" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
+                                        <img src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-src="http://img.hbfzdy.org.cn/202601/940d7fb8dff31.png" data-isloaded="1"> 
+                                    </NuxtLink>
+                                    <NuxtLink class="maskLayer_text" to="http://hbfzdy.org.cn/show-139806.html" title="监测数据造假不可为 企业个人的环保法律责任清单">
+                                        <span class="zzc">监测数据造假不可为 企业个人的环保法律责任清单</span>
+                                    </NuxtLink>
+                                </div>
+                            </div>
+                            <ul class="conitemlList">
+                                <li>
+                                    <span>1</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>2</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>3</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>4</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>5</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>6</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>7</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>8</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>9</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                <li>
+                                    <span>10</span>
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139815.html">深耕海域政务法制 赋能生态治理提质——政务法制网深耕海域生态安全</NuxtLink>
+                                </li>
+                                
+                                
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="newsItemsBox">
+                        <div class="new-items-box-title">
+                            <span></span>
+                             <NuxtLink to="/" title="最新资讯"> 热点新闻 </NuxtLink>
+                        </div>
+                        <div class="new-items-box-body">
+                           <div class="coniteml2">
+                                <div class="rdxwImg">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                    </NuxtLink>
+                                </div>
+                                <div class="rdxwText">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                        <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                    </NuxtLink>
+                                </div>
+                           </div>
+                            <div class="coniteml2">
+                                <div class="rdxwImg">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                    </NuxtLink>
+                                </div>
+                                <div class="rdxwText">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                        <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                    </NuxtLink>
+                                </div>
+                           </div>
+                            <div class="coniteml2">
+                                <div class="rdxwImg">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                    </NuxtLink>
+                                </div>
+                                <div class="rdxwText">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                        <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                    </NuxtLink>
+                                </div>
+                           </div>
+                            <div class="coniteml2">
+                                <div class="rdxwImg">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <img src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-src="http://img.hbfzdy.org.cn/202601/0757be3d59a9f05.jpg" data-isloaded="1"> 
+                                    </NuxtLink>
+                                </div>
+                                <div class="rdxwText">
+                                    <NuxtLink to="http://hbfzdy.org.cn/show-139825.html" title="">
+                                        <h4>全国统战部长会议在京召开 王沪宁出席并讲话</h4>
+                                        <p>  1月28日，全国统战部长会议在北京召全国统战部长会议在京召开 王沪宁出席并讲话</p>
+                                    </NuxtLink>
+                                </div>
+                           </div>
+                          
+                        </div>
+                    </div>
                     <!-- <DetailHotNews></DetailHotNews> -->
-                    <DetailHotNews2></DetailHotNews2>
+                    <!-- <DetailHotNews2></DetailHotNews2> -->
                 </div>
-            </div>
+            <!-- </div> -->
         </div>
         <!-- 页面底部 -->
         <HomeFoot></HomeFoot>
@@ -290,240 +431,81 @@ onMounted(async () => {
 //5.广告 end---------------------------------------->
 </script>
 <style lang="less" scoped>
-// @import url('@/assets/css/list/pc.less');
-// @import url('@/assets/css/list/yd.less');
+//@import url('@/assets/css/list/pc.less');
+//@import url('@/assets/css/list/yd.less');
+
 //面包屑
+     
 .breadcrumb-box {
     width: 1400px;
-    margin: 0 auto;
+    margin: 0 auto 0px;
     .inner {
         width: 100%;
-        height: 22px;
-        margin-top: 20px;
-        margin-bottom: 20px;
+        height: 22PX;
+        margin: 20PX 0;
+        // margin-top: 20px;
+        // margin-bottom: 20px;
         font-family: Microsoft YaHei, Microsoft YaHei;
         font-weight: 400;
-        font-size: 20px;
+        font-size: 20PX;
         color: #666666;
-        line-height: 23px;
+        line-height: 23PX;
         text-align: left;
         font-style: normal;
         text-transform: none;
         display: flex;
         align-items: center;
-        border-bottom: 1px dashed #ccc;
-        margin-bottom: 10px;
-        padding: 20px 20px 20px 0;
+        border-bottom: 1PX solid #ccc;
+        margin-bottom: 10PX;
+        padding: 20PX 20PX 20PX 0;
         box-sizing: border-box;
         a {
-            font-size: 16px;
-            color: #000;
-            line-height: 20px;
+            font-size: 16PX;
+            color: #000; 
+            // line-height: 20px;
+            height:22PX;
+            line-height:22PX;
+            display:inline-block;
+            font-weight:normal;
         }
         span {
-            font-size: 16px;
+            font-size: 16PX;
             color: #000;
-            line-height: 20px;
+            line-height: 20PX;
             &.location {
-                line-height: 20px;
+                font-size:16PX;
+                height:22PX;
+                line-height:22PX;
+                font-weight:normal;
+                // line-height: 20px;
             }
         }
     }
-}
-//资讯列表
-.newsList {
-    width: 1400px;
-    margin: 0 auto;
-    .listBox {
-        display: flex;
-        align-items: flex-start;
-        justify-content: space-between;
-        .listBoxLeft {
-            width: 1030px;
-            .list {
-                >li {
-                    width: 100%;
-                    height: auto;
-                    overflow: hidden;
-                    border-bottom: 1px dashed #ccc;
-                    margin-top: 30px;
-                    padding-bottom: 30px;
-                    a {
-                        color: #337ab7;
-                    }
-                    p {
-                        a {
-                            width: 100%;
-                            height: 72px;
-                            line-height: 24px;
-                            overflow: hidden;
-                            font-size: 14px;
-                            color: #666;
-                            font-weight: normal;
-                        }
-                    }
-                }
-            }
+    .phone_breadcrumb_text{
+        /deep/ .el-breadcrumb__inner{
+            font-size:16PX;
+            height:22PX;
+            line-height:22PX;
+            font-weight:normal;
         }
-        .listBoxRight {
-            width: 315px;
-            overflow: hidden;
-        }
-    }
-}
-//分页
-.pagination {
-    height: 34px;
-    display: flex;
-    justify-content: center;
-    margin: 0;
-    width: 100%;
-    overflow: hidden;
-    margin: 20px 0;
-    padding: 20px 0;
-    // 鼠标移入后字体颜色
-    .el-pagination::v-deep :hover {
-        color: #139609;
-    }
-    .el-pagination.is-background::v-deep .btn-next,
-    .el-pagination.is-background::v-deep .btn-prev {
-        width: 70px;
-        height: 34px;
-        margin: 0px 10px;
-        border-radius: 4px;
-    }
-    .el-pagination.is-background::v-deep .el-pager li {
-        margin: 0px 10px;
-        width: 38px;
-        height: 34px;
-        border-radius: 4px;
-    }
-    .el-pagination.is-background::v-deep .btn-next.is-active,
-    .el-pagination.is-background::v-deep .btn-prev.is-active,
-    .el-pagination.is-background::v-deep .el-pager li.is-active {
-        background-color: #337ab7;
-        color: #fff;
     }
-    .total {
-        display: block;
-        height: 34px;
-        line-height: 34px;
-        font-size: 18px;
-        margin-left: 20px;
-    }
-}
-.breadcrumb-box {
-    width: 1400PX;
-    margin: 0px auto 0px;
-}
-.el-breadcrumb {
-    height: 22PX;
-    line-height: 22PX;
-}
-.breadcrumb-box .inner span.location {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    ;
-    line-height: 22PX;
-    font-weight: normal;
-}
-.breadcrumb-box .inner a {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    line-height: 22PX;
-    display: inline-block;
-    font-weight: normal;
-}
-.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    line-height: 22PX;
-    font-weight: normal;
-}
-.breadcrumb-box:deep(.el-icon) {
-    width: 16PX;
-    height: 16PX;
-}
-.breadcrumb-box .inner span {
-    font-size: 16PX;
-    ;
-    height: 22PX;
-    line-height: 22PX;
-}
-.newsList {
-    width: 1400PX;
-    box-sizing: border-box;
-}
-.newsList .listBox {
-    display: block;
-    width: 100%;
-    overflow: hidden;
-}
-.newsList .listBox .listBoxLeft {
-    float: left;
-    width: 64%;
-    overflow: hidden;
-}
-.newsList .listBox .listBoxRight {
-    float: right;
-    width: 33%;
-    overflow: hidden;
-}
-.newsList .listBox .listBoxLeft .list>li {
-    display: block;
-    margin-top: 22PX;
-    padding-bottom: 22PX;
-}
-.li_img_box {
-    float: left;
-    width: 160PX;
-    height: 110PX;
-    margin-right: 11px;
-}
-.li_img_box * {
-    display: block;
-    width: 100%;
-    height: 100%;
-}
-.li_right_box {}
-.li_h4_dot1 {
-    height: 22PX;
-    line-height: 22PX;
-    font-size: 20PX;
-    font-weight: bold;
-    color: #333;
-    margin-top: 8PX;
-    display: block;
-    word-break: keep-all;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.li_dot3 {
-    height: 72PX;
-    line-height: 24PX;
-    font-size: 14PX;
-    color: #333;
-    font-weight: normal;
-    margin-top: 4px;
-    overflow: hidden;
-    display: -webkit-box !important;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
-}
-.newsList .listBox .listBoxLeft .list>li a {
-    display: block;
-    width: 100%;
-    height: auto;
-    overflow: hidden;
-}
-.pagination {
-    padding: 10px 0px;
-    margin: 10px 0px;
 }
+
+.breadcrumb-box{width:1400PX;margin:0px auto 0px; }
+.el-breadcrumb{height:22PX;line-height:22PX;}
+.breadcrumb-box .inner span.location{font-size:16PX;;height:22PX;;line-height:22PX; font-weight:normal;}
+.breadcrumb-box .inner a{font-size:16PX;;height:22PX;line-height:22PX;display:inline-block; font-weight:normal;}
+
+.breadcrumb-box .phone_breadcrumb_text /deep/.el-breadcrumb__inner{font-size:16PX;;height:22PX;line-height:22PX;
+                             font-weight:normal;}
+
+.breadcrumb-box:deep(.el-icon){width:16PX;height:16PX;}
+ .breadcrumb-box .inner span{font-size:16PX;;height:22PX;line-height:22PX;}   
+
+ .pagination{padding:10px 0px;margin:10px 0px;}
+
+
+ 
 //分页
 .pagination {
     height: 34PX;
@@ -536,8 +518,9 @@ onMounted(async () => {
     padding: 20PX 0;
     // 鼠标移入后字体颜色
     .el-pagination::v-deep :hover {
-        color: #139609;
+        // color: #139609;
     }
+
     .el-pagination.is-background::v-deep .btn-next,
     .el-pagination.is-background::v-deep .btn-prev {
         width: 70PX;
@@ -564,47 +547,1184 @@ onMounted(async () => {
         font-size: 18PX;
         margin-left: 20PX;
     }
+ 
+    
 }
+
 @media screen and (min-width: 1401px) {
     //你的样式
-}
-@media screen and (max-width: 1400px) {
-    .breadcrumb-box {
-        width: 100%;
-        margin: 0px auto 0px;
-        box-sizing: border-box;
-        padding: 0px 10px;
+    .pagination_pc_none {
+        display: none;
     }
+    //资讯列表
     .newsList {
-        width: 100%;
-        box-sizing: border-box;
-        padding: 0px 10px;
-        margin: 0px auto 0px;
-    }
+        width: 1401PX;
+        margin: 0 auto;
+        overflow: hidden;
+        background: #fff;
+        margin-top: 20PX;
+        padding: 0 10PX;
+        .listBoxLeft {
+            float:left;
+            overflow: hidden;
+            width: 65%;
+            .list {
+                >li {
+                    width: 100%;
+                    height: auto;
+                    overflow: hidden;
+                    border-bottom: 1PX solid #ccc;
+                    padding: 10PX 0;
+                    margin-bottom: 10PX;
+                    // display: flex;
+                    // align-items: flex-start;
+                    // justify-content: space-between;
+                    display:block;
+                    
+                    a {
+                        color: #337ab7;
+                        text-decoration: none;
+                        display: block;
+                        width: 100%;
+                        height: auto;
+                        // line-height: 22PX;
+                        font-size: 20PX;
+                        font-weight: bold;
+                        color: #333;
+                        overflow: hidden;
+                        .hasImg{
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+
+                            }
+                            .newsBottomBody{
+                                width: 100%;
+                                height: auto;
+                                .li_img_box{
+                                    width: 200PX;
+                                    height: 100PX;
+                                    float: left;
+                                    overflow: hidden;
+                                    margin-right: 20PX;
+                                    img{
+                                        display: block;
+                                        width: 100%;
+                                        height: 100%;
+                                    }
+                                } 
+                                .li_right_box{
+                                    overflow: hidden;
+                                    height: auto;
+                                    .li_h4_dot1{
+                                        display: block;
+                                        width: 100%;
+                                        height: 40PX;
+                                        line-height: 40PX;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
+                                        font-size: 18PX;
+                                        color: #2c3036;
+                                        font-weight: normal;
+                                    }
+                                    .li_dot3{
+                                        text-indent: 2em;
+                                        width: 100%;
+                                        height: 60PX;
+                                        line-height: 30PX;
+                                        font-size: 16PX;
+                                        color: #333;
+                                        font-weight: normal;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 2;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        word-break: break-all;
+                                        
+                                    }
+
+                                } 
+                            }
+                             
+
+                        }
+                        .notHasImg{
+                            overflow: hidden;
+                            height: auto;
+                            // background: red;
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+                            }
+                            .li_dot3{
+                                text-indent: 2em;
+                                width: 100%;
+                                height: 60PX;
+                                line-height: 24PX;
+                                font-size: 16PX;
+                                color: #333;
+                                font-weight: normal;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                span{
+                                    font-size: 16PX;
+                                    color: #004276;
+                                    float: right;
+                                }
+                                
+                            }
+                        }
+                            
+                    }
+                    
+                }
+            }
+        }
+        .listBoxRight {
+            width: 32%;
+            float: right;
+            overflow: hidden;
+            margin: 20PX auto;
+            box-sizing: border-box;
+            .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 20PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 100PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 0;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
+                            }
+                            
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 100PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                .zzc{
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 30PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 15PX;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
+        
+    }  
 }
+
 @media screen and (min-width: 801px) and (max-width: 1400px) {
-    //你的样式
+    .pagination_pc_none {
+        display: none;
+    }
+    //资讯列表
+    .newsList {
+        min-width: 801PX;
+        max-width: 1400PX;
+        margin: 0 auto;
+        overflow: hidden;
+        background: #fff;
+        margin-top: 20PX;
+        padding: 0 10PX;
+        .listBoxLeft {
+            float:left;
+            overflow: hidden;
+            width: 65%;
+            .list {
+                >li {
+                    width: 100%;
+                    height: auto;
+                    overflow: hidden;
+                    border-bottom: 1PX solid #ccc;
+                    padding: 10PX 0;
+                    margin-bottom: 10PX;
+                    // display: flex;
+                    // align-items: flex-start;
+                    // justify-content: space-between;
+                    display:block;
+                    
+                    a {
+                        color: #337ab7;
+                        text-decoration: none;
+                        display: block;
+                        width: 100%;
+                        height: auto;
+                        // line-height: 22PX;
+                        font-size: 20PX;
+                        font-weight: bold;
+                        color: #333;
+                        overflow: hidden;
+                        .hasImg{
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+
+                            }
+                            .newsBottomBody{
+                                width: 100%;
+                                height: auto;
+                                .li_img_box{
+                                    width: 200PX;
+                                    height: 100PX;
+                                    float: left;
+                                    overflow: hidden;
+                                    margin-right: 20PX;
+                                    img{
+                                        display: block;
+                                        width: 100%;
+                                        height: 100%;
+                                    }
+                                } 
+                                .li_right_box{
+                                    overflow: hidden;
+                                    height: auto;
+                                    .li_h4_dot1{
+                                        display: block;
+                                        width: 100%;
+                                        height: 40PX;
+                                        line-height: 40PX;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
+                                        font-size: 18PX;
+                                        color: #2c3036;
+                                        font-weight: normal;
+                                    }
+                                    .li_dot3{
+                                        text-indent: 2em;
+                                        width: 100%;
+                                        height: 60PX;
+                                        line-height: 30PX;
+                                        font-size: 16PX;
+                                        color: #333;
+                                        font-weight: normal;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 2;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        word-break: break-all;
+                                        
+                                    }
+
+                                } 
+                            }
+                             
+
+                        }
+                        .notHasImg{
+                            overflow: hidden;
+                            height: auto;
+                            // background: red;
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 20PX;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+                            }
+                            .li_dot3{
+                                text-indent: 2em;
+                                width: 100%;
+                                height: 60PX;
+                                line-height: 24PX;
+                                font-size: 16PX;
+                                color: #333;
+                                font-weight: normal;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                span{
+                                    font-size: 16PX;
+                                    color: #004276;
+                                    float: right;
+                                }
+                                
+                            }
+                        }
+                            
+                    }
+                    
+                }
+            }
+        }
+        .listBoxRight {
+            width: 32%;
+            float: right;
+            overflow: hidden;
+            margin: 20PX auto;
+            box-sizing: border-box;
+            .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 20PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 100PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 0;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 14PX;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 15PX;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
+                            }
+                            
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 100PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                .zzc{
+                                    position: absolute;
+                                    bottom: 0;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 30PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 15PX;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
+        
+    }  
 }
 @media screen and (max-width: 800px) {
     //你的样式
-    .listBoxLeft {
-        width: 100% !important;
-        float: none !important;
-    }
-    .listBoxRight {
-        width: 100% !important;
-        float: none !important;
+    .breadcrumb-box .inner{
+        margin-bottom: 25PX;
+        font-size: 15PX;
     }
-    .el-pagination.is-background::v-deep .btn-next,
-    .el-pagination.is-background::v-deep .btn-prev {
-        width: 60PX !important;
-        height: 34PX !important;
-        margin: 0px 2PX !important;
+    // 分页器
+    .pagination {
+        width: 100%;
+        height: 68px;
+        margin-left: 282px;
+        display: flex;
+        justify-content: center;
+        margin: 40px 0;
+        padding: 40px 0;
+
+        // 鼠标移入后字体颜色
+        .el-pagination::v-deep :hover {
+            color: #1aa0f7;
+        }
+
+        .el-pagination.is-background::v-deep .btn-next,
+        .el-pagination.is-background::v-deep .btn-prev {
+            width: 140px;
+            height: 68px;
+            margin: 0px 20px;
+            border-radius: 8px;
+        }
+
+        .el-pagination.is-background::v-deep .el-pager li {
+            margin: 0px 20px;
+            width: 68px;
+            height: 68px;
+            border-radius: 8px;
+            font-size: 28px;
+        }
+
+        .el-pagination.is-background::v-deep .btn-next.is-active,
+        .el-pagination.is-background::v-deep .btn-prev.is-active,
+        .el-pagination.is-background::v-deep .el-pager li.is-active {
+            background-color: #1aa0f7;
+            color: #fff;
+        }
     }
-    .el-pagination.is-background::v-deep .el-pager li {
-        margin: 0px 2PX !important;
-        width: 34PX !important;
-        height: 34PX !important;
+
+    .pagination_phone_none {
+        display: none;
     }
+    
+    //资讯列表
+    .newsList {
+        max-width: 800PX;
+        margin: 0 auto;
+        overflow: hidden;
+        background: #fff;
+        margin-top: 20PX;
+        padding: 0 20PX;
+        .listBoxLeft {
+            // float:left;
+            overflow: hidden;
+            width: 100%;
+            .list {
+                >li {
+                    width: 100%;
+                    height: auto;
+                    overflow: hidden;
+                    border-bottom: 1PX solid #ccc;
+                    padding: 10PX 0;
+                    margin-bottom: 10PX;
+                    // display: flex;
+                    // align-items: flex-start;
+                    // justify-content: space-between;
+                    display:block;
+                    
+                    a {
+                        color: #337ab7;
+                        text-decoration: none;
+                        display: block;
+                        width: 100%;
+                        height: auto;
+                        // line-height: 22PX;
+                        font-size: 20PX;
+                        font-weight: bold;
+                        color: #333;
+                        overflow: hidden;
+                        .hasImg{
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 38px;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+
+                            }
+                            .newsBottomBody{
+                                width: 100%;
+                                height: auto;
+                                .li_img_box{
+                                    width: 100%;
+                                    height: 150PX;
+                                    // float: left;
+                                    overflow: hidden;
+                                    margin-right: 20PX;
+                                    img{
+                                        display: block;
+                                        width: 100%;
+                                        height: 100%;
+                                    }
+                                } 
+                                .li_right_box{
+                                    width: 100%;
+                                    overflow: hidden;
+                                    height: auto;
+                                    .li_h4_dot1{
+                                        display: block;
+                                        width: 100%;
+                                        height: 40PX;
+                                        line-height: 40PX;
+                                        overflow: hidden;
+                                        white-space: nowrap;
+                                        text-overflow: ellipsis;
+                                        font-size: 18PX;
+                                        color: #2c3036;
+                                        font-weight: normal;
+                                    }
+                                    .li_dot3{
+                                        text-indent: 2em;
+                                        width: 100%;
+                                        height: 60PX;
+                                        line-height: 30PX;
+                                        font-size: 34px;
+                                        color: #333;
+                                        font-weight: normal;
+                                        display: -webkit-box;
+                                        -webkit-box-orient: vertical;
+                                        -webkit-line-clamp: 2;
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                        word-break: break-all;
+                                        
+                                    }
+
+                                } 
+                            }
+                             
+
+                        }
+                        .notHasImg{
+                            overflow: hidden;
+                            height: auto;
+                            // background: red;
+                            .newsTopTitle{
+                                width: 100%;
+                                height: 30PX;
+                                font-size: 38px;
+                                white-space: nowrap; /* 强制文字不换行 */
+                                overflow: hidden; /* 隐藏超出容器的内容 */
+                                text-overflow: ellipsis; /* 超出部分显示省略号 */
+                            }
+                            .li_dot3{
+                                text-indent: 2em;
+                                width: 100%;
+                                height: 52.5PX;
+                                line-height: 26.25PX;
+                                color: #333;
+                                font-weight: normal;
+                                display: -webkit-box;
+                                -webkit-box-orient: vertical;
+                                -webkit-line-clamp: 2;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                word-break: break-all;
+                                font-size: 34px;
+                                span{
+                                    display: none;
+                                    font-size: 17PX;
+                                    color: #004276;
+                                    float: right;
+                                }
+                                
+                            }
+                        }
+                            
+                    }
+                    
+                }
+            }
+        }
+        .listBoxRight {
+            width: 100%;
+            // float: right;
+            overflow: hidden;
+            margin: 20PX auto;
+            box-sizing: border-box;
+            .newsItemsBox {
+                width: 100%;
+                height: auto;
+                // padding: 10PX 0;
+                // background: blue;
+                .new-items-box-title {
+                    // margin-bottom: 10PX;
+                    width: 100%;
+                    height: 36PX;
+                    line-height: 36PX;
+                    border-bottom: 2PX solid #83E515;
+                    // background: yellow;
+                    span{
+                        width: 46PX;
+                        height: 31PX;
+                        background: url(../../../public/image/icon_gddt.jpg) no-repeat center center;
+                        background-size: 100% 100%;
+                        display: block;
+                        height: 31PX;
+                        float: left;
+                        margin: 2PX;
+                    }
+                    a{
+                       width: 88PX;
+                        float: left;
+                        display: block;
+                        font-size: 16PX;
+                        text-align: center;
+                        color: #065500;
+                        font-weight: bold;
+                        // margin-left: 10px;
+                        // border-bottom: 2PX solid #2b96f1;
+                        // background: red;
+                    }
+                   
+                }
+                .new-items-box-body{
+                    padding: 10PX 10PX ;
+                    .coniteml{
+                        width: 100%;
+                        height: auto;
+                        // overflow: hidden;
+                        // padding: 10PX 10PX ;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        margin-bottom: 90PX;
+                        .l_img{
+                            width: 48%;
+                            // background: red;
+                            height: auto;
+                            // float: left;
+                            // overflow: hidden;
+                            .imgA{
+                                display: block;
+                                height: 112.5PX;
+                                img{
+                                    vertical-align: middle;
+                                    // display: block ;
+                                    bottom: 5PX;
+                                    width: 100%;
+                                    height: 100%;
+                                    // margin-top: -20PX;
+                                }
+                               
+                            }
+                        }
+                        
+                    }
+                    .coniteml2{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        margin: 10PX 0;
+                        .rdxwImg{
+                            width: 34%;
+                            height: 92PX;
+                            float: left;
+                            overflow: hidden;
+                            a{
+                                text-decoration: none;
+                                img{
+                                    display: block;
+                                    width: 100%;
+                                    height: 100%;
+                                }
+                            }
+                        }
+                        .rdxwText{
+                            width: 63%;
+                            height: auto;
+                            overflow: hidden;
+                            float: right;
+                            margin-top: 10PX;
+                            a{
+                                text-decoration: none;
+                                h4{
+                                    display: block;
+                                    width: 100%;
+                                    height: 20PX;
+                                    line-height: 20PX;
+                                    overflow: hidden;
+                                    font-size: 28px;
+                                    color: #000;
+                                    font-weight: bold;
+
+                                }
+                                h4:hover{
+                                    color: #83E515;
+                                }
+                                p{
+                                    width: 100%;
+                                    height: 50PX;
+                                    line-height: 24PX;
+                                    font-size: 30px;
+                                    color: #333;
+                                    margin: 0;
+                                    overflow: hidden;
+                                    display: -webkit-box;
+                                    -webkit-box-orient: vertical;
+                                    -webkit-line-clamp: 2;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    word-break: break-all;
+                                    text-indent: 2em;
+
+                                }
+                                p:hover{
+                                    color: #83E515;
+                                }
+                            }
+                            
+
+                        }
+
+                    }
+
+                    .zzjj{
+                        // margin-bottom: 40PX;
+                        .maskLayer{
+                            position: relative;
+                            height: 37.5PX;
+                            line-height: 37.5PX;
+                            width: 49%;
+                            .maskLayer_text{
+                                height: 37.5PX;
+                                .zzc{
+                                    position: absolute;
+                                    bottom: -75PX;
+                                    height: 37.5PX;
+                                    left: 0;
+                                    background: rgba(0, 0, 0, .5);
+                                    color: #fff;
+                                    display: block;
+                                    width: 100%;
+                                    line-height: 37.5PX;
+                                    overflow: hidden;
+                                    text-align: center;
+                                    font-size: 16PX;
+                                    
+                                }
+                            }
+                        }
+                        
+                    }
+                    .conitemlList{
+                        width: 100%;
+                        height: auto;
+                        overflow: hidden;
+                        // background: blue;
+                        
+                        li{
+                            width: 100%;
+                            height: 30PX;
+                            display: flex;
+                            align-items: center;
+                            justify-content:space-between;
+                            span{
+                                width: 4%;
+                                display: inline-block;
+                                height: 15PX;
+                                font-size: 15PX;
+                                line-height: 15PX;
+                                text-align: center;
+                                float: left;
+                                overflow: hidden;
+                                margin-right: 6PX;
+                            }
+
+                            a{
+                                display: inline-block;
+                                line-height: 34PX;
+                                width: 96%;
+                                // background: green;
+                                font-size: 34px;
+                                color: #454749;
+                                margin-top: 0;
+                                overflow: hidden;
+                                text-overflow: ellipsis;
+                                white-space: nowrap;
+                            }
+                            a:hover{
+                                color: #83E515;
+                            }
+                        }
+                        
+                    }
+                    .conitemlList li:nth-child(1) span{
+                        background: #ff7500;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(2) span{
+                        background: #ffa400;
+                        color: #fff;
+
+                    }
+                    .conitemlList li:nth-child(3) span{
+                        background: #f6c20e;
+                        color: #fff;
+
+                    }
+                    
+               }
+            }
+        }
+        
+    } 
+    
+
 }
+
 </style>