首页栏目

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');
+  })
 });

static/resources/common/common.js

@@ -1336,7 +1336,7 @@
 
       // 启动自动播放
       function startAutoPlay() {
-          if(!settings.autoPlay)
+          if(settings.autoPlay)
           autoPlayInterval = setInterval(() => {
               currentIndex = (currentIndex + 1) % $tabHead.length; // 循环切换
               switchTab(currentIndex);

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,6 +30,47 @@ body {
   width: 430px;
 }
 
+.h5-search {
+  background-color: rgba(0, 0, 0, 0.1);
+  height: 0.7rem;
+  border: 1px solid #0f4595;
+  border-radius: 0.2rem;
+  margin-top: 0.3rem;
+  width: 100%;
+  display: flex;
+}
+.w-full {
+  width: 100%;
+}
+.h5-search input {
+  flex: 1;
+  height: 100%;
+  padding: 0 0.2rem;
+  font-size: 0.22rem;
+  position: relative;
+}
+.h5-search .icon {
+  position: relative;
+  height: 0.7rem;
+  width: 0.7rem;
+  display: inline-block;
+  padding: 0.1rem;
+}
+.h5-search .icon img {
+  width: 100%;
+  height: 100%;
+}
+
+.h5-search .icon::after {
+  content: '';
+  position: absolute;
+  bottom: 0.1rem;
+  top: 0.1rem;
+  width: 1px;
+  left: 0;
+  font-size: 30px;
+  background: #0f4595;
+}
 .nav {
   background-color: #154d9b;
 }
@@ -40,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;
@@ -53,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;
 }
 
@@ -199,7 +246,9 @@ body {
   opacity: 0.7;
   visibility: visible;
 }
-
+footer {
+  margin-top: 36px;
+}
 footer .link {
   background-color: #0e3890;
   height: 56px;
@@ -228,6 +277,8 @@ footer .link {
   color: #fff;
 }
 
+
+
 .dropdown img {
   margin-left: 5px;
   transition: transform 0.3s;
@@ -284,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 {
@@ -302,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;
 }
@@ -321,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;
 }
 
@@ -334,49 +399,129 @@ footer .info {
 }
 
 @media screen and (max-width: 768px) {
-
-  .head{
+  .head {
     height: unset;
+    background-size: cover;
+    padding: 0.7rem 0.2rem 0.2rem;
   }
   .head .top {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin-top: 50px;
+    height: auto;
   }
-  .head .top-l img{
-    width: 90%;
+  .head .top-l img {
+    width: 100%;
   }
-  .head .top-r{
+  .head .top-r {
     margin-top: 20px;
   }
-  .head .top-r img{
-    width: 60%;
+  .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;
+  .navbar.active {
+    display: flex;
   }
-  .navbar li + li{
+
+  .h5-nav {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+  }
+  .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;
+  }
+
+  .fade-box, .fade-img{
+    height: 2rem;
+  }
+
+  .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;
+  }
+
+
 }

static/resources/index/index.css

@@ -29,13 +29,13 @@
   flex-direction: column;
   justify-content: center;
 }
-.index-box1-c .title {
+.index-box1-c p:nth-child(1) a{
   font-size: 30px;
   color: #df0012;
   font-weight: bold;
   line-height: 44px;
 }
-.index-box1-c .desc {
+.index-box1-c p:nth-child(2) a{
   font-size: 18px;
   color: #333;
 }
@@ -118,6 +118,10 @@
   width: 640px;
   flex: none;
 }
+.index-box3-body-l {
+  width: 500px;
+  flex: none;
+}
 
 .slides-box,
 .slides-img {
@@ -126,6 +130,15 @@
   overflow: hidden;
 }
 
+#slides2 .slides-img,
+#slides2 {
+  height: 320px;
+}
+
+.mt-3 {
+  margin-top: 3px;
+}
+
 .slides-img a {
   position: absolute;
   top: 0;
@@ -309,6 +322,9 @@
   transform: translateX(-50%) translateY(-50%);
   background-color: #fff;
   padding: 0 28px;
+  white-space: nowrap; /* 防止文字换行 */
+  text-align: center; /* 文字居中 */
+  z-index: 1; /* 确保文字在分隔线上方 */
 }
 .divider a span {
   font-size: 59px;
@@ -316,6 +332,28 @@
   vertical-align: baseline;
 }
 
+.divider-bg {
+  background: url(2401-cxgc.png) no-repeat center;
+  font-size: 60px;
+  text-align: center;
+  font-family: ysbth;
+  position: relative;
+}
+.divider-bg a span {
+  font-size: 59px;
+  color: #bd1a2d;
+  vertical-align: baseline;
+}
+.divider-bg .more {
+  font-size: 14px;
+  color: #bd1a2d;
+  font-family: '微软雅黑';
+  font-weight: normal;
+  position: absolute;
+  right: 0;
+  bottom: 20px;
+}
+
 .index-box3 {
   margin-top: 20px;
 }
@@ -323,7 +361,6 @@
 .index-card {
   border: 1px solid #e1e1e1;
   padding: 0 31px 31px;
-
 }
 
 .index-card-nav {
@@ -375,15 +412,15 @@
   margin-top: 35px;
 }
 
-.index-card-body .index-item{
+.index-card-body .index-item {
   display: flex;
 }
 
-.index-item-l{
+.index-item-l {
   flex: none;
 }
 
-.index-item-r{
+.index-item-r {
   flex: 1;
   width: 0;
 }
@@ -405,6 +442,12 @@
   -webkit-line-clamp: 2;
   overflow: hidden;
 }
+.line-3 {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden;
+}
 .news3-title a {
   font-size: 22px;
   font-weight: bold;
@@ -427,7 +470,7 @@
   border-bottom: 1px solid #c1182f;
 }
 
-.news3-list{
+.news3-list {
   margin-top: 18px;
 }
 
@@ -452,7 +495,7 @@
   flex: 1;
   width: 0;
 }
-.news3-list li a:hover{
+.news3-list li a:hover {
   color: #c92e1a;
 }
 
@@ -463,35 +506,798 @@
   margin-left: 44px;
 }
 
-.index-card-ad{
+.index-card-ad {
   margin-top: 20px;
   display: flex;
   justify-content: space-between;
 }
-
-
-.news3-img-swiper{
-  width: 560px;
-  margin-right: 44px;
-}
-
-.swiper {
+.index-card-ad a {
+  display: inline-block;
   width: 100%;
-  height: 100%;
 }
 
-.swiper-slide {
-  text-align: center;
-  font-size: 18px;
-  background: #fff;
+.news3-img-swiper {
+  width: 580px;
+  margin-right: 44px;
   display: flex;
-  justify-content: center;
   align-items: center;
 }
 
-.swiper-slide img {
-  display: block;
+.news3-img-swiper1 {
+  width: 500px;
+  margin-left: 39px;
+  display: flex;
+}
+
+.swiper-container {
+  width: 100%;
+  height: 190px;
+}
+
+.swiper-slide {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border-radius: 10px; /* 圆角效果 */
+}
+
+.box-bg {
+  background: url(2401-cxgc-bg.png) no-repeat center;
+  margin-bottom: 0;
+  display: inline-block;
+  width: 100%;
+}
+
+.index-book {
+  background: url(2401-cxgcbg-2-2402.png) no-repeat center top;
+  margin-top: 30px;
+  margin: 30px -30px 0;
+  height: 448px;
+}
+.index-book-head {
+  display: flex;
+}
+.index-book-head .icon {
+  display: inline-block;
+  margin-top: 26px;
+  margin-left: 94px;
+  flex: none;
+}
+.index-book-head .icon img {
   width: 100%;
   height: 100%;
+}
+.index-book-head .text {
+  font-size: 15px;
+  margin-top: 36px;
+  width: 1080px;
+  margin-right: 55px;
+  text-indent: 2em;
+  margin-left: 36px;
+  color: #333333;
+}
+.index-book-head .text a {
+  color: #bd1a2d;
+}
+.index-book-body {
+  margin: 72px 70px 0 70px;
+  display: flex;
+  justify-content: space-between;
+}
+.book-item {
+  width: 290px;
+}
+.book-item-head {
+  display: inline-block;
+}
+.book-item-head img {
+  width: 100%;
+  height: 120px;
+}
+.book-item-body {
+  height: 108px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.book-item-body .tits {
+  padding-bottom: 4px;
+  margin-top: 4px;
+  flex: 1;
+}
+.book-item-body .tits-item .tits-item-t {
+  font-size: 16px;
+  color: #333333;
+  line-height: 1.6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.book-item-body .tits-item .tits-item-t:hover {
+  color: #bd1a2d;
+}
+.book-item-body .bottom {
+  display: flex;
+}
+.book-item-body .dots {
+  display: flex;
+  align-items: center;
+  height: 20px;
+  z-index: 99;
+  margin-right: 40px;
+}
+.book-item-body .dots li + li {
+  margin-left: 4px;
+}
+
+.book-item-body .dots li {
+  width: 8px;
+  height: 8px;
+  background: #aaaaaa;
+  border-radius: 999px;
+  cursor: pointer;
+}
+
+.book-item-body .dots li.cur {
+  background: #bd1a2d;
+}
+.book-item-body .tits .more {
+  color: #bd1a2d;
+  font-size: 16px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+.index-bj {
+  display: flex;
+}
+
+.index-bj .book-covers {
+  position: relative;
+  width: 366px;
+  height: 500px;
+  flex: none;
+}
+
+.index-bj .book-covers .item {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transition: opacity 0.5s;
+  -webkit-transition: opacity 0.5s;
+  -moz-transition: opacity 0.5s;
+  -o-transition: opacity 0.5s;
+  -ms-transition: opacity 0.5s;
+}
+.index-bj .book-covers .item a {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+.book-covers .item a img {
+  width: 100%;
+  height: 100%;
+}
+.book-info {
+  margin-left: 46px;
+  padding-bottom: 0px;
+  flex: 1;
+}
+.info-head {
+  height: 296px;
+  display: flex;
+  padding-top: 27px;
+  box-sizing: content-box;
+}
+.book-news {
+  width: 298px;
+  height: 100%;
+  border: 1px solid #e5e5e5;
+  background-color: #f7f7f7;
+  flex: none;
+}
+.book-news h3 {
+  height: 52px;
+  font-size: 22px;
+  font-weight: 900;
+  color: #000;
+  line-height: 52px;
+  text-align: center;
+  background: url(new_bjcblin1.png) bottom no-repeat;
+}
+.book-news-list {
+  height: 203px;
+  overflow: hidden;
+  margin-top: 6px;
+}
+.book-news-list li {
+  background: url(dot.png) 0 11px no-repeat;
+  width: 90%;
+  margin-left: 5%;
+  line-height: 26px;
+}
+.book-news-list li a {
+  font-size: 14px;
+  color: #000;
+  padding-left: 10px;
+  display: inline-block;
+}
+.book-news-more {
+  text-align: right;
+  padding: 5px 10px 0 0;
+}
+.book-news-more a {
+  color: #bd1a2d;
+  font-size: 14px;
+}
+.book-content {
+  flex: 1;
+  margin-left: 60px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.book-name {
+  display: flex;
+  align-items: center;
+}
+.book-name span {
+  font-size: 22px;
+  font-weight: 900;
+  color: #000;
+  padding-right: 20px;
+}
+.book-name a {
+  font-weight: 900;
+  color: #104697;
+  font-size: 16px;
+  font-weight: bold;
+  margin-left: 10px;
+}
+.book-name .line-dot {
+  flex: 1;
+  height: 1px;
+  border-bottom: 1px dashed #e5e5e5;
+}
+.book-tab {
+  display: flex;
+  margin-top: 10px;
+}
+.book-tab li + li {
+  margin-left: 25px;
+}
+.book-tab a {
+  font-size: 16px;
+  font-weight: 900;
+  color: #104697;
+  padding: 3px 6px;
+  cursor: pointer;
+}
+.book-tab a.cur {
+  background: #bd1a2d;
+  color: #fff;
+}
+
+.book-content .book-text {
+  font-size: 14px;
+  line-height: 26px;
+  color: #000;
+  text-indent: 23px;
+  text-align: justify;
+  margin-top: 15px;
+  display: block;
+  flex: 1;
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+
+.top-book {
+  height: 80px;
+  background-color: #f7f7f7;
+  width: 100%;
+  display: flex;
+  margin-top: 4px;
+}
+.top-book .new-book-img {
+  height: 100%;
+  width: 90px;
+}
+.top-book-list {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+}
+.top-book-more {
+  height: 100%;
+  width: 24px;
+  background-color: #b8b8b8;
+  display: block;
+  text-align: center;
+  padding: 20px 0;
+  color: #fff;
+  font-size: 14px;
+}
+
+.top-book-list ul {
+  display: flex;
+  flex-wrap: wrap;
+}
+.top-book-list ul li {
+  padding-left: 10px;
+  line-height: 26px;
+  flex: none;
+}
+.top-book-list li a {
+  font-size: 14px;
+  color: #000;
+}
+.top-book-list li a:hover {
+  color: #bd1a2d;
+}
+.top-book-list .row1 li {
+  width: 100%;
+}
+
+.top-book-list .row2 li {
+  width: 50%;
+  margin: 2.5px 0;
+}
+
+.top-book-list .row2 li a {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  overflow: hidden;
+}
+.info-bottom {
+  margin-top: 28px;
+}
+.sj {
+  display: flex;
+}
+.sj li {
+  width: 80px;
+  cursor: pointer;
+  padding: 1px;
+  border: solid 3px transparent;
+  box-sizing: content-box;
+  margin: 0 1.92%;
+}
+.sj li.cur {
+  border: solid 3px #104697;
+}
+.sj li img {
+  height: 100px;
+  width: 100%;
   object-fit: cover;
-}
+}
+.sj li p {
+  height: 23px;
+  display: block;
+  line-height: 23px;
+  font-size: 14px;
+  background-color: #bd1a2d;
+  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 p:nth-child(1) a {
+    font-size: 0.42rem;
+    line-height: 0.61rem;
+  }
+  .index-box1-r a {
+    font-size: 0.22rem;
+  }
+  .index-box1-c {
+    height: auto;
+  }
+  .index-box1-c p:nth-child(2) a{
+    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;
+  }
+}

static/resources/index/index.js

@@ -1,9 +1,21 @@
 $(function () {
-  jQuery(".slides-img a").SwitchFade({
-    text: '.slides-txt a',
-    prev: '.slides-left',
-    next: '.slides-right',
-    num: '.slides-num span',
+  jQuery("#slides1 .slides-img a").SwitchFade({
+    text: '#slides1 .slides-txt a',
+    prev: '#slides1 .slides-left',
+    next: '#slides1 .slides-right',
+    num: '#slides1_btn.slides-num span',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+    // autoPlay:false //是否自动轮播
+  });
+
+  jQuery("#slides2 .slides-img a").SwitchFade({
+    text: '#slides2 .slides-txt a',
+    prev: '#slides2 .slides-left',
+    next: '#slides2 .slides-right',
+    num: '#slides2 .slides-num span',
     className: 'cur',
     playTime: 4000,
     lendy: '.x',
@@ -12,6 +24,14 @@ $(function () {
   });
 
   $(".index-sw1").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: false, // Enable auto-play
+    interval: 5000
+  });
+
+  $(".index-sw2").autoPlayTabs({
     tabHead: ".index-card-nav li",
     tabCont: ".index-card-body .index-item",
     cur: "cur",
@@ -19,7 +39,7 @@ $(function () {
     interval: 5000
   });
 
-  $(".index-sw21").autoPlayTabs({
+  $(".index-sw3").autoPlayTabs({
     tabHead: ".index-card-nav li",
     tabCont: ".index-card-body .index-item",
     cur: "cur",
@@ -27,13 +47,76 @@ $(function () {
     interval: 5000
   });
 
-  var swiper = new Swiper(".mySwiper", {
-    slidesPerView: 3,
-    spaceBetween: 30,
-    pagination: {
-      el: ".swiper-pagination",
-      clickable: true,
+  $(".index-sw4").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: false, // Enable auto-play
+    interval: 5000
+  });
+
+  const swiper = new Swiper('.swiper-container', {
+    // 启用 3D 旋转轮播效果
+    effect: 'coverflow',
+    grabCursor: false, // 鼠标悬停时显示抓手光标
+    centeredSlides: true, // 居中显示
+    slidesPerView: 2, // 自适应显示幻灯片数量
+    loop: true, // 启用无限循环
+    coverflowEffect: {
+      rotate: 0, // 旋转角度（负值表示从后面往前旋转）
+      stretch: 0, // 拉伸距离
+      depth: 100, // 深度
+      modifier: 4, // 效果强度
+      slideShadows: false, // 启用幻灯片阴影
+    },
+    // 自动播放
+    autoplay: {
+      delay: 6000, // 3 秒切换一次
+      disableOnInteraction: false, // 用户操作后不停止自动播放
     },
   });
 
+
+  jQuery("#book1 .tits .tits-item").SwitchFade({
+    text: '#book1 1',
+    prev: '#book1 none',
+    next: '#book1 none',
+    num: '#book1 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+
+  jQuery("#book2 .tits .tits-item").SwitchFade({
+    text: '#book2 1',
+    prev: '#book2 none',
+    next: '#book2 none',
+    num: '#book2 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+  jQuery("#book3 .tits .tits-item").SwitchFade({
+    text: '#book3 1',
+    prev: '#book3 none',
+    next: '#book3 none',
+    num: '#book3 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+  jQuery("#book4 .tits .tits-item").SwitchFade({
+    text: '#book4 1',
+    prev: '#book4 none',
+    next: '#book4 none',
+    num: '#book4 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+
 })

static/resources/lb/lb.css

@@ -0,0 +1,213 @@
+.lb-box {
+  display: flex;
+  margin-top: 45px;
+}
+.lb-box .lb-box-l {
+  width: 250px;
+  flex: none;
+}
+.lb-box .lb-box-r {
+  flex: 1;
+}
+.lb-nav {
+  border: 1px solid #e5e5e5;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lb-box-l {
+  margin-right: 30px;
+}
+
+.lb-nav li {
+  line-height: 50px;
+
+  text-align: center;
+}
+
+.lb-nav .title {
+  margin: 0 -0.5px;
+  font-size: 18px;
+}
+
+.lb-nav li + li {
+  border-top: 1px solid #e5e5e5;
+}
+
+.lb-nav li a {
+  display: block;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: inherit;
+  font-size: 16px;
+}
+
+.lb-nav li a:hover,
+.lb-nav .title {
+  background: #154d9b;
+  color: #fff;
+}
+
+.lb-con-tit {
+  display: flex;
+  border-bottom: 1px solid #e5e5e5;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.lb-con-tit-l {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  line-height: 48px;
+  font-size: 20px;
+  color: #333;
+  position: relative;
+}
+.lb-con-tit-l img {
+  margin-right: 12px;
+}
+.lb-con-tit-l::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: #154d9b;
+}
+.lb-con-tit-r {
+  display: flex;
+  align-items: center;
+}
+.lb-con-tit-r li span {
+  vertical-align: middle;
+}
+.lb-con-tit-r li,
+.lb-con-tit-r li a {
+  font-size: 14px;
+  color: #b8b8b8;
+}
+.lb-con-tit-r li a:hover {
+  color: #154d9b;
+}
+
+.lb-con-list,
+.lb-con-list-item {
+  width: 100%;
+}
+.lb-con-list-item {
+  line-height: 3;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 16px;
+  color: #ccc;
+  overflow: hidden;
+  border-bottom: 1px #eee solid;
+  background: url(doccli.gif) 0 22px no-repeat;
+  text-indent: 20px;
+}
+.lb-con-list-item a {
+  color: #333333;
+  width: 0;
+  flex: 1;
+  overflow: hidden;
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lb-con-list-item span {
+  flex: none;
+}
+.lb-con-list-item a:hover {
+  color: #248;
+  animation: listover 0.4s linear infinite;
+}
+
+@keyframes listover {
+  0% {
+    margin-left: -2px;
+  }
+  100% {
+    margin-left: 2px;
+  }
+}
+
+.pages {
+  text-align: center;
+  margin-top: 20px;
+}
+.pages li {
+  display: inline-block;
+  margin: 0 3px;
+}
+.pages li a {
+  display: inline-block;
+  color: #0e509e;
+  font-size: 12px;
+  border: solid 1px #9aafe5;
+  line-height: 30px;
+  min-width: 30px;
+  padding: 0 8px;
+}
+.pages li a:hover,
+.pages li.page-active a {
+  border: solid 1px #0e509e;
+}
+.pages li[disabled='true'] a {
+  pointer-events: none;
+  color: #ccc;
+  border: solid 1px #ccc;
+}
+
+@media screen and (max-width: 768px) {
+  .pages {
+    margin-top: 0.3rem;
+  }
+  .pages li {
+    margin: 0 0.05rem;
+  }
+  .pages li a,
+  .pages li span {
+    line-height: 0.5rem;
+    font-size: 0.24rem;
+    min-width: 0.5rem;
+    padding: 0 0.1rem;
+    margin-bottom: 0.1rem;
+  }
+  .lb-con-tit-l{
+    font-size: .3rem;
+    line-height: .8rem;
+    height: .8rem;
+  }
+  .lb-con-tit-r li, .lb-con-tit-r li a {
+    font-size: .22rem;
+  }
+  .lb-con-list-item{
+    font-size: .28rem;
+    line-height: 0.8rem;
+  }
+  .lb-con-list-item{
+    background-position: .2rem;
+    text-indent: .4rem;
+  }
+  .lb-box{
+    display: block;
+  }
+  .lb-box .lb-box-l{
+    width: auto;
+    margin-right: 0;
+  }
+  .lb-nav .title{
+    font-size: .28rem;
+  }
+  .lb-nav li{
+    line-height: .6rem;
+  }
+  .lb-nav li a{
+    font-size: .22rem;
+  }
+  
+}

static/xx.html

@@ -1,93 +1,204 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Swiper 5.2.1 3D 轮播图</title>
-    <!-- 引入 Swiper CSS -->
-    <link rel="stylesheet" href="https://unpkg.com/swiper@5.2.1/css/swiper.min.css">
-    <style>
-        /* 基础样式 */
-        body {
-            font-family: Arial, sans-serif;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
-            background-color: #f0f0f0;
-        }
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>自适应导航栏</title>
+  <style>
+    /* 基础样式 */
+    .nav {
+      background-color: #154d9b;
+    }
+    .nav-box {
+      display: flex;
+      margin: 0 auto;
+      height: 62px;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 20px;
+      position: relative; /* 确保下拉菜单定位正确 */
+    }
+    .navbar {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+    .navbar li + li {
+      margin-left: 10px;
+    }
+    .navbar li a {
+      font-size: 16px;
+      color: #fff;
+      text-decoration: none;
+    }
+    .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;
+    }
+    .search {
+      position: relative;
+    }
+    .search .icon {
+      width: 30px;
+      height: 30px;
+      cursor: pointer;
+      background: url(navrarr.jpg) no-repeat center;
+    }
+    .search-container {
+      z-index: 99;
+      visibility: hidden;
+      opacity: 0;
+      position: absolute;
+      background: #ccc;
+      padding: 12px 13px;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+      right: -30px;
+      top: 40px;
+      transition: opacity 0.3s ease, visibility 0.3s ease;
+    }
+    .search:hover .search-container {
+      visibility: visible;
+      opacity: 1;
+    }
+    .search-container::before {
+      content: '';
+      position: absolute;
+      top: -8px;
+      right: 35px;
+      border-left: 10px solid transparent;
+      border-right: 10px solid transparent;
+      border-bottom: 10px solid #ccc;
+      width: 0;
+      height: 0;
+    }
+    .search-input {
+      width: 240px;
+      height: 36px;
+      border: none;
+      border-radius: 3px;
+      font-size: 14px;
+      background-color: #fff;
+      padding: 0 10px;
+      outline: none;
+    }
+    .search-input::placeholder {
+      color: #aaa;
+    }
+    .search-button {
+      flex: none;
+      padding: 0 10px;
+      height: 36px;
+      border: none;
+      background: white;
+      color: black;
+      font-size: 14px;
+      cursor: pointer;
+      border-radius: 3px;
+      margin-left: 5px;
+      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.1);
+    }
+    .search-button:hover {
+      background: #eee;
+    }
 
-        .swiper-container {
-            width: 300px;
-            height: 200px;
-        }
+    /* 移动端样式 */
+    @media screen and (max-width: 768px) {
+      .navbar {
+        display: none; /* 默认隐藏导航栏 */
+        flex-direction: column;
+        position: absolute;
+        top: 62px;
+        left: 0;
+        width: 100%;
+        background-color: #154d9b;
+        padding: 10px 0;
+      }
+      .navbar.active {
+        display: flex; /* 展开时显示导航栏 */
+      }
+      .navbar li {
+        margin: 0;
+        padding: 10px 20px;
+        text-align: center;
+      }
+      .navbar li + li {
+        margin-left: 0;
+      }
+      .menu-toggle {
+        display: block !important; /* 显示菜单切换按钮 */
+        cursor: pointer;
+        font-size: 24px;
+        color: #fff;
+      }
+      .search {
+        display: none; /* 隐藏搜索框 */
+      }
+    }
 
-        .swiper-slide {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background-color: #3498db;
-            color: white;
-            font-size: 2rem;
-            border: 2px solid #2980b9;
-            box-sizing: border-box;
-        }
-    </style>
+    /* 隐藏菜单切换按钮（默认隐藏） */
+    .menu-toggle {
+      display: none;
+    }
+  </style>
 </head>
 <body>
-
-<!-- Swiper 容器 -->
-<div class="swiper-container">
-    <div class="swiper-wrapper">
-        <div class="swiper-slide">1</div>
-        <div class="swiper-slide">2</div>
-        <div class="swiper-slide">3</div>
-        <div class="swiper-slide">4</div>
-        <div class="swiper-slide">5</div>
+  <div class="nav">
+    <div class="nav-box centerWidth">
+      <ul class="navbar">
+        <li><a href="#">首页</a></li>
+        <li><a href="#">院情概览</a></li>
+        <li><a href="#">机构设置</a></li>
+        <li><a href="#">本院新闻</a></li>
+        <li><a href="#">研究阐释</a></li>
+        <li><a href="#">决策服务</a></li>
+        <li><a href="#">述学立论</a></li>
+        <li><a href="#">党的建设</a></li>
+        <li><a href="#">市中特中心</a></li>
+        <li><a href="#">编辑出版</a></li>
+        <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>
+      </ul>
+      <div class="search pcshow">
+        <div class="icon"></div>
+        <div class="search-container">
+          <input type="text" class="search-input" placeholder="请输入关键词">
+          <button class="search-button">搜 索</button>
+        </div>
+      </div>
+      <!-- 移动端菜单切换按钮 -->
+      <div class="menu-toggle" id="menuToggle">&#9776;</div>
     </div>
-    <!-- 分页器 -->
-    <div class="swiper-pagination"></div>
-    <!-- 导航按钮 -->
-    <div class="swiper-button-next"></div>
-    <div class="swiper-button-prev"></div>
-</div>
+  </div>
 
-<!-- 引入 Swiper JS -->
-<script src="https://unpkg.com/swiper@5.2.1/js/swiper.min.js"></script>
-<script>
-    // 初始化 Swiper
-    const swiper = new Swiper('.swiper-container', {
-        // 启用 3D 效果
-        effect: 'coverflow',
-        grabCursor: true, // 鼠标悬停时显示抓手光标
-        centeredSlides: true, // 居中显示
-        slidesPerView: 'auto', // 自适应显示幻灯片数量
-        coverflowEffect: {
-            rotate: 50, // 旋转角度
-            stretch: 0, // 拉伸距离
-            depth: 100, // 深度
-            modifier: 1, // 效果强度
-            slideShadows: true, // 启用幻灯片阴影
-        },
-        // 分页器
-        pagination: {
-            el: '.swiper-pagination',
-            clickable: true,
-        },
-        // 导航按钮
-        navigation: {
-            nextEl: '.swiper-button-next',
-            prevEl: '.swiper-button-prev',
-        },
-        // 自动播放
-        autoplay: {
-            delay: 3000, // 3 秒切换一次
-            disableOnInteraction: false, // 用户操作后不停止自动播放
-        },
+  <script>
+    // JavaScript 实现菜单切换
+    const menuToggle = document.getElementById('menuToggle');
+    const navbar = document.querySelector('.navbar');
+
+    menuToggle.addEventListener('click', () => {
+      navbar.classList.toggle('active');
     });
-</script>
-
+  </script>
 </body>
 </html>

static/头尾.html

@@ -17,6 +17,8 @@
     <script type="text/javaScript" src="./resources/common/common.js"></script>
     <script type="text/javascript" src="./resources/common/setFont.js"></script>
     <script type="text/javascript" src="./resources/common/base.js"></script>
+
+
   </head>
 
   <body>
@@ -30,10 +32,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>
@@ -48,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>
@@ -60,8 +82,6 @@
             </div>
           </div>
         </div>
-
-
       </div>
 
       <div class="fade-box">
@@ -80,9 +100,9 @@
 
     <!-- 主体 开始 -->
     <main>
-        <div class="index-box1">
+      <div class="index-box1">
 
-        </div>
+      </div>
     </main>
     <!-- 主体 结束 -->
 
@@ -100,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>
@@ -344,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>

static/通用列表-主栏目.html

@@ -0,0 +1,467 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <trs_template tempname="meta通用概览" />
+    <title>
+      <trs_channel FIELD="chnldesc" id="owner" autolink="false"></trs_channel>_<trs_website field="sitedesc">
+      </trs_website>
+    </title>
+    <link rel="stylesheet" type="text/css" href="./resources/common/common.css" />
+    <link rel="stylesheet" type="text/css" href="./resources/common/headfoot.css" />
+    <link rel="stylesheet" type="text/css" href="./resources/lb/lb.css" />
+
+    <script type="text/javascript" src="./resources/common/jquery.min.js"></script>
+    <script type="text/javaScript" src="./resources/common/common.js"></script>
+    <script type="text/javascript" src="./resources/common/setFont.js"></script>
+    <script type="text/javascript" src="./resources/common/base.js"></script>
+
+
+  </head>
+
+  <body>
+    <!-- 头部 开始 -->
+    <header>
+      <div class="head">
+        <div class="top centerWidth">
+          <a class="top-l">
+            <img src="./resources/common/toplogo3.png">
+          </a>
+          <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>
+            <li><a href="#">机构设置</a></li>
+            <li><a href="#">本院新闻</a></li>
+            <li><a href="#">研究阐释</a></li>
+            <li><a href="#">决策服务</a></li>
+            <li><a href="#">述学立论</a></li>
+            <li><a href="#">党的建设</a></li>
+            <li><a href="#">市中特中心</a></li>
+            <li><a href="#">编辑出版</a></li>
+            <li><a href="#">专家学者</a></li>
+            <li><a href="#">专题聚焦</a></li>
+            <li><a href="#">文献资源</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>
+            <div class="search-container">
+              <input type="text" class="search-input" placeholder="请输入关键词">
+              <button class="search-button">搜 索</button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="fade-box">
+        <div class="fade-img">
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-02.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-02.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+        </div>
+        <div class="fade-btn fade-left"></div>
+        <div class="fade-btn fade-right"></div>
+      </div>
+    </header>
+    <!-- 头部 结束 -->
+
+    <!-- 主体 开始 -->
+    <main>
+      <div class="centerWidth">
+        <div class="lb-box">
+          <div class="lb-box-l">
+            <ul class="lb-nav">
+              <li class="title">. : 研究阐释 : .</li>
+              <li class="item">
+                <a href="#" target="_self">理论文章</a>
+              </li>
+              <li class="lb-nav-item">
+                <a href="#" target="_self">理论文章</a>
+              </li>
+            </ul>
+          </div>
+          <div class="lb-box-r">
+            <div class="lb-con">
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <img src="./resources/lb/docctitarr1.png" alt="" srcset="">
+                  <p>研究阐释</p>
+                </div>
+                <ul class="lb-con-tit-r">
+                  <li>
+                    <img src="./resources/common/docctitarr2.png" alt="" srcset="">
+                    <span>您的位置：</span></li>
+                  <li><a href="/index">首页</a></li>
+                  <li> - <a href="#">研究阐释</a></li>
+                </ul>
+              </div>
+
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <p>理论文章</p>
+                </div>
+                <a href="#">
+                  <img src="./resources/lb/more.gif" alt="" srcset="">
+                </a>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank" title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+              </ul>
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <p>理论文章</p>
+                </div>
+                <a href="#">
+                  <img src="./resources/lb/more.gif" alt="" srcset="">
+                </a>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank" title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- 主体 结束 -->
+
+    <!-- 底部 开始 -->
+    <footer>
+      <div class="link pcshow">
+        <ul class="link-box centerWidth">
+          <li class="link-item">
+            <a href="#">
+              <span>友情链接</span>
+            </a>
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <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>
+              <li><a href="http://www.tj.gov.cn/" target="_blank">天津</a></li>
+              <li><a href="http://www.hebei.gov.cn/" target="_blank">河北</a></li>
+              <li><a href="http://www.shanxi.gov.cn/" target="_blank">山西</a></li>
+              <li><a href="https://www.nmg.gov.cn/" target="_blank">内蒙古</a></li>
+              <li><a href="http://www.ln.gov.cn/" target="_blank">辽宁</a></li>
+              <li><a href="http://www.jl.gov.cn/" target="_blank">吉林</a></li>
+              <li><a href="https://www.hlj.gov.cn/" target="_blank">黑龙江</a></li>
+              <li><a href="https://www.shanghai.gov.cn/" target="_blank">上海</a></li>
+              <li><a href="http://www.jiangsu.gov.cn/" target="_blank">江苏</a></li>
+              <li><a href="https://www.zj.gov.cn/" target="_blank">浙江</a></li>
+              <li><a href="http://www.ah.gov.cn/" target="_blank">安徽</a></li>
+              <li><a href="http://www.fujian.gov.cn/" target="_blank">福建</a></li>
+              <li><a href="http://www.jiangxi.gov.cn/" target="_blank">江西</a></li>
+              <li><a href="http://www.shandong.gov.cn/" target="_blank">山东</a></li>
+              <li><a href="http://www.henan.gov.cn/" target="_blank">河南</a></li>
+              <li><a href="http://www.hubei.gov.cn/" target="_blank">湖北</a></li>
+              <li><a href="http://www.hunan.gov.cn/" target="_blank">湖南</a></li>
+              <li><a href="http://www.gd.gov.cn/" target="_blank">广东</a></li>
+              <li><a href="http://www.gxzf.gov.cn/" target="_blank">广西</a></li>
+              <li><a href="https://www.hainan.gov.cn/" target="_blank">海南</a></li>
+              <li><a href="http://www.cq.gov.cn/" target="_blank">重庆</a></li>
+              <li><a href="https://www.sc.gov.cn/" target="_blank">四川</a></li>
+              <li><a href="http://www.guizhou.gov.cn/" target="_blank">贵州</a></li>
+              <li><a href="http://www.yn.gov.cn/" target="_blank">云南</a></li>
+              <li><a href="http://www.xizang.gov.cn/" target="_blank">西藏</a></li>
+              <li><a href="http://www.shaanxi.gov.cn/" target="_blank">陕西</a></li>
+              <li><a href="http://www.gansu.gov.cn/" target="_blank">甘肃</a></li>
+              <li><a href="http://www.qinghai.gov.cn/" target="_blank">青海</a></li>
+              <li><a href="https://www.nx.gov.cn/" target="_blank">宁夏</a></li>
+              <li><a href="http://www.xinjiang.gov.cn/" target="_blank">新疆</a></li>
+              <li><a href="https://www.gov.hk/tc/residents/" target="_blank">香港</a></li>
+              <li><a href="http://www.gov.mo/" target="_blank">澳门</a></li>
+              <li><a href="http://www.gwytb.gov.cn/" target="_blank">台湾</a></li>
+              <li><a href="http://www.xjbt.gov.cn/" target="_blank">新疆生产建设兵团</a></li>
+              <li class="dropdown-title">市政府部门</li>
+              <li><a href="http://fzggw.cq.gov.cn/" target="_blank">市发展改革委</a></li>
+              <li><a href="http://jw.cq.gov.cn/" target="_blank">市教委</a></li>
+              <li><a href="http://kjj.cq.gov.cn/" target="_blank">市科技局</a></li>
+              <li><a href="https://jjxxw.cq.gov.cn/" target="_blank">市经济信息委</a></li>
+              <li><a href="http://mzzjw.cq.gov.cn/" target="_blank">市民族宗教委</a></li>
+              <li><a href="http://gaj.cq.gov.cn/" target="_blank">市公安局</a></li>
+              <li><a href="http://mzj.cq.gov.cn/" target="_blank">市民政局</a></li>
+              <li><a href="http://sfj.cq.gov.cn/" target="_blank">市司法局</a></li>
+              <li><a href="http://czj.cq.gov.cn/" target="_blank">市财政局</a></li>
+              <li><a href="http://rlsbj.cq.gov.cn/" target="_blank">市人力社保局</a></li>
+              <li><a href="http://ghzrzyj.cq.gov.cn/" target="_blank">市规划自然资源局</a></li>
+              <li><a href="http://sthjj.cq.gov.cn/" target="_blank">市生态环境局</a></li>
+              <li><a href="http://zfcxjw.cq.gov.cn/" target="_blank">市住房城乡建委</a></li>
+              <li><a href="http://cgj.cq.gov.cn/" target="_blank">市城市管理局</a></li>
+              <li><a href="https://jtj.cq.gov.cn/" target="_blank">市交通局</a></li>
+              <li><a href="http://slj.cq.gov.cn/" target="_blank">市水利局</a></li>
+              <li><a href="http://nyncw.cq.gov.cn/" target="_blank">市农业农村委</a></li>
+              <li><a href="http://sww.cq.gov.cn/" target="_blank">市商务委</a></li>
+              <li><a href="http://whlyw.cq.gov.cn/" target="_blank">市文化旅游委</a></li>
+              <li><a href="http://wsjkw.cq.gov.cn/" target="_blank">市卫生健康委</a></li>
+              <li><a href="http://tyjrswj.cq.gov.cn/index.html" target="_blank">市退役军人事务局</a></li>
+              <li><a href="http://yjj.cq.gov.cn/" target="_blank">市应急局</a></li>
+              <li><a href="http://sjj.cq.gov.cn/" target="_blank">市审计局</a></li>
+              <li><a href="http://zfwb.cq.gov.cn/" target="_blank">市政府外办</a></li>
+              <li><a href="http://gzw.cq.gov.cn/" target="_blank">市国资委</a></li>
+              <li><a href="http://scjgj.cq.gov.cn/" target="_blank">市市场监管局</a></li>
+              <li><a href="http://tyj.cq.gov.cn/" target="_blank">市体育局</a></li>
+              <li><a href="http://tjj.cq.gov.cn/" target="_blank">市统计局</a></li>
+              <li><a href="http://fpb.cq.gov.cn/" target="_blank">市乡村振兴局</a></li>
+              <li><a href="https://ylbzj.cq.gov.cn/" target="_blank">市医保局</a></li>
+              <li><a href="http://jgswj.cq.gov.cn/" target="_blank">市机关事务局</a></li>
+              <li><a href="http://jrjgj.cq.gov.cn/" target="_blank">市金融监管局</a></li>
+              <li><a href="http://xfb.cq.gov.cn/" target="_blank">市信访办</a></li>
+              <li><a href="http://cci.cq.gov.cn/" target="_blank">市中新项目管理局</a></li>
+              <li><a href="http://dsjj.cq.gov.cn/index.html" target="_blank">市大数据发展局</a></li>
+              <li><a href="http://zfkawlb.cq.gov.cn/" target="_blank">市政府口岸物流办</a></li>
+              <li><a href="http://rmfkb.cq.gov.cn/" target="_blank">市人民防空办</a></li>
+              <li><a href="http://zsj.cq.gov.cn/index.html" target="_blank">市招商投资局</a></li>
+              <li><a href="http://ggzyjyjgj.cq.gov.cn/" target="_blank">市公共资源交易监管局</a></li>
+              <li><a href="http://lyj.cq.gov.cn/" target="_blank">市林业局</a></li>
+              <li><a href="http://yaojianju.cq.gov.cn/" target="_blank">市药监局</a></li>
+              <li><a href="http://zscqj.cq.gov.cn/" target="_blank">市知识产权局</a></li>
+              <li><a href="http://ljxq.cq.gov.cn/" target="_blank">两江新区管委会</a></li>
+              <li><a href="http://gxq.cq.gov.cn/" target="_blank">西部科学城重庆高新区管委会</a></li>
+              <li><a href="http://ws.cq.gov.cn/" target="_blank">万盛经开区管委会</a></li>
+              <li><a href="http://jkq.cq.gov.cn/" target="_blank">重庆经开区管委会</a></li>
+              <li><a href="http://gxhzs.cq.gov.cn/" target="_blank">市供销合作社</a></li>
+
+            </ul>
+
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市社科院</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+
+            <ul class="dropdown-box">
+              <li><a href="http://www.cass.cn/" target="_blank">中国社会科学院</a></li>
+              <li><a href="http://www.bass.org.cn/" target="_blank">北京市社会科学院</a></li>
+              <li><a href="http://www.tass-tj.org.cn:8088/Page/Default.aspx" target="_blank">天津市社会科学院</a></li>
+              <li><a href="http://www.hebsky.org.cn/" target="_blank">河北省社会科学院</a></li>
+              <li><a href="http://www.sass.sx.cn/" target="_blank">山西省社会科学院</a></li>
+              <li><a href="http://www.nmgass.com.cn/" target="_blank">内蒙古社会科学院</a></li>
+              <li><a href="http://www.lass.net.cn/" target="_blank">辽宁社会科学院</a></li>
+              <li><a href="http://www.jlass.org.cn/" target="_blank">吉林省社会科学院</a></li>
+              <li><a href="http://www.hlass.org.cn/" target="_blank">黑龙江省社会科学院</a></li>
+              <li><a href="http://www.sass.org.cn/" target="_blank">上海社会科学院</a></li>
+              <li><a href="http://www.jsass.org.cn/" target="_blank">江苏省社会科学院</a></li>
+              <li><a href="https://sky.zj.gov.cn/" target="_blank">浙江省社会科学院</a></li>
+              <li><a href="http://www.aass.ac.cn/" target="_blank">安徽省社会科学院</a></li>
+              <li><a href="http://www.fass.net.cn/" target="_blank">福建社会科学院</a></li>
+              <li><a href="http://www.jxsky.org.cn/Index.aspx" target="_blank">江西省社会科学院</a></li>
+              <li><a href="http://www.sdass.net.cn/" target="_blank">山东社会科学院</a></li>
+              <li><a href="http://www.hnass.com.cn/" target="_blank">河南省社会科学院</a></li>
+              <li><a href="http://www.hbsky.cn/" target="_blank">湖北省社会科学院</a></li>
+              <li><a href="http://www.hnass.cn/" target="_blank">湖南省社会科学院</a></li>
+              <li><a href="http://www.gdass.gov.cn/" target="_blank">广东省社会科学院</a></li>
+              <li><a href="http://www.gass.gx.cn/" target="_blank">广西社会科学院</a></li>
+              <li><a href="http://www.hnskl.net/web/default/index.jsp" target="_blank">海南省社会科学网</a></li>
+              <li><a href="http://www.sass.cn/" target="_blank">四川省社会科学院</a></li>
+              <li><a href="http://sky.guizhou.gov.cn/" target="_blank">贵州省社会科学院</a></li>
+              <li><a href="http://www.sky.yn.gov.cn/" target="_blank">云南省社会科学院</a></li>
+              <li><a href="http://www.xzass.org/" target="_blank">西藏自治区社会科学院</a></li>
+              <li><a href="http://www.sxsky.org.cn/" target="_blank">陕西省社会科学院</a></li>
+              <li><a href="http://www.gsass.net.cn/" target="_blank">甘肃省社会科学院</a></li>
+              <li><a href="http://www.qhass.org/" target="_blank">青海省社会科学院</a></li>
+              <li><a href="https://www.nxass.com/" target="_blank">宁夏社会科学院</a></li>
+              <li><a href="http://www.xjass.cn/home/" target="_blank">新疆社会科学院</a></li>
+
+            </ul>
+
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市政府发展研究中心</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+
+            <ul class="dropdown-box">
+              <li><a href="https://www.drc.gov.cn/" target="_blank">国务院发展研究中心</a></li>
+              <li><a href="http://yjs.hebei.gov.cn/" target="_blank">河北省人民政府研究室</a></li>
+              <li><a href="http://www.sass.sx.cn/" target="_blank">山西省政府发展研究中心</a></li>
+              <li><a href="http://fgw.nmg.gov.cn/" target="_blank">内蒙古自治区政府发展研究中心</a></li>
+              <li><a href="http://fzzx.jl.gov.cn/" target="_blank">吉林省人民政府发展研究中心</a></li>
+              <li><a href="http://www.fzzx.sh.gov.cn/" target="_blank">上海市人民政府发展研究中心</a></li>
+              <li><a href="http://dss.ah.gov.cn/" target="_blank">安徽省政府发展研究中心</a></li>
+              <li><a href="http://www.fjdrc.org.cn/" target="_blank">福建省人民政府发展研究中心</a></li>
+              <li><a href="http://zys.shaanxi.gov.cn/" target="_blank">陕西省人民政府研究室</a></li>
+              <li><a href="http://zys.hubei.gov.cn/" target="_blank">湖北省人民政府研究室</a></li>
+              <li><a href="http://gdyjzx.gd.gov.cn/" target="_blank">广东省人民政府发展研究中心</a></li>
+              <li><a href="http://www.nxyjs.com/" target="_blank">宁夏回族自治区发展研究中心</a></li>
+            </ul>
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市社科联</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+            <ul class="dropdown-box">
+              <li><a href="http://www.bjsk.org.cn/" target="_blank">北京市社科联</a></li>
+              <li><a href="http://www.tjskw.org.cn/" target="_blank">天津市社科联</a></li>
+              <li><a href="https://www.hebsky.org.cn/" target="_blank">河北省社科联</a></li>
+              <li><a href="http://www.sxskw.org.cn/" target="_blank">山西省社科联</a></li>
+              <li><a href="http://www.nmgskl.com/" target="_blank">内蒙古社科联</a></li>
+              <li><a href="https://www.lnskl.org.cn/" target="_blank">辽宁省社科联</a></li>
+              <li><a href="http://www.jlskl.cn/" target="_blank">吉林省社科联</a></li>
+              <li><a href="http://www.sssa.org.cn/" target="_blank">上海市社科联</a></li>
+              <li><a href="http://www.js-skl.org.cn/" target="_blank">江苏省社科联</a></li>
+              <li><a href="https://www.zjskw.gov.cn/" target="_blank">浙江省社科联</a></li>
+              <li><a href="http://www.ahskj.org.cn/" target="_blank">安徽省社科联</a></li>
+              <li><a href="https://www.fjskl.org.cn/" target="_blank">福建省社科联</a></li>
+              <li><a href="http://www.jxskw.gov.cn/" target="_blank">江西省社科联</a></li>
+              <li><a href="http://www.sdskw.cn/" target="_blank">山东省社科联</a></li>
+              <li><a href="http://www.hnskl.org/" target="_blank">河南省社科联</a></li>
+              <li><a href="http://www.hbskw.com/" target="_blank">湖北省社科联</a></li>
+              <li><a href="http://www.hnskl.net/" target="_blank">湖南省社科联</a></li>
+              <li><a href="http://www.gdskl.com.cn/index.shtml" target="_blank">广东省社科联</a></li>
+              <li><a href="http://www.gxskl.gov.cn/" target="_blank">广西社科联</a></li>
+              <li><a href="http://www.hnskl.net/" target="_blank">海南省社科联</a></li>
+              <li><a href="https://www.cqskl.com/ch/" target="_blank">重庆市社科联</a></li>
+              <li><a href="http://www.scskl.cn/" target="_blank">四川省社科联</a></li>
+              <li><a href="http://www.gzskl.gov.cn/" target="_blank">贵州省社科联</a></li>
+              <li><a href="http://www.ynskl.org.cn/" target="_blank">云南省社科联</a></li>
+              <li><a href="http://www.sxsskw.org.cn/" target="_blank">陕西省社科联</a></li>
+              <li><a href="https://www.nxskl.net/" target="_blank">宁夏社科联</a></li>
+              <li><a href="http://www.xjskw.org.cn/" target="_blank">新疆社科联</a></li>
+
+            </ul>
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>新闻媒体</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+            <ul class="dropdown-box">
+              <li class="dropdown-title">中央</li>
+              <li><a href="http://www.people.com.cn/" target="_blank">人民网</a></li>
+              <li><a href="http://cpc.people.com.cn/" target="_blank">中国共产党新闻网</a></li>
+              <li><a href="http://www.news.cn/" target="_blank">新华网</a></li>
+              <li><a href="https://www.cctv.com/" target="_blank">央视网</a></li>
+              <li><a href="https://www.gmw.cn/" target="_blank">光明网</a></li>
+              <li><a href="http://www.ce.cn/" target="_blank">中国经济网</a></li>
+              <li><a href="http://www.chinadaily.com.cn/" target="_blank">中国日报网</a></li>
+              <li><a href="https://www.chinanews.com.cn/" target="_blank">中国新闻网</a></li>
+              <li><a href="http://www.china.com.cn/" target="_blank">中国网</a></li>
+              <li><a href="https://www.youth.cn/" target="_blank">中国青年网</a></li>
+              <li><a href="http://www.qstheory.cn/" target="_blank">求是网</a></li>
+              <li><a href="http://www.legaldaily.com.cn/" target="_blank">法治网</a></li>
+              <li><a href="http://www.workercn.cn/" target="_blank">中工网</a></li>
+              <li><a href="http://www.cnr.cn/" target="_blank">央广网</a></li>
+              <li><a href="http://www.cri.cn/" target="_blank">国际在线</a></li>
+              <li><a href="http://paper.cntheory.com/" target="_blank">学习时报</a></li>
+              <li><a href="http://www.farmer.com.cn/" target="_blank">中国农网</a></li>
+              <li><a href="https://www.qq.com/" target="_blank">腾讯网</a></li>
+              <li><a href="https://www.sohu.com/" target="_blank">搜狐网</a></li>
+              <li><a href="https://www.sina.com.cn/" target="_blank">新浪网</a></li>
+              <li><a href="https://www.163.com/" target="_blank">网易网</a></li>
+              <li><a href="https://www.ifeng.com/" target="_blank">凤凰网</a></li>
+
+              <li class="dropdown-title">重庆</li>
+              <li><a href="http://cq.people.com.cn/" target="_blank">人民网重庆频道</a></li>
+              <li><a href="http://www.cq.xinhuanet.com/" target="_blank">新华网重庆频道</a></li>
+              <li><a href="http://www.cqnews.net/" target="_blank">华龙网</a></li>
+              <li><a href="https://www.cqrb.cn/" target="_blank">重庆日报</a></li>
+              <li><a href="https://www.chinacqsb.com/" target="_blank">上游新闻</a></li>
+              <li><a href="https://www.jrcq.cn/" target="_blank">今日重庆网</a></li>
+              <li><a href="http://cq.cri.cn/" target="_blank">国际在线重庆频道</a></li>
+              <li><a href="https://www.cqfzb.net/" target="_blank">重庆法治在线</a></li>
+              <li><a href="https://www.cbg.cn/" target="_blank">视界网</a></li>
+
+            </ul>
+
+          </li>
+        </ul>
+      </div>
+      <div class="info">
+        <div class="centerWidth info-box clearfix">
+          <div class="info-l">
+            <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 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>
+            </div>
+          </div>
+
+        </div>
+        <div class="underline">
+          <div class="underline-box centerWidth">
+            <a href="https://beian.miit.gov.cn/" target="_blank">渝ICP备14000456号-2</a>　<a target="_blank"
+              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010502000791"><img
+                src="./resources/common/gaj.gif">渝公网安备 50010502000791号</a>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- 底部 结束 -->
+  </body>
+
+</html>

static/通用列表-无左侧栏.html

@@ -0,0 +1,461 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <trs_template tempname="meta通用概览" />
+    <title>
+      <trs_channel FIELD="chnldesc" id="owner" autolink="false"></trs_channel>_<trs_website field="sitedesc">
+      </trs_website>
+    </title>
+    <link rel="stylesheet" type="text/css" href="./resources/common/common.css" />
+    <link rel="stylesheet" type="text/css" href="./resources/common/headfoot.css" />
+    <link rel="stylesheet" type="text/css" href="./resources/lb/lb.css" />
+
+    <script type="text/javascript" src="./resources/common/jquery.min.js"></script>
+    <script type="text/javaScript" src="./resources/common/common.js"></script>
+    <script type="text/javascript" src="./resources/common/setFont.js"></script>
+    <script type="text/javascript" src="./resources/common/base.js"></script>
+
+
+  </head>
+
+  <body>
+    <!-- 头部 开始 -->
+    <header>
+      <div class="head">
+        <div class="top centerWidth">
+          <a class="top-l">
+            <img src="./resources/common/toplogo3.png">
+          </a>
+          <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>
+            <li><a href="#">机构设置</a></li>
+            <li><a href="#">本院新闻</a></li>
+            <li><a href="#">研究阐释</a></li>
+            <li><a href="#">决策服务</a></li>
+            <li><a href="#">述学立论</a></li>
+            <li><a href="#">党的建设</a></li>
+            <li><a href="#">市中特中心</a></li>
+            <li><a href="#">编辑出版</a></li>
+            <li><a href="#">专家学者</a></li>
+            <li><a href="#">专题聚焦</a></li>
+            <li><a href="#">文献资源</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>
+            <div class="search-container">
+              <input type="text" class="search-input" placeholder="请输入关键词">
+              <button class="search-button">搜 索</button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="fade-box">
+        <div class="fade-img">
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-02.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-02.png" alt=""></a>
+          <a href=""><img draggable="false" src="./resources//common/banner-01.png" alt=""></a>
+        </div>
+        <div class="fade-btn fade-left"></div>
+        <div class="fade-btn fade-right"></div>
+      </div>
+    </header>
+    <!-- 头部 结束 -->
+
+    <!-- 主体 开始 -->
+    <main>
+      <div class="centerWidth">
+        <div class="lb-box">
+          <div class="lb-box-r">
+            <div class="lb-con">
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <img src="./resources/lb/docctitarr1.png" alt="" srcset="">
+                  <p>研究阐释</p>
+                </div>
+                <ul class="lb-con-tit-r">
+                  <li>
+                    <img src="./resources/common/docctitarr2.png" alt="" srcset="">
+                    <span>您的位置：</span>
+                  </li>
+                  <li><a href="/index">首页</a></li>
+                  <li> - <a href="#">研究阐释</a></li>
+                </ul>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank"
+                    title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank"
+                    title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+              </ul>
+
+              <div class="pages" id="page">
+                <ul>
+                  <li disabled="true">
+                    <a href="">上一页</a>
+                  </li>
+                  <li class="page-active">
+                    <a href="">1</a>
+                  </li>
+                  <li>
+                    <a href="">...</a>
+                  </li>
+                  <li>
+                    <a href="">3</a>
+                  </li>
+                  <li>
+                    <a href="">下一页</a>
+                  </li>
+                </ul>
+              </div>
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- 主体 结束 -->
+
+    <!-- 底部 开始 -->
+    <footer>
+      <div class="link pcshow">
+        <ul class="link-box centerWidth">
+          <li class="link-item">
+            <a href="#">
+              <span>友情链接</span>
+            </a>
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <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>
+              <li><a href="http://www.tj.gov.cn/" target="_blank">天津</a></li>
+              <li><a href="http://www.hebei.gov.cn/" target="_blank">河北</a></li>
+              <li><a href="http://www.shanxi.gov.cn/" target="_blank">山西</a></li>
+              <li><a href="https://www.nmg.gov.cn/" target="_blank">内蒙古</a></li>
+              <li><a href="http://www.ln.gov.cn/" target="_blank">辽宁</a></li>
+              <li><a href="http://www.jl.gov.cn/" target="_blank">吉林</a></li>
+              <li><a href="https://www.hlj.gov.cn/" target="_blank">黑龙江</a></li>
+              <li><a href="https://www.shanghai.gov.cn/" target="_blank">上海</a></li>
+              <li><a href="http://www.jiangsu.gov.cn/" target="_blank">江苏</a></li>
+              <li><a href="https://www.zj.gov.cn/" target="_blank">浙江</a></li>
+              <li><a href="http://www.ah.gov.cn/" target="_blank">安徽</a></li>
+              <li><a href="http://www.fujian.gov.cn/" target="_blank">福建</a></li>
+              <li><a href="http://www.jiangxi.gov.cn/" target="_blank">江西</a></li>
+              <li><a href="http://www.shandong.gov.cn/" target="_blank">山东</a></li>
+              <li><a href="http://www.henan.gov.cn/" target="_blank">河南</a></li>
+              <li><a href="http://www.hubei.gov.cn/" target="_blank">湖北</a></li>
+              <li><a href="http://www.hunan.gov.cn/" target="_blank">湖南</a></li>
+              <li><a href="http://www.gd.gov.cn/" target="_blank">广东</a></li>
+              <li><a href="http://www.gxzf.gov.cn/" target="_blank">广西</a></li>
+              <li><a href="https://www.hainan.gov.cn/" target="_blank">海南</a></li>
+              <li><a href="http://www.cq.gov.cn/" target="_blank">重庆</a></li>
+              <li><a href="https://www.sc.gov.cn/" target="_blank">四川</a></li>
+              <li><a href="http://www.guizhou.gov.cn/" target="_blank">贵州</a></li>
+              <li><a href="http://www.yn.gov.cn/" target="_blank">云南</a></li>
+              <li><a href="http://www.xizang.gov.cn/" target="_blank">西藏</a></li>
+              <li><a href="http://www.shaanxi.gov.cn/" target="_blank">陕西</a></li>
+              <li><a href="http://www.gansu.gov.cn/" target="_blank">甘肃</a></li>
+              <li><a href="http://www.qinghai.gov.cn/" target="_blank">青海</a></li>
+              <li><a href="https://www.nx.gov.cn/" target="_blank">宁夏</a></li>
+              <li><a href="http://www.xinjiang.gov.cn/" target="_blank">新疆</a></li>
+              <li><a href="https://www.gov.hk/tc/residents/" target="_blank">香港</a></li>
+              <li><a href="http://www.gov.mo/" target="_blank">澳门</a></li>
+              <li><a href="http://www.gwytb.gov.cn/" target="_blank">台湾</a></li>
+              <li><a href="http://www.xjbt.gov.cn/" target="_blank">新疆生产建设兵团</a></li>
+              <li class="dropdown-title">市政府部门</li>
+              <li><a href="http://fzggw.cq.gov.cn/" target="_blank">市发展改革委</a></li>
+              <li><a href="http://jw.cq.gov.cn/" target="_blank">市教委</a></li>
+              <li><a href="http://kjj.cq.gov.cn/" target="_blank">市科技局</a></li>
+              <li><a href="https://jjxxw.cq.gov.cn/" target="_blank">市经济信息委</a></li>
+              <li><a href="http://mzzjw.cq.gov.cn/" target="_blank">市民族宗教委</a></li>
+              <li><a href="http://gaj.cq.gov.cn/" target="_blank">市公安局</a></li>
+              <li><a href="http://mzj.cq.gov.cn/" target="_blank">市民政局</a></li>
+              <li><a href="http://sfj.cq.gov.cn/" target="_blank">市司法局</a></li>
+              <li><a href="http://czj.cq.gov.cn/" target="_blank">市财政局</a></li>
+              <li><a href="http://rlsbj.cq.gov.cn/" target="_blank">市人力社保局</a></li>
+              <li><a href="http://ghzrzyj.cq.gov.cn/" target="_blank">市规划自然资源局</a></li>
+              <li><a href="http://sthjj.cq.gov.cn/" target="_blank">市生态环境局</a></li>
+              <li><a href="http://zfcxjw.cq.gov.cn/" target="_blank">市住房城乡建委</a></li>
+              <li><a href="http://cgj.cq.gov.cn/" target="_blank">市城市管理局</a></li>
+              <li><a href="https://jtj.cq.gov.cn/" target="_blank">市交通局</a></li>
+              <li><a href="http://slj.cq.gov.cn/" target="_blank">市水利局</a></li>
+              <li><a href="http://nyncw.cq.gov.cn/" target="_blank">市农业农村委</a></li>
+              <li><a href="http://sww.cq.gov.cn/" target="_blank">市商务委</a></li>
+              <li><a href="http://whlyw.cq.gov.cn/" target="_blank">市文化旅游委</a></li>
+              <li><a href="http://wsjkw.cq.gov.cn/" target="_blank">市卫生健康委</a></li>
+              <li><a href="http://tyjrswj.cq.gov.cn/index.html" target="_blank">市退役军人事务局</a></li>
+              <li><a href="http://yjj.cq.gov.cn/" target="_blank">市应急局</a></li>
+              <li><a href="http://sjj.cq.gov.cn/" target="_blank">市审计局</a></li>
+              <li><a href="http://zfwb.cq.gov.cn/" target="_blank">市政府外办</a></li>
+              <li><a href="http://gzw.cq.gov.cn/" target="_blank">市国资委</a></li>
+              <li><a href="http://scjgj.cq.gov.cn/" target="_blank">市市场监管局</a></li>
+              <li><a href="http://tyj.cq.gov.cn/" target="_blank">市体育局</a></li>
+              <li><a href="http://tjj.cq.gov.cn/" target="_blank">市统计局</a></li>
+              <li><a href="http://fpb.cq.gov.cn/" target="_blank">市乡村振兴局</a></li>
+              <li><a href="https://ylbzj.cq.gov.cn/" target="_blank">市医保局</a></li>
+              <li><a href="http://jgswj.cq.gov.cn/" target="_blank">市机关事务局</a></li>
+              <li><a href="http://jrjgj.cq.gov.cn/" target="_blank">市金融监管局</a></li>
+              <li><a href="http://xfb.cq.gov.cn/" target="_blank">市信访办</a></li>
+              <li><a href="http://cci.cq.gov.cn/" target="_blank">市中新项目管理局</a></li>
+              <li><a href="http://dsjj.cq.gov.cn/index.html" target="_blank">市大数据发展局</a></li>
+              <li><a href="http://zfkawlb.cq.gov.cn/" target="_blank">市政府口岸物流办</a></li>
+              <li><a href="http://rmfkb.cq.gov.cn/" target="_blank">市人民防空办</a></li>
+              <li><a href="http://zsj.cq.gov.cn/index.html" target="_blank">市招商投资局</a></li>
+              <li><a href="http://ggzyjyjgj.cq.gov.cn/" target="_blank">市公共资源交易监管局</a></li>
+              <li><a href="http://lyj.cq.gov.cn/" target="_blank">市林业局</a></li>
+              <li><a href="http://yaojianju.cq.gov.cn/" target="_blank">市药监局</a></li>
+              <li><a href="http://zscqj.cq.gov.cn/" target="_blank">市知识产权局</a></li>
+              <li><a href="http://ljxq.cq.gov.cn/" target="_blank">两江新区管委会</a></li>
+              <li><a href="http://gxq.cq.gov.cn/" target="_blank">西部科学城重庆高新区管委会</a></li>
+              <li><a href="http://ws.cq.gov.cn/" target="_blank">万盛经开区管委会</a></li>
+              <li><a href="http://jkq.cq.gov.cn/" target="_blank">重庆经开区管委会</a></li>
+              <li><a href="http://gxhzs.cq.gov.cn/" target="_blank">市供销合作社</a></li>
+
+            </ul>
+
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市社科院</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+
+            <ul class="dropdown-box">
+              <li><a href="http://www.cass.cn/" target="_blank">中国社会科学院</a></li>
+              <li><a href="http://www.bass.org.cn/" target="_blank">北京市社会科学院</a></li>
+              <li><a href="http://www.tass-tj.org.cn:8088/Page/Default.aspx" target="_blank">天津市社会科学院</a></li>
+              <li><a href="http://www.hebsky.org.cn/" target="_blank">河北省社会科学院</a></li>
+              <li><a href="http://www.sass.sx.cn/" target="_blank">山西省社会科学院</a></li>
+              <li><a href="http://www.nmgass.com.cn/" target="_blank">内蒙古社会科学院</a></li>
+              <li><a href="http://www.lass.net.cn/" target="_blank">辽宁社会科学院</a></li>
+              <li><a href="http://www.jlass.org.cn/" target="_blank">吉林省社会科学院</a></li>
+              <li><a href="http://www.hlass.org.cn/" target="_blank">黑龙江省社会科学院</a></li>
+              <li><a href="http://www.sass.org.cn/" target="_blank">上海社会科学院</a></li>
+              <li><a href="http://www.jsass.org.cn/" target="_blank">江苏省社会科学院</a></li>
+              <li><a href="https://sky.zj.gov.cn/" target="_blank">浙江省社会科学院</a></li>
+              <li><a href="http://www.aass.ac.cn/" target="_blank">安徽省社会科学院</a></li>
+              <li><a href="http://www.fass.net.cn/" target="_blank">福建社会科学院</a></li>
+              <li><a href="http://www.jxsky.org.cn/Index.aspx" target="_blank">江西省社会科学院</a></li>
+              <li><a href="http://www.sdass.net.cn/" target="_blank">山东社会科学院</a></li>
+              <li><a href="http://www.hnass.com.cn/" target="_blank">河南省社会科学院</a></li>
+              <li><a href="http://www.hbsky.cn/" target="_blank">湖北省社会科学院</a></li>
+              <li><a href="http://www.hnass.cn/" target="_blank">湖南省社会科学院</a></li>
+              <li><a href="http://www.gdass.gov.cn/" target="_blank">广东省社会科学院</a></li>
+              <li><a href="http://www.gass.gx.cn/" target="_blank">广西社会科学院</a></li>
+              <li><a href="http://www.hnskl.net/web/default/index.jsp" target="_blank">海南省社会科学网</a></li>
+              <li><a href="http://www.sass.cn/" target="_blank">四川省社会科学院</a></li>
+              <li><a href="http://sky.guizhou.gov.cn/" target="_blank">贵州省社会科学院</a></li>
+              <li><a href="http://www.sky.yn.gov.cn/" target="_blank">云南省社会科学院</a></li>
+              <li><a href="http://www.xzass.org/" target="_blank">西藏自治区社会科学院</a></li>
+              <li><a href="http://www.sxsky.org.cn/" target="_blank">陕西省社会科学院</a></li>
+              <li><a href="http://www.gsass.net.cn/" target="_blank">甘肃省社会科学院</a></li>
+              <li><a href="http://www.qhass.org/" target="_blank">青海省社会科学院</a></li>
+              <li><a href="https://www.nxass.com/" target="_blank">宁夏社会科学院</a></li>
+              <li><a href="http://www.xjass.cn/home/" target="_blank">新疆社会科学院</a></li>
+
+            </ul>
+
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市政府发展研究中心</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+
+            <ul class="dropdown-box">
+              <li><a href="https://www.drc.gov.cn/" target="_blank">国务院发展研究中心</a></li>
+              <li><a href="http://yjs.hebei.gov.cn/" target="_blank">河北省人民政府研究室</a></li>
+              <li><a href="http://www.sass.sx.cn/" target="_blank">山西省政府发展研究中心</a></li>
+              <li><a href="http://fgw.nmg.gov.cn/" target="_blank">内蒙古自治区政府发展研究中心</a></li>
+              <li><a href="http://fzzx.jl.gov.cn/" target="_blank">吉林省人民政府发展研究中心</a></li>
+              <li><a href="http://www.fzzx.sh.gov.cn/" target="_blank">上海市人民政府发展研究中心</a></li>
+              <li><a href="http://dss.ah.gov.cn/" target="_blank">安徽省政府发展研究中心</a></li>
+              <li><a href="http://www.fjdrc.org.cn/" target="_blank">福建省人民政府发展研究中心</a></li>
+              <li><a href="http://zys.shaanxi.gov.cn/" target="_blank">陕西省人民政府研究室</a></li>
+              <li><a href="http://zys.hubei.gov.cn/" target="_blank">湖北省人民政府研究室</a></li>
+              <li><a href="http://gdyjzx.gd.gov.cn/" target="_blank">广东省人民政府发展研究中心</a></li>
+              <li><a href="http://www.nxyjs.com/" target="_blank">宁夏回族自治区发展研究中心</a></li>
+            </ul>
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>省市社科联</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+            <ul class="dropdown-box">
+              <li><a href="http://www.bjsk.org.cn/" target="_blank">北京市社科联</a></li>
+              <li><a href="http://www.tjskw.org.cn/" target="_blank">天津市社科联</a></li>
+              <li><a href="https://www.hebsky.org.cn/" target="_blank">河北省社科联</a></li>
+              <li><a href="http://www.sxskw.org.cn/" target="_blank">山西省社科联</a></li>
+              <li><a href="http://www.nmgskl.com/" target="_blank">内蒙古社科联</a></li>
+              <li><a href="https://www.lnskl.org.cn/" target="_blank">辽宁省社科联</a></li>
+              <li><a href="http://www.jlskl.cn/" target="_blank">吉林省社科联</a></li>
+              <li><a href="http://www.sssa.org.cn/" target="_blank">上海市社科联</a></li>
+              <li><a href="http://www.js-skl.org.cn/" target="_blank">江苏省社科联</a></li>
+              <li><a href="https://www.zjskw.gov.cn/" target="_blank">浙江省社科联</a></li>
+              <li><a href="http://www.ahskj.org.cn/" target="_blank">安徽省社科联</a></li>
+              <li><a href="https://www.fjskl.org.cn/" target="_blank">福建省社科联</a></li>
+              <li><a href="http://www.jxskw.gov.cn/" target="_blank">江西省社科联</a></li>
+              <li><a href="http://www.sdskw.cn/" target="_blank">山东省社科联</a></li>
+              <li><a href="http://www.hnskl.org/" target="_blank">河南省社科联</a></li>
+              <li><a href="http://www.hbskw.com/" target="_blank">湖北省社科联</a></li>
+              <li><a href="http://www.hnskl.net/" target="_blank">湖南省社科联</a></li>
+              <li><a href="http://www.gdskl.com.cn/index.shtml" target="_blank">广东省社科联</a></li>
+              <li><a href="http://www.gxskl.gov.cn/" target="_blank">广西社科联</a></li>
+              <li><a href="http://www.hnskl.net/" target="_blank">海南省社科联</a></li>
+              <li><a href="https://www.cqskl.com/ch/" target="_blank">重庆市社科联</a></li>
+              <li><a href="http://www.scskl.cn/" target="_blank">四川省社科联</a></li>
+              <li><a href="http://www.gzskl.gov.cn/" target="_blank">贵州省社科联</a></li>
+              <li><a href="http://www.ynskl.org.cn/" target="_blank">云南省社科联</a></li>
+              <li><a href="http://www.sxsskw.org.cn/" target="_blank">陕西省社科联</a></li>
+              <li><a href="https://www.nxskl.net/" target="_blank">宁夏社科联</a></li>
+              <li><a href="http://www.xjskw.org.cn/" target="_blank">新疆社科联</a></li>
+
+            </ul>
+
+          </li>
+          <li class="link-item dropdown">
+            <a href="#">
+              <span>新闻媒体</span>
+              <img src="./resources/common/ico_up.png">
+            </a>
+
+            <ul class="dropdown-box">
+              <li class="dropdown-title">中央</li>
+              <li><a href="http://www.people.com.cn/" target="_blank">人民网</a></li>
+              <li><a href="http://cpc.people.com.cn/" target="_blank">中国共产党新闻网</a></li>
+              <li><a href="http://www.news.cn/" target="_blank">新华网</a></li>
+              <li><a href="https://www.cctv.com/" target="_blank">央视网</a></li>
+              <li><a href="https://www.gmw.cn/" target="_blank">光明网</a></li>
+              <li><a href="http://www.ce.cn/" target="_blank">中国经济网</a></li>
+              <li><a href="http://www.chinadaily.com.cn/" target="_blank">中国日报网</a></li>
+              <li><a href="https://www.chinanews.com.cn/" target="_blank">中国新闻网</a></li>
+              <li><a href="http://www.china.com.cn/" target="_blank">中国网</a></li>
+              <li><a href="https://www.youth.cn/" target="_blank">中国青年网</a></li>
+              <li><a href="http://www.qstheory.cn/" target="_blank">求是网</a></li>
+              <li><a href="http://www.legaldaily.com.cn/" target="_blank">法治网</a></li>
+              <li><a href="http://www.workercn.cn/" target="_blank">中工网</a></li>
+              <li><a href="http://www.cnr.cn/" target="_blank">央广网</a></li>
+              <li><a href="http://www.cri.cn/" target="_blank">国际在线</a></li>
+              <li><a href="http://paper.cntheory.com/" target="_blank">学习时报</a></li>
+              <li><a href="http://www.farmer.com.cn/" target="_blank">中国农网</a></li>
+              <li><a href="https://www.qq.com/" target="_blank">腾讯网</a></li>
+              <li><a href="https://www.sohu.com/" target="_blank">搜狐网</a></li>
+              <li><a href="https://www.sina.com.cn/" target="_blank">新浪网</a></li>
+              <li><a href="https://www.163.com/" target="_blank">网易网</a></li>
+              <li><a href="https://www.ifeng.com/" target="_blank">凤凰网</a></li>
+
+              <li class="dropdown-title">重庆</li>
+              <li><a href="http://cq.people.com.cn/" target="_blank">人民网重庆频道</a></li>
+              <li><a href="http://www.cq.xinhuanet.com/" target="_blank">新华网重庆频道</a></li>
+              <li><a href="http://www.cqnews.net/" target="_blank">华龙网</a></li>
+              <li><a href="https://www.cqrb.cn/" target="_blank">重庆日报</a></li>
+              <li><a href="https://www.chinacqsb.com/" target="_blank">上游新闻</a></li>
+              <li><a href="https://www.jrcq.cn/" target="_blank">今日重庆网</a></li>
+              <li><a href="http://cq.cri.cn/" target="_blank">国际在线重庆频道</a></li>
+              <li><a href="https://www.cqfzb.net/" target="_blank">重庆法治在线</a></li>
+              <li><a href="https://www.cbg.cn/" target="_blank">视界网</a></li>
+
+            </ul>
+
+          </li>
+        </ul>
+      </div>
+      <div class="info">
+        <div class="centerWidth info-box clearfix">
+          <div class="info-l">
+            <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 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>
+            </div>
+          </div>
+
+        </div>
+        <div class="underline">
+          <div class="underline-box centerWidth">
+            <a href="https://beian.miit.gov.cn/" target="_blank">渝ICP备14000456号-2</a>　<a target="_blank"
+              href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=50010502000791"><img
+                src="./resources/common/gaj.gif">渝公网安备 50010502000791号</a>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- 底部 结束 -->
+  </body>
+
+</html>

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">
-                            <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">
-                            <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>
 
@@ -360,7 +380,7 @@
                 <div class="centerWidth clearfix">
                     <div class="divider">
                         <a href="#">
-                            决策<span>服务</span>
+                            <span>决策</span>服务
                         </a>
                     </div>
                     <div class="index-card index-sw2">
@@ -373,24 +393,29 @@
                         <div class="index-card-body">
                             <div class="index-item">
                                 <div class="index-item-l news3-img-swiper">
-                                    <div class="swiper mySwiper">
+                                    <div class="swiper-container">
                                         <div class="swiper-wrapper">
-                                          <div class="swiper-slide">
-                                            <img src="https://swiperjs.com/demos/images/nature-1.jpg" />
-                                          </div>
-                                          <div class="swiper-slide">
-                                            <img src="https://swiperjs.com/demos/images/nature-2.jpg" />
-                                          </div>
-                                          <div class="swiper-slide">
-                                            <img src="https://swiperjs.com/demos/images/nature-3.jpg" />
-                                          </div>
-                                          <div class="swiper-slide">
-                                            <img src="https://swiperjs.com/demos/images/nature-4.jpg" />
-                                          </div>
-                                         
+                                            <div class="swiper-slide">
+                                                <a href="#" target="_blank">
+                                                    <img src="https://cqass.net.cn/pic_290_190/upfiles/2025-03/20250311180614968.jpg"
+                                                        alt="" srcset="">
+                                                </a>
+                                            </div>
+                                            <div class="swiper-slide">
+                                                <a href="#" target="_blank">
+                                                    <img src="https://cqass.net.cn/pic_290_190/upfiles/2025-03/20250313175829842001.png"
+                                                        alt="" srcset="">
+                                                </a>
+                                            </div>
+                                            <div class="swiper-slide">
+                                                <a href="#" target="_blank">
+                                                    <img src="https://cqass.net.cn/pic_290_190/upfiles/2024-06/20240613141726851.jpg"
+                                                        alt="" srcset="">
+                                                </a>
+                                            </div>
+
                                         </div>
-                                        <div class="swiper-pagination"></div>
-                                      </div>
+                                    </div>
                                 </div>
                                 <div class="index-item-r">
                                     <div class="news3-1">
@@ -535,6 +560,661 @@
                     </div>
                 </div>
             </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a href="#">
+                            述学<span>立论</span>
+                        </a>
+                    </div>
+                    <div class="index-card index-sw3">
+                        <ul class="index-card-nav">
+                            <li class="cur"><a href="#">理论文章</a></li>
+                            <li><a href="#">宣讲宣传</a></li>
+                            <li><a href="#">媒体采访</a> </li>
+                        </ul>
+                        <div class="index-card-body">
+
+                            <div class="index-item">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            文章指出，科技创新中心作为创新资源集聚地，对创新驱动发展战略实施具有重要推动作用。科技创新中心具备高科技企业集群、高度开放融合、产业高端化等特点，具有技术知识外溢、技术成果孵化、创新辐射引领等功能。北京、上海、粤港澳大湾区、成渝地区根据自身优势积极探索科技创新中心建设路径，形成各具特色的实践模式。其中，共性经验主要包括：强化科技投入保障，优..实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+
+                            </div>
+
+                            <div class="index-item" style="display: none;">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院党组书记、院长刘嗣方等参加重庆城市精神内涵提炼表述专家座谈会</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            12月10日下午，市委宣传部召开重庆城市精神内涵提炼表述专家座谈会。来自重庆主要高校、机构的专家学者及相关部门负责人，围绕“坚韧、忠勇、开放、争先”
+                                            “坚韧、忠勇、开放、创新”
+                                            “坚韧、忠勇、开放、图强”三条表述语进行解读分析，共同探讨最适宜重庆城市精神的表述语。院党组书记、院长刘嗣方、马克思主义研究所所长、研究员吴大兵参加会议并作发言。刘嗣方表....实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                            <div class="index-item" style="display: none;">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            文章指出，科技创新中心作为创新资源集聚地，对创新驱动发展战略实施具有重要推动作用。科技创新中心具备高科技企业集群、高度开放融合、产业高端化等特点，具有技术知识外溢、技术成果孵化、创新辐射引领等功能。北京、上海、粤港澳大湾区、成渝地区根据自身优势积极探索科技创新中心建设路径，形成各具特色的实践模式。其中，共性经验主要包括：强化科技投入保障，优..实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="index-card-ad">
+                            <a href="#">
+                                <img src="./resources/index/listban_n2.jpg" alt="">
+                            </a>
+                            <a href="#">
+                                <img src="./resources/index/listban_n3.jpg" alt="">
+                            </a>
+                            <a href="#">
+                                <img src="./resources/index/listban_n4.jpg" alt="">
+                            </a>
+                            <a href="#">
+                                <img src="./resources/index/sxll_ban4.jpg" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a href="#">
+                            <span>党</span>的建设
+                        </a>
+                    </div>
+
+                    <div class="index-card index-ddjs">
+                        <div class="index-card-body">
+                            <div class="index-item">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-2" href="#" title=""
+                                                target="_blank">我院党组书记、院长刘嗣方等参加重庆城市精神内涵提炼表述专家座谈会</a>
+                                        </div>
+                                        <div class="news3-desc line-2 mt-3">
+                                            12月10日下午，市委宣传部召开重庆城市精神内涵提炼表述专家座谈会。来自重庆主要高校、机构的专家学者及相关部门负责人，围绕“坚韧、忠勇、开放、争先”
+                                            “坚韧、忠勇、开放、创新”
+                                            “坚韧、忠勇、开放、图强”三条表述语进行解读分析，共同探讨最适宜重庆城市精神的表述语。院党组书记、院长刘嗣方、马克思主义研究所所长、研究员吴大兵参加会议并作发言。刘嗣方表....实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+
+                                <div class="index-item-l news3-img-swiper1">
+                                    <div class="index-box3-body-l">
+                                        <div class="slides-box" id="slides2">
+                                            <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>
+                                </div>
+
+
+
+                            </div>
+                            <div class="index-card-ad">
+                                <a href="#">
+                                    <img src="./resources/index/fzby_lonban.jpg" alt="">
+                                </a>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider sw4">
+                        <a href="#">
+                            <span>重庆市中国特色社会主义理论体系研究中心</span>
+                        </a>
+                    </div>
+                    <div class="index-card index-sw4">
+                        <ul class="index-card-nav">
+                            <li class="cur"><a href="#">理论文章</a></li>
+                            <li><a href="#">宣讲宣传</a></li>
+                            <li><a href="#">媒体采访</a> </li>
+                        </ul>
+                        <div class="index-card-body">
+
+                            <div class="index-item">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            文章指出，科技创新中心作为创新资源集聚地，对创新驱动发展战略实施具有重要推动作用。科技创新中心具备高科技企业集群、高度开放融合、产业高端化等特点，具有技术知识外溢、技术成果孵化、创新辐射引领等功能。北京、上海、粤港澳大湾区、成渝地区根据自身优势积极探索科技创新中心建设路径，形成各具特色的实践模式。其中，共性经验主要包括：强化科技投入保障，优..实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+
+                            </div>
+
+                            <div class="index-item" style="display: none;">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院党组书记、院长刘嗣方等参加重庆城市精神内涵提炼表述专家座谈会</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            12月10日下午，市委宣传部召开重庆城市精神内涵提炼表述专家座谈会。来自重庆主要高校、机构的专家学者及相关部门负责人，围绕“坚韧、忠勇、开放、争先”
+                                            “坚韧、忠勇、开放、创新”
+                                            “坚韧、忠勇、开放、图强”三条表述语进行解读分析，共同探讨最适宜重庆城市精神的表述语。院党组书记、院长刘嗣方、马克思主义研究所所长、研究员吴大兵参加会议并作发言。刘嗣方表....实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                            <div class="index-item" style="display: none;">
+                                <div class="index-item-r">
+                                    <div class="news3-1">
+                                        <div class="news3-title">
+                                            <a class="line-1" href="#" title=""
+                                                target="_blank">我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》我院生态与环境资源研究所副所长、研究员吕红在《学习时报》</a>
+                                        </div>
+                                        <div class="news3-desc line-2">
+                                            文章指出，科技创新中心作为创新资源集聚地，对创新驱动发展战略实施具有重要推动作用。科技创新中心具备高科技企业集群、高度开放融合、产业高端化等特点，具有技术知识外溢、技术成果孵化、创新辐射引领等功能。北京、上海、粤港澳大湾区、成渝地区根据自身优势积极探索科技创新中心建设路径，形成各具特色的实践模式。其中，共性经验主要包括：强化科技投入保障，优..实践模式。其中，共性经验主要包括：强化科技投入保障，优..
+                                        </div>
+                                    </div>
+                                    <ul class="news3-list">
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank" title="">阿联酋驻华大使馆副大使阿米娜·哈马迪一行来院座谈交流</a>
+                                            <span>2025-01-22</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="index-card-ad">
+                            <a href="#">
+                                <img src="./resources/index/ztzxban_sr.jpg" alt="">
+                            </a>
+                            <a href="#">
+                                <img src="./resources/index/ztzxban_sl.jpg" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3 box-bg">
+                <div class="centerWidth clearfix">
+                    <div class="divider-bg">
+                        <a href="#">
+                            <span>重庆市哲学社会科学创新工程</span>
+                        </a>
+                        <a class="more" href="">更多></a>
+                    </div>
+
+                    <div class="index-book">
+                        <div class="index-book-head">
+                            <a class="icon">
+                                <img src="./resources/index/2401-jjbt.png" alt="" srcset="">
+                            </a>
+                            <p class="text">
+                                为深入学习贯彻党的二十大精神，全面贯彻落实习近平总书记关于繁荣发展哲学社会科学的重要论述，推动重庆市哲学社会科学高质量发展，市委决定实施重庆市哲学社会科学创新工程，聚焦人才队伍建设、学科体系建设、学术水平提升、话语体系建设、新型智库建设、研究平台打造等六项重点任务，着力推进社科重大研究项目的组织管理和运行考评机制的创新、研究平台的建设和人才培育方式的改革，为现代化新重庆建设提供学术支撑和智力支持…<a
+                                    href="#">【详情】</a></p>
+                        </div>
+                        <div class="index-book-body">
+                            <div class="book-item" id="book1">
+                                <a class="book-item-head" href="#">
+                                    <img src="https://cqass.net.cn/templates/cqsky/images/2401-cxgc-01.png" alt=""
+                                        srcset="">
+                                </a>
+                                <div class="book-item-body">
+                                    <div class="tits">
+                                        <div class="tits-item">
+                                            <a class="tits-item-t line-3" href="#">
+                                                重庆日报：重庆实施哲学社会科学创新工程
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                        <div class="tits-item" style="display: none;">
+                                            <a class="tits-item-t line-3" href="#">
+                                                全市哲学社会科学创新工程工作专班工作小组召开第一次会议
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                    </div>
+                                    <ul class="dots">
+                                        <li class="cur"></li>
+                                        <li></li>
+                                    </ul>
+                                </div>
+
+                            </div>
+
+                            <div class="book-item" id="book2">
+                                <a class="book-item-head" href="#">
+                                    <img src="https://cqass.net.cn/templates/cqsky/images/2401-cxgc-02.png" alt=""
+                                        srcset="">
+                                </a>
+                                <div class="book-item-body">
+                                    <div class="tits">
+                                        <div class="tits-item">
+                                            <a class="tits-item-t line-3" href="#">
+                                                重庆日报：重庆实施哲学社会科学创新工程
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                        <div class="tits-item" style="display: none;">
+                                            <a class="tits-item-t line-3" href="#">
+                                                全市哲学社会科学创新工程工作专班工作小组召开第一次会议
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                    </div>
+                                    <ul class="dots">
+                                        <li class="cur"></li>
+                                        <li></li>
+                                    </ul>
+                                </div>
+
+                            </div>
+
+                            <div class="book-item" id="book3">
+                                <a class="book-item-head" href="#">
+                                    <img src="https://cqass.net.cn/templates/cqsky/images/2401-cxgc-03.png" alt=""
+                                        srcset="">
+                                </a>
+                                <div class="book-item-body">
+                                    <div class="tits">
+                                        <div class="tits-item">
+                                            <a class="tits-item-t line-3" href="#">
+                                                重庆日报：重庆实施哲学社会科学创新工程
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                        <div class="tits-item" style="display: none;">
+                                            <a class="tits-item-t line-3" href="#">
+                                                全市哲学社会科学创新工程工作专班工作小组召开第一次会议
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                    </div>
+                                    <ul class="dots">
+                                        <li class="cur"></li>
+                                        <li></li>
+                                    </ul>
+                                </div>
+
+                            </div>
+
+                            <div class="book-item" id="book4">
+                                <a class="book-item-head" href="#">
+                                    <img src="https://cqass.net.cn/templates/cqsky/images/2401-cxgc-04.png" alt=""
+                                        srcset="">
+                                </a>
+                                <div class="book-item-body">
+                                    <div class="tits">
+                                        <div class="tits-item">
+                                            <a class="tits-item-t line-3" href="#">
+                                                重庆日报：重庆实施哲学社会科学创新工程
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                        <div class="tits-item" style="display: none;">
+                                            <a class="tits-item-t line-3" href="#">
+                                                全市哲学社会科学创新工程工作专班工作小组召开第一次会议
+                                            </a>
+                                            <a class="more" href="#">&gt;&gt;</a>
+                                        </div>
+                                    </div>
+                                    <ul class="dots">
+                                        <li class="cur"></li>
+                                        <li></li>
+                                    </ul>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a href="#">
+                            编辑<span>出版</span>
+                        </a>
+                    </div>
+                    <div class="index-bj">
+                        <ul class="book-covers pcshow">
+                            <li class="item">
+                                <a href="#" target="_blank">
+                                    <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="">
+                                </a>
+                            </li>
+                        </ul>
+                        <div class="index-card book-info">
+
+                            <div class="info-head">
+                                <div class="book-news">
+                                    <h3>出版物动态</h3>
+                                    <ul class="book-news-list">
+                                        <li>
+                                            <a href="#" target="_blank">《改革》2024年第8期首发论文全文转载率达50%</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》首发论文被《高等学校文科学术文摘》全文转载</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》《重庆社会科学》被评定为重庆市一级期刊</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》新年贺词</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《重庆社会科学》新年贺词</a>
+                                        </li>
+                                    </ul>
+                                    <div class="book-news-more">
+                                        <a href="">更多>></a>
+                                    </div>
+                                </div>
+                                <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>
+                                    <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">
+                                            <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 class="info-bottom">
+                                <ul class="sj">
+                                    <li class="cur">
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
+                                        <p>点击详情</p>
+                                    </li>
+                                </ul>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+            </div>
         </main>
         <!-- 主体 结束 -->
 
@@ -552,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>
@@ -797,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>

template/头部/2007158/2007158.html

@@ -1,5 +1,4 @@
-<hlx-template component-type="none" component-query-option="" component-variable=""></hlx-template>
-
+<hlx-template component-type="column" component-query-option="{}" component-variable="column"></hlx-template>
 <link rel="stylesheet" type="text/css" href="./2007158/common/common.css" />
 <link rel="stylesheet" type="text/css" href="./2007158/common/headfoot.css" />
 
@@ -16,12 +15,33 @@
         <img src="./2007158/common/toplogo3.png">
       </a>
       <a class="top-r">
-        <img src="./2007158/common/toplogo2.png">
+        <img th:if="${column.id==1915964}" src="./2007158/common/toplogo1.png">
+        <img th:unless="${column.id==1915964}" src="./2007158/common/toplogo2.png">
       </a>
+      <!--h5 搜索 开始 -->
+      <div class="h5show w-full">
+        <div class="h5-search">
+          <input type="text" placeholder="请输入关键词">
+          <a class="icon" href="#">
+            <img src="./2007158/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="./2007158/common/down.png" alt="" srcset="">
+        </li>
+      </ul>
       <ul class="navbar">
         <li><a href="#">首页</a></li>
         <li><a href="#">院情概览</a></li>
@@ -36,9 +56,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>
@@ -48,8 +68,6 @@
         </div>
       </div>
     </div>
-
-
   </div>
 
   <div class="fade-box">

template/头部/2007158/2007158/common/base.js

@@ -11,4 +11,9 @@ $(function () {
     indy: '.dy-index',
     // autoPlay:false //是否自动轮播
   });
+
+  $('#menuToggle').click(function () {
+    $(this).children('img').toggleClass('active');
+    $('.navbar').toggleClass('active');
+  })
 });

template/头部/2007158/2007158/common/headfoot.css

@@ -5,7 +5,6 @@ body {
   background: url(body-bg.jpg) center top repeat-x;
 }
 
-
 .head {
   height: 189px;
   width: 100%;
@@ -31,6 +30,47 @@ body {
   width: 430px;
 }
 
+.h5-search {
+  background-color: rgba(0, 0, 0, 0.1);
+  height: 0.7rem;
+  border: 1px solid #0f4595;
+  border-radius: 0.2rem;
+  margin-top: 0.3rem;
+  width: 100%;
+  display: flex;
+}
+.w-full {
+  width: 100%;
+}
+.h5-search input {
+  flex: 1;
+  height: 100%;
+  padding: 0 0.2rem;
+  font-size: 0.22rem;
+  position: relative;
+}
+.h5-search .icon {
+  position: relative;
+  height: 0.7rem;
+  width: 0.7rem;
+  display: inline-block;
+  padding: 0.1rem;
+}
+.h5-search .icon img {
+  width: 100%;
+  height: 100%;
+}
+
+.h5-search .icon::after {
+  content: '';
+  position: absolute;
+  bottom: 0.1rem;
+  top: 0.1rem;
+  width: 1px;
+  left: 0;
+  font-size: 30px;
+  background: #0f4595;
+}
 .nav {
   background-color: #154d9b;
 }
@@ -40,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;
@@ -53,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;
 }
 
@@ -199,7 +246,9 @@ body {
   opacity: 0.7;
   visibility: visible;
 }
-
+footer {
+  margin-top: 36px;
+}
 footer .link {
   background-color: #0e3890;
   height: 56px;
@@ -228,6 +277,8 @@ footer .link {
   color: #fff;
 }
 
+
+
 .dropdown img {
   margin-left: 5px;
   transition: transform 0.3s;
@@ -284,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 {
@@ -302,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;
 }
@@ -321,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;
 }
 
@@ -334,49 +399,129 @@ footer .info {
 }
 
 @media screen and (max-width: 768px) {
-
-  .head{
+  .head {
     height: unset;
+    background-size: cover;
+    padding: 0.7rem 0.2rem 0.2rem;
   }
   .head .top {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    margin-top: 50px;
+    height: auto;
   }
-  .head .top-l img{
-    width: 90%;
+  .head .top-l img {
+    width: 100%;
   }
-  .head .top-r{
+  .head .top-r {
     margin-top: 20px;
   }
-  .head .top-r img{
-    width: 60%;
+  .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;
+  .navbar.active {
+    display: flex;
   }
-  .navbar li + li{
+
+  .h5-nav {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+  }
+  .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;
+  }
+
+  .fade-box, .fade-img{
+    height: 2rem;
+  }
+
+  .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;
+  }
+
+
 }

template/尾部/2007159/2007159.html

@@ -13,7 +13,6 @@
           <span>政府部门</span>
           <img src="{2007158}/2007158/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>
@@ -114,8 +113,7 @@
         <ul class="dropdown-box">
           <li><a href="http://www.cass.cn/" target="_blank">中国社会科学院</a></li>
           <li><a href="http://www.bass.org.cn/" target="_blank">北京市社会科学院</a></li>
-          <li><a href="http://www.tass-tj.org.cn:8088/Page/Default.aspx" target="_blank">天津市社会科学院</a>
-          </li>
+          <li><a href="http://www.tass-tj.org.cn:8088/Page/Default.aspx" target="_blank">天津市社会科学院</a></li>
           <li><a href="http://www.hebsky.org.cn/" target="_blank">河北省社会科学院</a></li>
           <li><a href="http://www.sass.sx.cn/" target="_blank">山西省社会科学院</a></li>
           <li><a href="http://www.nmgass.com.cn/" target="_blank">内蒙古社会科学院</a></li>
@@ -258,26 +256,28 @@
     </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="{2007158}/2007158/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="{2007158}/2007158/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 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 id="_ideConac"></div>
-        <script src="//dcs.conac.cn/js/04/064/0000/60403026/CA040640000604030260001.js" type="text/javascript"></script>
         <div class="qrcode">
           <img src="{2007158}/2007158//common/qrcode.jpg">
           <p>官方微信公众号</p>

template/通用列表-主栏目/2007179/2007179.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <trs_template tempname="meta通用概览" />
+    <title>
+      <trs_channel FIELD="chnldesc" id="owner" autolink="false"></trs_channel>_<trs_website field="sitedesc">
+      </trs_website>
+    </title>
+
+    <!--站点类meta结束-->
+    <hlx-template component-type="column" component-query-option="{}" component-variable="column"></hlx-template>
+    <!-- 分页 -->
+    <hlx-template component-type="selfPosition" component-query-option="{'showMedium':'PC'}"
+      component-variable="selfPosition"></hlx-template>
+    <!-- 数据列表 -->
+    <hlx-template component-type="newsPageTotal"
+      component-query-option="{'columnIds':[],'start':0,'page':20,'count':20,'showMedium':'PC'}"
+      component-variable="newsList"></hlx-template>
+  </head>
+
+  <body>
+    <!-- 头部 开始 -->
+    <!--#include virtual="/web/column/col1916114.html"-->
+    <!-- 头部 结束 -->
+    <link rel="stylesheet" type="text/css" href="./2007160/lb/lb.css" />
+
+    <!-- 主体 开始 -->
+    <main>
+      <div class="centerWidth">
+        <div class="lb-box">
+          <div class="lb-box-l">
+            <ul class="lb-nav">
+              <li class="title">. : 研究阐释 : .</li>
+              <li class="item">
+                <a href="#" target="_self">理论文章</a>
+              </li>
+              <li class="lb-nav-item">
+                <a href="#" target="_self">理论文章</a>
+              </li>
+            </ul>
+          </div>
+          <div class="lb-box-r">
+            <div class="lb-con">
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <img src="./resources/lb/docctitarr1.png" alt="" srcset="">
+                  <p>研究阐释</p>
+                </div>
+                <ul class="lb-con-tit-r">
+                  <li>
+                    <img src="./resources/common/docctitarr2.png" alt="" srcset="">
+                    <span>您的位置：</span></li>
+                  <li><a href="/index">首页</a></li>
+                  <li> - <a href="#">研究阐释</a></li>
+                </ul>
+              </div>
+
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <p>理论文章</p>
+                </div>
+                <a href="#">
+                  <img src="./resources/lb/more.gif" alt="" srcset="">
+                </a>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank" title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+              </ul>
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <p>理论文章</p>
+                </div>
+                <a href="#">
+                  <img src="./resources/lb/more.gif" alt="" srcset="">
+                </a>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item">
+                  <a href="/llyj/news/2025-3/443_13318.shtml" target="_blank" title=" 市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值 ">市中特中心副主任，院党组书记、院长刘嗣方：重庆推进超大城市现代化治理的探索创新及重大价值</a>
+                  <span>2025-03-17</span>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- 主体 结束 -->
+
+    <!-- 底部 开始 -->
+    <!--#include virtual="/web/column/col1916115.html"-->
+    <!-- 底部 结束 -->
+  </body>
+
+</html>

template/通用列表-无左侧/2007160/2007160.html

@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <trs_template tempname="meta通用概览" />
+    <title>
+      <trs_channel FIELD="chnldesc" id="owner" autolink="false"></trs_channel>_<trs_website field="sitedesc">
+      </trs_website>
+    </title>
+
+    <!--站点类meta结束-->
+    <hlx-template component-type="column" component-query-option="{}" component-variable="column"></hlx-template>
+    <!-- 分页 -->
+    <hlx-template component-type="selfPosition" component-query-option="{'showMedium':'PC'}"
+      component-variable="selfPosition"></hlx-template>
+    <!-- 数据列表 -->
+    <hlx-template component-type="newsPageTotal"
+      component-query-option="{'columnIds':[],'start':0,'page':20,'count':20,'showMedium':'PC'}"
+      component-variable="newsList"></hlx-template>
+  </head>
+
+  <body>
+    <!-- 头部 开始 -->
+    <!--#include virtual="/web/column/col1916114.html"-->
+    <!-- 头部 结束 -->
+    <link rel="stylesheet" type="text/css" href="./2007160/lb/lb.css" />
+
+    <!-- 主体 开始 -->
+    <main>
+      <div class="centerWidth">
+        <div class="lb-box">
+          <div class="lb-box-r">
+            <div class="lb-con">
+              <div class="lb-con-tit">
+                <div class="lb-con-tit-l">
+                  <img src="./2007160/lb/docctitarr1.png" alt="" srcset="">
+                  <p>[(${column.name})]</p>
+                </div>
+                <ul class="lb-con-tit-r">
+                  <li>
+                    <img src="./2007158/common/docctitarr2.png" alt="" srcset="">
+                    <span>您的位置：</span>
+                  </li>
+                  <li><a href="/">首页</a></li>
+                  <th:block th:each="item: ${selfPosition}">
+                    -
+                    <a th:href="${item.urlPc}" th:title="${item.name}">[(${item.name})]</a>
+                  </th:block>
+                </ul>
+              </div>
+              <ul class="lb-con-list">
+                <li class="lb-con-list-item" th:each="news: ${newsList.list}">
+                  <a th:href="${news.article.pcUrl}" target="_blank"
+                    th:title="${news.listTitle}">[(${news.listTitle})]</a>
+                  <span>[(${#strings.substring(news.pubTime,0,10)})]</span>
+                </li>
+              </ul>
+
+
+              <th:block
+                th:if="${newsList.pageData != null and newsList.pageData.pages != null and newsList.pageData.pages > 1}">
+                <div class="pages" id="page">
+                  <ul>
+                    <li th:if="${newsList.pageData.current != 1}">
+                      <a th:href="${newsList.pageData.href[0]}">上一页</a>
+                    </li>
+                    <li th:if="${newsList.pageData.current} ==1">
+                      <a th:class="'active'" th:href="${newsList.pageData.href[0]}">1</a>
+                    </li>
+                    <li th:each="href : ${newsList.pageData.href}">
+                      <th:block th:if="${newsList.pageData.current} ==1">
+                        <a th:if="${hrefStat.index!=0 && hrefStat.count != hrefStat.size}"
+                          th:href="${href}">[(${hrefStat.count})]</a>
+                      </th:block>
+                      <th:block
+                        th:if="${newsList.pageData.current} !='1' and ${newsList.pageData.pages != newsList.pageData.current}">
+                        <a th:if="${hrefStat.index!=0 && hrefStat.count != hrefStat.size && hrefStat.index == newsList.pageData.current}"
+                          th:class="'active'" th:href="${href}">[(${hrefStat.index})]</a>
+                        <a th:if="${hrefStat.index!=0 && hrefStat.count != hrefStat.size && hrefStat.index != newsList.pageData.current}"
+                          th:href="${href}">[(${hrefStat.index})]</a>
+                      </th:block>
+                      <th:block th:if="${newsList.pageData.pages == newsList.pageData.current}">
+                        <a th:if="${hrefStat.index!=0 && hrefStat.count != hrefStat.size}"
+                          th:href="${href}">[(${hrefStat.index})]</a>
+                      </th:block>
+                    </li>
+                    <li th:if="${newsList.pageData.pages == newsList.pageData.current}">
+                      <a th:class="'active'"
+                        th:href="${newsList.pageData.href[__${#lists.size(newsList.pageData.href)}__-1]}">[(${newsList.pageData.current})]</a>
+                    </li>
+                    <li th:if="${newsList.pageData.pages != newsList.pageData.current}">
+                      <a th:href="${newsList.pageData.href[__${#lists.size(newsList.pageData.href)}__-1 ]}">下一页</a>
+                    </li>
+                  </ul>
+
+                </div>
+              </th:block>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <!-- 主体 结束 -->
+
+    <!-- 底部 开始 -->
+    <!--#include virtual="/web/column/col1916115.html"-->
+    <!-- 底部 结束 -->
+  </body>
+
+</html>

template/通用列表-无左侧/2007160/2007160/lb/lb.css

@@ -0,0 +1,213 @@
+.lb-box {
+  display: flex;
+  margin-top: 45px;
+}
+.lb-box .lb-box-l {
+  width: 250px;
+  flex: none;
+}
+.lb-box .lb-box-r {
+  flex: 1;
+}
+.lb-nav {
+  border: 1px solid #e5e5e5;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.lb-box-l {
+  margin-right: 30px;
+}
+
+.lb-nav li {
+  line-height: 50px;
+
+  text-align: center;
+}
+
+.lb-nav .title {
+  margin: 0 -0.5px;
+  font-size: 18px;
+}
+
+.lb-nav li + li {
+  border-top: 1px solid #e5e5e5;
+}
+
+.lb-nav li a {
+  display: block;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: inherit;
+  font-size: 16px;
+}
+
+.lb-nav li a:hover,
+.lb-nav .title {
+  background: #154d9b;
+  color: #fff;
+}
+
+.lb-con-tit {
+  display: flex;
+  border-bottom: 1px solid #e5e5e5;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.lb-con-tit-l {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  line-height: 48px;
+  font-size: 20px;
+  color: #333;
+  position: relative;
+}
+.lb-con-tit-l img {
+  margin-right: 12px;
+}
+.lb-con-tit-l::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  height: 3px;
+  background-color: #154d9b;
+}
+.lb-con-tit-r {
+  display: flex;
+  align-items: center;
+}
+.lb-con-tit-r li span {
+  vertical-align: middle;
+}
+.lb-con-tit-r li,
+.lb-con-tit-r li a {
+  font-size: 14px;
+  color: #b8b8b8;
+}
+.lb-con-tit-r li a:hover {
+  color: #154d9b;
+}
+
+.lb-con-list,
+.lb-con-list-item {
+  width: 100%;
+}
+.lb-con-list-item {
+  line-height: 3;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 16px;
+  color: #ccc;
+  overflow: hidden;
+  border-bottom: 1px #eee solid;
+  background: url(doccli.gif) 0 22px no-repeat;
+  text-indent: 20px;
+}
+.lb-con-list-item a {
+  color: #333333;
+  width: 0;
+  flex: 1;
+  overflow: hidden;
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.lb-con-list-item span {
+  flex: none;
+}
+.lb-con-list-item a:hover {
+  color: #248;
+  animation: listover 0.4s linear infinite;
+}
+
+@keyframes listover {
+  0% {
+    margin-left: -2px;
+  }
+  100% {
+    margin-left: 2px;
+  }
+}
+
+.pages {
+  text-align: center;
+  margin-top: 20px;
+}
+.pages li {
+  display: inline-block;
+  margin: 0 3px;
+}
+.pages li a {
+  display: inline-block;
+  color: #0e509e;
+  font-size: 12px;
+  border: solid 1px #9aafe5;
+  line-height: 30px;
+  min-width: 30px;
+  padding: 0 8px;
+}
+.pages li a:hover,
+.pages li.page-active a {
+  border: solid 1px #0e509e;
+}
+.pages li[disabled='true'] a {
+  pointer-events: none;
+  color: #ccc;
+  border: solid 1px #ccc;
+}
+
+@media screen and (max-width: 768px) {
+  .pages {
+    margin-top: 0.3rem;
+  }
+  .pages li {
+    margin: 0 0.05rem;
+  }
+  .pages li a,
+  .pages li span {
+    line-height: 0.5rem;
+    font-size: 0.24rem;
+    min-width: 0.5rem;
+    padding: 0 0.1rem;
+    margin-bottom: 0.1rem;
+  }
+  .lb-con-tit-l{
+    font-size: .3rem;
+    line-height: .8rem;
+    height: .8rem;
+  }
+  .lb-con-tit-r li, .lb-con-tit-r li a {
+    font-size: .22rem;
+  }
+  .lb-con-list-item{
+    font-size: .28rem;
+    line-height: 0.8rem;
+  }
+  .lb-con-list-item{
+    background-position: .2rem;
+    text-indent: .4rem;
+  }
+  .lb-box{
+    display: block;
+  }
+  .lb-box .lb-box-l{
+    width: auto;
+    margin-right: 0;
+  }
+  .lb-nav .title{
+    font-size: .28rem;
+  }
+  .lb-nav li{
+    line-height: .6rem;
+  }
+  .lb-nav li a{
+    font-size: .22rem;
+  }
+  
+}

template/首页/2007162/2007162.html

@@ -0,0 +1,847 @@
+<!DOCTYPE html>
+<html lang="en">
+
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <trs_template tempname="meta通用概览" />
+        <title>
+            <trs_channel FIELD="chnldesc" id="owner" autolink="false"></trs_channel>_<trs_website field="sitedesc">
+            </trs_website>
+        </title>
+
+
+        <!-- 头条 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915965],'start':0,'count':2,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="ttxwList"></hlx-template>
+
+        <!-- 国内要闻 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915966],'start':0,'count':7,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="glywList"></hlx-template>
+
+        <!-- 今日重庆 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915967],'start':0,'count':7,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="jrcqList"></hlx-template>
+
+        <!-- 本院新闻 banner -->
+        <hlx-template component-type="newsPage"
+            component-query-option="{'columnIds':[1915981],'start':0,'count':6,'showMedium':'PC','listViewCode':['ONE_IMAGE']}"
+            component-variable="byxwBannerList"></hlx-template>
+
+        <!-- 本院新闻 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915981],'start':0,'count':7,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="byxwList"></hlx-template>
+
+        <!-- 通知公告 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915970],'start':0,'count':1,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="tzggList"></hlx-template>
+
+        <!-- 研究阐释 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1915982}"
+            component-variable="yjcsColumn"></hlx-template>
+
+        <!-- 研究阐释-子栏目 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915982],'start':0,'count':6,'showMedium':'PC','columnScope':'SON'}"
+            component-variable="yjcsList"></hlx-template>
+
+        <!-- 专题-学习宣传贯彻党的二十届三中全会精神 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916403}"
+            component-variable="ztColumn"></hlx-template>
+
+        <!-- 专题-往期专题聚焦 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916403}"
+            component-variable="wqColumn"></hlx-template>
+
+
+        <!-- 决策服务 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1915983}"
+            component-variable="jcfwColumn"></hlx-template>
+
+        <!-- 决策服务-子栏目 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1915983],'start':0,'count':6,'showMedium':'PC','columnScope':'SON'}"
+            component-variable="jcfwList"></hlx-template>
+
+        <!-- 决策服务-调查研究-banner -->
+        <hlx-template component-type="newsPage"
+            component-query-option="{'columnIds':[1915987],'start':0,'count':6,'showMedium':'PC','listViewCode':['ONE_IMAGE']}"
+            component-variable="jcfwBannerList"></hlx-template>
+
+        <!-- 全市资政管理服务信息平台 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':5000006}"
+            component-variable="qszzColumn"></hlx-template>
+
+        <!-- 全市资政管理服务信息平台 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916064}"
+            component-variable="zdzkColumn"></hlx-template>
+
+        <!-- 述学立论 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916001}"
+            component-variable="sxllColumn"></hlx-template>
+
+        <!-- 述学立论-子栏目 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1916001],'start':0,'count':6,'showMedium':'PC','columnScope':'SON'}"
+            component-variable="sxllList"></hlx-template>
+
+        <!-- 一苇大讲堂 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916069}"
+            component-variable="ywdjtColumn"></hlx-template>
+
+        <!-- 智慧两江论坛 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916072}"
+            component-variable="zhljColumn"></hlx-template>
+
+        <!-- 睿见两江开放发展论坛 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916075}"
+            component-variable="rjljColumn"></hlx-template>
+
+        <!-- 青年学术创新团队 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916081}"
+            component-variable="qnxsColumn"></hlx-template>
+
+        <!-- 党的建设 banner -->
+        <hlx-template component-type="newsPage"
+            component-query-option="{'columnIds':[1916005],'start':0,'count':6,'showMedium':'PC','listViewCode':['ONE_IMAGE']}"
+            component-variable="ddjsBannerList"></hlx-template>
+
+        <!-- 党的建设 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916005}"
+            component-variable="ddjsColumn"></hlx-template>
+
+        <!-- 党的建设 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1916005],'start':0,'count':6,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="ddjsList"></hlx-template>
+
+        <!-- 重庆市中国特色社会主义理论体系研究中心 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916006}"
+            component-variable="shzylwColumn"></hlx-template>
+
+        <!-- 重庆市中国特色社会主义理论体系研究中心-子栏目 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1916006],'start':0,'count':6,'showMedium':'PC','columnScope':'SON'}"
+            component-variable="shzylwList"></hlx-template>
+
+        <!-- 两江思享论坛 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916078}"
+            component-variable="ljsxColumn"></hlx-template>
+
+        <!-- 重庆市哲学社会科学创新工程 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916058}"
+            component-variable="zxshColumn"></hlx-template>
+
+        <!-- 重庆市哲学社会科学创新工程-简介 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1916059],'start':0,'count':1,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="zxshJjList"></hlx-template>
+
+        <!-- 重庆市哲学社会科学创新工程-栏目 -->
+        <hlx-template component-type="columnNews"
+            component-query-option="{'columnIds':[1916060,1916061,1916062,1916063],'start':0,'count':3,'showMedium':'PC','columnScope':'SELF'}"
+            component-variable="zxshLmList"></hlx-template>
+
+        <!-- 编辑出版 -->
+        <hlx-template component-type="column" component-query-option="{'columnId':1916012}"
+            component-variable="bjcbColumn"></hlx-template>
+
+
+    </head>
+
+    <body>
+        <!-- 头部 开始 -->
+        <!--#include virtual="/web/column/col1916114.html"-->
+        <link rel="stylesheet" type="text/css" href="./2007162/index/index.css" />
+        <link rel="stylesheet" type="text/css" href="{2007158}/2007158/common/swiper.min.css">
+
+        <script type="text/javascript" src="{2007158}/2007158/common/swiper.min.js"></script>
+        <script type="text/javascript" src="./2007162/index/index.js"></script>
+        <!-- 头部 结束 -->
+
+        <!-- 主体 开始 -->
+        <main>
+            <div class="index-box1 centerWidth">
+                <div class="index-box1-head">
+                    <div class="index-box1-l"></div>
+                    <div class="index-box1-c">
+                        <th:block th:each="item: ${ttxwList}">
+                            <p th:each="news: ${item.newsList}">
+                                <a th:href="${news.pcUrl}" target="_blank">[[${news.listTitle}]]</a>
+                            </p>
+                        </th:block>
+                    </div>
+
+                    <div class="index-box1-r">
+                        <th:block th:each="item: ${ttxwList}">
+                            <a th:href="${item.urlPc}">更多头条>></a>
+                        </th:block>
+                    </div>
+                </div>
+                <div class="index-box1-body">
+                    <th:block th:each="item: ${glywList}">
+                        <div class="index-box1-body-l news">
+                            <div class="news-title">
+                                <a th:href="${item.urlPc}"><span>国内</span>要闻</a>
+                            </div>
+                            <ul class="news-list">
+                                <li th:each="news: ${item.newsList}"><a th:href="${news.pcUrl}"
+                                        th:title="${news.listTitle}"
+                                        target="_blank">[[${news.listTitle}]]</a><span>[[${news.pubTime.substring(0,
+                                        10)}]]</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </th:block>
+                    <th:block th:each="item: ${jrcqList}">
+                        <div class="index-box1-body-r news">
+                            <div class="news-title">
+                                <a th:href="${item.urlPc}"><span>今日</span>重庆</a>
+                            </div>
+                            <ul class="news-list">
+                                <li th:each="news: ${item.newsList}"><a th:href="${news.pcUrl}"
+                                        th:title="${news.listTitle}"
+                                        target="_blank">[[${news.listTitle}]]</a><span>[[${news.pubTime.substring(0,
+                                        10)}]]</span>
+                                </li>
+                            </ul>
+                        </div>
+                    </th:block>
+                </div>
+            </div>
+
+            <div class="index-box2">
+                <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 th:each="news: ${byxwBannerList}" target="_blank"
+                                        th:href="${news.article.pcUrl}">
+                                        <img draggable="false" th:src="${news.listImage}" alt="">
+                                    </a>
+                                </div>
+                                <div class="slides-mask"></div>
+                                <div class="slides-txt">
+                                    <a th:each="news: ${byxwBannerList}"
+                                        style="display: none;">[[${news.listTitle}]]</a>
+                                </div>
+                            </div>
+
+                            <div class="slides-num" id="slides1_btn">
+                                <span th:each="news,newsStat: ${byxwBannerList}"
+                                    th:classappend="${newsStat.index == 0 ? 'cur' : ''}"></span>
+                            </div>
+
+                        </div>
+                        <th:block th:each="item: ${byxwList}">
+                            <div class="index-box2-body-r news2">
+                                <div class="news2-title clearfix">
+                                    <p><a th:href="${item.urlPc}">本院新闻</a></p>
+                                </div>
+                                <div class="news2-toptitle">
+                                    <p>
+                                        <th:block th:each="news,newsStat: ${item.newsList}">
+                                            <a th:if="${newsStat.index == 0}" th:href="${news.pcUrl}">
+                                                [[(${news.listTitle})]]
+                                            </a>
+                                        </th:block>
+                                    </p>
+                                </div>
+
+                                <div class="news2-list">
+                                    <ul class="news2-list-ul">
+                                        <li th:each="news,newsStat: ${item.newsList}" th:if="${newsStat.index != 0}"><a
+                                                th:href="${news.pcUrl}" target="_blank" th:title="${news.listTitle}">
+
+                                                [[(${news.listTitle})]]
+                                            </a><span>
+                                                [[(${news.pubTime.substring(0, 10)})]]
+                                            </span>
+                                        </li>
+                                    </ul>
+                                    <th:bolck th:each="news: ${tzggList}">
+                                        <div class="tzgg-box">
+                                            <img src="./2007162/index/tzggarr.png">
+                                            <span class="tzgg-title">通知公告</span>
+                                            <th:block th:each="news: ${news.newsList}">
+                                                <div class="tzgg-content">
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </div>
+                                            </th:block>
+                                            <a class="tzgg-more" th:href="${news.urlPc}" target="_blank">
+                                                更多
+                                            </a>
+                                        </div>
+                                    </th:bolck>
+                                </div>
+
+
+                            </div>
+                        </th:block>
+                    </div>
+
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a th:href="${yjcsColumn.urlPc}">
+                            研究<span>阐释</span>
+                        </a>
+                    </div>
+                    <div class="index-card index-sw1">
+                        <ul class="index-card-nav">
+                            <li th:each="item,itemStat: ${yjcsList}"
+                                th:classappend="${itemStat.index == 0 ? 'cur' : ''}"><a
+                                    th:href="${item.urlPc}">[[(${item.name})]]</a></li>
+                        </ul>
+                        <div class="index-card-body">
+                            <th:block th:each="item,itemStat: ${yjcsList}">
+                                <div class="index-item" th:style="${itemStat.index == 0 ? '' : 'display: none'}">
+                                    <div class="index-item-r">
+                                        <th:block th:each="news,newsStat: ${item.newsList}"
+                                            th:if="${newsStat.index == 0}">
+                                            <div class="news3-1">
+                                                <div class="news3-title">
+                                                    <a class="line-1" th:href="${news.pcUrl}"
+                                                        th:title="${news.listTitle}"
+                                                        target="_blank">[[(${news.listTitle})]]</a>
+                                                </div>
+                                                <div class="news3-desc line-2">
+                                                    [[(${news.summary})]]
+                                                </div>
+                                            </div>
+                                        </th:block>
+                                        <ul class="news3-list">
+                                            <th:block th:each="news,newsStat: ${item.newsList}"
+                                                th:if="${newsStat.index != 0}">
+                                                <li>
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        th:title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </th:block>
+                        </div>
+
+                        <div class="index-card-ad">
+                            <a th:href="${ztColumn.urlPc}">
+                                <img src="./2007162/index/20240815171210536.jpg" alt="">
+                            </a>
+                            <a th:href="${wqColumn.urlPc}">
+                                <img src="./2007162/index/xccs_ban_s2.jpg" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a th:href="${jcfwColumn.urlPc}">
+                            <span>决策</span>服务
+                        </a>
+                    </div>
+                    <div class="index-card index-sw2">
+                        <ul class="index-card-nav">
+                            <li th:each="item,itemStat: ${jcfwList}"
+                                th:classappend="${itemStat.index == 0 ? 'cur' : ''}"><a
+                                    th:href="${item.urlPc}">[[(${item.name})]]</a></li>
+                        </ul>
+                        <div class="index-card-body">
+                            <th:block th:each="item,itemStat: ${jcfwList}">
+                                <div class="index-item" th:style="${itemStat.index == 0 ? '' : 'display: none'}">
+                                    <div th:if="${item.id==1915987}" class="index-item-l news3-img-swiper">
+                                        <div class="swiper-container">
+                                            <div class="swiper-wrapper">
+                                                <th:block th:each="img: ${jcfwBannerList}">
+                                                    <div class="swiper-slide">
+                                                        <a th:href="${img.article.pcUrl}" target="_blank">
+                                                            <img th:src="${img.listImage}">
+                                                        </a>
+                                                    </div>
+                                                </th:block>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="index-item-r">
+                                        <th:block th:each="news,newsStat: ${item.newsList}"
+                                            th:if="${newsStat.index == 0}">
+                                            <div class="news3-1">
+                                                <div class="news3-title">
+                                                    <a class="line-1" th:href="${news.pcUrl}"
+                                                        th:title="${news.listTitle}"
+                                                        target="_blank">[[(${news.listTitle})]]</a>
+                                                </div>
+                                                <div class="news3-desc line-2">
+                                                    [[(${news.summary})]]
+                                                </div>
+                                            </div>
+                                        </th:block>
+                                        <ul class="news3-list">
+                                            <th:block th:each="news,newsStat: ${item.newsList}"
+                                                th:if="${newsStat.index != 0}">
+                                                <li>
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        th:title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+
+                                </div>
+                            </th:block>
+                        </div>
+                        <div class="index-card-ad">
+                            <a th:href="${qszzColumn.urlPc}">
+                                <img src="./2007162/index/jcfw_ban_s1.jpg" alt="">
+                            </a>
+                            <a th:href="${zdzkColumn.urlPc}">
+                                <img src="./2007162/index/zdzk-sy.png" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a th:href="${sxllColumn.urlPc}">
+                            述学<span>立论</span>
+                        </a>
+                    </div>
+                    <div class="index-card index-sw3">
+                        <ul class="index-card-nav">
+                            <li th:each="item,itemStat: ${sxllList}"
+                                th:classappend="${itemStat.index == 0 ? 'cur' : ''}"><a
+                                    th:href="${item.urlPc}">[[(${item.name})]]</a></li>
+                        </ul>
+
+                        <div class="index-card-body">
+                            <th:block th:each="item,itemStat: ${sxllList}">
+                                <div class="index-item" th:style="${itemStat.index == 0 ? '' : 'display: none'}">
+                                    <div class="index-item-r">
+                                        <th:block th:each="news,newsStat: ${item.newsList}"
+                                            th:if="${newsStat.index == 0}">
+                                            <div class="news3-1">
+                                                <div class="news3-title">
+                                                    <a class="line-1" th:href="${news.pcUrl}"
+                                                        th:title="${news.listTitle}"
+                                                        target="_blank">[[(${news.listTitle})]]</a>
+                                                </div>
+                                                <div class="news3-desc line-2">
+                                                    [[(${news.summary})]]
+                                                </div>
+                                            </div>
+                                        </th:block>
+                                        <ul class="news3-list">
+                                            <th:block th:each="news,newsStat: ${item.newsList}"
+                                                th:if="${newsStat.index != 0}">
+                                                <li>
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        th:title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </th:block>
+                        </div>
+
+                        <div class="index-card-ad">
+                            <a href="${ywdjtColumn.urlPc}">
+                                <img src="./2007162/index/listban_n2.jpg" alt="">
+                            </a>
+                            <a href="${zhljColumn.urlPc}">
+                                <img src="./2007162/index/listban_n3.jpg" alt="">
+                            </a>
+                            <a href="${rjljColumn.urlPc}">
+                                <img src="./2007162/index/listban_n4.jpg" alt="">
+                            </a>
+                            <a href="${qnxsColumn.urlPc}">
+                                <img src="./2007162/index/sxll_ban4.jpg" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a href="${ddjsColumn.urlPc}">
+                            <span>党</span>的建设
+                        </a>
+                    </div>
+
+                    <div class="index-card index-ddjs">
+                        <div class="index-card-body">
+                            <th:block th:each="item,itemStat: ${ddjsList}">
+                                <div class="index-item">
+
+                                    <div class="index-item-r">
+                                        <th:block th:each="news,newsStat: ${item.newsList}"
+                                            th:if="${newsStat.index == 0}">
+                                            <div class="news3-1">
+                                                <div class="news3-title">
+                                                    <a class="line-1" th:href="${news.pcUrl}"
+                                                        th:title="${news.listTitle}"
+                                                        target="_blank">[[(${news.listTitle})]]</a>
+                                                </div>
+                                                <div class="news3-desc line-2">
+                                                    [[(${news.summary})]]
+                                                </div>
+                                            </div>
+                                        </th:block>
+                                        <ul class="news3-list">
+                                            <th:block th:each="news,newsStat: ${item.newsList}"
+                                                th:if="${newsStat.index != 0}">
+                                                <li>
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        th:title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+
+                                    <div class="index-item-l news3-img-swiper1">
+                                        <div class="index-box3-body-l">
+                                            <div class="slides-box" id="slides2">
+                                                <div class="slides-img">
+                                                    <th:block th:each="mews: ${ddjsBannerList}">
+                                                        <a target="_blank" th:href="${mews.article.pcUrl}">
+                                                            <img draggable="false" th:src="${mews.listImage}" alt="">
+                                                        </a>
+                                                    </th:block>
+                                                </div>
+                                                <div class="slides-mask"></div>
+                                                <div class="slides-txt">
+                                                    <th:block th:each="mews,mewsStat: ${ddjsBannerList}">
+                                                        <a
+                                                            th:style="${mewsStat.index==0?'':'display: none;'}">[[(${mews.listTitle})]]</a>
+                                                    </th:block>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+
+
+                                </div>
+                            </th:block>
+                            <div class="index-card-ad">
+                                <a target="_blank" href="https://jjc.cq.gov.cn/">
+                                    <img src="./2007162/index/fzby_lonban.jpg" alt="">
+                                </a>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider sw4">
+                        <a th:href="${shzylwColumn.urlPc}">
+                            <span>重庆市中国特色社会主义理论体系研究中心</span>
+                        </a>
+                    </div>
+                    <div class="index-card index-sw4">
+
+                        <ul class="index-card-nav">
+                            <li th:each="item,itemStat: ${shzylwList}"
+                                th:classappend="${itemStat.index == 0 ? 'cur' : ''}"><a
+                                    th:href="${item.urlPc}">[[(${item.name})]]</a></li>
+                        </ul>
+                        <div class="index-card-body">
+                            <th:block th:each="item,itemStat: ${shzylwList}">
+                                <div class="index-item" th:style="${itemStat.index == 0 ? '' : 'display: none'}">
+                                    <div class="index-item-r">
+                                        <th:block th:each="news,newsStat: ${item.newsList}"
+                                            th:if="${newsStat.index == 0}">
+                                            <div class="news3-1">
+                                                <div class="news3-title">
+                                                    <a class="line-1" th:href="${news.pcUrl}"
+                                                        th:title="${news.listTitle}"
+                                                        target="_blank">[[(${news.listTitle})]]</a>
+                                                </div>
+                                                <div class="news3-desc line-2">
+                                                    [[(${news.summary})]]
+                                                </div>
+                                            </div>
+                                        </th:block>
+                                        <ul class="news3-list">
+                                            <th:block th:each="news,newsStat: ${item.newsList}"
+                                                th:if="${newsStat.index != 0}">
+                                                <li>
+                                                    <a th:href="${news.pcUrl}" target="_blank"
+                                                        th:title="${news.listTitle}">[[(${news.listTitle})]]</a>
+                                                    <span>[[(${news.pubTime.substring(0, 10)})]]</span>
+                                                </li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </th:block>
+                        </div>
+
+                        <div class="index-card-ad">
+                            <a th:href="${ljsxColumn.urlPc}">
+                                <img src="./2007162/index/ztzxban_sr.jpg" alt="">
+                            </a>
+                            <a href="https://www.xuexi.cn/" target="_blank">
+                                <img src="./2007162/index/ztzxban_sl.jpg" alt="">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3 box-bg">
+                <div class="centerWidth clearfix">
+                    <div class="divider-bg">
+                        <a th:href="${zxshColumn.urlPc}">
+                            <span>重庆市哲学社会科学创新工程</span>
+                        </a>
+                        <a class="more" th:href="${zxshColumn.urlPc}">更多></a>
+                    </div>
+
+                    <div class="index-book">
+                        <div class="index-book-head">
+                            <a class="icon">
+                                <img src="./2007162/index/2401-jjbt.png" alt="" srcset="">
+                            </a>
+                            <th:block th:each="item: ${zxshJjList}">
+                                <p th:each="news: ${item.newsList}" class="text">
+                                    [[(${news.summary})]]
+                                    <a th:href="${news.pcUrl}">【详情</a>
+                                </p>
+                            </th:block>
+                        </div>
+                        <div class="index-book-body">
+                            <th:block th:each="item,itemStat: ${zxshLmList}">
+                                <div class="book-item" th:id="'book'+${itemStat.count}">
+                                    <a class="book-item-head" th:href="${item.urlPc}">
+                                        <img th:src="${item.listImage}" alt="" srcset="">
+                                    </a>
+                                    <div class="book-item-body">
+                                        <div class="tits">
+                                            <th:block th:each="news: ${item.newsList}">
+                                                <div class="tits-item">
+                                                    <a class="tits-item-t line-3" th:href="${news.pcUrl}">
+                                                        [[(${news.listTitle})]]
+                                                    </a>
+                                                    <a class="more" th:href="${news.pcUrl}">&gt;&gt;</a>
+                                                </div>
+                                            </th:block>
+                                        </div>
+                                        <ul class="dots">
+                                            <th:block th:each="news,newsStat: ${item.newsList}">
+                                                <li th:class="${newsStat.index == 0 ? 'cur' : ''}"></li></li>
+                                            </th:block>
+                                        </ul>
+                                    </div>
+
+                                </div>
+                            </th:block>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="index-box3">
+                <div class="centerWidth clearfix">
+                    <div class="divider">
+                        <a th:href="${bjcbColumn.urlPc}">
+                            编辑<span>出版</span>
+                        </a>
+                    </div>
+                    <div class="index-bj">
+                        <ul class="book-covers pcshow">
+                            <li class="item">
+                                <a href="#" target="_blank">
+                                    <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="">
+                                </a>
+                            </li>
+                        </ul>
+                        <div class="index-card book-info">
+
+                            <div class="info-head">
+                                <div class="book-news">
+                                    <h3>出版物动态</h3>
+                                    <ul class="book-news-list">
+                                        <li>
+                                            <a href="#" target="_blank">《改革》2024年第8期首发论文全文转载率达50%</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》首发论文被《高等学校文科学术文摘》全文转载</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》《重庆社会科学》被评定为重庆市一级期刊</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《改革》新年贺词</a>
+                                        </li>
+                                        <li>
+                                            <a href="#" target="_blank">《重庆社会科学》新年贺词</a>
+                                        </li>
+                                    </ul>
+                                    <div class="book-news-more">
+                                        <a href="">更多>></a>
+                                    </div>
+                                </div>
+                                <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>
+                                    <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="./2007162/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="./2007162/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 class="info-bottom">
+                                <ul class="sj">
+                                    <li class="cur">
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <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="">
+                                        <p>点击详情</p>
+                                    </li>
+                                    <li>
+                                        <img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
+                                            srcset="">
+                                        <p>点击详情</p>
+                                    </li>
+                                </ul>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </main>
+        <!-- 主体 结束 -->
+
+        <!-- 底部 开始 -->
+        <!--#include virtual="/web/column/col1916115.html"-->
+        <!-- 底部 结束 -->
+    </body>
+
+</html>

template/首页/2007162/2007162/index/index.js

@@ -0,0 +1,122 @@
+$(function () {
+  jQuery("#slides1 .slides-img a").SwitchFade({
+    text: '#slides1 .slides-txt a',
+    prev: '#slides1 .slides-left',
+    next: '#slides1 .slides-right',
+    num: '#slides1_btn.slides-num span',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+    // autoPlay:false //是否自动轮播
+  });
+
+  jQuery("#slides2 .slides-img a").SwitchFade({
+    text: '#slides2 .slides-txt a',
+    prev: '#slides2 .slides-left',
+    next: '#slides2 .slides-right',
+    num: '#slides2 .slides-num span',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+    // autoPlay:false //是否自动轮播
+  });
+
+  $(".index-sw1").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: false, // Enable auto-play
+    interval: 5000
+  });
+
+  $(".index-sw2").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: true, // Enable auto-play
+    interval: 5000
+  });
+
+  $(".index-sw3").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: false, // Enable auto-play
+    interval: 5000
+  });
+
+  $(".index-sw4").autoPlayTabs({
+    tabHead: ".index-card-nav li",
+    tabCont: ".index-card-body .index-item",
+    cur: "cur",
+    autoPlay: false, // Enable auto-play
+    interval: 5000
+  });
+
+  const swiper = new Swiper('.swiper-container', {
+    // 启用 3D 旋转轮播效果
+    effect: 'coverflow',
+    grabCursor: false, // 鼠标悬停时显示抓手光标
+    centeredSlides: true, // 居中显示
+    slidesPerView: 2, // 自适应显示幻灯片数量
+    loop: true, // 启用无限循环
+    coverflowEffect: {
+      rotate: 0, // 旋转角度（负值表示从后面往前旋转）
+      stretch: 0, // 拉伸距离
+      depth: 100, // 深度
+      modifier: 4, // 效果强度
+      slideShadows: false, // 启用幻灯片阴影
+    },
+    // 自动播放
+    autoplay: {
+      delay: 6000, // 3 秒切换一次
+      disableOnInteraction: false, // 用户操作后不停止自动播放
+    },
+  });
+
+
+  jQuery("#book1 .tits .tits-item").SwitchFade({
+    text: '#book1 1',
+    prev: '#book1 none',
+    next: '#book1 none',
+    num: '#book1 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+
+  jQuery("#book2 .tits .tits-item").SwitchFade({
+    text: '#book2 1',
+    prev: '#book2 none',
+    next: '#book2 none',
+    num: '#book2 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+  jQuery("#book3 .tits .tits-item").SwitchFade({
+    text: '#book3 1',
+    prev: '#book3 none',
+    next: '#book3 none',
+    num: '#book3 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+  jQuery("#book4 .tits .tits-item").SwitchFade({
+    text: '#book4 1',
+    prev: '#book4 none',
+    next: '#book4 none',
+    num: '#book4 .dots li',
+    className: 'cur',
+    playTime: 4000,
+    lendy: '.x',
+    indy: '.x',
+  });
+
+})