From 7537a394b87fe099bbeaf8812da0c69b85bb27b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=84=E5=B0=98?= <122383162@qq.com>
Date: Fri, 2 Dec 2022 09:38:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=87=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/assets/index/css/style.css         | 862 ++++++++++++++++++++--
 resources/views/category/cxpt.blade.php   |   2 +-
 resources/views/category/nsjg.blade.php   |   2 +-
 resources/views/category/nyhjxh.blade.php |   2 +-
 resources/views/category/xwdt.blade.php   |   8 +-
 resources/views/layouts/header.blade.php  |  49 +-
 6 files changed, 846 insertions(+), 79 deletions(-)

diff --git a/public/assets/index/css/style.css b/public/assets/index/css/style.css
index 07d5d7e..8071a25 100644
--- a/public/assets/index/css/style.css
+++ b/public/assets/index/css/style.css
@@ -1,33 +1,38 @@
-
-body{
+body {
     padding: 0;
     margin: 0;
     font-size: 14px;
 }
+
 a {
     cursor: pointer;
     color: #000;
     text-decoration: none;
 }
-a:hover{
+
+a:hover {
     text-decoration: none;
     color: #3c67c2;
 }
-ul{
+
+ul {
     margin: 0;
     padding: 0;
     list-style: none;
 }
+
 input {
-    outline : none;
+    outline: none;
 }
+
 .nowrap {
     max-width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 }
-.ellipsis{
+
+.ellipsis {
     max-width: 100%;
     display: -webkit-box;
     overflow: hidden;
@@ -35,6 +40,7 @@ input {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }
+
 .ce-img>span {
     position: absolute;
     width: 100%;
@@ -52,6 +58,7 @@ input {
     padding: 200px 0;
     font-size: 18px;
 }
+
 .noRecord img {
     width: 140px;
     margin-bottom: 20px;
@@ -61,69 +68,79 @@ input {
     侧边栏
 */
 .sidebar {
-    position:fixed;
+    position: fixed;
     right: 20px;
     top: 500px;
-    z-index:9999;
-    font-size:0;
-    text-align:right;
+    z-index: 9999;
+    font-size: 0;
+    text-align: right;
 }
+
 .sidebar .sidebar-item {
-    position:relative;
-    display:inline-block;
-    *display:inline;
-    *zoom:1;
+    position: relative;
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
     border-radius: 4px;
-    height:50px;
-    line-height:50px;
+    height: 50px;
+    line-height: 50px;
     margin-bottom: 5px;
-    transition:all .5s;
-    background:#004995;
+    transition: all .5s;
+    background: #004995;
 }
+
 .sidebar .sidebar-item .sidebar-icon {
-    float:left;
-    width:50px;
-    height:50px;
-    background:no-repeat center center;
+    float: left;
+    width: 50px;
+    height: 50px;
+    background: no-repeat center center;
 }
+
 .sidebar .sidebar-item .sidebar-icon-wx {
-    background-image:url(../images/sidebar_icon_wx.png) !important;
+    background-image: url(../images/sidebar_icon_wx.png) !important;
 }
+
 .sidebar .sidebar-item .sidebar-icon-top {
-    background-image:url(../images/sidebar_icon_top.png) !important;
+    background-image: url(../images/sidebar_icon_top.png) !important;
 }
+
 .sidebar .sidebar-item:hover {
-    background:#004995;
-    transition:all .5s;
-    padding-right:15px;
+    background: #004995;
+    transition: all .5s;
+    padding-right: 15px;
 }
+
 .sidebar .sidebar-item span {
-    float:left;
-    font-size:14px;
-    color:#fff;
-    display:none;
-    margin-left:-5px;
+    float: left;
+    font-size: 14px;
+    color: #fff;
+    display: none;
+    margin-left: -5px;
 }
+
 .sidebar .sidebar-item:hover span {
-    display:block;
+    display: block;
 }
+
 .sidebar .sidebar-item img {
-    position:absolute;
-    left:0;
-    top:0;
-    display:none;
-    transition:all .5s;
-    max-width:150px;
-    height:150px;
-    z-index:1002;
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: none;
+    transition: all .5s;
+    max-width: 150px;
+    height: 150px;
+    z-index: 1002;
 }
+
 .sidebar .sidebar-item:hover img {
-    display:block;
-    left:-160px;
-    transition:all .5s;
+    display: block;
+    left: -160px;
+    transition: all .5s;
 }
+
 .sidebar .sidebar-item:last-child {
-    background-color:#1b5191;
+    background-color: #1b5191;
 }
 
 /* header */
@@ -133,28 +150,35 @@ input {
     background-position: center bottom;
     width: 100%;
 }
+
 .top {
     line-height: 52px;
     text-align: right;
     font-size: 15px;
 }
-.top>a{
+
+.top>a {
     color: #003366;
     padding: 0 15px;
 }
+
 .top>a:last-child {
     padding-right: 0;
 }
+
 .bottom {
     margin: 20px 0 25px;
     display: flex;
 }
+
 .logo {
     flex: 1;
 }
+
 .logo>img {
     width: 65%;
 }
+
 .search {
     width: 340px;
     background: #fff;
@@ -166,10 +190,12 @@ input {
     display: flex;
     margin-top: 25px;
 }
+
 .search>form {
     display: inherit;
     width: 100%;
 }
+
 .search input {
     background-color: transparent;
     border: none;
@@ -180,9 +206,11 @@ input {
     box-sizing: border-box;
     font-size: 15px;
 }
-.search input::-webkit-input-placeholder{
+
+.search input::-webkit-input-placeholder {
     font-size: 15px;
 }
+
 .search button {
     background-color: #507ac3;
     border-radius: 50px;
@@ -191,6 +219,7 @@ input {
     margin-top: 4px;
     padding: 0 18px;
 }
+
 .search button>img {
     height: 22px;
     width: 22px;
@@ -203,10 +232,13 @@ input {
     height: 60px;
     line-height: 60px;
 }
+
 .nav-list {
     display: flex;
     font-size: 17px;
+    height: 60px;
 }
+
 .nav-list li {
     float: left;
     text-align: center;
@@ -214,6 +246,7 @@ input {
     background-color: transparent;
     position: relative;
 }
+
 .nav-list li::after {
     position: absolute;
     content: '';
@@ -223,13 +256,16 @@ input {
     width: 1px;
     height: 100%;
 }
+
 .nav-list li.active,
 .nav-list li:hover {
     background-color: #3d66ae;
 }
+
 .nav-list li a {
     color: #fff;
 }
+
 .nav-list li img {
     width: 18px;
     height: 18px;
@@ -246,12 +282,14 @@ input {
     box-sizing: border-box;
     width: 100%;
 }
+
 .footerLinks {
     background-color: #e0e6ff;
     padding: 10px 30px;
     box-sizing: border-box;
     overflow: hidden;
 }
+
 .footerLinks>li {
     width: 20%;
     float: left;
@@ -259,31 +297,39 @@ input {
     display: flex;
     font-size: 17px;
 }
+
 .footerLinks>li>a {
     color: #115db2;
 }
+
 .footerLinks>li img {
     margin-right: 10px;
 }
+
 .footerCont {
     color: #fff;
     margin-top: 30px;
     font-size: 15px;
     display: flex;
 }
+
 .footerCont-text {
     flex: 1;
 }
+
 .footerCont-label {
     line-height: 22px;
     margin-bottom: 10px;
 }
+
 .footerCont-label span {
     padding-right: 40px;
 }
+
 .footerCont-label:last-child {
     margin-bottom: 0;
 }
+
 .footerCont-img {
     width: 68px;
     height: 86px;
@@ -294,11 +340,13 @@ input {
     text-align: center;
     margin: 40px 0 10px;
 }
+
 .pageUl li.active a,
 .pageUl li a:hover {
     background-color: #004f99 !important;
     color: #fff;
 }
+
 .pageUl li a,
 .pageUl li span {
     background-color: #f1eff0 !important;
@@ -312,41 +360,49 @@ input {
 
 /* 公告 */
 .notice {
-    padding: 40px 0 20px;
+    padding: 10px 0;
 }
+
 .notice-title {
     width: 150px;
-    height: calc(100% - 20px);
+    height: calc(100% - 31px);
     background-color: #fff;
     z-index: 99;
     position: absolute;
     left: 0;
-    top: 0;
+    top: 17%;
 }
+
 .notice-cont {
     width: 100%;
     padding-left: 150px;
     box-sizing: border-box;
     display: flex;
+    align-items: center;
 }
-.notice-cont  .swiper-slide {
+
+.notice-cont .swiper-slide {
     display: flex;
 }
+
 .noticeLeft {
     flex: 1;
     width: calc(100% - 200px);
     padding-right: 30px;
     box-sizing: border-box;
 }
+
 .notice-name {
     font-size: 30px;
     color: #000;
-    margin-bottom:5px;
+    margin-bottom: 5px;
 }
+
 .notice-text {
     color: #000;
     font-size: 20px;
 }
+
 .noticeRight {
     background-color: #f5f5f5;
     border-radius: 4px;
@@ -354,30 +410,36 @@ input {
     text-align: center;
     width: 120px;
 }
+
 .notice-year {
     background-color: #3d66ae;
     color: #fff;
     line-height: 32px;
     font-size: 16px;
 }
-.notice-date{
+
+.notice-date {
     font-size: 16px;
     color: #3d66ae;
 }
+
 .notice-date>span {
     color: #3d66ae;
     font-weight: 600;
     font-size: 36px;
     padding-right: 5px;
 }
+
 .notice-pagination {
     width: 100% !important;
     bottom: 0 !important;
 }
+
 .notice-container {
-    display: flex !important;
-    padding-bottom: 40px;
+    display: flex;
+    padding-bottom: 20px;
 }
+
 .notice-pagination .swiper-pagination-bullet {
     width: 50%;
     border-radius: 0;
@@ -386,6 +448,7 @@ input {
     margin: 0 !important;
     opacity: .4;
 }
+
 .notice-pagination .swiper-pagination-bullet-active {
     opacity: 1;
 }
@@ -395,11 +458,13 @@ input {
     position: relative;
     display: flex;
 }
+
 .newsLeft {
     width: 420px;
     height: 294px;
     position: relative;
 }
+
 .newsRight {
     position: absolute;
     width: calc(100% - 440px);
@@ -408,12 +473,14 @@ input {
     border: 1px solid #f3f3f3;
     margin-left: 20px;
 }
+
 .newsLeft-img {
     width: 100%;
     padding-top: 70%;
     position: relative;
     display: block;
 }
+
 .newsLeft-name {
     position: absolute;
     width: 100%;
@@ -426,6 +493,7 @@ input {
     box-sizing: border-box;
     font-size: 16px;
 }
+
 .newsRight-title {
     line-height: 44px;
     color: #fff;
@@ -436,44 +504,52 @@ input {
     position: relative;
     margin-bottom: 6px;
 }
+
 .newsRight-title::after {
     position: absolute;
     content: '';
-    left:calc(50% - 6px);
+    left: calc(50% - 6px);
     bottom: -12px;
     width: 0;
     height: 0;
     border: 6px solid;
     border-color: #507ac3 transparent transparent transparent;
 }
+
 .newsRight-list>li,
 .newsRight-list>li>a {
     display: flex;
     width: 100%;
 }
-.newsRight-list>li{
+
+.newsRight-list>li {
     padding: 15px 10px;
     box-sizing: border-box;
     border-bottom: 1px dashed #e0e0e0;
     line-height: 30px;
 }
+
 .newsRight-list>li:last-child {
     border: none;
 }
+
 .newsRight-name {
     flex: 1;
     margin-right: 20px;
     font-size: 17px;
 }
+
 .newsRight-time {
     color: #989797;
 }
+
 .news-pagination {
     bottom: 12px !important;
     right: 0 !important;
     padding-right: 10px;
     text-align: right;
 }
+
 .news-pagination .swiper-pagination-bullet {
     width: 12px;
     border-radius: 4px;
@@ -482,7 +558,8 @@ input {
     margin: 0 5px;
     opacity: .5;
 }
-.news-pagination  .swiper-pagination-bullet-active {
+
+.news-pagination .swiper-pagination-bullet-active {
     opacity: 1;
 }
 
@@ -490,11 +567,13 @@ input {
 .media {
     border: 1px solid #f3f3f3;
 }
+
 .media-title {
     background-color: #e7f1fb;
     line-height: 44px;
     height: 44px;
 }
+
 .media-title>span {
     display: inline-block;
     padding: 0 20px;
@@ -503,23 +582,28 @@ input {
     border-left: 4px solid #fdad02;
     background-size: cover;
 }
+
 .media-more {
     float: right;
     color: #9e9e9e;
     font-size: 15px;
 }
+
 .media-more img {
     margin: 0 10px 0 5px;
     vertical-align: -1px;
 }
+
 .media-list {
     padding: 10px;
     box-sizing: border-box;
 }
+
 .media-img {
     position: relative;
     padding-top: 66.66%;
 }
+
 .media-name {
     font-size: 17px;
     margin-top: 15px;
@@ -528,6 +612,7 @@ input {
     box-sizing: border-box;
     display: block;
 }
+
 .media-name::after {
     position: absolute;
     content: '';
@@ -537,6 +622,7 @@ input {
     height: 8px;
     background-color: #edeff4;
 }
+
 .media-name span {
     font-size: 14px;
     margin: 5px 0;
@@ -546,19 +632,23 @@ input {
     background-color: #edeff4;
     color: #989797;
 }
+
 .media-button-next {
     background-image: url(../images/mediaArrow_next.png);
-    right : 0;
+    right: 0;
     z-index: 10000;
     top: 36%;
 }
+
 .media-button-prev {
     background-image: url(../images/mediaArrow_prev.png);
-    left : 0;
+    left: 0;
     top: 36%;
     z-index: 10000;
 }
-.media-button-next.swiper-button-disabled, .media-button-prev.swiper-button-disabled {
+
+.media-button-next.swiper-button-disabled,
+.media-button-prev.swiper-button-disabled {
     opacity: .8;
 }
 
@@ -574,6 +664,7 @@ input {
 .indexModular {
     border: 1px solid #f3f3f3;
 }
+
 .modular-title {
     height: 44px;
     line-height: 44px;
@@ -582,63 +673,76 @@ input {
     border-bottom: 1px solid #f3f3f3;
     display: flex;
 }
+
 .modular-name {
     flex: 1;
     font-size: 20px;
     display: flex;
     color: #3d66ae;
 }
+
 .modular-name>img {
     width: 28px;
     height: 28px;
     margin: 8px 8px 0 0;
 }
+
 .modular-more {
     color: #999999;
     font-size: 16px;
 }
+
 .modular-more>span {
     padding-left: 5px;
 }
+
 .modular-list {
     padding: 15px 10px;
     box-sizing: border-box;
     overflow: hidden;
 }
+
 .modularLeft {
     background-color: #f1f3f8;
     float: left;
     width: 200px;
 }
+
 .modularLeft-img {
     position: relative;
     padding-top: 66.66%;
 }
+
 .modularLeft-text {
     padding: 15px 10px;
     box-sizing: border-box;
 }
+
 .modularLeft-name {
     font-size: 16px;
     color: #2a2a2a;
     margin-bottom: 10px;
 }
+
 .modularLeft-time {
     font-size: 16px;
     text-align: right;
     color: #c4c4c4;
 }
+
 .modularRight {
     float: left;
     margin-left: 20px;
     width: calc(100% - 220px);
     box-sizing: border-box;
 }
+
 .modularRight>li,
 .modularRight>li>a {
     display: flex;
     width: 100%;
 }
+
 .modularRight>li {
     line-height: 28px;
     padding-bottom: 20px;
@@ -646,6 +750,7 @@ input {
     padding-left: 20px;
     box-sizing: border-box;
 }
+
 .modularRight>li::after {
     position: absolute;
     content: '';
@@ -656,28 +761,35 @@ input {
     background-image: url(../images/modularArrow.png);
     background-position: center;
 }
+
 .modularRight>li:last-child {
     padding-bottom: 0;
 }
+
 .modularRight-name {
     flex: 1;
     font-size: 17px;
     margin-right: 20px;
 }
+
 .modularRight-time {
     color: #858585;
 }
+
 /* tab + 预决算公告 */
 .Tab {
     margin: 30px 0;
 }
+
 .indexTab {
     border: 1px solid #f3f3f3;
 }
+
 .indexTab-ul {
     display: flex;
     margin: 0 -5px;
 }
+
 .indexTab-ul li {
     text-align: center;
     flex: 3;
@@ -686,10 +798,12 @@ input {
     margin: 0 5px;
     font-size: 20px;
 }
+
 .indexTab-ul li span {
     position: relative;
     padding: 0 10px 0 50px;
 }
+
 .indexTab-ul li span::after {
     position: absolute;
     content: '';
@@ -699,57 +813,73 @@ input {
     width: 40px;
     height: 40px;
 }
+
 .indexTab-ul li:nth-child(1) span::after {
     background-image: url(../images/indexTabIcon_00.png);
 }
+
 .indexTab-ul li:nth-child(1).active span::after {
     background-image: url(../images/indexTabIcon_00_active.png);
 }
+
 .indexTab-ul li:nth-child(2) span::after {
     background-image: url(../images/indexTabIcon_01.png);
 }
+
 .indexTab-ul li:nth-child(2).active span::after {
     background-image: url(../images/indexTabIcon_01_active.png);
 }
+
 .indexTab-ul li:nth-child(3) span::after {
     background-image: url(../images/indexTabIcon_02.png);
 }
+
 .indexTab-ul li:nth-child(3).active span::after {
     background-image: url(../images/indexTabIcon_02_active.png);
 }
+
 .indexTab-ul li>a {
     color: #fff;
     display: block;
 }
+
 .indexTab-ul li.active {
     background-color: #b60f24;
 }
+
 .indexTab-ul li.active a {
     color: #f7eece;
 }
+
 .indexNotice {
     padding: 15px 10px;
     box-sizing: border-box;
 }
+
 .indexNotice li {
     border: 1px solid #f3f3f3;
     padding: 10px;
     box-sizing: border-box;
     margin-bottom: 10px;
 }
+
 .indexNotice li:last-child {
     margin: 0;
 }
+
 .indexNotice-name {
     font-size: 17px;
 }
+
 .indexNotice-time {
     margin: 6px 0;
     color: #989797;
 }
+
 .indexNotice-more {
     text-align: right;
 }
+
 .indexNotice-more>span {
     display: inline-block;
     background-color: #eff6fc;
@@ -757,22 +887,26 @@ input {
     padding: 0 8px;
     line-height: 28px;
 }
+
 .TabCont {
     padding: 10px;
     box-sizing: border-box;
     margin-bottom: 20px;
 }
+
 .TabCont-top {
     padding: 5px 0 25px;
     box-sizing: border-box;
     position: relative;
     display: block;
 }
+
 .TabCont-top-img {
     position: relative;
     width: 220px;
     height: 147px;
 }
+
 .TabCont-top-tips {
     position: absolute;
     top: 0;
@@ -781,16 +915,19 @@ input {
     padding: 10px 10px 0 250px;
     box-sizing: border-box;
 }
+
 .TabCont-top-title {
     font-size: 22px;
     color: #507ac3;
     margin: 20px 0;
 }
+
 .TabCont-top-text {
     line-height: 26px;
     font-size: 16px;
     color: #858585;
 }
+
 .TabCont-list li {
     padding-bottom: 20px;
     font-size: 17px;
@@ -799,6 +936,7 @@ input {
     box-sizing: border-box;
     position: relative;
 }
+
 .TabCont-list li::after {
     position: absolute;
     content: '';
@@ -809,15 +947,19 @@ input {
     height: 6px;
     border-radius: 50%;
 }
+
 .TabCont-list li>a {
     display: flex;
 }
+
 .TabCont-list li:last-child {
     padding-bottom: 0;
 }
+
 .TabCont-list-name {
     flex: 1;
 }
+
 .TabCont-list-time {
     color: #858585;
 }
@@ -826,15 +968,18 @@ input {
 .second {
     margin: 30px 0;
 }
+
 .secondLeft {
     width: 220px;
     padding: 0 15px;
     box-sizing: border-box;
     float: left;
 }
+
 .leftNav {
     background-color: #f0f2fc;
 }
+
 .leftNav-title {
     line-height: 64px;
     padding: 0 15px;
@@ -846,6 +991,7 @@ input {
     text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
     letter-spacing: 2px
 }
+
 .leftNav-list li {
     line-height: 60px;
     border-bottom: 2px solid #fff;
@@ -854,6 +1000,7 @@ input {
     box-sizing: border-box;
     position: relative;
 }
+
 .leftNav-list li::after {
     position: absolute;
     content: '';
@@ -864,26 +1011,32 @@ input {
     background-image: url(../images/leftNav_icon.png);
     background-size: 100% 100%;
 }
+
 .leftNav-list li>a {
     width: 100%;
     color: #868686;
     display: block;
 }
+
 .leftNav-list li:last-child {
     border-bottom: none;
 }
+
 .leftNav-list li.active>a,
 .leftNav-list li:hover>a {
     color: #273b9a;
 }
+
 .leftNav-list li.active::after,
 .leftNav-list li:hover::after {
     background-image: url(../images/leftNav_icon_active.png);
 }
+
 .leftBanner {
     display: block;
     margin-top: 20px;
 }
+
 .leftBanner img {
     height: auto;
     width: 100%;
@@ -895,6 +1048,7 @@ input {
     margin: 0 15px;
     float: left;
 }
+
 .crumbs {
     padding: 0 15px;
     box-sizing: border-box;
@@ -916,6 +1070,7 @@ input {
     font-weight: 600;
     margin-bottom: 20px;
 }
+
 .organBrief-title::after {
     position: absolute;
     content: '';
@@ -925,23 +1080,28 @@ input {
     width: 110px;
     height: 3px;
 }
+
 .organBrief-cont {
     display: flex;
     height: 350px;
     margin-bottom: 15px;
 }
+
 .organ-container {
     width: 60%;
     position: relative;
 }
-.organBrief-img{
+
+.organBrief-img {
     position: absolute;
     width: 100%;
     padding-top: 60%;
 }
+
 .organBrief-text {
     width: 40%;
 }
+
 .organBrief-text {
     height: 320px;
     padding: 20px;
@@ -951,10 +1111,12 @@ input {
     line-height: 30px;
     text-align: justify;
 }
+
 .organBrief-more {
     text-align: right;
     margin-top: 20px;
 }
+
 .organBrief-more>a {
     border: 1px solid #c4a866;
     color: #debe72;
@@ -964,9 +1126,11 @@ input {
     display: inline-block;
     padding: 0 13px;
 }
+
 .organBrief-more>a>img {
     padding-left: 8px;
 }
+
 .organ-button-next,
 .organ-button-prev {
     top: 89%;
@@ -974,22 +1138,27 @@ input {
     background-size: 100%;
     height: 58px;
 }
+
 .organ-button-next {
     background-image: url(../images/briefArrow_right.png);
-    left : calc(14% + 80px);
+    left: calc(14% + 80px);
 }
+
 .organ-button-prev {
     background-image: url(../images/briefArrow_left.png);
-    left : 14%;
+    left: 14%;
 }
+
 .organ-button-next.swiper-button-disabled {
     background-image: url(../images/briefArrow_right_active.png);
     opacity: .8;
 }
+
 .organ-button-prev.swiper-button-disabled {
     background-image: url(../images/briefArrow_left_active.png);
     opacity: .8;
 }
+
 .leaderList li {
     position: relative;
     padding: 15px;
@@ -999,14 +1168,17 @@ input {
     background-size: 55%;
     margin-bottom: 20px;
 }
+
 .leaderList li>a {
     display: block;
 }
+
 .leaderList-img {
     position: relative;
     width: 120px;
     height: 140px;
 }
+
 .leaderList-cont {
     position: absolute;
     top: 0;
@@ -1014,15 +1186,18 @@ input {
     width: 100%;
     padding: 15px 15px 15px 160px;
 }
+
 .leaderList-title {
     display: flex;
     margin: 25px 0 20px;
 }
+
 .leaderList-name {
     font-size: 28px;
     color: #003bb9;
     margin-right: 20px;
 }
+
 .leaderList-tips {
     background-color: #3c67c2;
     color: #fff;
@@ -1033,18 +1208,22 @@ input {
     border-radius: 4px;
     margin-top: 5px;
 }
+
 .leaderList-tips img {
     width: 12px;
     height: 12px;
     margin: 7px 6px 0 0;
 }
+
 .leaderList-text {
     font-size: 22px;
 }
+
 .insideList {
     display: flex;
     margin: 0 -10px;
 }
+
 .insideList>li {
     flex: 3;
     text-align: center;
@@ -1055,15 +1234,19 @@ input {
     padding: 25px 0 15px;
     text-align: center;
 }
+
 .insideList>li:nth-child(1) {
     background-image: url(../images/organBack_1.png);
 }
+
 .insideList>li:nth-child(2) {
     background-image: url(../images/organBack_2.png);
 }
+
 .insideList>li:nth-child(3) {
     background-image: url(../images/organBack_3.png);
 }
+
 .insideList-name {
     height: 60px;
     display: table-cell;
@@ -1072,15 +1255,18 @@ input {
     color: #fff;
     line-height: 32px;
 }
+
 .insideList-img {
     width: 70px;
     display: block;
     margin: 0 auto 5px;
 }
+
 .versionList {
     display: flex;
     margin: 20px -10px 0;
 }
+
 .versionList>li {
     flex: 2;
     text-align: center;
@@ -1091,21 +1277,26 @@ input {
     padding: 20px 0;
     text-align: center;
 }
+
 .versionList>li>a {
     width: 100%;
     text-align: center;
 }
+
 .versionList>li:nth-child(1) {
     background-image: url(../images/organBack_4.png);
 }
+
 .versionList>li:nth-child(2) {
     background-image: url(../images/organBack_5.png);
 }
+
 .versionList-img {
     width: 64px;
     vertical-align: -20px;
     margin-right: 10px;
 }
+
 .versionList-name {
     font-size: 32px;
     line-height: 64px;
@@ -1125,12 +1316,14 @@ input {
     border-bottom: 1px solid #f3f3f3;
     position: relative;
 }
+
 .trendsTitle>img {
     width: 30px;
     height: 30px;
     margin-right: 10px;
     margin-top: 9px;
 }
+
 .trendsTitle>span {
     color: #ababab;
     font-size: 14px;
@@ -1139,6 +1332,7 @@ input {
     padding-left: 10px;
     text-transform: uppercase;
 }
+
 .trendsTitle-more {
     font-size: 15px;
     position: absolute;
@@ -1147,15 +1341,18 @@ input {
     font-weight: normal;
     color: #ababab;
 }
+
 .noticeList li {
     margin-bottom: 20px;
     border-bottom: 1px dashed #d5d5d5;
     position: relative;
     padding-bottom: 20px;
 }
+
 .noticeList li:last-child {
     margin-bottom: 30px;
 }
+
 .noticeList-time {
     width: 70px;
     text-align: center;
@@ -1167,11 +1364,13 @@ input {
     background-size: 100%;
     transition: .1s;
 }
+
 .noticeList-time>span {
     font-size: 28px;
     display: block;
     font-weight: 600;
 }
+
 .noticeList-cont {
     position: absolute;
     width: 100%;
@@ -1180,32 +1379,39 @@ input {
     padding-left: 90px;
     box-sizing: border-box;
 }
+
 .noticeList-name {
     font-size: 17px;
     margin-bottom: 10px;
 }
+
 .noticeList-text {
     color: #8d8d8d;
 }
+
 .noticeList li:hover .noticeList-time {
     color: #fff;
     background: url(../images/newsBack_active.png);
 }
+
 .pressList li {
     position: relative;
     margin-bottom: 20px;
     border-bottom: 1px solid #f3f3f3;
     padding-bottom: 20px;
 }
+
 .pressList li:last-child {
     border: none;
     padding-bottom: 10px;
 }
+
 .pressList-img {
     position: relative;
     width: 220px;
     height: 147px;
 }
+
 .pressList-time {
     position: absolute;
     top: 10px;
@@ -1215,6 +1421,7 @@ input {
     text-align: center;
     line-height: 20px;
 }
+
 .pressList-time>span {
     font-weight: 600;
     display: block;
@@ -1222,9 +1429,11 @@ input {
     font-size: 18px;
     line-height: 24px;
 }
+
 .pressList-time>small {
     padding: 10px 5px;
 }
+
 .pressList-cont {
     position: absolute;
     left: 0;
@@ -1233,13 +1442,16 @@ input {
     padding-left: 240px;
     box-sizing: border-box;
 }
+
 .pressList-name {
     font-size: 17px;
 }
+
 .pressList-text {
     color: #8d8d8d;
     margin: 15px 0 30px;
 }
+
 .pressList-more {
     background-color: #f3f3f3;
     display: inline-block;
@@ -1250,29 +1462,35 @@ input {
     font-size: 15px;
     transition: .1s;
 }
+
 .pressList-more img {
     padding-left: 5px;
 }
+
 .specialList {
     overflow: hidden;
     margin: 0 -7px;
 }
+
 .specialList li {
     float: left;
     width: calc(33.33% - 14px);
     margin: 0 7px;
 }
+
 .specialList-img {
     position: relative;
     width: 100%;
     padding-top: 66.67%;
     margin-bottom: 10px;
 }
+
 .specialList-name {
     font-size: 17px;
     margin-bottom: 10px;
     display: flex;
 }
+
 .specialList-name>span.specialList-title {
     width: 65px;
     display: block;
@@ -1281,6 +1499,7 @@ input {
     height: 24px;
     position: relative;
 }
+
 .specialList-name>span.specialList-title::after {
     position: absolute;
     content: '';
@@ -1291,12 +1510,15 @@ input {
     left: 0;
     bottom: 0;
 }
+
 .specialList-name>span.specialList-text {
     width: calc(100% - 65px);
 }
+
 .specialList-time {
     color: #767676;
 }
+
 .specialList li>a:hover {
     color: #000;
 }
@@ -1305,6 +1527,7 @@ input {
 .platformBorder {
     border: 1px solid #f3f3f3;
 }
+
 .platformTitle {
     border-top: none;
     border-bottom-style: dotted;
@@ -1313,27 +1536,33 @@ input {
     box-sizing: border-box;
     color: #4b85de;
 }
+
 .platformBorder .insideList {
     padding: 0 10px 20px;
     box-sizing: border-box;
 }
+
 .platform {
     margin-bottom: 30px;
 }
+
 .trendsModular {
     margin: 0 -10px;
     overflow: hidden;
 }
+
 .trendsModular .trendsLabel {
     width: calc(50% - 20px);
     margin: 0 10px;
     float: left;
 }
+
 .platformCont {
     margin: 0 10px 10px;
     background-color: #f5f8fc;
     border: 1px solid #bacef6;
 }
+
 .platformCont-text {
     display: flex;
     padding: 30px 10px 30px 20px;
@@ -1342,12 +1571,14 @@ input {
     background-size: 60px 80%;
     background-repeat: no-repeat;
 }
+
 .platformCont-name {
     width: calc(100% - 110px);
     line-height: 32px;
     font-size: 21px;
     font-weight: 600;
 }
+
 .platformCont-name>span {
     font-size: 15px;
     font-weight: normal;
@@ -1356,6 +1587,7 @@ input {
     text-transform: uppercase;
     position: relative;
 }
+
 .platformCont-name>span::after {
     position: absolute;
     content: '';
@@ -1366,6 +1598,7 @@ input {
     border-radius: 50%;
     background-color: #acabab;
 }
+
 .platformCont-img {
     background-color: #fff;
     border: 1px solid #326ec2;
@@ -1378,9 +1611,11 @@ input {
     margin-right: 20px;
     box-sizing: border-box;
 }
+
 .platformCont-img img {
     width: 100%;
 }
+
 .platformCont-more {
     text-align: center;
     line-height: 48px;
@@ -1389,14 +1624,17 @@ input {
     border-top: 1px solid #dae5f9;
     display: block;
 }
+
 .platformCont-more img {
     margin-left: 10px;
 }
+
 .echelonList li {
     position: relative;
     padding: 0 10px 20px;
     box-sizing: border-box;
 }
+
 .echelonList-cont {
     position: absolute;
     width: 100%;
@@ -1405,16 +1643,19 @@ input {
     padding: 10px 10px 20px 480px;
     box-sizing: border-box;
 }
+
 .echelonList-img {
     position: relative;
     width: 450px;
     height: 300px;
 }
+
 .echelonList-title {
     text-align: center;
     margin-bottom: 20px;
     position: relative;
 }
+
 .echelonList-title::before {
     position: absolute;
     content: '';
@@ -1424,6 +1665,7 @@ input {
     width: 100%;
     height: 1px;
 }
+
 .echelonList-title>span {
     background-color: #3c67c2;
     border-left: 20px solid #fff;
@@ -1435,6 +1677,7 @@ input {
     display: inline-block;
     position: relative;
 }
+
 .echelonList-title>span::after,
 .echelonList-title>span::before {
     position: absolute;
@@ -1445,12 +1688,15 @@ input {
     height: 8px;
     border-radius: 50%;
 }
+
 .echelonList-title>span::after {
     left: -20px;
 }
+
 .echelonList-title>span::before {
     right: -20px;
 }
+
 .echelonList-label {
     background-color: #f5f9ff;
     margin-top: 10px;
@@ -1458,18 +1704,22 @@ input {
     box-sizing: border-box;
     display: flex;
 }
+
 .echelonList-label .echelonList-name {
     width: 100px;
 }
+
 .echelonList-text {
     width: calc(100% - 100px);
 }
+
 .echelonList-text p {
     -webkit-line-clamp: 3;
     text-align: justify;
     line-height: 25px;
 }
-.echelonList-text a{
+
+.echelonList-text a {
     color: #b60f24;
     font-weight: 600;
     float: right;
@@ -1479,6 +1729,7 @@ input {
 .innovateList {
     padding: 0 10px;
 }
+
 .innovateList li {
     height: 52px;
     line-height: 52px;
@@ -1488,10 +1739,12 @@ input {
     background: url(../images/idx_zwgk_icon.png) no-repeat 96% center;
     background-color: #edf3fd;
 }
+
 .innovateList li>a {
     display: flex;
     font-size: 18px;
 }
+
 .innovateList-img {
     width: 22px;
     height: 22px;
@@ -1504,6 +1757,7 @@ input {
     width: 300px;
     height: 200px;
 }
+
 .scientificTitle {
     line-height: 50px;
     margin-bottom: 10px;
@@ -1513,6 +1767,7 @@ input {
     display: flex;
     position: relative;
 }
+
 .scientificTitle::after {
     position: absolute;
     content: '';
@@ -1522,12 +1777,14 @@ input {
     top: -3px;
     left: 0;
 }
+
 .scientificTitle>img {
     width: 24px;
     height: 24px;
     margin-top: 12px;
     margin-right: 10px;
 }
+
 .scientific-more {
     font-size: 15px;
     position: absolute;
@@ -1536,25 +1793,30 @@ input {
     font-weight: normal;
     color: #334496;
 }
+
 .scientific-more>img {
     width: 14px;
     height: 14px;
     vertical-align: -2px;
 }
+
 .gainList li {
     position: relative;
     padding-bottom: 25px;
     margin-bottom: 25px;
     border-bottom: 1px solid #f3f3f3;
 }
+
 .gainList li:last-child {
     border: none;
     padding-bottom: 10px;
 }
+
 .gainList li>a {
     background-color: #f6f7f9;
     display: block;
 }
+
 .gainList-cont {
     position: absolute;
     left: 0;
@@ -1564,28 +1826,34 @@ input {
     padding: 10px 20px 20px 330px;
     box-sizing: border-box;
 }
+
 .gainList-time {
     color: #6e6e6e;
 }
+
 .gainList-time>span {
     font-size: 32px;
     font-weight: 600;
     padding-right: 5px;
     color: #000;
 }
+
 .gainList-name {
     font-size: 17px;
     margin: 5px 0;
 }
+
 .gainList-text {
     line-height: 24px;
     color: #969696;
     margin-bottom: 20px;
 }
+
 .gainList-more {
     display: flex;
     color: #636363;
 }
+
 .gainList-more img {
     width: 12px;
     height: 12px;
@@ -1593,34 +1861,42 @@ input {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
 }
+
 .gainList li>a:hover .gainList-name {
     color: #000;
 }
-.gainList li>a:hover .gainList-more  {
+
+.gainList li>a:hover .gainList-more {
     color: #3c67c2;
 }
+
 .gainList li>a:hover .gainList-more img {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
 }
+
 .awardList li {
     margin-bottom: 20px;
     border: 1px solid #f3f3f3;
     padding: 10px 10px 10px 0;
     box-sizing: border-box;
 }
+
 .awardList li:last-child {
     margin-bottom: 30px;
 }
+
 .awardList li>a {
     display: flex;
 }
+
 .awardList-cont {
     width: calc(100% - 200px);
     margin-right: 20px;
     box-sizing: border-box;
     display: flex;
 }
+
 .awardList-time {
     width: 100px;
     text-align: center;
@@ -1629,34 +1905,41 @@ input {
     margin-top: 25px;
     color: #6e6e6e;
 }
+
 .awardList-time>span {
     display: block;
     font-size: 32px;
     font-weight: 600;
     color: #000;
 }
+
 .awardList-title {
     width: calc(100% - 100px);
     padding-left: 30px;
     box-sizing: border-box;
 }
+
 .awardList-name {
     font-size: 17px;
     margin: 20px 0;
 }
+
 .awardList-text {
     color: #969696;
 }
+
 .awardList-img {
     position: relative;
     width: 180px;
     height: 120px;
 }
+
 .patentTop {
     display: flex;
     border-bottom: 1px dotted #e4e4e4;
     padding-bottom: 20px;
 }
+
 .patentTop-time {
     width: 100px;
     padding: 0 0 5px;
@@ -1664,33 +1947,40 @@ input {
     background-color: #ebf3ff;
     color: #2057ae;
 }
+
 .patentTop-time>span {
     display: block;
     font-size: 32px;
     font-weight: 600;
 }
+
 .patentTop-cont {
     width: calc(100% - 120px);
     margin-left: 20px;
 }
+
 .patentTop-name {
     font-size: 18px;
     margin: 10px 0;
     font-weight: 600;
 }
+
 .patentTop-text {
     color: #a8a8a8;
     font-size: 15px;
 }
+
 .patentList li {
     padding: 15px 0;
 }
+
 .patentList li>a {
     padding-left: 15px;
     box-sizing: border-box;
     position: relative;
     display: flex;
 }
+
 .patentList li>a::after {
     position: absolute;
     content: '';
@@ -1701,10 +1991,12 @@ input {
     background-color: #2057ae;
     transform: rotate(-45deg);
 }
+
 .patentList-name {
     flex: 1;
     font-size: 17px;
 }
+
 .patentList-time {
     color: #a3a3a3;
     font-size: 16px;
@@ -1719,6 +2011,7 @@ input {
     padding-bottom: 10px;
     margin-bottom: 20px;
 }
+
 .publicTitle::after {
     position: absolute;
     content: '';
@@ -1728,6 +2021,7 @@ input {
     height: 3px;
     background-color: #2458c8;
 }
+
 .publicTitle>img {
     width: 28px;
     height: 28px;
@@ -1741,6 +2035,7 @@ input {
     border-bottom: 1px solid #ededed;
     position: relative;
 }
+
 .partyList-cont {
     position: absolute;
     width: 100%;
@@ -1750,11 +2045,13 @@ input {
     box-sizing: border-box;
     display: flex;
 }
+
 .partyList-time {
     width: 110px;
     color: #1552a6;
     text-align: center;
 }
+
 .partyList-time>span {
     font-size: 32px;
     position: relative;
@@ -1762,6 +2059,7 @@ input {
     font-weight: 600;
     padding-bottom: 5px;
 }
+
 .partyList-time>span::after {
     position: absolute;
     content: '';
@@ -1771,19 +2069,23 @@ input {
     height: 1px;
     background-color: #e6e6e6;
 }
+
 .partyList-title {
     width: calc(100% - 110px);
     box-sizing: border-box;
 }
+
 .partyList-name {
     font-size: 17px;
     margin-bottom: 20px;
 }
+
 .partyList-text {
     line-height: 24px;
     margin-bottom: 30px;
     color: #969696;
 }
+
 .partyList-img {
     position: relative;
     width: 220px;
@@ -1796,12 +2098,14 @@ input {
     margin-bottom: 20px;
     border-bottom: 1px solid #efefef;
 }
+
 .studyList li>a {
     padding-left: 15px;
     box-sizing: border-box;
     position: relative;
     display: flex;
 }
+
 .studyList li>a::after,
 .studyList li>a::before {
     position: absolute;
@@ -1810,20 +2114,24 @@ input {
     width: 5px;
     height: 5px;
 }
+
 .studyList li>a::after {
     left: 0;
     top: calc(50% - 3px);
     background-color: #2057ae;
 }
+
 .studyList li>a::before {
     left: 2px;
     top: calc(50% - 1px);
     background-color: #bdcdee;
 }
+
 .studyList-name {
     flex: 1;
     font-size: 17px;
 }
+
 .studyList-time {
     color: #a3a3a3;
     font-size: 16px;
@@ -1834,16 +2142,19 @@ input {
     margin-top: 20px;
     border: 1px solid #f3f3f3;
 }
+
 .learnTop-cont {
     width: 100%;
     padding: 20px 20px 10px;
     box-sizing: border-box;
 }
+
 .learnTop-title {
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }
+
 .learnTop-more {
     padding: 0 15px;
     box-sizing: border-box;
@@ -1858,12 +2169,14 @@ input {
     right: 0;
     top: 0;
 }
+
 .learnTop-more>span {
     position: relative;
     display: inline-block;
     padding: 0 15px;
     box-sizing: border-box;
 }
+
 .learnTop-more>span::after,
 .learnTop-more>span::before {
     position: absolute;
@@ -1873,16 +2186,20 @@ input {
     height: 1px;
     background-color: #2f63ba;
 }
+
 .learnTop-more>span::after {
     left: 0;
 }
+
 .learnTop-more>span::before {
     right: 0;
 }
+
 .learnTop-title>span {
     font-size: 24px;
     color: #2f63ba;
 }
+
 .learnTop-title::after {
     position: absolute;
     content: '';
@@ -1892,25 +2209,30 @@ input {
     height: 3px;
     background-color: #2f63ba;
 }
+
 .learnTop-text {
     color: #5d5d5d;
     font-size: 16px;
     text-align: justify;
     line-height: 22px;
 }
+
 .learnTop-img {
     position: relative;
     width: 100%;
     padding-top: 40%;
 }
+
 .learnTop-img>span {
     background-size: 100% auto;
     background-position: top center;
 }
+
 .learnNews {
     margin-top: 30px;
     display: flex;
 }
+
 .learnNews-left {
     width: 210px;
     height: 280px;
@@ -1920,10 +2242,12 @@ input {
     padding: 20px;
     box-sizing: border-box;
 }
+
 .learnNews-left-name {
     font-size: 26px;
     margin-bottom: 5px;
 }
+
 .learnNews-left-text {
     font-size: 18px;
     font-style: italic;
@@ -1932,6 +2256,7 @@ input {
     padding-bottom: 20px;
     margin-bottom: 50px;
 }
+
 .learnNews-left-text::after,
 .learnNews-left-text::before {
     position: absolute;
@@ -1940,25 +2265,30 @@ input {
     bottom: 0;
     height: 3px;
 }
+
 .learnNews-left-text::after {
     width: 100%;
     background-color: #8cb0e0;
     z-index: 1;
 }
+
 .learnNews-left-text::before {
     background-color: #fff;
     z-index: 3;
     width: 50px;
 }
+
 .learnNews-left-btn {
     border: 1px solid #fff;
     display: flex;
     color: #fff;
     height: 40px;
 }
+
 .learnNews-left-btn:hover {
     color: #fff;
 }
+
 .learnNews-left-btn>span {
     width: 40px;
     height: 40px;
@@ -1967,16 +2297,19 @@ input {
     text-align: center;
     border-right: 1px solid #fff;
 }
+
 .learnNews-left-more {
     font-size: 16px;
     line-height: 40px;
     width: calc(100% - 40px);
     text-align: center;
 }
+
 .learnNews-right {
     width: calc(100% - 230px);
     margin-left: 20px;
 }
+
 .learnList li {
     border: 1px solid #f3f3f3;
     padding: 10px;
@@ -1984,11 +2317,13 @@ input {
     margin-bottom: 20px;
     position: relative;
 }
+
 .learnList-img {
     position: relative;
     width: 240px;
     height: 160px;
 }
+
 .learnList-cont {
     position: absolute;
     left: 0;
@@ -1998,17 +2333,21 @@ input {
     padding: 10px 10px 10px 270px;
     box-sizing: border-box;
 }
+
 .learnList-name {
     font-size: 17px;
 }
+
 .learnList-time {
     color: #909090;
     margin: 10px 0;
     font-size: 13px;
 }
+
 .learnList-text {
     color: #717171;
 }
+
 .learnList-more {
     border: 1px solid #dedede;
     border-radius: 50px;
@@ -2019,21 +2358,26 @@ input {
     color: #6a6a6a;
     margin-top: 20px;
 }
+
 .contactUs-map {
     width: 100%;
     margin-top: 20px;
 }
+
 .contactUs-map img {
     max-width: 100%;
 }
+
 .contactUs-title {
     font-size: 26px;
     color: #2f63ba;
     margin: 20px 0;
 }
+
 .contactUs-label {
     position: relative;
 }
+
 .contactUs-label>span {
     font-size: 17px;
     line-height: 20px;
@@ -2043,17 +2387,20 @@ input {
     border-bottom: 1px dotted #dddddd;
     width: 50%;
 }
+
 .contactUs-label>span img {
     width: 18px;
     height: 18px;
     margin-right: 10px;
 }
+
 .contactUs-code {
     position: absolute;
     text-align: center;
     right: 0;
     top: 0;
 }
+
 .contactUs-code img {
     width: 110px;
     margin-bottom: 10px;
@@ -2066,14 +2413,16 @@ input {
     padding-bottom: 30px;
     margin-bottom: 30px;
 }
+
 .budgetList li {
     border: none;
     padding-bottom: 10px;
     margin-top: 10px;
 }
+
 .budgetList li:last-child {
     margin-bottom: 0;
-    padding-bottom: 0 ;
+    padding-bottom: 0;
 }
 
 /* 详情页 */
@@ -2082,26 +2431,31 @@ input {
     padding: 30px 20px;
     box-sizing: border-box;
 }
+
 .details-name {
     font-size: 24px;
     text-align: center;
     color: #000;
 }
+
 .details-time {
     text-align: center;
     color: #a1a1a1;
     font-size: 15px;
     margin: 20px 0 30px;
 }
+
 .details-text {
     font-size: 16px;
     line-height: 26px;
 }
+
 .details-text>p {
     text-indent: 2em;
     margin-bottom: 20px;
     text-align: justify;
 }
+
 .details-text img {
     max-width: 100%;
 }
@@ -2113,6 +2467,7 @@ input {
     position: relative;
     padding-bottom: 20px;
 }
+
 .noGraphList-time {
     width: 70px;
     text-align: center;
@@ -2120,10 +2475,12 @@ input {
     color: #999999;
     border: 1px solid #f1f1f1;
 }
+
 .noGraphList-time>small {
     line-height: 30px;
     font-size: 12px;
 }
+
 .noGraphList-time>span {
     font-size: 18px;
     display: block;
@@ -2132,6 +2489,7 @@ input {
     border-top: 1px solid #f1f1f1;
     padding: 3px 0;
 }
+
 .noGraphList-name {
     position: absolute;
     width: 100%;
@@ -2141,6 +2499,7 @@ input {
     font-size: 17px;
     box-sizing: border-box;
 }
+
 .noGraphList-name span {
     height: 78px;
     display: table-cell;
@@ -2155,11 +2514,13 @@ input {
     margin-bottom: 30px;
     position: relative;
 }
+
 .GraphList-img {
     position: relative;
     width: 240px;
     height: 160px;
 }
+
 .GraphList-cont {
     position: absolute;
     left: 0;
@@ -2169,17 +2530,21 @@ input {
     padding-left: 270px;
     box-sizing: border-box;
 }
+
 .GraphList-name {
     font-size: 17px;
 }
+
 .GraphList-text {
     font-size: 15px;
     margin: 20px 0 30px;
     color: #717171;
 }
+
 .GraphList-time {
     display: flex;
 }
+
 .GraphList-time>span {
     font-size: 15px;
     color: #8d8d8d;
@@ -2187,10 +2552,12 @@ input {
     border-right: 1px solid #e2e2e2;
     padding-right: 30px;
 }
+
 .GraphList-more {
     color: #1a4e97;
     font-size: 15px;
 }
+
 .GraphList-more img {
     padding-left: 10px;
 }
@@ -2203,23 +2570,27 @@ input {
     justify-content: flex-start;
     flex-wrap: wrap;
 }
+
 .imageTextList li {
     box-sizing: border-box;
     width: 33.33%;
     padding: 0 13px;
     margin-bottom: 30px;
 }
+
 .imageTextList-img {
     position: relative;
     padding-top: 66.66%;
     width: 100%;
 }
+
 .imageTextList-cont {
     position: relative;
     margin-top: 15px;
     border-bottom: 1px solid #e4e4e4;
     height: 120px;
 }
+
 .imageTextList-time {
     width: 70px;
     text-align: center;
@@ -2228,10 +2599,12 @@ input {
     border: 1px solid #f1f1f1;
     transition: .1s;
 }
+
 .imageTextList-time>small {
     line-height: 30px;
     font-size: 14px;
 }
+
 .imageTextList-time>span {
     font-size: 28px;
     display: block;
@@ -2240,6 +2613,7 @@ input {
     border-top: 1px solid #f1f1f1;
     padding: 3px 0;
 }
+
 .imageTextList-title {
     position: absolute;
     width: 100%;
@@ -2249,11 +2623,13 @@ input {
     font-size: 17px;
     box-sizing: border-box;
 }
+
 .imageTextList-more {
     font-size: 14px;
     color: #484848;
     margin-top: 20px;
 }
+
 .imageTextList-more img {
     width: 16px;
     margin-left: 10px;
@@ -2261,28 +2637,374 @@ input {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
 }
+
 .imageTextList-name {
     margin-top: 10px;
     height: 48px;
 }
+
 .imageTextList li:hover .imageTextList-more {
     color: #18489a;
 }
+
 .imageTextList li:hover .imageTextList-more img {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
 }
+
 .imageTextList li:hover .imageTextList-cont {
     border-color: #18489a;
 }
+
 .imageTextList li:hover .imageTextList-time>span,
 .imageTextList li:hover .imageTextList-time {
     border-color: #18489a;
     color: #18489a;
 }
 
-/* 768px */
-@media (max-width: 768px) {}
+/* 漂浮窗 */
+.showy {
+    position: relative;
+    width:200px;
+    z-index: 9999;
+}
+.bay-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    text-align: right;
+    width: 100%;
+    z-index: 100;
+}
+.bay-img {
+    position: absolute;
+    top: 20px;
+    right: 0;
+    width:200px;
+}
+.mb{
+    display: none;
+}
+
+
+/*手机版*/
+@media (max-width: 768px) {
+    .mb{
+        display: block;
+    }
+    .pc{
+        display: none;
+    }
+    .sidebar {
+        display: none;
+    }
+
+    .top {
+        line-height: 30px;
+        text-align: center;
+    }
+
+    .bottom {
+        margin: 0;
+        margin-bottom: 10px;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .logo>img {
+        width: 100%;
+    }
+    .mbNav{
+        display: flex;
+        margin-top: 10px;
+        align-items: center;
+    }
+    .nav-list {
+        flex-direction: column;
+        width: 100%;
+        height: 100%;
+    }
+    .nav-list li{
+        width: 100%;
+        padding: 10px 0;
+    }
+    .nav-list li:hover{
+        background: #507ac3;
+    }
+    .nav-list li::after{
+        display: none;
+    }
+    .mb_nav{
+        position: absolute;
+        z-index: 999;
+        width: 100%;
+        background: #507ac3;
+        left: 0;
+        top: 97%;
+        display: none;
+    }
+    .mbLogo-nav{
+        width: 3.5rem;
+        height: 3.5rem;
+        background: #507ac3;
+        border-radius: 5px;
+        margin-left: 10px;
+    }
+    .search {
+        width: 100%;
+        margin-top: 0;
+        position: relative;
+    }
+    .search button{
+        position: absolute;
+        right: 1rem;
+    }
+    /* 公告 */
+    .notice{
+        padding:0px 20px ;
+    }
+    .notice>.container>.col-md-12{
+        padding: 0px;
+    }
+    .notice-name{
+        font-size: 20px;
+    }
+    .notice-text{
+        font-size: 15px;
+    }
+    .notice-title{
+        position: static;
+        width: 100%;
+        height: 100%;
+        text-align: center;
+    }
+    .noticeRight{
+        width: 100px;
+    }
+    .noticeLeft{
+        padding-right: 20px;
+    }
+    .notice-container{
+        display: block;
+        padding-bottom: 10px;
+    }
+    .notice-cont{
+        padding-left: 0px;
+        align-items: center;
+        margin: 10px 0;
+    }
+    .notice-date>span{
+        font-size: 25px;
+    }
+    .banner {
+        position: relative;
+        height: 80px;
+        background-size: 100%;
+        margin: 0;
+    }
+
+    .ce-img>span {
+        background-size: 100%;
+    }
+    /* 二级导航 */
+    .second{
+        margin: 10px 0;
+    }
+    .mbSecond{
+        display: flex;
+        flex-direction: column;
+    }
+    .leftNav-title{
+        line-height: 56px;
+        font-size: 20px;
+    }
+    .leftNav-list li{
+        line-height: 40px;
+        font-size:15px;
+        padding: 0 12px 0 35px;
+    }
+    .secondLeft{
+        display: flex;
+        width: 100%;
+        justify-content: center;
+    }
+    .leftBanner{
+        margin-top: 0px;
+    }
+    .leftNav-list li::after {
+        left: 14%;
+        top: 32%;
+    }
+    .leftBanner img{
+        width: 105%;
+    }
+    .secondRight {
+        width: calc(100% - 20px);
+        margin: 15px;
+    }
+    .studyList li{
+        margin-bottom: 10px;
+    }
+    /* 新闻动态 */
+    .news {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+    }
+
+    .newsLeft {
+        width: 100%;
+        position: relative;
+        height: 100%;
+    }
+
+    .newsRight-title {
+        width: 100%;
+        letter-spacing: 2px;
+        text-align: center;
+    }
+
+    .newsRight {
+        position: static;
+        width: 100%;
+        border: 1px solid #f3f3f3;
+        margin-left: 0px;
+    }
+
+    /* 首页党政建设 */
+    .modular-list {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .modularLeft,
+    .modularRight {
+        width: 100%;
+        margin-left: 0;
+    }
+
+    /* 预决算公告 */
+    .Tab {
+        margin: 0;
+        margin-top: 15px;
+    }
+    .TabCont-top-img {
+        position: relative;
+        width: 100%;
+        height: 180px;
+    }
+    .TabCont-top-tips {
+        background-color:rgba(0, 0, 0, .5);
+        width: 100%;
+        top: 37%;
+        padding: 0;
+    }
+    .TabCont-top-title {
+        font-size: 22px;
+        color: #507ac3;
+        margin: 10px 0;
+    }
+    .indexTab-ul li span {
+        padding: 30px 0px 10px;
+        display: block;
+        font-size: 16px;
+    }
+    .indexTab-ul li span::after {
+        left: 30%;
+        top: 10%;
+        width: 30px;
+        height: 30px;
+    }
+    /* 组织机构 */
+    .organBrief-img {
+        width: 100%;
+        padding-top: 100%;
+    }
+    .organ-button-next, .organ-button-prev {
+        top: 70%;
+    }
+    .mbOrganBrief-text{
+        height: 235px;
+        overflow: hidden;
+        margin: 10px;
+    }
+    .organBrief-text{
+        padding: 5px;
+        height: 310px;
+    }
+    .organBrief-more>a>img{
+        padding-left: 0px;
+    }
+    .organBrief-more {
+        margin-top: 10px;
+        white-space: nowrap;
+        text-align: center;
+    }
+    .organBrief-cont {
+        height: 310px;
+        margin-bottom: 0px;
+    }
+    .leaderList-name {
+        font-size: 24px;
+        width: 100px;
+    }
+    .leaderList-text {
+        font-size: 14px;
+    }
+    .insideList-name{
+        font-size: 16px;
+    }
+    .versionList-name{
+        font-size: 20px;
+    }
+    /* 预决算公告 */
+    .noRecord{
+        padding: 0px;
+    }
+    .contactUs-code img{
+        margin: 0 auto;
+    }
+    .contactUs-code{
+        position: static;
+    }
+    .contactUs-label>span{
+        width: 100%;
+    }
+    /* 网页底部 */
+    .footerLinks {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .footerLinks>li {
+        width: 100%;
+    }
+
+    .footerCont {
+        margin-top: 15px;
+        flex-direction: column-reverse;
+        justify-content: center;
+    }
+
+    .footerCont-label {
+        line-height: 22px;
+        display: flex;
+        flex-direction: column;
+        margin-bottom: 0;
+    }
+
+    .footerCont-label span {
+        text-align: center;
+        margin-bottom: 10px;
+        padding-right: 0;
+
+    }
+
+    #_ideConac {
+        text-align: center;
+    }
+
+}
 
 /* 768px */
 @media (min-width: 768px) {}
@@ -2291,4 +3013,4 @@ input {
 @media (min-width: 992px) {}
 
 /* 1200px */
-@media (min-width: 1200) {}
+@media (min-width: 1200) {}
\ No newline at end of file
diff --git a/resources/views/category/cxpt.blade.php b/resources/views/category/cxpt.blade.php
index b0f2223..4c6ea15 100644
--- a/resources/views/category/cxpt.blade.php
+++ b/resources/views/category/cxpt.blade.php
@@ -8,7 +8,7 @@
 
     <!-- 内容 -->
     <div class="second">
-        <div class="container">
+        <div class="container mbSecond">
             @include('category.left')
 
             <div class="secondRight">
diff --git a/resources/views/category/nsjg.blade.php b/resources/views/category/nsjg.blade.php
index 7b7a153..3f8d17b 100644
--- a/resources/views/category/nsjg.blade.php
+++ b/resources/views/category/nsjg.blade.php
@@ -7,7 +7,7 @@
 @section('content')
     <!-- 内容 -->
     <div class="second">
-        <div class="container">
+        <div class="container mbSecond">
 
             @include('category.left')
 
diff --git a/resources/views/category/nyhjxh.blade.php b/resources/views/category/nyhjxh.blade.php
index 874fd6a..407f52f 100644
--- a/resources/views/category/nyhjxh.blade.php
+++ b/resources/views/category/nyhjxh.blade.php
@@ -8,7 +8,7 @@
 
     <!-- 内容 -->
     <div class="second">
-        <div class="container">
+        <div class="container mbSecond">
             @include('category.left')
             <div class="secondRight">
                 <div class="crumbs">
diff --git a/resources/views/category/xwdt.blade.php b/resources/views/category/xwdt.blade.php
index 5e6f062..d6e5c77 100644
--- a/resources/views/category/xwdt.blade.php
+++ b/resources/views/category/xwdt.blade.php
@@ -7,8 +7,7 @@
 @section('content')
     <!-- 内容 -->
     <div class="second">
-        <div class="container">
-
+        <div class="container mbSecond">
             @include('category.left')
 
             <div class="secondRight">
@@ -22,7 +21,7 @@
                         <div class="trendsTitle">
                             <img src="{{ asset('assets/index/images/newsIcon_1.png') }}">{{ $tzCate->title }}
                             <span>/  {{ $tzCate->description }}</span>
-                            <a href="{{ $tzCate->link }}" class="trendsTitle-more">查看更多 +</a>
+                            <a href="{{ $tzCate->link }}" class="pc trendsTitle-more">查看更多 +</a>
                         </div>
                         <ul class="noticeList">
                             @if($tzArticles->isNotEmpty())
@@ -43,6 +42,9 @@
                                 @endforeach
                             @endif
                         </ul>
+                        <div>
+                            <a href="{{ $tzCate->link }}" class="mb trendsTitle-more">查看更多 +</a>
+                        </div>
                     </div>
                 </div>
 
diff --git a/resources/views/layouts/header.blade.php b/resources/views/layouts/header.blade.php
index d02c34b..7481415 100644
--- a/resources/views/layouts/header.blade.php
+++ b/resources/views/layouts/header.blade.php
@@ -14,6 +14,12 @@
 </div>
 <!-- End 右侧漂浮窗 -->
 
+<!-- 漂浮窗 -->
+<a class="showy pc" id="bay" href="http://nyfh.has.ac.cn/articles/399">
+    <div class="bay-close" style="text-align:right;cursor:pointer;" id="close">关闭</div>
+    <img class="bay-img" src="/assets/index/images/showy.jpg" />
+</a>
+
 <!-- header -->
 <header class="header">
     <div class="container">
@@ -21,12 +27,13 @@
             <div class="top">
                 <a href="https://www.has.ac.cn/">黑龙江省科学院</a>|
                 <a href="{{ $gLxwmCate->link }}">联系我们</a>
-{{--                <a href="#">网站地图</a>--}}
+        {{--<a href="#">网站地图</a>--}}
             </div>
             <div class="bottom">
                 <div class="logo">
                     <img src="{{ asset('assets/index/images/logo.png') }}"/>
                 </div>
+                <div class="mbNav">
                 <div class="search">
                     <form action="{{ route('search') }}" method="post">
                         @csrf
@@ -37,6 +44,26 @@
                         </button>
                     </form>
                 </div>
+                <img class="mb mbLogo-nav" src="{{ asset('assets/index/images/index_nav.png') }}">
+                <!-- End 手机端导航 -->
+                   <div class="mb mb_nav">
+                        <ul class="nav-list">
+                                <li @if (!isset($topCate)) class="active" @endif>
+                                    <a href="/">
+                                        <img src="{{ asset('assets/index/images/home.png') }}"/>
+                                        首页
+                                    </a>
+                                </li>
+                                @foreach ($all_categorys as $cate)
+                                    <li @if (isset($topCate) && $cate->id==$topCate->id) class="active" @endif>
+                                        <a href="{{ $cate->link }}">
+                                            {{ $cate->title }}
+                                        </a>
+                                    </li>
+                                @endforeach
+                        </ul>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
@@ -44,7 +71,7 @@
 <!-- end header -->
 
 <!-- nav -->
-<nav class="nav">
+<nav class="nav pc">
     <div class="container">
         <div class="col-md-12">
             <ul class="nav-list">
@@ -65,4 +92,20 @@
         </div>
     </div>
 </nav>
-<!-- end header -->
\ No newline at end of file
+<!-- end header -->
+
+@push('script')
+    <script type="text/javascript" src="{{ asset('assets/index/js/swiper.min.js') }}"></script>
+    <script type="text/javascript" src="{{ asset('assets/index/js/jquery.bay-window.js') }}"></script>
+    <script type="text/javascript">
+        //网站漂浮窗
+        $('#bay').autoMove({angle:-Math.PI/4, speed: 150});
+        $("#close").click(function() {
+            $("#bay").hide();
+        });
+        // 手机版-导航
+        $(".mbLogo-nav").click(function () {
+            $(".mb_nav").slideToggle();
+        });
+    </script>
+@endpush
\ No newline at end of file