diff --git a/static/resources/common/base.js b/static/resources/common/base.js
index 75207fe..23d2305 100644
--- a/static/resources/common/base.js
+++ b/static/resources/common/base.js
@@ -11,4 +11,9 @@ $(function () {
     indy: '.dy-index',
     // autoPlay:false //是否自动轮播
   });
+
+  $('#menuToggle').click(function () {
+    $(this).children('img').toggleClass('active');
+    $('.navbar').toggleClass('active');
+  })
 });
diff --git a/static/resources/common/down.png b/static/resources/common/down.png
new file mode 100644
index 0000000..6cdde06
Binary files /dev/null and b/static/resources/common/down.png differ
diff --git a/static/resources/common/headfoot.css b/static/resources/common/headfoot.css
index aef84b0..6884a12 100644
--- a/static/resources/common/headfoot.css
+++ b/static/resources/common/headfoot.css
@@ -5,7 +5,6 @@ body {
   background: url(body-bg.jpg) center top repeat-x;
 }
 
-
 .head {
   height: 189px;
   width: 100%;
@@ -31,41 +30,46 @@ body {
   width: 430px;
 }
 
-.h5-search{
+.h5-search {
   background-color: rgba(0, 0, 0, 0.1);
-  height: .6rem;
-  border: 1px solid #506a84;
-  border-radius: .1rem;
-  margin-top: .3rem;
+  height: 0.7rem;
+  border: 1px solid #0f4595;
+  border-radius: 0.2rem;
+  margin-top: 0.3rem;
   width: 100%;
   display: flex;
 }
-.w-full{
+.w-full {
   width: 100%;
 }
-.h5-search input{
+.h5-search input {
   flex: 1;
   height: 100%;
-  padding: 0 .2rem;
-  font-size: .18rem;
+  padding: 0 0.2rem;
+  font-size: 0.22rem;
   position: relative;
 }
-.h5-search .icon{
+.h5-search .icon {
   position: relative;
-  height: .6rem;
-  width: .6rem;
+  height: 0.7rem;
+  width: 0.7rem;
   display: inline-block;
+  padding: 0.1rem;
+}
+.h5-search .icon img {
+  width: 100%;
+  height: 100%;
 }
 
-.h5-search .icon::after{
+.h5-search .icon::after {
   content: '';
   position: absolute;
-  bottom: .1rem;
-  top: .1rem;
+  bottom: 0.1rem;
+  top: 0.1rem;
   width: 1px;
   left: 0;
   font-size: 30px;
-  background: red;
+  background: #0f4595;
 }
 .nav {
   background-color: #154d9b;
@@ -76,11 +80,15 @@ body {
   height: 62px;
   align-items: center;
   justify-content: space-between;
+  position: relative;
 }
 .navbar {
   display: flex;
   align-items: center;
-  flex-wrap: wrap;
+  /* flex-wrap: wrap; */
+}
+.navbar li {
+  flex: none;
 }
 .navbar li + li {
   margin-left: 10px;
@@ -89,21 +97,24 @@ body {
   font-size: 16px;
   color: #fff;
 }
+.navbar .img-text {
+  object-fit: contain;
+}
 .navbar li .zhsk {
   content: url(nav_zhsk.png);
-  width: 73px;
+
   height: 21px;
 }
 
 .navbar li .ggw {
   content: url(nav_gaige.png);
-  width: 50px;
+
   height: 21px;
 }
 
 .navbar li .cxgc {
   content: url(nav_cxgc.png);
-  width: 73px;
+
   height: 21px;
 }
 
@@ -235,7 +246,7 @@ body {
   opacity: 0.7;
   visibility: visible;
 }
-footer{
+footer {
   margin-top: 36px;
 }
 footer .link {
@@ -266,6 +277,8 @@ footer .link {
   color: #fff;
 }
 
+
+
 .dropdown img {
   margin-left: 5px;
   transition: transform 0.3s;
@@ -322,16 +335,33 @@ footer .info {
   background-color: #f2f2f2;
 }
 
+footer .info .info-text{
+  margin-top: 10px;
+}
+
 .info-box {
-  display: flex;
   font-size: 14px;
   color: #404040;
   height: 215px;
-  align-items: center;
-  justify-content: space-between;
+  padding-top: 45px;
 }
+.info-box .info-l{
+  float: left;
+  width: 87%;
+  
+}
+.info-box .info-r{
+  float: right;
+}
+
+.info-r #_ideConac{
+  float: left;
+}
+.info-r .qrcode{
+  float: right;
+}
+
 .info-logo {
-  display: inline-block;
   height: 50px;
 }
 .info-logo img {
@@ -340,15 +370,12 @@ footer .info {
 }
 .info .qrcode {
   text-align: center;
-  margin-left: 40px;
 }
 .info .qrcode img {
   width: 130px;
   height: 130px;
 }
-.info-r {
-  display: flex;
-}
+
 .underline {
   background-color: #e2e2e2;
 }
@@ -359,10 +386,10 @@ footer .info {
   text-align: center;
   color: #404040;
 }
-.underline-box a{
+.underline-box a {
   display: inline-block;
 }
-.underline-box a:hover{
+.underline-box a:hover {
   color: #c92e1a;
 }
 
@@ -372,70 +399,128 @@ footer .info {
 }
 
 @media screen and (max-width: 768px) {
-
-  .head{
+  .head {
     height: unset;
-    background-position: bottom center;
-    padding: 50px 20px 20px;
+    background-size: cover;
+    padding: 0.7rem 0.2rem 0.2rem;
   }
   .head .top {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    /* padding-top: 50px; */
   }
-  .head .top-l img{
+  .head .top-l img {
     width: 100%;
   }
-  .head .top-r{
+  .head .top-r {
     margin-top: 20px;
   }
-  .head .top-r img{
+  .head .top-r img {
     width: 70%;
   }
-  .nav-box{
-    height: unset;
+  .nav-box {
+    height: 0.62rem;
   }
-  .navbar{
-    justify-content: start;
+  .navbar {
+    display: none;
+    flex-direction: column;
+    position: absolute;
+    top: 0.62rem;
+    left: 0;
+    width: 100%;
+    background-color: #154d9b;
+    padding: 10px 0;
+    z-index: 99;
   }
-  .navbar li{
-    /* flex: 1 0 33.3%; */
-    width: 33.3%;
-    text-align: center;
-    line-height: .5rem;
+  .navbar.active {
+    display: flex;
   }
-  .navbar li a{
-    font-size: .25rem;
+
+  .h5-nav {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
   }
-  .navbar li + li{
+  .h5-nav li {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+  }
+  .h5-nav li a ,.navbar li a{
+    display: inline-block;
+    font-size: 0.28rem;
+    color: #fff;
+  }
+  .h5-nav .icon-down {
+    width: 1rem;
+    flex: none;
+  }
+  .h5-nav .icon-down img {
+    width: 0.27rem;
+    cursor: pointer;
+    transition: transform 0.3s;
+  }
+  .h5-nav .icon-down img.active {
+    transform: rotate(180deg);
+  }
+  .navbar li {
+    padding: 0.05rem 0;
+  }
+  .navbar li + li {
     margin-left: 0;
   }
+  .navbar li .img-text {
+    height: 0.31rem;
+  }
 
-  .navbar li .zhsk {
-    width: .93rem;
-    height: .3rem;
+  .fade-box, .fade-img{
+    height: 2rem;
   }
-  
-  .navbar li .ggw {
-    width: 50px;
-    height: 21px;
-  }
-  
-  .navbar li .cxgc {
-    width: 73px;
-    height: 21px;
+
+  .fade-btn{
+    width: .34rem;
+    height: .68rem;
+    background-size:.68rem .68rem;
+    opacity: .6;
+    visibility: visible;
   }
 
 
+  .info .qrcode img{
+    width: 2.4rem;
+    height: 2.4rem;
+  }
   .info-box{
-    flex-direction: column;
-    height: unset;
-    justify-content: center;
-    align-items: center;
+    font-size: .22rem;
+    height: 3.45rem;
+    padding-top: .4rem;
+  }
+  .info-box .info-l{
+    width: unset;
+  }
+  .info-box .info-l{
+    float: right;
+  }
+  .info-box .info-r{
+    float: left;
+  }
+  .info-l .lf,.info-l .rt{
+    float: none;
+  }
+  #_ideConac{
+    margin-top: .23rem;
+  }
+  #_ideConac img{
+    width: .56rem;
   }
 
-  .info-logo img{
-    width: 80%;
+  .underline-box{
+    font-size: .22rem;
   }
+  .underline-box img{
+    width: .2rem;
+  }
+
+
 }
diff --git a/static/resources/common/search.png b/static/resources/common/search.png
new file mode 100644
index 0000000..c8e9bab
Binary files /dev/null and b/static/resources/common/search.png differ
diff --git a/static/resources/index/index.css b/static/resources/index/index.css
index 078fa1c..7dbd5ea 100644
--- a/static/resources/index/index.css
+++ b/static/resources/index/index.css
@@ -511,6 +511,10 @@
   display: flex;
   justify-content: space-between;
 }
+.index-card-ad a {
+  display: inline-block;
+  width: 100%;
+}
 
 .news3-img-swiper {
   width: 580px;
@@ -560,6 +564,10 @@
   margin-left: 94px;
   flex: none;
 }
+.index-book-head .icon img {
+  width: 100%;
+  height: 100%;
+}
 .index-book-head .text {
   font-size: 15px;
   margin-top: 36px;
@@ -692,6 +700,7 @@
   height: 100%;
   border: 1px solid #e5e5e5;
   background-color: #f7f7f7;
+  flex: none;
 }
 .book-news h3 {
   height: 52px;
@@ -732,6 +741,7 @@
   margin-left: 60px;
   display: flex;
   flex-direction: column;
+  height: 100%;
 }
 .book-name {
   display: flex;
@@ -850,7 +860,7 @@
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
-.info-bottom{
+.info-bottom {
   margin-top: 28px;
 }
 .sj {
@@ -864,7 +874,7 @@
   box-sizing: content-box;
   margin: 0 1.92%;
 }
-.sj li.cur{
+.sj li.cur {
   border: solid 3px #104697;
 }
 .sj li img {
@@ -881,3 +891,413 @@
   color: #fff;
   text-align: center;
 }
+@media screen and (max-width: 768px) {
+  .index-box1-l {
+    position: unset;
+    top: auto;
+    transform: unset;
+    width: 1.1rem;
+    height: 1.5rem;
+    background-size: cover;
+  }
+
+  .index-box1-r {
+    top: 0.85rem;
+  }
+  .index-box1-c {
+    width: 80%;
+    margin-top: -0.2rem;
+  }
+  .index-box1-c .title {
+    font-size: 0.42rem;
+    line-height: 0.61rem;
+  }
+  .index-box1-r a {
+    font-size: 0.22rem;
+  }
+  .index-box1-c {
+    height: auto;
+  }
+  .index-box1-c .desc {
+    font-size: 0.22rem;
+    padding-top: 0.1rem;
+    display: block;
+  }
+  .index-box1-body {
+    display: block;
+    margin-top: 0.49rem;
+  }
+  .index-box1-body-r {
+    margin-left: 0;
+    margin-top: 0.5rem;
+  }
+  .news-title {
+    height: 0.5rem;
+  }
+  .news-list li {
+    line-height: 0.58rem;
+  }
+  .news-title a {
+    font-size: 0.42rem;
+    line-height: 0.42rem;
+  }
+  .news-list li a {
+    font-size: 0.28rem;
+  }
+  .news-list li span {
+    font-size: 0.22rem;
+  }
+  .index-box2 {
+    height: auto;
+  }
+  .index-box2-body-l {
+    width: 100%;
+  }
+  .index-box2-body {
+    display: block;
+    margin-top: 0.2rem;
+  }
+  .slides-box,
+  .slides-img {
+    height: 3.8rem;
+  }
+  .slides-txt,
+  .slides-mask {
+    height: 0.68rem;
+  }
+  .slides-txt a {
+    font-size: 0.28rem;
+    line-height: 0.68rem;
+  }
+  .slides-num {
+    text-align: center;
+    margin-top: 0.1rem;
+  }
+  .slides-num span {
+    height: 0.08rem;
+    width: 0.4rem;
+
+    border-radius: 0;
+  }
+  .index-box2-body-r {
+    margin-left: 0;
+  }
+  .news2-title p {
+    font-size: 0.42rem;
+    line-height: 0.42rem;
+    height: 0.6rem;
+    border-width: 0.04rem;
+  }
+  .news2 {
+    margin-top: 0.4rem;
+  }
+  .news2-toptitle a {
+    font-size: 0.34rem;
+    line-height: 0.5rem;
+  }
+  .news2-list-ul li a {
+    font-size: 0.28rem;
+  }
+  .news2-list-ul li {
+    font-size: 0.22rem;
+    line-height: 0.58rem;
+  }
+  .tzgg-box {
+    display: block;
+    height: auto;
+    position: relative;
+    margin: 0.2rem 0;
+  }
+  .tzgg-box img {
+    width: 0.27rem;
+    height: 0.27rem;
+  }
+  .tzgg-box .tzgg-title {
+    font-size: 0.34rem;
+  }
+  .tzgg-content {
+    margin-top: 0.2rem;
+  }
+  .tzgg-content a {
+    font-size: 0.28rem;
+    font-weight: normal;
+  }
+  .tzgg-content span {
+    font-size: 0.22rem;
+  }
+  .tzgg-more {
+    position: absolute;
+    right: 0;
+    top: 0.1rem;
+    font-size: 0.28rem;
+  }
+  .divider {
+    margin: 0.7rem 0;
+  }
+  .divider a {
+    font-size: 0.8rem;
+    padding: 0 0.2rem;
+  }
+  .sw4.divider a {
+    width: 87%;
+    line-height: 0.5rem;
+  }
+  .sw4.divider a span {
+    white-space: wrap;
+    font-size: 0.6rem;
+  }
+  .divider a span {
+    font-size: 1rem;
+  }
+  .index-card {
+    border: none;
+    padding: 0rem;
+  }
+  .index-card-body {
+    margin-top: 0.3rem;
+  }
+  .index-card-nav li {
+    height: 0.73rem;
+    line-height: 0.73rem;
+  }
+  .index-card-nav li + li {
+    margin-left: 0.2rem;
+  }
+  .index-card-nav li a {
+    font-size: 0.28rem;
+    font-weight: normal;
+  }
+  .news3-1 {
+    padding-bottom: 0.3rem;
+  }
+  .news3-title a {
+    font-size: 0.34rem;
+    line-height: 0.51rem;
+  }
+  .news3-title .line-1 {
+    overflow: hidden;
+    -webkit-line-clamp: 3;
+    height: auto;
+  }
+  .news3-desc.line-2 {
+    overflow: hidden;
+    -webkit-line-clamp: 3;
+    height: auto;
+  }
+  .news3-desc {
+    font-size: 0.22rem;
+    line-height: 0.33rem;
+    margin-top: 0.29rem;
+  }
+  .news3-list {
+    margin-top: 0.3rem;
+  }
+  .news3-list li {
+    line-height: 0.58rem;
+    height: auto;
+  }
+  .news3-list li a {
+    font-size: 0.28rem;
+  }
+  .news3-list li span {
+    font-size: 0.22rem;
+  }
+  .index-card-ad {
+    display: block;
+    margin-top: 0.2rem;
+  }
+  .index-card-ad a + a {
+    margin-top: 0.2rem;
+  }
+  .index-card-ad a img {
+    width: 100%;
+  }
+  .index-card-body .index-item {
+    display: block;
+  }
+  .index-item-r {
+    width: 100%;
+    margin-top: 0.4rem;
+  }
+  .news3-img-swiper {
+    width: 100%;
+    margin-right: 0;
+    display: block;
+  }
+  .index-sw3 .index-card-ad {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .index-sw3 .index-card-ad a {
+    width: 49%;
+    flex: none;
+  }
+  .index-sw3 .index-card-ad a {
+    margin-top: 0.2rem;
+  }
+  .index-sw3 .index-card-ad a img {
+    height: 1.15rem;
+  }
+  .news3-img-swiper1 {
+    margin-left: 0;
+    width: 100%;
+  }
+  .index-box3-body-l {
+    width: 100%;
+  }
+  #slides2 .slides-img,
+  #slides2 {
+    height: 3.8rem;
+  }
+  .index-ddjs .index-card-ad img {
+    height: 1.27rem;
+    object-fit: cover;
+  }
+  .divider-bg a span {
+    font-size: 0.6rem;
+    line-height: 0.6rem;
+  }
+  .divider-bg {
+    font-size: 0.6rem;
+  }
+  .divider-bg .more {
+    bottom: 0.2rem;
+    font-size: 0.22rem;
+  }
+  .index-book {
+    height: auto;
+    background-size: 100% 4.9rem;
+    margin: 0;
+  }
+  .index-book-head .icon {
+    width: 0.9rem;
+    height: 0.95rem;
+    margin-top: 0.24rem;
+    margin-left: 0.22rem;
+  }
+  .index-book-head .text {
+    font-size: 0.22rem;
+    margin-top: 0.22rem;
+    margin-left: 0.2rem;
+    margin-right: 0.3rem;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+    overflow: hidden;
+    line-height: 0.36rem;
+  }
+  .index-book-body {
+    flex-wrap: wrap;
+    margin: 0.4rem 0 0;
+    background: url(2401-cxgcbg-2-2402.png) no-repeat center top;
+    background-position: 0 -2px;
+    background-size: 100% 100%;
+    padding: 0 0.4rem 0.4rem;
+  }
+  .index-book-body .book-item {
+    width: 49%;
+    margin-bottom: 0.22rem;
+  }
+  .book-item-head img {
+    height: 1.32rem;
+  }
+  .book-item-body {
+    height: 1.4rem;
+  }
+  .book-item-body .tits-item .tits-item-t {
+    font-size: 0.22rem;
+  }
+  .book-info {
+    margin-left: 0;
+    width: 100%;
+  }
+  .info-head {
+    height: unset;
+    display: block;
+  }
+  .book-news {
+    width: 100%;
+    height: auto;
+  }
+  .book-news h3 {
+    font-size: 0.34rem;
+    height: 0.7rem;
+    line-height: 0.7rem;
+  }
+  .book-news-list {
+    height: auto;
+  }
+  .book-news-list li a {
+    font-size: 0.28rem;
+  }
+  .book-news-list li {
+    line-height: 0.58rem;
+  }
+  .book-news-more {
+    font-size: 0.22rem;
+  }
+  .book-r {
+    display: flex;
+    margin-top: 0.5rem;
+  }
+
+  .index-bj .book-covers-h5 {
+    width: 2.4rem;
+    height: 3.6rem;
+  }
+  .book-content {
+    margin-left: 0.2rem;
+  }
+  .book-name span {
+    font-size: 0.34rem;
+    display: block;
+  }
+  .book-name {
+    display: block;
+  }
+  .book-tab a {
+    font-size: 0.22rem;
+  }
+  .book-content .book-text {
+    font-size: 0.22rem;
+    line-height: 0.36rem;
+  }
+  .info-bottom {
+    width: 100%; 
+    overflow-x: auto;
+    margin-top: .22rem;
+  }
+  .info-bottom .sj {
+    white-space: nowrap;
+  }
+  .info-bottom .sj li {
+    display: inline-block; 
+    width: 2.5rem;
+    box-sizing: border-box;
+    margin: 0 .03rem;
+  }
+  .sj li img{
+    height: 1.9rem;
+    width: auto;
+  }
+  
+  .h5show .top-book{
+    height: 1.25rem;
+  }
+  .top-book .new-book-img{
+    width: 1.35rem;
+  }
+  .top-book-list li a{
+    font-size: .28rem;
+  }
+  .top-book-more{
+    font-size: .22rem;
+    width: .68rem;
+    padding: .3rem .2rem;
+  }
+  .sj li p{
+    height: .4rem;
+    font-size: .28rem;
+    line-height: .4rem;
+  }
+}
diff --git a/static/xx.html b/static/xx.html
index 6fd2c63..add891f 100644
--- a/static/xx.html
+++ b/static/xx.html
@@ -142,7 +142,7 @@
         margin-left: 0;
       }
       .menu-toggle {
-        display: block; /* 显示菜单切换按钮 */
+        display: block !important; /* 显示菜单切换按钮 */
         cursor: pointer;
         font-size: 24px;
         color: #fff;
diff --git a/static/头尾.html b/static/头尾.html
index 22e69f0..bcea1f0 100644
--- a/static/头尾.html
+++ b/static/头尾.html
@@ -18,7 +18,7 @@
     <script type="text/javascript" src="./resources/common/setFont.js"></script>
     <script type="text/javascript" src="./resources/common/base.js"></script>
 
-    
+
   </head>
 
   <body>
@@ -37,7 +37,7 @@
             <div class="h5-search">
               <input type="text" placeholder="请输入关键词">
               <a class="icon" href="#">
-                <!-- <img src="./resources/common/ico_search.png"> -->
+                <img src="./resources/common/search.png">
               </a>
             </div>
           </div>
@@ -47,6 +47,15 @@
       </div>
       <div class="nav">
         <div class="nav-box centerWidth">
+          <ul class="h5-nav h5show">
+            <li><a href="#">首页</a></li>
+            <li><a href="#">院情概览</a></li>
+            <li><a href="#">机构设置</a></li>
+            <li><a href="#">本院新闻</a></li>
+            <li class="icon-down" id="menuToggle">
+              <img src="./resources/common/down.png" alt="" srcset="">
+            </li>
+          </ul>
           <ul class="navbar">
             <li><a href="#">首页</a></li>
             <li><a href="#">院情概览</a></li>
@@ -61,9 +70,9 @@
             <li><a href="#">专家学者</a></li>
             <li><a href="#">专题聚焦</a></li>
             <li><a href="#">文献资源</a></li>
-            <li><a href="#" class="zhsk">智慧社科</a></li>
-            <li><a href="#" class="ggw">改革网</a></li>
-            <li><a href="#" class="cxgc">创新工程</a></li>
+            <li><a href="#" class="img-text zhsk">智慧社科</a></li>
+            <li><a href="#" class="img-text ggw">改革网</a></li>
+            <li><a href="#" class="img-text cxgc">创新工程</a></li>
           </ul>
           <div class="search pcshow">
             <div class="icon"></div>
@@ -111,7 +120,6 @@
               <span>政府部门</span>
               <img src="./resources/common/ico_up.png">
             </a>
-
             <ul class="dropdown-box">
               <li class="dropdown-title">地方政府部门</li>
               <li><a href="http://www.beijing.gov.cn/" target="_blank">北京</a></li>
@@ -355,27 +363,29 @@
         </ul>
       </div>
       <div class="info">
-        <div class="centerWidth info-box">
+        <div class="centerWidth info-box clearfix">
           <div class="info-l">
-            <a href="#" class="info-logo">
-              <img src="./resources/common/bottomlogo.png" alt="" srcset="">
-            </a>
-            <div>
-              <p>
-                地址：重庆市江北区桥北村270号
-              </p>
-              <p>
-                邮编：400020
-              </p>
-              <p>
-                电话：023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
-              </p>
+            <div class="lf">
+              <a href="#" class="info-logo pcshow">
+                <img src="./resources/common/bottomlogo.png" alt="" srcset="">
+              </a>
+              <div class="info-text">
+                <p>
+                  地址：重庆市江北区桥北村270号
+                </p>
+                <p>
+                  邮编：400020
+                </p>
+                <p>
+                  电话：023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
+                </p>
+              </div>
             </div>
-          </div>
-          <div class="info-r">
-            <div id="_ideConac"></div>
+            <div class="rt" id="_ideConac"></div>
             <script src="//dcs.conac.cn/js/04/064/0000/60403026/CA040640000604030260001.js"
               type="text/javascript"></script>
+          </div>
+          <div class="info-r">
             <div class="qrcode">
               <img src="./resources//common/qrcode.jpg">
               <p>官方微信公众号</p>
diff --git a/static/首页.html b/static/首页.html
index 861ecfa..ef4604f 100644
--- a/static/首页.html
+++ b/static/首页.html
@@ -34,10 +34,30 @@
                     <a class="top-r">
                         <img src="./resources/common/toplogo2.png">
                     </a>
+                    <!--h5 搜索 开始 -->
+                    <div class="h5show w-full">
+                        <div class="h5-search">
+                            <input type="text" placeholder="请输入关键词">
+                            <a class="icon" href="#">
+                                <img src="./resources/common/search.png">
+                            </a>
+                        </div>
+                    </div>
+                    <!--h5 搜索 结束 -->
                 </div>
+
             </div>
             <div class="nav">
                 <div class="nav-box centerWidth">
+                    <ul class="h5-nav h5show">
+                        <li><a href="#">首页</a></li>
+                        <li><a href="#">院情概览</a></li>
+                        <li><a href="#">机构设置</a></li>
+                        <li><a href="#">本院新闻</a></li>
+                        <li class="icon-down" id="menuToggle">
+                            <img src="./resources/common/down.png" alt="" srcset="">
+                        </li>
+                    </ul>
                     <ul class="navbar">
                         <li><a href="#">首页</a></li>
                         <li><a href="#">院情概览</a></li>
@@ -52,9 +72,9 @@
                         <li><a href="#">专家学者</a></li>
                         <li><a href="#">专题聚焦</a></li>
                         <li><a href="#">文献资源</a></li>
-                        <li><a href="#" class="zhsk">智慧社科</a></li>
-                        <li><a href="#" class="ggw">改革网</a></li>
-                        <li><a href="#" class="cxgc">创新工程</a></li>
+                        <li><a href="#" class="img-text zhsk">智慧社科</a></li>
+                        <li><a href="#" class="img-text ggw">改革网</a></li>
+                        <li><a href="#" class="img-text cxgc">创新工程</a></li>
                     </ul>
                     <div class="search pcshow">
                         <div class="icon"></div>
@@ -64,8 +84,6 @@
                         </div>
                     </div>
                 </div>
-
-
             </div>
 
             <div class="fade-box">
@@ -149,82 +167,84 @@
             </div>
 
             <div class="index-box2">
-                <div class="centerWidth index-box2-body">
-
-                    <div class="index-box2-body-l">
-                        <div class="slides-box" id="slides1">
-                            <div class="slides-img">
-                                <a target="_blank" href="#">
-                                    <img draggable="false"
-                                        src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
-                                        alt="">
-                                </a>
-                                <a target="_blank" href="#">
-                                    <img draggable="false"
-                                        src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
-                                        alt="">
-                                </a>
-                            </div>
-                            <div class="slides-mask"></div>
-                            <div class="slides-txt">
-                                <a
-                                    style="display: none;">111左右轮播情况，改变type为top就是上下轮播，默认左右轮播1111左右轮播情况，改变type为top就是上下轮播，默认左右轮播1</a>
-                                <a style="display: none;">2左右轮播情况，改变type为top就是上下轮播，默认左右轮播</a>
-                            </div>
-
-                        </div>
-
-                        <div class="slides-num" id="slides1_btn">
-                            <span class="cur"></span>
-                            <span></span>
-                        </div>
-
-                    </div>
-
-                    <div class="index-box2-body-r news2">
-                        <div class="news2-title clearfix">
-                            <p><a href="#">本院新闻</a></p>
-                        </div>
-                        <div class="news2-toptitle">
-                            <p>
-                                <a href="#">
-                                    院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研
-                                </a>
-                            </p>
-                        </div>
-
-                        <div class="news2-list">
-                            <ul class="news2-list-ul">
-                                <li><a href="#" target="_blank"
-                                        title="">全国政协常委、市政协副主席、民革市委会主委王新强一行来院调全国政协常委、市政协副主席、民革市委会主委王新强一行来院调</a><span>2025-02-27</span>
-                                </li>
-                                <li><a href="#" target="_blank" title="">担当实干创佳绩
-                                        唯实争先再跃升——我院召开2024年度总结表彰暨2..</a><span>2025-02-25</span></li>
-                                <li><a href="#" target="_blank" title="">我院召开2024年度领导班子民主生活会</a><span>2025-02-19</span>
-                                </li>
-                                <li><a href="#" target="_blank" title="  ">统一思想
-                                        深化认识 为开好2024年度院领导班子民主生活会打牢思..</a><span>2025-02-17</span></li>
-                                <li><a href="#" target="_blank" title=" ">“述”亮成绩　
-                                        “评”添干劲——我院召开2024年度党支部书记抓..</a><span>2025-01-24</span></li>
-                                <li><a href="#" target="_blank"
-                                        title="">院党组召开2024年度领导班子成员述责述廉专题党组（扩大）会议</a><span>2025-01-08</span>
-                                </li>
-                            </ul>
-                            <div class="tzgg-box">
-                                <img src="./resources/index/tzggarr.png">
-                                <span class="tzgg-title">通知公告</span>
-                                <div class="tzgg-content">
-                                    <a href="#" target="_blank" title="">关于征集2025年重庆市重大决策咨关于征集2025年重庆市重大决策咨..</a>
-                                    <span>2025-02-27</span>
+                <div class="centerWidth ">
+                    <div class="index-box2-body">
+                        <div class="index-box2-body-l">
+                            <div class="slides-box" id="slides1">
+                                <div class="slides-img">
+                                    <a target="_blank" href="#">
+                                        <img draggable="false"
+                                            src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
+                                            alt="">
+                                    </a>
+                                    <a target="_blank" href="#">
+                                        <img draggable="false"
+                                            src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
+                                            alt="">
+                                    </a>
                                 </div>
-                                <a class="tzgg-more" href="#" target="_blank">
-                                    更多
-                                </a>
+                                <div class="slides-mask"></div>
+                                <div class="slides-txt">
+                                    <a
+                                        style="display: none;">111左右轮播情况，改变type为top就是上下轮播，默认左右轮播1111左右轮播情况，改变type为top就是上下轮播，默认左右轮播1</a>
+                                    <a style="display: none;">2左右轮播情况，改变type为top就是上下轮播，默认左右轮播</a>
+                                </div>
+
                             </div>
+
+                            <div class="slides-num" id="slides1_btn">
+                                <span class="cur"></span>
+                                <span></span>
+                            </div>
+
                         </div>
+                        <div class="index-box2-body-r news2">
+                            <div class="news2-title clearfix">
+                                <p><a href="#">本院新闻</a></p>
+                            </div>
+                            <div class="news2-toptitle">
+                                <p>
+                                    <a href="#">
+                                        院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研
+                                    </a>
+                                </p>
+                            </div>
+
+                            <div class="news2-list">
+                                <ul class="news2-list-ul">
+                                    <li><a href="#" target="_blank"
+                                            title="">全国政协常委、市政协副主席、民革市委会主委王新强一行来院调全国政协常委、市政协副主席、民革市委会主委王新强一行来院调</a><span>2025-02-27</span>
+                                    </li>
+                                    <li><a href="#" target="_blank" title="">担当实干创佳绩
+                                            唯实争先再跃升——我院召开2024年度总结表彰暨2..</a><span>2025-02-25</span></li>
+                                    <li><a href="#" target="_blank"
+                                            title="">我院召开2024年度领导班子民主生活会</a><span>2025-02-19</span>
+                                    </li>
+                                    <li><a href="#" target="_blank" title="  ">统一思想
+                                            深化认识 为开好2024年度院领导班子民主生活会打牢思..</a><span>2025-02-17</span></li>
+                                    <li><a href="#" target="_blank" title=" ">“述”亮成绩　
+                                            “评”添干劲——我院召开2024年度党支部书记抓..</a><span>2025-01-24</span></li>
+                                    <li><a href="#" target="_blank"
+                                            title="">院党组召开2024年度领导班子成员述责述廉专题党组（扩大）会议</a><span>2025-01-08</span>
+                                    </li>
+                                </ul>
+                                <div class="tzgg-box">
+                                    <img src="./resources/index/tzggarr.png">
+                                    <span class="tzgg-title">通知公告</span>
+                                    <div class="tzgg-content">
+                                        <a href="#" target="_blank" title="">关于征集2025年重庆市重大决策咨关于征集2025年重庆市重大决策咨..</a>
+                                        <span>2025-02-27</span>
+                                    </div>
+                                    <a class="tzgg-more" href="#" target="_blank">
+                                        更多
+                                    </a>
+                                </div>
+                            </div>
 
 
+                        </div>
                     </div>
+
                 </div>
             </div>
 
@@ -683,7 +703,7 @@
                         </a>
                     </div>
 
-                    <div class="index-card">
+                    <div class="index-card index-ddjs">
                         <div class="index-card-body">
                             <div class="index-item">
                                 <div class="index-item-r">
@@ -766,7 +786,7 @@
 
             <div class="index-box3">
                 <div class="centerWidth clearfix">
-                    <div class="divider">
+                    <div class="divider sw4">
                         <a href="#">
                             <span>重庆市中国特色社会主义理论体系研究中心</span>
                         </a>
@@ -1035,7 +1055,7 @@
                         </a>
                     </div>
                     <div class="index-bj">
-                        <ul class="book-covers">
+                        <ul class="book-covers pcshow">
                             <li class="item">
                                 <a href="#" target="_blank">
                                     <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="">
@@ -1068,24 +1088,63 @@
                                         <a href="">更多>></a>
                                     </div>
                                 </div>
-                                <div class="book-content">
-                                    <div class="book-name">
-                                        <span>《重庆社会科学》</span>
-                                        <div class="line-dot"></div>
-                                        <a href="#" target="_blank">更多>></a>
-                                    </div>
-                                    <ul class="book-tab">
-                                        <li>
-                                            <a class="cur">简介</a>
-                                        </li>
-                                        <li>
-                                            <a>声明</a>
+                                <div class="book-r">
+                                    <ul class="book-covers book-covers-h5 h5show">
+                                        <li class="item">
+                                            <a href="#" target="_blank">
+                                                <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg"
+                                                    alt="">
+                                            </a>
                                         </li>
                                     </ul>
-                                    <p class="book-text">
-                                        《重庆经济年鉴》是由重庆市人民政府办公厅主管，重庆社会科学院和重庆市人民政府发展研究中心主办的一部具有史存性、鉴知性的大型经济类专业年鉴。自2001年创刊以来，《重庆经济年鉴》已连续出版20年，系统再现了重庆经济社会发展轨迹，为市委、市政府科学决策提供了有价值的参考，为社会各届全方位认识重庆提供了客观史实庆提供了客观史实庆提供了客观史实
-                                    </p>
+                                    <div class="book-content">
+                                        <div class="book-name">
+                                            <span>《重庆社会科学》</span>
+                                            <div class="line-dot pcshow"></div>
+                                            <a href="#" target="_blank">更多>></a>
+                                        </div>
+                                        <!-- <ul class="book-tab">
+                                            <li>
+                                                <a class="cur">简介</a>
+                                            </li>
+                                            <li>
+                                                <a>声明</a>
+                                            </li>
+                                        </ul> -->
+                                        <p class="book-text">
+                                            《重庆经济年鉴》是由重庆市人民政府办公厅主管，重庆社会科学院和重庆市人民政府发展研究中心主办的一部具有史存性、鉴知性的大型经济类专业年鉴。自2001年创刊以来，《重庆经济年鉴》已连续出版20年，系统再现了重庆经济社会发展轨迹，为市委、市政府科学决策提供了有价值的参考，为社会各届全方位认识重庆提供了客观史实庆提供了客观史实庆提供了客观史实
+                                        </p>
 
+                                        <div class="pcshow">
+                                            <div class="top-book">
+                                                <img class="new-book-img" src="./resources/index/new_bjcbzxml.png"
+                                                    alt="">
+                                                <div class="top-book-list">
+                                                    <ul class="row2">
+                                                        <li>
+                                                            <a href="#">《重庆社会科学》</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="">《重庆社会科学》《重庆社会科学》</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="">《重庆社会科学》</a>
+                                                        </li>
+                                                        <li>
+                                                            <a href="">《重庆社会科学》</a>
+                                                        </li>
+                                                    </ul>
+                                                </div>
+                                                <a class="top-book-more" href="#">
+                                                    更多
+                                                </a>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                </div>
+
+                                <div class="h5show">
                                     <div class="top-book">
                                         <img class="new-book-img" src="./resources/index/new_bjcbzxml.png" alt="">
                                         <div class="top-book-list">
@@ -1108,38 +1167,44 @@
                                             更多
                                         </a>
                                     </div>
-
                                 </div>
                             </div>
 
                             <div class="info-bottom">
                                 <ul class="sj">
                                     <li class="cur">
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                     <li>
-                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
                                         <p>点击详情</p>
                                     </li>
                                 </ul>
@@ -1150,7 +1215,6 @@
                 </div>
 
             </div>
-
         </main>
         <!-- 主体 结束 -->
 
@@ -1168,7 +1232,6 @@
                             <span>政府部门</span>
                             <img src="./resources/common/ico_up.png">
                         </a>
-
                         <ul class="dropdown-box">
                             <li class="dropdown-title">地方政府部门</li>
                             <li><a href="http://www.beijing.gov.cn/" target="_blank">北京</a></li>
@@ -1413,27 +1476,29 @@
                 </ul>
             </div>
             <div class="info">
-                <div class="centerWidth info-box">
+                <div class="centerWidth info-box clearfix">
                     <div class="info-l">
-                        <a href="#" class="info-logo">
-                            <img src="./resources/common/bottomlogo.png" alt="" srcset="">
-                        </a>
-                        <div>
-                            <p>
-                                地址：重庆市江北区桥北村270号
-                            </p>
-                            <p>
-                                邮编：400020
-                            </p>
-                            <p>
-                                电话：023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
-                            </p>
+                        <div class="lf">
+                            <a href="#" class="info-logo pcshow">
+                                <img src="./resources/common/bottomlogo.png" alt="" srcset="">
+                            </a>
+                            <div class="info-text">
+                                <p>
+                                    地址：重庆市江北区桥北村270号
+                                </p>
+                                <p>
+                                    邮编：400020
+                                </p>
+                                <p>
+                                    电话：023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
+                                </p>
+                            </div>
                         </div>
-                    </div>
-                    <div class="info-r">
-                        <div id="_ideConac"></div>
+                        <div class="rt" id="_ideConac"></div>
                         <script src="//dcs.conac.cn/js/04/064/0000/60403026/CA040640000604030260001.js"
                             type="text/javascript"></script>
+                    </div>
+                    <div class="info-r">
                         <div class="qrcode">
                             <img src="./resources//common/qrcode.jpg">
                             <p>官方微信公众号</p>