@charset "utf-8";

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    html {
        -ms-overflow-style: scrollbar;
    }

    body.modern-site,
    body.pdf-viewer-page,
    body.greenline-user-page {
        color: #1f2d28;
        background: #f7fbf4;
        font-family: "Microsoft YaHei", Arial, sans-serif;
    }

    .site-container,
    .inner {
        width: 1200px;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .site-header {
        background: #00502f;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    }

    .site-header .header-xia,
    .site-header .inner {
        display: block;
        height: 86px;
    }

    .site-header .logo {
        float: left;
        width: 380px;
        margin-top: 12px;
    }

    .site-header .logo a,
    .site-header .site-logo-copy,
    .site-header .site-logo-text {
        display: block;
    }

    .site-header .site-logo-icon,
    .site-header .site-logo-divider,
    .hero-orbit,
    .hero-grid-glow,
    .notice-watermark,
    .site-hero-enter-curtain {
        display: none !important;
    }

    .site-header .site-logo-wordmark {
        float: left;
        max-width: 185px;
        height: auto;
    }

    .site-header .site-logo-text {
        margin-left: 198px;
        padding-top: 4px;
        color: #fff;
    }

    .site-header .site-logo-title {
        display: block;
        color: #fff;
        font-size: 18px;
        line-height: 1.3;
    }

    .site-header .site-logo-en {
        display: block;
        color: rgba(255, 255, 255, .75);
        font-size: 12px;
        line-height: 1.4;
    }

    .site-header .nav {
        display: block;
        float: left;
        width: 610px;
        height: 86px;
        overflow: visible;
    }

    .site-header .site-nav-scroll {
        display: block;
        overflow: visible;
        white-space: nowrap;
    }

    .site-header .menu,
    .site-header .site-nav-scroll .menu,
    .site-header .site-nav-fixed {
        display: inline-block;
        vertical-align: top;
        white-space: nowrap;
    }

    .site-header .menu .menu-li {
        display: inline-block;
        position: relative;
        float: none;
        vertical-align: top;
    }

    .site-header .menu .menu-li span a {
        color: #fff;
        line-height: 86px;
    }

    .site-header .menu .menu-li .ejmenu-box {
        background: #fff;
        border: 1px solid #dce8e3;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
    }

    .site-header .menu .menu-li .ejmenu-box .ejmenu-box-li a,
    .site-header .menu .menu-li:hover .ejmenu-box .ejmenu-box-li a,
    .site-header .menu .menu-li.is-submenu-open .ejmenu-box .ejmenu-box-li a {
        color: #1f2d28 !important;
        background: #fff !important;
    }

    .site-header .menu .menu-li .ejmenu-box .ejmenu-box-li a:hover,
    .site-header .menu .menu-li .ejmenu-box .ejmenu-box-li a:focus {
        color: #0b6f3a !important;
        background: #f7fbf4 !important;
    }

    .site-header .site-actions {
        float: right;
        margin-top: 22px;
    }

    .site-header .site-search-panel {
        background: #fff;
        border: 1px solid #dce8e3;
    }

    .site-nav-scroll-btn,
    .site-menu-toggle,
    .mobile-sub-toggle {
        display: none !important;
    }

    .hero,
    .hero-rich,
    .hero-carousel {
        height: 560px;
        min-height: 560px;
        background: #00502f;
    }

    .hero-carousel-stage,
    .hero-carousel-slide,
    .hero-carousel-slide img {
        height: 560px;
    }

    .hero-carousel-slide img,
    .news-photo-card img,
    .topic-card img,
    .research-card img,
    .youth-card img,
    .campus-gallery img,
    .cms-list-thumb img,
    .image-list.modern-image-list img {
        width: 100%;
        height: auto;
        min-height: 100%;
    }

    .hero-carousel-dots {
        left: 50%;
        bottom: 38px;
    }

    .section-block {
        display: block;
        clear: both;
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .section-head,
    .notice-rich,
    .news-showcase,
    .topic-mosaic,
    .campus-gallery-wrap,
    .cms-layout,
    .cms-footer-inner,
    .search-form {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .section-head > *,
    .notice-rich > *,
    .news-showcase > *,
    .topic-mosaic > *,
    .campus-gallery-wrap > *,
    .cms-layout > *,
    .cms-footer-inner > * {
        display: table-cell;
        vertical-align: top;
    }

    .section-head .section-more {
        width: 170px;
        text-align: right;
        vertical-align: middle;
    }

    .news-photo-stack {
        width: 60%;
        padding-right: 24px;
    }

    .news-side-panel {
        width: 40%;
    }

    .news-photo-card,
    .notice-row,
    .topic-card,
    .research-card,
    .education-card,
    .youth-card,
    .party-info-row,
    .cms-empty-state,
    .title-list.modern-list li,
    .image-list.modern-image-list li {
        background: #fff;
        border: 1px solid #dce8e3;
        box-shadow: 0 12px 30px rgba(48, 126, 61, .12);
    }

    .notice-cover {
        width: 34%;
        background: #00502f;
        color: #fff;
    }

    .notice-list-rich {
        width: 66%;
        background: #fff;
    }

    .topic-card.is-large,
    .party-side {
        width: 50%;
    }

    .party-side-cards,
    .party-info-list {
        display: block;
    }

    .research-grid-rich,
    .education-grid,
    .youth-gallery,
    .campus-gallery,
    .site-footer-grid {
        display: block;
        clear: both;
        margin-left: -12px;
        margin-right: -12px;
    }

    .research-card,
    .education-card,
    .youth-card,
    .campus-gallery a {
        display: block;
        float: left;
        width: 25%;
        margin: 0 0 24px;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .research-card,
    .youth-card,
    .campus-gallery a {
        width: 33.3333%;
    }

    .education-card {
        min-height: 340px;
    }

    .education-card .education-card-more {
        display: inline-block;
        margin-top: 18px;
        background: #0b6f3a;
        color: #fff;
    }

    .source-text-cover {
        display: block;
        background: #0b6f3a;
        color: #fff;
        text-align: center;
    }

    .page-hero,
    .article-hero,
    .search-hero {
        background: #00502f;
    }

    .page-hero .site-container,
    .page-hero h1,
    .page-hero .crumb,
    .page-hero .crumb a {
        color: #fff;
    }

    .cms-side {
        width: 260px;
        padding-right: 28px;
    }

    .cms-main,
    .article-main {
        width: auto;
        background: #fff;
    }

    .title-list.modern-list,
    .image-list.modern-image-list {
        display: block;
        margin: 0;
        padding: 0;
    }

    .title-list.modern-list li,
    .image-list.modern-image-list li {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-bottom: 18px;
    }

    .cms-list-thumb,
    .image-list.modern-image-list > li > a {
        display: table-cell;
        width: 220px;
        vertical-align: top;
    }

    .cms-list-body,
    .image-list.modern-image-list > li > div {
        display: table-cell;
        vertical-align: top;
        padding-left: 22px;
    }

    .search-form input {
        display: table-cell;
        width: 82%;
        border: 1px solid #dce8e3;
    }

    .search-form button {
        display: table-cell;
        width: 18%;
        background: #0b6f3a;
        color: #fff;
    }

    .site-footer,
    .cms-footer {
        clear: both;
        background: #00502f;
        color: #fff;
    }

    .cms-footer-brand {
        width: 55%;
    }

    .cms-footer-nav,
    .cms-footer-wechat {
        width: 22%;
    }

    .pdf-viewer-shell {
        background: #f7fbf4;
    }

    .pdf-toolbar {
        display: block;
        background: #00502f;
        color: #fff;
    }

    .pdf-toolbar-btn {
        display: inline-block;
        background: #0b6f3a;
        color: #fff;
    }

    .site-reveal,
    .reveal-up,
    .page-enter,
    .enter-visible,
    [data-enter-state],
    [data-reveal-state] {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    * {
        -ms-filter: none !important;
        backdrop-filter: none !important;
    }

    .clearfix:after,
    .clear:after,
    .clearfd:after,
    .research-grid-rich:after,
    .education-grid:after,
    .youth-gallery:after,
    .campus-gallery:after,
    .site-footer-grid:after {
        content: "";
        display: block;
        clear: both;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 1240px), (-ms-high-contrast: active) and (max-width: 1240px) {
    .site-container,
    .inner {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }

    .site-header .logo {
        width: 320px;
    }

    .site-header .nav {
        width: 520px;
    }
}

@media all and (-ms-high-contrast: none) and (max-width: 900px), (-ms-high-contrast: active) and (max-width: 900px) {
    .site-header .header-xia,
    .site-header .inner {
        height: auto;
    }

    .site-header .logo,
    .site-header .nav,
    .site-header .site-actions,
    .research-card,
    .education-card,
    .youth-card,
    .campus-gallery a {
        float: none;
        width: 100%;
    }

    .site-header .nav {
        height: auto;
    }

    .site-header .menu .menu-li span a {
        line-height: 42px;
    }

    .section-head,
    .notice-rich,
    .news-showcase,
    .topic-mosaic,
    .campus-gallery-wrap,
    .cms-layout,
    .cms-footer-inner,
    .section-head > *,
    .notice-rich > *,
    .news-showcase > *,
    .topic-mosaic > *,
    .campus-gallery-wrap > *,
    .cms-layout > *,
    .cms-footer-inner > *,
    .cms-list-thumb,
    .cms-list-body,
    .image-list.modern-image-list > li > a,
    .image-list.modern-image-list > li > div {
        display: block;
        width: auto;
    }

    .cms-side,
    .cms-main,
    .article-main,
    .notice-cover,
    .notice-list-rich,
    .topic-card.is-large,
    .party-side,
    .cms-footer-brand,
    .cms-footer-nav,
    .cms-footer-wechat {
        display: block;
        width: auto;
        padding-right: 0;
    }
}