<>
.focus .content {
width: 100%;
margin: 0 auto;
height: 475px;
}
.focus .content .swiper-container {
height: 475px;
}
.focus .content .swiper-slide h2 {
height: auto;
background: linear-gradient(
180deg,
rgba(0000) 0%,
rgba(0000.7) 100%
);
font-size: 18px;
font-weight: bold;
font-family: "Microsoft YaHei";
width: 100%;
position: absolute;
z-index: 101;
bottom: 0px;
margin: 0;
line-height: 25px;
padding: 0 180px 15px 20px;
display: block;
box-sizing: border-box;
}
.focus .content .swiper-pagination {
width: 240px;
position: absolute;
bottom: 10px;
left: auto;
right: 15px;
text-align: right;
}
.focus .content .swiper-pagination-bullet {
background: none;
margin: 0 4px;
opacity: 1;
background-color: #fff;
width: 10px;
height: 10px;
border-radius: 50%;
}
.focus .content .swiper-pagination-bullet-active {
display: inline-block;
width: 30px;
height: 10px;
margin: 0 4px;
background: none;
background-color: #d74339;
opacity: 1;
border-radius: 6px;
cursor: pointer;
}
.focus .content .swiper-button-prev {
background-color: #fff;
border-radius: 0 6px 6px 0;
opacity: 0.7;
padding: 15px 5px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23D74339'%2F%3E%3C%2Fsvg%3E");
left: 0;
}
.focus .content .swiper-button-next {
background-color: #fff;
border-radius: 6px 0 0 6px;
opacity: 0.7;
padding: 15px 5px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23D74339'%2F%3E%3C%2Fsvg%3E");
right: 0px;
}
.focus .content .swiper-button-prev,
.focus .content .swiper-button-next {
display: none;
}
.focus:hover .content .swiper-button-prev,
.focus:hover .content .swiper-button-next {
display: block;
}
@media (min-width: 768px) {
.focus .content .swiper-slide h2 {
background: linear-gradient(
180deg,
rgba(0000) 0%,
rgba(0000.7) 100%
);
font-size: 18px;
}
.focus .content .swiper-slide h2 a {
color: #fff;
line-height: 25px;
font-size: 18px;
font-weight: 400;
}
}
<>
.v10_tuwen {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
margin-top: 30px;
}
.v10_tuwen .content {
width: 264px;
}
.v10_tuwen .content .pic {
width: 100%;
height: 148px;
overflow: hidden;
}
.v10_tuwen .content .pic img {
width: 100%;
}
.v10_tuwen .content:hover .pic img {
transform: scale(1.11.1);
}
.hover_image img {
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.hover_image:hover img {
transform: scale(1.11.1);
}
.v10_tuwen .content h2 {
font-size: 16px;
display: flex;
flex-flow: row wrap;
align-items: center;
font-weight: normal;
line-height: 22px;
color: #1a1f24;
margin: 0;
height: 93px;
padding: 0 14px;
background: #f9f9f9;
}
.v10_tuwen .content h2 a {
color: #1a1f24;
}
.v10_tuwen .content:hover h2 a {
color: #d74339;
}
<>
.v10_yaowen {
width: 100%;
height: 50px;
background: #f9f9f9;
margin-top: 30px;
border-radius: 3px;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.v10_yaowen .title {
height: 20px;
font-size: 18px;
font-weight: normal;
color: #1a1f24;
line-height: 20px;
margin: 15px 0;
border-left: solid 3px #06273a;
padding: 0 15px;
}
.v10_yaowen .title a {
color: #1a1f24;
}
.v10_yaowen .list {
width: 770px;
height: 50px;
}
.v10_yaowen .list ul {
overflow: hidden;
}
.v10_yaowen .list ul li {
float: left;
font-size: 16px;
color: #546b77;
margin: 0 30px 0 0;
line-height: 50px;
}
<>
.v10_zywz ul {
margin: 20px 0 0 0;
}
.v10_zywz ul li {
font-size: 10px;
color: #1a1f24;
line-height: 20px;
border-top: solid 1px #eee;
display: flex;
flex-flow: row wrap;
align-items: center;
overflow: hidden;
height: 64px;
// gap: 5px;
}
.v10_zywz ul li a {
font-size: 16px;
}
.v10_zywz ul li a span {
padding:2px 5px;
border-radius: 3px;
padding: 1px 5px 1.5px;
border-radius: 3px;
font-size: 14px;
line-height: 12px;
white-space: nowrap;
}
.v10_zywz ul li:first-child {
border-top: solid 1px #eee;
}
.v10_zywz ul li:hover {
background: #d74339;
color: #fff;
}
.v10_zywz ul li:hover a {
color: #fff;
}
.v10_zywz ul li .intro {
float: left;
margin: 0 6px 0 0;
}
.v10_zywz ul li .intro span {
font-size: 12px;
display: inline-block;
color: #fff;
padding: 0 6px;
height: 18px;
line-height: 18px;
overflow: hidden;
margin: 10px 0 0 0;
}
.v10_zywz ul li .intro img {
margin: 10px 0 0 0;
}
.v10_zywz ul li .red {
background: #d74339;
font-size: 14px;
color: #fff;
padding: 0 4px;
}
.v10_zywz ul li .blue {
background: #143eb9;
font-size: 14px;
color: #fff;
padding: 0 4px;
}
.v10_zywz ul li .yellow {
background: #fb9a17;
font-size: 14px;
color: #fff;
padding: 0 4px;
}
<>
.v10_zixun {
width: 100%;
height: 50px;
background: #f9f9f9;
margin-top: 10px;
border-radius: 6px;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
}
.v10_zixun .title {
height: 20px;
font-size: 18px;
font-weight: normal;
color: #1a1f24;
line-height: 20px;
margin: 15px 0;
border-left: solid 3px #06273a;
padding: 0 15px;
}
.v10_zixun .title a {
color: #1a1f24;
}
.v10_zixun .list {
width: 333px;
height: 50px;
}
.v10_zixun .list ul {
overflow: hidden;
}
.v10_zixun .list ul li {
float: left;
font-size: 16px;
color: #546b77;
margin: 0 30px 0 0;
line-height: 50px;
}
<>
.v10_wzlist {
border-radius: 6px;
}
.v10_wzlist .title {
border-bottom: solid 1px #e6e6e6;
margin: 15px 0 0 0;
height: 45px;
padding-left: 15px;
}
.v10_wzlist .title .biaoti {
background: #fff;
display: inline-block;
}
.v10_wzlist .title .biaoti a {
color: #d42215;
border-bottom: solid 4px #e6e6e6;
font-size: 24px;
font-weight: bold;
padding-bottom: 5px;
display: inline-block;
}
.v10_wzlist .list {
margin: 20px 0;
}
.v10_wzlist .list ul li {
font-size: 16px;
color: #1a1f24;
line-height: 20px;
padding-left: 15px;
height: 46px;
display: flex;
align-items: center;
background: url(https://www.qstheory.cn/n10/images/index_20250505_01.png)
left 20px no-repeat;
}
.v10_wzlist .list ul li a {
color: #1a1f24;
}
.v10_wzlist .list ul li a:hover {
color: #d74339;
}
<>
.v10_zxdk {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
padding: 28px 18px 0px 18px;
background: #f9f9f9;
border-radius: 6px;
margin-top: 30px;
}
.v10_zxdk .pic {
width: 150px;
height: 200px;
box-shadow: 4px 4px 4px 0px rgba(0000.1);
}
.v10_zxdk .pic img {
width: 100%;
}
.v10_zxdk .text {
width: 192px;
}
.v10_zxdk .text .first {
overflow: hidden;
text-align: center;
}
.v10_zxdk .text .first .nianfen {
font-size: 18px;
width: 50px;
display: inline-block;
line-height: 38px;
}
.v10_zxdk .text .first .qihao {
font-size: 30px;
color: #d74339;
width: 48px;
display: inline-block;
text-align: center;
line-height: 38px;
}
.v10_zxdk .text .first .xiushi {
font-size: 18px;
color: #1a1f24;
letter-spacing: 3px;
text-align: center;
line-height: 38px;
}
.v10_zxdk .text .second {
border-radius: 6px;
background: #fff;
text-align: center;
margin-top: 6px;
box-shadow: 2px 2px 2px 0px rgba(0000.1);
}
.v10_zxdk .text .second .nianfen {
font-size: 16px;
width: 48px;
display: inline-block;
line-height: 33px;
}
.v10_zxdk .text .second .qihao {
font-size: 16px;
width: 28px;
display: inline-block;
text-align: center;
line-height: 33px;
}
.v10_zxdk .text .second .xiushi {
font-size: 16px;
color: #1a1f24;
letter-spacing: 3px;
text-align: center;
line-height: 33px;
}
.v10_zxdk .text .more {
border-radius: 6px;
background: #06273a;
text-align: center;
margin-top: 6px;
}
.v10_zxdk .text .more .wenzi {
font-size: 16px;
letter-spacing: 1px;
color: #fff;
line-height: 33px;
}
.v10_dongtai {
width: 100%;
height: 50px;
margin-top: 30px;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
border-top: dashed 1px #d9d9d9;
}
.v10_dongtai .title {
width: 80px;
height: 20px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin: 15px 0;
padding: 0;
}
.v10_dongtai .list {
width: 286px;
height: 50px;
}
.v10_dongtai .list ul {
overflow: hidden;
}
.v10_dongtai .list ul li {
float: left;
font-size: 16px;
color: #546b77;
margin: 0 30px 0 0;
line-height: 50px;
}
<>
.v10_ztad {
border-radius: 6px;
margin-top: 0px;
}
.v10_ztad .title {
padding-right: 10px;
border-bottom: solid 1px #e6e6e6;
margin: 15px 0 0 0;
height: 48px;
padding-left: 15px;
}
.v10_ztad .title .biaoti {
display: inline-block;
color: #d42215;
border-bottom: solid 4px #e6e6e6;
font-size: 24px;
font-weight: bold;
padding-bottom: 8px;
}
特别专题
<>
.v10_content_zt {
margin: 20px 0 10px;
}
.v10_guanggao_zt,
.v10_guanggao_zt img {
width: 195px;
height: 110px;
object-fit: cover;
border-radius: 3px;
overflow: hidden;
}
<>
.v10_ztlist {
font-size: 16px;
color: #1a1f24;
line-height: 20px;
height: 40px;
display: flex;
align-items: center;
width: 416.67px;
padding-left: 18px;
background: url(https://www.qstheory.cn/n10/images/index_20250505_01.png)
left 19px no-repeat;
}
<>
.v10_wzlist .sublist {
margin-top: 3px ;
}
.v10_wzlist .sublist li {
font-size: 16px;
color: #000000;
padding: 7px 10px;
border-bottom: 1px dashed #e6e6e6;
}
.v10_wzlist .sublist li .subTitle {
display: block;
font-size: 12px;
color: #999999;
}
<>
.v10_zxdk2 .title {
display: flex;
justify-content: space-between;
align-items: center;
}
.v10_zxdk2 .title .line a {
border-bottom: solid 4px #e6e6e6;
padding-bottom: 5px;
}
.v10_zxdk2 .title .name {
margin-top: 12px;
}
.v10_zxdk2 .content {
width: 406px;
display: flex;
justify-content: center;
background: #f9f9f9;
flex-flow: row wrap;
padding: 10px 0 2px;
}
.v10_zxdk2 .content .pic {
width: 70px;
}
.v10_zxdk2 .content .pic img {
width: 60px;
box-shadow: 2px 4px 4px 0px rgba(0000.15);
}
.v10_zxdk2 .content .text {
width: 294px;
display: flex;
justify-content: center;
flex-flow: row wrap;
align-items: top;
}
.v10_zxdk2 .content .text .biaoti {
overflow: hidden;
width: 160px;
margin: 20px 5px 0 0;
}
.v10_zxdk2 .content .text .biaoti .nianfen {
font-size: 16px;
width: 42px;
display: inline-block;
line-height: 38px;
}
.v10_zxdk2 .content .text .biaoti .qihao {
font-size: 26px;
width: 30px;
display: inline-block;
text-align: center;
line-height: 38px;
}
.v10_zxdk2 .content .text .biaoti .xiushi {
font-size: 18px;
letter-spacing: 2px;
text-align: center;
line-height: 38px;
}
.v10_zxdk2 .content .text .wangqi {
font-size: 16px;
color: #1a1f24;
margin: 32px 0 0 0;
}
.v10_zxdk2 .content .text .wangqi a {
font-size: 16px;
margin: 32px 0 0 0;
}
<>
.v10_content_ztgg {
margin: 35px 0;
}
.v10_guanggao_ztgg,
.v10_guanggao_ztgg img {
width: 146px;
height: 60px;
object-fit: cover;
border-radius: 3px;
overflow: hidden;
}
<>
/* 整体容器 */
.qssp26_container {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
/* --- 左侧区域 --- */
.qssp26_left {
box-sizing: border-box;
width: 408px;
margin-right: 28px;
display: flex;
flex-direction: column;
background: #f9f9f9;
border-radius: 3px;
}
.qssp26_left_top {
position: relative;
width: 100%;
padding: 15px 15px 0;
}
.qssp26_left_top a {
overflow: hidden;
display: inline-block;
}
.qssp26_left_top img {
width: 378px;
height: 213px;
object-fit: cover;
border-radius: 3px;
overflow: hidden;
}
.qssp26_left_top .text {
margin-top: 10px;
font-size: 16px;
line-height: 1.5;
padding-left: 5px;
height: 60px;
}
.qssp26_left_line {
width: 408px;
height: 3px;
border-radius: 0 0 3px 3px;
background: url(https://www.qstheory.cn/qs/images/qssp_left_line.png)
no-repeat;
}
/* 左下角四个功能入口 */
.qssp26_left_bottom {
padding: 15px 10px;
display: flex;
}
.qssp26_left_bottom_left {
border-right: 1px dashed #e6e6e6;
}
.qssp26_left_bottom_left,
.qssp26_left_bottom_right {
width: 194px;
height: 121px;
padding: 0 15px;
}
.qssp26_left_bottom_left > :first-child,
.qssp26_left_bottom_right > :first-child {
border-bottom: 1px dashed #e6e6e6;
}
.nav-item {
display: flex;
width: 164px;
height: 60.5px;
align-items: center;
justify-content: space-between;
font-size: 16px;
padding: 10px 20px;
cursor: pointer;
}
.nav-item img {
width: 40px;
height: 40px;
border-radius: 50%;
object-fit: cover;
}
/* --- 右侧区域 (8个小图矩阵) --- */
.qssp26_right {
flex: 1;
display: grid;
grid-template-columns: repeat(41fr); /* 4列 */
grid-template-rows: repeat(2auto); /* 2行 */
grid-gap: 20px;
}
.qssp26_right_item {
width: 100%;
height: 225px;
border-radius: 3px;
background: #f9f9f9;
}
.qssp26_right_item_img {
margin-top: 15px;
display: block;
overflow: hidden;
width: 100%;
height: 110px;
}
.qssp26_right_item img {
width: 100%;
height: 110px;
object-fit: cover;
border-radius: 3px;
overflow: hidden;
}
.qssp26_right_item .text {
margin-top: 12px;
padding: 0 10px;
font-size: 16px;
line-height: 1.5;
height: 48px;
}
.qssp26_right_item .sub-tag a{
padding: 0 10px;
font-size: 12px;
color: #999;
margin-top: 10px;
}
<>
.qs-special-body {
display: flex;
gap: 38px;
margin-top: 25px;
}
/* 左中右 */
.qs-special-left {
width: 408px;
background: #f9f9f9;
padding: 0 15px;
}
.qs-card-title {
font-size: 20px;
padding: 15px 0 9px;
border-bottom: solid 3px #e6e6e6;
font-weight: bold;
display: inline-block;
}
.qs-special-center {
width: 408px;
}
.qs-special-right {
width: 408px;
}
/* 左侧卡片 */
.qs-card {
margin-bottom: 15px;
}
.qs-card-img {
width: 100%;
height: 213px;
background: #e6e6e6;
border-radius: 2px;
margin-top: 15px;
overflow: hidden;
display: block;
}
.qs-card-img img {
width: 100%;
height: 213px;
object-fit: cover;
border-radius: 2px;
}
.qs-card-content {
margin-top: 10px;
}
.qs-card-content a {
font-size: 16px;
line-height: 24px;
}
.qs-card-meta {
margin-top: 5px;
color: #999;
font-size: 12px;
}
/* 中间列表 */
.qs-list-block {
margin-bottom: 28px;
}
.qs-list {
margin-top: 10px;
}
.qs-list li,
.qs-list-li {
display: flex;
line-height: 26px;
align-items: center;
gap: 7px;
padding: 10px 0;
white-space: nowrap; /* 合并空格，不允许换行 */
}
.qs-list-li {
margin:0 15px;
}
.qs-list-item-icon {
width: 5px;
min-width: 5px;
max-width: 5px;
height: 5px;
min-height: 5px;
max-height: 5px;
background: #d42215;
border-radius: 50%;
flex-shrink: 0; /* 防止被压缩 */
}
.qs-list span ,.qs-list-li span{
display: block;
color: #999;
font-size: 12px;
padding-top:1px;
}
/* 右侧图文 */
.qs-media-block {
margin-bottom: 10px;
}
.qs-list-block-title {
padding: 15px 15px 0;
font-size: 20px;
font-weight: bold;
border-bottom: solid 1px #e6e6e6;
}
.qs-list-block-title a {
display: inline-block;
font-weight: bold;
padding-bottom: 10px;
font-size: 20px;
font-weight: bold;
border-bottom: solid 2px #e6e6e6;
}
.qs-media-item {
display: flex;
padding: 15px 0 20px;
margin:0 15px;
border-bottom: dashed 1px #e6e6e6;
height: 135px;
}
.qs-media-item-img {
width: 177px;
height: 100px;
border-radius: 2px;
display: block;
overflow: hidden;
}
.qs-media-item-img img {
width: 177px;
height: 100px;
object-fit: contain;
border-radius: 2px;
}
.qs-media-item-content {
flex:1;
padding-left: 15px;
display: flex;
gap: 10px;
flex-direction: column;
justify-content: center;
}
.qs-media-item-content a {
display: block;
margin-bottom: 4px;
font-size: 16px;
line-height: 1.5;
margin-bottom: 8px;
}
.qs-media-item-content span {
display: block;
font-size: 12px;
color: #999;
}
求是专区
- 凝心聚力奋进中国式现代化 2026/06
- 持续做好稳预期工作 2026/06
- 进一步增强宏观政策取向一致性 2026/05
- 以正确政绩观开创中国式现代化新局面 2026/05
- 促进城乡居民收入稳步增长 2026/04
- 积极推动物价合理回升 2026/03
- 为什么要突出科技创新的引领作用 2026/01
- 为什么要巩固壮大实体经济根基 2025/24
- 如何理解在满足民生需求中拓展发展空间 2025/23
- 如何理解“十五五”时期战略机遇和风险挑战并存 2025/22
- 为什么说“十五五”时期是关键时期 2025/21
- 莫让不良作风消解实干精神 2025/23
- 切实改进文风 2025/20
- 切实整治形式主义为基层减负 2025/18
- 如何更好把伟大抗战精神一代代传下去 2025/17
- 自觉对违规吃喝说“不” 2025/13
- 如何正确看待人工智能 2025/12
友情链接
互联网新闻信息服务许可证10120240006 | 信息网络传播视听节目许可证0118669 | 违法和不良信息举报电话：（010）64037138 | 中国互联网举报中心
京ICP备2024051478号-1 | 京公网安备11010102001859号