自适应

main
ihzero 2025-03-18 10:56:18 +08:00
parent 944a21a75a
commit 66e76a947b
8 changed files with 801 additions and 216 deletions

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

View File

@ -5,7 +5,6 @@ body {
background: url(body-bg.jpg) center top repeat-x;
}
.head {
height: 189px;
width: 100%;
@ -31,41 +30,46 @@ body {
width: 430px;
}
.h5-search{
.h5-search {
background-color: rgba(0, 0, 0, 0.1);
height: .6rem;
border: 1px solid #506a84;
border-radius: .1rem;
margin-top: .3rem;
height: 0.7rem;
border: 1px solid #0f4595;
border-radius: 0.2rem;
margin-top: 0.3rem;
width: 100%;
display: flex;
}
.w-full{
.w-full {
width: 100%;
}
.h5-search input{
.h5-search input {
flex: 1;
height: 100%;
padding: 0 .2rem;
font-size: .18rem;
padding: 0 0.2rem;
font-size: 0.22rem;
position: relative;
}
.h5-search .icon{
.h5-search .icon {
position: relative;
height: .6rem;
width: .6rem;
height: 0.7rem;
width: 0.7rem;
display: inline-block;
padding: 0.1rem;
}
.h5-search .icon img {
width: 100%;
height: 100%;
}
.h5-search .icon::after{
.h5-search .icon::after {
content: '';
position: absolute;
bottom: .1rem;
top: .1rem;
bottom: 0.1rem;
top: 0.1rem;
width: 1px;
left: 0;
font-size: 30px;
background: red;
background: #0f4595;
}
.nav {
background-color: #154d9b;
@ -76,11 +80,15 @@ body {
height: 62px;
align-items: center;
justify-content: space-between;
position: relative;
}
.navbar {
display: flex;
align-items: center;
flex-wrap: wrap;
/* flex-wrap: wrap; */
}
.navbar li {
flex: none;
}
.navbar li + li {
margin-left: 10px;
@ -89,21 +97,24 @@ body {
font-size: 16px;
color: #fff;
}
.navbar .img-text {
object-fit: contain;
}
.navbar li .zhsk {
content: url(nav_zhsk.png);
width: 73px;
height: 21px;
}
.navbar li .ggw {
content: url(nav_gaige.png);
width: 50px;
height: 21px;
}
.navbar li .cxgc {
content: url(nav_cxgc.png);
width: 73px;
height: 21px;
}
@ -235,7 +246,7 @@ body {
opacity: 0.7;
visibility: visible;
}
footer{
footer {
margin-top: 36px;
}
footer .link {
@ -266,6 +277,8 @@ footer .link {
color: #fff;
}
.dropdown img {
margin-left: 5px;
transition: transform 0.3s;
@ -322,16 +335,33 @@ footer .info {
background-color: #f2f2f2;
}
footer .info .info-text{
margin-top: 10px;
}
.info-box {
display: flex;
font-size: 14px;
color: #404040;
height: 215px;
align-items: center;
justify-content: space-between;
padding-top: 45px;
}
.info-box .info-l{
float: left;
width: 87%;
}
.info-box .info-r{
float: right;
}
.info-r #_ideConac{
float: left;
}
.info-r .qrcode{
float: right;
}
.info-logo {
display: inline-block;
height: 50px;
}
.info-logo img {
@ -340,15 +370,12 @@ footer .info {
}
.info .qrcode {
text-align: center;
margin-left: 40px;
}
.info .qrcode img {
width: 130px;
height: 130px;
}
.info-r {
display: flex;
}
.underline {
background-color: #e2e2e2;
}
@ -359,10 +386,10 @@ footer .info {
text-align: center;
color: #404040;
}
.underline-box a{
.underline-box a {
display: inline-block;
}
.underline-box a:hover{
.underline-box a:hover {
color: #c92e1a;
}
@ -372,70 +399,128 @@ footer .info {
}
@media screen and (max-width: 768px) {
.head{
.head {
height: unset;
background-position: bottom center;
padding: 50px 20px 20px;
background-size: cover;
padding: 0.7rem 0.2rem 0.2rem;
}
.head .top {
flex-direction: column;
justify-content: center;
align-items: center;
/* padding-top: 50px; */
}
.head .top-l img{
.head .top-l img {
width: 100%;
}
.head .top-r{
.head .top-r {
margin-top: 20px;
}
.head .top-r img{
.head .top-r img {
width: 70%;
}
.nav-box{
height: unset;
.nav-box {
height: 0.62rem;
}
.navbar{
justify-content: start;
.navbar {
display: none;
flex-direction: column;
position: absolute;
top: 0.62rem;
left: 0;
width: 100%;
background-color: #154d9b;
padding: 10px 0;
z-index: 99;
}
.navbar li{
/* flex: 1 0 33.3%; */
width: 33.3%;
text-align: center;
line-height: .5rem;
.navbar.active {
display: flex;
}
.navbar li a{
font-size: .25rem;
.h5-nav {
display: flex;
justify-content: space-between;
width: 100%;
}
.navbar li + li{
.h5-nav li {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
}
.h5-nav li a ,.navbar li a{
display: inline-block;
font-size: 0.28rem;
color: #fff;
}
.h5-nav .icon-down {
width: 1rem;
flex: none;
}
.h5-nav .icon-down img {
width: 0.27rem;
cursor: pointer;
transition: transform 0.3s;
}
.h5-nav .icon-down img.active {
transform: rotate(180deg);
}
.navbar li {
padding: 0.05rem 0;
}
.navbar li + li {
margin-left: 0;
}
.navbar li .img-text {
height: 0.31rem;
}
.navbar li .zhsk {
width: .93rem;
height: .3rem;
.fade-box, .fade-img{
height: 2rem;
}
.navbar li .ggw {
width: 50px;
height: 21px;
}
.navbar li .cxgc {
width: 73px;
height: 21px;
.fade-btn{
width: .34rem;
height: .68rem;
background-size:.68rem .68rem;
opacity: .6;
visibility: visible;
}
.info .qrcode img{
width: 2.4rem;
height: 2.4rem;
}
.info-box{
flex-direction: column;
height: unset;
justify-content: center;
align-items: center;
font-size: .22rem;
height: 3.45rem;
padding-top: .4rem;
}
.info-box .info-l{
width: unset;
}
.info-box .info-l{
float: right;
}
.info-box .info-r{
float: left;
}
.info-l .lf,.info-l .rt{
float: none;
}
#_ideConac{
margin-top: .23rem;
}
#_ideConac img{
width: .56rem;
}
.info-logo img{
width: 80%;
.underline-box{
font-size: .22rem;
}
.underline-box img{
width: .2rem;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -511,6 +511,10 @@
display: flex;
justify-content: space-between;
}
.index-card-ad a {
display: inline-block;
width: 100%;
}
.news3-img-swiper {
width: 580px;
@ -560,6 +564,10 @@
margin-left: 94px;
flex: none;
}
.index-book-head .icon img {
width: 100%;
height: 100%;
}
.index-book-head .text {
font-size: 15px;
margin-top: 36px;
@ -692,6 +700,7 @@
height: 100%;
border: 1px solid #e5e5e5;
background-color: #f7f7f7;
flex: none;
}
.book-news h3 {
height: 52px;
@ -732,6 +741,7 @@
margin-left: 60px;
display: flex;
flex-direction: column;
height: 100%;
}
.book-name {
display: flex;
@ -850,7 +860,7 @@
-webkit-line-clamp: 1;
overflow: hidden;
}
.info-bottom{
.info-bottom {
margin-top: 28px;
}
.sj {
@ -864,7 +874,7 @@
box-sizing: content-box;
margin: 0 1.92%;
}
.sj li.cur{
.sj li.cur {
border: solid 3px #104697;
}
.sj li img {
@ -881,3 +891,413 @@
color: #fff;
text-align: center;
}
@media screen and (max-width: 768px) {
.index-box1-l {
position: unset;
top: auto;
transform: unset;
width: 1.1rem;
height: 1.5rem;
background-size: cover;
}
.index-box1-r {
top: 0.85rem;
}
.index-box1-c {
width: 80%;
margin-top: -0.2rem;
}
.index-box1-c .title {
font-size: 0.42rem;
line-height: 0.61rem;
}
.index-box1-r a {
font-size: 0.22rem;
}
.index-box1-c {
height: auto;
}
.index-box1-c .desc {
font-size: 0.22rem;
padding-top: 0.1rem;
display: block;
}
.index-box1-body {
display: block;
margin-top: 0.49rem;
}
.index-box1-body-r {
margin-left: 0;
margin-top: 0.5rem;
}
.news-title {
height: 0.5rem;
}
.news-list li {
line-height: 0.58rem;
}
.news-title a {
font-size: 0.42rem;
line-height: 0.42rem;
}
.news-list li a {
font-size: 0.28rem;
}
.news-list li span {
font-size: 0.22rem;
}
.index-box2 {
height: auto;
}
.index-box2-body-l {
width: 100%;
}
.index-box2-body {
display: block;
margin-top: 0.2rem;
}
.slides-box,
.slides-img {
height: 3.8rem;
}
.slides-txt,
.slides-mask {
height: 0.68rem;
}
.slides-txt a {
font-size: 0.28rem;
line-height: 0.68rem;
}
.slides-num {
text-align: center;
margin-top: 0.1rem;
}
.slides-num span {
height: 0.08rem;
width: 0.4rem;
border-radius: 0;
}
.index-box2-body-r {
margin-left: 0;
}
.news2-title p {
font-size: 0.42rem;
line-height: 0.42rem;
height: 0.6rem;
border-width: 0.04rem;
}
.news2 {
margin-top: 0.4rem;
}
.news2-toptitle a {
font-size: 0.34rem;
line-height: 0.5rem;
}
.news2-list-ul li a {
font-size: 0.28rem;
}
.news2-list-ul li {
font-size: 0.22rem;
line-height: 0.58rem;
}
.tzgg-box {
display: block;
height: auto;
position: relative;
margin: 0.2rem 0;
}
.tzgg-box img {
width: 0.27rem;
height: 0.27rem;
}
.tzgg-box .tzgg-title {
font-size: 0.34rem;
}
.tzgg-content {
margin-top: 0.2rem;
}
.tzgg-content a {
font-size: 0.28rem;
font-weight: normal;
}
.tzgg-content span {
font-size: 0.22rem;
}
.tzgg-more {
position: absolute;
right: 0;
top: 0.1rem;
font-size: 0.28rem;
}
.divider {
margin: 0.7rem 0;
}
.divider a {
font-size: 0.8rem;
padding: 0 0.2rem;
}
.sw4.divider a {
width: 87%;
line-height: 0.5rem;
}
.sw4.divider a span {
white-space: wrap;
font-size: 0.6rem;
}
.divider a span {
font-size: 1rem;
}
.index-card {
border: none;
padding: 0rem;
}
.index-card-body {
margin-top: 0.3rem;
}
.index-card-nav li {
height: 0.73rem;
line-height: 0.73rem;
}
.index-card-nav li + li {
margin-left: 0.2rem;
}
.index-card-nav li a {
font-size: 0.28rem;
font-weight: normal;
}
.news3-1 {
padding-bottom: 0.3rem;
}
.news3-title a {
font-size: 0.34rem;
line-height: 0.51rem;
}
.news3-title .line-1 {
overflow: hidden;
-webkit-line-clamp: 3;
height: auto;
}
.news3-desc.line-2 {
overflow: hidden;
-webkit-line-clamp: 3;
height: auto;
}
.news3-desc {
font-size: 0.22rem;
line-height: 0.33rem;
margin-top: 0.29rem;
}
.news3-list {
margin-top: 0.3rem;
}
.news3-list li {
line-height: 0.58rem;
height: auto;
}
.news3-list li a {
font-size: 0.28rem;
}
.news3-list li span {
font-size: 0.22rem;
}
.index-card-ad {
display: block;
margin-top: 0.2rem;
}
.index-card-ad a + a {
margin-top: 0.2rem;
}
.index-card-ad a img {
width: 100%;
}
.index-card-body .index-item {
display: block;
}
.index-item-r {
width: 100%;
margin-top: 0.4rem;
}
.news3-img-swiper {
width: 100%;
margin-right: 0;
display: block;
}
.index-sw3 .index-card-ad {
display: flex;
flex-wrap: wrap;
}
.index-sw3 .index-card-ad a {
width: 49%;
flex: none;
}
.index-sw3 .index-card-ad a {
margin-top: 0.2rem;
}
.index-sw3 .index-card-ad a img {
height: 1.15rem;
}
.news3-img-swiper1 {
margin-left: 0;
width: 100%;
}
.index-box3-body-l {
width: 100%;
}
#slides2 .slides-img,
#slides2 {
height: 3.8rem;
}
.index-ddjs .index-card-ad img {
height: 1.27rem;
object-fit: cover;
}
.divider-bg a span {
font-size: 0.6rem;
line-height: 0.6rem;
}
.divider-bg {
font-size: 0.6rem;
}
.divider-bg .more {
bottom: 0.2rem;
font-size: 0.22rem;
}
.index-book {
height: auto;
background-size: 100% 4.9rem;
margin: 0;
}
.index-book-head .icon {
width: 0.9rem;
height: 0.95rem;
margin-top: 0.24rem;
margin-left: 0.22rem;
}
.index-book-head .text {
font-size: 0.22rem;
margin-top: 0.22rem;
margin-left: 0.2rem;
margin-right: 0.3rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 0.36rem;
}
.index-book-body {
flex-wrap: wrap;
margin: 0.4rem 0 0;
background: url(2401-cxgcbg-2-2402.png) no-repeat center top;
background-position: 0 -2px;
background-size: 100% 100%;
padding: 0 0.4rem 0.4rem;
}
.index-book-body .book-item {
width: 49%;
margin-bottom: 0.22rem;
}
.book-item-head img {
height: 1.32rem;
}
.book-item-body {
height: 1.4rem;
}
.book-item-body .tits-item .tits-item-t {
font-size: 0.22rem;
}
.book-info {
margin-left: 0;
width: 100%;
}
.info-head {
height: unset;
display: block;
}
.book-news {
width: 100%;
height: auto;
}
.book-news h3 {
font-size: 0.34rem;
height: 0.7rem;
line-height: 0.7rem;
}
.book-news-list {
height: auto;
}
.book-news-list li a {
font-size: 0.28rem;
}
.book-news-list li {
line-height: 0.58rem;
}
.book-news-more {
font-size: 0.22rem;
}
.book-r {
display: flex;
margin-top: 0.5rem;
}
.index-bj .book-covers-h5 {
width: 2.4rem;
height: 3.6rem;
}
.book-content {
margin-left: 0.2rem;
}
.book-name span {
font-size: 0.34rem;
display: block;
}
.book-name {
display: block;
}
.book-tab a {
font-size: 0.22rem;
}
.book-content .book-text {
font-size: 0.22rem;
line-height: 0.36rem;
}
.info-bottom {
width: 100%;
overflow-x: auto;
margin-top: .22rem;
}
.info-bottom .sj {
white-space: nowrap;
}
.info-bottom .sj li {
display: inline-block;
width: 2.5rem;
box-sizing: border-box;
margin: 0 .03rem;
}
.sj li img{
height: 1.9rem;
width: auto;
}
.h5show .top-book{
height: 1.25rem;
}
.top-book .new-book-img{
width: 1.35rem;
}
.top-book-list li a{
font-size: .28rem;
}
.top-book-more{
font-size: .22rem;
width: .68rem;
padding: .3rem .2rem;
}
.sj li p{
height: .4rem;
font-size: .28rem;
line-height: .4rem;
}
}

View File

@ -142,7 +142,7 @@
margin-left: 0;
}
.menu-toggle {
display: block; /* 显示菜单切换按钮 */
display: block !important; /* 显示菜单切换按钮 */
cursor: pointer;
font-size: 24px;
color: #fff;

View File

@ -18,7 +18,7 @@
<script type="text/javascript" src="./resources/common/setFont.js"></script>
<script type="text/javascript" src="./resources/common/base.js"></script>
</head>
<body>
@ -37,7 +37,7 @@
<div class="h5-search">
<input type="text" placeholder="请输入关键词">
<a class="icon" href="#">
<!-- <img src="./resources/common/ico_search.png"> -->
<img src="./resources/common/search.png">
</a>
</div>
</div>
@ -47,6 +47,15 @@
</div>
<div class="nav">
<div class="nav-box centerWidth">
<ul class="h5-nav h5show">
<li><a href="#">首页</a></li>
<li><a href="#">院情概览</a></li>
<li><a href="#">机构设置</a></li>
<li><a href="#">本院新闻</a></li>
<li class="icon-down" id="menuToggle">
<img src="./resources/common/down.png" alt="" srcset="">
</li>
</ul>
<ul class="navbar">
<li><a href="#">首页</a></li>
<li><a href="#">院情概览</a></li>
@ -61,9 +70,9 @@
<li><a href="#">专家学者</a></li>
<li><a href="#">专题聚焦</a></li>
<li><a href="#">文献资源</a></li>
<li><a href="#" class="zhsk">智慧社科</a></li>
<li><a href="#" class="ggw">改革网</a></li>
<li><a href="#" class="cxgc">创新工程</a></li>
<li><a href="#" class="img-text zhsk">智慧社科</a></li>
<li><a href="#" class="img-text ggw">改革网</a></li>
<li><a href="#" class="img-text cxgc">创新工程</a></li>
</ul>
<div class="search pcshow">
<div class="icon"></div>
@ -111,7 +120,6 @@
<span>政府部门</span>
<img src="./resources/common/ico_up.png">
</a>
<ul class="dropdown-box">
<li class="dropdown-title">地方政府部门</li>
<li><a href="http://www.beijing.gov.cn/" target="_blank">北京</a></li>
@ -355,27 +363,29 @@
</ul>
</div>
<div class="info">
<div class="centerWidth info-box">
<div class="centerWidth info-box clearfix">
<div class="info-l">
<a href="#" class="info-logo">
<img src="./resources/common/bottomlogo.png" alt="" srcset="">
</a>
<div>
<p>
地址重庆市江北区桥北村270号
</p>
<p>
邮编400020
</p>
<p>
电话023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
</p>
<div class="lf">
<a href="#" class="info-logo pcshow">
<img src="./resources/common/bottomlogo.png" alt="" srcset="">
</a>
<div class="info-text">
<p>
地址重庆市江北区桥北村270号
</p>
<p>
邮编400020
</p>
<p>
电话023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
</p>
</div>
</div>
</div>
<div class="info-r">
<div id="_ideConac"></div>
<div class="rt" id="_ideConac"></div>
<script src="//dcs.conac.cn/js/04/064/0000/60403026/CA040640000604030260001.js"
type="text/javascript"></script>
</div>
<div class="info-r">
<div class="qrcode">
<img src="./resources//common/qrcode.jpg">
<p>官方微信公众号</p>

View File

@ -34,10 +34,30 @@
<a class="top-r">
<img src="./resources/common/toplogo2.png">
</a>
<!--h5 搜索 开始 -->
<div class="h5show w-full">
<div class="h5-search">
<input type="text" placeholder="请输入关键词">
<a class="icon" href="#">
<img src="./resources/common/search.png">
</a>
</div>
</div>
<!--h5 搜索 结束 -->
</div>
</div>
<div class="nav">
<div class="nav-box centerWidth">
<ul class="h5-nav h5show">
<li><a href="#">首页</a></li>
<li><a href="#">院情概览</a></li>
<li><a href="#">机构设置</a></li>
<li><a href="#">本院新闻</a></li>
<li class="icon-down" id="menuToggle">
<img src="./resources/common/down.png" alt="" srcset="">
</li>
</ul>
<ul class="navbar">
<li><a href="#">首页</a></li>
<li><a href="#">院情概览</a></li>
@ -52,9 +72,9 @@
<li><a href="#">专家学者</a></li>
<li><a href="#">专题聚焦</a></li>
<li><a href="#">文献资源</a></li>
<li><a href="#" class="zhsk">智慧社科</a></li>
<li><a href="#" class="ggw">改革网</a></li>
<li><a href="#" class="cxgc">创新工程</a></li>
<li><a href="#" class="img-text zhsk">智慧社科</a></li>
<li><a href="#" class="img-text ggw">改革网</a></li>
<li><a href="#" class="img-text cxgc">创新工程</a></li>
</ul>
<div class="search pcshow">
<div class="icon"></div>
@ -64,8 +84,6 @@
</div>
</div>
</div>
</div>
<div class="fade-box">
@ -149,82 +167,84 @@
</div>
<div class="index-box2">
<div class="centerWidth index-box2-body">
<div class="index-box2-body-l">
<div class="slides-box" id="slides1">
<div class="slides-img">
<a target="_blank" href="#">
<img draggable="false"
src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
alt="">
</a>
<a target="_blank" href="#">
<img draggable="false"
src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
alt="">
</a>
</div>
<div class="slides-mask"></div>
<div class="slides-txt">
<a
style="display: none;">111左右轮播情况改变type为top就是上下轮播默认左右轮播1111左右轮播情况改变type为top就是上下轮播默认左右轮播1</a>
<a style="display: none;">2左右轮播情况改变type为top就是上下轮播默认左右轮播</a>
</div>
</div>
<div class="slides-num" id="slides1_btn">
<span class="cur"></span>
<span></span>
</div>
</div>
<div class="index-box2-body-r news2">
<div class="news2-title clearfix">
<p><a href="#">本院新闻</a></p>
</div>
<div class="news2-toptitle">
<p>
<a href="#">
院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研
</a>
</p>
</div>
<div class="news2-list">
<ul class="news2-list-ul">
<li><a href="#" target="_blank"
title="">全国政协常委、市政协副主席、民革市委会主委王新强一行来院调全国政协常委、市政协副主席、民革市委会主委王新强一行来院调</a><span>2025-02-27</span>
</li>
<li><a href="#" target="_blank" title="">担当实干创佳绩
唯实争先再跃升——我院召开2024年度总结表彰暨2..</a><span>2025-02-25</span></li>
<li><a href="#" target="_blank" title="">我院召开2024年度领导班子民主生活会</a><span>2025-02-19</span>
</li>
<li><a href="#" target="_blank" title=" ">统一思想
深化认识 为开好2024年度院领导班子民主生活会打牢思..</a><span>2025-02-17</span></li>
<li><a href="#" target="_blank" title=" ">“述”亮成绩 
“评”添干劲——我院召开2024年度党支部书记抓..</a><span>2025-01-24</span></li>
<li><a href="#" target="_blank"
title="">院党组召开2024年度领导班子成员述责述廉专题党组扩大会议</a><span>2025-01-08</span>
</li>
</ul>
<div class="tzgg-box">
<img src="./resources/index/tzggarr.png">
<span class="tzgg-title">通知公告</span>
<div class="tzgg-content">
<a href="#" target="_blank" title="">关于征集2025年重庆市重大决策咨关于征集2025年重庆市重大决策咨..</a>
<span>2025-02-27</span>
<div class="centerWidth ">
<div class="index-box2-body">
<div class="index-box2-body-l">
<div class="slides-box" id="slides1">
<div class="slides-img">
<a target="_blank" href="#">
<img draggable="false"
src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
alt="">
</a>
<a target="_blank" href="#">
<img draggable="false"
src="https://cqass.net.cn/pic_1280_720/upfiles/2025-03/20250311184301649.jpg"
alt="">
</a>
</div>
<a class="tzgg-more" href="#" target="_blank">
更多
</a>
<div class="slides-mask"></div>
<div class="slides-txt">
<a
style="display: none;">111左右轮播情况改变type为top就是上下轮播默认左右轮播1111左右轮播情况改变type为top就是上下轮播默认左右轮播1</a>
<a style="display: none;">2左右轮播情况改变type为top就是上下轮播默认左右轮播</a>
</div>
</div>
<div class="slides-num" id="slides1_btn">
<span class="cur"></span>
<span></span>
</div>
</div>
<div class="index-box2-body-r news2">
<div class="news2-title clearfix">
<p><a href="#">本院新闻</a></p>
</div>
<div class="news2-toptitle">
<p>
<a href="#">
院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研院党组书记、院长刘嗣方赴渝中区和两江新区开展超大城市现代化治理专题调研
</a>
</p>
</div>
<div class="news2-list">
<ul class="news2-list-ul">
<li><a href="#" target="_blank"
title="">全国政协常委、市政协副主席、民革市委会主委王新强一行来院调全国政协常委、市政协副主席、民革市委会主委王新强一行来院调</a><span>2025-02-27</span>
</li>
<li><a href="#" target="_blank" title="">担当实干创佳绩
唯实争先再跃升——我院召开2024年度总结表彰暨2..</a><span>2025-02-25</span></li>
<li><a href="#" target="_blank"
title="">我院召开2024年度领导班子民主生活会</a><span>2025-02-19</span>
</li>
<li><a href="#" target="_blank" title=" ">统一思想
深化认识 为开好2024年度院领导班子民主生活会打牢思..</a><span>2025-02-17</span></li>
<li><a href="#" target="_blank" title=" ">“述”亮成绩 
“评”添干劲——我院召开2024年度党支部书记抓..</a><span>2025-01-24</span></li>
<li><a href="#" target="_blank"
title="">院党组召开2024年度领导班子成员述责述廉专题党组扩大会议</a><span>2025-01-08</span>
</li>
</ul>
<div class="tzgg-box">
<img src="./resources/index/tzggarr.png">
<span class="tzgg-title">通知公告</span>
<div class="tzgg-content">
<a href="#" target="_blank" title="">关于征集2025年重庆市重大决策咨关于征集2025年重庆市重大决策咨..</a>
<span>2025-02-27</span>
</div>
<a class="tzgg-more" href="#" target="_blank">
更多
</a>
</div>
</div>
</div>
</div>
</div>
</div>
@ -683,7 +703,7 @@
</a>
</div>
<div class="index-card">
<div class="index-card index-ddjs">
<div class="index-card-body">
<div class="index-item">
<div class="index-item-r">
@ -766,7 +786,7 @@
<div class="index-box3">
<div class="centerWidth clearfix">
<div class="divider">
<div class="divider sw4">
<a href="#">
<span>重庆市中国特色社会主义理论体系研究中心</span>
</a>
@ -1035,7 +1055,7 @@
</a>
</div>
<div class="index-bj">
<ul class="book-covers">
<ul class="book-covers pcshow">
<li class="item">
<a href="#" target="_blank">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="">
@ -1068,24 +1088,63 @@
<a href="">更多>></a>
</div>
</div>
<div class="book-content">
<div class="book-name">
<span>《重庆社会科学》</span>
<div class="line-dot"></div>
<a href="#" target="_blank">更多>></a>
</div>
<ul class="book-tab">
<li>
<a class="cur">简介</a>
</li>
<li>
<a>声明</a>
<div class="book-r">
<ul class="book-covers book-covers-h5 h5show">
<li class="item">
<a href="#" target="_blank">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg"
alt="">
</a>
</li>
</ul>
<p class="book-text">
《重庆经济年鉴》是由重庆市人民政府办公厅主管重庆社会科学院和重庆市人民政府发展研究中心主办的一部具有史存性、鉴知性的大型经济类专业年鉴。自2001年创刊以来《重庆经济年鉴》已连续出版20年系统再现了重庆经济社会发展轨迹为市委、市政府科学决策提供了有价值的参考为社会各届全方位认识重庆提供了客观史实庆提供了客观史实庆提供了客观史实
</p>
<div class="book-content">
<div class="book-name">
<span>《重庆社会科学》</span>
<div class="line-dot pcshow"></div>
<a href="#" target="_blank">更多>></a>
</div>
<!-- <ul class="book-tab">
<li>
<a class="cur">简介</a>
</li>
<li>
<a>声明</a>
</li>
</ul> -->
<p class="book-text">
《重庆经济年鉴》是由重庆市人民政府办公厅主管重庆社会科学院和重庆市人民政府发展研究中心主办的一部具有史存性、鉴知性的大型经济类专业年鉴。自2001年创刊以来《重庆经济年鉴》已连续出版20年系统再现了重庆经济社会发展轨迹为市委、市政府科学决策提供了有价值的参考为社会各届全方位认识重庆提供了客观史实庆提供了客观史实庆提供了客观史实
</p>
<div class="pcshow">
<div class="top-book">
<img class="new-book-img" src="./resources/index/new_bjcbzxml.png"
alt="">
<div class="top-book-list">
<ul class="row2">
<li>
<a href="#">《重庆社会科学》</a>
</li>
<li>
<a href="">《重庆社会科学》《重庆社会科学》</a>
</li>
<li>
<a href="">《重庆社会科学》</a>
</li>
<li>
<a href="">《重庆社会科学》</a>
</li>
</ul>
</div>
<a class="top-book-more" href="#">
更多
</a>
</div>
</div>
</div>
</div>
<div class="h5show">
<div class="top-book">
<img class="new-book-img" src="./resources/index/new_bjcbzxml.png" alt="">
<div class="top-book-list">
@ -1108,38 +1167,44 @@
更多
</a>
</div>
</div>
</div>
<div class="info-bottom">
<ul class="sj">
<li class="cur">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
<li>
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt="" srcset="">
<img src="https://cqass.net.cn/upfiles/2025-03/20250303153414871.jpg" alt=""
srcset="">
<p>点击详情</p>
</li>
</ul>
@ -1150,7 +1215,6 @@
</div>
</div>
</main>
<!-- 主体 结束 -->
@ -1168,7 +1232,6 @@
<span>政府部门</span>
<img src="./resources/common/ico_up.png">
</a>
<ul class="dropdown-box">
<li class="dropdown-title">地方政府部门</li>
<li><a href="http://www.beijing.gov.cn/" target="_blank">北京</a></li>
@ -1413,27 +1476,29 @@
</ul>
</div>
<div class="info">
<div class="centerWidth info-box">
<div class="centerWidth info-box clearfix">
<div class="info-l">
<a href="#" class="info-logo">
<img src="./resources/common/bottomlogo.png" alt="" srcset="">
</a>
<div>
<p>
地址重庆市江北区桥北村270号
</p>
<p>
邮编400020
</p>
<p>
电话023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
</p>
<div class="lf">
<a href="#" class="info-logo pcshow">
<img src="./resources/common/bottomlogo.png" alt="" srcset="">
</a>
<div class="info-text">
<p>
地址重庆市江北区桥北村270号
</p>
<p>
邮编400020
</p>
<p>
电话023-67996600&nbsp;&nbsp;&nbsp;&nbsp;023-67992029
</p>
</div>
</div>
</div>
<div class="info-r">
<div id="_ideConac"></div>
<div class="rt" id="_ideConac"></div>
<script src="//dcs.conac.cn/js/04/064/0000/60403026/CA040640000604030260001.js"
type="text/javascript"></script>
</div>
<div class="info-r">
<div class="qrcode">
<img src="./resources//common/qrcode.jpg">
<p>官方微信公众号</p>