.trans-scale .i {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.trans-liro {
    position: relative;
    overflow: hidden
}

.trans-liro::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.3);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

@-webkit-keyframes animat-shake {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25%,75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@keyframes animat-shake {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25%,75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes animat-round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes animat-round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes animat-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes animat-reverse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@media screen and (min-width: 769px) {
    .trans-scale:hover .i {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .trans-liro:hover::before {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    .animat-shake:hover {
        -webkit-animation: animat-shake .5s;
        animation: animat-shake .5s
    }

    .animat-round::before {
        -webkit-animation: animat-round 5s linear infinite;
        animation: animat-round 5s linear infinite
    }

    .animat-steps::before {
        -webkit-animation: animat-round 2s steps(12, end) infinite;
        animation: animat-round 2s steps(12, end) infinite
    }
}

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

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

@font-face {
    font-family: syst;
    src: url("../font/SourceSerif4Display-Bold.otf") format("opentype")
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body,div,span,p,a,table,tr,th,td,img,iframe,form,input,button,select,textarea {
    margin: 0;
    padding: 0
}

body {
    margin: auto;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    opacity: 0
}

input,button,textarea,select {
    outline: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit
}

input,textarea,select {
    min-height: 1.5em
}

input,select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    overflow: auto;
    resize: none
}

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

img {
    border: 0;
    outline: 0;
    vertical-align: middle
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

:focus {
    outline: 0
}

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

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

input[type=date] {
    background-color: transparent;
    border: 0;
    filter: 'alpha(opacity=0)'
}

input:focus,textarea:focus {
    color: inherit
}

input::-ms-clear,::-ms-reveal {
    display: none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #909090;
    opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #909090;
    opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #909090;
    opacity: 1
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #909090;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #909090;
    opacity: 1
}

.placeholder {
    color: #909090
}

.init-screen {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-delay: .01s;
    transition-delay: .01s
}

.lock-screen {
    overflow: hidden
}

.xfont,.xicon {
    position: relative;
    -webkit-transition-property: color, background;
    transition-property: color, background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.xfont::before,.xicon::before {
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.xicon {
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0 7px;
}

.xicon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-left::before {
    content: '\e504'
}

.icon-right::before {
    content: '\e505'
}

.icon-up::before {
    content: '\e506'
}

.icon-down::before {
    content: '\e507'
}

.icon-search::before {
    content: '\e510'
}

.icon-close::before {
    content: '\e508'
}

.icon-menu::before {
    content: '\e511'
}

.icon-load {
    -webkit-animation: animat-round 2s steps(12, end) infinite;
    animation: animat-round 2s steps(12, end) infinite
}

.icon-load::before {
    content: '\e512'
}

.icon-media-start::before {
    content: '\e520'
}

.icon-media-play::before {
    content: '\e521'
}

.icon-media-pause::before {
    content: '\e522'
}

.icon-media-buffer {
    -webkit-animation: animat-round 5s linear infinite;
    animation: animat-round 5s linear infinite
}

.icon-media-buffer::before {
    content: '\e513'
}

.icon-media-prev::before {
    content: '\e523'
}

.icon-media-next::before {
    content: '\e524'
}

.icon-media-volume::before {
    content: '\e52c'
}

.icon-media-muted::before {
    content: '\e52d'
}

.clear::after,.nav-box::after,.tools-mod::after,.paging-box::after,.slick-track::after,.share-box::after {
    content: '';
    display: table;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.pos-fix {
    position: fixed !important;
    left: 0;
    top: 0
}

.pos-abs {
    position: absolute !important;
    left: 0;
    top: 0
}

.mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tac {
    text-align: center
}

.des {
    line-height: 1.8
}

body:not(.lang-en) .des {
    text-align: justify;
    text-justify: inter-ideograph
}

[data-object-fit="cover"],[object-fit="cover"] {
    -o-object-fit: cover;
    object-fit: cover
}

[data-object-fit="contain"],[object-fit="contain"] {
    -o-object-fit: contain;
    object-fit: contain
}

[data-object-fit="scale-down"],[object-fit="scale-down"] {
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.x-layout {
    position: relative;
    margin: auto;
    width: 100%;
    min-width: 1250px;
    overflow: hidden
}

.x-header,.x-footer,.x-container {
    position: relative;
    width: 100%;
    z-index: 1
}

.x-wrap {
    position: relative;
    margin: auto;
    width: 1230px;
    height: 100%
}

.x-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.x-visible {
    opacity: 1;
    visibility: visible
}

.x-table {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse
}

.x-cell,.x-nano {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.x-cell {
    padding: 0 1em;
    width: 100%
}

.x-nano {
    width: 1%
}

.title {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .title {
        font-size:26px
    }
}

.title_en {
    font-size: 80px;
    line-height: 1.2;
    color: #333;
    font-family: syst;
    font-weight: bold;
    letter-spacing: 2px;
    opacity: 0.2
}

@media screen and (max-width: 768px) {
    .title_en {
        font-size:34px
    }
}

a.a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0);
    opacity: 0
}

.title_ch {
    font-size: 50px;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .title_ch {
        font-size:30px
    }
}

.more {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    position: relative;
    left: 0
}

.more .icon {
    display: block;
    width: 20px;
    height: 16px;
    background: url(../image/rj/more.png);
    margin-left: 9px;
    left: 0;
    position: relative;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.more_w {
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    position: relative;
    left: 0
}

.more_w .icon {
    display: block;
    width: 20px;
    height: 16px;
    background: url(../image/rj/more-w.png);
    margin-left: 9px;
    left: 0;
    position: relative;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.more_r {
    position: relative;
    left: 0;
    padding-left: 0;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    width: 108px;
    height: 57px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #5b170f;
    color: #fff
}

.more_r .icon {
    display: block;
    width: 20px;
    height: 16px;
    background: url(../image/rj/more-w.png);
    margin-left: 9px;
    left: 0;
    position: relative;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.cread_w {
    background: #5b170f
}

.cread_w .hd {
    position: relative;
    top: 0
}

.cread_w .x-wrap {
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 70px
}

.cread_w .x-wrap:after {
    content: '';
    min-height: inherit;
    font-size: 0;
    display: block
}

.cread_w .x-wrap .bread-mod {
    font-size: 0
}

.cread_w .x-wrap .bread-mod .bread-item {
    display: inline-block;
    font-size: 14px
}

.cread_w .x-wrap .bread-mod .bread-item+.bread-item:before {
    content: '';
    margin-left: 4px;
    width: 14px;
    height: 11px;
    font-family: Arial;
    color: #fff;
    margin-right: 3px;
    display: inline-block;
    padding: 0;
    background: url(../image/syb/icon_jt.png) no-repeat
}

.cread_w .x-wrap .bread-mod .bread-item.cur {
    color: #fff
}

.cread_w .x-wrap .bread-mod a:hover {
    color: coral
}

.cread_w .x-wrap .list {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cread_w .x-wrap .list a {
    display: block;
    font-size: 16px;
    color: #fff
}

.cread_w .x-wrap .list a+a {
    margin-left: 32px
}

.x-wz {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media screen and (min-width: 769px) {
    *.m-show {
        display:none
    }

    .lock-screen {
        margin-right: 17px
    }

    .lock-screen.full-screen {
        margin-right: 0
    }

    .more:hover {
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        padding-left: 10px
    }

    .more_w:hover {
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        padding-left: 10px
    }

    .more_r:hover {
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        padding-left: 10px
    }

    .cread_w .x-wrap .bread-mod .bread-item {
        max-width: 300px;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .cread_w .x-wrap .bread-mod .bread-item:hover {
        max-width: inherit
    }
}

@media screen and (max-width: 768px) {
    .x-wz {
        position:absolute;
        top: -70px
    }

    body {
        -webkit-overflow-scrolling: touch
    }

    .lock-screen {
        right: 0
    }

    .lock-screen .x-container .vd-adr {
        display: none !important
    }

    .menu-screen {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .x-layout {
        min-width: 320px
    }

    .x-wrap {
        padding: 0 15px;
        width: 100%
    }

    .cread_w .bread-mod {
        width: 100%
    }

    .cread_w {
        padding: 15px 0
    }

    .cread_w .x-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: auto
    }

    .cread_w .x-wrap .list {
        width: 100%;
        margin-top: 8px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: none
    }

    .cread_w .x-wrap .list a {
        margin-right: 15px
    }

    .more_r {
        width: 90px;
        height: 46px
    }

    .cread_w .x-wrap .list a+a {
        margin-left: 0;
        margin-right: 12px
    }
}

.x-header.pos {
    position: absolute;
    top: 0;
    left: 0
}

.x-header.pos1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

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

.x-header .logo {
    position: relative;
    overflow: hidden;
    width: 234px;
    z-index: 2
}

.x-header .logo::before {
    content: '';
    display: block;
    padding-top: 35.47009%
}

.x-header .logo .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.x-header .nav-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.x-header .nav-mod {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.x-header .nav-lv1-item {
    margin-right: 43px
}

.x-header .nav-lv1-item:last-child {
    margin-right: 0
}

.x-header .nav-box {
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .x-header .nav-box {
        font-size:16px
    }
}

.x-header .nav-s {
    position: relative
}

.x-header .nav-s+.nav-s {
    margin-left: 30px
}

.x-header .nav-mod .nav-lv1-item.cur .nav-lv1-link {
    color: #700a0a
}

.x-header .nav-s+.nav-s::after {
    content: "";
    width: 1px;
    height: 9px;
    background: #83857F;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -15px
}

.x-header .en {
    width: 25px;
    height: 25px;
    background-color: #8D0A0A;
    color: #fff;
    border-radius: 50%;
    margin-left: 22px;
    margin-right: 2px;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase
}

.x-header .top {
    height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 12px
}

@media screen and (min-width: 769px) {
    .x-header {
        border-bottom:1px solid #eee
    }

    .x-header .logo {
        position: absolute;
        top: 50%;
        width: 234px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header .menu-mod {
        position: absolute;
        z-index: 1;
        height: 100%;
        left: 0
    }

    .x-header .bot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 58px;
        position: relative
    }

    .x-header .tools-mod {
        margin-left: 26px;
        margin-top: 8px
    }

    .x-header .tools-mod .lang {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 25px;
        height: 25px;
        background-color: #8D0A0A;
        color: #fff;
        border-radius: 50%;
        font-size: 14px;
        line-height: 23px
    }

    .x-header .tools-mod .xicon:hover {
        color: #5b170f
    }

    .x-header .nav-mod .nav-lv1-tit {
        height: 64px;
        line-height: 50px
    }

    .x-header .nav-mod .nav-tit .arr {
        display: none
    }

    .x-header .nav-mod .nav-link {
        display: block;
        white-space: nowrap;
        -webkit-transition-property: color, background;
        transition-property: color, background;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }

    .x-header .nav-mod .nav-lv {
        position: absolute;
        min-width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        right: 0;
        top: 61px;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        z-index: 2
    }

    .x-header .nav-mod .nav-grp {
        height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .x-header .nav-mod .nav-grp a {
        color: #fff;
        font-size: 16px
    }

    .x-header .nav-mod .nav-lv1-item {
        float: left
    }

    .x-header .nav-mod .nav-lv1-item.cur .nav-lv1-link {
        color: #700a0a
    }

    .x-header .nav-mod .nav-lv2-tit {
        text-align: center
    }

    .x-header .nav-mod .nav-lv2-item+.nav-lv2-item {
        margin-left: 32px
    }

    .x-header .nav-mod .nav-lv3 {
        left: 100%;
        top: 0
    }

    .x-header .nav-mod .nav-lv3-item {
        position: relative;
        float: left
    }

    .x-header .nav-mod .nav-lv3-item+.nav-lv3-item {
        margin-top: 8px
    }

    .x-header .nav-mod .nav-lv1-item:hover .nav-lv1-link {
        color: #700a0a;
        border-bottom: 2px solid #700a0a
    }

    .x-header .nav-mod .nav-lv1-item:hover .nav-lv {
        opacity: 1;
        visibility: visible
    }

    .x-header.hz-nav .nav-grp {
        position: relative;
        padding: 20px 0;
        text-align: center
    }

    .x-header.hz-nav .nav-grp::before {
        content: '\e72e';
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: -11px;
        font-size: 30px;
        line-height: 1;
        color: #000;
        font-family: "xfont" !important;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-header.hz-nav .nav-lv2 {
        background-color: #000;
        color: #fff
    }

    .x-header.hz-nav .nav-lv2-item {
        display: inline-block;
        vertical-align: top
    }

    .x-header.hz-nav .nav-lv2-item+.nav-lv2-item {
        margin-top: 0
    }

    .x-header.pos .nav-lv2::after {
        width: 100vw;
        height: 70px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "";
        display: block;
        bottom: 0;
        z-index: -1;
        background-color: #909090;
        opacity: 0.5
    }

    .x-header.pos1 .nav-lv2::after,.pos .nav-lv2::after {
        width: 100vw;
        height: 70px;
        background-color: #5b170f;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "";
        display: block;
        bottom: 0;
        z-index: -1;
        opacity: 1
    }
}

@media (min-width: 769px) and (max-width: 1250px) {
    .x-header.pos1 {
        position:static
    }

    .x-header {
        position: static;
        width: 1250px
    }

    .x-header .nav-lv2::after,.x-header.pos1 .nav-lv2::after {
        width: 1250px;
        height: 70px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        content: "";
        display: block;
        display: none;
        bottom: 0;
        opacity: 0.7
    }

    .x-header.pos .nav-lv2::after {
        display: block;
        background-color: #909090
    }
}

@media screen and (max-width: 768px) {
    .x-header.pos {
        height:107.11px
    }

    .x-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #ccc;
        background: #fff;
        height: 107.11px
    }

    .x-header .x-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background: #fff;
        position: relative
    }

    .x-header .x-wrap::before {
        content: "";
        display: block;
        background: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1
    }

    .x-header .top {
        padding-top: 0;
        height: 50px;
        z-index: 2;
        position: relative;
        background-color: #fff
    }

    .x-header .menu-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding: 0 0 10px;
        min-height: 50px;
        background-color: #fff;
        z-index: 1
    }

    .x-header .nav-box {
        margin-top: 15px
    }

    .x-header .logo {
        width: 130px
    }

    .x-header .logo+* {
        margin-left: auto
    }

    .x-header .menu-btn {
        position: relative;
        width: 40px;
        overflow: hidden
    }

    .x-header .menu-btn::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .x-header .menu-btn .line {
        width: 60%;
        height: 2px;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .x-header .menu-btn .line,.x-header .menu-btn .line::before,.x-header .menu-btn .line::after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #333;
        border-radius: 1px
    }

    .x-header .menu-btn .line::before,.x-header .menu-btn .line::after {
        content: '';
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .x-header .menu-btn .line::before {
        -webkit-transform: translateY(-400%);
        -ms-transform: translateY(-400%);
        transform: translateY(-400%)
    }

    .x-header .menu-btn .line::after {
        -webkit-transform: translateY(400%);
        -ms-transform: translateY(400%);
        transform: translateY(400%)
    }

    .x-header .search-box,.x-header .share-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        position: relative;
        padding: 5px 15px
    }

    .x-header .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #ccc
    }

    .x-header .search-box>* {
        width: 0;
        height: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .x-header .search-box>:last-child {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .x-header .search-box .search-input {
        display: block;
        width: 100%;
        height: 30px
    }

    .x-header .search-box .search-submit {
        width: 40px
    }

    .x-header .share-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 1px solid #ccc
    }

    .x-header .share-box .share-item {
        font-size: 1.2em
    }

    .x-header .nav-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        overflow: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%)
    }

    .x-header .nav-box {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        overscroll-behavior-y: contain
    }

    .x-header .nav-item+.nav-item {
        border-top: 1px solid #ccc
    }

    .x-header .nav-item.act>.nav-tit .arr {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .x-header .nav-tit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 15px
    }

    .x-header .nav-tit .arr {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        width: 40px;
        height: auto
    }

    .x-header .nav-tit .nav-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .x-header .nav-tit+.nav-lv {
        display: none
    }

    .x-header .nav-lv1-link {
        font-size: 1.125em
    }

    .x-header .nav-lv2 {
        padding: 0 15px;
        background-color: #eee
    }

    .x-header .nav-lv1-item.act {
        background-color: #ddd
    }

    .x-header.menu-open {
        z-index: 999
    }

    .x-header.menu-open .line {
        background-color: transparent
    }

    .x-header.menu-open .line::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .x-header.menu-open .line::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .x-header.menu-open .nav-mod {
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }

    .x-header .nav-lv1-item {
        margin-right: 0
    }
}

@media (min-width: 769px) and (max-width: 1300px) {
    .article-cont {
        margin:99px;
    }
}

.x-footer {
    width: 100%
}

.x-footer .footer {
    height: 80px;
    background: #5B160E;
    color: #fff;
    font-size: 14px
}

.x-footer .footer .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-footer .name a {
    margin: 0 10px
}

.x-footer .name a:hover {
    color: #fff
}

.x-footer .name .p a {
    margin: 0
}

.x-footer .navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.x-footer .navs .item {
    margin-right: 30px;
    position: relative
}

.x-footer .navs .item:last-child {
    margin-right: 0
}

.x-footer .navs .item span {
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .x-footer .footer {
        height:auto;
        padding: 20px 0
    }

    .x-footer .navs {
        display: block;
        width: 100%
    }

    .x-footer .item {
        display: block
    }

    .x-footer .item span {
        display: block
    }

    .x-footer .name {
        width: 100%
    }

    .x-footer .p {
        display: block;
        text-align: center;
        width: 100%
    }

    .x-footer .name .p {
        margin-left: 0
    }
}

.audio-mod.ui {
    position: relative;
    padding: 1em;
    border: 1px solid;
    border-radius: 5px
}

.audio-mod .audio-title {
    padding: 1em;
    text-align: center
}

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
    border: 0;
    height: 30px
}

.audio-mod .audio-list .select-cont {
    left: auto;
    width: 300px
}

.audio-mod .audio-control {
    float: left
}

.audio-mod .audio-play {
    border: 1px solid;
    border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
    -webkit-animation: animat-ring 3s linear infinite;
    animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
    background: #ccc;
    cursor: default;
    pointer-events: none
}

.audio-mod .audio-volume {
    position: absolute;
    top: 50%;
    right: 4em;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
    position: absolute;
    left: 50%;
    bottom: 100%;
    padding: 1em 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
    position: relative;
    margin: auto;
    width: 4px;
    height: 50px;
    background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 999px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
    opacity: 1;
    visibility: visible
}

.audio-mod .audio-panel {
    margin-left: 4em;
    margin-top: 5px
}

.audio-mod .audio-progress {
    position: relative;
    margin-bottom: 5px;
    height: 4px;
    background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 999px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.audio-mod .audio-time {
    position: relative;
    font-family: arial;
    line-height: 1;
    overflow: hidden
}

.audio-mod .audio-current {
    float: left
}

.audio-mod .audio-duration {
    float: right
}

.audio-mod .audio-surplus {
    float: right
}

@media screen and (max-width: 768px) {
    .audio-mod .audio-volume-box {
        display:none
    }
}

.banner {
    position: relative;
    margin-top: -147px
}

.banner .slick-slide {
    height: 100vh;
    background: no-repeat center center / cover;
    position: relative
}

.banner .slick-slide .mask {
    background: #000;
    opacity: 0
}

.banner .slick-slide a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.banner .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px;
    z-index: 1
}

.banner .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.banner .slick-dot {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.4;
    padding: 0;
    list-style: none;
    margin: 0 10px
}

.banner .slick-dot.slick-active {
    opacity: 1
}

div[data-search] * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
    min-height: auto;
    border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
    overflow: auto
}

div[data-search] .infoBox {
    padding: 10px;
    width: 290px;
    background-color: #fff
}

div[data-search] .infoBox>img {
    top: 10px;
    right: 10px !important
}

.bdmap {
    height: 600px
}

.nobdmap {
    height: 600px
}

.bread-mod {
    background-color: #5b170f;
    color: #fff
}

.bread-mod .bread-item {
    display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
    width: 14px;
    height: 11px;
    background: url(../image/syb/icon_jt.png) no-repeat;
    content: "";
    display: inline-block;
    margin-right: 3px
}

@media screen and (min-width: 769px) {
    .bread-mod .bread-link {
        -webkit-transition:color .3s;
        transition: color .3s
    }

    .bread-mod .bread-link:hover {
        color: #5b170f
    }
}

.up-foot {
    width: 100%;
    padding: 100px 0 80px;
    background: #fff url(../image/rj/bottom.jpg) no-repeat center center/cover
}

.up-foot .logo {
    position: relative;
    overflow: hidden;
    width: 297px;
    margin: 0 auto
}

.up-foot .logo::before {
    content: '';
    display: block;
    padding-top: 34.68013%
}

.up-foot .logo .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.up-foot .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    font-size: 18px
}

@media screen and (max-width: 768px) {
    .up-foot .menu {
        font-size:16px
    }
}

.up-foot .menu .item {
    margin-right: 40px;
    position: relative
}

.up-foot .menu .item:last-child {
    margin-right: 0
}

.up-foot .menu .item+.item::after {
    content: "";
    width: 1px;
    height: 9px;
    background: #83857F;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -20px
}

.up-foot .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 78px
}

.up-foot .lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.up-foot .lists .list {
    margin-right: 47px;
    font-size: 14px;
    margin-top: 0
}

.up-foot .list {
    font-size: 14px;
    margin-top: 20px
}

.up-foot .li {
    margin-top: 5px
}

.up-foot .tit {
    font-size: 20px;
    color: #700a0a
}

@media screen and (max-width: 768px) {
    .up-foot .tit {
        font-size:18px
    }
}

.up-foot .pics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.up-foot .bot {
    margin-right: 10px
}

.up-foot .pic {
    position: relative;
    overflow: hidden;
    width: 128px;
    border: 1px solid #CBCBCB
}

.up-foot .pic::before {
    content: '';
    display: block;
    padding-top: 100%
}

.up-foot .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.up-foot .pic img {
    width: 100%;
    height: 100%
}

.up-foot .p {
    text-align: center;
    margin-top: 5px;
    font-size: 14px
}

.up-foot .bot:last-child {
    margin-right: 0
}

.foot .up-foot {
    padding: 140px 0;
    background: url(../image/rj/foot.png) no-repeat center center/cover
}

.foot .nav {
    margin-top: 128px
}

@media screen and (min-width: 769px) {
    .up-foot a:hover {
        color:#5b170f
    }
}

@media screen and (max-width: 1680px) {
    .foot .up-foot {
        padding:60px 0 100px
    }
}

@media screen and (max-width: 1440px) {
    .foot .up-foot {
        padding:30px 0
    }

    .up-foot {
        padding: 80px 0
    }

    .up-foot .nav {
        margin-top: 80px
    }
}

@media screen and (max-width: 1366px) {
    .foot .up-foot .nav {
        margin-top:25px
    }

    .up-foot {
        padding: 40px 0
    }

    .up-foot .logo {
        width: 200px
    }

    .up-foot .menu {
        margin-top: 20px
    }

    .up-foot .nav {
        margin-top: 40px
    }
}

@media screen and (max-width: 768px) {
    .foot .up-foot {
        padding:30px 0;
        background-size: 100%;
        background-position: bottom
    }

    .up-foot {
        padding: 30px 0;
        background-size: 100%;
        background-position: bottom
    }

    .up-foot .menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }

    .up-foot .item {
        font-size: 14px;
        margin-right: 0 !important;
        width: 33.33%;
        text-align: center
    }

    .up-foot .item::after {
        display: none
    }

    .up-foot .nav {
        margin-top: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .up-foot .box {
        margin-top: 10px;
        width: 100%
    }

    .up-foot .box:nth-child(3) {
        display: none
    }

    .up-foot .lists {
        margin-top: 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .up-foot .lists .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0
    }

    .up-foot .lists .li {
        margin-right: 20px
    }

    .up-foot .list {
        margin-top: 5px
    }

    .up-foot .pics {
        width: 100%;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 20px
    }

    .up-foot .pics .bot {
        width: 45%
    }

    .up-foot .pics .p {
        margin-top: 10px
    }

    .up-foot .pics .pic {
        width: 100%
    }
}

.paging-mod {
    text-align: center;
    margin-top: 80px
}

.paging-mod .paging-box {
    display: inline-block;
    vertical-align: top
}

.paging-mod .paging-item {
    float: left;
    min-width: 36px;
    font-family: avian;
    font-size: 16px;
    line-height: 36px;
    height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
    padding: 0 5px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    background-color: #fff;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    color: #707070;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
    margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
    margin-left: 5px
}

.paging-mod .paging-link+.paging-arrow {
    margin-left: 5px
}

.paging-mod .paging-link.cur {
    background-color: #8d0b0b;
    border-color: #8d0b0b;
    color: #fff;
    cursor: default;
    pointer-events: none
}

.paging-mod .paging-dot {
    margin: 0 5px;
    font-weight: bold;
    letter-spacing: 0.2em
}

.paging-mod .paging-jump {
    margin-left: 5px;
    width: 70px;
    height: 34px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.paging-mod .paging-table {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff
}

.paging-mod .paging-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.paging-mod .paging-cell:first-child {
    border-radius: 4px 0 0 4px;
    border-right: none
}

.paging-mod .paging-input {
    display: block;
    padding: 0 3px;
    width: 100%;
    line-height: 1.5;
    text-align: center
}

.paging-mod .paging-btn {
    display: block;
    width: 35px;
    cursor: pointer;
    font-family: avian;
    border-radius: 2px;
    background: #8d0b0b;
    color: #fff;
    height: 34px
}

.paging-mod .xfont {
    color: #c7c7c7
}

.paging-more {
    display: none
}

@media screen and (max-width: 768px) {
    .paging-mod {
        display:none
    }

    .paging-mod .paging-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 34px;
        display: none
    }

    .paging-mod .paging-item,.paging-mod .paging-input {
        line-height: normal
    }

    .paging-mod .paging-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .paging-more {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 30px
    }

    .paging-more a {
        padding: 0 1em;
        line-height: 2.2em;
        border: 1px solid #ddd;
        border-radius: 30px;
        display: block
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, .3s;
    transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    color: #707070;
    font-size: 28px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden
}

.pop-mod .pop-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden
}

.pop-mod .pop-panel::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.pop-mod .pop-dialog {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    word-break: normal
}

.pop-mod .video-native {
    display: none
}

.pop-mod video,.pop-mod iframe {
    display: none;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%
}

.pop-mod.x-show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    -webkit-transition-property: opacity, visibility, z-index;
    transition-property: opacity, visibility, z-index;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s, 0s, 0s;
    transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
    display: block
}

@media screen and (min-width: 769px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: 17px
    }

    .full-screen .pop-mod.x-show>.pop-close {
        margin-right: 0
    }

    .full-screen .pop-mod.x-show .pop-panel {
        overflow: auto
    }
}

@media screen and (max-width: 768px) {
    .pop-mod .pop-panel {
        padding:0 15px;
        overflow: auto;
        overscroll-behavior-y: contain
    }

    .pop-mod .pop-panel .pop-dialog {
        width: 100%
    }
}

.scroll-mod {
    position: relative;
    overflow: hidden
}

.scroll-mod.scroll-axis-x {
    padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
    padding-right: 10px
}

.scroll-cont {
    height: 100%;
    max-height: inherit;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
    display: none
}

.scroll-track-x,.scroll-track-y {
    position: absolute;
    background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
    background-color: #aaa;
    border-radius: 999999px;
    cursor: pointer
}

.scroll-track-x {
    bottom: 0;
    left: 0;
    right: 0
}

.scroll-bar-x {
    width: 0;
    height: 5px
}

.scroll-track-y {
    top: 0;
    bottom: 0;
    right: 0
}

.scroll-bar-y {
    width: 5px;
    height: 0
}

.scroll-track-disable {
    display: none
}

@media screen and (min-width: 769px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.search-mod {
    position: relative
}

.search-mod .search-tap {
    z-index: 1;
    cursor: pointer
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 200px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
    top: auto;
    bottom: 50%;
    margin-top: 0;
    width: 0;
    -webkit-transition-property: width, opacity, visibility;
    transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
    visibility: hidden
}

.search-mod .search-box {
    display: table;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.search-mod .search-txt {
    padding: 0 1em;
    width: 100%
}

.search-mod .search-btn {
    width: 1%
}

.search-mod .search-input {
    width: 100%
}

.search-mod .search-submit {
    display: block;
    height: 100%;
    cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
    z-index: -1;
    -webkit-transition-property: z-index;
    transition-property: z-index;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
    width: 200px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
    visibility: visible;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media screen and (min-width: 769px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#5b170f
    }
}

.select-mod {
    position: relative
}

.select-mod .select-bar {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden
}

.select-mod .select-native {
    display: none
}

.select-mod .select-trigger {
    cursor: pointer
}

.select-mod .select-btn {
    float: right;
    height: 100%
}

.select-mod .select-txt {
    position: relative;
    padding: 0 1em;
    height: 100%;
    overflow: hidden
}

.select-mod .select-val {
    position: relative;
    top: 50%;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    padding: 1em 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px
}

.select-mod .select-opts {
    position: relative;
    max-height: 16em;
    overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
    padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
    right: 12px
}

.select-mod .select-item {
    padding: 0.4em 1em;
    line-height: 1.2;
    cursor: pointer
}

.select-mod .select-item.cur {
    color: #5b170f
}

.select-mod.at-t .select-cont {
    top: auto;
    bottom: 100%
}

.select-mod.at-t .select-cont::before {
    top: 0;
    bottom: 1px
}

.select-mod.sc-show {
    z-index: 1
}

.select-mod.sc-show .select-cont {
    opacity: 1;
    visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
    opacity: 1;
    visibility: visible
}

.select-mod .mCSB_scrollTools {
    right: 12px
}

@media screen and (min-width: 769px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#5b170f
    }
}

@media screen and (max-width: 768px) {
    .select-mod .select-native {
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

    .select-mod .select-opts {
        position: relative;
        height: 100%;
        overflow: auto
    }
}

.icon-wx::before {
    content: url(/Public/static/themes/cad/image/wechat.png)
}

.icon-wb::before {
    content: url(/Public/static/themes/cad/image/weibo.png)
}

.icon-qq::before {
    content: url(/Public/static/themes/cad/image/qq.png)
}

.icon-qz::before {
    content: '\e604'
}

.icon-twitter::before {
    content: '\e605'
}

.icon-facebook::before {
    content: '\e606'
}

.icon-linkedin::before {
    content: '\e607'
}

.icon-share::before {
    content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
    display: inline-block;
    vertical-align: middle
}

.share-box .share-item {
    float: left
}

.share-box .code {
    width: 150px;
    height: 250px;
    overflow: hidden
}

.share-box .code img,.share-box .code canvas {
    width: 100%
}

@media screen and (min-width: 769px) {
    .share-box .share-item:hover {
        color:#5b170f
    }
}

.share-mod .share-box .icon-wx .code::before {
    content: '΢��ɨһɨ������';
}

.share-mod .share-box .icon-wx .code::after {
    content: '΢����㡰���֡���ɨһ�¶�ά���ɽ����ķ���������Ȧ��';
}

.sidebar-mod {
    position: fixed;
    top: 50%;
    right: -60px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: opacity, visibility, right;
    transition-property: opacity, visibility, right;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod .sidebar-item {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 5px;
    background-color: #eee;
    cursor: pointer
}

.sidebar-mod .sidebar-item+.sidebar-item {
    margin-top: 5px
}

.sidebar-mod .sidebar-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding: 10px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sidebar-mod .code {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.sidebar-mod .code img {
    display: block;
    width: 100%
}

.sidebar-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .sidebar-mod {
    z-index: -1
}

@media screen and (min-width: 769px) {
    .sidebar-mod .sidebar-item:hover .sidebar-cont {
        color:#5b170f
    }

    .sidebar-mod:hover {
        right: 0
    }
}

.slick-slider {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-item {
    position: relative
}

.slick-list {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 3;
    cursor: pointer
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff
}

.slick-dots {
    margin: 0;
    padding: 0;
    z-index: 3
}

.slick-dot {
    cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
    opacity: 0.5;
    cursor: initial
}

.suds-mod {
    position: relative
}

.suds-mod .suds-pop {
    position: absolute;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
    content: '';
    position: absolute;
    z-index: -1
}

.suds-mod .suds-pop::before {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 5px
}

.suds-mod .suds-pop.at-t {
    left: 50%;
    bottom: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate(-50%, 10%);
    -ms-transform: translate(-50%, 10%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
    left: 50%;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-transform: translate(-50%, 50%) rotate(45deg);
    -ms-transform: translate(-50%, 50%) rotate(45deg);
    transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
    right: 100%;
    top: 50%;
    margin-right: 10px;
    -webkit-transform: translate(10%, -50%);
    -ms-transform: translate(10%, -50%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
    left: 100%;
    top: 50%;
    margin-left: 10px;
    -webkit-transform: translate(-10%, -50%);
    -ms-transform: translate(-10%, -50%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    -ms-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
    position: relative;
    z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
    z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
    opacity: 1;
    visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
    opacity: 0;
    visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
    opacity: 1;
    visibility: visible
}

.tab-mod .tab-term {
    cursor: pointer
}

.tab-mod .tab-term.cur {
    color: #5b170f
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible
}

.topping-mod {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 100%;
    color: #fff;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod .s {
    font-family: Arial;
    text-transform: uppercase
}

.topping-mod.x-show {
    opacity: 1;
    visibility: visible
}

.vjs-full-window .topping-mod {
    z-index: -1
}

@media screen and (min-width: 769px) {
    .topping-mod:hover {
        background-color:#5b170f
    }

    .lock-screen .topping-mod {
        margin-right: 17px
    }

    .lock-screen.full-screen .topping-mod {
        margin-right: 0
    }
}

.tracker-mod .tracker-prev {
    cursor: pointer
}

.tracker-mod .tracker-next {
    cursor: pointer
}

.tracker-mod .tracker-box {
    overflow: hidden
}

.tracker-mod .tracker-track {
    min-width: 100%;
    min-height: 100%
}

.tracker-mod .tracker-item {
    cursor: pointer
}

.tracker-mod .tracker-item.cur {
    color: #5b170f
}

.tracker-mod.dir-hor .tracker-prev {
    float: left
}

.tracker-mod.dir-hor .tracker-next {
    float: right
}

.tracker-mod.dir-hor .tracker-box {
    text-align: center
}

.tracker-mod.dir-hor .tracker-track {
    display: table;
    white-space: nowrap;
    font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.tracker-mod.dir-ver .tracker-box {
    height: 300px
}

.tracker-mod.dir-ver .tracker-item {
    margin: 10px 0
}

.video-mod {
    position: relative;
    background-color: #000;
    overflow: hidden
}

.video-mod::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.video-mod .video-js {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%
}

.video-mod .vjs-ended .vjs-poster {
    display: block
}

.video-mod.mini .video-js .vjs-control-bar {
    position: static;
    visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
    position: static;
    display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
    position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
    display: none
}

.video-mod.mini .video-js .vjs-play-progress {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    height: .3em;
    opacity: .5;
    visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
    visibility: hidden
}

@media screen and (min-width: 769px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media screen and (max-width: 768px) {
    .video-js .vjs-big-play-button {
        font-size:3em
    }

    .video-js .vjs-control-bar {
        height: 2em
    }

    .video-js .vjs-control {
        width: 2em
    }

    .vjs-button>.vjs-icon-placeholder::before {
        font-size: 1em
    }

    .video-js .vjs-remaining-time {
        display: block;
        margin: 0 0.5em;
        width: auto;
        line-height: 2em
    }

    .vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
        display: none
    }
}

.pop-mod.tan1 .pop-dialog {
    background: transparent;
    width: 990px
}

.pop-mod.tan1 .pop-close {
    width: 37px;
    height: 37px;
    background: url(../image/wmy/close.png) no-repeat center center;
    top: 6px;
    right: 0
}

.pop-mod.tan1 .icon-close::before {
    content: ""
}

.pop-mod.tan1 .h {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 28px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .pop-mod.tan1 .h {
        font-size:26px
    }
}

.pop-mod.tan1 .h span {
    width: 900px;
    display: inline-block
}

.pop-mod.tan1 .img {
    position: relative;
    overflow: hidden
}

.pop-mod.tan1 .img::before {
    content: '';
    display: block;
    padding-top: 56.26263%
}

.pop-mod.tan1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.pop-mod.tan1 .p {
    font-size: 16px;
    color: #fff;
    margin-top: 44px;
    max-height: 150px
}

body:not(.lang-en) .pop-mod.tan1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.pop-mod.tan1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff
}

.achievements1 {
    padding-top: 118px
}

.achievements1 .title {
    text-align: center
}

.achievements1 .title_en {
    text-align: center;
    font-size: 38px;
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .achievements1 .title_en {
        font-size:24px
    }
}

.achievements1 .tab-mod {
    margin-top: 32px
}

.achievements1 .tab-mod .tracker-box {
    overflow: inherit
}

.achievements1 .tab-mod .tab-bar {
    padding: 0 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem {
    font-size: 20px;
    color: #707070;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem {
        font-size:18px
    }
}

.achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem {
    margin-right: 66px;
    margin-top: 19px
}

.achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem.cur {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #333
}

.achievements1 .tab-mod .tracker-mod.dir-hor .tracker-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem:nth-child(9n) {
    margin-right: 0
}

.achievements2 {
    padding: 23px 0 112px;
    position: relative
}

.achievements2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.achievements2 .list .li {
    width: calc((100% - 40px)/3);
    margin-right: 19px;
    margin-bottom: 20px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer
}

.achievements2 .list .li:nth-child(3n) {
    margin-right: 0
}

.achievements2 .list .img {
    position: relative;
    overflow: hidden
}

.achievements2 .list .img::before {
    content: '';
    display: block;
    padding-top: 55.9194%
}

.achievements2 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.achievements2 .list .img .i {
    width: 100%;
    height: 100%
}

.achievements2 .list .desc {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    width: 100%;
    padding: 0 44px;
    text-align: center
}

.achievements2 .list .desc .h {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    height: 45px;
    line-height: 45px
}

.achievements2 .list .desc .h span {
    display: block;
    width: 100%;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.achievements2 .paging-mod {
    margin-top: 60px
}

.achievements2::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    background: url(../image/syb/icon_w.png) no-repeat;
    width: 428px;
    height: 374px;
    z-index: 0;
    background-size: 100%
}

@media screen and (min-width: 769px) {
    .achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem:hover {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .achievements2 .list .img:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .achievements2 .list .img:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }
}

@media screen and (max-width: 1400px) {
    .pop-mod.tan1 .h {
        font-size:34px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
    .pop-mod.tan1 .h {
        font-size:22px
    }
}

@media screen and (max-width: 1400px) {
    .pop-mod.tan1 .img {
        height:450px
    }

    .pop-mod.tan1 .p {
        margin-top: 10px;
        width: 800px;
        max-height: 100px
    }
}

@media screen and (max-width: 768px) {
    .pop-mod.tan1 .h {
        width:270px;
        margin-bottom: 28px
    }

    body:not(.lang-en) .pop-mod.tan1 .h {
        text-align: justify;
        text-justify: inter-ideograph
    }

    .pop-mod.tan1 .h span {
        width: 100%;
        display: inline-block
    }

    .pop-mod.tan1 .img {
        height: 100%
    }

    .pop-mod.tan1 .p {
        width: 100%;
        margin-top: 30px;
        max-height: 150px
    }

    .pop-mod.tan1 .pop-close {
        top: 0
    }

    .achievements1 {
        padding: 40px 0 0
    }

    .achievements1 .tab-mod {
        margin-top: 20px
    }

    .achievements1 .tab-mod .tab-bar {
        padding: 0
    }

    .achievements1 .tab-mod .tracker-box {
        overflow: hidden
    }

    .achievements1 .tab-mod .tracker-mod.dir-hor .tracker-track {
        display: table
    }

    .achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem {
        padding: 0 10px;
        margin-right: 10px;
        margin-top: 0
    }

    .achievements1 .tab-mod .tracker-mod.dir-hor .trackeritem:nth-child(6n) {
        margin-right: 10px
    }

    .achievements2 {
        padding-bottom: 30px
    }

    .achievements2 .list .li {
        width: 100%;
        margin-right: 0
    }

    .achievements2 .list .desc {
        padding: 0 15px;
        text-align: center
    }

    .achievements2 .list .desc .h span {
        display: block;
        width: 100%;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .achievements2::before {
        display: none
    }
}

.admission1 {
    padding: 145px 0 43px;
    background: url(../image/wmy/bg1.png) no-repeat center center;
    position: relative
}

.admission1 .top {
    margin-top: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admission1 .top .img {
    position: relative;
    overflow: hidden;
    width: 764px
}

.admission1 .top .img::before {
    content: '';
    display: block;
    padding-top: 56.5445%
}

.admission1 .top .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.admission1 .top .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    padding: 52px;
    max-height: 430px
}

.admission1 .top .desc .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .admission1 .top .desc .h {
        font-size:18px
    }
}

.admission1 .top .desc .h1 {
    padding-top: 30px;
    padding-left: 22px;
    position: relative;
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .admission1 .top .desc .h1 {
        font-size:18px
    }
}

.admission1 .top .desc .h1::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 45px;
    width: 5px;
    height: 5px;
    background-color: #707070;
    border-radius: 50%
}

.admission1 .top .desc .list {
    border-bottom: 1px solid #c8c8c8;
    margin-top: 16px;
    padding-bottom: 32px
}

.admission1 .top .desc .li {
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.admission1 .top .desc .li:last-child {
    margin-bottom: 0
}

.admission1 .top .desc .li .p {
    font-size: 16px;
    color: #707070
}

body:not(.lang-en) .admission1 .top .desc .li .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.admission1 .top .desc .li .date {
    font-size: 14px;
    color: #707070;
    font-family: avian;
    margin-top: 5px
}

.admission1 .bottom {
    margin-top: 28px
}

.admission1 .bottom .h {
    font-size: 28px
}

@media screen and (max-width: 768px) {
    .admission1 .bottom .h {
        font-size:20px
    }
}

.admission1 .bottom .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.admission1 .bottom .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 74px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.admission1 .bottom .list .li .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admission1 .bottom .list .li:last-child {
    margin-right: 0
}

.admission1 .bottom .list .t {
    font-size: 20px;
    margin-right: 22px
}

@media screen and (max-width: 768px) {
    .admission1 .bottom .list .t {
        font-size:18px
    }
}

.admission1 .bottom .list .t:last-child {
    margin-right: 0
}

.admission1 .bottom .list .t1 {
    margin-right: 32px
}

.admission1 .bottom .list .t2 {
    margin-right: 30px
}

.admission2::before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 104px;
    width: 618px;
    height: 559px;
    margin-left: -960px;
    background-size: 100%;
    background: url(../image/wmy/bg2.png) no-repeat left top/cover
}

.admission2 {
    background: #fff;
    padding: 152px 0 80px;
    position: relative
}

.admission2 .title {
    text-align: right
}

.admission2 .title_en {
    text-align: right
}

.admission2 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admission2 .left {
    position: relative;
    width: 30.5%
}

.admission2 .left .desc {
    position: absolute;
    top: 395px;
    left: 0;
    z-index: 10;
    color: #fff
}

.admission2 .left .h {
    color: #fff;
    font-size: 28px;
    margin-bottom: 18px
}

@media screen and (max-width: 768px) {
    .admission2 .left .h {
        font-size:20px
    }
}

.admission2 .left .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 38px
}

.admission2 .left .li:last-child {
    padding-bottom: 0;
    padding-top: 40px
}

.admission2 .left .t {
    font-size: 20px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .admission2 .left .t {
        font-size:18px
    }
}

.admission2 .left .t1 {
    margin-left: 67px
}

.admission2 .left::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 353px;
    margin-left: -345px;
    z-index: 5;
    background: url(../image/wmy/bg3.png) no-repeat left center;
    width: 778px;
    height: 287px
}

.admission2 .left::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 525px;
    margin-left: -345px;
    height: 1px;
    width: 734px;
    background-color: #802a20;
    z-index: 10
}

.admission2 .tab-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 37px
}

.admission2 .tab-bar {
    width: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1
}

.admission2 .tab-term {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #ededed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    margin-bottom: 2px;
    color: #707070;
    width: 83px
}

body:not(.lang-en) .admission2 .tab-term {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .admission2 .tab-term {
        font-size:18px
    }
}

.admission2 .tab-term.cur {
    background-color: #c5b799;
    color: #333;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.admission2 .tab-term:last-child {
    margin-bottom: 0
}

.admission2 .tab-item {
    width: 776px;
    display: none;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: -10px 0 30px 10px #f2f2f2;
    box-shadow: -10px 0 30px 10px #f2f2f2;
    min-height: 540px;
    padding: 70px 53px 0 113px
}

.admission2 .tab-item .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .admission2 .tab-item .h {
        font-size:18px
    }
}

.admission2 .tab-item .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
    position: relative
}

.admission2 .tab-item .li:last-child {
    margin-bottom: 0
}

.admission2 .tab-item .p {
    font-size: 16px;
    color: #707070;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 510px
}

.admission2 .tab-item .date {
    font-size: 14px;
    color: #707070;
    font-family: avian;
    margin-top: 3px
}

.admission2 .tab-item.act {
    display: block
}

.admission3 {
    padding-top: 150px;
    position: relative
}

.admission3 .box {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.admission3 .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .admission3 .h {
        font-size:18px
    }
}

.admission3 .left {
    width: 62%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 10px #f2f2f2;
    box-shadow: 0 0 20px 10px #f2f2f2;
    padding: 63px 54px;
    z-index: 1
}

.admission3 .left .list .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .admission3 .left .list .h {
        font-size:18px
    }
}

.admission3 .left .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 44px;
    position: relative
}

.admission3 .left .list .li:last-child {
    margin-bottom: 0
}

.admission3 .left .list .p {
    font-size: 16px;
    color: #707070;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 510px
}

.admission3 .left .list .date {
    font-size: 14px;
    color: #707070;
    font-family: avian;
    margin-top: 3px
}

.admission3 .left .more {
    margin-top: 3px;
    font-size: 16px
}

.admission3 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #c5b799;
    padding: 62px 54px;
    z-index: 2;
    position: relative
}

.admission3 .right .h {
    margin-bottom: 64px
}

.admission3 .right .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.admission3 .right .list .li:last-child {
    margin-bottom: 0
}

.admission3 .right .list .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .admission3 .right .list .t {
        font-size:18px
    }
}

.admission3 .right .list .t1 {
    margin-left: 66px
}

.admission3 .right::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 345px;
    display: block;
    left: 50%;
    top: 0;
    background-color: #c5b799;
    margin-left: 230px
}

.admission4 {
    padding-top: 150px;
    position: relative
}

.admission4 .title {
    text-align: right
}

.admission4 .title_en {
    text-align: right
}

.admission4 .box {
    margin-top: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.admission4 .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .admission4 .h {
        font-size:18px
    }
}

.admission4 .left {
    width: 62%;
    background-color: #58160f;
    padding: 58px 54px;
    z-index: 1
}

.admission4 .left .list .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .admission4 .left .list .h {
        font-size:18px
    }
}

.admission4 .left .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 44px;
    position: relative
}

.admission4 .left .list .li:last-child {
    margin-bottom: 0
}

.admission4 .left .list .p {
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 510px
}

.admission4 .left .list .date {
    font-size: 14px;
    color: #fff;
    font-family: avian;
    margin-top: 3px
}

.admission4 .left .more_w {
    margin-top: 3px;
    font-size: 16px
}

.admission4 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    padding: 62px 54px;
    -webkit-box-shadow: 0 0 20px 10px #f2f2f2;
    box-shadow: 0 0 20px 10px #f2f2f2
}

.admission4 .right .h {
    color: #333;
    margin-bottom: 64px
}

.admission4 .right .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.admission4 .right .list .li:last-child {
    margin-bottom: 0
}

.admission4 .right .list .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .admission4 .right .list .t {
        font-size:18px
    }
}

.admission4 .right .list .t1 {
    margin-left: 66px
}

.admission4::after {
    content: "";
    position: absolute;
    display: block;
    top: -54px;
    left: 0;
    background: url(../image/wmy/me.png) no-repeat left top;
    width: 557px;
    height: 522px;
    z-index: 0
}

.admission5 {
    padding-top: 150px;
    position: relative
}

.admission5 .title {
    text-align: center
}

.admission5 .title_en {
    text-align: center
}

.admission5 .box {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.admission5 .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .admission5 .h {
        font-size:18px
    }
}

.admission5 .left {
    width: 62%;
    background: url(../image/wmy/bg5.png) no-repeat center bottom;
    z-index: 1;
    padding: 62px 54px;
    position: relative
}

.admission5 .left .list .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    width: 100%;
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .admission5 .left .list .h {
        font-size:18px
    }
}

.admission5 .left .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 44px;
    position: relative
}

.admission5 .left .list .li:last-child {
    margin-bottom: 0
}

.admission5 .left .list .p {
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 510px
}

.admission5 .left .list .date {
    font-size: 14px;
    color: #fff;
    font-family: avian;
    margin-top: 3px
}

.admission5 .left .more_w {
    margin-top: 3px;
    font-size: 16px
}

.admission5 .left::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 345px;
    height: 100%;
    background: url(../image/wmy/bg4.png) no-repeat center bottom;
    margin-left: -725px
}

.admission5 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url(../image/wmy/bg6.png) no-repeat left bottom;
    padding: 62px 54px;
    position: relative
}

.admission5 .right .h {
    color: #333;
    margin-bottom: 64px
}

.admission5 .right .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.admission5 .right .list .li:last-child {
    margin-bottom: 0
}

.admission5 .right .list .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .admission5 .right .list .t {
        font-size:18px
    }
}

.admission5 .right .list .t1 {
    margin-left: 66px
}

.admission5 .right::after {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 345px;
    height: 100%;
    background: url(../image/wmy/bg7.png) no-repeat center bottom;
    margin-left: 230px
}

.admission6 {
    padding-top: 150px;
    position: relative
}

.admission6 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1
}

.admission6 .list .li {
    width: calc((100% - 19px)/2);
    margin-right: 19px;
    position: relative
}

.admission6 .list .li .img {
    position: relative;
    overflow: hidden
}

.admission6 .list .li .img::before {
    content: '';
    display: block;
    padding-top: 56.36364%
}

.admission6 .list .li .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.admission6 .list .li .img .i {
    width: 100%;
    height: 100%
}

.admission6 .list .li .mask {
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.admission6 .list .li .desc {
    position: absolute;
    left: 44%;
    bottom: 15px;
    color: #fff;
    font-size: 16px
}

.admission6 .list .li:last-child {
    margin-right: 0
}

.admission6 .text {
    padding: 26px 0 52px
}

.admission6 .text .h {
    font-size: 24px;
    color: #333;
    text-align: center
}

@media screen and (max-width: 768px) {
    .admission6 .text .h {
        font-size:18px
    }
}

.admission6 .text button {
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    background-color: #c5b799;
    color: #fff;
    padding: 0 30px
}

.admission6 .text .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 13px auto 0
}

.admission6 .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px;
    background-color: #f0f0f0;
    margin-top: 40px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.admission6 .bottom .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 178px
}

.admission6 .bottom .li:last-child {
    margin-right: 0
}

.admission6 .bottom .li .icon {
    margin-right: 18px
}

.admission6 .bottom .li .t {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .admission6 .bottom .li .t {
        font-size:18px
    }
}

.admission6 .bottom .li .t1 {
    margin-left: 34px
}

.admission6 .bottom::before {
    content: "";
    position: absolute;
    display: block;
    width: 345px;
    height: 100%;
    top: 0;
    left: 0;
    margin-left: -345px;
    background-color: #f0f0f0
}

.admission6 .bottom::after {
    content: "";
    position: absolute;
    display: block;
    width: 345px;
    height: 100%;
    top: 0;
    right: 0;
    margin-right: -345px;
    background-color: #f0f0f0
}

.admission6::before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: 160px;
    width: 100%;
    height: 300px;
    background: url(../image/wmy/bg8.png) no-repeat center center;
    z-index: 0
}

@media screen and (min-width: 769px) {
    .admission3 .right .widget-area {
        border:1px solid rgba(187,187,187,0)
    }

    .admission5 .right .widget-area {
        border: 1px solid rgba(187,187,187,0)
    }

    .admission3 .right .widget-area:hover {
        border: 1px solid #bbb
    }

    .admission5 .right .widget-area:hover {
        border: 1px solid #bbb
    }

    .admission1 .top .img:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .admission1 .top .img:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .admission1 .top .desc .li:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 18px
    }

    .admission1 .top .desc .li:hover .date {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 25px
    }

    .admission2 .tab-item .li:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 25px
    }

    .admission2 .tab-item .li:hover .date {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-right: 3px
    }

    .admission3 .left .list .li:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 25px
    }

    .admission3 .left .list .li:hover .date {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-right: 6px
    }

    .admission1 .more:hover {
        left: 10px
    }

    .admission2 .more:hover {
        left: 10px
    }

    .admission3 .left .more:hover {
        left: 10px
    }

    .admission4 .more_w:hover {
        left: 10px
    }

    .admission5 .more_w:hover {
        left: 10px
    }

    .admission4 .left .list .li:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 25px
    }

    .admission4 .left .list .li:hover .date {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        color: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-right: 6px
    }

    .admission5 .left .list .li:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-left: 25px
    }

    .admission5 .left .list .li:hover .date {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        color: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-right: 6px
    }

    .admission6 .text button:hover {
        background: rgba(197,183,153,0.8);
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .admission6 .list .li:hover .mask {
        opacity: 0.6;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        background: #761d1a
    }

    .admission6 .list .li:hover .desc {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }
}

@media screen and (max-width: 768px) {
    .admission1 {
        padding-top:40px;
        background-size: 100% 100%
    }

    .admission1 .top {
        display: block;
        margin-top: 20px
    }

    .admission1 .top .img {
        width: 100%
    }

    .admission1 .top .desc {
        padding: 20px 15px
    }

    .admission1 .top .desc .list {
        padding-bottom: 10px
    }

    .admission1 .top .desc .li {
        margin-bottom: 10px
    }

    .admission1 .top .desc .h1 {
        padding-top: 15px;
        padding-left: 15px
    }

    .admission1 .top .desc .h1::before {
        top: 25px
    }

    .admission1 .bottom .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .admission1 .bottom .list .t {
        margin-right: 15px
    }

    .admission1 .bottom .list .li .text {
        display: block
    }

    .admission1 .bottom .list .li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: 10px
    }

    .admission1 .bottom .list .li:last-child {
        margin-bottom: 0
    }

    .admission2::before {
        display: none
    }

    .admission2 {
        padding-top: 40px;
        padding-bottom: 0
    }

    .admission2 .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 590px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .admission2 .left {
        width: 100%;
        height: 150px
    }

    .admission2 .left .desc {
        top: 465px;
        left: 10px
    }

    .admission2 .left .h {
        margin-bottom: 10px
    }

    .admission2 .left .li {
        padding-bottom: 10px
    }

    .admission2 .left .li:last-child {
        padding-top: 0
    }

    .admission2 .left .t1 {
        margin-left: 20px
    }

    .admission2 .left::after {
        display: none
    }

    .admission2 .left::before {
        width: 100%;
        top: 440px;
        margin-left: 0;
        height: 100%
    }

    .admission2 .tab-mod {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-top: -130px;
        min-height: 100%
    }

    .admission2 .tab-bar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 50px
    }

    .admission2 .tab-term {
        border-right: 1px solid #fff
    }

    body:not(.lang-en) .admission2 .tab-term {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .admission2 .tab-term:last-child {
        border-right: none;
        height: 48px
    }

    .admission2 .tab-cont {
        margin-top: -100px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .admission2 .tab-item {
        padding: 80px 20px 20px;
        width: 100%;
        height: auto;
        z-index: 0
    }

    .admission2 .tab-item .p {
        width: 100%
    }

    .admission2 .tab-item .h {
        margin-bottom: 15px
    }

    .admission2 .tab-item .li {
        display: block;
        margin-bottom: 10px
    }

    .admission2 .tab-item .date {
        text-align: left
    }

    .admission2 .tab-item .cur .p {
        width: 100%
    }

    .admission3 {
        padding-top: 40px
    }

    .admission3 .box {
        display: block
    }

    .admission3 .h {
        margin-bottom: 15px
    }

    .admission3 .left {
        width: 100%;
        padding: 20px;
        min-height: 100%
    }

    .admission3 .left .list .p {
        width: 100%
    }

    .admission3 .left .list .cur .p {
        width: 100%
    }

    .admission3 .left .list .li {
        display: block;
        margin-bottom: 10px
    }

    .admission3 .left .date {
        text-align: left
    }

    .admission3 .right {
        padding: 20px;
        min-height: 100%
    }

    .admission3 .right .list .t1 {
        margin-left: 20px
    }

    .admission3 .right .list .li {
        margin-bottom: 20px
    }

    .admission3 .right .h {
        margin-bottom: 20px
    }

    .admission3 .right::after {
        display: none
    }

    .admission4::after {
        display: none
    }

    .admission4 {
        padding-top: 40px
    }

    .admission4 .box {
        display: block
    }

    .admission4 .h {
        margin-bottom: 15px
    }

    .admission4 .left {
        width: 100%;
        padding: 20px;
        min-height: 100%
    }

    .admission4 .left .list .p {
        width: 100%
    }

    .admission4 .left .list .cur .p {
        width: 100%
    }

    .admission4 .left .list .li {
        display: block;
        margin-bottom: 10px
    }

    .admission4 .left .date {
        text-align: left
    }

    .admission4 .right {
        padding: 20px;
        min-height: 100%;
        -webkit-box-shadow: 0 5px 10px #f2f2f2;
        box-shadow: 0 5px 10px #f2f2f2
    }

    .admission4 .right .list .li {
        margin-bottom: 20px
    }

    .admission4 .right .list .t1 {
        margin-left: 20px
    }

    .admission4 .right .h {
        margin-bottom: 20px
    }

    .admission5 {
        padding-top: 40px
    }

    .admission5 .box {
        display: block;
        margin-top: 20px
    }

    .admission5 .h {
        margin-bottom: 15px
    }

    .admission5 .left {
        width: 100%;
        padding: 20px;
        min-height: 100%
    }

    .admission5 .left .list .p {
        width: 100%
    }

    .admission5 .left .list .cur .p {
        width: 100%
    }

    .admission5 .left .list .li {
        display: block;
        margin-bottom: 10px
    }

    .admission5 .left .date {
        text-align: left
    }

    .admission5 .left::after {
        display: none
    }

    .admission5 .right {
        padding: 20px;
        min-height: 100%;
        background-size: 100%
    }

    .admission5 .right .list .li {
        margin-bottom: 20px
    }

    .admission5 .right .list .t1 {
        margin-left: 20px
    }

    .admission5 .right .h {
        margin-bottom: 20px
    }

    .admission5 .right::after {
        display: none
    }

    .admission6 {
        padding-top: 40px
    }

    .admission6 .list {
        display: block;
        margin-top: 20px
    }

    .admission6 .list .li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .admission6 .list .li .desc {
        left: 40%
    }

    .admission6 .text {
        padding: 5px 0 50px
    }

    .admission6 .text .button {
        margin-top: 15px
    }

    .admission6 .text button {
        padding: 0 15px
    }

    .admission6 .bottom {
        display: block;
        padding: 10px 0;
        margin-top: 0;
        height: 100%
    }

    .admission6 .bottom .li {
        margin: 15px 0
    }

    .admission6 .bottom .li .icon .i {
        width: 80%;
        height: 80%
    }

    .admission6::before {
        bottom: 180px
    }
}

.alumni1 {
    padding: 118px 0 150px
}

.alumni1 .title {
    text-align: center
}

.alumni1 .title_en {
    text-align: center;
    font-size: 38px;
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .alumni1 .title_en {
        font-size:24px
    }
}

.alumni1 .list {
    margin: 57px auto 0;
    height: 242px
}

.alumni1 .list div {
    overflow: hidden;
    float: left
}

.alumni1 .li {
    width: 1230px;
    height: 242px
}

.alumni1 .xyw {
    width: 1052px;
    height: 242px
}

.alumni1 .xyw img {
    margin-left: -5px;
    height: 242px
}

.alumni1 .xyw0 {
    width: 1052px
}

.alumni1 .left {
    background: url(../image/wmy/prev.png) no-repeat center center;
    margin-right: 30px
}

.alumni1 .left,.alumni1 .right {
    width: 59px;
    height: 59px;
    top: 36%;
    position: relative;
    cursor: pointer
}

.alumni1 .right {
    background: url(../image/wmy/next.png) no-repeat center center;
    margin-left: 30px
}

.alumni1::before {
    content: "";
    clear: both;
    display: block
}

@media screen and (max-width: 768px) {
    .alumni1 {
        padding:40px 0 30px
    }

    .alumni1 .list {
        margin-top: 25px;
        height: 300px
    }

    .alumni1 .li {
        width: 100%
    }

    .alumni1 .xy {
        width: 100%;
        height: 100%
    }

    .alumni1 .xyb {
        width: 100%;
        height: 100%
    }

    .alumni1 .left,.alumni1 .right {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 350px;
        bottom: 0;
        left: 35%
    }

    .alumni1 .right {
        margin: 0 73px
    }
}

.article-page {
    padding: 50px 0
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 1.7em
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070
}

.article-page .article-head .s {
    margin: 0 15px
}

.article-page .introduce1 {
    padding-top: 0
}

.article-page .tab-item {
    display: none
}

.article-page .tab-item.act {
    display: block
}

.article-page .article-cont {
    margin-bottom: 30px;
    margin-top: 50px
}

.article-page .article-cont .p {
    text-indent: 2em;
    text-align: justify;
    text-justify: inter-ideograph
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
    margin-top: 1em
}

.article-page .article-cont .img {
    margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video,.article-page .article-cont img {
    display: block;
    margin: auto;
    max-width: 60%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.article-page .article-cont .video-mod {
    margin-bottom: 1em
}

.article-page .article-paging {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.article-page .article-paging .article-link {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s
}

.article-page .article-paging .article-prev {
    float: left;
    padding-left: 30px
}

.article-page .article-paging .article-next {
    float: right;
    padding-right: 30px
}

.article-page .article-paging .xfont {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
    left: 0
}

.article-page .article-paging .article-next .xfont {
    right: 0
}

.article-page .share-mod {
    margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
    .article-page .article-paging .article-link:hover {
        color:#5b170f
    }
}

@media screen and (max-width: 768px) {
    .article-page .article-cont iframe, .article-page .article-cont video, .article-page .article-cont img {
        max-width: 100%;
    }

    .article-page .article-head .info {
        margin-top: 5px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin-bottom: 20px
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }
}

.award1 {
    background: url(../image/sxy/bg.png) no-repeat top
}

.award1 .pic {
    position: absolute;
    left: -344px;
    top: 0;
    width: 822px
}

.award1 .pic img {
    width: 100%
}

.award1 .right {
    padding-top: 209px;
    padding-bottom: 393px;
    margin-left: 547px
}

.award1 .title {
    color: #ffffff
}

.award1 .title_en {
    color: #fff;
    font-size: 60px;
    max-width: 560px;
    line-height: 1.5;
    opacity: 1;
    margin-top: -4px
}

.award2 {
    display: none;
    background: url(../image/sxy/bg3.png) no-repeat bottom
}

.award2 .title_en {
    font-size: 60px
}

.award2 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.award2 .pic {
    z-index: 100;
    padding-top: 61px;
    padding-bottom: 207px;
    position: relative;
    overflow: hidden;
    width: 682px
}

.award2 .pic::before {
    content: '';
    display: block;
    padding-top: 56.15836%
}

.award2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.award2 .pic .i {
    top: 38.5%;
    width: 100%
}

.award2 .right {
    background: url(../image/sxy/bg2.png) no-repeat;
    height: auto;
    padding-left: 258px;
    margin-left: -210px;
    padding-top: 114px;
    width: 760px;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.1);
    box-shadow: 0 0 35px rgba(0,0,0,0.1)
}

.award2 .text {
    width: 252px;
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.6
}

.award2 .more {
    margin-top: 70px;
    font-size: 16px
}

.award3 {
    margin-top: 124px;
    padding-bottom: 165px
}

.award3 .demo1 {
    padding: 0 107px
}

.award3 .icon {
    height: 208px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.1);
    box-shadow: 0 0 35px rgba(0,0,0,0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.award3 .icon img {
    max-width: 140px
}

.award3 .slick-slide {
    margin: 0 59px
}

.award3 .slick-list {
    padding-top: 36px
}

.award3 .p {
    font-size: 16px;
    color: #707070;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    margin-top: 13px;
    text-align: center
}

.award3 .slick-arrow {
    position: absolute;
    width: 94px;
    height: 94px;
    background-color: #f1f1f1
}

.award3 .slick-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.award3 .slick-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.award3 .slick-prev:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    background: url(../image/sxy/icon7.png) no-repeat center center/cover;
    width: 59px;
    height: 27px
}

.award3 .slick-next:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    background: url(../image/sxy/icon1.png) no-repeat center center/cover;
    width: 59px;
    height: 27px
}

.award4 {
    position: relative;
    padding-bottom: 124px
}

.award4 .title_en {
    line-height: 1.1
}

.award4 .pic {
    position: relative;
    overflow: hidden
}

.award4 .pic::before {
    content: '';
    display: block;
    padding-top: 55.86735%
}

.award4 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.award4 .pic img {
    width: 100%
}

.award4 .p {
    font-size: 16px;
    color: #707070;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    margin-top: 13px
}

.award4 .p1 {
    font-size: 14px;
    color: #707070;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    margin-top: 5px;
    font-family: avian
}

.award4 .slick-mod {
    margin-top: 21px
}

.award4 .slick-slide {
    margin: 0 13px
}

.award4 .slick-list {
    margin: 0 -13px
}

.award4 .slick-arrow {
    position: relative;
    margin: 0 15px
}

.award4 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 70px
}

.award4 .slick-arrow {
    width: 59px;
    height: 27px
}

.award4 .slick-prev:after {
    content: "";
    display: block;
    background: url(../image/sxy/icon8.png) no-repeat center center/cover;
    width: 59px;
    height: 27px
}

.award4 .slick-next:after {
    content: "";
    display: block;
    background: url(../image/sxy/icon10.png) no-repeat center center/cover;
    width: 59px;
    height: 27px
}

.award4 .more_r {
    margin-left: auto;
    margin-top: 10px
}

.award4::before {
    content: "";
    position: absolute;
    width: 1920px;
    height: 458px;
    background-color: #e4e4e4;
    display: block;
    bottom: 0;
    left: 0
}

@media screen and (min-width: 769px) {
    .award4 .p {
        white-space:nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        height: 24px
    }

    .award4 .p1 {
        height: 24px
    }

    .award3 .slick-prev:hover {
        background-color: #5b170f
    }

    .award3 .slick-prev:hover:after {
        background: url(../image/sxy/icon9.png) no-repeat;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 59px;
        height: 27px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .award3 .slick-next:hover {
        background-color: #5b170f
    }

    .award3 .slick-next:hover:after {
        background: url(../image/sxy/icon6.png) no-repeat;
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 59px;
        height: 27px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .award3 .slick-item:hover .icon {
        background-color: #6f221a;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .award3 .slick-item:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .award4 .slick-item:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .award4 .slick-item:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .award4 .slick-item:hover .p1 {
        font-size:16px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (max-width: 1400px) {
    .award1 .pic {
        left:-137px
    }

    .award1 .title_en {
        font-size: 50px
    }

    .award1 .right {
        margin-left: 727px
    }
}

@media screen and (max-width: 768px) {
    .award1 {
        background:none
    }

    .award1 .x-wrap {
        padding: 0
    }

    .award1 .pic {
        position: static;
        width: 100%;
        max-width: 100%
    }

    .award1 .pic img {
        width: 100%
    }

    .award1 .title_en {
        font-size: 34px;
        max-width: 100%
    }

    .award1 .right {
        margin-left: 0;
        padding: 30px 10px;
        background: url(../image/sxy/bg4.png) no-repeat
    }

    .award2 .pic .i {
        top: 50%
    }

    .award2 {
        padding: 30px 0
    }

    .award2 .title_en {
        font-size: 34px
    }

    .award2 .x-wrap {
        display: block
    }

    .award2 .pic {
        width: 100%;
        padding-bottom: 0;
        padding-top: 0px
    }

    .award2 .right {
        width: 100%;
        margin-left: 0;
        padding: 30px 10px
    }

    .award2 .text {
        width: 100%
    }

    .award2 .more {
        margin-top: 20px
    }

    .award3 {
        margin-top: 30px;
        padding-bottom: 80px
    }

    .award3 .demo1 {
        padding: 0
    }

    .award3 .slick-slide {
        margin: 0 10px
    }

    .award3 .icon {
        height: 150px;
        -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.1);
        box-shadow: 0 0 13px rgba(0,0,0,0.1)
    }

    .award3 .icon img {
        max-width: 100px
    }

    .award3 .p {
        text-align: center
    }

    .award3 .slick-arrow {
        background: none;
        width: 40px
    }

    .award3 .slick-prev:after {
        width: 40px;
        background-size: 100%
    }

    .award3 .slick-next:after {
        width: 40px;
        background-size: 100%
    }

    .award3 .slick-prev {
        top: 115%;
        left: 33%
    }

    .award3 .slick-next {
        top: 115%;
        left: 55%
    }

    .award4 {
        padding-bottom: 30px;
        background-color: #e4e4e4;
        padding-top: 30px
    }

    .award4 .nav {
        padding-top: 30px
    }

    .award4 .slick-slide {
        margin: 0px
    }

    .award4 .slick-list {
        margin: 0px
    }

    .award4 .pic {
        width: 100%
    }

    .award4 .slick-prev:after {
        width: 40px;
        background-size: 100%
    }

    .award4 .slick-next:after {
        width: 40px;
        background-size: 100%
    }

    .award4::after {
        display: none
    }
}

.classictranslations1 {
    margin: -1px
}

.classictranslations1 .ban {
    position: relative;
    overflow: hidden
}

.classictranslations1 .ban::before {
    content: '';
    display: block;
    padding-top: 31.97917%
}

.classictranslations1 .ban .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.classictranslations1 .ban .i {
    width: 100%
}

.classictranslations2 {
    padding-top: 100px;
    position: relative
}

.classictranslations2 #a1 {
    position: absolute;
    top: -50px
}

.classictranslations2 .title {
    text-align: left
}

.classictranslations2 .title_en {
    text-align: left
}

.classictranslations2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #707070;
    margin-top: 15px
}

.classictranslations2 .list .p {
    text-align: left;
    line-height: 1;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.classictranslations2 .list .li {
    width: calc((100% - 30px)/2);
    margin-right: 30px;
    height: 445px
}

.classictranslations2 .list .li .pic {
    position: relative;
    overflow: hidden;
    width: 600px;
    width: 100%
}

.classictranslations2 .list .li .pic::before {
    content: '';
    display: block;
    padding-top: 55.5%
}

.classictranslations2 .list .li .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.classictranslations2 .list .li .p1 {
    color: #707070;
    font-size: 16px;
    margin-top: 18px;
    line-height: 20px
}

.classictranslations2 .list .li .p2 {
    color: #707070;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 30px;
    line-height: 20px;
    font-family: 'avian'
}

.classictranslations2 .list .li:last-child {
    margin-right: 0
}

.classictranslations2 .butgd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.classictranslations2 .gd {
    z-index: 5;
    width: 135px;
    background-color: #5b170f
}

.classictranslations2 .gd a {
    margin: 0 auto
}

.classictranslations3 {
    padding-top: 150px;
    position: relative
}

.classictranslations3 .title {
    text-align: right
}

.classictranslations3 .title_en {
    text-align: right;
    line-height: 1;
    margin-top: 10px
}

.classictranslations3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #707070;
    margin-top: 25px;
    padding-bottom: 52px
}

.classictranslations3 .list .left {
    width: 465px;
    position: relative;
    padding-right: 45px
}

body:not(.lang-en) .classictranslations3 .list .left {
    text-align: justify;
    text-justify: inter-ideograph
}

.classictranslations3 .list .left .h {
    color: #333333;
    font-size: 20px;
    line-height: 1.8;
    width: 420px
}

@media screen and (max-width: 768px) {
    .classictranslations3 .list .left .h {
        font-size:18px
    }
}

.classictranslations3 .list .left .p {
    color: #333333;
    font-size: 16px;
    line-height: 1.6;
    width: 420px;
    height: 230px;
    margin-top: 18px;
    margin-bottom: 30px
}

.classictranslations3 .list .left a {
    color: #333
}

.classictranslations3 .list .left::after {
    width: 345px;
    position: absolute;
    left: -345px;
    top: -50px;
    height: 480px;
    background-color: #f0f0f0;
    content: "";
    display: block
}

.classictranslations3 .list .left::before {
    width: 466px;
    position: absolute;
    left: 0;
    top: -50px;
    height: 480px;
    background-color: #f0f0f0;
    content: "";
    display: block;
    z-index: -1
}

.classictranslations3 .list .right {
    position: relative;
    width: 765px
}

.classictranslations3 .list .right .pic {
    position: relative;
    overflow: hidden;
    width: 765px;
    width: 100%
}

.classictranslations3 .list .right .pic::before {
    content: '';
    display: block;
    padding-top: 56.20915%
}

.classictranslations3 .list .right .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.classictranslations3 .list .right::after {
    content: "";
    width: 785px;
    background: url(../image/zjb/ccimg3rbg.png);
    height: 430px;
    position: absolute;
    top: 52px;
    left: 70px;
    z-index: -1
}

.classictranslations3 .butgd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.classictranslations4 {
    padding-top: 190px;
    position: relative
}

.classictranslations4 .title {
    text-align: left
}

.classictranslations4 .title_en {
    text-align: left;
    line-height: 1;
    margin-top: 10px
}

.classictranslations4 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #707070;
    margin-top: 35px
}

.classictranslations4 .list .left {
    width: 385px
}

.classictranslations4 .list .left img {
    width: 364px;
    height: 510px
}

.classictranslations4 .list .right {
    width: 845px;
    height: 510px;
    padding: 0 50px;
    background: url(../image/zjb/ccimg4r.png) no-repeat center center/cover
}

.classictranslations4 .list .right .bt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 110px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px
}

.classictranslations4 .list .right .bt .h {
    width: 570px;
    height: 93px;
    color: #333333;
    font-size: 24px;
    border-bottom: 1px solid #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .classictranslations4 .list .right .bt .h {
        font-size:18px
    }
}

.classictranslations4 .list .right .bt a {
    margin: auto 0;
    color: #333
}

.classictranslations4 .list .right .text {
    height: 335px;
    overflow: auto;
    margin-top: 20px
}

.classictranslations4 .list .right .li:nth-child(1) {
    margin-top: 10px
}

.classictranslations4 .list .right .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 45px 0
}

.classictranslations4 .list .right .li .p1 {
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    max-width: 400px
}

.classictranslations4 .list .right .li .p2 {
    color: #707070;
    font-size: 16px;
    line-height: 28px;
    max-width: 200px
}

.classictranslations4 .list .right .mCSB_scrollTools {
    width: 10px
}

.classictranslations4 .list .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.classictranslations4 .list .right .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.classictranslations4 .butgd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.classictranslations4 .gd {
    background-color: #5b170f;
    width: 110px;
    height: 58px;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    padding: 0 25px;
    z-index: 5
}

.classictranslations4 .gd a {
    width: 75px;
    height: 100%
}

.classictranslations5 {
    padding-top: 152px;
    position: relative
}

.classictranslations5 .title {
    text-align: right
}

.classictranslations5 .title_en {
    text-align: right
}

.classictranslations5 .list .x-wrap {
    width: 1920px;
    overflow: hidden;
    background: url(../image/zjb/ccimg5bg.png) no-repeat center center/cover;
    min-height: 997px;
    padding-top: 100px;
    margin-top: 35px;
    position: relative;
    padding-bottom: 285px
}

.classictranslations5 .slick-mod .slick-list {
    margin: 0 -100px
}

.classictranslations5 .slick-mod .slick-slide {
    margin: 0 60px
}

.classictranslations5 .slick-mod .slick-item {
    padding-top: 45px
}

.classictranslations5 .slick-mod .pic {
    position: relative;
    overflow: hidden;
    width: 406px;
    width: 100%;
    overflow: inherit
}

.classictranslations5 .slick-mod .pic::before {
    content: '';
    display: block;
    padding-top: 124.63054%
}

.classictranslations5 .slick-mod .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.classictranslations5 .slick-mod .text {
    text-align: center;
    margin-top: 50px;
    height: auto;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.classictranslations5 .slick-mod .p {
    font-size: 18px;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .classictranslations5 .slick-mod .p {
        font-size:16px
    }
}

.classictranslations5 .slick-mod .slick-prev {
    background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    left: 50%;
    bottom: -150px;
    margin-left: -75px
}

.classictranslations5 .slick-mod .slick-next {
    background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    right: 50%;
    bottom: -150px;
    position: absolute;
    margin-right: -75px
}

.classictranslations5 .gd {
    position: absolute;
    bottom: 150px;
    right: 350px
}

@media screen and (min-width: 769px) {
    .classictranslations2 .li:hover .pic img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations2 .li:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations2 .li:hover .p1 {
        color: #333;
        font-size: 18px;
        line-height: 20px;
        -webkit-transition-duration: 0.32s;
        transition-duration: 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .classictranslations2 .li:hover .p1 {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .classictranslations2 .li:hover .p2 {
        color:#333;
        font-size: 16px;
        line-height: 20px;
        -webkit-transition-duration: 0.32s;
        transition-duration: 0.32s
    }

    .classictranslations3 .right .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations3 .right .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations5 .slick-mod .slick-item:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations5 .slick-mod .slick-item:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .classictranslations5 .slick-mod .slick-item:hover .text {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .classictranslations5 .slick-mod .slick-item:hover .p {
        font-size: 20px;
        line-height: 30px;
        color: #000;
        -webkit-transition-duration: 0.32s;
        transition-duration: 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .classictranslations5 .slick-mod .slick-item:hover .p {
        font-size:18px
    }
}

@media screen and (min-width: 769px) {
    .classictranslations4 .more:hover {
        left:10px
    }
}

@media screen and (max-width: 1900px) {
    .classictranslations5 .list .x-wrap {
        width:100%;
        position: relative
    }

    .classictranslations5 .list .x-wrap .gd {
        position: absolute;
        bottom: 200px;
        right: 300px
    }

    .classictranslations5 .gd {
        bottom: -800px
    }
}

@media screen and (max-width: 1440px) {
    .classictranslations5 .list .x-wrap {
        width:100%;
        overflow: hidden;
        background: url(../image/zjb/ccimg5bg.png) no-repeat center center/cover;
        min-height: auto;
        padding-top: 100px;
        margin-top: 20px;
        padding-bottom: 170px
    }

    .classictranslations5 .list .x-wrap .gd {
        position: absolute;
        bottom: 90px;
        right: 30px
    }

    .classictranslations5 .slick-mod .slick-list {
        margin: 0 -60px
    }

    .classictranslations5 .slick-mod .slick-slide {
        margin: 0 60px
    }

    .classictranslations5 .slick-mod .pic {
        position: relative;
        overflow: hidden;
        width: auto;
        overflow: inherit
    }

    .classictranslations5 .slick-mod .pic::before {
        content: '';
        display: block;
        padding-top: 124.63054%
    }

    .classictranslations5 .slick-mod .pic .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .classictranslations5 .slick-mod .pic img {
        width: 100%;
        height: auto
    }

    .classictranslations5 .slick-mod .slick-prev {
        background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
        width: 59px;
        height: 27px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        left: 50%;
        bottom: -130px;
        margin-left: -75px
    }

    .classictranslations5 .slick-mod .slick-next {
        background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
        width: 59px;
        height: 27px;
        right: 50%;
        bottom: -130px;
        position: absolute;
        margin-right: -75px
    }
}

.classictranslations3 .dy {
    position: absolute;
    top: 0px
}

.classictranslations4 .dy {
    position: absolute;
    top: 0px
}

.classictranslations5 .dy {
    position: absolute;
    top: 0px
}

@media screen and (max-width: 768px) {
    .classictranslations2 {
        padding-top:50px
    }

    .classictranslations2 .list {
        display: block
    }

    .classictranslations2 .list .li {
        width: 100%;
        height: auto
    }

    .classictranslations2 .list .li .p1 {
        margin-top: 15px
    }

    .classictranslations2 .list .li .p2 {
        margin-top: 5px;
        margin-bottom: 20px
    }

    .classictranslations2 .list .li img {
        width: 100%;
        height: auto
    }

    .classictranslations3 {
        padding-top: 50px
    }

    .classictranslations3 .list {
        display: block;
        padding-bottom: 0
    }

    .classictranslations3 .list .left {
        width: 100%;
        height: auto;
        position: relative;
        background-color: #f0f0f0;
        padding: 20px 10px
    }

    .classictranslations3 .list .left::before {
        display: none
    }

    .classictranslations3 .list .left::after {
        display: none
    }

    .classictranslations3 .list .left .h {
        line-height: 1.5
    }

    .classictranslations3 .list .left .p {
        width: 100%;
        height: auto
    }

    .classictranslations3 .list .right {
        width: 100%;
        position: relative;
        margin-top: 0px
    }

    .classictranslations3 .list .right img {
        width: 100%;
        height: auto
    }

    .classictranslations3 .list .right::after {
        display: none
    }

    .classictranslations4 {
        padding-top: 50px
    }

    .classictranslations4 .list {
        display: block;
        padding-bottom: 0;
        margin-top: 20px
    }

    .classictranslations4 .list .left {
        width: 100%;
        height: auto;
        max-width: 385px;
        margin: 0 auto;
        padding-right: 0
    }

    .classictranslations4 .list .left img {
        width: 100%;
        height: auto
    }

    .classictranslations4 .list .right {
        width: 100%;
        height: 510px;
        padding: 0 10px;
        background: url(../image/zjb/ccimg4r.png) no-repeat center center/cover
    }

    .classictranslations4 .list .right .text {
        margin-top: 10px;
        height: 350px
    }

    .classictranslations4 .list .right .li {
        display: block
    }

    .classictranslations4 .list .right .li .p1 {
        max-width: 100%
    }

    .classictranslations4 .list .right .li .p2 {
        text-align: right;
        max-width: 100%
    }

    .classictranslations4 .list .right .bt {
        height: 80px;
        padding-top: 0
    }

    .classictranslations4 .list .right .bt .h {
        width: 240px;
        height: 79px
    }

    .classictranslations4 .list .right .li {
        margin: 20px 0
    }

    .classictranslations5 {
        padding-top: 50px
    }

    .classictranslations5 .list .x-wrap {
        width: 100%;
        overflow: hidden;
        background: url(../image/zjb/ccimg5bg.png) no-repeat center center/cover;
        min-height: auto;
        padding-top: 30px;
        margin-top: 20px;
        position: relative;
        padding-bottom: 160px;
        min-height: auto
    }

    .classictranslations5 .list .x-wrap .slick-mod .slick-list {
        margin: 0
    }

    .classictranslations5 .list .x-wrap .slick-mod .slick-slide {
        margin: 0
    }

    .classictranslations5 .list .x-wrap .slick-mod .slick-item {
        padding-top: 10px
    }

    .classictranslations5 .list .x-wrap .slick-mod .pic {
        position: relative;
        overflow: hidden;
        width: auto;
        max-width: 385px;
        max-height: 475px;
        margin: 0 auto
    }

    .classictranslations5 .list .x-wrap .slick-mod .pic::before {
        content: '';
        display: block;
        padding-top: 124.63054%
    }

    .classictranslations5 .list .x-wrap .slick-mod .pic .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .classictranslations5 .list .x-wrap .slick-mod .text {
        margin-top: 20px
    }

    .classictranslations5 .list .x-wrap .slick-prev {
        background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        left: 50%;
        bottom: -100px;
        margin-left: -55px
    }

    .classictranslations5 .list .x-wrap .slick-next {
        background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        right: 50%;
        bottom: -100px;
        position: absolute;
        margin-right: -55px
    }

    .classictranslations5 .list .x-wrap .gd {
        position: absolute;
        bottom: 100px;
        right: 0px
    }

    .classictranslations2 .x-wz {
        top: -70px
    }

    .classictranslations2 #a1 {
        top: -70px
    }
}

@media screen and (max-width: 400px) {
    .classictranslations5 .list .x-wrap {
        min-height:auto
    }

    .classictranslations5 .list .x-wrap .slick-prev {
        background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        left: 50%;
        bottom: -100px
    }

    .classictranslations5 .list .x-wrap .slick-next {
        background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        right: 50%;
        bottom: -100px;
        position: absolute
    }

    .classictranslations5 .list .x-wrap .gd {
        position: absolute;
        bottom: 50px;
        right: 0px
    }

    .classictranslations5 .list .x-wrap .gd {
        bottom: 100px
    }
}

.commission1 {
    padding: 86px 0px;
    background-color: #a93734
}

.commission1 .title {
    font-size: 60px;
    color: #ffe8b1;
    text-align: center
}

.commission1 .title_en {
    font-size: 58px;
    color: #ffe8b1;
    text-align: center;
    opacity: 0.5;
    margin-top: 4px;
    letter-spacing: 1px
}

.commission2 {
    padding: 70px 0px 54px 0;
}

.commission2 .de .more {
    font-size: 16px
}

.commission2 .block {
    display: none
}

.commission2 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commission2 .tab-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.commission2 .tab1 {
    border-bottom: 1px solid #d3d3d3
}

.commission2 .tab-mod .tab-term.cur .p {
    font-size: 18px;
    color: #333;
    max-width: 350px
}

@media screen and (max-width: 768px) {
    .commission2 .tab-mod .tab-term.cur .p {
        font-size:16px
    }
}

.commission2 .tab-mod .tab-term.cur .y {
    font-size: 16px;
    color: #333
}

.commission2 .tab-mod .tab-item {
    display: none
}

.commission2 .tab-mod .tab-item.act {
    display: block
}

.commission2 .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .commission2 .t {
        font-size:18px
    }
}

.commission2 .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px
}

.commission2 .left {
    width: 64.3089%;
    margin-left: 158px
}

.commission2 .left .tab-term.tt {
    margin-bottom: 53px
}

.commission2 .left .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.commission2 .left .pic {
    width: 399px
}

.commission2 .left .pic .i {
    width: 100%
}

.commission2 .left .tab-bar {
    margin-left: 23px;
    width: 373px
}

.commission2 .left .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .commission2 .left .t {
        font-size:18px
    }
}

.commission2 .left .p {
    color: #707070;
    font-size: 16px;
    height: 26px;
    -webkit-transition: all .32s;
    transition: all .32s
}

.commission2 .left .y {
    color: #707070;
    font-size: 14px;
    height: 20px;
    -webkit-transition: all .32s;
    transition: all .32s;
    margin-top: 4px;
    margin-bottom: 24px
}

.commission2 .left .tab-term {
    -webkit-transition: all .32s;
    transition: all .32s
}

.commission2 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.commission2 .right .top {
    padding-bottom: 58px
}

.commission2 .right .up {
    padding-top: 12px
}

.commission2 .right .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px
}

.commission2 .right .desc {
    color: #707070;
    font-size: 16px;
    margin-top: 18px
}

.commission2 .right .p {
    color: #707070;
    font-size: 16px;
    margin-bottom: 10px;
    -webkit-transition: all .32s;
    transition: all .32s
}

.commission2 .right .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .commission2 .right .t {
        font-size:18px
    }
}

.commission3 {
    padding-top: 62px;
    padding-bottom: 120px;
    background-color: #f0f0f0;
}

.commission3 .de .more {
    font-size: 16px
}

.commission3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commission3 .li {
    font-size: 16px;
    color: #515151
}

.commission3 .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .commission3 .t {
        font-size:18px
    }
}

.commission3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 500px
}

.commission3 .list .t {
    width: 100%;
    margin-bottom: 10px
}

.commission3 .list .li {
    width: 50%;
    margin-bottom: 16px;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-transition: all .32s;
    transition: all .32s
}

.commission3 .list .li:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #707070;
    border-radius: 50%;
    top: 10px;
    left: 1px
}

.commission3 .list1 {
    width: 291px
}

.commission3 .list1 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 28px
}

.commission3 .list1 .num {
    margin-left: 63px
}

.commission3 .list1 .yj {
    margin-left: 63px
}

.commission3 .list1 .n {
    margin-bottom: 4px
}

.commission3 .list1 .t {
    margin-bottom: 18px
}

.commission3 .list2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 158px
}

.commission3 .list2 .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 18px
}

.commission3 .list2 .li {
    margin-bottom: 20px;
    -webkit-transition: all .32s;
    transition: all .32s
}

@media screen and (min-width: 769px) {
    .commission2 .tab-bar.tab1 {
        padding-bottom:16px
    }

    .commission2 .tab-mod .tab-term {
        min-height: 54px
    }

    .commission2 .tab-mod .tab-term .p {
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .commission2 .tab-mod .tab-term.cur {
        color: #707070;
        font-size: 16px
    }

    .commission2 .de .more:hover {
        left: 10px
    }

    .commission3 .de .more:hover {
        left: 10px
    }

    .commission3 .list2 .li {
        max-width: 285px;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .commission3 .list2 .li:hover {
        font-size: 18px;
        color: #333;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .commission3 .list2 .li:hover {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .commission2 .right .p:hover {
        -webkit-transform:scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s;
        margin-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .commission2 .block .p {
        margin-top:20px
    }

    .commission1 {
        padding: 30px 0
    }

    .commission1 .title {
        font-size: 26px
    }

    .commission1 .title_en {
        font-size: 34px;
        letter-spacing: normal
    }

    .commission2 .right .top {
        padding-bottom: 30px
    }

    .commission2 {
        padding: 30px 0
    }

    .commission2 .x-wrap {
        display: block
    }

    .commission2 .tab-mod {
        display: block
    }

    .commission2 .dd.tab-demo {
        display: none
    }

    .commission2 .de {
        padding-top: 0
    }

    .commission2 .block {
        display: block
    }

    .commission2 .block .de {
        margin: 20px 0
    }

    .commission2 .block .li {
        width: 100%;
        margin-bottom: 25px
    }

    .commission2 .block .p {
        color: #707070;
        font-size: 16px;
        height: auto
    }

    .commission2 .block .y {
        color: #707070;
        font-size: 14px;
        height: auto
    }

    .commission2 .block .pic {
        width: 100%
    }

    .commission2 .block .pic img {
        width: 100%
    }

    .commission2 .left {
        width: 100%;
        margin-left: initial;
    }

    .commission2 .left .pic {
        width: 100%
    }

    .commission3 {
        padding: 30px 0
    }

    .commission3 .x-wrap {
        display: block
    }

    .commission3 .list {
        width: 100%
    }

    .commission3 .list .li {
        width: auto;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-right: 0px
    }

    .commission3 .list1 {
        width: 100%
    }

    .commission3 .list1 .li {
        margin-bottom: 10px
    }

    .commission3 .list1 .num {
        margin-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .commission3 .list1 .n {
        margin-right: 15px
    }

    .commission3 .list1 .yj {
        margin-left: 20px
    }

    .commission3 .list2 {
        width: 100%
    }
}

.commun1 {
    background-color: #f0f0f0;
    padding-top: 152px;
    position: relative
}

.commun1 .title_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    opacity: 1
}

.commun1 .title_en .t {
    opacity: 1;
    color: #dddddd
}

.commun1 .more {
    color: #333;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif;
    font-weight: normal
}

.commun1 .pic {
    position: relative;
    overflow: hidden;
    width: 764px
}

.commun1 .pic::before {
    content: '';
    display: block;
    padding-top: 56.28272%
}

.commun1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun1 .pic img {
    width: 100%
}

.commun1 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 37px
}

.commun1 .list {
    margin-left: 56px;
    width: calc(100% - 820px)
}

.commun1 .list .img {
    position: relative;
    overflow: hidden;
    display: none
}

.commun1 .list .img::before {
    content: '';
    display: block;
    padding-top: 56.28272%
}

.commun1 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun1 .list .t {
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #707070
}

.commun1 .list .y {
    font-size: 14px;
    font-family: avian;
    margin-top: 7px
}

.commun1 .list .p {
    font-size: 16px;
    line-height: 1.625;
    display: none;
    color: #707070
}

.commun1 .list .li {
    padding-top: 20px;
    position: relative;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 10px
}

.commun1 .list .li:first-child {
    padding-top: 0
}

.commun1 .cur .t {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    line-height: 1.44;
    white-space: normal;
    max-height: 2.88em;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    color: #333
}

@media screen and (max-width: 768px) {
    .commun1 .cur .t {
        font-size:16px
    }
}

.commun1 .cur .y {
    margin-top: 7px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    color: #333;
    font-size: 16px
}

.commun1 .cur .p {
    margin-top: 5px;
    display: block;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.commun2,.commun6 {
    padding-top: 152px;
    position: relative;
    min-height: 775px
}

.commun2 .top,.commun6 .top {
    text-align: right
}

.commun2 .title_en,.commun6 .title_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 10px;
    opacity: 1;
    margin-top: 8px
}

.commun2 .title_en .t,.commun6 .title_en .t {
    line-height: 90%;
    opacity: 1;
    color: #dddddd
}

.commun2 .more,.commun6 .more {
    color: #333;
    margin-top: 35px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif;
    font-weight: normal;
    min-width: 75px;
}

.commun2 .pic,.commun6 .pic {
    position: relative;
    overflow: hidden;
    width: 693px
}

.commun2 .pic::before,.commun6 .pic::before {
    content: '';
    display: block;
    padding-top: 56.42136%
}

.commun2 .pic .i,.commun6 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun2 .pic img,.commun6 .pic img {
    width: 100%
}

.commun2 .box,.commun6 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 46px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.commun2 .list,.commun6 .list {
    margin-right: auto;
    width: calc(100% - 820px)
}

.commun2 .list .img,.commun6 .list .img {
    position: relative;
    overflow: hidden;
    display: none
}

.commun2 .list .img::before,.commun6 .list .img::before {
    content: '';
    display: block;
    padding-top: 56.42136%
}

.commun2 .list .img .i,.commun6 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun2 .list .t,.commun6 .list .t {
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #707070
}

.commun2 .list .y,.commun6 .list .y {
    font-size: 14px;
    font-family: avian;
    margin-top: 7px
}

.commun2 .list .p,.commun6 .list .p {
    font-size: 16px;
    line-height: 1.625;
    display: none;
    color: #a0a0a0
}

.commun2 .list .li,.commun6 .list .li {
    padding-top: 10px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.commun2 .list .li:first-child,.commun6 .list .li:first-child {
    padding-top: 0
}

.commun2 .cur .t,.commun6 .cur .t {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.44;
    white-space: normal;
    max-height: 2.88em;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    color: #333
}

@media screen and (max-width: 768px) {
    .commun2 .cur .t,.commun6 .cur .t {
        font-size:18px
    }
}

.commun2 .cur .y,.commun6 .cur .y {
    margin-top: 7px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    color: #333;
    font-size: 16px
}

.commun2 .cur .p,.commun6 .cur .p {
    margin-top: 5px;
    display: block;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.commun3 {
    padding-top: 170px;
    position: relative
}

.commun3 .tab-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commun3 .tab-bar {
    background-color: #dddddd
}

.commun3 .tab-mod .tab-term {
    width: 287px;
    height: 50%;
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.commun3 .tab-mod .tab-term.cur {
    background-color: #c5b799;
    color: #333
}

.commun3 .tab-cont {
    width: calc(100% - 287px);
    background: url(../image/syb/back_05.jpg) no-repeat center center/cover
}

.commun3 .li a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.commun3 .t {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .commun3 .t {
        font-size:18px
    }
}

.commun3 .t_en {
    font-size: 18px;
    font-family: syst;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .commun3 .t_en {
        font-size:16px
    }
}

.commun3 .tab-item {
    padding: 34px 26px 50px 0;
    visibility: hidden;
    display: none;
    height: 468px
}

.commun3 .act.tab-item {
    visibility: visible;
    display: block
}

.commun3 .list_w {
    height: 385px
}

.commun3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 52px
}

.commun3 .list .li {
    color: #fff;
    width: 42%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 12px 0;
    padding-right: 20px;
    padding-left: 20px;
    position: relative;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto
}

.commun3 .list .li:nth-child(2n) {
    width: 42%;
    margin-left: auto
}

.commun3 .list .li:before {
    width: 5px;
    height: 5px;
    background-color: #fff;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.commun3 .mCSB_scrollTools {
    width: 10px
}

.commun3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c5b799
}

.commun3 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #6f221a
}

.commun3 .audio-mod {
    display: none
}

.commun3 .mCSB_inside>.mCSB_container {
    margin-right: 0
}

.commun4 {
    padding-top: 142px;
    background: url(../image/syb/commun4.png) no-repeat bottom center;
    position: relative
}

.commun4 .top {
    text-align: left
}

.commun4 .title_en {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 10px;
    opacity: 1;
    margin-top: 13px
}

.commun4 .title_en .t {
    width: 1000px;
    line-height: 90%;
    opacity: 1;
    color: #dddddd
}

.commun4 .more {
    color: #333;
    margin-top: 35px;
    font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif;
    font-weight: normal
}

.commun4 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 49px;
    position: relative
}

.commun4 .list::after {
    width: 345px;
    position: absolute;
    left: -345px;
    bottom: 0;
    height: 414px;
    background-color: #f0f0f0;
    content: "";
    display: block
}

.commun4 .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.commun4 .y {
    width: 92px;
    font-family: avian;
    text-align: center;
    padding-right: 20px;
    padding-top: 4px
}

.commun4 .y span {
    font-size: 50px;
    line-height: 1.2;
    display: block;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .commun4 .y span {
        font-size:30px
    }
}

.commun4 .rr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.commun4 .h {
    font-size: 20px;
    line-height: 1.3
}

@media screen and (max-width: 768px) {
    .commun4 .h {
        font-size:18px
    }
}

.commun4 .yy {
    display: none
}

.commun4 .li1 {
    width: 689px;
    background-color: #F0F0EE
}

.commun4 .li1 .pic {
    position: relative;
    overflow: hidden
}

.commun4 .li1 .pic::before {
    content: '';
    display: block;
    padding-top: 56.16836%
}

.commun4 .li1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun4 .li1 .bot {
    padding: 24px 52px 30px 0px
}

.commun4 .li1 .p {
    font-size: 16px;
    line-height: 1.625;
    margin-top: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

body:not(.lang-en) .commun4 .li1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.commun4 .li2 {
    width: 512px;
    margin-left: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    background-color: #c5b799
}

.commun4 .li2 .pic {
    position: relative;
    overflow: hidden
}

.commun4 .li2 .pic::before {
    content: '';
    display: block;
    padding-top: 56.05469%
}

.commun4 .li2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.commun4 .li2 .bot {
    padding: 46px 52px 55px 50px;
    height: 319px
}

.commun4 .li2 .y {
    width: 84px
}

.commun4 .li2 .p {
    font-size: 16px;
    line-height: 1.625;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

body:not(.lang-en) .commun4 .li2 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

@media screen and (min-width: 769px) {
    .commun1 .pic:hover .i {
        -webkit-transition:all 0.32s;
        transition: all 0.32s;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }

    .commun2 .pic:hover .i,.commun6 .pic:hover .i {
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }

    .commun4 .li:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .commun4 .li:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .commun1 .more:hover {
        left: 10px
    }

    .commun4 .more:hover {
        left: 10px
    }

    .commun3 .list .li:hover a {
        color: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .commun3 .list .li:hover::before {
        background: #c5b799;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (max-width: 768px) {
    .commun1 {
        padding-top:50px;
        padding-bottom: 50px
    }

    .title_en {
        margin-top: 0
    }

    .more {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .commun1 .pic {
        display: none
    }

    .commun1 .cur {
        border: 0;
        padding-bottom: 0
    }

    .commun1 .list {
        width: 100%;
        margin-left: 0
    }

    .commun1 .box {
        margin-top: 20px
    }

    .commun1 .list .img {
        display: block
    }

    .commun1 .list .p {
        display: block
    }

    .commun1 .list .t {
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
        max-height: 3em;
        height: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        margin-top: 8px;
        white-space: normal
    }

    .commun2,.commun6 {
        padding-top: 50px;
        min-height: auto
    }

    .commun2 .pic,.commun6 .pic {
        display: none
    }

    .commun2 .box,.commun6 .box {
        margin-top: 20px
    }

    .commun2 .cur,.commun6 .cur {
        border: 0;
        padding-bottom: 0
    }

    .commun2 .list,.commun6 .list {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .commun2 .list .img,.commun6 .list .img {
        display: block
    }

    .commun2 .list .p,.commun6 .list .p {
        display: block
    }

    .commun2 .list .t,.commun6 .list .t {
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
        max-height: 3em;
        height: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 20px;
        margin-top: 8px;
        white-space: normal
    }

    .commun2 .list .li,.commun6 .list .li {
        padding-top: 20px
    }

    .commun3 {
        padding-top: 50px
    }

    .commun3 .tab-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .commun3 .tab-bar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .commun3 .tab-mod .tab-term {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: auto;
        padding: 20px 0
    }

    .commun3 .tab-cont {
        width: 100%
    }

    .commun3 .list {
        margin-left: 20px
    }

    .commun3 .list .li {
        width: 100%
    }

    .commun3 .list .li:nth-child(2n) {
        width: 100%
    }

    .commun4 {
        padding-top: 50px
    }

    .commun4 .list {
        margin-top: 20px
    }

    .commun4 .li1 .bot {
        padding: 20px 10px
    }

    .commun4 .li1 {
        padding-bottom: 0;
        width: 100%
    }

    .commun4 .li .pic .i {
        width: 100%
    }

    .commun4 .y {
        width: 62px;
        padding-right: 10px;
        display: none
    }

    .commun4 .list::after {
        display: none
    }

    .commun4 .li2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .commun4 .li2 .bot {
        padding: 20px 10px;
        height: auto
    }

    .commun4 .yy {
        display: block;
        font-size: 14px;
        font-family: avian;
        margin-top: 7px
    }

    .commun4 .li1 .p {
        margin-top: 5px
    }

    .commun4 .li2 .p {
        margin-top: 5px
    }
}

.department2 .de .more {
    font-size: 16px
}

.department2 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 62px
}

.department2 .list1 {
    width: 573px;
    margin-right: 52px
}

.department2 .list1 .p {
    font-size: 16px;
    color: #707070;
    margin-top: 24px;
    -webkit-transition: all .32s;
    transition: all .32s;
    line-height: 1.6
}

body:not(.lang-en) .department2 .list1 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.department2 .list1 a {
    -webkit-transition: all .32s;
    transition: all .32s
}

.department2 .list1 .li {
    border-bottom: 1px solid #999999;
    padding-bottom: 32px;
    margin-bottom: 34px
}

.department2 .list1 .li:last-child {
    border-bottom: none
}

.department2 .list2 {
    width: 605px;
    margin-right: 0px
}

.department2 .list2 .pic {
    position: relative;
    overflow: hidden;
    width: 605px;
    margin-top: 28px
}

.department2 .list2 .pic::before {
    content: '';
    display: block;
    padding-top: 55.9194%
}

.department2 .list2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.department2 .list2 .pic .i {
    width: 100%
}

.department2 .list2 .tab-mod .tab-item {
    display: none
}

.department2 .list2 .tab-mod .tab-item.act {
    display: block
}

.department2 .list2 .p {
    font-size: 16px;
    color: #707070;
    margin-top: 18px;
    -webkit-transition: all .32s;
    transition: all .32s
}

.department2 .list2 .y {
    font-size: 16px;
    color: #707070;
    padding-bottom: 20px;
    -webkit-transition: all .32s;
    transition: all .32s;
    font-family: avian
}

.department2 .list3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.department2 .list3 .p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.5em;
    -webkit-line-clamp: 1
}

.department2 .list3 .li {
    padding-bottom: 24px
}

.department2 .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.department2 .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .department2 .t {
        font-size:18px
    }
}

.department2 .p {
    margin-top: 24px;
    font-size: 16px;
    color: #707070;
    -webkit-transition: all .32s;
    transition: all .32s
}

.department2 .li {
    border-bottom: 1px solid #999999;
    padding-bottom: 20px;
    margin-bottom: 32px
}

.department2 .li:last-child {
    border-bottom: none
}

.department2 .y {
    font-size: 14px;
    color: #707070;
    padding-bottom: 10px;
    -webkit-transition: all .32s;
    transition: all .32s;
    font-family: avian
}

.department2 .list4 {
    display: none
}

.department3 {
    height: 220px;
    background-color: #f0f0f0;
    padding-top: 46px
}

.department3 .de .more {
    font-size: 16px
}

.department3 .icon-left::before {
    content: "";
    width: 59px;
    height: 27px;
    position: absolute;
    background: url(../image/sxy/icon8.png) no-repeat center center/cover
}

.department3 .t {
    font-size: 28px;
    color: #333
}

@media screen and (max-width: 768px) {
    .department3 .t {
        font-size:20px
    }
}

.department3 .icon-right::before {
    content: "";
    width: 59px;
    height: 27px;
    position: absolute;
    background: url(../image/sxy/icon10.png) no-repeat center center/cover
}

.department3 .t {
    font-size: 28px;
    color: #333
}

@media screen and (max-width: 768px) {
    .department3 .t {
        font-size:20px
    }
}

.department3 .xicon {
    width: 49px;
    height: 27px
}

.department3 .tracker-mod.dir-hor .tracker-prev {
    right: 92px;
    position: absolute;
    top: 0
}

.department3 .tracker-mod.dir-hor .tracker-next {
    right: 0px;
    position: absolute;
    top: 0
}

.department3 .tracker-mod.dir-hor .tracker-box {
    text-align: left;
    margin-top: 36px
}

.department3 .tracker-mod.dir-hor .tracker-item {
    margin-right: 167px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    position: relative;
    vertical-align: top
}

.department3 .tracker-mod.dir-hor .tracker-item:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #707070;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: 0;
    top: 8px
}

@media screen and (min-width: 769px) {
    .department2 .x-wrap {
        padding-bottom:58px
    }

    .department2 .list1 .p a:hover {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .department2 .list1 .p a:hover {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .department2 .list1 .p1 {
        white-space:nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .department2 .list2 .tab-mod .tab-term.cur {
        color: #707070;
        font-size: 16px
    }

    .department2 .list2 .tab-mod .tab-term.cur .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .department2 .list2 .tab-mod .tab-term.cur .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .department2 .list2 .tab-mod .tab-term.cur .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }

    .department2 .list2 .tab-mod .tab-term:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .department2 .list2 .tab-mod .tab-term:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .department2 .list2 .tab-mod .tab-term:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }

    .department2 .list3 .li a:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .department2 .list3 .li a:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .department2 .list3 .li a:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }

    .department2 .list3 .li .p {
        height: 28px
    }

    .department2 .list3 .li .y {
        height: 27px
    }
}

@media screen and (max-width: 768px) {
    .department3 .tracker-mod.dir-hor .tracker-next {
        right:13px
    }

    .department2 {
        padding: 30px 0
    }

    .department2 .li {
        border-bottom: none
    }

    .department2 .p {
        margin-top: 10px
    }

    .department2 .x-wrap {
        display: block;
        padding-top: 0
    }

    .department2 .list1 {
        width: 100%;
        border-bottom: 1px solid #999
    }

    .department2 .list1 .li {
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .department2 .list1 .p {
        margin-top: 5px
    }

    .department2 .list1 .li:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .department2 .list3 {
        width: 100%;
        margin-top: 20px
    }

    .department2 .list3 .p {
        margin-top: 5px
    }

    .department2 .list3 .li {
        margin-bottom: 20px;
        padding-bottom: 8px;
        border-bottom: 1px solid #999
    }

    .department2 .list3 .li:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .department2 .list2 {
        display: none
    }

    .department2 .list4 {
        display: block;
        border-bottom: 1px solid #999
    }

    .department2 .list4 .de {
        margin-bottom: 20px;
        margin-top: 20px
    }

    .department2 .list4 .li {
        padding: 0;
        margin-bottom: 7px;
        border-bottom: none
    }

    .department2 .list4 .li:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .department2 .list4 .pic {
        width: 100%
    }

    .department2 .list4 .pic img {
        width: 100%
    }

    .department3 {
        padding: 20px 0;
        height: 160px
    }

    .department3 .icon-left::before {
        width: 40px;
        background-size: 100%
    }

    .department3 .icon-right::before {
        width: 40px;
        background-size: 100%
    }

    .department3 .tracker-mod.dir-hor .tracker-item {
        margin-right: 30px
    }
}

.details1 {
    margin: 96px 50px 0;
    background-color: #f0f0f0
}

.details1 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.details1 .img {
    position: relative;
    overflow: hidden;
    width: 301px;
    top: -40px
}

.details1 .img::before {
    content: '';
    display: block;
    padding-top: 132.89037%
}

.details1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.details1 .img .i {
    width: 100%;
    height: 100%
}

.details1 .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 105px 0 135px 100px
}

.details1 .desc .text {
    height: 500px
}

.details1 .desc .h {
    font-size: 40px;
    line-height: 1.2;
    color: #333;
    margin-bottom: 36px
}

@media screen and (max-width: 768px) {
    .details1 .desc .h {
        font-size:26px
    }
}

.details1 .desc .h span {
    font-size: 20px;
    margin-left: 28px
}

@media screen and (max-width: 768px) {
    .details1 .desc .h span {
        font-size:18px
    }
}

.details1 .desc .p {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    width: 720px
}

body:not(.lang-en) .details1 .desc .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.details1 .desc .mCSB_scrollTools {
    width: 10px;
    top: 10px
}

.details1 .desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.details1 .desc .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

@media screen and (max-width: 1400px) {
    .details1 .desc .mCSB_scrollTools {
        right:30px
    }
}

@media screen and (max-width: 768px) {
    .details1 {
        margin:0;
        padding-top: 40px
    }

    .details1 .x-wrap {
        display: block
    }

    .details1 .img {
        width: 50%;
        top: 0;
        margin: 0 auto
    }

    .details1 .desc {
        margin: 20px 0 0
    }

    .details1 .desc .h {
        margin-bottom: 30px;
        text-align: center;
        font-size: 18px
    }

    .details1 .desc .h span {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        font-size: 16px
    }

    .details1 .desc .p {
        margin-bottom: 10px;
        width: 100%
    }

    .details1 .desc .text {
        padding: 0 0 50px 0;
        height: 400px
    }

    .details1 .desc .mCSB_scrollTools {
        right: 0
    }
}

.download1 {
    padding: 118px 0 150px;
    background: url(../image/syb/icon_w2.png) no-repeat right bottom
}

.download1 .list {
    margin-top: 58px
}

.download1 .title_en {
    font-size: 38px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .download1 .title_en {
        font-size:24px
    }
}

.download1 .li {
    background-color: #f0f0f0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.download1 .li a {
    display: block;
    font-size: 16px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.download1 .li .t {
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 60%
}

.download1 .li .d {
    padding-right: 33px;
    background: url(../image/syb/icon_down.png) no-repeat right center
}

.download1 .li+.li {
    margin-top: 20px
}

@media screen and (min-width: 769px) {
    .download1 .li:hover {
        background-color:#dcdcdc;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .download1 .li:hover a {
        font-size: 18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .download1 .li:hover a {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .download1 {
        padding:40px 0 70px;
        background-size: 200px
    }

    .download1 .list {
        margin-top: 25px
    }
}

.educationat1 {
    margin: -1px;
    position: relative
}

.educationat1 .ban {
    position: relative;
    overflow: hidden
}

.educationat1 .ban::before {
    content: '';
    display: block;
    padding-top: 31.97917%
}

.educationat1 .ban .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat1 .ban .i {
    width: 100%
}

.educationat2 {
    padding-top: 105px;
    position: relative
}

.educationat2 #a1 {
    position: absolute;
    top: -70px
}

.educationat2 .title {
    text-align: left
}

.educationat2 .title_en {
    text-align: left
}

.educationat2 .desc {
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 18px
}

.educationat2 .bottom .x-wrap {
    width: 1230px;
    padding-left: 0px;
    padding-right: 0px;
    height: 690px;
    margin-top: 35px
}

.educationat2 .tab-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 0px;
    width: 100%;
    height: auto
}

.educationat2 .tab-bar {
    width: 36.5203%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
    height: 515px;
    text-align: left;
    margin-top: 80px
}

.educationat2 .tab-bar .mCSB_scrollTools {
    width: 10px
}

.educationat2 .tab-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.educationat2 .tab-bar .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.educationat2 .tab-term {
    font-size: 16px;
    line-height: 50px;
    text-align: left;
    margin-bottom: 2px;
    margin: 0 40px 0 100px;
    color: #707070
}

.educationat2 .tab-term.cur {
    color: #333333;
    font-size: 18px;
    line-height: 50px
}

@media screen and (max-width: 768px) {
    .educationat2 .tab-term.cur {
        font-size:16px
    }
}

.educationat2 .tab-term:last-child {
    margin-bottom: 0
}

.educationat2 .tab-cont {
    width: 75.8709%
}

.educationat2 .pic {
    position: relative;
    overflow: hidden;
    margin-left: -345px
}

.educationat2 .pic::before {
    content: '';
    display: block;
    padding-top: 57.90816%
}

.educationat2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat2 .pic img {
    width: 100%
}

.educationat2 .tab-item {
    width: 100%;
    display: none;
    height: 100%
}

.educationat2 .tab-item a {
    width: 100%;
    height: 100%
}

.educationat2 .tab-item.act {
    display: block
}

.educationat3 {
    padding-top: 150px;
    position: relative
}

.educationat3 .title {
    text-align: right
}

.educationat3 .title_en {
    text-align: right
}

.educationat3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .educationat3 .list {
        font-size:18px
    }
}

.educationat3 .li {
    width: calc((100% - 30px)/2);
    margin-right: 30px
}

.educationat3 .li .pic {
    position: relative;
    overflow: hidden;
    width: 600px;
    width: 100%
}

.educationat3 .li .pic::before {
    content: '';
    display: block;
    padding-top: 55.5%
}

.educationat3 .li .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat3 .li .p {
    text-align: center;
    margin: 16px 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat3 .li:nth-child(2n) {
    margin-right: 0
}

.educationat4 {
    padding-top: 150px;
    position: relative
}

.educationat4 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.educationat4 .text {
    width: 615px;
    padding-top: 40px;
    padding-right: 30px
}

.educationat4 .title {
    text-align: right
}

.educationat4 .title_en {
    text-align: right
}

.educationat4 .txt {
    font-size: 20px;
    color: #333;
    margin-top: 35px
}

@media screen and (max-width: 768px) {
    .educationat4 .txt {
        font-size:18px
    }
}

.educationat4 .txt .pic {
    position: relative;
    overflow: hidden;
    width: 601px;
    width: 100%;
    padding-left: 10px
}

.educationat4 .txt .pic::before {
    content: '';
    display: block;
    padding-top: 67.72047%
}

.educationat4 .txt .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat4 .txt .p {
    text-align: left;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat4 .list {
    color: #333;
    font-size: 20px;
    padding-left: 137px;
    width: 615px
}

@media screen and (max-width: 768px) {
    .educationat4 .list {
        font-size:18px
    }
}

.educationat4 .li {
    width: 488px
}

.educationat4 .li .pic {
    position: relative;
    overflow: hidden;
    width: 488px;
    width: 100%
}

.educationat4 .li .pic::before {
    content: '';
    display: block;
    padding-top: 55.32787%
}

.educationat4 .li .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat4 .li .p {
    text-align: center;
    margin: 16px 0 50px 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat5 {
    padding-top: 115px;
    position: relative
}

.educationat5 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.educationat5 .right {
    width: 610px;
    padding-top: 36px
}

.educationat5 .title {
    text-align: right
}

.educationat5 .title_en {
    text-align: right;
    margin-top: 10px;
    line-height: 1
}

.educationat5 .left {
    font-size: 20px;
    width: 620px
}

@media screen and (max-width: 768px) {
    .educationat5 .left {
        font-size:18px
    }
}

.educationat5 .left .pic {
    position: relative;
    overflow: hidden;
    width: 620px;
    width: 100%
}

.educationat5 .left .pic::before {
    content: '';
    display: block;
    padding-top: 55.64516%
}

.educationat5 .left .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat5 .left .p {
    text-align: left;
    margin: 16px 0 2px 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat5 .list {
    color: #333;
    font-size: 20px;
    text-align: right;
    width: 875px;
    margin-left: 355px
}

@media screen and (max-width: 768px) {
    .educationat5 .list {
        font-size:18px
    }
}

.educationat5 .pic {
    position: relative;
    overflow: hidden;
    width: 875px;
    width: 100%
}

.educationat5 .pic::before {
    content: '';
    display: block;
    padding-top: 55.42857%
}

.educationat5 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat5 .p {
    text-align: left;
    margin: 16px 0 0 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat6 {
    padding-top: 160px;
    position: relative
}

.educationat6 .x-wrap {
    position: relative
}

.educationat6 .x-wrap::after {
    content: "";
    width: 598px;
    height: 522px;
    background: url(../image/zjb/educationat6wo.png);
    position: absolute;
    top: 320px;
    right: -425px
}

.educationat6 .title_en {
    text-align: left;
    margin-top: 7px
}

.educationat6 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    margin-top: 35px;
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .educationat6 .list {
        font-size:18px
    }
}

.educationat6 .li {
    width: calc((100% - 30px)/2);
    margin-right: 30px
}

.educationat6 .li .pic {
    position: relative;
    overflow: hidden;
    width: 600px;
    width: 100%
}

.educationat6 .li .pic::before {
    content: '';
    display: block;
    padding-top: 55.5%
}

.educationat6 .li .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.educationat6 .li .p {
    text-align: center;
    margin: 16px 0;
    font-size: 16px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.educationat6 .li:nth-child(2n) {
    margin-right: 0
}

.educationat7 {
    padding-top: 150px;
    position: relative
}

.educationat7 .x-wrap {
    position: relative
}

.educationat7 .gd {
    position: absolute;
    bottom: 150px;
    right: 345px;
    z-index: 2
}

.educationat7 .title {
    text-align: left
}

.educationat7 .title_en {
    text-align: left
}

.educationat7 .bottom {
    width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.educationat7 .bottom::after {
    content: "";
    width: 1920px;
    background-color: #e0e0e0;
    height: 515px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

.educationat7 .slick-mod {
    height: 685px;
    position: relative;
    margin-top: 15px
}

.educationat7 .slick-mod .slick-list {
    margin: 0 -160px
}

.educationat7 .slick-mod .slick-slide {
    margin: 0 15px
}

.educationat7 .slick-mod .slick-item {
    width: 100%
}

.educationat7 .slick-mod .pic {
    position: relative
}

.educationat7 .slick-mod .mb {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0
}

.educationat7 .slick-mod .list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(92,40,30,0.8);
    color: #fff;
    display: none
}

.educationat7 .slick-mod .list .text {
    position: absolute;
    bottom: 33px;
    width: 100%
}

.educationat7 .slick-mod .list .text .h {
    font-size: 20px;
    font-size: 20px;
    padding-left: 35px;
    padding-right: 70px
}

@media screen and (max-width: 768px) {
    .educationat7 .slick-mod .list .text .h {
        font-size:18px
    }
}

.educationat7 .slick-mod .list .text .p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 28px;
    padding-left: 35px;
    padding-right: 70px
}

.educationat7 .slick-mod .item1 {
    width: auto
}

.educationat7 .slick-mod .item1 img {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item2 {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item2 img {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item3 {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item3 img {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item4 {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item4 img {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item5 {
    width: auto;
    height: 400px
}

.educationat7 .slick-mod .item5 img {
    width: auto;
    height: 400px
}

.educationat7 .slick-prev {
    background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    left: 50%;
    bottom: 175px;
    margin-left: -75px
}

.educationat7 .slick-next {
    background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    right: 50%;
    bottom: 175px;
    position: absolute;
    margin-right: -75px
}

@media screen and (min-width: 769px) {
    .educationat2 .tab-term:hover {
        color:#333333;
        font-size: 18px;
        line-height: 50px
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .educationat2 .tab-term:hover {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .slick-item:hover .mask {
        opacity:1
    }

    .educationat3 .li:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat3 .li:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat4 .list .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat4 .list .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat5 .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat5 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat6 .li:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat6 .li:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .educationat7 .slick-mod .slick-item:hover .list {
        display: block
    }
}

@media screen and (max-width: 1919px) {
    .educationat7 .bottom .x-wrap {
        width:100%;
        margin: 0 auto;
        position: relative
    }
}

@media screen and (max-width: 1440px) {
    .educationat2 {
        padding-top:105px
    }

    .educationat2 .title {
        text-align: left
    }

    .educationat2 .title_en {
        text-align: left;
        margin-top: 7px
    }

    .educationat2 .desc {
        text-align: center;
        font-size: 16px;
        color: #000;
        margin-top: 18px
    }

    .educationat2 .bottom {
        width: 1230px;
        padding-left: 0px;
        padding-right: 0px;
        height: 550px;
        margin-top: 20px
    }

    .educationat2 .tab-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 0px;
        width: 100%;
        height: auto
    }

    .educationat2 .tab-bar {
        width: 24.1291%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
        height: 400px;
        text-align: left;
        margin-top: 70px
    }

    .educationat2 .tab-bar .mCSB_scrollTools {
        width: 10px
    }

    .educationat2 .tab-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        background-color: #c8c8c8
    }

    .educationat2 .tab-bar .mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: #e0e0e0
    }

    .educationat2 .tab-term {
        font-size: 16px;
        line-height: 50px;
        text-align: left;
        margin-bottom: 2px;
        margin: 0 0px 0 50px
    }

    .educationat2 .tab-term.cur {
        color: #5b170f;
        font-size: 18px;
        line-height: 50px
    }
}

@media screen and (max-width: 1440px) and (max-width: 768px) {
    .educationat2 .tab-term.cur {
        font-size:16px
    }
}

@media screen and (max-width: 1440px) {
    .educationat2 .tab-term:last-child {
        margin-bottom:0
    }

    .educationat2 .tab-cont {
        width: 75.8709%
    }

    .educationat2 .pic {
        width: 100%;
        margin-left: 0
    }

    .educationat2 .tab-item {
        width: 100%;
        display: none;
        height: 100%
    }

    .educationat2 .tab-item a {
        width: 100%;
        height: 100%
    }

    .educationat2 .tab-item.act {
        display: block
    }

    .educationat7 .bottom {
        width: 100%;
        margin: 0 auto;
        position: relative
    }
}

@media screen and (max-width: 768px) {
    .bread-mod .bread-item+.bread-item:before {
        padding:0 0.1rem
    }

    .educationat2 .bottom {
        height: auto;
        width: 100%
    }

    .educationat2 {
        padding-top: 50px
    }

    .educationat2 .title {
        text-align: left
    }

    .educationat2 .title_en {
        text-align: left
    }

    .educationat2 .desc {
        text-align: center;
        font-size: 16px;
        color: #000;
        margin-top: 18px
    }

    .educationat2 .bottom .x-wrap {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-top: 20px;
        padding: 0 15px
    }

    .educationat2 .tab-mod {
        display: block;
        margin-top: 0px;
        width: 100%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .educationat2 .tab-bar {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
        height: 240px;
        text-align: left;
        margin-top: 0px
    }

    .educationat2 .tab-bar .mCSB_scrollTools {
        width: 10px
    }

    .educationat2 .tab-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        background-color: #c8c8c8
    }

    .educationat2 .tab-bar .mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: #e0e0e0
    }

    .educationat2 .tab-term {
        font-size: 16px;
        line-height: 50px;
        text-align: left;
        margin-bottom: 2px;
        margin: 0 40px 0 25px
    }

    .educationat2 .tab-term.cur {
        color: #333333;
        font-size: 18px;
        line-height: 50px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .educationat2 .tab-term.cur {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .educationat2 .tab-term:last-child {
        margin-bottom:0
    }

    .educationat2 .tab-cont {
        width: 100%;
        display: none
    }

    .educationat2 .pic {
        width: 100%
    }

    .educationat2 .tab-item {
        width: 100%;
        display: none;
        height: auto
    }

    .educationat2 .tab-item a {
        width: 100%;
        height: auto
    }

    .educationat2 .tab-item.act {
        display: block
    }

    .educationat3 {
        padding-top: 50px
    }

    .educationat3 .title {
        text-align: left
    }

    .educationat3 .title_en {
        text-align: left
    }

    .educationat3 .list {
        display: block;
        margin-top: 20px
    }

    .educationat3 .li {
        width: 100%;
        margin-right: 0
    }

    .educationat4 {
        padding-top: 50px
    }

    .educationat4 .x-wrap {
        display: block
    }

    .educationat4 .text {
        width: 100%;
        height: auto;
        padding-right: 0;
        padding-top: 0
    }

    .educationat4 .title {
        text-align: left
    }

    .educationat4 .title_en {
        text-align: left
    }

    .educationat4 .txt img {
        width: 100%;
        height: auto;
        margin-top: 0px
    }

    .educationat4 .txt .p {
        margin: 20px 0 20px 0;
        text-align: center
    }

    .educationat4 .list {
        padding-left: 0;
        width: 100%
    }

    .educationat4 .li {
        width: 100%
    }

    .educationat4 .li .pic {
        position: relative;
        overflow: hidden;
        width: 488px;
        width: 100%
    }

    .educationat4 .li .pic::before {
        content: '';
        display: block;
        padding-top: 55.32787%
    }

    .educationat4 .li .pic .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .educationat4 .li .p {
        text-align: center;
        margin: 10px 0 10px 0;
        font-size: 16px
    }

    .educationat5 {
        padding-top: 50px
    }

    .educationat5 .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .educationat5 .right {
        width: 100%;
        height: auto;
        padding-top: 0
    }

    .educationat5 .title {
        text-align: left
    }

    .educationat5 .title_en {
        text-align: left
    }

    .educationat5 .left {
        font-size: 20px;
        margin-top: 20px;
        width: 100%
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .educationat5 .left {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .educationat5 .left img {
        width:100%;
        height: auto
    }

    .educationat5 .left .p {
        text-align: center;
        margin: 20px 0 10px 0
    }

    .educationat5 .list {
        width: 100%;
        height: auto;
        margin-left: 0
    }

    .educationat5 img {
        width: 100%;
        height: auto
    }

    .educationat5 .p {
        text-align: center;
        margin: 20px 0 30px 0
    }

    .educationat6 {
        padding-top: 50px
    }

    .educationat6 .x-wrap::after {
        display: none
    }

    .educationat6 .educationat6img {
        display: none
    }

    .educationat6 .title {
        text-align: left
    }

    .educationat6 .title_en {
        text-align: left
    }

    .educationat6 .list {
        display: block;
        margin-top: 20px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .educationat6 .list {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .educationat6 .li {
        width:100%;
        margin-right: 0
    }

    .educationat7 .slick-mod .mb {
        display: none
    }

    .educationat7 {
        padding-top: 50px
    }

    .educationat7 .bottom {
        position: relative;
        margin-top: 20px
    }

    .educationat7 .gd {
        position: absolute;
        bottom: 30px;
        right: 15px
    }

    .educationat7 .title {
        text-align: left
    }

    .educationat7 .title_en {
        text-align: left
    }

    .educationat7 .slick-mod {
        height: auto;
        padding-bottom: 100px;
        margin-top: 0
    }

    .educationat7 .slick-mod .slick-list {
        margin: 0 0;
        height: auto
    }

    .educationat7 .slick-mod .slick-slide {
        margin: 0 0
    }

    .educationat7 .slick-mod .slick-item {
        position: relative;
        overflow: inherit
    }

    .educationat7 .slick-mod .list {
        position: static;
        width: 100%;
        height: 100px;
        background-color: rgba(92,40,30,0.8);
        color: #fff;
        display: block;
        padding: 20px 0
    }

    .educationat7 .slick-mod .list .text {
        position: static;
        bottom: 33px;
        width: 100%;
        text-align: left
    }

    .educationat7 .slick-mod .list .text .h {
        font-size: 20px;
        font-size: 20px;
        padding-left: 35px;
        padding-right: 70px;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .educationat7 .slick-mod .list .text .h {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .educationat7 .slick-mod .list .text .p {
        margin-top:10px;
        font-size: 16px;
        line-height: 28px;
        padding-left: 35px;
        padding-right: 70px;
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .educationat7 .slick-mod .item1 {
        width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center
    }

    .educationat7 .slick-mod .item1 img {
        width: auto;
        height: auto;
        max-height: 300px
    }

    .educationat7 .slick-mod .item2 {
        width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center
    }

    .educationat7 .slick-mod .item2 img {
        width: auto;
        height: auto;
        max-height: 300px
    }

    .educationat7 .slick-mod .item3 {
        width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center
    }

    .educationat7 .slick-mod .item3 img {
        width: 100%;
        height: auto;
        max-height: 300px
    }

    .educationat7 .slick-mod .item4 {
        width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center
    }

    .educationat7 .slick-mod .item4 img {
        width: 100%;
        height: auto;
        max-height: 300px
    }

    .educationat7 .slick-mod .item5 {
        width: 100%;
        height: auto;
        max-height: 100%;
        text-align: center
    }

    .educationat7 .slick-mod .item5 img {
        width: auto;
        height: auto;
        max-height: 300px
    }

    .educationat7 .slick-prev {
        background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        left: 50%;
        bottom: 40px;
        margin-left: -55px
    }

    .educationat7 .slick-next {
        background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        right: 50%;
        bottom: 40px;
        position: absolute;
        margin-right: -55px
    }
}

.section {
    padding-top: 123px
}

.home1 {
    width: 100%;
    height: 100%
}

.home1 .slick-mod {
    height: 100%;
    position: relative
}

.home1 .slick-mod .slick-item {
    height: 100%;
    width: 100%
}

.home1 .slick-mod .slick-list {
    height: 100%
}

.home1 .slick-mod .slick-track {
    height: 100%
}

.home1 .slick-mod .slick-slide div {
    height: 100%;
    width: 100%
}

.home1 .slick-mod .slick-slide .pic {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.home1 .slick-mod .slick-slide.slick-active .pic {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.home1 .slick-mod .slick-dots {
    position: absolute;
    bottom: 50px;
    text-align: center;
    left: 0;
    width: 100%
}

.home1 .slick-mod .slick-dot {
    width: 18px;
    height: 18px;
    background: #D9D9D9;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block
}

.home1 .slick-mod .slick-dot.slick-active {
    background: #5B160E
}

.home1 .slick-mod .pic {
    position: relative;
    overflow: hidden
}

.home1 .slick-mod .pic::before {
    content: '';
    display: block;
    padding-top: 44.73958%
}

.home1 .slick-mod .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home1 .slick-mod .pic .i {
    width: 100%;
    height: 100%
}

.home1 .slick-mod .slick-arrow {
    width: 59px;
    height: 59px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transform: all 0.32s;
    -ms-transform: all 0.32s;
    transform: all 0.32s
}

.home1 .slick-mod .slick-prev {
    background: url(../image/rj/prev.png);
    left: 6.2%
}

.home1 .slick-mod .slick-next {
    background: url(../image/rj/prev.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 6.2%
}

.home2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-image: url(../image/rj/bg1.webp), url(../image/rj/bg2.webp);
    background-repeat: no-repeat,repeat-x;
    background-position: right,right;
    background-size: auto 100%;
}

.home2 .left {
    flex: 1;
    position: relative;
}

.home2 .left .box {
    display: none;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.home2 .left .box.show {
    display: flex;
    left: -136px;
}

.home2 .left .list {
    padding-top: 84px;
}


.home2 .left .text {
    color: #fff;
    background: url(../image/rj/bg1.png);
    position: absolute;
    left: 0
}

.home2 .left .item .img {
    width: 100%;
}

.home2 .left .item .img::before {
    content: '';
    display: block;
    padding-top: 56.30631%
}

.home2 .left .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home2 .left .item .img .i {
    display: block;
    max-width: inherit;
    max-height: inherit;
    height: 100%;
    width: initial
}

.home2 .left .item .text {
    padding: 10px 20px;
    width: 100%
}

.home2 .left .item .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.home2 .left .item .h {
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.home2 .left .h {
    font-size: 20px;
}

.home2 .left .item .img .mask img {
    height: 100%;
    width: 100%;
}

img {}

@media screen and (max-width: 768px) {
    .home2 .left .item1 .img .mask img, .home2 .left .item2 .img .mask img {
        max-height: initial;
        max-width: 100%;
    }

    .home2 .left .h {
        font-size: 18px
    }
}

.home2 .left .date {
    display: none;
    font-size: 14px;
    font-family: 'avian'
}

.home2 .left .p {
    margin-top: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

body:not(.lang-en) .home2 .left .p {
    text-align: justify;
    text-justify: inter-ideograph;
    display: none;
}


.home2 .left .item {
    position: relative;
    width: 528px;
    height: 297px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.home2 .left .item1 {
    margin-bottom: 1px;
}

.home2 .left .item2 {
    height: 298px;
}

.home2 .item.item3, .home2 .item.item4, .home2 .item.item5 {
    display: none;
}


.home2 .left .more {
    position: absolute;
    bottom: calc(50% - 344px);
    left: 554px;
    font-size: 16px
}

@media screen and (min-width: 2000px) {
.home2 .left .list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 681px;
    align-content: flex-start;
}

.home2 .left .item3 .img .mask ,.home2 .left .item4 .img .mask ,.home2 .left .item5 .img .mask {
display:none;
}    
.home2 .left .item3 .img .text ,.home2 .left .item4 .img .text ,.home2 .left .item5 .img .text {top:0;bottom: unset;color: #000;background-image: none;padding: 20px;}        
.home2 .left .item3 .img .text .p ,.home2 .left .item4 .img .text .p,.home2 .left .item5 .img .text .p{
display:-webkit-box;    
}    
.home2 .left .more {
                   left: 1095px;
                   }
.home2 .left .item3 .date ,.home2 .left .item4 .date,.home2 .left .item5 .date{display:block;position: absolute;top: 177px;}   

.home2 .item.item3, .home2 .item.item4, .home2 .item.item5 {
    height: 198px;
    display: flex;
    margin-left: 1px;
    background-color: #fff;
    margin-bottom: 1px;
}
    
}
.home2 .right {
    -ms-flex: 0 0 357px;
    flex: 0 0 357px;
    position: relative;
    width: 370px;
}

.home2 .right .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    padding: 0 0 0 35%;
    flex-direction: column;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.home2 .right .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-top: 25px;
}

.home2 .right .term {
    font-size: 30px;
    color: #707070;
    background-color: #eeeeee;
    margin-bottom: 1px;
    padding: 39px 25px;
    cursor: pointer;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 768px) {
    .home2 .right .term {
        font-size:22px
    }
}

.home2 .right .term.cur {
    color: #ffffff;
    background-color: #c5b799;
}

.home3 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home3 .left {
    width: 69.5%;
    height: 100%;
    position: relative
}

.home3 .left .title_ch {
    padding: 43px 0;
    margin-left: 75px
}

.home3 .left .box {
    height: 75.6%;
    background: url(../image/rj/h3.jpg) no-repeat center center/cover;
    padding: 0 17.3% 0 28.8%;
    position: relative
}

.home3 .left .list {
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 98px 0 120px 0
}

.home3 .left .item {
    position: relative;
    margin-top: 20px
}

.home3 .left .item:first-child {
    margin-top: 0
}

.home3 .left .item1 {
    margin-top: 0
}

.home3 .left .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home3 .left .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'avian'
}

.home3 .left .d1 {
    font-size: 50px;
    margin-right: 37px;
    position: relative
}

.home3 .left .d1::after {
    content: "";
    width: 1px;
    height: 57px;
    background: rgba(255,255,255,0.5);
    position: absolute;
    right: -18.5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.home3 .left .p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    width: 553px;
    padding-left: 20px;
    position: relative
}

body:not(.lang-en) .home3 .left .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.home3 .left .p::before {
    position: absolute;
    left: 5px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    top: 10px
}

.home3 .left .more_w {
    margin-left: auto;
    margin-top: 15px;
    width: 61px
}

.home3 .left .tit_en {
    width: 550px;
    height: 82px;
    position: absolute;
    right: 0;
    bottom: 0
}

.home3 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background: #C5B799;
    position: relative;
    padding-top: 164px
}

.home3 .right .title_ch {
    margin-bottom: 20px
}

.home3 .right .box {
    height: 100%;
    padding-left: 15.2%;
    position: relative;
    padding-right: 50px
}

.home3 .right .item {
    margin-top: 12px
}

.home3 .right .tit_en {
    width: 502px;
    height: 115px;
    position: absolute;
    right: 0;
    top: 0
}

.home3 .right .p {
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    min-height: 27px
}

.home3 .right .more {
    margin-top: 28px
}

.home3 .right .date {
    margin-top: 8px;
    font-size: 14px;
    font-family: 'avian'
}

.home4 {
    height: 100%;
    position: relative
}

.home4 .title_en {
    opacity: 1
}

.home4 .tab-mod {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home4 .tab-cont {
    width: 69.5%;
    height: 100%;
    background: #5B160E;
    position: relative
}

.home4 .tab-cont .mask {
    width: 69.5%;
    right: 0;
    top: 0;
    left: 30.5%;
    display: none
}

.home4 .tab-cont .tab-item {
    display: none
}

.home4 .tab-cont .tab-item.act {
    display: block
}

.home4 .tab-cont .titles {
    position: absolute;
    left: 240px;
    top: 4.6%;
    color: #fff;
    z-index: 2
}

.home4 .tab-cont .title_en {
    font-size: 50px;
    line-height: 1.2;
    color: #fff
}

@media screen and (max-width: 768px) {
    .home4 .tab-cont .title_en {
        font-size:30px
    }
}

.home4 .tab-cont .pict {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.home4 .tab-cont .pic {
    position: relative;
    overflow: hidden
}

.home4 .tab-cont .pic::before {
    content: '';
    display: block;
    padding-top: 53.93258%
}

.home4 .tab-cont .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home4 .tab-cont .pic img {
    width: 100%
}

.home4 .tab-bar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background: #F0F0F0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 40px 0 92px
}

.home4 .tab-bar .tab-box {
    height: 720px;
    width: 100%
}

.home4 .tab-bar .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.home4 .tab-bar .tab-term {
    font-size: 24px;
    margin-top: 13px;
    color: #707070
}

@media screen and (max-width: 768px) {
    .home4 .tab-bar .tab-term {
        font-size:18px
    }
}

.home4 .tab-bar .tab-term.cur {
    color: #333333
}

.home4 .tab-bar .mCSB_scrollTools {
    width: 10px
}

.home4 .tab-bar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.home4 .tab-bar .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.home5 {
    height: 100%;
    position: relative
}

.home5 .title_ch {
    padding: 22px 0;
    margin-left: 75px
}

.home5 .box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.home5 .left {
    width: 69.5%;
    position: relative;
    z-index: 2;
    height: 100%
}

.home5 .item {
    width: 100%;
    height: 100%
}

.home5 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background: #5B160E;
    position: relative;
    padding: 0 5.4%
}

.home5 .list2 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home5 .li {
    font-size: 24px;
    color: #fff;
    margin-top: 42px
}

@media screen and (max-width: 768px) {
    .home5 .li {
        font-size:18px
    }
}

.home5 .pic {
    position: relative;
    overflow: hidden
}

.home5 .pic::before {
    content: '';
    display: block;
    padding-top: 53.21856%
}

.home5 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home5 .pic img {
    width: 100%;
    height: 100%
}

.home5 .right .slick-slide.slick-current.slick-active a {
    color: #c5b799
}

.home5 .cur a {
    color: #c5b799
}

.home5 .tit_en {
    width: 154px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-size: contain !important
}

.home5 .slick-arrow {
    width: 94px;
    height: 94px;
    position: absolute;
    bottom: 0
}

.home5 .slick-next {
    background: url(../image/rj/n.png) no-repeat center center/cover;
    right: -94px
}

.home5 .slick-prev {
    background: url(../image/rj/red2.jpg) no-repeat center center/cover;
    right: 0
}

.home6 {
    height: 100%;
    position: relative
}

.home6 .tit_en {
    width: 149px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain !important
}

.home6 .bot {
    width: 32.7%;
    color: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0
}

.home6 .list {
    margin-top: 5.5%;
    padding-right: 16.7%
}

.home6 .item {
    font-size: 18px;
    margin-top: 14px
}

@media screen and (max-width: 768px) {
    .home6 .item {
        font-size:16px
    }
}

.home6 .more_w {
    margin-top: 40px
}

.home7 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home7 .title_en {
    opacity: 1
}

.home7 .list {
    width: 50%;
    color: #fff;
    position: relative
}

.home7 a {
    display: block;
    width: 100%;
    height: 100%
}

.home7 .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.home7 .h {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .home7 .h {
        font-size:26px
    }
}

.home7 .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.home7 .pic::before {
    content: '';
    display: block;
    padding-top: 93.75%
}

.home7 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home7 .pic img {
    width: 100%;
    height: 100%
}

.home7 .text.b {
    color: #333333
}

.home7 .text.b .title_en {
    color: #333333
}

.home7 .title_en {
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .home7 .title_en {
        font-size:26px
    }
}

.home7 .go {
    position: relative;
    overflow: hidden;
    width: 59px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    margin: 30px auto 0
}

.home7 .go::before {
    content: '';
    display: block;
    padding-top: 45.76271%
}

.home7 .go .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.home8 {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: url(../image/rj/mee.png) no-repeat right bottom
}

.home8 .titles {
    position: absolute;
    right: 18.5%;
    top: 18.6%;
    text-align: right
}

.home8 .title_en {
    font-size: 120px;
    color: #B2B2B2;
    opacity: 1
}

.home8 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc((100vh - 123px) / 4);
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.home8 .pic {
    height: 100%;
    margin-left: calc((100vh - 123px) / 4)
}

.home8 .pic .i {
    height: 100%;
    width: auto
}

.home8 .list:nth-child(2n) .pic {
    margin-right: calc((100vh - 123px) / 4);
    margin-left: 0
}

.home8 .con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home8 .more_r {
    background: #691B10;
    width: 108px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 75%;
    margin-left: 30px
}

.section.foot {
    height: auto !important;
    padding: 0
}

@media screen and (min-width: 769px) {
    #fullpage {
        height:calc(100vh - 123px)
    }

    .home1:hover .slick-arrow {
        opacity: 1;
        -webkit-transform: all 0.32s;
        -ms-transform: all 0.32s;
        transform: all 0.32s
    }

    .home2 .text {
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 0.8s;
        transition: all 0.8s
    }

    .home2 .item1 {
        left: -200px;
        opacity: 0
    }

    .home2 .item2 {
        left: -200px;
        opacity: 0
    }

    .home2 .tab {
        right: -50%;
        opacity: 0
    }

    .home2 .item:hover .text {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 0.8s;
        transition: all 0.8s
    }

    .home3 .left .item {
        bottom: -50px;
        opacity: 0
    }

    .home3 .left .item:hover a {
        color: #c5b799
    }

    .home3 .left .item:hover .p::before {
        background: #c5b799
    }

    .home3 .left .item:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .home3 .right .item {
        position: relative;
        bottom: -50px;
        opacity: 0
    }

    .home3 .right .item:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left
    }

    .home3 .left .more_w:hover {
        padding-left: 0;
        margin-right: -10px
    }

    .home4 .pic {
        left: -150px;
        opacity: 0
    }

    .home4 .tab-box {
        position: relative;
        right: -15%;
        opacity: 0
    }

    .home5 .list1 {
        left: -150px;
        opacity: 0
    }

    .home5 .list2 {
        right: -31%;
        opacity: 0
    }

    .home5 .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .home5 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .home6 .item:hover a {
        color: #c5b799
    }

    .home6 .bot {
        right: -60px;
        opacity: 0
    }

    .home7 .list1 .text {
        top: 40%;
        opacity: 0
    }

    .home7 .list2 .text {
        top: 40%;
        opacity: 0
    }

    .home7 .list:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .home7 .list:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .home8 .con {
        opacity: 0
    }

    .fp-completely .home2 .item1 {
        left: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fp-completely .home2 .item2 {
        left: 0;
        opacity: 1;
        -webkit-transition: all 1.3s ease-out 0.1s;
        transition: all 1.3s ease-out 0.1s
    }

    .fp-completely .home2 .tab {
        right: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.4s;
        transition: all 1s ease-out 0.4s;
    }

    .fp-completely .home3 .left .item1 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fp-completely .home3 .left .item2 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1.3s ease-out 0.3s;
        transition: all 1.3s ease-out 0.3s
    }

    .fp-completely .home3 .left .item3 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1.6s ease-out 0.4s;
        transition: all 1.6s ease-out 0.4s
    }

    .fp-completely .home3 .right .item1 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fp-completely .home3 .right .item2 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.3s;
        transition: all 1s ease-out 0.3s
    }

    .fp-completely .home3 .right .item3 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.4s;
        transition: all 1s ease-out 0.4s
    }

    .fp-completely .home3 .right .item4 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.5s;
        transition: all 1s ease-out 0.5s
    }

    .fp-completely .home3 .right .item5 {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.6s;
        transition: all 1s ease-out 0.6s
    }

    .fp-completely .home4 .pic {
        left: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fp-completely .home4 .tab-box {
        right: 0;
        opacity: 1;
        -webkit-transition: all 1.3s ease-out 0s;
        transition: all 1.3s ease-out 0s
    }

    .fp-completely .home5 .list1 {
        left: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0.1s;
        transition: all 1s ease-out 0.1s
    }

    .fp-completely .home5 .list2 {
        right: 0;
        opacity: 1;
        -webkit-transition: all 1.3s ease-out 0s;
        transition: all 1.3s ease-out 0s
    }

    .fp-completely .home6 .bot {
        right: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }

    .fp-completely .home7 .list1 .text {
        top: 50%;
        opacity: 1;
        -webkit-transition: all 0.8s ease-out 0s;
        transition: all 0.8s ease-out 0s
    }

    .fp-completely .home7 .list2 .text {
        top: 50%;
        opacity: 1;
        -webkit-transition: all 1.2s ease-out 0s;
        transition: all 1.2s ease-out 0s
    }

    .fp-completely .home8 .con {
        left: 0;
        opacity: 1;
        -webkit-transition: all 1s ease-out 0s;
        transition: all 1s ease-out 0s
    }
}


@media screen and (max-width: 1600px) {
    .home2 .left .box.show {
    left: -145px;
}
.home2 .left .item {
    width: 391px;
    height: 220px;
}
    .home2 .left .item2 {
    width: 391px;
    height: 219px;
}

    
    .home2 .left .h {
        font-size: 20px
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .home2 .left .h {
        font-size:18px
    }
}

@media screen and (max-width: 1600px) {
    .home2 .left .more {
        bottom: calc(50% - 266px);
        left: 419px;
    }

    .home2 .right {
        background-size: 70%
    }

    .home2 .right .term {
        font-size: 24px;
        margin-right: 40px;
        padding: 25px;
    }
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
    .home2 .right .term {
        font-size:18px
    }
}

@media screen and (max-width: 1300px) {
    .home2 .left .box.show {
    left: -162px;
}
.home2 .left .item {
    width: 320px;
    height: 181px;
}
    .home2 .left .item2 {
    width: 320px;
    height: 180px;
}

    
    .home2 .left .h {
        font-size: 16px;
    }
}

@media screen and (max-width: 1300px) {
    .home2 .left .more {
        bottom: calc(50% - 225px);
        left: 350px;
    }

    .home2 .right {
        background-size: 70%
    }

    .home2 .right .term {
        font-size: 20px;
        margin-right: 40px;
        padding: 20px;
    }
}

@media screen and (max-width: 1440px) {

    .home3 .left {
        width: 65%
    }

    .home2 .left .item1 .pic1 {
        width: 100%
    }

    .home2 .left .item1 .pic1 img {
        width: 100%
    }

    .home3 .left .box {
        padding-right: 12.3%
    }

    .home3 .left .item {
        margin-top: 15px
    }

    .home3 .left .more_w {
        bottom: 12.3%
    }

    .home3 .left .title_ch {
        padding: 20px 0
    }

    .home3 .left .tit_en {
        width: 400px;
        height: 80px;
        background-size: contain !important
    }

    .home3 .right {
        padding-top: 102px
    }

    .home3 .right .list {
        margin-top: 30px
    }

    .home3 .right .box {
        padding-left: 10%
    }

    .home3 .right .box {
        padding-left: 10%
    }

    .home3 .right .title_ch {
        margin-bottom: 0
    }

    .home3 .right .tit_en {
        width: 300px;
        height: 120px;
        background-size: contain !important
    }

    .home3 .right .more {
        margin-top: 40px
    }

    .home3 .right .item {
        margin-top: 5px
    }

    .home4 .tab-cont .titles {
        left: 130px
    }

    .home4 .tab-cont .title_en {
        font-size: 40px;
        line-height: 1.2
    }
}

@media screen and (max-width: 1440px) and (max-width: 768px) {
    .home4 .tab-cont .title_en {
        font-size:26px
    }
}

@media screen and (max-width: 1440px) {
    .home4 .tab-bar .tab-box {
        height:570px
    }

    .home4 .tab-bar .tab-term {
        margin-top: 10px
    }

    .home4 .tab-bar {
        padding-left: 70px
    }

    .home8 .tit_en {
        font-size: 100px
    }
}

@media screen and (max-width: 1366px) {

    .home3 .left .list {
        padding-top: 40px
    }

    .home3 .left .more_w {
        bottom: 12.3%
    }

    .home3 .left .tit_en {
        width: 200px;
        height: 50px;
        background-size: contain !important
    }

    .home3 .right {
        padding-top: 40px
    }

    .home3 .right .list {
        margin-top: 10px
    }

    .home3 .right .box {
        padding-left: 10%
    }

    .home3 .right .title_ch {
        margin-bottom: 0
    }

    .home3 .right .tit_en {
        width: 200px;
        height: 60px;
        background-size: contain !important
    }

    .home3 .right .more {
        margin-top: 30px
    }

    .home3 .right .item {
        margin-top: 5px
    }

    .home4 .tab-cont {
        width: 63%
    }

    .home4 .tab-cont .title_ch {
        font-size: 30px
    }
}

@media screen and (max-width: 1366px) and (max-width: 768px) {
    .home4 .tab-cont .title_ch {
        font-size:22px
    }
}

@media screen and (max-width: 1366px) {
    .home4 .tab-cont .title_en {
        font-size:30px
    }
}

@media screen and (max-width: 1366px) and (max-width: 768px) {
    .home4 .tab-cont .title_en {
        font-size:22px
    }
}

@media screen and (max-width: 1366px) {
    .home4 .tab-bar .tab-term {
        margin-top:10px
    }

    .home4 .tab-bar .tab-box {
        height: 450px
    }

    .home5 .left {
        width: 58%
    }

    .home5 .pic {
        width: 100%
    }

    .home5 .title_ch {
        padding: 10px 0
    }

    .home5 .li {
        margin-top: 30px
    }

    .home6 .list {
        margin-top: 20px
    }

    .home6 .bot {
        width: 34.7%
    }

    .home6 .item {
        margin-top: 5px
    }

    .home6 .more_w {
        margin-top: 20px
    }

    .home7 .text {
        width: 100%
    }

    .home8 .title_en {
        font-size: 100px
    }
}

@media (min-width: 768px) and (max-width: 1230px) {
    .full-screen {
        overflow-x:scroll !important
    }

    .home2 .right .term {
        margin-right: 30px
    }
}

@media screen and (max-width: 768px) {
    .section {
        padding-top:40px
    }

    .section1 {
        padding-top: 107.11px
    }

    .home1 .slick-mod {
        height: auto
    }

    .home1 .slick-mod .slick-item {
        width: 100%
    }

    .home1 .slick-mod .pic {
        width: 100%
    }

    .home1 .slick-mod .slick-dots {
        bottom: 5px;
        z-index: 1
    }

    .home1 .slick-mod .slick-dot {
        width: 10px;
        height: 10px
    }

    .home1 .slick-mod .mask {
        opacity: 0
    }

    .home3 .left .item {
        margin-top: 0
    }

    .home2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 10px;
        height: auto;
        background-image: none;
    }

    .home2 .left {
        width: 100%;
        height: auto
    }

    .home2 .left .box {
        height: auto
    }

.home2 .left .list {
    padding: 0;
}

.home2 .left .box.show {
    left: 0;
}

    .home2 .left .pic1 {
        width: 100% !important
    }

    .home2 .left .pic1 .img {
        width: 100%
    }

    .home2 .left .pic1 .i {
        width: 100%
    }

    .home2 .left .pic2 {
        width: 100%
    }

    .home2 .left .pic2 .img {
        width: 100% !important
    }

    .home2 .left .pic2 .i {
        width: 100%
    }

    .home2 .left .tit {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home2 .left .text {
        bottom: 0
    }

    .home2 .left .item .h {
        font-size: 16px
    }

    .home2 .left .item1 {
        width: 100%;
        height: auto
    }

    .home2 .left .item1 .text {
        padding: 15px;
        width: 100%;
        height: auto
    }

    .home2 .left .item1 .p {
        display: none
    }

    .home2 .left .item1 .date {
        margin-top: 5px
    }

    .home2 .left .item1 .h {
        width: 100%
    }

    .home2 .left .item2 {
        width: 100%;
        margin-top: 20px;
        display: none
    }

    .home2 .left .item2 .text {
        padding: 15px;
        width: 100%;
        height: auto
    }

    .home2 .left .item2 .date {
        text-align: left;
        margin-top: 5px
    }

    .home2 .left .item2 .p {
        display: none
    }

    .home2 .left .more {
        position: static;
        margin-top: 20px;
        display: flex;
    }

    .home2 .right {
        width: 100%;
        background: none;
        flex: 1;
    }

    .home2 .right .box {
        width: 100%;
        padding: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home2 .right .title_ch {
        width: 100%;
        text-align: center;
        font-size: 30px
    }

    .home2 .right .term {
        margin: 0;
        color: #707070;
        padding: 0;
        writing-mode: unset;
        background-color: #ffffff;
    }

.home2 .right .term.cur {
    color: #000;
    background-color: #fff;
}




    .home2 .right .tab {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        margin-left: 0;
        margin: 20px 0 0;
        flex-direction: row;
        padding-top: 0;
    }

    .home3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home3 .left {
        width: 100%;
        height: auto
    }

    .home3 .left .title_ch {
        padding: 10px 0;
        text-align: center;
        margin-left: 0
    }

    .home3 .left .box {
        padding: 0;
        height: auto;
        padding: 30px 15px;
        margin-top: 10px;
        background-position: right
    }

    .home3 .left .list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0
    }

    .home3 .left .p {
        font-size: 16px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-left: 0;
        margin-top: 10px;
        width: 100%
    }

    .home3 .left .d1 {
        font-size: 24px
    }

    .home3 .left .d1::after {
        height: 35px
    }

    .home3 .left .num {
        font-size: 14px
    }

    .home3 .left .item {
        margin-top: 10px
    }

    .home3 .left .tit_en {
        width: 240px;
        height: 50px;
        background-size: contain !important
    }

    .home3 .left .item a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home3 .left .more_w {
        margin-left: 0;
        margin-top: 20px;
        margin-right: 0
    }

    .home3 .right {
        width: 100%;
        height: auto;
        margin-top: 40px;
        padding-top: 0
    }

    .home3 .right .title_ch {
        text-align: center;
        margin-top: 0
    }

    .home3 .right .tit_en {
        position: static;
        width: 80%;
        background-size: contain !important;
        height: 60px
    }

    .home3 .right .list {
        margin-top: 0
    }

    .home3 .right .box {
        padding: 20px 15px;
        height: auto
    }

    .home3 .right .p {
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        min-height: auto
    }

    .home3 .right .item {
        margin-top: 10px;
        font-size: 14px;
        padding-left: 8px
    }

    .home3 .right .date {
        margin-top: 0;
        font-size: 14px
    }

    .home3 .right .more {
        margin-top: 20px;
        font-size: 16px
    }

    .home4 .tab-mod {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home4 .tab-cont {
        height: 50%;
        width: 100%;
        padding: 20px 15px
    }

    .home4 .tab-cont .titles {
        margin-left: 0;
        left: 0;
        position: relative
    }

    .home4 .tab-cont .title_en {
        margin-top: 0
    }

    .home4 .tab-cont .title_ch {
        font-size: 30px
    }

    .home4 .tab-cont .pict {
        position: static
    }

    .home4 .tab-cont .tab-item {
        display: none
    }

    .home4 .tab-cont .tab-item.act {
        display: none
    }

    .home4 .tab-bar {
        width: 100%;
        height: auto;
        padding: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home4 .tab-bar .tab-box {
        height: 250px
    }

    .home5 .title_ch {
        text-align: center;
        margin-left: 0;
        padding: 10px 0
    }

    .home5 .tit_en {
        width: 60px
    }

    .home5 .box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .home5 .left {
        width: 100%
    }

    .home5 .right {
        width: 100%;
        padding: 20px;
        height: auto;
        margin-top: -1px
    }

    .home5 .li {
        margin-top: 10px
    }

    .home5 .list1 {
        margin-top: 10px
    }

    .home5 .list2 .slick-slide {
        margin: 5px 0
    }

    .home5 .pic {
        width: 100%
    }

    .home5 .pic img {
        width: 100%
    }

    .home5 .list2 {
        padding-left: 20px
    }

    .home5 .slick-arrow {
        width: 50px;
        height: 50px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 2
    }

    .home5 .slick-prev {
        left: 0
    }

    .home5 .slick-next {
        right: 0
    }

    .home6 {
        padding: 30px 20px
    }

    .home6 .tit_en {
        width: 80px
    }

    .home6 .bot {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: static;
        position: relative
    }

    .home6 .list {
        padding: 0;
        margin-top: 5px
    }

    .home6 .more_w {
        margin-top: 20px
    }

    .home6 .item {
        font-size: 16px;
        margin-top: 10px
    }

    .home7 .list {
        width: 50%
    }

    .home7 a {
        display: block;
        width: 100%;
        height: 100%
    }

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

    .home7 .pic {
        width: 100%
    }

    .home7 .title_ch {
        font-size: 24px
    }

    .home7 .title_en {
        font-size: 18px
    }

    .home7 .go {
        margin-top: 15px;
        width: 50px
    }

    .home8 {
        width: 100%;
        display: block;
        padding: 0 0 50px
    }

    .home8 .titles {
        position: static;
        text-align: left;
        width: 100%;
        padding: 0 15px
    }

    .home8 .title_en {
        font-size: 50px
    }

    .home8 .box {
        width: 100%;
        margin-top: 20px
    }

    .home8 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: auto;
        margin-top: 10px
    }

    .home8 .list:nth-child(2n) .pic {
        margin-right: 0
    }

    .home8 .pic {
        margin: 0;
        width: 48%;
        position: relative;
        overflow: hidden
    }

    .home8 .pic::before {
        content: '';
        display: block;
        padding-top: 100%
    }

    .home8 .pic .i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s
    }

    .home8 .pic .i {
        width: 100%
    }

    .home8 .more_r {
        position: static;
        margin-top: 20px;
        margin-left: auto
    }

    .home8 .con {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 10px
    }
}

.introduce1 {
    padding: 118px 0 0
}

.introduce1 .tab-mod {
    margin-top: 62px
}

.introduce1 .tracker-mod.dir-hor .tracker-item {
    font-size: 20px;
    color: #707070;
    padding: 0 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .introduce1 .tracker-mod.dir-hor .tracker-item {
        font-size:18px
    }
}

.introduce1 .tracker-mod.dir-hor .tracker-item+.tracker-item {
    margin-left: 77px
}

.introduce1 .tracker-mod.dir-hor .tracker-item.cur {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #333
}

.introduce1 .title_en {
    font-size: 38px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .introduce1 .title_en {
        font-size:24px
    }
}

.introduce2 {
    padding: 35px 0 144px;
    background: url(../image/syb/icon_w2.png) no-repeat right bottom
}

.introduce2 .desc {
    font-size: 16px;
    padding: 0 30px
}

body:not(.lang-en) .introduce2 .desc {
    text-align: justify;
    text-justify: inter-ideograph
}

.introduce2 .t {
    font-size: 20px;
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .introduce2 .t {
        font-size:18px
    }
}

.introduce2 .p {
    margin-top: 20px
}

.introduce2 .p:first-child {
    margin-top: 0
}

.introduce1+.download1 {
    padding-top: 0
}

@media screen and (max-width: 768px) {
    .introduce1 {
        padding-top:40px
    }

    .introduce1 .tab-mod {
        margin-top: 27px
    }

    .introduce1 .tracker-mod.dir-hor .tracker-item+.tracker-item {
        margin-left: 10px
    }

    .introduce2 {
        padding: 30px 0 70px;
        background-size: 200px
    }

    .introduce2 .t {
        margin-top: 30px
    }

    .introduce2 .p {
        margin-top: 10px
    }

    .introduce2 .desc {
        padding: 0
    }
}

.journal1 {
    padding: 120px 0 150px
}

.journal1 .title {
    text-align: center
}

.journal1 .title_en {
    text-align: center;
    font-size: 38px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .journal1 .title_en {
        font-size:24px
    }
}

.journal1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 65px
}

.journal1 .list .img {
    position: relative;
    overflow: hidden;
    width: 290px
}

.journal1 .list .img::before {
    content: '';
    display: block;
    padding-top: 134.13793%
}

.journal1 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.journal1 .list .li {
    width: calc((100% - 69px)/4);
    margin-right: 23px;
    position: relative
}

.journal1 .list .li:nth-child(4n) {
    margin-right: 0
}

.journal1 .list .desc {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    padding-top: 14px
}

.journal1 .list .t {
    width: 100%;
    text-align: center
}

.journal1 .paging-mod {
    margin-top: 35px
}

@media screen and (min-width: 769px) {
    .journal1 .list .li:hover .img img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .journal1 .list .li:hover .img .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .journal1 .list .li:hover .desc {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.32S;
        transition: all 0.32S
    }
}

@media screen and (max-width: 768px) {
    .journal1 {
        padding:40px 0 30px
    }

    .journal1 .list {
        margin-top: 28px
    }

    .journal1 .list .img {
        width: 100%
    }

    .journal1 .list .li {
        width: calc((100% - 10px)/2);
        margin-right: 10px
    }

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

    .journal1 .list .desc {
        padding: 15px 10px;
        height: 100%
    }

    .journal1 .list .t {
        width: 100%;
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        height: auto
    }

    .journal1 .list .t span {
        display: block
    }
}

.mastersupervisor1 .title {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    margin-top: 120px
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .title {
        font-size:26px
    }
}

.mastersupervisor1 .title_en {
    font-size: 38px;
    text-align: center;
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .title_en {
        font-size:24px
    }
}

.mastersupervisor1 .tab-mod {
    margin-top: 60px
}

.mastersupervisor1 .tracker-mod.dir-hor .tracker-item {
    font-size: 20px;
    color: #707070;
    padding: 0 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .tracker-mod.dir-hor .tracker-item {
        font-size:18px
    }
}

.mastersupervisor1 .tracker-mod.dir-hor .tracker-item+.trackeritem {
    margin-left: 68px
}

.mastersupervisor1 .tracker-mod.dir-hor .tracker-item.cur {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .tracker-mod.dir-hor .tracker-item.cur {
        font-size:18px
    }
}

.mastersupervisor1 .item1 .list {
    margin-top: 85px
}

.mastersupervisor1 .item1 .list:nth-child(1) {
    margin-top: 35px
}

.mastersupervisor1 .item1 .title {
    text-align: left;
    line-height: 1;
    font-size: 38px;
    margin-top: 0
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .item1 .title {
        font-size:24px
    }
}

.mastersupervisor1 .item1 .title_en {
    text-align: left;
    margin-top: 20px;
    line-height: 1;
    font-size: 36px;
    opacity: 0.5
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .item1 .title_en {
        font-size:24px
    }
}

.mastersupervisor1 .item1 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #c8c8c8;
    margin-top: 10px
}

.mastersupervisor1 .item1 .text .p {
    min-width: 60px;
    margin-right: 105px;
    font-size: 20px;
    line-height: 36px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .item1 .text .p {
        font-size:18px
    }
}

.mastersupervisor1 .item1 .text .p:nth-child(8n) {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .title {
        margin-top:50px
    }

    .mastersupervisor1 .title_en {
        line-height: 40px
    }

    .mastersupervisor1 .tab-mod {
        margin-top: 20px
    }

    .mastersupervisor1 .tracker-mod.dir-hor .trackeritem+.trackeritem {
        margin-left: 10px
    }

    .mastersupervisor1 .item1 .list {
        margin-top: 30px
    }

    .mastersupervisor1 .item1 .text .p {
        min-width: 60px;
        margin-right: 50px;
        font-size: 20px;
        line-height: 36px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .mastersupervisor1 .item1 .text .p {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .mastersupervisor1 .item1 .text .p:nth-child(8n) {
        margin-right:50px
    }
}

.ofthedetailed1 {
    min-height: 816px
}

.ofthedetailed1 .x-wrap {
    position: relative
}

.ofthedetailed1 .x-wrap::after {
    content: "";
    background: url(../image/zjb/otd1imglbg.png);
    width: 1068px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -345px;
    z-index: -1
}

.ofthedetailed1 .x-wrap::before {
    content: "";
    background: url(../image/zjb/otd1imgrbg.png);
    width: 1068px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -345px;
    z-index: -2
}

.ofthedetailed1 .title {
    font-size: 50px;
    line-height: 1.2;
    text-align: right;
    padding-top: 80px
}

@media screen and (max-width: 768px) {
    .ofthedetailed1 .title {
        font-size:30px
    }
}

.ofthedetailed1 .title_en {
    font-size: 40px;
    line-height: 1.2;
    text-align: right;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .ofthedetailed1 .title_en {
        font-size:26px
    }
}

.ofthedetailed1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ofthedetailed1 .pic {
    position: relative;
    overflow: hidden
}

.ofthedetailed1 .pic::before {
    content: '';
    display: block;
    padding-top: 57.9588%
}

.ofthedetailed1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.ofthedetailed1 .pic img {
    width: 100%
}

.ofthedetailed1 .left {
    margin-top: 120px;
    width: 1068px;
    margin-left: -345px
}

.ofthedetailed1 .right {
    width: 500px;
    padding-bottom: 160px
}

.ofthedetailed1 .right .text {
    overflow: auto;
    height: 440px;
    margin-top: 30px;
    margin-left: 75px;
    max-height: 440px;
    height: auto
}

body:not(.lang-en) .ofthedetailed1 .right .text {
    text-align: justify;
    text-justify: inter-ideograph
}

.ofthedetailed1 .right .p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
    width: 345px
}

.ofthedetailed1 .right .p:nth-child(1) {
    margin-top: 0
}

.ofthedetailed1 .right .mCSB_scrollTools {
    width: 10px
}

.ofthedetailed1 .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.ofthedetailed1 .right .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.ofthedetailed2 {
    padding-bottom: 150px
}

.ofthedetailed2 .title {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    margin-top: 120px
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .title {
        font-size:26px
    }
}

.ofthedetailed2 .title_en {
    font-size: 38px;
    text-align: center;
    margin-top: 7px;
    opacity: 0.3
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .title_en {
        font-size:24px
    }
}

.ofthedetailed2 .x-wrap {
    position: relative
}

.ofthedetailed2 .x-wrap::after {
    content: "";
    width: 297px;
    height: 312px;
    background: url(../image/zjb/otd2imgrbg.png);
    position: absolute;
    bottom: 0;
    right: -345px;
    z-index: -2
}

.ofthedetailed2 .item .list {
    margin-top: 85px
}

.ofthedetailed2 .item .list:nth-child(1) {
    margin-top: 170px
}

.ofthedetailed2 .item .title {
    text-align: left;
    line-height: 1;
    font-size: 38px
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .item .title {
        font-size:24px
    }
}

.ofthedetailed2 .item .title_en {
    color: #333;
    text-align: left;
    margin-top: 20px;
    line-height: 1;
    font-size: 36px;
    opacity: 0.5
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .item .title_en {
        font-size:24px
    }
}

.ofthedetailed2 .item .text1 {
    border-bottom: 1px solid #c8c8c8;
    margin-top: 38px
}

.ofthedetailed2 .item .text1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ofthedetailed2 .item .text1 .p1 {
    font-size: 14px;
    line-height: 36px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 3px
}

.ofthedetailed2 .item .text1 .p {
    min-width: 40px;
    margin-right: 10px;
    font-size: 20px;
    line-height: 36px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .item .text1 .p {
        font-size:18px
    }
}

.ofthedetailed2 .item .text2 {
    margin-top: 5px
}

.ofthedetailed2 .item .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #c8c8c8;
    margin-top: 15px
}

.ofthedetailed2 .item .text .p1 {
    font-size: 14px;
    line-height: 36px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ofthedetailed2 .item .text .p {
    min-width: 60px;
    margin-right: 105px;
    font-size: 20px;
    line-height: 36px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .item .text .p {
        font-size:18px
    }
}

.ofthedetailed2 .item .text .p:nth-child(8n) {
    margin-right: 105px
}

@media screen and (min-width: 769px) {
    .ofthedetailed2 .item .text1 .p1:hover {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .ofthedetailed1 {
        min-height:auto
    }

    .ofthedetailed1 .x-wrap {
        width: 100%;
        position: relative
    }

    .ofthedetailed1 .x-wrap::after {
        display: none
    }

    .ofthedetailed1 .x-wrap::before {
        display: none
    }

    .ofthedetailed1 .title {
        font-size: 50px;
        line-height: 1.2;
        line-height: 1;
        text-align: right;
        padding-top: 20px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .ofthedetailed1 .title {
        font-size:30px
    }
}

@media screen and (max-width: 768px) {
    .ofthedetailed1 .title_en {
        font-size:40px;
        line-height: 1.2;
        line-height: 50px;
        text-align: right;
        margin-top: 15px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .ofthedetailed1 .title_en {
        font-size:26px
    }
}

@media screen and (max-width: 768px) {
    .ofthedetailed1 .list {
        display:block;
        padding-right: 0px
    }

    .ofthedetailed1 .pic {
        width: 100%
    }

    .ofthedetailed1 .left {
        margin: 0;
        padding: 10px 0;
        width: 100%;
        background-color: #e0e0e0
    }

    .ofthedetailed1 .right {
        width: 100%;
        background-color: #f0f0f0;
        padding: 0 10px;
        padding-bottom: 20px
    }

    .ofthedetailed1 .right .text {
        overflow: auto;
        height: 310px;
        margin-top: 25px;
        margin-left: 0px
    }

    .ofthedetailed1 .right .p {
        font-size: 16px;
        line-height: 28px;
        margin-top: 15px;
        margin-right: 0px;
        width: 100%
    }

    .ofthedetailed1 .right .p:nth-child(1) {
        margin-top: 0
    }

    .ofthedetailed1 .right .mCSB_scrollTools {
        width: 10px
    }

    .ofthedetailed1 .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 10px;
        background-color: #c8c8c8
    }

    .ofthedetailed1 .right .mCSB_scrollTools .mCSB_draggerRail {
        width: 6px;
        background-color: #e0e0e0
    }

    .ofthedetailed2 {
        padding-bottom: 50px
    }

    .ofthedetailed2 .item .list:nth-child(1) {
        margin-top: 50px
    }

    .ofthedetailed2 .item .list {
        margin-top: 50px
    }

    .ofthedetailed2 .item .text1 {
        margin-top: 10px
    }

    .ofthedetailed2 .item .text {
        margin-top: 20px
    }

    .ofthedetailed2 .item .text .p {
        min-width: 60px;
        margin-right: 50px;
        font-size: 20px;
        line-height: 36px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .ofthedetailed2 .item .text .p {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .ofthedetailed2 .item .text .p:nth-child(8n) {
        margin-right:50px
    }
}

.party2 {
    padding-bottom: 108px;
    padding-top: 70px;
    background: #fff url(../image/sxy/bg7.png) no-repeat bottom right
}

.party2 .de .more {
    font-size: 16px
}

.party2 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party2 .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.party2 .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .party2 .t {
        font-size:18px
    }
}

.party2 .p {
    font-size: 16px;
    color: #707070;
    -webkit-transition: all .32s;
    transition: all .32s
}

.party2 .y {
    font-size: 14px;
    color: #707070;
    line-height: 24px;
    -webkit-transition: all .32s;
    transition: all .32s;
    font-family: avian
}

.party2 .left {
    width: 606px;
    margin-right: 32px
}

.party2 .left .lj {
    position: relative;
    display: block
}

.party2 .left .pic {
    position: relative;
    overflow: hidden;
    width: 606px;
    margin-top: 25px
}

.party2 .left .pic::before {
    content: '';
    display: block;
    padding-top: 56.10561%
}

.party2 .left .pic .i {
    position: absolute;
    left: 50%;
    top: 44%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.party2 .left .pic .i {
    width: 100%
}

.party2 .left .mask1 {
    position: absolute;
    width: 100%;
    height: 46px;
    padding: 10px;
    line-height: 46px;
    display: block;
    bottom: 0px;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    font-size: 16px;
    left: 0;
    text-align: center;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.party2 .left .li {
    margin-top: 24px
}

.party2 .left .li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.party2 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.party2 .right .pic {
    position: relative;
    overflow: hidden;
    width: 593px;
    margin-top: 25px;
    margin-bottom: 5px
}

.party2 .right .pic::before {
    content: '';
    display: block;
    padding-top: 30.35413%
}

.party2 .right .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.party2 .right .pic .i {
    width: 100%
}

.party3 {
    background: url(../image/sxy/bg6.png) no-repeat center center/cover;
    padding: 43px 0 47px 0;
    background-size: 100% 100%
}

.party3 .de .more {
    font-size: 16px
}

.party3 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party3 .de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.party3 .t {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .party3 .t {
        font-size:18px
    }
}

.party3 .list1 {
    width: 427px;
    padding-right: 53px;
    margin-right: 10px
}

.party3 .list1 .pic {
    position: relative;
    overflow: hidden;
    width: 374px;
    margin-top: 35px
}

.party3 .list1 .pic::before {
    content: '';
    display: block;
    padding-top: 55.88235%
}

.party3 .list1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.party3 .list1 .pic .i {
    width: 100%
}

.party3 .list1 .p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    color: #707070;
    margin-top: 15px;
    -webkit-transition: all .32s;
    transition: all .32s
}

.party3 .list1 .y {
    font-size: 14px;
    color: #707070;
    margin-top: 8px;
    -webkit-transition: all .32s;
    transition: all .32s;
    font-family: avian
}

.party3 .list2 {
    width: 427px;
    padding: 0 51px
}

.party3 .list2 .li {
    margin-top: 36px;
    margin-bottom: 42px;
    -webkit-transition: all .32s;
    transition: all .32s;
    min-height: 85px
}

.party3 .list2 .li.li1 {
    margin-bottom: 5px
}

.party3 .list2 .li.li2 {
    margin-top: 17px
}

.party3 .list2 .p {
    font-size: 16px;
    color: #707070;
    -webkit-transition: all .32s;
    transition: all .32s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
    max-width: 100%
}

.party3 .list2 .y {
    font-size: 14px;
    color: #707070;
    margin-top: 6px;
    -webkit-transition: all .32s;
    transition: all .32s;
    font-family: avian
}

.party3 .list3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 52px
}

.party3 .list3 .slick-mod {
    width: 326px;
    margin-top: 32px
}

.party3 .list3 .slick-slide {
    margin: 0 10px
}

.party3 .list3 .slick-list {
    margin: 0 -10px
}

.party3 .list3 .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    margin-bottom: 23px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.party3 .list3 .li a:nth-child(odd) {
    margin-left: 0
}

.party3 .list3 .li a:nth-child(even) {
    margin-right: 0
}

.party3 .list3 .li a {
    font-size: 16px;
    width: 150px;
    padding-left: 20px;
    position: relative;
    display: block
}

.party3 .list3 .li a span {
    display: block;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.party3 .list3 .li a:before {
    display: block;
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #707070;
    left: 0px;
    top: 10px;
    border-radius: 50%
}

.party3 .list3 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    margin-left: -15px;
    height: 27px
}

.party3 .list3 .slick-arrow {
    position: relative;
    margin: 0 45px
}

.party3 .list3 .slick-prev:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    background: url(../image/sxy/icon8.png) no-repeat;
    width: 59px;
    height: 27px
}

.party3 .list3 .slick-next:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    background: url(../image/sxy/icon10.png) no-repeat;
    width: 59px;
    height: 27px
}

@media screen and (min-width: 769px) {
    .party2 .left .li a {
        min-height:28px
    }

    .party2 .left .li .p {
        white-space: nowrap;
        line-height: 1.5;
        height: 1.5em;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 468px
    }

    .party2 .left .li:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .party2 .left .li:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .party2 .left .li:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }

    .party3 .list3 .li a:hover span {
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .party2 .de .more:hover {
        left: 10px
    }

    .party3 .de .more:hover {
        left: 10px
    }

    .party3 .list2 .li:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .party3 .list2 .li:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .party3 .list2 .li:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }

    .party3 .list1 a:hover .p {
        font-size: 18px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .party3 .list1 a:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .party3 .list1 a:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all .32s;
        transition: all .32s
    }
}

@media screen and (max-width: 1440px) {
    .party3 {
        background-size:auto
    }
}

@media screen and (max-width: 768px) {
    .party2 {
        padding:30px 0px
    }

    .party2 .x-wrap {
        display: block
    }

    .party2 .left {
        width: 100%
    }

    .party2 .left .pic {
        width: 100%
    }

    .party2 .left .li {
        margin-top: 10px
    }

    .party2 .left .li a {
        display: block
    }

    .party2 .right {
        width: 100%;
        margin-top: 20px
    }

    .party2 .right .pic {
        width: 100%
    }

    .party3 {
        background: #dcdcdc;
        padding: 30px 0 30px 0
    }

    .party3 .x-wrap {
        display: block
    }

    .party3 .list1 {
        width: 100%;
        margin-right: 0;
        padding-right: 0
    }

    .party3 .list1 .pic {
        width: 100%;
        margin-top: 20px
    }

    .party3 .list1 .de {
        margin-bottom: 24px
    }

    .party3 .list2 {
        width: 100%;
        padding: 0;
        margin-top: 10px
    }

    .party3 .list2 .li {
        margin: 10px 0;
        min-height: auto
    }

    .party3 .list2 .de {
        margin-bottom: 20px
    }

    .party3 .de {
        margin-top: 20px
    }

    .party3 .list3 {
        padding-left: 0
    }

    .party3 .list3 .li {
        margin-bottom: 15px
    }

    .party3 .list3 .slick-mod {
        margin-top: 20px;
        width: 100%
    }

    .party3 .list3 .t {
        margin-top: 20px
    }

    .party3 .list3 .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0px auto;
        margin-top: 30px
    }

    .party3 .list3 .slick-arrow {
        position: relative;
        margin: 0 15px
    }

    .party3 .list3 .slick-prev:after {
        width: 40px;
        background-size: 100%
    }

    .party3 .list3 .slick-next:after {
        width: 40px;
        background-size: 100%
    }

    .party3 .slick-arrow {
        width: 40px;
        height: auto
    }
}

.perform1 {
    position: relative;
    padding-top: 147px
}

.perform1 .titles {
    text-align: right
}

.perform1 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .perform1 .title_ch {
        font-size:26px
    }
}

.perform1 .title_en {
    line-height: 0.9;
    margin-top: 14px
}

.perform1 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -4px
}

.perform1 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 55px;
    position: relative;
    background: #F0F0F0;
    min-height: 482px;
    padding-top: 30px
}

.perform1 .text::before {
    content: "";
    display: block;
    width: 345px;
    height: 100%;
    background: #F0F0F0;
    position: absolute;
    left: -345px;
    top: 0
}

.perform1 .pic {
    position: relative;
    overflow: hidden;
    width: 765px;
    margin-top: 52px
}

.perform1 .pic::before {
    content: '';
    display: block;
    padding-top: 56.20915%
}

.perform1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.perform1 .right {
    position: relative
}

.perform1 .right::before {
    content: "";
    display: block;
    width: 1025px;
    height: 432px;
    background: #F0F0F0;
    position: absolute;
    right: -345px;
    top: 100px
}

.perform1 .more {
    margin-top: 45px
}

.perform2 {
    padding: 205px 0 0;
    position: relative
}

.perform2 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .perform2 .title_ch {
        font-size:26px
    }
}

.perform2 .title_en {
    margin-top: -6px
}

.perform2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.perform2 .item {
    width: calc((100% - 30px) / 2);
    margin-right: 29px
}

.perform2 .item:nth-child(2) {
    margin-right: 0
}

.perform2 .pic {
    position: relative;
    overflow: hidden;
    width: 600px
}

.perform2 .pic::before {
    content: '';
    display: block;
    padding-top: 55.33333%
}

.perform2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.perform2 .text {
    color: #707070;
    margin-top: 15px
}

.perform2 .p {
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    min-height: 27px
}

.perform2 .d {
    font-size: 14px;
    font-family: 'avian';
    margin-top: 8px;
    min-height: 24px
}

.perform2 .more_r {
    background: #691B10;
    width: 108px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-top: 27px
}

.perform3 {
    padding: 96px 0 113px
}

.perform3 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .perform3 .title_ch {
        font-size:26px
    }
}

.perform3 .titles {
    text-align: right
}

.perform3 .box {
    margin-top: 15px
}

.perform3 .pic {
    position: relative;
    overflow: hidden;
    width: 1575px;
    margin-left: -345px
}

.perform3 .pic::before {
    content: '';
    display: block;
    padding-top: 29.46032%
}

.perform3 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.perform3 .slick-mod {
    height: 463px;
    color: #fff;
    background: url(../image/rj/img15.jpg) no-repeat center center/cover;
    padding: 0 27px;
    position: relative;
    margin-top: -345px;
    padding-top: 95px
}

.perform3 .slick-mod::after {
    content: "";
    display: block;
    width: 345px;
    height: 100%;
    background: url(../image/rj/aft.jpg) no-repeat center center/cover;
    position: absolute;
    right: -345px;
    top: 0
}

.perform3 .tracker-box {
    position: relative
}

.perform3 .slick-mod::before {
    content: "";
    display: block;
    background: #fff;
    width: 95%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 28px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.perform3 .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.perform3 .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.perform3 .line {
    height: 84px;
    width: 2px;
    background: #fff
}

.perform3 .cir {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px dashed #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #530A06
}

.perform3 .yuan {
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%
}

.perform3 .slick-item.cur {
    color: #fff
}

.perform3 .p {
    font-size: 20px;
    margin-bottom: 4px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    width: 200px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .perform3 .p {
        font-size:18px
    }
}

.perform3 .n {
    font-size: 18px;
    margin-top: 13px
}

@media screen and (max-width: 768px) {
    .perform3 .n {
        font-size:16px
    }
}

.perform3 .slick-item {
    z-index: 50;
    position: relative
}

.perform3 .slick-slide:nth-child(even) .slick-item {
    margin-top: 78px
}

.perform3 .slick-slide:nth-child(even) .n {
    margin-top: 0;
    margin-bottom: 13px
}

.perform3 .slick-slide:nth-child(even) .p {
    margin-top: 4px;
    margin-bottom: 0
}

.perform3 .slick-slide:nth-child(even) .slick-item .item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.perform3 .slick-slide:nth-child(even) .slick-item .item .circle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.perform3 .slick-prev {
    width: 94px;
    height: 94px;
    background: url(../image/rj/pre.jpg)
}

.perform3 .slick-next {
    width: 94px;
    height: 94px;
    background: url(../image/rj/nex.jpg)
}

.perform3 .slick-prev.slick-arrow.slick-disabled {
    opacity: 1
}

.perform3 .slick-next.slick-arrow.slick-disabled {
    opacity: 1
}

.perform3 .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    right: 0
}

.perform4 {
    background: url(../image/rj/img12.jpg) no-repeat center center/cover;
    padding: 246px 0 175px
}

.perform4 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.perform4 .title_en {
    margin-top: 5px
}

.perform4 .list {
    width: 100%;
    color: #5D170D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.perform4 .item {
    width: 473px
}

.perform4 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .perform4 .title_ch {
        font-size:26px
    }
}

.perform4 .title_en {
    font-size: 36px;
    color: #5D170D;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .perform4 .title_en {
        font-size:24px
    }
}

.perform4 .p {
    font-size: 24px;
    margin-top: 15px;
    margin-left: 32px;
    position: relative
}

@media screen and (max-width: 768px) {
    .perform4 .p {
        font-size:18px
    }
}

.perform4 .p:nth-child(1) {
    margin-top: 0
}

.perform4 .p::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: #5D170D;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 8px
}

.perform4 .desc {
    margin-top: 54px;
    height: 204px
}

.perform4 .mCSB_scrollTools {
    width: 10px
}

.perform4 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background: #E0E0E0
}

.perform4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background: #C8C8C8
}

@media screen and (min-width: 769px) {
    .perform1 .pic:hover img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform1 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform2 .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform2 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform3 .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform3 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .perform2 .item:hover .p {
        font-size: 18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .perform2 .item:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .perform2 .item:hover .d {
        font-size:16px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .perform2 .item:hover .text {
        color: #333333
    }

    .perform3 .item:hover {
        color: #cb7265
    }

    .perform3 .item:hover .cir {
        border-color: #cb7265;
        background: none
    }

    .perform3 .item:hover .yuan {
        background: #cb7265
    }

    .perform3 .item:hover .line {
        background: #cb7265
    }

    .perform3 .item:hover .p {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (max-width: 768px) {
    .perform1 {
        padding:60px 0 0
    }

    .perform1 .box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .perform1 .text {
        width: 100%;
        padding: 20px;
        min-height: auto
    }

    .perform1 .text::before {
        display: none
    }

    .perform1 .more {
        margin-top: 20px
    }

    .perform1 .right {
        width: 100%;
        margin-top: 10px
    }

    .perform1 .pic {
        width: 100%;
        margin-top: 0
    }

    .perform1 .right::before {
        display: none
    }

    .perform2 {
        padding: 60px 0 0
    }

    .perform2 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .perform2 .item {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        height: auto
    }

    .perform2 .pic {
        width: 100%
    }

    .perform2 .p {
        min-height: auto
    }

    .perform2 .d {
        min-height: auto
    }

    .perform2 .more_r {
        position: static;
        margin: 10px auto 0
    }

    .perform3 {
        padding: 60px 0
    }

    .perform3 .pic {
        width: 100%;
        margin-left: 0
    }

    .perform3 .slick-mod {
        margin-top: 10px;
        height: auto;
        padding: 30px 20px
    }

    .perform3 .slick-mod::after {
        display: none
    }

    .perform3 .slick-item {
        margin: 0 25px
    }

    .perform3 .slick-mod::before {
        left: 0;
        width: 100%
    }

    .perform3 .arrow {
        position: static;
        margin-top: 20px
    }

    .perform3 .p {
        width: auto
    }

    .perform4 {
        height: auto;
        padding: 30px 0;
        background-size: cover
    }

    .perform4 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .perform4 .item {
        width: 100%;
        margin-top: 30px
    }

    .perform4 .desc {
        margin-top: 20px;
        height: auto
    }

    .perform4 .p {
        font-size: 16px
    }

    .perform4 .p::before {
        top: 50%;
        width: 18px;
        height: 18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.process1 .d {
    display: none
}

.recruit1 {
    padding: 118px 0 0
}

.recruit1 .tab-mod {
    margin-top: 33px
}

.recruit1 .tracker-mod.dir-hor .tracker-item {
    font-size: 20px;
    color: #707070;
    padding: 0 0 0 30px;
    line-height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin-right: 25px
}

@media screen and (max-width: 768px) {
    .recruit1 .tracker-mod.dir-hor .tracker-item {
        font-size:18px
    }
}

.recruit1 .tracker-mod.dir-hor .tracker-item {
    margin-top: 19px;
    text-align: left
}

.recruit1 .tracker-mod.dir-hor .tracker-item.cur {
    font-size: 24px;
    color: #333;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .recruit1 .tracker-mod.dir-hor .tracker-item.cur {
        font-size:18px
    }
}

.recruit1 .tracker-mod.dir-hor .tracker-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recruit1 .title_en {
    font-size: 38px;
    margin-top: 10px
}

@media screen and (max-width: 768px) {
    .recruit1 .title_en {
        font-size:24px
    }
}

.recruit2 {
    padding-top: 2px;
    padding-bottom: 150px;
    background: url(../image/syb/icon_w2.png) no-repeat right bottom
}

.recruit2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recruit2 .li {
    background-color: #f0f0f0;
    margin-top: 20px;
    padding: 30px 30px 33px;
    margin-right: 20px;
    width: calc(50% - 10px);
    min-height: 223px
}

.recruit2 .li:nth-child(2n) {
    margin-right: 0
}

.recruit2 .span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.recruit2 .t {
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .recruit2 .t {
        font-size:18px
    }
}

.recruit2 .t .more {
    font-size: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.recruit2 .p {
    font-size: 16px;
    padding-left: 26px;
    position: relative;
    line-height: 1.5;
    margin-top: 24px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

body:not(.lang-en) .recruit2 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.recruit2 .p::before {
    width: 6px;
    height: 6px;
    background-color: #707070;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 10px
}

@media screen and (min-width: 769px) {
    .recruit2 .li:hover {
        background-color:#dcdcdc
    }

    .recruit2 .li .p:hover {
        font-size: 18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .recruit2 .li .p:hover {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .recruit2 .t .more:hover {
        left:10px
    }
}

@media screen and (max-width: 768px) {
    .recruit1 {
        padding-top:40px
    }

    .recruit1 .tracker-mod.dir-hor .tracker-track {
        display: table
    }

    .recruit1 .tracker-mod.dir-hor .tracker-item {
        padding: 0 10px;
        margin-right: 10px;
        margin-top: 0;
        width: auto
    }

    .recruit1 .tracker-mod.dir-hor .ttracker-item:nth-child(6n) {
        margin-right: 10px
    }

    .recruit1 .tracker-mod.dir-hor .tracker-item:nth-child(6n+4) {
        width: auto
    }

    .recruit1 .tab-mod {
        margin-top: 18px
    }

    .recruit2 {
        padding-top: 30px;
        padding-bottom: 70px;
        background-size: 200px
    }

    .recruit2 .li {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        padding: 30px 10px
    }

    .recruit2 .li+.li {
        margin-top: 20px
    }

    .recruit2 .p {
        margin-top: 15px
    }
}

.recruit1 .tracker-mod.dir-hor .tracker-item:hover {
    color: #333;
}

.result-page {
    padding: 50px 0
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    margin-bottom: 50px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    border-bottom: 1px solid #eee
}

.result-page .result-list .t {
    margin-bottom: 15px;
    font-size: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #5b170f
}

@media screen and (min-width: 769px) {
    .result-page .result-list .t:hover {
        color:#5b170f
    }
}

.reviewdetailed1 .x-wrap {
    position: relative;
    padding-bottom: 96px
}

.reviewdetailed1 .title {
    text-align: right;
    padding-top: 105px;
    color: #333
}

.reviewdetailed1 .title_en {
    text-align: right
}

.reviewdetailed1 .list {
    background: url(../image/zjb/rd1imgbg1.png) no-repeat center center/cover;
    color: #fff;
    padding: 50px;
    position: relative;
    margin-top: 15px
}

.reviewdetailed1 .list .h {
    font-size: 28px;
    line-height: 36px
}

@media screen and (max-width: 768px) {
    .reviewdetailed1 .list .h {
        font-size:20px
    }
}

.reviewdetailed1 .list .text {
    height: 330px;
    overflow: auto;
    margin-top: 55px
}

.reviewdetailed1 .list .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px
}

.reviewdetailed1 .list .txt:nth-child(1) {
    margin-top: 0px
}

.reviewdetailed1 .list .p {
    width: calc((100% - 140px)/3);
    margin-right: 70px;
    position: relative;
    padding-left: 25px;
    font-size: 16px;
    line-height: 24px
}

.reviewdetailed1 .list .p:nth-child(3) {
    margin-right: 0
}

.reviewdetailed1 .list .p::after {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0
}

.reviewdetailed1 .list .mCSB_scrollTools {
    width: 10px
}

.reviewdetailed1 .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.reviewdetailed1 .list .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.reviewdetailed1 .list::after {
    content: "";
    width: 345px;
    height: 521px;
    background: url(../image/zjb/rd1imgbg1.png);
    position: absolute;
    top: 0;
    right: -345px
}

.reviewdetailed1 .list::before {
    content: "";
    width: 1575px;
    height: 300px;
    background: #f0f0f0;
    position: absolute;
    bottom: -96px;
    left: -345px;
    z-index: -1
}

.reviewdetailed1 .x-wrap::after {
    content: "";
    width: 1920px;
    height: 600px;
    background: url(../image/zjb/rd1imgbg.png);
    position: absolute;
    top: 0;
    left: -345px;
    z-index: -2
}

.reviewdetailed2 {
    padding-top: 130px
}

.reviewdetailed2 .h {
    font-size: 28px;
    line-height: 36px;
    padding: 0 50px;
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .reviewdetailed2 .h {
        font-size:20px
    }
}

.reviewdetailed2 .slick-mod {
    padding-bottom: 190px
}

.reviewdetailed2 .slick-mod .slick-list {
    margin: 0 -15px
}

.reviewdetailed2 .slick-mod .slick-slide {
    margin: 0 15px
}

.reviewdetailed2 .slick-mod .slick-item .pic {
    position: relative;
    overflow: hidden;
    width: 600px;
    width: 100%
}

.reviewdetailed2 .slick-mod .slick-item .pic::before {
    content: '';
    display: block;
    padding-top: 55.5%
}

.reviewdetailed2 .slick-mod .slick-item .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.reviewdetailed2 .slick-mod .slick-item .pic img {
    width: 100%;
    height: 100%
}

.reviewdetailed2 .slick-mod .slick-item .p {
    width: 600px;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin: 20px 0 35px 0;
    color: #707070
}

.reviewdetailed2 .slick-mod .slick-prev {
    background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    left: 50%;
    bottom: 120px;
    margin-left: -75px
}

.reviewdetailed2 .slick-mod .slick-next {
    background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
    width: 59px;
    height: 27px;
    right: 50%;
    bottom: 120px;
    position: absolute;
    margin-right: -75px
}

.reviewdetailed3 .x-wrap {
    position: relative;
    padding-bottom: 170px
}

.reviewdetailed3 .list {
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.reviewdetailed3 .li:nth-child(1) {
    margin-left: 0
}

.reviewdetailed3 .li:last-child {
    margin-right: 0
}

.reviewdetailed3 .li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 200px;
    height: 445px;
    color: #fff;
    background-color: #561913;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    margin: 0 5px;
    min-width: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reviewdetailed3 .li .box {
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    height: 290px;
    display: none;
    min-width: 52px
}

.reviewdetailed3 .li .text {
    min-width: 52px
}

.reviewdetailed3 .li.cur .text {
    display: block;
    width: 570px
}

.reviewdetailed3 .li .text .tit {
    display: inline-block;
    width: 100%;
    height: 445px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 5px
}

body:not(.lang-en) .reviewdetailed3 .li .text .tit {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .reviewdetailed3 .li .text .tit {
        font-size:18px
    }
}

.reviewdetailed3 .li.cur .text .tit {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    font-size: 28px;
    color: #333;
    letter-spacing: 0px
}

body:not(.lang-en) .reviewdetailed3 .li.cur .text .tit {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb
}

@media screen and (max-width: 768px) {
    .reviewdetailed3 .li.cur .text .tit {
        font-size:20px
    }
}

.reviewdetailed3 .li.cur {
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    width: 676px;
    padding: 0 50px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px 2px #eee;
    box-shadow: 0px 0px 3px 2px #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 676px;
    min-width: 676px
}

.reviewdetailed3 .li.cur .box {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.32s 0.32s;
    -webkit-transition: all 0.32s 0.32s;
    transition: all 0.32s 0.32s;
    margin-top: 30px
}

.reviewdetailed3 .p {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 24px;
    margin: 16px 0;
    color: #707070
}

.reviewdetailed3 .p::after {
    content: "";
    width: 5px;
    height: 5px;
    background: url(../image/zjb/rd3imgy.png);
    position: absolute;
    top: 9px;
    left: 0px
}

.reviewdetailed3 .mCSB_inside>.mCSB_container {
    margin-right: 50px
}

.reviewdetailed3 .mCSB_scrollTools {
    width: 10px
}

.reviewdetailed3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.reviewdetailed3 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.reviewdetailed3 .x-wrap::after {
    content: "";
    width: 1920px;
    height: 541px;
    background: url(../image/zjb/rd3imgbg.png);
    position: absolute;
    top: 75px;
    left: -345px;
    z-index: -2
}

@media screen and (min-width: 769px) {
    .reviewdetailed2 .slick-mod .slick-item:hover .pic img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .reviewdetailed2 .slick-mod .slick-item:hover .pic .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .reviewdetailed2 .slick-mod .slick-item:hover .p {
        font-size: 18px;
        line-height: 20px;
        color: #000;
        -webkit-transition-duration: 0.32s;
        transition-duration: 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .reviewdetailed2 .slick-mod .slick-item:hover .p {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .reviewdetailed1 .x-wrap {
        padding-bottom:50px
    }

    .reviewdetailed1 .title {
        padding-top: 50px;
        text-align: left
    }

    .reviewdetailed1 .title_en {
        text-align: left
    }

    .reviewdetailed1 .list::after {
        display: none
    }

    .reviewdetailed1 .list {
        padding: 30px 10px
    }

    .reviewdetailed1 .list .txt {
        display: block;
        margin-top: 0
    }

    .reviewdetailed1 .list .p {
        width: 100%;
        margin-right: 0px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px
    }

    .reviewdetailed1 .list .p::after {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        left: 0
    }

    .mCSB_scrollTools {
        width: 10px
    }

    .reviewdetailed1 .list .text {
        margin-top: 20px
    }

    .reviewdetailed1 .list::before {
        bottom: -50px
    }

    .reviewdetailed2 {
        padding-top: 50px
    }

    .reviewdetailed2 .h {
        padding: 0;
        margin-bottom: 20px
    }

    .reviewdetailed2 .slick-mod {
        padding-bottom: 50px
    }

    .reviewdetailed2 .slick-mod .slick-item .text {
        margin-top: 20px
    }

    .reviewdetailed2 .slick-mod .slick-item img {
        width: 100%;
        height: auto
    }

    .reviewdetailed2 .slick-mod .slick-item .p {
        width: 100%;
        margin: 10px 0
    }

    .reviewdetailed2 .slick-mod .slick-prev {
        background: url(../image/zjb/educationat7jtl.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin-left: -55px
    }

    .reviewdetailed2 .slick-mod .slick-next {
        background: url(../image/zjb/educationat7jtr.png) no-repeat center center/cover;
        width: 40px;
        height: 18px;
        right: 50%;
        bottom: 20px;
        position: absolute;
        margin-right: -55px
    }

    .reviewdetailed3 .list {
        display: block
    }

    .reviewdetailed3 .mCSB_inside>.mCSB_container {
        margin-right: 30px
    }

    .reviewdetailed3 .li.cur {
        width: 100%;
        padding: 0 10px;
        max-width: 100%
    }

    .reviewdetailed3 .x-wrap {
        padding-bottom: 50px
    }

    .reviewdetailed3 .x-wrap::after {
        display: none
    }

    .reviewdetailed3 {
        padding-top: 10px;
        height: auto
    }

    .reviewdetailed3 .li.cur {
        padding: 40px 10px;
        width: 100%;
        min-width: 100%
    }

    .reviewdetailed3 .li {
        height: auto;
        padding: 40px 10px;
        width: 100%;
        background: #fff;
        -webkit-box-shadow: 0px 0px 3px 2px #eee;
        box-shadow: 0px 0px 3px 2px #eee;
        margin: 0;
        margin-top: 20px;
        max-width: 100%
    }

    .reviewdetailed3 .li .text .tit {
        width: auto;
        height: auto;
        margin-left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0);
        font-size: 28px;
        color: #333;
        display: block
    }

    body:not(.lang-en) .reviewdetailed3 .li .text .tit {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .reviewdetailed3 .li .text .tit {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .reviewdetailed3 .li .box {
        display:block;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all 0.32s 0.32s;
        -webkit-transition: all 0.32s 0.32s;
        transition: all 0.32s 0.32s
    }
}

.scientific1 {
    padding: 115px 0 150px;
    position: relative
}

.scientific1 .title {
    text-align: center
}

.scientific1 .title_en {
    text-align: center;
    font-size: 38px;
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .scientific1 .title_en {
        font-size:24px
    }
}

.scientific1 .tab-mod {
    margin-top: 50px
}

.scientific1 .tab-mod .tab-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.scientific1 .tab-mod .tab-term {
    color: #707070;
    font-size: 20px;
    margin-right: 62px
}

@media screen and (max-width: 768px) {
    .scientific1 .tab-mod .tab-term {
        font-size:18px
    }
}

.scientific1 .tab-mod .tab-term:last-child {
    margin-right: 0
}

.scientific1 .tab-mod .tab-term.cur {
    font-size: 24px;
    color: #333
}

@media screen and (max-width: 768px) {
    .scientific1 .tab-mod .tab-term.cur {
        font-size:18px
    }
}

.scientific1 .tab-mod .tab-cont {
    margin-top: 20px
}

.scientific1 .tab-mod .tab-item {
    position: absolute;
    width: 100%;
    top: 0;
    visibility: hidden;
    opacity: 0
}

.scientific1 .tab-mod .tab-item .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.scientific1 .tab-mod .tab-item .li {
    width: calc((100% - 40px)/3);
    margin-right: 19px;
    margin-bottom: 65px;
    position: relative
}

.scientific1 .tab-mod .tab-item .li:nth-child(3n) {
    margin-right: 0
}

.scientific1 .tab-mod .tab-item .img {
    position: relative;
    overflow: hidden
}

.scientific1 .tab-mod .tab-item .img::before {
    content: '';
    display: block;
    padding-top: 55.9194%
}

.scientific1 .tab-mod .tab-item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.scientific1 .tab-mod .tab-item .img .i {
    width: 100%;
    height: 100%
}

.scientific1 .tab-mod .tab-item .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    margin-top: -1px;
    width: 397px
}

.scientific1 .tab-mod .tab-item .desc .date {
    background-color: #5a170f;
    width: 76px;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.scientific1 .tab-mod .tab-item .desc .t {
    font-size: 24px;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .scientific1 .tab-mod .tab-item .desc .t {
        font-size:18px
    }
}

.scientific1 .tab-mod .tab-item .desc .t1 {
    font-size: 16px
}

.scientific1 .tab-mod .tab-item .desc .h {
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #707070;
    padding: 0 35px 0
}

body:not(.lang-en) .scientific1 .tab-mod .tab-item .desc .h {
    text-align: justify;
    text-justify: inter-ideograph
}

.scientific1 .tab-mod .tab-item .desc .h span {
    display: block;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden
}

.scientific1 .tab-mod .tab-item.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.scientific1 .paging-mod {
    margin-top: 25px
}

.scientific1::before {
    content: "";
    position: absolute;
    display: block;
    bottom: 14px;
    right: 0;
    background: url(../image/wmy/bg9.png) no-repeat right bottom;
    width: 296px;
    height: 312px;
    z-index: 0
}

@media screen and (min-width: 769px) {
    .scientific1 .tab-mod .tab-term:hover {
        font-size:24px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .scientific1 .tab-mod .tab-term:hover {
        font-size:18px
    }
}

@media screen and (min-width: 769px) {
    .scientific1 .tab-mod .tab-item .li:hover .img img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .scientific1 .tab-mod .tab-item .li:hover .img .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .scientific1 .tab-mod .tab-item .li:hover .desc .h {
        font-size: 18px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .scientific1 .tab-mod .tab-item .li:hover .desc .h {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .scientific1 {
        padding:40px 0 30px
    }

    .scientific1 .tab-mod {
        margin-top: 20px
    }

    .scientific1 .tab-mod .tab-term {
        margin-right: 15px
    }

    .scientific1 .tab-mod .tab-item .desc {
        width: 100%
    }

    .scientific1 .tab-mod .tab-item .li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }

    .scientific1::before {
        display: none
    }

    .scientific1 .tab-mod .tab-item .desc .h {
        padding: 0 20px
    }
}

.sitemap-page {
    padding: 50px 0
}

.sitemap-page .dl {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.sitemap-page .dt {
    font-size: 1.2em
}

.sitemap-page .dd {
    margin-top: 20px;
    padding-left: 4em
}

.sitemap-page .link {
    -webkit-transition: color .3s;
    transition: color .3s
}

.sitemap-page .link+.link {
    margin-left: 20px
}

@media screen and (min-width: 769px) {
    .sitemap-page .link:hover {
        color:#5b170f
    }
}

.statute1 {
    padding: 0 0 150px;
    background: url(../image/syb/icon_w2.png) no-repeat right bottom
}

.statute1 .list {
    margin-top: 4px
}

.statute1 .item {
    height: 60px;
    background: #F0F0F0;
    margin-top: 20px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.statute1 .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 30px
}

.statute1 .h {
    width: 90%
}

@media screen and (min-width: 769px) {
    .statute1 .item:hover {
        font-size:18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        background: #DCDCDC
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .statute1 .item:hover {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .statute1 {
        padding:0 0 60px;
        background-size: 200px
    }

    .statute1 .item {
        height: auto;
        margin-top: 20px
    }

    .statute1 .item a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px
    }

    .statute1 .h {
        width: 100%
    }

    .statute1 .d {
        margin-top: 5px
    }
}

.pop-demo2 .pop-img1 {
    max-width: 100%
}

.student1 {
    padding: 140px 0 214px;
    position: relative;
    background: url(../image/syb/student1.jpg) no-repeat bottom center
}

.student1 .x-wrap {
    z-index: 1
}

.student1 .title_en {
    margin-top: 0;
    color: #ddd;
    opacity: 1;
    margin-top: -5px
}

.student1 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 17px
}

.student1 .list .li {
    width: calc((100% - 90px)/4);
    position: relative;
    overflow: hidden;
    overflow: visible
}

.student1 .list .li::before {
    content: '';
    display: block;
    padding-top: 131.92982%
}

.student1 .list .li .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student1 .list .li+.li {
    margin-left: 30px
}

.student1 .list .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 32px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

.student1 .list .pic {
    position: relative;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #c5b799;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.student1 .list .pic::before {
    content: '';
    display: block;
    padding-top: 131.92982%
}

.student1 .list .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student1 .list .pic .i {
    opacity: 0.1
}

.student1 .list .icon {
    position: relative;
    overflow: hidden;
    width: 165px;
    background: rgba(197,183,153,0.9);
    border-radius: 50%;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.student1 .list .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.student1 .list .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student1 .list .t {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 40px
}

@media screen and (max-width: 768px) {
    .student1 .list .t {
        font-size:18px
    }
}

.student1 .list a.a {
    z-index: 2
}

.student2 {
    padding: 172px 0 0px;
    position: relative
}

.student2 .title_en {
    color: #ddd;
    opacity: 1
}

.student2 .tab-demo {
    margin-top: 13px
}

.student2 .tracker-mod.dir-hor .tracker-box {
    margin-left: 212px;
    min-width: auto;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.student2 .tracker-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.student2 .link {
    margin-left: 20px;
    float: right
}

.student2 .link .more {
    display: none
}

.student2 .link .more.cur {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.student2 .tracker-mod.dir-hor .tracker-item {
    font-size: 24px;
    color: #707070;
    margin-right: 25px;
    padding-left: 12px
}

@media screen and (max-width: 768px) {
    .student2 .tracker-mod.dir-hor .tracker-item {
        font-size:18px
    }
}

.student2 .tracker-mod.dir-hor .tracker-item+.tracker-item {
    margin-left: 37px
}

.student2 .tracker-mod.dir-hor .tracker-item.cur {
    color: #333;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.student2 .tab-cont {
    margin-top: 24px;
    position: relative
}

.student2 .tab-cont .slick-mod {
    width: 782px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.student2 .tab-cont .slick-mod .pic {
    position: relative;
    overflow: hidden;
    width: 100%
}

.student2 .tab-cont .slick-mod .pic::before {
    content: '';
    display: block;
    padding-top: 56.13811%
}

.student2 .tab-cont .slick-mod .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student2 .tab-cont .slick-mod .p {
    font-size: 20px;
    color: #fff;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(91,23,15,0.5);
    height: 4em;
    line-height: 4em;
    text-align: center;
    padding: 0 1em
}

@media screen and (max-width: 768px) {
    .student2 .tab-cont .slick-mod .p {
        font-size:18px
    }
}

.student2 .tab-cont .rr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 439px;
    background-color: #f0f0f0;
    padding-left: 52px;
    position: relative;
    top: 58px
}

.student2 .tab-cont .rr .list {
    padding-top: 46px
}

.student2 .tab-cont .rr .t {
    font-size: 16px;
    color: #707070;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto;
    max-height: 3.2em;
    line-height: 1.6;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.student2 .tab-cont .rr .y {
    color: #707070;
    font-family: avian;
    font-size: 14px;
    margin-top: 8px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.student2 .tab-cont .rr .li+.li {
    margin-top: 20px
}

.student2 .tab-cont .rr::before {
    width: 127px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: -127px;
    top: 0;
    background-color: #f0f0f0
}

.student2 .tab-cont .rr::after {
    width: 345px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #f0f0f0
}

.student2 .slick-item {
    position: relative
}

.student2 .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.student2 .slick-arrow {
    width: 59px;
    height: 59px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(125,125,125,0.53)
}

.student2 .slick-arrow::before {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0
}

.student2 .tab-mod .tab-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.student2 .tab-mod .tab-item.act {
    position: relative
}

.student2 .slick-prev {
    left: 34px
}

.student2 .slick-next {
    right: 34px
}

.student2 .slick-prev:before {
    background: url(../image/syb/icon_prev1.png) no-repeat center center
}

.student2 .slick-next:before {
    background: url(../image/syb/icon_next1.png) no-repeat center center
}

.student3 {
    padding-top: 175px;
    position: relative
}

.student3 .title_en {
    color: #ddd;
    opacity: 1
}

.student3 .tab-demo {
    margin-top: 37px
}

.student3 .tab-item {
    padding-top: 71px
}

.student3 .list {
    margin-left: 30px;
    width: 685px
}

.student3 .li {
    position: relative;
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.student3 .li .year {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: avian
}

.student3 .li .d {
    font-size: 50px;
    line-height: 1.2;
    height: 57px;
    border-right: 1px solid rgba(255,255,255,0.3);
    padding: 0 24px;
    line-height: 57px
}

@media screen and (max-width: 768px) {
    .student3 .li .d {
        font-size:30px
    }
}

.student3 .li .y {
    line-height: 1.25;
    margin-left: 16px
}

.student3 .li .t {
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 518px;
    margin-left: 38px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.student3 .li+.li {
    margin-top: 50px
}

.student3 .item {
    position: relative
}

.student3 .tracker-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.student3 .tracker-mod.dir-hor .tracker-box {
    width: 320px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.student3 .tracker-mod.dir-hor .tracker-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.student3 .tracker-mod.dir-hor .tracker-item {
    width: 100%;
    height: 50%;
    font-size: 30px;
    color: #707070;
    background-color: #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .student3 .tracker-mod.dir-hor .tracker-item {
        font-size:22px
    }
}

.student3 .tracker-mod.dir-hor .tracker-item.cur {
    background-color: #c5b799;
    color: #333
}

.student3 .tab-cont {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 582px;
    position: relative
}

.student3 .tab-cont::before {
    width: 1257px;
    height: 582px;
    background: url(../image/syb/back_06.jpg) no-repeat top center;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.student3 .more {
    color: #fff;
    margin-left: auto;
    width: 75px;
    margin-right: 50px;
    margin-top: 37px
}

.student3 .more .icon {
    background: url(../image/syb/icon_more.png) no-repeat
}

.student3 .link {
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.student3 .link .slick-mod {
    width: 912px
}

.student3 .link .slick-list {
    padding-top: 40px;
    padding-bottom: 40px
}

.student3 .link .slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 834px;
    margin: 0 auto
}

.student3 .link .item {
    width: 253px !important;
    margin: 12px
}

.student3 .link .pic {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.1);
    box-shadow: 0 0 24px rgba(0,0,0,0.1);
    width: 253px
}

.student3 .link .pic::before {
    content: '';
    display: block;
    padding-top: 46.64032%
}

.student3 .link .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student3 .link::before {
    width: 345px;
    height: 100%;
    content: "";
    display: block;
    position: absolute;
    left: -345px;
    top: 0;
    background-color: #f0f0f0
}

.student3 .link .rr {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.student3 .link .t {
    font-size: 30px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .student3 .link .t {
        font-size:22px
    }
}

.student3 .link .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 68px
}

.student3 .link .slick-arrow {
    width: 59px;
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    background: url(../image/syb/icon_prev.png) no-repeat center center/cover
}

.student3 .link .slick-arrow::before {
    content: '';
    display: block;
    padding-top: 45.76271%
}

.student3 .link .slick-arrow .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student3 .link .slick-next {
    background: url(../image/syb/icon_next.png) no-repeat center center/cover
}

.student3 .tab-mod .tab-item {
    display: none
}

.student3 .tab-mod .tab-item.act {
    display: block
}

.student4 {
    padding-top: 152px;
    padding-bottom: 89px;
    position: relative;
    background: url(../image/syb/student4.jpg) repeat-x bottom center
}

.student4 .title_en {
    color: #ddd;
    opacity: 1;
    margin-top: -3px
}

.student4 .slick-mod {
    margin-top: 17px
}

.student4 .item {
    width: calc((100% - 36px) / 3) !important;
    margin-right: 18px;
    margin-top: 20px;
    position: relative;
    display: inline-block
}

.student4 .item:last-child {
    margin-right: 0
}

.student4 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px
}

.student4 .pic {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.student4 .pic::before {
    content: '';
    display: block;
    padding-top: 55.77889%
}

.student4 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student4 .slick-arrow {
    width: 59px;
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    background-image: url(../image/syb/icon_prev.png);
    background-size: 100% 100%
}

.student4 .slick-arrow::before {
    content: '';
    display: block;
    padding-top: 45.76271%
}

.student4 .slick-arrow .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.student4 .slick-next {
    background-image: url(../image/syb/icon_next.png);
    background-size: 100% 100%
}

.student4 .slick-slide {
    margin: 0 9px
}

.student4 .slick-list {
    margin: 0 -9px
}

.student4 .more_r {
    margin-left: auto;
    margin-top: 31px
}

.student4::before {
    width: 428px;
    height: 374px;
    background: url(../image/syb/icon_w.png) no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 537px;
    top: 80px
}

@media screen and (min-width: 769px) {
    .student1 .list .li.cur .pic {
        background-color:#5b170f;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .student1 .list .li.cur .icon {
        background-color: #6d2119;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .student2 .tab-cont .rr .list .li:hover .t {
        font-size: 18px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .student2 .tab-cont .rr .list .li:hover .t {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .student2 .tab-cont .rr .list .li:hover .y {
        font-size:16px;
        color: #333;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .student2 .tab-cont .slick-mod .slick-current:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student2 .tab-cont .slick-mod .slick-current:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student3 .link .item:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student3 .link .item:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student3 .li:hover {
        color: #c5b799
    }

    .student3 .li:hover .t {
        font-size: 18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .student3 .li:hover .t {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .student4 .item:hover img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student4 .item:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .student2 .link .more.cur:hover {
        left: 10px
    }
}

@media screen and (max-width: 1440px) {
    .student3 .more {
        width:75px
    }
}

@media screen and (max-width: 768px) {
    .student1 {
        padding:40px 0 90px
    }

    .student1 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 15px
    }

    .student1 .list .li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px
    }

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

    .student1 .list .li+.li {
        margin-left: 0
    }

    .student1 .list .icon {
        width: 90px;
        height: 90px
    }

    .student2 {
        padding: 40px 0 0
    }

    .student2 .tracker-mod.dir-hor .tracker-box {
        margin-left: 0;
        margin-right: 20px
    }

    .student2 .tracker-mod.dir-hor .tracker-item.cur {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        font-size: 28px
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    .student2 .tracker-mod.dir-hor .tracker-item.cur {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .student2 .tracker-mod.dir-hor .tracker-item+.tracker-item {
        margin-left:15px
    }

    .student2 .tracker-mod.dir-hor .tracker-item {
        margin-right: 0;
        padding-left: 0
    }

    .student2 .tab-cont .slick-mod {
        width: 100%
    }

    .student2 .tab-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .student2 .tab-cont .rr {
        padding-left: 0;
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        top: 0;
        margin-top: 20px;
        padding-bottom: 40px
    }

    .student2 .more {
        margin-left: 0
    }

    .student2 .slick-arrow {
        width: 40px;
        height: 40px
    }

    .student2 .slick-prev {
        left: 14px
    }

    .student2 .slick-next {
        right: 14px
    }

    .student2 .slick-arrow::before {
        background-size: 22px
    }

    .student2 .tab-cont .slick-mod .p {
        height: 3em;
        line-height: 3em
    }

    .student2 .tab-demo {
        margin-top: 8px
    }

    .student3 {
        padding: 40px 0 0
    }

    .student3 .tracker-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .student3 .tracker-mod.dir-hor .tracker-box {
        width: 100%
    }

    .student3 .tracker-mod.dir-hor .tracker-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .student3 .tracker-mod.dir-hor .tracker-item {
        height: 60px
    }

    .student3 .tab-cont::before {
        right: -15px
    }

    .student3 .list {
        width: 100%;
        margin-left: 0
    }

    .student3 .li .d {
        padding: 0 15px
    }

    .student3 .li .t {
        margin-left: 15px;
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .student3 .tab-mod .tab-item {
        padding-bottom: 50px
    }

    .student3 .tab-cont {
        margin-top: 20px
    }

    .student3 .tab-cont::before {
        height: 100%
    }

    .student3 .link .slick-mod {
        width: 100%
    }

    .student3 .link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-top: 30px
    }

    .student3 .link .nav {
        margin-top: 20px
    }

    .student3 .link .slick-list {
        padding: 12px 0
    }

    .student3 .link .item {
        width: calc(50% - 24px) !important
    }

    .student3 .link .pic {
        width: 100%;
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.1);
        box-shadow: 0 0 12px rgba(0,0,0,0.1)
    }

    .student3 .link .slick-slide>div {
        width: 100%
    }

    .student3 .link::after {
        width: 15px;
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        right: -15px;
        top: 0;
        background-color: #f0f0f0
    }

    .student3 .link .slick-arrow {
        width: 40px
    }

    .student3 .more {
        margin-right: 0
    }

    .student4 {
        padding: 40px 0;
        background-size: auto 230px
    }

    .student4::after {
        height: 230px
    }

    .student4 .item {
        width: calc(50% - 5px) !important;
        margin-right: 10px
    }

    .student4 .slick-arrow {
        width: 40px
    }

    .student3 .tab-demo {
        margin-top: 15px
    }

    .student4 .slick-mod {
        margin-top: 5px
    }

    .student4 .item {
        margin-top: 10px
    }
}

.survey1 {
    position: relative
}

.survey1 .ban {
    position: relative;
    overflow: hidden;
    background-position: no-repeat;
    background-size: cover
}

.survey1 .ban::before {
    content: '';
    display: block;
    padding-top: 37.91667%
}

.survey1 .ban .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey1 .ban .i {
    width: 100%
}

.survey1 .x-wrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.survey1 .box {
    width: 540px;
    margin-top: -100px
}

.survey1 .title_en {
    margin-top: 0;
    opacity: 1;
    color: #d0d0d0
}

.survey1 .desc {
    font-size: 16px;
    margin-top: 16px
}

body:not(.lang-en) .survey1 .desc {
    text-align: justify;
    text-justify: inter-ideograph
}

.survey1 .more_w {
    margin-top: 35px
}

.survey1 .icon {
    position: relative;
    overflow: hidden;
    width: 20px;
    background: url(../image/syb/icon_more.png) no-repeat center center/cover;
    margin-left: 8px
}

.survey1 .icon::before {
    content: '';
    display: block;
    padding-top: 80%
}

.survey1 .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey2 {
    padding-top: 123px;
    padding-bottom: 100px;
    background: url(../image/syb/survey2.jpg) no-repeat top center;
    position: relative
}

.survey2 .title {
    text-align: center
}

.survey2 .title_en {
    text-align: center;
    opacity: 1;
    color: #d0d0d0
}

.survey2 .desc {
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-top: 13px
}

.survey2 .tab-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    min-height: 549px;
    margin-top: 43px
}

.survey2 .tab-bar {
    width: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.survey2 .tab-term {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #ededed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    margin-bottom: 2px
}

body:not(.lang-en) .survey2 .tab-term {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
    .survey2 .tab-term {
        font-size:18px
    }
}

.survey2 .tab-term.cur {
    background-color: #c5b799;
    color: #333
}

.survey2 .tab-term:last-child {
    margin-bottom: 0
}

.survey2 .tab-cont {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.survey2 .tab-item {
    width: 100%;
    display: none;
    position: relative
}

.survey2 .tab-item.act {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.survey2 .right {
    padding: 0 36px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff url(../image/syb/back_01.jpg) no-repeat right bottom;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.1);
    box-shadow: 0 0 35px rgba(0,0,0,0.1)
}

.survey2 .list {
    padding-top: 80px
}

.survey2 .list .li {
    margin-bottom: 23px
}

.survey2 .list .li:last-child {
    margin-bottom: 0
}

.survey2 .pic {
    position: relative;
    overflow: hidden;
    width: 748px
}

.survey2 .pic::before {
    content: '';
    display: block;
    padding-top: 73.39572%
}

.survey2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey2 .pic2 {
    position: relative;
    overflow: hidden;
    width: 635px;
    margin-left: 113px
}

.survey2 .pic2::before {
    content: '';
    display: block;
    padding-top: 86.45669%
}

.survey2 .pic2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey2 .xf {
    color: #333333;
    padding-top: 140px
}

.survey2 .xf span {
    margin-left: 28px
}

.survey2 .pic1 {
    position: relative;
    overflow: hidden;
    width: 235px;
    position: absolute;
    left: 101px;
    top: 122px;
    z-index: 1
}

.survey2 .pic1::before {
    content: '';
    display: block;
    padding-top: 172.76596%
}

.survey2 .pic1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey2 .rr {
    width: calc(100% - 53px);
    padding-right: 194px;
    padding-top: 100px;
    margin-left: 53px;
    padding-left: 240px;
    background: #fff url(../image/syb/back_01.jpg) no-repeat right bottom;
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,0.1);
    box-shadow: 0 0 35px rgba(0,0,0,0.1)
}

.survey2 .xg {
    height: 449px
}

.survey2 .xg img {
    width: 600px
}

.survey2 .icon_py {
    position: absolute;
    top: 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 215px;
    width: 86px;
    height: 86px;
    background: url(../image/syb/icon_02.png) no-repeat center center/cover
}

.survey2 .play {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

.survey2 .play::before {
    font-family: xfont;
    content: '\e521';
    color: #fff;
    display: block;
    font-size: 20px
}

.survey2 .play1:before {
    content: '\e522'
}

.survey2 .icon_y {
    width: 29px;
    height: 30px;
    background: url(../image/syb/icon_01.png) no-repeat center center/cover;
    position: absolute;
    top: 46px;
    right: 184px
}

.survey2 .mCSB_scrollTools {
    width: 10px
}

.survey2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background-color: #c8c8c8
}

.survey2 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #e0e0e0
}

.survey2 .audio-mod {
    display: none
}

.survey2 .mCSB_scrollTools {
    height: 232px
}

.survey3 {
    position: relative
}

.survey3 .top {
    position: relative;
    padding-top: 126px
}

.survey3 .pic {
    position: relative;
    overflow: hidden;
    width: 1575px;
    position: absolute;
    top: 0;
    left: -345px;
    z-index: -1
}

.survey3 .pic::before {
    content: '';
    display: block;
    padding-top: 29.46032%
}

.survey3 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.survey3 .title {
    color: #fff
}

.survey3 .title_en {
    opacity: 1;
    color: #d0d0d0
}

.survey3 .bot {
    margin-top: 17px;
    padding-top: 25px;
    padding-bottom: 29px;
    background-color: #5b170f;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.survey3 .bot:after {
    width: 345px;
    height: 100%;
    position: absolute;
    right: -345px;
    top: 0;
    content: "";
    display: block;
    background-color: #5b170f
}

.survey3 .list {
    margin: 0 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.survey3 .li {
    font-size: 16px;
    color: #fff;
    min-height: 63px;
    border-bottom: 1px solid #802a20;
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 533px
}

.survey3 .li:last-child {
    border-bottom: 0
}

.survey3 .job {
    width: 120px;
    line-height: 2.25
}

.survey3 .name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2.25
}

.survey3 .name a {
    margin-left: 27px;
    display: inline-block;
    min-width: 3em;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.survey4 {
    padding-top: 152px;
    position: relative
}

.survey4 .title_en {
    opacity: 1;
    color: #d0d0d0
}

.survey4 .bot {
    margin-top: 16px;
    position: relative;
    background-color: #f0f0f0;
    padding: 29px 0;
    padding-left: 50px;
    padding-right: 208px;
    height: 423px
}

.survey4 .bot:after {
    width: 345px;
    height: 100%;
    position: absolute;
    right: -345px;
    top: 0;
    content: "";
    display: block;
    background-color: #f0f0f0
}

.survey4 .list {
    width: 795px
}

.survey4 .li {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    line-height: 2.5;
    padding: 7px 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.survey4 .li span {
    display: block
}

.survey4 .name {
    width: 244px
}

.survey4 .job {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.survey4 .y {
    width: 200px;
    font-family: avian;
    font-size: 14px;
    line-height: 40px;
}

.survey4 .mCSB_scrollTools {
    width: 10px
}

.survey4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #c8c8c8
}

.survey4 .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #e0e0e0
}

.survey5 {
    padding-top: 152px;
    position: relative
}

.survey5 .title {
    text-align: center
}

.survey5 .title_en {
    text-align: center;
    margin-top: 2px
}

.survey5 .title_en {
    opacity: 1;
    color: #d0d0d0;
    margin-top: -7px
}

.survey5 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 672px;
    margin-top: 37px
}

.survey5 .tit {
    font-size: 30px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .survey5 .tit {
        font-size:22px
    }
}

.survey5 .left {
    width: 50%;
    position: relative;
    padding-top: 42px
}

.survey5 .left a {
    color: #fff
}

.survey5 .con {
    margin-top: 40px
}

.survey5 .con1 {
    height: 370px;
    padding-right: 20px
}

.survey5 .con2 {
    height: 430px
}

.survey5 .mCSB_scrollTools {
    width: 10px
}

.survey5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #c8c8c8
}

.survey5 .mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #e0e0e0
}

.survey5 .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.survey5 .li {
    width: 50%;
    line-height: 1.5;
    padding: 3px 0 3px
}

.survey5 .left::after {
    content: "";
    display: block;
    position: absolute;
    left: -345px;
    top: 0;
    z-index: -1;
    width: 960px;
    height: 100%;
    background: url(../image/syb/back_03.jpg) no-repeat center center/cover
}

.survey5 .right {
    width: 50%;
    position: relative;
    padding-left: 70px;
    padding-top: 42px
}

.survey5 .right a {
    color: #fff
}

.survey5 .right::after {
    content: "";
    display: block;
    position: absolute;
    right: -345px;
    top: 0;
    z-index: -1;
    width: 960px;
    height: 100%;
    background: url(../image/syb/back_04.jpg) no-repeat center center/cover
}

@media screen and (max-width: 768px) {
    .survey1 .x-wrap {
        color:#333;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        padding-bottom: 30px
    }

    .survey1 .box {
        width: 100%;
        margin-top: 20px
    }

    .survey1 .more_w {
        color: #333;
        margin-top: 20px
    }

    .survey1 .more_w .icon {
        background: url(../image/rj/more.png) no-repeat center center/cover
    }

    .survey2 {
        padding: 50px 0
    }

    .survey2 .tab-mod {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .survey2 .tab-bar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    body:not(.lang-en) .survey2 .tab-term {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .survey2 .tab-term {
        width: 33.33%;
        -webkit-box-flex: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
        height: 40px
    }

    .survey2 .tab-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .survey2 .tab-cont {
        margin-top: 20px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }

    .survey2 .pic {
        width: 100%
    }

    .survey2 .right {
        padding: 30px 15px;
        min-height: 240px
    }

    .survey2 .xf span {
        margin-left: 0;
        margin-right: 20px
    }

    .survey2 .list {
        padding-top: 0
    }

    .survey2 .xf {
        padding-top: 0
    }

    .survey2 .rr {
        width: 100%;
        padding: 60px 20px 20px;
        margin-left: 0
    }

    .survey2 .xg {
        height: 400px
    }

    .survey2 .xg img {
        width: 100%
    }

    .survey2 .icon_py {
        right: 30px;
        top: 30px
    }

    .survey2 .icon_y {
        right: 5px;
        top: 5px
    }

    .survey2 .desc br {
        display: none
    }

    .survey3 .top {
        padding-top: 80px
    }

    .survey3 .bot {
        margin-top: 15px
    }

    .survey3 .list {
        width: auto;
        margin: 0 20px
    }

    .survey3 .name {
        margin-left: 0
    }

    .survey3 .li {
        width: 100%
    }

    .survey3 .li:nth-last-child(2) {
        border-bottom: 1px solid #802a20
    }

    .survey3 .li:last-child {
        border-bottom: 1px solid #802a20
    }

    .survey3 .list+.list {
        margin: 0 20px
    }

    .survey4 {
        padding-top: 50px
    }

    .survey4 .bot {
        padding: 30px 10px;
        margin-top: 15px
    }

    .survey4 .list {
        width: 100%
    }

    .survey4 .name {
        width: 100%
    }

    .survey4 .li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .survey4 .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .survey5 {
        padding-top: 50px
    }

    .survey5 .box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        margin-top: 15px
    }

    .survey5 .left {
        width: 100%;
        padding-bottom: 40px;
        padding-top: 40px
    }

    .survey5 .right {
        width: 100%;
        padding-bottom: 40px;
        padding-left: 0;
        padding-top: 40px
    }

    .survey5 .li {
        padding-right: 15px
    }

    .survey5 .left::after {
        left: 50%;
        width: 768px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .survey5 .right::after {
        right: 50%;
        width: 768px;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .survey5 .con1 {
        padding-right: 0;
        height: 410px
    }

    .survey5 .mCSB_inside>.mCSB_container {
        margin-right: 0
    }

    .survey5 .con2 {
        height: 440px
    }

    .survey2 .pic2 {
        margin-left: 0;
        width: 100%
    }

    .survey2 .pic1 {
        left: 0;
        top: 0;
        z-index: -1
    }

    .survey2 .desc {
        margin-top: 10px
    }

    .survey1 .desc {
        margin-top: 10px
    }

    .survey3 .name a {
        margin-left: 15px
    }
}

.survey4 a {
    cursor: default;
}

.union1 {
    width: 100%
}

.union1 .pic {
    position: relative;
    overflow: hidden;
    background-position: no-repeat;
    background-size: cover
}

.union1 .pic::before {
    content: '';
    display: block;
    padding-top: 31.97917%
}

.union1 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union1 .pic .i {
    width: 100%
}

.union2 {
    position: relative;
    padding: 104px 0 0
}

.union2 .titles {
    text-align: right
}

.union2 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union2 .title_ch {
        font-size:26px
    }
}

.union2 .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -41px
}

.union2 .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 55px;
    position: relative;
    background: #F0F0F0;
    min-height: 482px;
    padding-top: 60px
}

body:not(.lang-en) .union2 .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.union2 .text::before {
    content: "";
    display: block;
    width: 345px;
    height: 100%;
    background: #F0F0F0;
    position: absolute;
    left: -345px;
    top: 0
}

.union2 .pic {
    position: relative;
    overflow: hidden;
    width: 765px;
    margin-top: 57px;
    margin-left: -6px
}

.union2 .pic::before {
    content: '';
    display: block;
    padding-top: 56.20915%
}

.union2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union2 .right {
    position: relative
}

.union2 .right::before {
    content: "";
    display: block;
    width: 797px;
    height: 432px;
    background: #F0F0F0;
    position: absolute;
    right: -108px;
    top: 100px
}

.union2 .more {
    margin-top: 45px
}

.union3 {
    padding: 217px 0 103px;
    position: relative
}

.union3 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union3 .title_ch {
        font-size:26px
    }
}

.union3 .title_en {
    margin-top: -6px
}

.union3 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.union3 .item {
    width: calc((100% - 30px) / 2);
    margin-right: 29px
}

.union3 .item:nth-child(2) {
    margin-right: 0
}

.union3 .pic {
    position: relative;
    overflow: hidden;
    width: 600px
}

.union3 .pic::before {
    content: '';
    display: block;
    padding-top: 55.33333%
}

.union3 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union3 .text {
    color: #707070;
    margin-top: 15px
}

.union3 .p {
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    min-height: 27px
}

.union3 .d {
    font-size: 14px;
    font-family: 'avian';
    margin-top: 8px;
    min-height: 24px
}

.union3 .more_r {
    background: #691B10;
    width: 108px;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-top: 27px
}

.union4 {
    background: url(../image/rj/img20.jpg) no-repeat center center/cover;
    padding: 300px 0 180px
}

.union4 .title_en {
    margin-top: 5px
}

.union4 .list {
    width: 100%;
    color: #5D170D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.union4 .item {
    width: 50%;
    margin-right: 155px
}

.union4 .item:nth-child(2) {
    margin-right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.union4 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union4 .title_ch {
        font-size:26px
    }
}

.union4 .title_en {
    font-size: 36px;
    color: #5D170D;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .union4 .title_en {
        font-size:24px
    }
}

.union4 .desc a {
    display: block;
    font-size: 24px;
    margin-top: 23px;
    margin-left: 32px;
    position: relative
}

@media screen and (max-width: 768px) {
    .union4 .desc a {
        font-size:18px
    }
}

.union4 .desc a:nth-child(1) {
    margin-top: 0
}

.union4 .desc a::before {
    content: "";
    display: block;
    width: 21px;
    height: 21px;
    background: #5D170D;
    border-radius: 50%;
    position: absolute;
    left: -30px;
    top: 8px
}

.union4 .desc {
    margin-top: 55px;
    height: 204px
}

.union4 .mCSB_scrollTools {
    width: 10px
}

.union4 .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background: #E0E0E0
}

.union4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
    background: #C8C8C8
}

.union5 {
    padding: 120px 0 0;
    position: relative
}

.union5 .titles {
    text-align: right
}

.union5 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union5 .title_ch {
        font-size:26px
    }
}

.union5 .list {
    margin-top: -19px
}

.union5 .slick-slide>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.union5 .slick-item {
    width: calc((100% - 270px) / 6) !important;
    margin-right: 53px
}

.union5 .slick-item:last-child {
    margin-right: 0
}

.union5 .slick-slide {
    margin: 0 28px
}

.union5 .slick-list {
    margin: 0 -28px
}

.union5 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 40px
}

.union5 .slick-arrow {
    width: 100px;
    position: relative;
    overflow: hidden;
    background: url(../image/rj/mmm.jpg) no-repeat center center/cover
}

.union5 .slick-arrow::before {
    content: '';
    display: block;
    padding-top: 100%
}

.union5 .slick-arrow .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union5 .slick-prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-right: 20px
}

.union5 .slick-item {
    margin-top: 35px
}

.union5 .pic {
    position: relative;
    overflow: hidden;
    width: 160px
}

.union5 .pic::before {
    content: '';
    display: block;
    padding-top: 100%
}

.union5 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union5 .pic:nth-child(6n) {
    margin-right: 0
}

.union5 .m {
    display: block;
    width: 100px;
    height: 100px;
    background: #E0E0E0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-top: 40px
}

.union5 .m img {
    width: 59px;
    height: 27px
}

.union6 {
    padding: 129px 0 143px;
    position: relative;
    z-index: 50
}

.union6 .slick-mod {
    margin-top: 9px
}

.union6 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union6 .title_ch {
        font-size:26px
    }
}

.union6 .title_en {
    margin-top: -1px
}

.union6 .slick-item {
    position: relative;
    margin-top: 28px;
    overflow: visible;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.union6 .text {
    width: 100%;
    height: 100%;
    background: url(../image/rj/redm.png) no-repeat center center/cover;
    position: absolute;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding: 0 50px
}

.union6 .h {
    font-size: 20px;
    margin-bottom: 7px
}

@media screen and (max-width: 768px) {
    .union6 .h {
        font-size:18px
    }
}

.union6 .n {
    font-size: 14px;
    font-family: 'avian'
}

.union6 .mm {
    font-size: 16px;
    margin-top: 35px
}

.union6 .txt {
    margin-top: 20px
}

.union6 .date {
    font-size: 20px;
    width: 100%;
    height: 40px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

@media screen and (max-width: 768px) {
    .union6 .date {
        font-size:18px
    }
}

.union6 .pic {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    position: relative;
    overflow: hidden
}

.union6 .pic::before {
    content: '';
    display: block;
    padding-top: 54.40932%
}

.union6 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union6 .pic img {
    width: 100%;
    height: 100%
}

.union6 .slick-slide {
    margin: 0 14px
}

.union6 .slick-list {
    margin: 0 -14px;
    padding-bottom: 20px
}

.union6 .more_r {
    margin-left: auto;
    margin-top: 10px
}

.union6 .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px
}

.union6 .slick-arrow {
    width: 59px;
    position: relative;
    overflow: hidden;
    margin: 0 15px;
    background: url(../image/syb/icon_prev.png) no-repeat center center/cover
}

.union6 .slick-arrow::before {
    content: '';
    display: block;
    padding-top: 45.76271%
}

.union6 .slick-arrow .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.union6 .slick-next {
    background: url(../image/syb/icon_next.png) no-repeat center center/cover
}

.union7 {
    position: relative
}

.union7 .map {
    height: 857px;
    width: 100%;
    border-top: 1px solid #EAEAEA
}

.union7 .nobdmap {
    height: 857px;
    width: 100%
}

.union7 .bdmap {
    height: 857px;
    width: 100%
}

.union7 .title_ch {
    font-size: 40px;
    line-height: 1.2
}

@media screen and (max-width: 768px) {
    .union7 .title_ch {
        font-size:26px
    }
}

.union7 .title_en {
    color: #333333;
    opacity: .2;
    margin-top: -5px;
    margin-bottom: 25px
}

.union7 .box {
    width: 472px;
    background: url(../image/rj/gg.jpg) no-repeat center center/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -70px;
    left: 50%;
    margin-left: 145px;
    padding: 93px 0 106px
}

.union7 .BMap_Marker.BMap_noprint {
    width: 240px !important;
    height: 84px !important;
    background: url(/Uploads/Picture/2022/01/05/s61d536926cf16.png) center/100% !important;
}

.union7 .txt {
    font-size: 18px;
    margin-top: 30px;
    width: 209px
}

@media screen and (max-width: 768px) {
    .union7 .txt {
        font-size:16px
    }
}

.union7::before {
    content: "";
    display: block;
    width: 100%;
    height: 525px;
    background: url(../image/rj/gray.jpg) no-repeat center center/cover;
    position: absolute;
    left: 0;
    top: -525px
}

@media screen and (min-width: 769px) {
    .union2 .pic:hover img {
        -webkit-transform:scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .union2 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .union3 .pic:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .union3 .pic:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        -ms-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05);
        -webkit-transition-duration: .32s;
        transition-duration: .32s
    }

    .union3 .item:hover .p {
        font-size: 18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .union3 .item:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .union3 .item:hover .d {
        font-size:16px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .union3 .item:hover .text {
        color: #333333
    }

    .union6 .text {
        bottom: -400px;
        opacity: 0;
        -webkit-transition: all 0.6s;
        transition: all 0.6s
    }

    .union6 .slick-item:hover .text {
        bottom: 0;
        opacity: 1;
        -webkit-transition: all 0.6s;
        transition: all 0.6s
    }

    .union6 .slick-item:hover .date {
        bottom: -50px;
        opacity: 0;
        -webkit-transition: all 0.6s;
        transition: all 0.6s
    }

    .union6 .slick-item:hover .pic {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
        -webkit-transition: all 0.6s;
        transition: all 0.6s
    }
}

@media screen and (max-width: 1400px) {
    .union7 .box {
        right:90px
    }
}

@media screen and (max-width: 768px) {
    .union2 {
        padding:50px 0 0
    }

    .union2 .box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .union2 .text {
        width: 100%;
        padding: 20px;
        min-height: auto
    }

    .union2 .text::before {
        display: none
    }

    .union2 .more {
        margin-top: 20px
    }

    .union2 .right {
        width: 100%
    }

    .union2 .pic {
        width: 100%;
        margin-top: 0;
        margin-left: 0
    }

    .union2 .right::before {
        display: none
    }

    .union3 {
        padding: 60px 0
    }

    .union3 .p {
        min-height: auto
    }

    .union3 .d {
        height: auto
    }

    .union3 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10px
    }

    .union3 .item {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
        height: auto
    }

    .union3 .item:nth-child(1) {
        margin-top: 0
    }

    .union3 .pic {
        width: 100%
    }

    .union3 .more_r {
        position: static;
        margin: 10px auto 0
    }

    .union4 {
        height: auto;
        padding: 30px 0
    }

    .union4 .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .union4 .item {
        width: 100%;
        margin-top: 30px;
        margin-right: 0
    }

    .union4 .desc {
        margin-top: 20px;
        height: auto
    }

    .union4 .desc a {
        font-size: 16px;
        margin-top: 15px
    }

    .union4 .desc a::before {
        top: 50%;
        width: 18px;
        height: 18px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .union5 {
        padding: 60px 0 0
    }

    .union5 .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 10px
    }

    .union5 .slick-arrow {
        width: 50px
    }

    .union5 .slick-slide {
        margin: 0 15px
    }

    .union5 .slick-list {
        margin: 0 -15px
    }

    .union5 .slick-item {
        width: calc(50% - 5px) !important;
        margin-right: 10px;
        margin-top: 5px
    }

    .union5 .nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px
    }

    .union5 .pic {
        margin-right: 0;
        width: 100%
    }

    .union5 .m {
        margin: 0 auto;
        width: 60px;
        height: 60px
    }

    .union5 .m img {
        width: 40px;
        height: 18.3px
    }

    .union6 {
        padding: 60px 0
    }

    .union6 .slick-mod {
        margin-top: 0
    }

    .union6 .slick-slide {
        margin: 0
    }

    .union6 .slick-list {
        margin: 0
    }

    .union6 .pic {
        width: 100%
    }

    .union6 .text {
        bottom: 0;
        padding: 0 20px
    }

    .union6 .txt {
        margin-top: 10px
    }

    .union6 .mm {
        margin-top: 10px;
        font-size: 16px
    }

    .union6 .h {
        margin-bottom: 0
    }

    .union6 .date {
        opacity: 0
    }

    .union6 .more_r {
        margin: 10px auto 0
    }

    .union6 .slick-arrow {
        width: 40px
    }

    .union7::before {
        display: none
    }

    .union7 {
        padding: 0 10px 60px
    }

    .union7 .map {
        height: 300px
    }

    .union7 .title_en {
        margin-bottom: 0
    }

    .union7 .txt {
        margin-top: 20px;
        width: 100%
    }

    .union7 .nobdmap {
        height: 300px
    }

    .union7 .bdmap {
        height: 300px
    }

    .union7 .BMap_Marker.BMap_noprint {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .union7 .box {
        position: static;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 20px;
        margin-top: 20px;
        margin-top: 0
    }
}

.union5 .pic img {
    width: 120px;
    height: 120px;
}

.work2 {
    padding: 22px 0 145px;
    background: url(../image/syb/icon_w2.png) no-repeat right bottom
}

.work2 .li {
    background-color: #f0f0f0;
    height: 196px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.work2 .li+.li {
    margin-top: 20px
}

.work2 .rr {
    padding: 0 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.work2 .t {
    font-size: 20px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

@media screen and (max-width: 768px) {
    .work2 .t {
        font-size:18px
    }
}

.work2 .p {
    font-size: 16px;
    margin-top: 18px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s
}

.work2 .y {
    text-align: right;
    font-size: 16px;
    color: #999999;
    margin-top: 24px;
    -webkit-transition: all 0.32s;
    transition: all 0.32s;
    font-weight: avian
}

.work2 .pic {
    position: relative;
    overflow: hidden;
    width: 349px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.work2 .pic::before {
    content: '';
    display: block;
    padding-top: 56.16046%
}

.work2 .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}

.work2 .pic .i {
    width: 100%;
    max-width: inherit;
    max-height: inherit;
    height: 100%
}

.work2 .paging-mod {
    margin-top: 80px
}

@media screen and (min-width: 769px) {
    .work2 .li:hover {
        background-color:#dcdcdc;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }

    .work2 .li:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .work2 .li:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
        transform: translate(-50%, -50%) scale(1.1);
        -webkit-transition-duration: .32;
        transition-duration: .32
    }

    .work2 .li:hover .t {
        font-size: 22px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .work2 .li:hover .t {
        font-size:18px
    }
}

@media screen and (min-width: 769px) {
    .work2 .li:hover .p {
        font-size:18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .work2 .li:hover .p {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .work2 .li:hover .y {
        font-size:18px;
        -webkit-transition: all 0.32s;
        transition: all 0.32s;
        margin-top: 10px;
        color: #333
    }
}

@media screen and (min-width: 769px) and (max-width: 768px) {
    .work2 .li:hover .y {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .work2 {
        padding:30px 0 70px;
        background-size: 200px
    }

    .work2 .li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
    }

    .work2 .pic {
        width: 100%
    }

    .work2 .t {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal
    }

    .work2 .rr {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 20px 10px
    }

    .work2 .pic .i {
        width: 100%
    }
}