.w1920 {
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}

.w1475 {
    position: relative;
    max-width: 1475px;
    margin: 0 auto;
    overflow: hidden;
}

.w1338 {
    position: relative;
    max-width: 1338px;
    margin: 0 auto;
}

.w1324 {
    position: relative;
    max-width: 1324px;
    margin: 0 auto;
    overflow: hidden;
}

.w1260 {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    overflow: hidden;
}

.w1233 {
    position: relative;
    max-width: 1233px;
    margin: 0 auto;
    overflow: hidden;
}

.w1224 {
    position: relative;
    max-width: 1224px;
    margin: 0 auto;
    overflow: hidden;
}

.w1200 {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.w1184 {
    position: relative;
    max-width: 1184px;
    margin: 0 auto;
    overflow: hidden;
}

.w1024 {
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}

.w900 {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.layer01 {
    background: url(../images/bgs/bg01.jpg) center top no-repeat;
    background-size: cover;
    height: 1826px;
}

/* logo 区域 */
.logo {
    position: absolute;
    left: 3%;
    top: 2.5%;
}

.logo img {
    display: inline-block;
    vertical-align: middle;
}

.header-area {}

.nypc-lglj {
    text-align: center;
    margin-top: 7.5%;
}

.ynsdscqgnypc {
    text-align: center;
    margin-left: 3.3%;
    margin-top: 0.5%;
}

/* 导航栏 */
.header-nav {
    margin-top: 7%;
}

.header-nav-list {
    background: url(../images/others/navigation.png) center top no-repeat;
    height: 103px;
    text-align: center;
    margin: 0 auto;
}

.header-nav-content {
    width: 80%;
    margin: 0 auto;
}

.header-nav-list .header-nav-content li {
    float: left;
    width: 13%;
    margin-right: 8.7%;
}

.header-nav-list .header-nav-content li:last-child {
    margin-right: 0;
}

.header-nav-list .header-nav-content li a {
    font-size: 32px;
    font-weight: bold;
    color: #000100;
    line-height: 103px;
    transition: color 0.2s;
    text-decoration: none;
    white-space: nowrap;
}

.header-nav-list .header-nav-content li.active a,
.header-nav-list .header-nav-content li a:hover,
.header-nav-list .header-nav-content li a:focus,
.header-nav-list .header-nav-content li a:active {
    color: #076127;
}

.header-news {
    text-align: center;
    background: url(../images/bgs/bg04.png) center top no-repeat;
    height: 519px;
    margin-top: 0.6%;
}

/* 农普要闻：左图右文 */
.header-news-list {
    padding-top: 4.5%;
}

.header-news-list .top-img {
    float: left;
    width: 50%;
}

.header-news-list .top-img img {
    display: block;
    width: 100%;
    height: auto;
}

.news-lists {
    float: right;
    width: 46.6%;
    padding-top: 0.3%;
    text-align: left;
}

.news-lists .npyw-title {
    margin-bottom: 3.5%;
}

.news-lists .npyw-title img {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.news-lists .nypw-line {
    margin-bottom: 0;
    line-height: 0;
}

.news-lists .nypw-line img {
    display: block;
    width: 100%;
    height: auto;
}

.news-lists ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news-lists ul li {
    align-items: center;

}

.news-lists ul li:last-child {
    border-bottom: none;
}

.news-lists ul li a {
    width: 74%;
    display: inline-block;
    font-size: 18px;
    color: #000100;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.news-lists ul li a:hover {
    color: #1a6b2a;
    text-decoration: none;
}

.news-lists ul li span {
    font-size: 16px;
    line-height: 56px;
    width: 16%;
    float: right;
    color: #000100;
}
.nypc-more {
    text-align: right;
}
.nypc-more a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #000100;
}
.nypc-more a:hover {
    color: #1a6b2a;
}

/* 通知公告 */
.tzgg {
    position: relative;
    margin-top: 1.5%;
    text-align: center;
}

.tzgg-title {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: -4.2%;
}

.tzgg-title img {
    display: inline-block;
    vertical-align: middle;
}

.tzgg-box {
    position: relative;
    background: url(../images/bgs/bg05.png) center top no-repeat;
    margin-top: -5%;
}

.tzgg-list {
    list-style: none;
    margin: 0 auto;
    padding: 5% 0 0 0;
    width: 94%;
    margin-left: 4%;
}

.tzgg-list li {
    position: relative;
    float: left;
    width: 47%;
    box-sizing: border-box;
    padding: 0 0 3.4% 4%;
    text-align: left;
    margin-top: 3%;
    margin-right: 6%;
}

.tzgg-list li:nth-child(1),
.tzgg-list li:nth-child(2) {
    border-bottom: 1px solid #529f79;
}

.tzgg-list li:nth-child(3),
.tzgg-list li:nth-child(4) {
    padding: 0 0 3% 4%;
}

.tzgg-list li:nth-child(2n) {
    margin-right: 0;
}

.tzgg-list li::before {
    content: '';
    position: absolute;
    left: 1%;
    top: 24%;
    width: 16px;
    height: 16px;
    margin-top: 0;
    background: #2f6a2a;
    border-radius: 50%;
}

.tzgg-list li a {
    display: block;
    font-size: 22px;
    color: #000101;
    line-height: 41px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.2s ease;
}

.tzgg-list li a:hover {
    color: #1a6b2a;
    text-decoration: none;
}

.tzgg-more {
    text-align: center;
    margin-top: 1.5%;
}

.tzgg-more a {
    display: inline-block;
}

.tzgg-more img {
    display: block;
    max-width: 100%;
    height: auto;
}

.layer02 {
    background: url(../images/bgs/bg02.jpg) center top no-repeat;
    height: 1449px;
}

/* 进度安排 */
.jdap {
    text-align: center;
    margin-top: 5.6%;
    position: relative;
}

.jdap-title {
    text-align: center;
}

.jdap-img {
    margin-top: 1.1%;
}

.countdown {
    text-align: center;
}

/* 农普知识 */
.npzs {
    text-align: center;
    position: relative;
}

.npzs-title {
    text-align: center;
    margin-top: 5%;
}

.npzs-title img {
    display: inline-block;
    vertical-align: middle;
}

.npzs-swiper {
    overflow: hidden;
    position: relative;
}

/* 默认（最外层）：scale 0.8 */
.npzs-swiper .swiper-slide {
    text-align: center;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transform: scale(0.8);
    opacity: 0.55;
}

.npzs-swiper .swiper-slide img {
    width: 100%;
    height: auto;
}

/* 紧邻活动张：scale 0.9 */
.npzs-swiper .swiper-slide-prev,
.npzs-swiper .swiper-slide-next {
    transform: scale(0.9);
    opacity: 0.9;
    z-index: 1;
}

/* 中间活动张：scale 1，slot 大小 */
.npzs-swiper .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

/* 左右导航按钮：覆盖 swiper 默认样式，使用 left.png / right.png */
.npzs .swiper-button-prev,
.npzs .swiper-button-next {
    width: 58px;
    height: 54px;
    margin-top: -27px;
    background-size: 58px 54px;
}

.npzs .swiper-button-prev {
    background-image: url(../images/others/left.png);
}

.npzs .swiper-button-next {
    background-image: url(../images/others/right.png);
}
.npzs-more {
    margin-top: 1%;
}

.layer03 {
    background: url(../images/bgs/bg03.jpg) center top no-repeat;
    height: 2533px;
}

/* 州市动态 */
.zsdt {
    text-align: center;
    margin-top: 3%;
}

.zsdt-title {
    text-align: center;
}

.zsdt-title img {
    display: inline-block;
    vertical-align: middle;
}

.zsdt-wrapper {
    width: 99%;
    margin: 0 auto;
    background: linear-gradient(to bottom, #d5efd8, #fff);
    border: 1px solid #cfe3b8;
    padding: 3.2% 2.2% 2% 2.2%;
    box-sizing: border-box;
}

.zsdt-content {}

.zsdt-lists {
    float: left;
    width: 43%;
}

.zsdt-lists ul li {
    border-bottom: 1px dashed #bfbfbf;
    padding: 4% 0;
}

.zsdt-lists ul li:first-child {
    border-bottom: 1px solid #529f79;
    padding: 0;
}

.zsdt-lists ul li:last-child {
    border-bottom: none;
}

.zsdt-lists ul li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-decoration: none;
}

.zsdt-lists ul li a:hover {
    color: #1a6b2a;
    text-decoration: none;
}

.zsdt-lists ul li:first-child {}

.zsdt-lists ul li:first-child a {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.zsdt-lists ul li p {
    color: #666;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 2px;
    margin: 0;
    text-indent: 2em;
    padding: 0 0 4% 0;
}

.zsdt-img {
    float: right;
    width: 54.5%;
}

.zsdt-img img {
    display: block;
}

.zsdt-imgs{width:100%; clear:both}
.zsdt-imgs ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2%;
}

.zsdt-imgs ul li {
    position: relative;
}

.zsdt-imgs ul li img {
    display: block;
}

.zsdt-imgs-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(39, 120, 29, 0.85);
    padding: 0 5px;
    text-align: center;
    box-sizing: border-box;
}

.zsdt-imgs-title a {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    line-height: 32px;
}

.zsdt-imgs-title a:hover {
    text-decoration: underline;
}
.zsdt-more {
    margin-top: 1%;
}

/* 作品展播 */
.zpzb {
    margin: 3% auto 0;
    box-sizing: border-box;
}

.zpzb-title {
    text-align: center;
}

.zpzb-title img {
    display: inline-block;
    vertical-align: middle;
}

.zpzb-wrapper {
    width: 100%;
}

.zpzb-video {
    width: 100%;
    margin-bottom: 2.5%;
}

.zpzb-video video {
    display: block;
    width: 1200px;
    height: 675px;
    height: auto;
    background: #fff;
    outline: none;
    object-fit: cover;
}

.zpzb-imgs {}

.zpzb-imgs li {
    width: 23.8%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    float: left;
    margin-right: 1.6%;
}

.zpzb-imgs li:last-child {
    margin-right: 0;
}

.zpzb-imgs li a {
    display: block;
}

.zpzb-imgs li a img {
    width: 100%;
    height: auto;
    display: block;
}

/* 缩略图嵌入视频 */
.zpzb-imgs li video {
    display: block;
    width: 286px;
    height: 180px;
    background: #fff;
    cursor: pointer;
    outline: none;
    object-fit: cover;
}

/* 悬浮遮罩 + 播放按钮 */
.zpzb-imgs li .shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.zpzb-imgs li .shadow img {
    display: block;
    max-width: 25%;
    height: auto;
}

.zpzb-imgs li:hover .shadow {
    opacity: 1;
}

/* 视频播放中：遮罩消失，且不拦截 video controls 交互 */
.zpzb-imgs li.playing .shadow {
    opacity: 0 !important;
    pointer-events: none;
}

.zpzb-lists {
    position: relative;
    margin-top: 1%;
    box-sizing: border-box;
    z-index: 0;
}

.zpzb-lists {
    background: url(../images/bgs/bg06.png) center top no-repeat;
    height: 302px;
}

/* 文字列表：3 列 + 中间 2 条竖线 */
.zpzb-lists ul {
    width: 78%;
    margin: 0 auto;
    padding-top: 2.5%;
}

.zpzb-lists ul li {
    width: 32.1%;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #e4a169;
    margin-right: 1.8%;
    padding-right: 1.8%;
}

.zpzb-lists ul li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.zpzb-lists ul li a {
    display: inline-block;
    background: #e4a169;
    color: #fff;
    width: 100%;
    font-size: 16px;
    line-height: 32px;
    padding: 0 3%;
    margin-bottom: 6%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zpzb-lists ul li p {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    padding: 0 1%;
}
.zpzb-more1 {
    margin-top: 1%;
}

/* 查看更多 */
.zpzb-more {
    text-align: center;
    margin-top: 4%;
}

.zpzb-more a {
    display: inline-block;
}

.zpzb-more a img {
    display: block;
}

#bottom {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    float: left;
    background: #196834;
    text-align: center;
}

#bottom a,
#bottom a:link,
#bottom a:visited,
#bottom a:hover,
#bottom a:active {
    color: #fff
}

/* ============================================================
   PC / 手机切换工具类（默认 PC：显示 .pcshow，隐藏 .mobshow）
   ============================================================ */
.mobshow {
    display: none !important;
}

.pcshow {
    display: block !important;
}

/* ============================================================
   手机版适配（≤768px）
   ============================================================ */
@media (max-width: 768px) {
    .pcshow {
        display: none !important;
    }

    .mobshow {
        display: block !important;
    }

    /* 容器宽度统一收为 100% */
    .w1920,
    .w1475,
    .w1338,
    .w1324,
    .w1260,
    .w1233,
    .w1224,
    .w1200,
    .w1184,
    .w1024,
    .w900 {
        max-width: 100%;
        width: 100%;
    }

    /* ============ layer01 ============ */
    .layer01 {
        height: auto;
        padding-bottom: 4%;
    }

    /* logo */
    .logo {
        position: static;
        text-align: center;
        padding: 3% 0 1%;
    }

    .logo img {
        max-width: 30%;
        height: auto;
    }

    /* 标题图 */
    .nypc-lglj {
        margin-top: 4%;
    }

    .nypc-lglj img,
    .ynsdscqgnypc img {
        max-width: 90%;
        height: auto;
    }

    .ynsdscqgnypc {
        margin-left: 0;
        margin-top: 4%;
    }

    /* 导航 */
    .header-nav {
        margin-top: 10%;
    }

    .header-nav-list {
        background: linear-gradient(to right, #baecca, #feffff, #eceda3);
        height: auto;
        padding: 1.5% 0;
    }

    .header-nav-content {
        width: 100%;
    }

    .header-nav-list .header-nav-content li {
        float: left;
        width: 33.33%;
        margin-right: 0;
        text-align: center;
        box-sizing: border-box;
    }

    .header-nav-list .header-nav-content li a {
        font-size: 18px;
        line-height: 36px;
    }

    /* 农普要闻：上下叠 */
    .header-news {
        height: auto;
        padding: 2% 10px;
        box-sizing: border-box;
        margin-top: 0;
        background: #fbf5e2;
    }

    .header-news-list {
        padding-top: 2%;
    }

    .header-news-list .top-img,
    .news-lists {
        float: none;
        width: 100%;
    }

    .news-lists {
        margin-top: 3%;
        padding-top: 0;
    }

    .news-lists .npyw-title img {
        width: 30%;
    }

    .news-lists ul {
        margin-top: 3%;
    }

    .news-lists ul li a {
        font-size: 16px;
        line-height: 34px;
    }

    .news-lists ul li span {
        font-size: 14px;
        line-height: 36px;
        width: 22%;
    }

    /* 通知公告：双列变单列 */
    .tzgg {
        padding: 0 3%;
        box-sizing: border-box;
    }

    .tzgg-title {
        margin-bottom: 0;
    }

    .tzgg-title img {
        max-width: 55%;
        height: auto;
    }

    .tzgg-box {
        padding: 0 0 3%;
        background: none;
        box-shadow: 0 0 9px #529f79 inset;
        border: 1px solid #529f79;
        margin-top: 0;
    }

    .tzgg-list {
        padding: 7% 0 0 0;
        width: 90%;
        margin-left: 5%;
    }

    .tzgg-list li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-top: 3%;
        padding: 0 0 3% 6%;
    }

    .tzgg-list li:nth-child(3),
    .tzgg-list li:nth-child(4) {
        padding: 0 0 3% 6%;
    }

    .tzgg-list li:not(:last-child) {
        border-bottom: 1px solid #529f79;
    }

    .tzgg-list li::before {
        width: 8px;
        height: 8px;
        top: 18%;
        left: 0;
    }

    .tzgg-list li a {
        font-size: 16px;
        line-height: 32px;
    }

    .tzgg-more img {
        max-width: 32%;
        margin: 0 auto;
    }

    /* ============ layer02 ============ */
    .layer02 {
        height: auto;
        padding-bottom: 5%;
    }

    .countdown img {
        max-width: 95%;
        height: auto;
    }

    /* 进度安排 */
    .jdap {
        margin-top: 4%;
    }

    .jdap-title img {
        width: 50%;
    }

    .jdap-img img {
        max-width: 95%;
        height: auto;
    }

    /* 农普知识 swiper（JS 内已对 768 配 slidesPerView:1） */
    .npzs-title {
        margin-top: 4%;
    }

    .npzs-title img {
        max-width: 45%;
        height: auto;
    }

    .npzs {
        margin-top: 0;
    }

    .npzs-swiper .swiper-slide,
    .npzs-swiper .swiper-slide-prev,
    .npzs-swiper .swiper-slide-next,
    .npzs-swiper .swiper-slide-active {
        transform: scale(1);
        opacity: 1;
    }

    .npzs-swiper .swiper-slide img {
        width: 60%;
        margin: 0 auto;
    }

    .npzs .swiper-button-prev,
    .npzs .swiper-button-next {
        width: 28px;
        height: 26px;
        margin-top: -13px;
        background-size: 28px 26px;
    }
    .npzs-more {
        margin-top: 3%;
    }
    .npzs-more a {
        color: #fff;
    }

    /* ============ layer03 ============ */
    .layer03 {
        height: auto;
        padding-bottom: 5%;
    }

    /* 州市动态 */
    .zsdt {
        margin-top: 4%;
        padding: 0 3%;
        box-sizing: border-box;
    }

    .zsdt-title img {
        max-width: 45%;
        height: auto;
    }

    .zsdt-wrapper {
        width: 100%;
        padding: 4%;
    }

    .zsdt-lists,
    .zsdt-img {
        float: none;
        width: 100%;
    }

    .zsdt-img {
        margin-top: 3%;
    }

    .zsdt-img img {
        width: 100%;
        height: auto;
    }

    .zsdt-lists ul li {
        padding: 3% 0;
    }

    .zsdt-lists ul li:first-child {
        padding: 0 0 3%;
    }

    .zsdt-lists ul li p {
        letter-spacing: 0;
        padding: 0 0 1% 0;
    }

    .zsdt-imgs ul {
        flex-direction: column;
    }

    .zsdt-imgs ul li {
        width: 100%;
        margin-bottom: 3%;
    }

    .zsdt-imgs ul li img {
        width: 100%;
        height: auto;
    }

    .zsdt-imgs-title a {
        font-size: 13px;
        line-height: 26px;
    }

    /* 作品展播 */
    .zpzb {
        margin-top: 4%;
        padding: 0 3%;
        box-sizing: border-box;
    }

    .zpzb-title img {
        max-width: 45%;
        height: auto;
    }
    .zpzb-video video {
        width: 100%;
        height: auto;
    }

    .zpzb-imgs li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .zpzb-imgs li video {
        width: 100%;
        height: auto;
    }

    .zpzb-imgs li:nth-child(2n) {
        margin-right: 0;
    }

    .zpzb-imgs li:last-child {
        margin-right: 0;
    }

    /* 手机版无 hover：遮罩默认显示，点击播放后才隐藏 */
    .zpzb-imgs li .shadow {
        opacity: 1;
    }

    .zpzb-imgs li.playing .shadow {
        opacity: 0 !important;
    }

    /* 文字列表：3 列改单列；竖线改下边线（保留分隔感） */
    .zpzb-lists {
        background: none;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .zpzb-lists ul {
        width: 100%;
        padding-top: 0;
    }

    .zpzb-lists ul li {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e4a169;
        margin-right: 0;
        padding-right: 0;
        padding-bottom: 3%;
        margin-bottom: 3%;
    }

    .zpzb-lists ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .zpzb-lists ul li a {
        font-size: 13px;
        line-height: 26px;
        margin-bottom: 2%;
    }

    .zpzb-lists ul li p {
        font-size: 13px;
        line-height: 26px;
    }

    .zpzb-more {
        margin-top: 3%;
    }

    .zpzb-more img {
        max-width: 55%;
        margin: 0 auto;
        height: auto;
    }

    /* 底部 */
    #bottom {
        font-size: 14px;
        line-height: 28px;
        padding: 4% 3%;
        box-sizing: border-box;
    }
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2026-06-18 11:47:21" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->