@media screen and (max-width: 768px) {
    .color-red {
        color: #ff0014
    }

    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
        display: block
    }

    audio, canvas, progress, video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden], template {
        display: none
    }

    a {
        background-color: transparent
    }

    a:active, a:hover {
        outline: 0
    }

    abbr[title] {
        border-bottom: 1px dotted
    }

    b, strong {
        font-weight: 700
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code, kbd, pre, samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button, input, optgroup, select, textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button, select {
        text-transform: none
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: 700
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td, th {
        padding: 0
    }

    html {
        *overflow-x: hidden
    }

    body {
        font-family: "Microsoft Yahei", STHeiti, "微软雅黑", "黑体", Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 120%
    }

    a {
        color: #777;
        text-decoration: none
    }

    a:active, a:hover {
        color: #333
    }

    .fl {
        float: left
    }

    .fr {
        float: right !important
    }

    .indent {
        text-indent: 2em
    }

    .text-left {
        text-align: left
    }

    .text-center {
        text-align: center
    }

    .text-right {
        text-align: right
    }

    .text-justify {
        text-align: justify
    }

    .text-nowrap {
        white-space: nowrap
    }

    .text-lowercase {
        text-transform: lowercase
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .text-capitalize {
        text-transform: capitalize
    }

    .loading span {
        display: block;
        text-align: center;
        color: #999
    }

    .clearfix {
        *zoom: 1}

    .clearfix:after, .clearfix:before {
        content: " ";
        display: table
    }

    .clearfix:after {
        clear: both
    }

    .clear {
        clear: both;
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        overflow: hidden
    }

    .hide {
        display: none
    }

    .inline {
        display: inline !important
    }

    .block {
        display: block !important
    }

    .pull-block {
        display: block;
        width: 100%
    }

    dd, dl, dt, li, ol, ul {
        list-style: none;
        line-height: 1.6;
        margin: 0;
        padding: 0
    }

    h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        padding: 0
    }

    @font-face {
        font-family: TrajanPro;
        src: url(../fonts/TrajanPro.eot);
        src: url(../fonts/TrajanPro.eot) format("embedded-opentype"), url(../fonts/TrajanPro.woff2) format("woff2"), url(../fonts/TrajanPro.woff) format("woff"), url(../fonts/TrajanPro.ttf) format("truetype"), url(../fonts/TrajanPro.svg#TrajanPro) format("svg")
    }

    .en {
        font-family: TrajanPro;
        font-weight: 400;
        -webkit-font-smoothing: antialiased
    }

    body {
        background-color: #f8f8f8
    }

    * {
        box-sizing: border-box
    }

    a, button, input {
        outline: 0
    }

    @font-face {
        font-family: iconfont;
        src: url(../fonts/iconfont.eot);
        src: url(../fonts/iconfont.eot?#iefix) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg#iconfont) format("svg")
    }

    .iconfont {
        font-family: iconfont !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .icon-fuwuzhongxin:before {
        content: "\e600"
    }

    .icon-guomeijujiao:before {
        content: "\e601"
    }

    .icon-guomeirixin:before {
        content: "\e602"
    }

    .icon-guomeiyingwen:before {
        content: "\e603"
    }

    .icon-jiaoxuekeyan:before {
        content: "\e604"
    }

    .icon-shiziduiwu:before {
        content: "\e605"
    }

    .icon-shijueguomei:before {
        content: "\e606"
    }

    .icon-xueyuanjieshao:before {
        content: "\e607"
    }

    .icon-youxiangxitong:before {
        content: "\e608"
    }

    .icon-yuanchangjiangtan:before {
        content: "\e609"
    }

    .icon-zhaoshengxinxi:before {
        content: "\e60a"
    }

    .icon-zonghezixun:before {
        content: "\e60b"
    }

    .icon-xueshuyugao:before {
        content: "\e60c"
    }

    .icon-tongzhigonggao:before {
        content: "\e60d"
    }

    .icon-bodaofengcai:before {
        content: "\e60e"
    }

    .icon-lingjunrencai:before {
        content: "\e60f"
    }

    .icon-shizigaikuang:before {
        content: "\e610"
    }

    .icon-tongzhigonggao1:before {
        content: "\e611"
    }

    .icon-xinwenzhongxin:before {
        content: "\e612"
    }

    .icon-xuekedaitouren:before {
        content: "\e613"
    }

    .icon-xueshugugan:before {
        content: "\e614"
    }

    .icon-xueyuanlingdao:before {
        content: "\e615"
    }

    .icon-zaizhijiaoshou:before {
        content: "\e616"
    }

    .icons-fuwuzhongxin, .icons-guomeijujiao, .icons-guomeirixin, .icons-guomeiyingwen, .icons-jiaoxuekeyan, .icons-shijueguomei, .icons-shiziduiwu, .icons-tongzhigonggao, .icons-xueshuyugao, .icons-xueyuanjieshao, .icons-youxiangxitong, .icons-yuanchangjiangtan, .icons-zhaoshengxinxi, .icons-zonghezixun {
        width: 150px;
        height: 100px;
        display: block;
        float: left;
        background: url(../images-app/icons.svg) no-repeat
    }

    .icons-fuwuzhongxin {
        background-position: -605px -605px
    }

    .icons-guomeijujiao {
        background-position: -935px -605px
    }

    .icons-guomeirixin {
        background-position: -935px -380px
    }

    .icons-guomeiyingwen {
        background-position: 40px -190px
    }

    .icons-jiaoxuekeyan {
        background-position: -280px -180px
    }

    .icons-shiziduiwu {
        background-position: -280px -380px
    }

    .icons-shijueguomei {
        background-position: -280px -605px
    }

    .icons-xueyuanjieshao {
        background-position: -600px -180px
    }

    .icons-youxiangxitong {
        background-position: -610px -385px
    }

    .icons-yuanchangjiangtan {
        background-position: -935px -180px
    }

    .icons-zhaoshengxinxi {
        background-position: 40px -380px
    }

    .icons-zonghezixun {
        background-position: 40px -605px
    }

    .btn-open-app {
        width: 100%;
        height: 80px;
        border: none;
        background: #fff;
        font-size: 19px;
        color: #777;
        margin-bottom: 40px
    }

    .btn-open-app .arrow {
        width: 25px;
        margin: 10px auto;
        height: 15px;
        display: block;
        background: url(../images-app/arrow.png) center top no-repeat
    }

    .btn-open-app .color-red {
        display: none
    }

    .more-app-item {
        position: fixed;
        left: 0;
        width: 100%;
        height: 800px;
        bottom: -720px;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        z-index: 9999
    }

    .more-app-item ul {
        padding: 15px
    }

    .more-app-item li {
        float: left;
        width: 150px;
        height: 170px;
        text-align: center;
        margin: 0 14px 30px;
        border-bottom: 1px solid #dfdfdf
    }

    .more-app-item li a .iconfont {
        font-size: 23px
    }

    .more-app-item.active {
        bottom: -40px !important
    }

    .more-app-item.active .btn-open-app .arrow {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }

    .more-app-item.active .name {
        display: none
    }

    .more-app-item.active .color-red {
        display: block
    }

    .logo {
        padding: 26px 0 0
    }

    .logo a {
        width: 260px;
        height: 46px;
        display: block;
        margin: 0 auto;
        background: url(../images-app/icons.svg) center top no-repeat
    }

    .btn-menu {
        width: 100px;
        height: 100px;
        display: block
    }

    .btn-menu span {
        width: 36px;
        height: 5px;
        display: inline-block;
        margin-bottom: 8px;
        background-color: #ff0014
    }

    .app-header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 100px;
        background: #fff;
        z-index: 9999
    }

    .app-menu {
        background: rgba(0, 0, 0, 0.75);
        width: 100%;
        position: absolute;
        top: 100px;
        z-index: 999;
        padding: 40px;
        opacity: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: opacity 0.5s ease;
        -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
        -o-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease
    }

    .app-menu li {
        float: left;
        width: 25%;
        text-align: center;
        line-height: 55px
    }

    .app-menu a {
        font-size: 24px;
        color: #fff;
        display: block;
        position: relative;
        z-index: 1
    }

    .app-menu a:before {
        content: "";
        width: 6px;
        height: 6px;
        background: #958d88;
        display: block;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -3px
    }

    .app-menu li:nth-child(1) a:before, .app-menu li:nth-child(5) a:before, .app-menu li:nth-child(9) a:before {
        display: none
    }

    .app-menu.active {
        opacity: 1;
        height: auto
    }

    .app-banner {
        width: 750px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0
    }

    .app-wrap {
        width: 750px;
        margin: 0 auto;
        padding: 30px
    }

    .swiper-container-horizontal {
        overflow: visible;
        margin-bottom: 40px;
        height: 330px
    }

    .swiper-container-horizontal .swiper-pagination {
        padding: 0;
        bottom: -30px
    }

    .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet {
        height: 10px;
        width: 10px;
        background-color: #bfbfbf;
        opacity: 1
    }

    .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #ff0014
    }

    .app-title {
        font-size: 26px;
        color: #333;
        margin-bottom: 50px;
        text-align: center;
        height: 1px;
        border-top: 1px solid #bfbfbf
    }

    .app-title .iconfont {
        font-size: 26px;
        color: #333;
        position: relative;
        top: -8px;
        background-color: #f8f8f8;
        padding: 0 20px
    }

    .app-title .en {
        color: #333;
        position: relative;
        top: -8px;
        background-color: #f8f8f8;
        padding: 0 20px
    }

    .wh-date {
        width: 216px;
        height: auto;
        position: relative
    }
        .wh-date p{white-space: pre-wrap;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
line-clamp: 2;
-webkit-box-orient: vertical;} 
    .wh-date div {
        width: 185px;
        height: 55px;
        position: absolute;
        left: 17px;
        top: 26px;
        font-family: "Times New Roman", Georgia, Serif;
        font-size: 27px;
        line-height: 55px;
        padding-left: 90px;
        background: url(../images-app/whdate.png) no-repeat;
        color: #000;
        text-align: center
    }

    .wh-date img {
        width: 216px;
       object-fit: cover;
    }

    .news-album {
        padding: 24px 0 0;
        overflow: hidden;
        margin: 0 -10px 40px
    }

    .news-album li {
        width: 216px;
        height: 295px;
        overflow: hidden;
        float: left;
        margin: 10px
    }

    .news-list {
        padding: 0
    }

    .news-list li {
        line-height: 60px;
        font-size: 22px
    }

    .news-list li a {
        color: #777
    }

    .app-tabs {
        height: 59px;
        line-height: 59px;
        border-bottom: 1px solid #bfbfbf
    }

    .app-tabs a {
        width: 25%;
        height: 60px;
        float: left;
        display: block;
        font-size: 26px;
        text-align: center
    }

    .app-tabs a.active {
        background-color: #f8f8f8;
        border-top: 1px solid #bfbfbf;
        border-left: 1px solid #bfbfbf;
        border-right: 1px solid #bfbfbf
    }

    .app-tabs a:nth-child(1) {
        border-left: none
    }

    .app-tabs a:last-child {
        border-right: none
    }

    .text-tabs {
        width: 750px;
        height: 94px;
        margin: 0 auto 20px;
        padding: 0 38px;
        border-bottom: 3px solid #d9d9d9;
        background-color: #fff;
        display: table
    }

    .text-tabs a {
        height: 95px;
        font-size: 23px;
        width: 20%;
        line-height: 94px;
        text-align: center;
        display: inline-block;
        display: table-cell
    }

    .text-tabs a.active {
        border-bottom: 3px solid #ff0014
    }

    .read-content h2, .read-content h3 {
        line-height: 50px;
        border-bottom: 1px solid #dfdfdf;
        font-size: 23px;
        margin-bottom: 20px
    }

    .read-content p {
        line-height: 50px;
        font-size: 23px;
        color: #777
    }

    .read-content .news-list {
        padding-top: 20px
    }

    .read-content .news-list li {
        line-height: 42px;
        border-bottom: 1px solid #dfdfdf;
        padding: 0 0 10px;
        margin-bottom: 20px
    }

    .read-content .news-list li a {
        font-size: 23px
    }

    .read-content .news-list li .date {
        display: block;
        color: #999
    }

    .read-content .news-list li:last-child {
        border: none
    }

    .js-list {
        overflow: hidden
    }

    .js-list a {
        display: block;
        float: left;
        width: 49.3333%;
        font-size: 22px;
        color: #999;
        line-height: 50px;
        text-indent: 20px
    }

    .yx-icons {
        overflow: hidden;
        padding: 60px 0
    }

    .yx-icons a {
        width: 50%;
        float: left;
        text-align: center;
        display: block
    }

    .yx-icons a span {
        display: block;
        float: none;
        margin: 0 auto;
        color: #000;
        font-size: 23px;
        opacity: 0.5
    }

    .yz-list {
        margin-top: -1px;
        overflow: hidden
    }

    .yz-list li {
        width: 50%;
        float: left;
        background: #f7f7f7;
        line-height: 23px
    }

    .yz-list li a {
        width: 100%;
        height: 100%;
        display: block
    }

    .yz-list li a img {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

    .yz-list li .avatar {
        width: 262px;
        height: 302px;
        margin: 0 auto
    }

    .yz-list li .detail {
        width: 262px;
        margin: 0 auto
    }

    .yz-list li .detail h5 {
        font-size: 18px;
        padding: 15px 0;
        border-bottom: 1px solid #dfdfdf;
        color: #777
    }

    .yz-list li .detail .name {
        font-size: 23px;
        color: #777;
        padding: 15px 0
    }

    .yz-list li h4 {
        padding: 22px 22px 6px;
        color: #222;
        font-size: 15px
    }

    .yz-list li .title {
        margin: 0 22px 10px;
        padding: 6px 0;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9
    }

    .yz-list li .info {
        margin: 0 22px
    }

    .yz-list li a:hover {
        background-color: #aa916d;
        color: #d4c9ba
    }

    .yz-list li a:hover h4 {
        color: #fff
    }

    .yz-list li a:hover .title {
        border-color: #cebfaa
    }

    .yz-list li a:hover img {
        opacity: 0;
        filter: alpha(opacity=0);
        filter: alpha(Opacity=0)
    }

    .footer {
        font-size: 19px;
        color: #777;
        text-align: center;
        padding: 20px 0;
        margin-bottom: 120px;
        border-top: 1px solid #dfdfdf
    }

    .current-page {
        width: 100%;
        text-align: center
    }

    .current-page .current-container {
        display: inline-block
    }

    .current-page .current-container li {
        margin-right: 15px;
        float: left
    }

    .current-page .current-container li a {
        padding: 2px 10px;
        border: 1px solid #aaa;
        border-radius: 4px;
        font-size: 14px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .current-page .current-container li a .iconfont {
        font-size: 14px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .current-page .current-container .li-active a {
        background: #f11629;
        border: 1px solid transparent;
        color: #fff
    }
}