/* =========================================
   全局重置与基础样式 - 20260113
   ========================================= */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "PingFangSC-Regular", "PingFang SC", "Microsoft YaHei", "微软雅黑", sans-serif;
    background-color: #ffffff;
    color: #333;
}

/* 工具类：隐藏 */
.hidden-20260113 {
    display: none !important;
}

/* =========================================
   头部与 Banner - 20260113
   ========================================= */
.external-header-placeholder-20260113 {
    width: 100%;
    height: 170px;
    background: #e0e0e0 ;
}

.main-content-header-placeholder-20260113 {
    width: 100%;
    height: 386px;
    background-image: url(lianghui-20260113.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

/* 头条 */
.main-content-toutiao-placeholder-20260113 {
    width: 100%;
    height: 180px;
    background-image: url(toutiao-20260113.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toutiao-container-20260113 {
    display: flex;
    align-items: center;
    gap: 40px;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.toutiao-icon-box-20260113 img {
    height: 110px;
    width: auto;
    display: block;
    margin-right: 50px;
}

.toutiao-content-text-20260113 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.toutiao-title-20260113 {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 25px;
}

.toutiao-desc-20260113 {
    font-size: 16px;
    color: #333333;
    line-height: 1.6;
}

/* =========================================
   内容容器 - 20260113
   ========================================= */

/* 白色内容容器 (用于第一部分和第三部分) */
.main-content-wrapper-20260113 {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
   min-height: auto; margin-top: 0;
}
.one-content-type-20260113{
    min-height: auto; margin-bottom: 0;
}
.three-content-type-20260113{
    min-height: auto; margin-top: 0;
}

/* 通栏背景容器 (用于第二部分) */
.full-width-bg-section-20260113 {
    width: 100%;
    background-image: url(changcheng-20260113.png);
    background-size: 100% 100%;
    /* 通栏铺满 */
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-bottom: 40px;
}

/* 内部居中容器 (用于通栏内的内容) */
.inner-content-centered-20260113 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}


/* =========================================
   通用组件 - 20260113
   ========================================= */
.section-title-20260113 {
    text-align: center;
    margin: 40px 0 20px;
    position: relative;
}
.size-only-20260113{
    font-size:20px;
}

.section-title-20260113 .lianghui-20260113 {
    width: 452px;
    max-width: 100%;
    height: auto;
}

.section-title-20260113 .planReportTitle {
    width: 100%;
    height: auto;
    max-width: 1199px;
}

/* =========================================
   1. 顶部新闻区
   ========================================= */
.top-news-section-20260113 {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
    padding: 20px;
}

.news-image-box-20260113 {
    flex: 1.2;
        min-height: 350px;
        /* 稍微给个高度限制 */
        background-color: #000;
        position: relative;
        /* 关键：作为绝对定位的基准 */
        overflow: hidden;
        border-radius: 4px;
}
.carousel-item-20260113 {
    position: absolute;
    /* 让所有图片重叠在一起 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    /* 默认隐藏 */
    transition: opacity 0.8s ease-in-out;
    /* 淡入淡出动画 */
    z-index: 1;
}
.carousel-item-20260113.active-20260113 {
    opacity: 1;
    z-index: 2;
}

.carousel-item-20260113 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.carousel-caption-20260113 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 10px 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    /* 渐变黑底 */
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 4. 指示器小圆点 */
.carousel-indicators-20260113 {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 3;
    display: flex;
    gap: 8px;
}
.dot-20260113 {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dot-20260113.active-20260113 {
    background-color: #b82525;
    /* 激活时变红 */
    transform: scale(1.2);
}

.news-list-box-20260113 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-header-20260113 {
    margin-bottom: 10px;
    border-bottom: 1px solid #b82525;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-header-title-box-20260113 {
    display: flex;
    align-items: center;
}

.news-icon-img-20260113 {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.news-header-20260113 strong {
    color: #000000;
    font-size: 22px;
}

.news-more-btn-20260113 {
    float: right;
    color: #CA0D0E;
    font-size: 16px;
    cursor: pointer;
}

.news-list-box-20260113 ul {
    list-style: none;
}

.news-list-box-20260113 li {
    line-height: 2.5;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
    display: flex;
}

.news-list-box-20260113 li::before {
    content: "•";
    color: #b82525;
    position: absolute;
    left: 0;
    font-weight: bold;
}

.news-list-item-20260113 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: block;
}

.news-list-item-time-20260113 {
    float: right;
    color: #999;
}


/* =========================================
   2. 两会直击板块
   ========================================= */
.lianghui-focus-container-20260113 {
    display: grid;
    grid-template-columns: 1.56fr 1fr 1.2fr;
    gap: 15px;
    margin-bottom: 40px;
    height: 520px;
}

.lh-col-left-20260113,
.lh-col-right-20260113 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.lh-card-graphic-20260113 {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.graphic-img-20260113 {
    width: 100%;
    height: auto;
    display: block;
}

.lh-card-video-entry-20260113 {
    flex: 1.2;
    width: 100%;
    height: 275px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.graphic-img2-20260113 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.lh-col-mid-20260113 {
    height: 100%;
}

.lh-poster-card-20260113 {
    height: 100%;
    background: #a5d6a7 url('https://via.placeholder.com/400x800/81c784/ffffff?text=Agriculture+Photo') center/cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.poster-card-20260113 {
    width: 100%;
    height: auto;
}

.lh-news-block-20260113 {
    flex: 1;
    background-color: #FCF3F3;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lh-news2-block-20260113 {
    flex: 1;
    background-color: #fffbf5;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.lh-news-title-20260113 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.h4-margin-20260113{
    margin-top:10px;
}

.lh-news-desc-20260113 {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lh-more-link-20260113 {
    align-self: flex-end;
    color: #d32f2f;
    font-size: 16px;
    text-decoration: none;
    margin-top: 5px;
}

.lh-more-link-20260113:hover {
    text-decoration: underline;
}

/* =========================================
   3. 计划报告与专家谈
   ========================================= */
.report-tabs-20260113 {
    text-align: center;
    margin-bottom: 20px;
}

.tab-btn-20260113 {
    padding: 8px 30px;
    border: 1px solid #b82525;
    background: #fff;
    color: #b82525;
    cursor: pointer;
    margin: 0 5px;
    font-size: 16px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.btn-expert-20260113 {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    margin-left: -10px;
}

.tab-btn-20260113.active-20260113 {
    background: #b82525;
    color: #fff;
}

/* 处长说 Video */
.video-container-20260113 {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.video-card-20260113 {
    flex: 1;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.video-placeholder-20260113 {
    width: 100%;
    height: 440px;
    background-color: #333;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-thumb-img-20260113 {
width: 100%;
    height: 100%;
    object-fit: fill;
    /* 或者 cover。fill是强制拉伸填满（可能会扁），cover是裁剪填满（保持比例） */
    display: block;
    background-color: #000;
    /* 视频加载前的背景色 */
}

.video-caption-20260113 {
    padding: 15px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}

.video-date-20260113 {
    font-weight: 400;
}

/* 专家谈 Grid */
.expert-grid-20260113 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
}

.expert-card-20260113 {
    background-color: #b82525;
    color: #fff;
    padding: 25px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-radius: 4px;
    transition: transform 0.3s;
    width: 570px;
}

.expert-icon-box-20260113 {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 15px;
}

.expert-icon-box-20260113 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.expert-content-20260113 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.expert-name-20260113 {
    font-size: 24px;
    font-weight: bold;
}

.expert-tag-20260113 {
    background-color: #fff;
    color: #b82525;
    font-size: 16px;
    padding: 4px 12px;
    border-radius: 15px;
    display: inline-block;
    width: fit-content;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expert-desc-20260113 {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 5px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* =========================================
   4. 底部
   ========================================= */
.blue-banner-section-20260113 {
    padding: 20px 0;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.banner-icon-20260113 {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

.search-bar-mock-20260113 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.beijing-section-20260113 {
margin-top: 45px;
    width: 100%;
    max-width: 1162px;
    height: auto;
    margin: 45px auto 0;
    display: block;

    position: relative;
}

.beijing-20260113 {
    width: 100%;
        height: auto;
        display: block;
}
.check-details-btn-20260113 {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);

    background-color: #d32f2f;
    color: #fff;
    padding: 8px 15px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 2px;
    transition: background-color 0.3s;
    z-index: 10;
}

.check-details-btn-20260113:hover {
    background-color: #b71c1c;
}
.bottom-links-20260113 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.bottom-links-20260113 a {
    text-decoration: none;
    color: black;
    font-size: 18px;
    border-bottom: 1px solid #F4D6AC;
    padding: 10px 0 20px 0;
}

.bottom-links-20260113 a:hover {
    color: #b82525;
}

.date-span-20260113 {
    float: right;
    color: black;
}

.external-footer-placeholder-20260113 {
    width: 100%;
    height: 280px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-red-zone-20260113 {
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 20px 0 0;
    margin-top: 40px;
}

.footer-bg-img-20260113 {
    width: 100%;
    height: 100%;
}


/* =========================================
   响应式布局 Media Queries - 20260113
   ========================================= */
@media (max-width: 768px) {

    .top-news-section-20260113 {
        flex-direction: column;
    }

    .lianghui-focus-container-20260113 {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .lh-col-left-20260113,
    .lh-col-mid-20260113,
    .lh-col-right-20260113 {
        height: auto;
        width: 100%;
    }

    .lh-card-video-entry-20260113 {
        height: 200px;
    }

    /* 专家谈 Grid 在手机端变单列 */
    .expert-grid-20260113 {
        grid-template-columns: 1fr;
    }

    .video-container-20260113 {
        flex-direction: column;
    }

    .bottom-links-20260113 {
        grid-template-columns: 1fr;
    }

    .toutiao-container-20260113 {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .toutiao-icon-box-20260113 img {
        margin-right: 0;
        height: 80px;
    }

    .main-content-toutiao-placeholder-20260113 {
        height: auto;
        padding: 20px 0;
    }

    /* 手机端背景图覆盖 */
    .full-width-bg-section-20260113 {
        background-size: cover;
    }
}