|
|
@ -199,7 +199,9 @@ body {
|
|||
opacity: 0.7;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
footer{
|
||||
margin-top: 36px;
|
||||
}
|
||||
footer .link {
|
||||
background-color: #0e3890;
|
||||
height: 56px;
|
||||
|
|
@ -342,16 +344,16 @@ footer .info {
|
|||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
padding-top: 50px;
|
||||
}
|
||||
.head .top-l img{
|
||||
width: 90%;
|
||||
width: 95%;
|
||||
}
|
||||
.head .top-r{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.head .top-r img{
|
||||
width: 60%;
|
||||
width: 80%;
|
||||
}
|
||||
.nav-box{
|
||||
height: unset;
|
||||
|
|
|
|||
|
After Width: | Height: | Size: 633 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
|
@ -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,378 @@
|
|||
margin-left: 44px;
|
||||
}
|
||||
|
||||
.index-card-ad{
|
||||
.index-card-ad {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
.news3-img-swiper{
|
||||
width: 560px;
|
||||
.news3-img-swiper {
|
||||
width: 580px;
|
||||
margin-right: 44px;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
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 .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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
@ -19,7 +31,7 @@ $(function () {
|
|||
interval: 5000
|
||||
});
|
||||
|
||||
$(".index-sw21").autoPlayTabs({
|
||||
$(".index-sw2").autoPlayTabs({
|
||||
tabHead: ".index-card-nav li",
|
||||
tabCont: ".index-card-body .index-item",
|
||||
cur: "cur",
|
||||
|
|
@ -27,13 +39,84 @@ $(function () {
|
|||
interval: 5000
|
||||
});
|
||||
|
||||
var swiper = new Swiper(".mySwiper", {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
$(".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',
|
||||
});
|
||||
|
||||
})
|
||||
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Swiper 5.2.1 3D 轮播图</title>
|
||||
<title>旋转木马式 3D 轮播图</title>
|
||||
<!-- 引入 Swiper CSS -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/swiper@5.2.1/css/swiper.min.css">
|
||||
<style>
|
||||
|
|
@ -20,8 +20,8 @@
|
|||
}
|
||||
|
||||
.swiper-container {
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
width: 80%; /* 容器宽度 */
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
|
|
@ -33,6 +33,22 @@
|
|||
font-size: 2rem;
|
||||
border: 2px solid #2980b9;
|
||||
box-sizing: border-box;
|
||||
border-radius: 10px; /* 圆角效果 */
|
||||
}
|
||||
|
||||
/* 分页器样式 */
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
/* 导航按钮样式 */
|
||||
.swiper-button-next,
|
||||
.swiper-button-prev {
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
padding: 10px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
|
@ -47,44 +63,37 @@
|
|||
<div class="swiper-slide">4</div>
|
||||
<div class="swiper-slide">5</div>
|
||||
</div>
|
||||
<!-- 分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
<!-- 导航按钮 -->
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></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', // 自适应显示幻灯片数量
|
||||
grabCursor: false,
|
||||
centeredSlides: true,
|
||||
slidesPerView: 3,
|
||||
|
||||
loop: true,
|
||||
coverflowEffect: {
|
||||
rotate: 50, // 旋转角度
|
||||
stretch: 0, // 拉伸距离
|
||||
depth: 100, // 深度
|
||||
modifier: 1, // 效果强度
|
||||
slideShadows: true, // 启用幻灯片阴影
|
||||
rotate: 0,
|
||||
stretch: 0,
|
||||
depth: 200,
|
||||
modifier: 2,
|
||||
scale: 1.8,
|
||||
slideShadows: false,
|
||||
},
|
||||
// 分页器
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
// 导航按钮
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
nextEl: null,
|
||||
prevEl: null,
|
||||
},
|
||||
// 自动播放
|
||||
autoplay: {
|
||||
delay: 3000, // 3 秒切换一次
|
||||
disableOnInteraction: false, // 用户操作后不停止自动播放
|
||||
delay: 6000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
654
static/首页.html
|
|
@ -152,7 +152,7 @@
|
|||
<div class="centerWidth index-box2-body">
|
||||
|
||||
<div class="index-box2-body-l">
|
||||
<div class="slides-box">
|
||||
<div class="slides-box" id="slides1">
|
||||
<div class="slides-img">
|
||||
<a target="_blank" href="#">
|
||||
<img draggable="false"
|
||||
|
|
@ -174,7 +174,7 @@
|
|||
|
||||
</div>
|
||||
|
||||
<div class="slides-num">
|
||||
<div class="slides-num" id="slides1_btn">
|
||||
<span class="cur"></span>
|
||||
<span></span>
|
||||
</div>
|
||||
|
|
@ -360,7 +360,7 @@
|
|||
<div class="centerWidth clearfix">
|
||||
<div class="divider">
|
||||
<a href="#">
|
||||
决策<span>服务</span>
|
||||
<span>决策</span>服务
|
||||
</a>
|
||||
</div>
|
||||
<div class="index-card index-sw2">
|
||||
|
|
@ -373,24 +373,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 +540,617 @@
|
|||
</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">
|
||||
<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">
|
||||
<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="#">>></a>
|
||||
</div>
|
||||
<div class="tits-item" style="display: none;">
|
||||
<a class="tits-item-t line-3" href="#">
|
||||
全市哲学社会科学创新工程工作专班工作小组召开第一次会议
|
||||
</a>
|
||||
<a class="more" href="#">>></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="#">>></a>
|
||||
</div>
|
||||
<div class="tits-item" style="display: none;">
|
||||
<a class="tits-item-t line-3" href="#">
|
||||
全市哲学社会科学创新工程工作专班工作小组召开第一次会议
|
||||
</a>
|
||||
<a class="more" href="#">>></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="#">>></a>
|
||||
</div>
|
||||
<div class="tits-item" style="display: none;">
|
||||
<a class="tits-item-t line-3" href="#">
|
||||
全市哲学社会科学创新工程工作专班工作小组召开第一次会议
|
||||
</a>
|
||||
<a class="more" href="#">>></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="#">>></a>
|
||||
</div>
|
||||
<div class="tits-item" style="display: none;">
|
||||
<a class="tits-item-t line-3" href="#">
|
||||
全市哲学社会科学创新工程工作专班工作小组召开第一次会议
|
||||
</a>
|
||||
<a class="more" href="#">>></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">
|
||||
<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-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>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="book-text">
|
||||
《重庆经济年鉴》是由重庆市人民政府办公厅主管,重庆社会科学院和重庆市人民政府发展研究中心主办的一部具有史存性、鉴知性的大型经济类专业年鉴。自2001年创刊以来,《重庆经济年鉴》已连续出版20年,系统再现了重庆经济社会发展轨迹,为市委、市政府科学决策提供了有价值的参考,为社会各届全方位认识重庆提供了客观史实庆提供了客观史实庆提供了客观史实
|
||||
</p>
|
||||
|
||||
<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>
|
||||
<!-- 主体 结束 -->
|
||||
|
||||
|
|
|
|||