@media only screen and (max-width: 1300px)and (min-width: 1000px) {
    .invisible {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        visibility: initial
    }

    .header-top .head-nav-box {
        position: relative
    }

    .header-top .head-nav-box ul {
        display: none !important
    }

    .header-top .head-nav-box .icon-search {
        margin-right: 48px
    }

    .header-top .head-nav-box .closed {
        display: inline-block !important;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        width: 22px;
        height: 20px
    }

    .header-top .head-nav-box .closed .lines-button {
        color: #383838;
        -webkit-transition: .3s;
        transition: .3s;
        cursor: pointer;
        top: 9px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block
    }

    .header-top .head-nav-box .closed .lines-button .lines {
        position: relative;
        display: block;
        width: 1.4rem;
        height: 2px
    }

    .header-top .head-nav-box .closed .lines-button .lines::before,
    .header-top .head-nav-box .closed .lines-button .lines::after {
        background-color: #383838;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        height: 2px;
        width: 22px;
        top: -7px;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1), background-color .2s ease, opacity .2s ease;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1), background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        position: absolute;
        left: 0;
        content: "";
        display: block
    }

    .header-top .head-nav-box .closed .lines-button .lines::before {
        width: 1rem;
        top: 7px;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important;
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s, background-color .2s ease, opacity .2s ease !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s, background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important
    }

    .header-top .head-nav-box .closed .lines-button::after {
        background-color: #383838;
        content: "";
        display: block;
        height: 2px;
        width: 22px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important;
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s, background-color .2s ease, opacity .2s ease !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s, background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important
    }

    .header-top .head-nav-box .closed .close-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
        transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease, -webkit-transform .2s ease 1s;
        display: block;
        height: 28px;
        width: 22px
    }

    .header-top .head-nav-box .closed .close-wrap .close-line {
        height: 100%;
        width: 2px;
        background-color: #383838;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        border-radius: 5px;
        left: 9px;
        -webkit-transition: opacity .2s ease, background-color .2s ease;
        transition: opacity .2s ease, background-color .2s ease;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .header-top .head-nav-box .closed:not(.openMenu) .close-line1 {
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
        transform: translateY(0) translateX(0) rotate(-45deg);
        -webkit-animation-name: crossLeftClose;
        animation-name: crossLeftClose;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .header-top .head-nav-box .closed:not(.openMenu) .close-line2 {
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
        -webkit-transform: translateY(0) translateX(0) rotate(45deg);
        transform: translateY(0) translateX(0) rotate(45deg);
        -webkit-animation-name: crossRightClose;
        animation-name: crossRightClose;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1)
    }

    .header-top .head-nav-box .closed.openMenu .lines::before,
    .header-top .head-nav-box .closed.openMenu .lines::after,
    .header-top .head-nav-box .closed.openMenu .lines-button::after {
        -webkit-transform: translateX(30px) !important;
        transform: translateX(30px) !important
    }

    .header-top .head-nav-box .closed.openMenu .close-line1 {
        -webkit-animation-name: crossRight;
        animation-name: crossRight;
        -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
        transform: translateY(-30px) translateX(30px) rotate(45deg);
        -webkit-animation-delay: .29s;
        animation-delay: .29s
    }

    .header-top .head-nav-box .closed.openMenu .close-line2 {
        -webkit-animation-name: crossLeft;
        animation-name: crossLeft;
        -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        -webkit-animation-delay: .15s;
        animation-delay: .15s
    }

    .header-top #menu-box {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 9997
    }

    .header-top #menu-box .mask {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9996;
        width: 100%;
        height: 100%;
        opacity: .97;
        background-color: #3f3f3f
    }

    .header-top #menu-box .menu-info {
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: scroll
    }

    .header-top #menu-box .menu-info .menu-list {
        width: 100%;
        position: relative;
        top: 50%;
        left: 0;
        height: auto;
        background: #fff;
        z-index: 9997
    }

    .header-top #menu-box .menu-info .menu-list li>a {
        width: 100%;
        display: inline-block;
        position: relative
    }

    .header-top #menu-box .menu-info .menu-list li a>span {
        position: relative;
        display: inline-table;
        vertical-align: middle;
        width: 100%;
        padding: 10px 30px 10px 30px;
        color: #2b2b2b;
        text-transform: uppercase;
        vertical-align: middle;
        line-height: 48px;
        z-index: 99
    }

    .header-top #menu-box .menu-info .menu-list li a>span .text {
        display: inline-block;
        font-size: 12px;
        font-weight: 700
    }

    .header-top #menu-box .menu-info .menu-list li a>span .icon {
        background-image: url("../images/icon-arrow-down.png");
        background-size: 8px auto;
        background-repeat: no-repeat;
        background-position: center;
        width: 72px;
        height: auto;
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: -1px;
        right: 0;
        z-index: 10009;
        left: auto
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box {
        width: 50%;
        padding: 10px 30px 10px 30px;
        margin-bottom: 60px
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box p {
        padding: 15px;
        line-height: 1.45;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #444
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box a {
        display: inline-block
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box a img {
        max-width: 300px
    }

    .header-top #menu-box .menu-info .menu-list li .show-menu {
        background: #fff
    }

    .header-top #menu-box .menu-info .menu-list li:not(.open) .show-menu {
        display: none !important
    }

    .header-top #menu-box .menu-info .menu-list .open {
        background: #9e6e4e
    }

    .header-top #menu-box .menu-info .menu-list .open a>span {
        color: #fff
    }

    .header-top #menu-box .menu-info .menu-list .open a>span .icon {
        background-image: url("../images/icon-close-black.png")
    }

    .category-wrap .header-not-visible {
        -webkit-transform: translateY(80px) !important;
        transform: translateY(80px) !important
    }

    .footer .widgets .footer-info .footer-txt h3 {
        line-height: 27.2px
    }

    .footer .widgets .footer-link .foot-menu {
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
    }

    .footer .widgets .footer-link .foot-menu .footer-link-item {
        display: none
    }

    .footer .widgets .footer-link .foot-menu .foot-menu-btn {
        -webkit-transition: -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        display: block;
        float: right;
        margin: 14px 20px;
        position: relative;
        width: 32px;
        height: 32px;
        background: rgba(0, 0, 0, 0)
    }

    .footer .widgets .footer-link .foot-menu .foot-menu-btn span {
        background-color: #fff;
        height: 4px;
        border-radius: 1px;
        left: 0;
        position: absolute;
        display: block;
        width: 100%
    }

    .footer .widgets .footer-link .foot-menu .foot-menu-btn span:nth-of-type(1) {
        top: 5px
    }

    .footer .widgets .footer-link .foot-menu .foot-menu-btn span:nth-of-type(2) {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .footer .widgets .footer-link .foot-menu .foot-menu-btn span:nth-of-type(3) {
        bottom: 5px
    }

    .footer .widgets .footer-link .foot-menu .show-menu {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    .footer .widgets .footer-link .foot-menu .show-menu span {
        background-color: #9e6e4e;
        -webkit-transition: -webkit-transform .2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: -webkit-transform .2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform .2s cubic-bezier(0.73, 1, 0.28, 0.08);
        transition: transform .2s cubic-bezier(0.73, 1, 0.28, 0.08), -webkit-transform .2s cubic-bezier(0.73, 1, 0.28, 0.08)
    }

    .footer .widgets .footer-link .foot-menu .show-menu span:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -2px;
        top: 50%
    }

    .footer .widgets .footer-link .foot-menu .show-menu span:nth-of-type(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px;
        top: 50%
    }

    .footer .widgets .footer-link .foot-menu .show-menu span:nth-of-type(2) {
        display: none
    }

    .footer .widgets .footer-link .foot-menu .mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .33)
    }

    .footer .widgets .footer-link .foot-menu .aside-menu {
        position: fixed;
        right: 0;
        top: 0;
        width: 260px;
        max-width: 80%;
        -webkit-transition: -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform .4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform .4s cubic-bezier(0.215, 0.61, 0.355, 1);
        padding-top: 14vw;
        background-color: #474443;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        height: 100%
    }

    .footer .widgets .footer-link .foot-menu .aside-menu .aside-menu-item {
        padding: 10px 30px 10px 30px;
        display: inline-block;
        color: #f1f1f1;
        vertical-align: middle;
        width: 100%;
        font-size: 12px;
        text-align: left
    }

    .footer .widgets .footer-link .foot-menu .aside-menu.open {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    .footer .mobile-foot {
        display: none
    }

    #index .banner .banner-txt h2 {
        font-size: 32px;
        line-height: 50px
    }

    #index .banner .banner-txt p {
        font-size: 14px;
        line-height: 24px
    }

    #index .innovation .innovation-item .innovation-txt .innovation-title {
        font-size: 23.8px;
        line-height: 29.4px
    }

    #index .innovation .innovation-item .innovation-txt .innovation-entitle h4 {
        font-size: 18px;
        line-height: 28px
    }

    #index .service .service-content .service-item .service-item-info .inner h3 {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #index .service .service-content .service-item .service-item-info .service-text {
        font-size: 12px;
        line-height: 14px;
        font-family: 微软雅黑, Arial, sans-serif
    }

    #index .guarantee .guarantee-title {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #index .guarantee-info .guarantee-left .guarantee-txt {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #index .guarantee-info .guarantee-right .guarantee-item .guarantee-item-title {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #index .guarantee-info .guarantee-right .guarantee-item .guarantee-item-tel {
        line-height: 27.2px
    }

    #index .guarantee-info .guarantee-right .guarantee-item .guarantee-item-email a {
        line-height: 24px
    }

    #index .news .news-content .news-box .news-item .news-info h3 {
        font-size: 18.7px
    }

    #index .news .news-content .news-box .news-item:nth-of-type(3n+1) h3 {
        font-size: 26.18px
    }

    #article1 .banner .row .category-txt h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article1 #strategy-consulting .info .category-title,
    #article1 #cmft-research .info .category-title,
    #article1 #human-genome-research .info .category-title,
    #article1 #research-innovative-tools .info .category-title {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article1 #strategy-consulting .info .desc h3,
    #article1 #cmft-research .info .desc h3,
    #article1 #human-genome-research .info .desc h3,
    #article1 #research-innovative-tools .info .desc h3 {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #article1 #strategy-consulting .column-inner .column-text .title h2 {
        font-size: 23.8px;
        line-height: 29.4px
    }

    #article1 #strategy-consulting .column-inner .column-text .subtitle h4 {
        font-size: 18px;
        line-height: 28px
    }

    #article1 #cmft-research .item-txt div h2 {
        font-size: 23.8px;
        line-height: 29.4px
    }

    #article1 #cmft-research .item-txt div h3 {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #article1 #green-ustainability-research .info {
        margin: 10% 0 6%
    }

    #article1 #green-ustainability-research .info .category-title h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article1 #green-ustainability-research .category-subtitle h1 {
        font-size: 40.5px;
        line-height: 45px
    }

    #article2 .banner .banner-box .banner-txt .banner-title h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article2 .service .service-box .service-item .service-txt h2 {
        font-size: 23.8px;
        line-height: 29.4px
    }

    #article2 .project .project-box .project-txt {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article3 .banner .slider-video {
        display: none !important
    }

    #article3 .banner .banner-txt .banner-title h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article3 .isf-mode .row .box .tabs-nav-val .tabs-nav-val-txt h3 {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #article3 .artop-college .row .instance-box .instance-txt h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article3 .artop-college .college-info .college-item h3 {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #article3 .artop-corps .row .txt h2,
    #article3 .artop-class .row .txt h2,
    #article3 .artop-maker .row .txt h2 {
        font-size: 28.9px;
        line-height: 35.7px
    }

    #article3 .artop-corps .row .corps-video-box .corps-video video,
    #article3 .artop-class .row .corps-video-box .corps-video video {
        display: none !important
    }

    #article3 .artop-corps .row .corps-video-box .corps-video .corps-image,
    #article3 .artop-class .row .corps-video-box .corps-video .corps-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #article3 .artop-class .subname {
        font-size: 18.7px;
        line-height: 27.2px
    }

    #article3 .artop-maker .maker-box .maker-image .swiper-wrapper .swiper-slide img {
        height: 400px
    }

    #article4 .dm .banner .banner-video video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #article4 .dm .banner .banner-txt .info .dmtxt h4 {
        font-size: 18px;
        line-height: 28px
    }

    #article4 .dm-info .item .box .info h2 {
        font-size: 23.8px;
        line-height: 29.4px
    }
}

@media only screen and (max-width: 690px) {
    .award_introduction .award_introduction_right{ margin-left: 0;}
    .award_introduction .award_introduction_left{ display: none;}
    .page .page-box {
        margin-top: 10px;
        width: 100%;
        text-align: center
    }

    .slider-img {
        display: block !important;
        height: 100%
    }
    .header-top header .container_custom{ align-items: center;}
    .container_custom {
        max-width: 350px;
        padding: 0
    }

    .category-wrap {
        display: none !important
    }

    .invisible {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
        visibility: initial
    }

    .header-top {
        position: relative
    }

    .header-top header {
        padding: 5px 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .header-top header .logo {
        height: 60px
    }

    .header-top header .logo a {
        height: 100% !important;
        margin-top: 0 !important
    }

    .header-top header .logo a img {
        height: 100% !important
    }

    .header-top #search .search-warp {
        height: 200px
    }

    .header-top #search .search-warp form input {
        font-size: 44px;
        line-height: 44px;
        border-bottom: 2px solid #3f3f3f;
        height: auto
    }

    .header-top #search .search-warp form #close {
        top: 0
    }

    .header-top #search .search-warp form #close a {
        height: 40px;
        width: 40px
    }

    .header-top #search .search-warp form #close a .close-wrap {
        height: 16px
    }

    .header-top #search .search-warp form #close a .close-wrap .close-line {
        height: 16px
    }

    .header-top .head-nav-box {
        position: relative
    }

    .header-top .head-nav-box ul {
        display: none !important
    }

    .header-top .head-nav-box .icon-search {
        margin-right: 32px;
        line-height: 1 !important;
        height: auto !important
    }

    .header-top .head-nav-box .closed {
        display: inline-block !important;
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        width: 22px;
        height: 20px
    }

    .header-top .head-nav-box .closed .lines-button {
        color: #383838;
        -webkit-transition: .3s;
        transition: .3s;
        cursor: pointer;
        top: 9px;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block
    }

    .header-top .head-nav-box .closed .lines-button .lines {
        position: relative;
        display: block;
        width: 1.4rem;
        height: 2px
    }

    .header-top .head-nav-box .closed .lines-button .lines::before,
    .header-top .head-nav-box .closed .lines-button .lines::after {
        background-color: #383838;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        height: 2px;
        width: 22px;
        top: -7px;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1), background-color .2s ease, opacity .2s ease;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1), background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1);
        position: absolute;
        left: 0;
        content: "";
        display: block
    }

    .header-top .head-nav-box .closed .lines-button .lines::before {
        width: 1rem;
        top: 7px;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important;
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s, background-color .2s ease, opacity .2s ease !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s, background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .08s !important
    }

    .header-top .head-nav-box .closed .lines-button::after {
        background-color: #383838;
        content: "";
        display: block;
        height: 2px;
        width: 22px;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important;
        transition: background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s, background-color .2s ease, opacity .2s ease !important;
        transition: transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s, background-color .2s ease, opacity .2s ease, -webkit-transform .65s cubic-bezier(0.3, 1, 0.3, 1) .04s !important
    }

    .header-top .head-nav-box .closed .close-wrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
        transform: translateX(-50%) translateY(-50%) translateZ(0);
        transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease, -webkit-transform .2s ease 1s;
        display: block;
        height: 20px;
        width: 22px
    }

    .header-top .head-nav-box .closed .close-wrap .close-line {
        height: 100%;
        width: 2px;
        background-color: #383838;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        border-radius: 5px;
        left: 9px;
        -webkit-transition: opacity .2s ease, background-color .2s ease;
        transition: opacity .2s ease, background-color .2s ease;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .header-top .head-nav-box .closed:not(.openMenu) .close-line1 {
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-transform: translateY(0) translateX(0) rotate(-45deg);
        transform: translateY(0) translateX(0) rotate(-45deg);
        -webkit-animation-name: crossLeftClose;
        animation-name: crossLeftClose;
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .header-top .head-nav-box .closed:not(.openMenu) .close-line2 {
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
        -webkit-transform: translateY(0) translateX(0) rotate(45deg);
        transform: translateY(0) translateX(0) rotate(45deg);
        -webkit-animation-name: crossRightClose;
        animation-name: crossRightClose;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1);
        animation-timing-function: cubic-bezier(0.52, 0.01, 0.16, 1)
    }

    .header-top .head-nav-box .closed.openMenu .lines::before,
    .header-top .head-nav-box .closed.openMenu .lines::after,
    .header-top .head-nav-box .closed.openMenu .lines-button::after {
        -webkit-transform: translateX(30px) !important;
        transform: translateX(30px) !important
    }

    .header-top .head-nav-box .closed.openMenu .close-line1 {
        -webkit-animation-name: crossRight;
        animation-name: crossRight;
        -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
        transform: translateY(-30px) translateX(30px) rotate(45deg);
        -webkit-animation-delay: .29s;
        animation-delay: .29s
    }

    .header-top .head-nav-box .closed.openMenu .close-line2 {
        -webkit-animation-name: crossLeft;
        animation-name: crossLeft;
        -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        transform: translateY(-30px) translateX(-30px) rotate(-45deg);
        -webkit-animation-delay: .15s;
        animation-delay: .15s
    }

    .header-top #menu-box {
        position: fixed;
        left: 0;
        top: 0;
        padding-top: 70px;
        height: 100%;
        width: 100%;
        z-index: 9997
    }
    .banner{ height: 280px !important;}
    .banner .banner-txt{ top: 120px !important;}
    .page-title-section .container_custom h3{ font-size: 4rem;}
    .award_introduction_center{ display: inherit;}
    .innovation .innovation-item .innovation-txt{min-height: 670px;}
    .innovation .innovation-item .minheight{ min-height: 277px;}
    .news .news-content{ display: inherit;}
    .news .news-content .news-item{ width: 100%; margin: 20px 0 50px !important;}
    .page-title-section{ height: 300px;}
    .shyxps_ul{ display: inherit;}
    .shyxps_ul li,.zzydw .shyxps_ul li{ width: 100%; margin: 20px 0;}
    .news-list .box .col-md-4{ display: none;}
    .news-list .box .news-items a .title h3{ font-size: 18px;}
    .desc .panel-group{ margin-left: 20px; margin-right: 20px;}

    .header-top #menu-box .mask {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9996;
        width: 100%;
        height: 100%;
        opacity: .97;
        background-color: #3f3f3f
    }

    .header-top #menu-box .menu-info {
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: scroll
    }

    .header-top #menu-box .menu-info .menu-list {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        background: #fff;
        z-index: 9997
    }

    .header-top #menu-box .menu-info .menu-list li>a {
        width: 100%;
        display: inline-block;
        position: relative
    }

    .header-top #menu-box .menu-info .menu-list li a>span {
        position: relative;
        display: inline-table;
        vertical-align: middle;
        width: 100%;
        padding: 10px 30px 10px 30px;
        border-bottom: .5px solid #ccc;
        color: #2b2b2b;
        text-transform: uppercase;
        vertical-align: middle;
        line-height: 32px;
        z-index: 99
    }

    .header-top #menu-box .menu-info .menu-list li a>span .text {
        display: inline-block;
        font-size: 12px;
        font-weight: 700
    }

    .header-top #menu-box .menu-info .menu-list li a>span .icon {
        background-image: url("../images/icon-arrow-down.png");
        background-size: 8px auto;
        background-repeat: no-repeat;
        background-position: center;
        width: 72px;
        height: auto;
        background-color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        z-index: 10009;
        left: auto
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box {
        width: 50%;
        padding: 10px 30px 10px 30px;
        margin-bottom: 60px
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box p {
        padding: 15px;
        line-height: 1.45;
        text-transform: uppercase;
        font-weight: 600;
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #444
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box a {
        display: inline-block
    }

    .header-top #menu-box .menu-info .menu-list li .logo-box a img {
        max-width: 300px
    }

    .header-top #menu-box .menu-info .menu-list li .show-menu {
        background: #fff
    }

    .header-top #menu-box .menu-info .menu-list li:not(.open) .show-menu {
        display: none !important
    }

    .header-top #menu-box .menu-info .menu-list .open {
        background: #9e6e4e
    }

    .header-top #menu-box .menu-info .menu-list .open a>span {
        color: #fff
    }

    .header-top #menu-box .menu-info .menu-list .open a>span .icon {
        background-image: url("../images/icon-close-black.png")
    }

    .header-top .off-canvas-social-links {
        display: block;
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 70px;
        z-index: 9997;
        text-align: center
    }

    .header-top .off-canvas-social-links li {
        display: inline-block;
        padding: 0 6px 6px 0
    }

    .header-top .off-canvas-social-links li a {
        padding: 0 8px;
        opacity: .7;
        -webkit-transition: opacity .2s ease, color .2s ease;
        transition: opacity .2s ease, color .2s ease;
        color: #eee
    }

    .header-top .off-canvas-social-links li a i {
        font-size: 18px;
        line-height: 22px
    }

    .header-top .off-canvas-social-links::before {
        width: 100px;
        display: block;
        height: 1px;
        background-color: rgba(255, 255, 255, .6);
        content: " ";
        margin: 0 auto;
        position: absolute;
        top: -40px;
        left: 50%;
        -webkit-transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #header-space {
        display: none !important
    }

    .footer .widgets {
        display: none !important
    }

    .footer .mobile-foot {
        display: block;
        background: #191313
    }

    .footer .mobile-foot .mobile-info {
        margin: 0 -1%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 60px 30px 0
    }

    .footer .mobile-foot .mobile-info .mobile-code {
        padding: 0 16px;
        margin-bottom: 40px;
        display: inline-block
    }

    .footer .footer-copyright .footer-copyright-left {
        margin-bottom: 25px;
        text-align: center
    }

    .footer .footer-copyright .footer-copyright-right ul {
        float: none;
        text-align: center
    }

    .footer .footer-copyright .footer-copyright-right ul li {
        float: none;
        display: inline-block
    }

    .footer .footer-copyright .footer-copyright-right ul li:nth-of-type(1) {
        margin-left: 0
    }

    #index .banner .banner-txt {
        padding: 0 15px
    }

    #index .banner .banner-txt h2 {
        line-height: 30px;
        font-size: 26px;
        letter-spacing: 0
    }

    #index .banner .banner-txt p {
        font-size: 13px;
        padding-bottom: 7px;
        line-height: 20px
    }

    #index .innovation {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #index .innovation .innovation-item {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%
    }

    #index .innovation .innovation-item .innovation-txt {
        padding: 10vw;
        margin: 0
    }

    #index .innovation .innovation-item .innovation-txt .innovation-title {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #index .innovation .innovation-item .innovation-txt .innovation-entitle h4 {
        line-height: 25.2px
    }

    #index .service .service-title {
        padding: 30px 0
    }

    #index .service .service-title h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #index .service .service-content .service-item {
        width: 100%
    }

    #index .service .service-content .service-item .service-item-img {
        padding: 17vw
    }

    #index .guarantee .guarantee-title {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #index .guarantee .guarantee-desc {
        font-size: 12pt;
        line-height: 26px;
        margin: 0
    }

    #index .guarantee .guarantee-data .guarantee-item {
        width: 50%;
        padding-left: 1%;
        padding-right: 1%;
        margin-bottom: 25px;
        position: relative
    }

    #index .guarantee .guarantee-data .guarantee-item .guarantee-box {
        padding: 3vw
    }

    #index .guarantee .guarantee-data .guarantee-item .guarantee-box .guarantee-number {
        line-height: 42px
    }

    #index .guarantee .guarantee-data .guarantee-item .guarantee-box .guarantee-number h5 {
        font-size: 42px
    }

    #index .guarantee .guarantee-data .guarantee-item .guarantee-box .guarantee-number div {
        font-size: 14px;
        line-height: 14px
    }

    #index .guarantee-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #index .guarantee-info .guarantee-left .guarantee-txt {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #index .guarantee-info .guarantee-right .guarantee-item {
        padding: 6vw
    }

    #index .guarantee-info .guarantee-right .guarantee-item .guarantee-item-title,
    #index .guarantee-info .guarantee-right .guarantee-item .guarantee-item-tel {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #index .news .news-wrap {
        max-width: 320px;
        padding: 40px 0;
        margin: 0 auto;
        text-align: center
    }

    #index .news .news-wrap .news-title {
        position: relative;
        line-height: 25.2px;
        padding: 10px 40px 10px 60px;
        font-size: 20px;
        color: #444;
        font-family: 微软雅黑, Arial, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 400;
        display: inline-block
    }

    #index .news .news-wrap .news-title::before {
        content: " ";
        top: calc(50% - 6px);
        left: 47px;
        width: 2px;
        margin-left: -2px;
        height: 12px;
        position: absolute;
        background-color: #000;
        -webkit-transition: background-color .15s ease, -webkit-transform .45s cubic-bezier(0.3, 0.4, 0.2, 1);
        transition: background-color .15s ease, -webkit-transform .45s cubic-bezier(0.3, 0.4, 0.2, 1);
        transition: transform .45s cubic-bezier(0.3, 0.4, 0.2, 1), background-color .15s ease;
        transition: transform .45s cubic-bezier(0.3, 0.4, 0.2, 1), background-color .15s ease, -webkit-transform .45s cubic-bezier(0.3, 0.4, 0.2, 1)
    }

    #index .news .news-wrap .news-title::after {
        content: " ";
        top: calc(50% - 1px);
        left: 40px;
        width: 12px;
        height: 2px;
        position: absolute;
        background-color: #000;
        -webkit-transition: background-color .15s ease;
        transition: background-color .15s ease
    }

    #index .news .news-wrap .news-title.showType::before {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    #index .news .news-wrap .news-type {
        display: none;
        margin-top: 20px
    }

    #index .news .news-wrap .news-type .news-item {
        margin: 10px 20px;
        display: inline-block
    }

    #index .news .news-content .news-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #index .news .news-content .news-box .news-item {
        width: 100%;
        padding-bottom: 75%
    }

    #index .news .news-content .news-box .news-item .news-info h3 {
        font-size: 17.6px;
        -webkit-transition: all .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
        transition: all .45s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
        line-height: 1.2em;
        max-width: 70%
    }

    #index .join-section {
        padding: 6vw;
        background: #191313 !important
    }

    #index .join-section .swiper .swiper-slide img {
        max-width: 95%;
        width: 95%
    }

    #article9 .banner .row,
    #article1 .banner .row {
        margin: 0
    }

    #article9 .banner .row .inner-row,
    #article1 .banner .row .inner-row {
        min-height: 5px
    }

    #article9 .banner .row .inner-row .category-txt,
    #article1 .banner .row .inner-row .category-txt {
        padding-top: 60px;
        overflow: hidden
    }

    #article9 .banner .row .inner-row .category-txt h2,
    #article1 .banner .row .inner-row .category-txt h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article9 .swiper-pagination .swiper-pagination-bullet,
    #article1 .swiper-pagination .swiper-pagination-bullet {
        display: inline-block;
        height: 6px;
        width: 6px;
        filter: alpha(opacity=25);
        opacity: .25;
        cursor: pointer;
        -webkit-transition: all .1s ease;
        transition: all .1s ease;
        list-style: none;
        position: relative;
        border-radius: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .5)
    }

    #article9 .swiper-pagination .swiper-pagination-bullet-active,
    #article1 .swiper-pagination .swiper-pagination-bullet-active {
        background: #fff
    }

    #article9 #strategy-consulting .info .category-title,
    #article9 #cmft-research .info .category-title,
    #article9 #human-genome-research .info .category-title,
    #article9 #research-innovative-tools .info .category-title,
    #article9 #green-ustainability-research .info .category-title,
    #article1 #strategy-consulting .info .category-title,
    #article1 #cmft-research .info .category-title,
    #article1 #human-genome-research .info .category-title,
    #article1 #research-innovative-tools .info .category-title,
    #article1 #green-ustainability-research .info .category-title {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article9 #strategy-consulting .info .desc img,
    #article9 #cmft-research .info .desc img,
    #article9 #human-genome-research .info .desc img,
    #article9 #research-innovative-tools .info .desc img,
    #article9 #green-ustainability-research .info .desc img,
    #article1 #strategy-consulting .info .desc img,
    #article1 #cmft-research .info .desc img,
    #article1 #human-genome-research .info .desc img,
    #article1 #research-innovative-tools .info .desc img,
    #article1 #green-ustainability-research .info .desc img {
        margin-bottom: 40px
    }

    #article9 #strategy-consulting .info .desc h3,
    #article9 #cmft-research .info .desc h3,
    #article9 #human-genome-research .info .desc h3,
    #article9 #research-innovative-tools .info .desc h3,
    #article9 #green-ustainability-research .info .desc h3,
    #article1 #strategy-consulting .info .desc h3,
    #article1 #cmft-research .info .desc h3,
    #article1 #human-genome-research .info .desc h3,
    #article1 #research-innovative-tools .info .desc h3,
    #article1 #green-ustainability-research .info .desc h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article9 #strategy-consulting .info,
    #article1 #strategy-consulting .info {
        overflow: hidden
    }

    #article9 #strategy-consulting .info .title .col-md-3,
    #article1 #strategy-consulting .info .title .col-md-3 {
        margin-bottom: 25px
    }

    #article9 #strategy-consulting .column-inner .column-text .title h2,
    #article1 #strategy-consulting .column-inner .column-text .title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article9 #strategy-consulting .column-inner .column-text .subtitle h4,
    #article1 #strategy-consulting .column-inner .column-text .subtitle h4 {
        font-size: 16.2px;
        line-height: 25.2px
    }

    #article9 #cmft-research .content .bg-img,
    #article1 #cmft-research .content .bg-img {
        min-height: 269px !important
    }

    #article9 #cmft-research .content .bg-txt,
    #article1 #cmft-research .content .bg-txt {
        min-height: initial !important
    }

    #article9 #cmft-research .content .bg-txt .item-txt,
    #article1 #cmft-research .content .bg-txt .item-txt {
        padding: 9vw
    }

    #article9 #cmft-research .content .bg-txt .item-txt div h2,
    #article1 #cmft-research .content .bg-txt .item-txt div h2 {
        font-size: 35.1px;
        line-height: 39px;
        color: #444;
        margin-bottom: 0;
        font-weight: 600
    }

    #article9 #cmft-research .content .bg-txt .item-txt div h3,
    #article1 #cmft-research .content .bg-txt .item-txt div h3 {
        font-family: 微软雅黑, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article9 #human-genome-research .item-txt,
    #article1 #human-genome-research .item-txt {
        padding: 60px 0
    }

    #article9 #human-genome-research #swiper3 .item-info,
    #article1 #human-genome-research #swiper3 .item-info {
        height: auto !important
    }

    #article9 #human-genome-research #swiper3 .item-info .item-txt,
    #article1 #human-genome-research #swiper3 .item-info .item-txt {
        padding-top: 0
    }

    #article9 #green-ustainability-research .content1 .item,
    #article1 #green-ustainability-research .content1 .item {
        margin-bottom: 25px
    }

    #article9 #green-ustainability-research .content1 .item .item-box,
    #article1 #green-ustainability-research .content1 .item .item-box {
        padding: 3vw
    }

    #article9 #green-ustainability-research .content1 .item:nth-last-of-type(1),
    #article1 #green-ustainability-research .content1 .item:nth-last-of-type(1) {
        margin-bottom: 0
    }

    #article9 #green-ustainability-research .category-subtitle h1,
    #article1 #green-ustainability-research .category-subtitle h1 {
        font-size: 35.1px;
        line-height: 39px
    }

    #article2 .banner .banner-box {
        padding: 14vw 0 10vw
    }

    #article2 .banner .banner-box .banner-txt .banner-title h2 {
        font-size: 25.5px;
        line-height: 31.5px;
        text-align: left
    }

    #article2 .banner .banner-box .banner-txt .banner-desc {
        text-align: left
    }

    #article2 .banner .banner-box .banner-txt .banner-desc div {
        padding: 0
    }

    #article2 .service .service-box .service-item {
        padding: 6vw
    }

    #article2 .service .service-box .service-item .service-txt h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article2 .service .service-box .service-item .service-txt .service-desc {
        padding-bottom: 50px
    }

    #article2 .project .bg-color {
        background: #191313
    }

    #article2 .project .project-box .project-txt {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article2 .project .project-box .project-txt .project-title {
        font-size: .8em;
        line-height: 1.9em
    }

    #article2 .project .project-data {
        width: 100%;
        margin: 0
    }

    #article2 .project .project-data .project-info {
        margin-bottom: 0
    }

    #article2 .project .project-data .project-info .project-datas .project-data-item {
        margin-bottom: calc(25px + 1.5em)
    }

    #article2 .project .project-data .project-info .project-datas .project-data-item .number {
        font-size: 42px;
        line-height: 42px
    }

    #article3 .banner .banner-txt {
        text-align: left
    }

    #article3 .banner .banner-txt .banner-title {
        margin-bottom: 20px
    }

    #article3 .banner .banner-txt .banner-title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article3 .banner .banner-txt .banner-title h2 span {
        display: block;
        margin-top: 8px
    }

    #article3 .banner .banner-txt .banner-desc {
        line-height: 28.2px
    }

    #article3 .isf-mode1 .tabs-nav {
        width: 100%
    }

    #article3 .isf-mode1 .tabs-nav li {
        padding: 7vw
    }

    #article3 .isf-mode1 .tabs-nav li .type {
        color: #9e6e4e;
        margin-bottom: 20px;
        overflow: hidden
    }

    #article3 .isf-mode1 .tabs-nav li .type i {
        padding: 20px;
        display: block;
        font-size: 48px;
        line-height: 48px;
        height: 48px;
        width: 48px;
        margin: auto;
        margin-bottom: 20px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center
    }

    #article3 .isf-mode1 .tabs-nav li .type span {
        font-size: 25.5px;
        line-height: 31.5px;
        font-family: 微软雅黑, Arial, sans-serif;
        text-transform: none;
        font-weight: 400;
        margin-bottom: 7px;
        display: block;
        text-align: center
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val {
        display: block
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val .tabs-nav-val-txt {
        color: #444;
        text-align: center;
        margin-bottom: 8px;
        padding-bottom: 60px
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val .tabs-nav-val-txt h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val .tabs-nav-val-fluid {
        text-align: center;
        padding: 0
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val .tabs-nav-val-fluid .fluid-item .fluid-item-inner i {
        font-size: 50px;
        line-height: 50px;
        height: 50px;
        width: auto;
        color: #9e6e4e;
        margin-bottom: 30px;
        display: inline-block
    }

    #article3 .isf-mode1 .tabs-nav li .tabs-nav-val .tabs-nav-val-fluid .fluid-item div {
        font-size: 20px;
        color: #7c7c7c;
        line-height: 1.4;
        text-align: center;
        padding-bottom: 30px
    }

    #article3 .isf-mode1 .tabs-nav li:nth-of-type(2n) {
        background: #f7f7f7
    }

    #article3 .artop-college .row-bg {
        background: #191313
    }

    #article3 .artop-college .row .instance-box .instance-img {
        margin-bottom: 25px
    }

    #article3 .artop-college .row .instance-box .instance-img img {
        margin-top: 6px;
        margin-bottom: 15px
    }

    #article3 .artop-college .row .instance-box .instance-txt h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article3 .artop-college .college-info .college-item {
        padding: 6vw
    }

    #article3 .artop-college .college-info .college-item h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article3 .artop-corps .row .txt h2,
    #article3 .artop-class .row .txt h2,
    #article3 .artop-maker .row .txt h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article3 .artop-corps .row .txt img {
        margin-top: 6px;
        margin-bottom: 15px
    }

    #article3 .artop-corps .row .corps-video-box .corps-video img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #article3 .artop-corps .row .corps-video-box .corps-data {
        margin-top: 1.5em
    }

    #article3 .artop-corps .row .corps-video-box .corps-data .corps-data-item {
        width: 50%;
        padding-bottom: 25px;
        margin-bottom: 1.5em
    }

    #article3 .artop-corps .row .corps-video-box .corps-data .corps-data-item .number {
        font-size: 42px;
        line-height: 42px
    }

    #article3 .artop-corps .row .corps-video-box .corps-data .corps-data-item .number .symbol {
        font-size: 14px
    }

    #article3 .artop-corps .row .corps-video-box .corps-data .corps-data-item:nth-last-of-type(1),
    #article3 .artop-corps .row .corps-video-box .corps-data .corps-data-item:nth-last-of-type(2) {
        margin-bottom: 0
    }

    #article3 .artop-corps .row .corps-content .corps-item {
        width: 100%;
        margin-right: 0
    }

    #article3 .artop-class {
        background: #191313
    }

    #article3 .artop-class .row .instance-box .instance-img {
        margin-bottom: 25px
    }

    #article3 .artop-class .row .instance-box .instance-img img {
        margin-top: 6px;
        margin-bottom: 15px
    }

    #article3 .artop-class .row .instance-box .subname {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article3 .artop-class .class-bg-box .class-bg-txt {
        margin-bottom: 0;
        padding-top: 1.5em
    }

    #article3 .artop-class .class-bg-box .class-bg-txt h1 {
        font-family: arial, helvetica, sans-serif;
        font-size: 30pt;
        line-height: 50px
    }

    #article3 .artop-maker .maker-box .maker-image .swiper-wrapper .swiper-slide img {
        height: 300px
    }

    #article3 .artop-school {
        background: #191313
    }

    #article3 .artop-school .artop-title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article3 .artop-school .artop-img .school-image .swiper-slide img {
        max-width: 100%;
        width: 100%
    }

    #article4 .dm .banner .banner-video video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #article4 .dm .banner .banner-txt .info .dmlogo {
        padding: 0 1%
    }

    #article4 .dm .banner .banner-txt .info .dmlogo .col-md-4 {
        padding: 0 17vw
    }

    #article4 .dm .banner .banner-txt .info .dmtxt h4 {
        font-size: 16.2px;
        line-height: 25.2px
    }

    #article4 .dm-info .item .box {
        padding: 6vw
    }

    #article4 .dm-info .item .box .mask {
        opacity: .7
    }

    #article4 .dm-info .item .box .info .icon {
        padding: 40% 14vw 0
    }

    #article4 .dm-info .item .box .info .icon img {
        max-width: 50%
    }

    #article4 .dm-info .item .box .info h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article4 .industry .row h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article4 .industry .box .item {
        min-height: 213px;
        padding: 9vw
    }

    #article4 .industry .box .item .title {
        font-size: 17.6px;
        line-height: 25.6px;
        font-weight: 600
    }

    #article4 .associations .title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article4 .associations .box {
        height: auto
    }

    #article4 .associations .box .item a {
        font-size: 14px;
        line-height: 25.2px;
        margin-bottom: 0
    }

    #article4 .associations .box .line {
        margin: 15px 0
    }

    #article4 .associations .logos .bgcolor {
        background: #191313
    }

    #article4 .artop-community .row h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article4 .artop-community .row h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article4 .artop-community .box .item {
        padding-bottom: 75%
    }

    #article4 .artop-community .box .item .mask {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
        opacity: 1
    }

    #article4 .artop-community .box .item .info h3 {
        font-size: 17.6px;
        width: 100%;
        font-family: 微软雅黑, Arial, sans-serif;
        text-transform: uppercase;
        font-weight: 400
    }

    #article5 .banner .banner-video .slider-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%
    }

    #article5 .banner .banner-txt .banner-box {
        margin: 34% 0
    }

    #article5 .artopgroup-about .row .about-header .about-header-box .item {
        margin-bottom: 15px
    }

    #article5 .artopgroup-about .row .about-header .about-header-box .item .about-logo {
        padding: 1vw;
        margin-bottom: 25px
    }

    #article5 .artopgroup-about .row .about-content .item .box {
        padding: 1vw
    }

    #article5 .artopgroup-about .row .about-content .item:nth-of-type(1) {
        margin-bottom: 25px
    }

    #article5 .artopgroup-culture {
        background: #191313
    }

    #article5 .artopgroup-culture .culture-title {
        margin-bottom: 25px
    }

    #article5 .artopgroup-culture .culture-title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article5 .artopgroup-culture .culture-content .box {
        padding: 0 6vw
    }

    #article5 .artopgroup-culture .culture-content .box .row {
        margin: 0
    }

    #article5 .artopgroup-culture .culture-content .box .row .item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }

    #article5 .artopgroup-culture .culture-content .box .row .item .card .content h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article5 .artopgroup-history {
        padding: 0 !important
    }

    #article5 .artopgroup-history .row {
        margin: 0
    }

    #article5 .artopgroup-history .row .box {
        padding: 0
    }

    #article5 .artopgroup-history .row .box .history-top {
        margin: 0
    }

    #article5 .artopgroup-history .row .box .history-top .history-item {
        padding: 0
    }

    #article5 .artopgroup-history .row .box h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article5 .artopgroup-history .row .box .histyoe-viewport .info h4 {
        font-size: 16.2px;
        line-height: 25.2px
    }

    #article5 .artopgroup-history .row .box .histyoe-viewport .swiper-pagination {
        bottom: -85px;
        text-align: left
    }

    #article5 .artopgroup-team .team-title {
        margin-bottom: 25px
    }

    #article5 .artopgroup-team .team-title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article5 .artopgroup-team .team-wrap {
        width: auto;
        margin: 0 12px
    }

    #article5 .artopgroup-team .team-wrap .team-item {
        width: 50%;
        padding-left: 7px
    }

    #article5 .artopgroup-team .team-wrap .team-item .mess {
        margin-top: 110px
    }

    #article5 .artopgroup-team .team-wrap .team-item .mess .name {
        margin-bottom: 0;
        font-size: 16px
    }

    #article5 .artopgroup-team .team-wrap .team-item .mess .job-mess p {
        font-size: 12px
    }

    #article5 .artopgroup-team .team-wrap .team-item .pic img {
        width: 100px;
        height: auto
    }

    #article5 .artopgroup-team .team-wrap .team-item .pic .block {
        left: -21vw
    }

    #article5 .team-pop .pop-box {
        width: auto;
        right: 12px;
        left: 12px;
        top: 48px;
        bottom: 48px;
        padding: 0px 28px 20px 28px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    #article5 .team-pop .pop-box .close {
        width: auto;
        height: 30px;
        right: 15px;
        top: 15px
    }

    #article5 .team-pop .pop-box .team-pic img {
        width: 210px;
        float: left
    }

    #article5 .team-pop .pop-box .mess-box {
        width: 100%;
        margin: 0;
        margin-top: 236px
    }

    #article5 .team-pop .pop-box .mess-box .t-box {
        height: auto;
        padding-bottom: 16px;
        margin-bottom: 16px
    }

    #article5 .team-pop .pop-box .mess-box .t-box .name {
        margin-top: 0;
        font-size: 24px;
        margin-bottom: 12px
    }

    #article5 .team-pop .pop-box .mess-box .t-box .ms {
        font-size: 14px;
        color: #5f6464;
        letter-spacing: 0;
        line-height: 25px;
        margin-bottom: 4px
    }

    #article5 .team-pop .pop-box .mess-box .desc {
        height: 150px;
        overflow-y: scroll
    }

    #article5 .artopgroup-honor .aside-bg {
        background: #191313
    }

    #article5 .artopgroup-honor .title h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article5 .artopgroup-honor .honor-box .honor-item {
        font-size: 0
    }

    #article5 .artopgroup-honor .honor-box .honor-item .honor-info {
        display: inline-block;
        vertical-align: middle
    }

    #article5 .artopgroup-honor .honor-box .honor-item .honor-info h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article5 .artopgroup-honor .honor-box .honor-item .honor-info:nth-child(2) {
        width: 80%
    }

    #article6 .banner .col-md-12 .banner-item .banner-info {
        padding: 3vw
    }

    #article6 .banner .col-md-12 .banner-item .banner-info h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article6 .map {
        position: relative
    }

    #article6 .map .num {
        position: absolute;
        width: 5px;
        height: 5px;
        z-index: 100;
        background-color: #9e6e4e;
        border-radius: 100px
    }

    #article6 .map .num::before {
        display: block;
        position: absolute;
        top: 50%;
        width: 10px;
        height: 10px;
        left: 50%;
        content: "";
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        border-radius: 50%;
        background-color: inherit;
        opacity: 1;
        z-index: 1;
        -webkit-animation: pulsate 3s cubic-bezier(0.2, 1, 0.2, 1) infinite;
        animation: pulsate 3s cubic-bezier(0.2, 1, 0.2, 1) infinite;
        background-color: #9e6e4e;
        margin: -5px auto auto -5px !important
    }

    #article6 .branch-tabs {
        margin-bottom: 35px;
        text-align: left;
        float: left;
        font-size: 0;
        border-bottom: none
    }

    #article6 .branch-tabs li {
        display: inline-block;
        font-size: 12px;
        margin: 5px;
        float: none;
        text-align: center
    }

    #article6 .branch-tabs li a {
        padding: 8px 15px;
        width: 106px;
        color: #888;
        background-color: rgba(0, 0, 0, .045)
    }

    #article6 .branch-tabs li a.active {
        background: #9e6e4e;
        color: #fff
    }

    #article6 .branch-tabs li a.active::after {
        content: none
    }

    #article6 .branch-item .branch-box .branch-info {
        margin-bottom: 25px
    }

    #article6 .branch-item .branch-box .branch-info .branch-aside {
        padding-right: 3vw
    }

    #article6 .join .join-info h2 {
        font-size: 25.5px;
        line-height: 31.5px
    }

    #article7 .header .category-title {
        background: #191313
    }

    #article7 .header .category-title h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article7 .header .search_jobs .search_submit {
        width: 100%
    }

    #article7 .header .search_jobs .search_submit input {
        margin: 0;
        padding: 16px;
        font-size: 16px
    }

    #article7 .container_custom {
        max-width: none
    }

    #article7 .job_list .jon_item a {
        padding: 1em
    }

    #article7 .job_list .jon_item a img {
        display: none
    }

    #article7 .job_list .jon_item a .position {
        padding-left: 0
    }

    #article7 .job_list .jon_item a .location {
        float: right;
        line-height: 21px;
        padding-right: 0;
        width: auto;
        font-size: 12px
    }

    #article7 .job_list .jon_item a .meta {
        width: auto;
        line-height: 21px;
        font-size: 12px
    }

    #article8 .job .title h1 {
        font-size: 35.1px;
        line-height: 39px
    }

    #article8 .left-aside {
        width: 100%;
        margin-right: 0
    }

    #article8 .right-aside {
        width: 100%
    }

    #article9 .wrap-txt {
        background: #1e1e1e
    }

    #article9 .wrap-txt .wrap-item {
        width: 255px;
        padding: 20px 60px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        border-bottom: 1px solid #333
    }

    #article9 .wrap-txt .wrap-item .wrap-title {
        line-height: 1;
        font-size: 22px;
        color: #cdb994;
        margin-bottom: 14px;
        font-weight: bold
    }

    #article9 .wrap-txt .wrap-item .wrap-desc {
        line-height: 24px;
        font-size: 14px;
        color: #e0e0e0
    }

    #article9 .wrap-txt .wrap-item:nth-of-type(3) {
        border-bottom: none
    }

    #article-search .banner {
        height: auto;
        padding: 10% 0
    }

    #article-search .banner .info-keyword {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow: hidden
    }

    #article-search .banner .info-keyword h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px
    }

    #article-search .section {
        padding: 14% 0 !important
    }

    #article-search .section .none {
        padding: 0;
        margin-bottom: 25px
    }

    #article-search .section .none h3 {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article-list .box .left-aside {
        padding-right: 3vw
    }

    #article-list .box .left-aside .news-item {
        width: 100%;
        margin-right: 0
    }

    #article-list .box .left-aside .news-item .title span {
        font-size: 12px
    }

    #article-article .title h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px
    }

    #article-article .title a {
        display: inline-block
    }

    #article-article .left-aside {
        width: 100%;
        margin-right: 0
    }

    #article-article .right-aside {
        width: 100%
    }

    #article-article .commend {
        padding-top: 60px
    }

    #article-article .commend .commend-title {
        font-size: 17.6px;
        line-height: 25.6px
    }

    #article-article .commend .commend-box .commend-item {
        width: 100%;
        margin-right: 0;
        -webkit-box-shadow: 0px 30px 90px rgba(0, 0, 0, .14);
        box-shadow: 0px 30px 90px rgba(0, 0, 0, .14)
    }

    #article-article .commend .commend-box .commend-item .artivle-image {
        display: inline
    }

    #article-article .commend .commend-box .commend-item .artivle-image img {
        max-width: none;
        height: auto;
        width: 100%
    }

    #article-article .commend .commend-box .commend-item .article-title {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 28px
    }

    #article-news .banner {
        height: auto;
        padding: 10% 0
    }

    #article-news .banner .txt div {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    #article-news .banner .txt div span {
        font-size: 15px
    }

    #article-news .banner .txt div h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 4px
    }

    #article-news .left-aside {
        width: 100%;
        margin-right: 0
    }

    #article-news .right-aside {
        width: 100%
    }

    #article-news .box .news-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #article-news .box .news-item .news-item-img {
        width: 100%;
        height: 200px
    }

    #article-news .box .news-item .news-item-info {
        width: 100%;
        padding: 35px 25px 55px 25px
    }

    #article-news .box .news-item .news-item-info .title h3 {
        font-size: 18px;
        line-height: initial
    }
}

@-webkit-keyframes pulsate {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}

@keyframes pulsate {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3)
    }
}