/* ========== 页面主体 ========== */

body {
    container: body / inline-size;
    /* 定义容器查询，用于响应式 */
    min-height: 100%;
    /* 最小高度撑满视口 */
    display: flex;
    /* 弹性布局 */
    flex-direction: column;
    /* 纵向排列 */
    align-items: center;
    /* 水平居中 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 全局默认字体：微软雅黑 */
    font-weight: 400;
    /* 全局字重：正常不加粗 */
    color: #000;
    /* 文字颜色 */
   
    background-color: #fffefe;
    /* 背景色 */
    overflow: auto;
    /* 内容溢出时显示滚动条 */
}


li br{display:none;}
.row ul li {
    color: #e28b8b;
    list-style-type: disc;
    margin-left: 25px;
    font-size: 1.4em; 
    width:555px;
    float:left;
}
.row15 ul li ::marker {
  color: #e28b8b; /* 设置颜色 */
  font-size: 1.4em; /* 可选：调整大小 */
}

.row ul li h3 {
    font-size: 20px;
    line-height: 60px;
    font-family: "微软雅黑";
    background-image: url(zfx1.png);
    background-repeat: no-repeat;
    background-position: left 26px;
    color: #000000;
    text-align: left;
}
.list02{
 display: flex;    flex-wrap: wrap;
    align-items: flex-start;
    gap: 21px;
    row-gap: 27px;
    letter-spacing: 0px;
}

.timeBox .time,
.times .time {
	display: none;
}

.qhtp_tu{
    width: 600px;
    height: 412px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
   margin:0 auto;
}
.qhtp_tu ul {
    float: left;
    width: 1200px;
    margin-bottom: 16px;
}
.qhtp_tu .img {
    width: 4400px;
    overflow: hidden;
    position: absolute;
   
    left: 0; 
}
.fl {float: left;}
.qhtp_tu .img li {
    position: relative;
    float: left;
}

.img li a p br {
    display: none;
}

.qhtp_tu .img li img {
    width: 600px;
    height: 412px;
}

.qhtp_tu .img li .desc {
    position: absolute;
    bottom: 10px;
    width: 600px;
    margin-left: 0px;
   padding-left: 20px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-align: left;
}
.qhtp_tu .cut {
    position: absolute;
    top: 35% !important;
    padding: 10px;
     background: url(left.png) center no-repeat;
    color: #cec7c2;
}

.qhtp_tu .cut.next {
    right: 0;
     background: url(right.png) center no-repeat;
}

.qhtp_tu1{
    width: 600px;
    height: 412px;
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
   margin:0 auto;
}
.qhtp_tu1 ul {
    float: left;
    width: 1200px;
    margin-bottom: 16px;
}
.qhtp_tu1 .img {
    width: 4400px;
    overflow: hidden;
    position: absolute;
   
    left: 0; 
}
.fl {float: left;}
.qhtp_tu1 .img li {
    position: relative;
    float: left;
}

.img li a p br {
    display: none;
}

.qhtp_tu1 .img li img {
    width: 600px;
    height: 412px;
}

.qhtp_tu1 .img li .desc {
    position: absolute;
    bottom: 10px;
    width: 600px;
    margin-left: 0px;
   padding-left: 20px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-align: left;
}
.qhtp_tu1 .cut {
    position: absolute;
    top: 35% !important;
    padding: 10px;
     background: url(left.png) center no-repeat;
    color: #cec7c2;
}

.qhtp_tu1 .cut.next {
    right: 0;
     background: url(right.png) center no-repeat;
}

.desc {
    color: #888888;
    font-size: 16px;
}

.pointer {
    position: absolute;
    bottom: 0px;
    overflow: hidden;
    right: 5px;
    width: 100px !important;
}

.pointer li {
    float: left;
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
}

.pointer li.now {
    background: #cc0000;
}

.qhtpr {
    float: right;
    width: 565px;
   margin-top: -10px;

}

.qhtpr ul li h3 {
    font-size: 20px;
    
    line-height: 35px;
    font-family: "微软雅黑";
    background-image: url(zfx1.png);
    background-repeat: no-repeat;
    background-position: left 26px;
    padding-left: 0px;
    text-align: left; 
    color: #000000;
}

.qhtpr ul li {
    color: #e28b8b;
    list-style-type: disc;
   
    margin-left: 25px;
    font-size: 1.4em; 
}
.qhtpr ul li ::marker {
  color: #e28b8b; /* 设置颜色 */
  font-size: 1.4em; /* 可选：调整大小 */
}


.qhtpr ul li h3 {
    margin: 14px 0;
}

.qhtpr ul li h3.nomargin {
    margin-top: 0px;
}

.qhtpr p {
    text-indent: 2em;
    font-size: 12px;
    line-height: 24px;
}

.qhtpr p span {
    font-size: 18px;
    font-weight: bold;
    color: #900;
}

.qhtpr p span a:link {
    color: #900;
    text-decoration: none;
}



/* ========== 顶部导航 ========== */

.nav {
    display: flex;
    /* 弹性布局 */
    align-items: flex-start;
    /* 顶部对齐 */
    justify-content: center;
    /* 水平居中 */
    gap: 33px;
    /* 子元素间距 */
    align-self: stretch;
    /* 占满父级宽度 */
    color: #ede4d3;
    /* 文字颜色 */
    font-size: 22px;
    /* 字号 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
    font-weight: 600;
    /* 字重：加粗 */
    line-height: normal;
    /* 行高默认 */
    background-color: #ea0202;
    /* 红色背景 */
    padding: 0 24px;
    /* 上下0、左右24px内边距 */
}


/* 导航按钮通用样式 */

.nav-btn,
.nav-btn3 {
    width: 180px;
    /* 宽度 */
    min-height: 70px;
    /* 最小高度 */
    display: flex;
    /* 弹性布局 */
    justify-content: center;
    /* 内容居中 */
    flex-shrink: 0;
    /* 不收缩 */
    text-align: center;
    /* 文字居中 */
    background-color: #ea0202;
    /* 红色背景 */
    padding: 23px 9px;
    /* 内边距 */
}

.nav-btn3 {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
    font-weight: 600;
    /* 字重 */
    padding-bottom: 21px;
    /* 底部内边距覆盖 */
}


/* ========== 列表项（方块装饰，用 ::before 画红块） ========== */

.symbol-a {
    display: flex;
    /* 弹性布局 */
    align-items: center;
    /* 垂直居中 */
    gap: 16px;
    /* 元素间距 */
    padding: 4px 10px 2px 0;
    /* 内边距 */
}

.symbol-a::before {
    content: "";
    /* 伪元素内容为空 */
    flex-shrink: 0;
    /* 不收缩 */
    width: 8px;
    /* 宽度 */
    height: 8px;
    /* 高度 */
    background-color: #ea0202;
    /* 红色方块 */
    border-radius: 2px;
    /* 小圆角 */
}

.symbol-link1 {
    flex-grow: 1;
    /* 占据剩余空间 */
    text-align: left;
    /* 文字左对齐 */
}


/* ========== 卡片行容器 ========== */

.row {
    margin-left: -1px;
    /* 微调左边距 */
    margin-top: 57px;
    /* 上边距 */
    display: flex;
    /* 弹性布局 */
    align-items: flex-start;
    /* 顶部对齐 */
    gap: 17px;
    /* 卡片间距 */
    font-size: 20px;
    /* 字号 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
    font-weight: 400;
    /* 字重：正常不加粗 */
}


/* ========== 卡片（4 个版块：边框变细、淡化、白底、美化） ========== */

.card {
    margin: -2px 0;
    /* 上下边距微调 */
    width: 594px;
    /* 宽度 */
    min-height: 284px;
    /* 最小高度 */
    display: flex;
    /* 弹性布局 */
    flex-direction: column;
    /* 纵向排列 */
    flex-shrink: 0;
    /* 不收缩 */
    padding-left: 20px;
    /* 内边距略加大更透气 */
    background-color: #ffffff;
    /* 背景白色 */
    border: 1px solid #e8e8e8;
    /* 细边框、淡灰色 */
    border-radius: 8px;
    /* 圆角略小更精致 */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    /* 轻阴影增加层次 */
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    /* 悬停过渡 */
}

.card:hover {
    border-color: rgba(196, 30, 58, 0.2);
    /* 悬停时边框略泛红 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* 悬停阴影略加深 */
}


/* ========== 列表项（圆点装饰，用 ::before 画红点） ========== */

.symbol-b {
    margin-right: -17px;
    /* 微调右边距 */
    margin-top: -6px;
    /* 微调上边距 */
    display: flex;
    /* 弹性布局 */
    align-items: center;
    /* 垂直居中 */
    gap: 16px;
    /* 元素间距 */
    padding: 4px 0 2px;
    /* 上下内边距 */
    line-height: 3.05;
}

.symbol-b::before {
    content: "";
    /* 伪元素内容为空 */
    flex-shrink: 0;
    /* 不收缩 */
    width: 13px;
    /* 宽度 */
    height: 13px;
    /* 高度 */
    background-color: #ea0202;
    /* 红色圆形 */
    border-radius: 50%;
    /* 圆形 */
}

.symbol-link2 {
    flex-grow: 1;
    /* 占据剩余空间 */
    text-align: left;
    /* 文字左对齐 */
}


/* ========== 横幅图 ========== */

.banner {
    flex-shrink: 0;
    /* 不收缩 */
    align-self: stretch;
    /* 占满父级宽度 */
}


/* 导航内首按钮左偏移 */

.nav1 .nav-btn1 {
    margin-left: -34px;
}

.nav1 .nav-btn-symbol {
    margin-left: 32px;
    /* 右侧按钮左移 */
}


/* ========== 左侧图文栏 ========== */

.col1 {
    position: relative;
    /* 相对定位供图片绝对定位 */
    margin: 57px auto 0;
    /* 上边距、水平居中 */
    width: 90%;
    /* 宽度占比 */
    max-width: 1200px;
    /* 最大宽度 */
    display: flex;
    /* 弹性布局 */
    flex-direction: column;
    /* 纵向排列 */
    --min-font-size: 16;
    /* 响应式字号最小值（供 global 的 clamp 使用） */
    --max-font-size: 20;
    /* 响应式字号最大值 */
    font-size: var(--interpolate);
    /* 响应式字号 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
   flex-direction: row;
}

.img1 {
    position: absolute;
    /* 绝对定位 */
    top: 2px;
    /* 距顶 */
    left: 0;
    /* 靠左 */
    width: calc(100% - 0px);
    /* 宽度 */
    max-width: 609px;
    /* 最大宽度 */
}


/* 两会聚焦图 */

.lhjj {
    margin: 59px auto 0;
    /* 上边距、水平居中 */
    width: 90%;
    /* 宽度占比 */
    max-width: 534px;
    /* 最大宽度 */
    flex-shrink: 0;
    /* 不收缩 */
}


/* ========== 右侧图文栏 ========== */

.col2 {
    position: relative;
    /* 相对定位 */
    margin: 98px auto 0;
    /* 上边距、水平居中 */
    width: 90%;
    /* 宽度占比 */
    max-width: 1195px;
    /* 最大宽度 */
    display: flex;
    /* 弹性布局 */
    flex-direction: column;
    /* 纵向排列 */
    --min-font-size: 16;
    /* 响应式字号最小值 */
    --max-font-size: 20;
    /* 响应式字号最大值 */
    font-size: var(--interpolate);
    /* 响应式字号 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
    flex-direction: row-reverse;
    padding-bottom: 1px;
    /* 底部微调 */
}

.img2 {
    position: absolute;
    /* 绝对定位 */
    top: 6px;
    /* 距顶 */
    left: 586px;
    /* 从左侧偏移 */
    width: calc(100% - 586px);
    /* 宽度计算 */
    max-width: 609px;
    /* 最大宽度 */
}


/* 权威解读图1 */

.qwjd1 {
    margin: 84px auto 0;
    /* 上边距、水平居中 */
    width: 90%;
    /* 宽度占比 */
    max-width: 534px;
    /* 最大宽度 */
    flex-shrink: 0;
    /* 不收缩 */
}


/* 第一行卡片：左卡片、右卡片及内部圆点统一边距 */

.row1 .card-left {
    margin-left: -2px;
}

.row1 .card-right {
    margin-right: -2px;
}

.row1 .card .symbol-b {
    margin: 0 -18px 0 1px;
    /* 上右下左，与左右卡片对齐 */
}


/* 权威解读图2 */

.qwjd2 {
    margin: 91px auto 0;
    /* 上边距、水平居中 */
    width: 90%;
    /* 宽度占比 */
    max-width: 534px;
    /* 最大宽度 */
    flex-shrink: 0;
    /* 不收缩 */
}


/* 第二行卡片：左卡片、右卡片及内部圆点统一边距 */

.row2 .card-left {
    margin-left: -2px;
}

.row2 .card-right {
    margin-right: -2px;
}

.row2 .card .symbol-b {
    margin: 0 -18px 0 1px;
    /* 上右下左 */
}


/* ========== 页脚 ========== */

.footer {
    margin-top: 27px;
    /* 上边距 */
    align-self: stretch;
    /* 占满宽度 */
    color: #ede4d3;
    /* 浅色文字 */
    font-size: 14px;
    /* 字号 */
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
    /* 字体：微软雅黑 */
    font-weight: 400;
    /* 字重：正常不加粗 */
    line-height: 2.04;
    /* 行高 */
    text-align: center;
    /* 文字居中 */
    background-color: #ea0202;
    /* 红色背景 */
    padding: 53px 486px;
    /* 上下53px、左右486px内边距 */
}


/* ========== 媒体查询：中等屏幕边距 ========== */

@media screen and (max-width: 1280px) {
    .nav {
        padding-inline: var(--margin-sm);
        /* 左右内边距使用变量 */
    }
    .symbol-a {
        padding-inline: 0;
        /* 左右内边距为0 */
    }
    .symbol-b {
        margin-inline: 0;
        /* 左右外边距为0 */
    }
    .col1,
    .col2 {
        padding-inline: 0;
        /* 左右内边距为0 */
    }
    .row1 .card-left,
    .row1 .card-right,
    .row1 .card .symbol-b,
    .row2 .card-left,
    .row2 .card-right,
    .row2 .card .symbol-b {
        margin-inline: 0;
        /* 左右外边距为0 */
    }
    .footer {
        padding-inline: var(--margin-md);
        /* 页脚左右内边距 */
    }
}


/* 小屏幕页脚内边距 */

@media screen and (max-width: 576px) {
    .footer {
        padding-inline: var(--margin-sm);
        /* 使用较小边距变量 */
    }
}


/* ========== 容器查询：窄屏时导航与布局 ========== */

@container body (width < 1145px) {
    .nav {
        flex-direction: column;
        /* 导航改为纵向 */
        align-items: center;
        /* 居中 */
        gap: 15px;
        /* 间距 */
        padding: 12px 9px;
        /* 内边距 */
    }
    .lhjj,
    .col2,
    .qwjd1,
    .qwjd2 {
        margin-left: 0;
        /* 左边距为0 */
        margin-right: 0;
        /* 右边距为0 */
    }
    .nav>* {
        margin-left: unset !important;
        /* 取消子元素左外边距 */
        text-align: center;
        /* 文字居中 */
    }
}


/* 容器宽度小于 1202px 时卡片改为纵向排列 */

@container body (width < 1202px) {
    .row {
        flex-direction: column;
        /* 纵向排列 */
        align-items: center;
        /* 居中 */
        gap: 35px;
        /* 间距 */
    }
    .row>* {
        margin: unset !important;
        /* 取消外边距 */
        text-align: center;
        /* 文字居中 */
    }
    .row>.card-left,
    .row>.card-right {
        width: 100%;
        /* 宽度100% */
        max-width: 594px;
        /* 最大宽度限制 */
    }
}