*{
    word-break: break-all;
}
a{
    display: inline-block;
}
.flex-1{
    flex: 1;
}
#myalert {
    display: none;
}
.local{
    display: none;
}
.recruit .block1 {
    height: auto
}
ul{
    list-style: none;
}
.e1{
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的内容 */
    text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */
}
.e2{
    display: -webkit-box; /* 作为一个弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子的排列方向 */
    -webkit-line-clamp: 2; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
}
.e3{
    display: -webkit-box; /* 作为一个弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子的排列方向 */
    -webkit-line-clamp: 3; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
}
.e4{
    display: -webkit-box; /* 作为一个弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子的排列方向 */
    -webkit-line-clamp: 4; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
}
.e5{
    display: -webkit-box; /* 作为一个弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子的排列方向 */
    -webkit-line-clamp: 5; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
}
.pb-20{
    padding-bottom: 20px;
}
.dis-block{
    display: block;
}
.layer {
    background: url(../images/con_mask.png);;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
}

.layer .myalert {
    padding: 30px;
    background: #fff;
    width: 240px;
    position: absolute;
    margin-top: -100px;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    text-align: center;
    z-index: 100000
}
.myalert .button{
    cursor:pointer ;
    opacity: 1;
    transform: translateY(0px);
}
.layer .guan {
    background: url(../images/close.png) no-repeat center;
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.layer .text {
    padding-bottom: 15px;
    font-size: 16px;
    color: #474747;
}

.layer .button {
    background: none;
    border: 1px solid #bbbbbb;
    width: 91px;
    height: 29px;
    font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;
    color: #707070;
}
.empty-data {
    width: 100%;
    font-size: 25px;
    padding-top: 8%;
    padding-bottom: 8%;
    text-align: center;
}
.trans-scale .i {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-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;
    transform-origin: right center;
    -webkit-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 (min-width: 769px) {
    .trans-scale:hover .i {
        -webkit-transform:scale(1.1);
        transform: scale(1.1)
    }

    .trans-liro:hover::before {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        -webkit-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
}

*,*::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.6;
    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;
}

: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
}

.tangram-suggestion-main {
    z-index: 999
}

.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: 30px;
    height: 30px;
    cursor: pointer
}

.xicon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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: 320px;
    overflow: hidden
}

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

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

.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%
}

.j-title .j-t1 {
    font-size: 44px;
    line-height: 1.1;
    font-family: 'dfdk';
    color: #2e3f28;
    font-weight: bold
}

@media (max-width: 1680px) {
    .j-title .j-t1 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .j-title .j-t1 {
        font-size:28px
    }
}

.j-title .j-p {
    color: #29342c;
    margin-top: 10px;
    font-size: 18px
}

@media (max-width: 768px) {
    .j-title .j-p {
        font-size:16px
    }
}

.j-title .j-arr {
    margin-top: 5px;
    width: 80px;
    display: inline-block
}

.j-title .j-arr img {
    max-width: 100%
}

body:not(.lang-en) .j-title.vrl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.j-title.vrl .j-p {
    margin: 0 5px 0 0
}

body:not(.lang-en) .j-title.vlr {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.j-title.vlr .j-p {
    margin: 0 0 0 5px
}

.j-title2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.j-title2 .ico {
    width: 43px
}

.j-title2 .ico img {
    width: 100%;
    height: auto
}

.j-title2 .j-s1 {
    font-size: 26px;
    color: #2e3f28;
    font-weight: bold;
    margin-left: 0.15rem
}

@media (max-width: 768px) {
    .j-title2 .j-s1 {
        font-size:20px
    }
}

.mores {
    display: inline-block
}

.j-more {
    color: #2e3f28;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.j-more .j-s1 {
    font-size: 18px;
    font-weight: bold
}

@media (max-width: 768px) {
    .j-more .j-s1 {
        font-size:16px
    }
}

.j-more .j-x {
    border-bottom: 1px dashed #98b5a7;
    width: 30px;
    margin: 5px
}

.j-more .j-y1 {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: url(../images/icon6.png) no-repeat center;
    background-size: contain;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s;
    left: 0;
    top: 0px;
    -webkit-animation: rot1 12s infinite;
    animation: rot1 12s infinite
}

.j-more .j-y2 {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    background: #c4d4ba;
    margin-left: -22px;
    -webkit-transition: all 0.8s ease-in-out 0s;
    transition: all 0.8s ease-in-out 0s
}

.j-more.v {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body:not(.lang-en) .j-more.v .j-s1 {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.j-more.v .j-x {
    border: 0;
    border-left: 1px dashed #98b5a7;
    width: 0;
    height: 30px
}

.j-more.v .j-y2 {
    margin: -22px 0 0
}

.date {
    font-family: arial
}

.j-more2 {
    width: 150px;
    height: 150px;
    position: relative;
    display: block
}

.j-more2 .j-con {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 56%;
    height: 56%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #ffe596
}

.j-more2 .j-con .j-cell {
    width: 100%
}

.j-more2 .j-con .j-cell .j-t1 {
    width: 2em;
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    margin: auto
}

@media (max-width: 768px) {
    .j-more2 .j-con .j-cell .j-t1 {
        font-size:18px
    }
}

.j-more2 .j-y {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.j-more2 .j-y.j-y1 {
    background-image: url(../images/png61.png);
    -webkit-animation: animat-round 80s infinite;
    animation: animat-round 80s infinite
}

.j-more2 .j-y.j-y2 {
    background-image: url(../images/icon7.png);
    -webkit-animation: rot3 32s linear 0s infinite;
    animation: rot3 32s linear 0s infinite;
    display: none
}

.j-button1 {
    -webkit-transition: opacity 0.3s,-webkit-transform 0.3s;
    transition: opacity 0.3s,-webkit-transform 0.3s;
    transition: transform 0.3s,opacity 0.3s;
    transition: transform 0.3s,opacity 0.3s,-webkit-transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    display: block;
    width: 288px;
    height: 91px;
    background: rgba(255,255,255,0.25);
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    overflow: hidden
}

@media (max-width: 768px) {
    .j-button1 {
        font-size:20px
    }
}

.j-button1::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    line-height: 91px;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s
}

.j-button1 .j-btn-s1 {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    display: block;
    line-height: 91px
}

@-webkit-keyframes scale1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rot1 {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rot1 {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes rotr1 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes rotr1 {
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes borr {
    0% {
        border-radius: 20px 15px 15px 20px
    }

    25% {
        border-radius: 20px 20px 15px 15px
    }

    50% {
        border-radius: 15px 20px 20px 15px
    }

    75% {
        border-radius: 15px 15px 20px 20px
    }

    100% {
        border-radius: 20px 15px 15px 20px
    }
}

@keyframes borr {
    0% {
        border-radius: 20px 15px 15px 20px
    }

    25% {
        border-radius: 20px 20px 15px 15px
    }

    50% {
        border-radius: 15px 20px 20px 15px
    }

    75% {
        border-radius: 15px 15px 20px 20px
    }

    100% {
        border-radius: 20px 15px 15px 20px
    }
}

@-webkit-keyframes rot2 {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0deg) scale(1);
        transform: rotateZ(0deg) scale(1)
    }

    10% {
        opacity: 0.5;
        -webkit-transform: rotateZ(36deg) scale(1);
        transform: rotateZ(36deg) scale(1)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotateZ(72deg) scale(0.95);
        transform: rotateZ(72deg) scale(0.95)
    }

    30% {
        opacity: 1;
        -webkit-transform: rotateZ(108deg) scale(1.05);
        transform: rotateZ(108deg) scale(1.05)
    }

    40% {
        opacity: 1;
        -webkit-transform: rotateZ(144deg) scale(1.05);
        transform: rotateZ(144deg) scale(1.05)
    }

    50% {
        opacity: 0.5;
        -webkit-transform: rotateZ(180deg) scale(0.95);
        transform: rotateZ(180deg) scale(0.95)
    }

    60% {
        opacity: 1;
        -webkit-transform: rotateZ(216deg) scale(1.05);
        transform: rotateZ(216deg) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: rotateZ(252deg) scale(1.05);
        transform: rotateZ(252deg) scale(1.05)
    }

    80% {
        opacity: 1;
        -webkit-transform: rotateZ(288deg) scale(0.95);
        transform: rotateZ(288deg) scale(0.95)
    }

    90% {
        opacity: 0.5;
        -webkit-transform: rotateZ(324deg) scale(1);
        transform: rotateZ(324deg) scale(1)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateZ(360deg) scale(1);
        transform: rotateZ(360deg) scale(1)
    }
}

@keyframes rot2 {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0deg) scale(1);
        transform: rotateZ(0deg) scale(1)
    }

    10% {
        opacity: 0.5;
        -webkit-transform: rotateZ(36deg) scale(1);
        transform: rotateZ(36deg) scale(1)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotateZ(72deg) scale(0.95);
        transform: rotateZ(72deg) scale(0.95)
    }

    30% {
        opacity: 1;
        -webkit-transform: rotateZ(108deg) scale(1.05);
        transform: rotateZ(108deg) scale(1.05)
    }

    40% {
        opacity: 1;
        -webkit-transform: rotateZ(144deg) scale(1.05);
        transform: rotateZ(144deg) scale(1.05)
    }

    50% {
        opacity: 0.5;
        -webkit-transform: rotateZ(180deg) scale(0.95);
        transform: rotateZ(180deg) scale(0.95)
    }

    60% {
        opacity: 1;
        -webkit-transform: rotateZ(216deg) scale(1.05);
        transform: rotateZ(216deg) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: rotateZ(252deg) scale(1.05);
        transform: rotateZ(252deg) scale(1.05)
    }

    80% {
        opacity: 1;
        -webkit-transform: rotateZ(288deg) scale(0.95);
        transform: rotateZ(288deg) scale(0.95)
    }

    90% {
        opacity: 0.5;
        -webkit-transform: rotateZ(324deg) scale(1);
        transform: rotateZ(324deg) scale(1)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateZ(360deg) scale(1);
        transform: rotateZ(360deg) scale(1)
    }
}

@-webkit-keyframes rot3 {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0deg) scale(1);
        transform: rotateZ(0deg) scale(1)
    }

    10% {
        opacity: 0.5;
        -webkit-transform: rotateZ(36deg) scale(1);
        transform: rotateZ(36deg) scale(1)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotateZ(72deg) scale(0.95);
        transform: rotateZ(72deg) scale(0.95)
    }

    30% {
        opacity: 1;
        -webkit-transform: rotateZ(108deg) scale(1.05);
        transform: rotateZ(108deg) scale(1.05)
    }

    40% {
        opacity: 1;
        -webkit-transform: rotateZ(144deg) scale(1.05);
        transform: rotateZ(144deg) scale(1.05)
    }

    50% {
        opacity: 0.5;
        -webkit-transform: rotateZ(180deg) scale(0.95);
        transform: rotateZ(180deg) scale(0.95)
    }

    60% {
        opacity: 1;
        -webkit-transform: rotateZ(216deg) scale(1.05);
        transform: rotateZ(216deg) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: rotateZ(252deg) scale(1.05);
        transform: rotateZ(252deg) scale(1.05)
    }

    80% {
        opacity: 1;
        -webkit-transform: rotateZ(288deg) scale(0.95);
        transform: rotateZ(288deg) scale(0.95)
    }

    90% {
        opacity: 0.5;
        -webkit-transform: rotateZ(324deg) scale(1);
        transform: rotateZ(324deg) scale(1)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateZ(360deg) scale(1);
        transform: rotateZ(360deg) scale(1)
    }
}

@keyframes rot3 {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0deg) scale(1);
        transform: rotateZ(0deg) scale(1)
    }

    10% {
        opacity: 0.5;
        -webkit-transform: rotateZ(36deg) scale(1);
        transform: rotateZ(36deg) scale(1)
    }

    20% {
        opacity: 1;
        -webkit-transform: rotateZ(72deg) scale(0.95);
        transform: rotateZ(72deg) scale(0.95)
    }

    30% {
        opacity: 1;
        -webkit-transform: rotateZ(108deg) scale(1.05);
        transform: rotateZ(108deg) scale(1.05)
    }

    40% {
        opacity: 1;
        -webkit-transform: rotateZ(144deg) scale(1.05);
        transform: rotateZ(144deg) scale(1.05)
    }

    50% {
        opacity: 0.5;
        -webkit-transform: rotateZ(180deg) scale(0.95);
        transform: rotateZ(180deg) scale(0.95)
    }

    60% {
        opacity: 1;
        -webkit-transform: rotateZ(216deg) scale(1.05);
        transform: rotateZ(216deg) scale(1.05)
    }

    70% {
        opacity: 1;
        -webkit-transform: rotateZ(252deg) scale(1.05);
        transform: rotateZ(252deg) scale(1.05)
    }

    80% {
        opacity: 1;
        -webkit-transform: rotateZ(288deg) scale(0.95);
        transform: rotateZ(288deg) scale(0.95)
    }

    90% {
        opacity: 0.5;
        -webkit-transform: rotateZ(324deg) scale(1);
        transform: rotateZ(324deg) scale(1)
    }

    100% {
        opacity: 1;
        -webkit-transform: rotateZ(360deg) scale(1);
        transform: rotateZ(360deg) scale(1)
    }
}

@-webkit-keyframes rot4 {
    0% {
        -webkit-transform: rotateZ(0deg) rotateY(0deg);
        transform: rotateZ(0deg) rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateZ(-36deg) rotateY(180deg);
        transform: rotateZ(-36deg) rotateY(180deg)
    }

    50% {
        -webkit-transform: rotateZ(-180deg) rotateY(180deg);
        transform: rotateZ(-180deg) rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateZ(-216deg) rotateY(0deg);
        transform: rotateZ(-216deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateZ(-360deg) rotateY(0deg);
        transform: rotateZ(-360deg) rotateY(0deg)
    }
}

@keyframes rot4 {
    0% {
        -webkit-transform: rotateZ(0deg) rotateY(0deg);
        transform: rotateZ(0deg) rotateY(0deg)
    }

    10% {
        -webkit-transform: rotateZ(-36deg) rotateY(180deg);
        transform: rotateZ(-36deg) rotateY(180deg)
    }

    50% {
        -webkit-transform: rotateZ(-180deg) rotateY(180deg);
        transform: rotateZ(-180deg) rotateY(180deg)
    }

    60% {
        -webkit-transform: rotateZ(-216deg) rotateY(0deg);
        transform: rotateZ(-216deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateZ(-360deg) rotateY(0deg);
        transform: rotateZ(-360deg) rotateY(0deg)
    }
}

@-webkit-keyframes mark_blowing {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(3deg) rotateY(0deg);
        transform: rotate(3deg) rotateY(0deg)
    }
}

@keyframes mark_blowing {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(3deg) rotateY(0deg);
        transform: rotate(3deg) rotateY(0deg)
    }
}

@-webkit-keyframes rot5 {
    0% {
        -webkit-transform: rotate(-2deg) rotateX(0deg) translateX(-1.5%);
        transform: rotate(-2deg) rotateX(0deg) translateX(-1.5%)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateX(0deg) translateX(-1.5%);
        transform: rotate(2deg) rotateX(0deg) translateX(-1.5%)
    }
}

@keyframes rot5 {
    0% {
        -webkit-transform: rotate(-2deg) rotateX(0deg) translateX(-1.5%);
        transform: rotate(-2deg) rotateX(0deg) translateX(-1.5%)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateX(0deg) translateX(-1.5%);
        transform: rotate(2deg) rotateX(0deg) translateX(-1.5%)
    }
}

@-webkit-keyframes rot6 {
    0% {
        -webkit-transform: rotate(-2deg) rotateX(0deg) translateX(1.5%);
        transform: rotate(-2deg) rotateX(0deg) translateX(1.5%)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateX(0deg) translateX(1.5%);
        transform: rotate(2deg) rotateX(0deg) translateX(1.5%)
    }
}

@keyframes rot6 {
    0% {
        -webkit-transform: rotate(-2deg) rotateX(0deg) translateX(1.5%);
        transform: rotate(-2deg) rotateX(0deg) translateX(1.5%)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateX(0deg) translateX(1.5%);
        transform: rotate(2deg) rotateX(0deg) translateX(1.5%)
    }
}

@-webkit-keyframes rot7 {
    0% {
        -webkit-transform: rotate(-2deg) rotateY(0deg);
        transform: rotate(-2deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateY(0deg);
        transform: rotate(2deg) rotateY(0deg)
    }
}

@keyframes rot7 {
    0% {
        -webkit-transform: rotate(-2deg) rotateY(0deg);
        transform: rotate(-2deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(2deg) rotateY(0deg);
        transform: rotate(2deg) rotateY(0deg)
    }
}

@-webkit-keyframes rot8 {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(20deg) rotateY(0deg);
        transform: rotate(20deg) rotateY(0deg)
    }
}

@keyframes rot8 {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(20deg) rotateY(0deg);
        transform: rotate(20deg) rotateY(0deg)
    }
}

@-webkit-keyframes rot9 {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(3deg) rotateY(0deg);
        transform: rotate(3deg) rotateY(0deg)
    }
}

@keyframes rot9 {
    0% {
        -webkit-transform: rotate(-3deg) rotateY(0deg);
        transform: rotate(-3deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(3deg) rotateY(0deg);
        transform: rotate(3deg) rotateY(0deg)
    }
}

@-webkit-keyframes rot10 {
    0% {
        -webkit-transform: rotate(-1deg) rotateY(0deg);
        transform: rotate(-1deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(1deg) rotateY(0deg);
        transform: rotate(1deg) rotateY(0deg)
    }
}

@keyframes rot10 {
    0% {
        -webkit-transform: rotate(-1deg) rotateY(0deg);
        transform: rotate(-1deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(1deg) rotateY(0deg);
        transform: rotate(1deg) rotateY(0deg)
    }
}

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

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

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

    .j-more:hover .j-y1 {
        -webkit-animation: rot1 6s linear infinite;
        animation: rot1 6s linear infinite;
        left: 11px;
        -webkit-transition: all 0.8s ease-in-out 0.3s;
        transition: all 0.8s ease-in-out 0.3s
    }

    .j-more:hover .j-y2 {
        -webkit-animation: borr 6s linear 0.8s infinite;
        animation: borr 6s linear 0.8s infinite;
        left: 11px;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition: all 0.8s ease-in-out 0.5s;
        transition: all 0.8s ease-in-out 0.5s
    }

    .j-more.v:hover .j-y1 {
        top: 11px;
        left: 0
    }

    .j-button1:hover {
        background-color: rgba(255,255,255,0.3)
    }

    .j-button1:hover .j-btn-s1 {
        opacity: 0;
        -webkit-transform: translate3d(0, -30%, 0);
        transform: translate3d(0, -30%, 0)
    }

    .j-button1:hover::after {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (max-width: 768px) {
    body {
        -webkit-overflow-scrolling:touch
    }

    *.p-show {
        display: none
    }

    .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%;
        max-width: inherit
    }

    .j-title .j-arr {
        width: 60px;
        margin-top: 0
    }

    .j-button1 {
        height: 45px;
        width: auto;
        padding: 0 25px
    }

    .j-button1 .j-btn-s1 {
        line-height: 45px
    }

    .j-more2 {
        width: 100px;
        height: 100px
    }
}

.x-header {
    z-index: 2;
    position: absolute;
    left: 0;
    top: -120px;
    -webkit-transition: top 1.6s ease-in-out 0s;
    transition: top 1.6s ease-in-out 0s;
    opacity: 0
}

.x-header.show {
    top: 0;
    opacity: 1
}
.x-header .logo {
    position: relative;
    overflow: hidden;
    z-index: 4
}
.x-header .logo .widget-area-edit{top: 0px;}
.x-header .logo::before {
    content: '';
    display: block;
    padding-top: 18.36066%
}

.x-header .logo .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .logo .bak {
    display: none
}

.x-header .nav-mod {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.x-header .nav-mod .nav-item.cur>.nav-tit .nav-link {
    font-weight: bold
}

.x-header .head-link {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #2e3f28;
}
.x-header .head-link .list {
    position: relative
}

.x-header .head-link .link-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-header .head-link .link-gulp {
    position: absolute;
    top: calc(100% - 20px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #f9fbf8 url(../images/nav-bg.png) no-repeat bottom center;
    background-size: cover;
    padding: 30px 25px 30px 25px;
    opacity: 0;
    visibility: hidden
}

.x-header .head-link .link-gulp::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #f9fbf8;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-header .head-link .a1 {
    display: block;
    line-height: 115px;
    font-size: 18px;
    padding: 0 27px;
    white-space: nowrap
}

@media (max-width: 768px) {
    .x-header .head-link .a1 {
        font-size:16px
    }
}

.x-header .head-link .cur {
    font-weight: bold
}

.x-header .head-link .list2 .link-tit {
    position: relative;
    color: #999
}

.x-header .head-link .list2 .link-tit::before {
    content: '';
    background: url(../images/arr1.png) center no-repeat;
    background-size: cover;
    width: 15px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2
}

.x-header .head-link .list2 .link-tit .a1 {
    line-height: normal;
    font-size: 16px;
    font-weight: lighter;
    padding-right: 0
}

.x-header .head-link .list2 .link-tit.cur {
    color: #333
}

.x-header .head-link .list2 .link-tit.cur::before {
    opacity: 1
}

.x-header .head-link .list2 .link-tit+.link-tit {
    margin-top: 17px
}

.x-header .menu-btn {
    position: absolute;
    overflow: hidden;
    right: 3.125vw;
    top: 30px;
    width: 54px;
    height: 52px;
    padding: 9px;
    cursor: pointer;
    z-index: 4
}

.x-header .menu-btn .menu-btn-box {
    position: relative;
    width: 100%;
    height: 100%;
    width: 40px
}

.x-header .menu-btn.btn1 {
    background: url(../images/menu1.png) no-repeat center;
    background-size: contain
}

.x-header .menu-btn.btn1 .line {
    background-color: #2e3f28;
}

.x-header .menu-btn.btn1 .line::before,.x-header .menu-btn.btn1 .line::after {
    background-color: #2e3f28;
}

.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: #fff;
    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%);
    transform: translateY(-400%)
}

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

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

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

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

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

.x-header.menu-open .head-link {
    opacity: 0;
    visibility: hidden;
    top: -120%
}

.x-header.menu-open .nav-mod {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    zoom:1}

.x-header .lang {
    width: 57px;
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-right: 10px;
    color: #ffffff
}

@media (max-width: 768px) {
    .x-header .lang {
        font-size:18px
    }
}

.x-header .lang.btn1 {
    background: url(../images/menu11.png) no-repeat center;
    background-size: contain;
    color: #2e3f28
}

.x-header .bgi_wp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    pointer-events: none
}

.x-header .bgi_wp .bgi {
    position: absolute
}

.x-header .bgi_wp .bgi img {
    width: 100%
}

.x-header .bgi_wp .bgi.bgi1 {
    position: absolute;
    width: 25.1041vw;
    top: 0;
    right: 0;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 110% center;
    transform-origin: 110% center
}

.x-header .bgi_wp .bgi.bgi2 {
    position: absolute;
    width: 10.7291vw;
    top: 4.8958vw;
    right: 7.552vw;
    -webkit-animation: mark_blowing 3.2s forwards ease-in-out 0s infinite alternate;
    animation: mark_blowing 3.2s forwards ease-in-out 0s infinite alternate
}

.x-header .bgi_wp .bgi.bgi3 {
    position: absolute;
    width: 19.8958vw;
    left: -3vw;
    bottom: -7.5vw;
    -webkit-animation: scale2 13s forwards ease-in-out 0s infinite alternate;
    animation: scale2 13s forwards ease-in-out 0s infinite alternate;
    -webkit-transition: left 0.6s ease-in-out;
    transition: left 0.6s ease-in-out
}

@media (min-width: 769px) {
    .head-link .link-tit:hover {
        font-weight:bold
    }

    .head-link .link-tit:hover .link-gulp {
        opacity: 1;
        visibility: visible
    }

    .x-header .head-link .list2 .link-tit:hover {
        color: #333
    }

    .x-header .head-link .list2 .link-tit:hover::before {
        opacity: 1
    }

    .x-header {
        height: 115px
    }

    .x-header .logo {
        position: absolute;
        top: 50%;
        width: 305px;
        left: 3.125vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header .tools-mod {
        position: absolute;
        right: calc(3.125vw + 68px);
        top: 50%;
        z-index: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .x-header .tools-mod .tools-item {
        float: left;
        text-align: center
    }

    .x-header .nav-mod {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bgi1.jpg) no-repeat top center;
        background-size: cover;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        padding-top: 0 !important
    }

    .x-header .nav-mod .nav-box {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 3
    }

    .x-header .nav-mod .nav-item {
        position: relative
    }

    .x-header .nav-mod .nav-item .pic {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        z-index: -1;
        max-width: 200%;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

    .x-header .nav-mod .nav-item:hover .pic {
        opacity: 1
    }

    .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%;
        background-color: #f9f9f9;
        opacity: 0;
        visibility: hidden;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .x-header .nav-mod .nav-grp {
        padding: 42px 3vw 0;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
        box-shadow: 0 0 10px rgba(0,0,0,0.1)
    }

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

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

    .x-header .nav-mod .nav-lv1-link {
        padding: 0 15px;
        font-size: 24px
    }
}

@media (min-width: 769px) and (max-width: 768px) {
    .x-header .nav-mod .nav-lv1-link {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .x-header .nav-mod .nav-lv2 {
        opacity:1;
        visibility: visible;
        background: none;
        position: static;
        -webkit-transform: none;
        transform: none;
        width: auto
    }

    .x-header .nav-mod .nav-lv2 .nav-grp {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .x-header .nav-mod .nav-lv2-item+.nav-lv2-item {
        margin-top: 20px
    }

    .x-header .nav-mod .nav-lv2-link {
        padding: 0 20px;
        font-size: 18px
    }
}

@media (min-width: 769px) and (max-width: 768px) {
    .x-header .nav-mod .nav-lv2-link {
        font-size:16px
    }
}

@media (min-width: 769px) {
    .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-item:hover>.nav-tit .nav-link {
        font-weight: bold
    }

    .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%);
        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
    }
}

@media (max-width: 1750px) {
    .x-header .menu-btn {
        right:50px
    }
}

@media (max-width: 1680px) {
    .x-header .head-link .a1 {
        padding:0 15px
    }

    .x-header .bgi_wp .bgi.bgi2 {
        right: 15vw
    }
}

@media (max-width: 1440px) {
    .x-header .nav-mod .nav-grp {
        padding:20px 15px 0
    }
}

@media (max-width: 1366px) {
    .x-header .head-link {
        display:none
    }

    .x-header .menu-btn {
        right: 40px
    }

    .x-header .tools-mod {
        right: 100px
    }
}

@media (max-width: 1200px) {
    .x-header .menu-btn {
        right:30px
    }

    .x-header .tools-mod {
        right: 90px
    }

    .x-header .bgi_wp .bgi.bgi2 {
        right: 23vw
    }
}

@media (max-width: 1100px) {
    .x-header .nav-mod .nav-lv2-link {
        padding:0
    }
}

@media (max-width: 900px) {
    .x-header .nav-mod .nav-grp {
        padding:20px 5px 0
    }
}

@media (max-width: 768px) {
    .x-header {
        position:relative;
        top: 0
    }

    .x-header.w .logo .i {
        display: block
    }

    .x-header.w .logo .bak {
        display: none
    }

    .x-header .x-wrap {
        padding: 0
    }

    .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: 10px 15px;
        min-height: 50px;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        z-index: 1
    }

    .x-header .menu-mod .menu-btn {
        width: 44px;
        height: 42px;
        padding: 4px;
        position: static
    }

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

    .x-header .logo+* {
        margin-left: auto
    }
    .x-header .logo a{
        display: block;
    }
    .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%);
        transform: translateY(-150%);
        background: url(../images/bgi1.jpg)
    }

    .x-header .bgi_wp {
        top: 50px;
        z-index: 1
    }

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

    .x-header .nav-box .nav-item .pic {
        position: absolute;
        bottom: 0;
        right: 0;
        visibility: hidden;
        opacity: 0
    }

    .x-header .nav-box .nav-item .pic img {
        max-width: 100%
    }

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

    .x-header .nav-item.act>.nav-tit .arr {
        -webkit-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;
        border-top: 1px solid #ccc
    }

    .x-header .nav-lv2 .nav-grp {
        padding: 0
    }

    .x-header .nav-lv1-item.act {
        background: rgba(255,255,255,0.5)
    }

    .x-header .nav-lv1-item.act .pic {
        visibility: visible;
        opacity: 1;
        max-width: 40vw;
        -webkit-transform: none;
        transform: none
    }

    .x-header .bgi_wp .bgi.bgi1 {
        width: 50vw
    }

    .x-header .bgi_wp .bgi.bgi3 {
        bottom: 15vw !important;
        left: 1vw !important
    }

    .x-header .bgi_wp .bgi.bgi2 {
        top: 10vw;
        right: 15vw
    }

    .x-header .head-link {
        display: none
    }

    .x-header .tools-mod {
        position: absolute;
        right: 58px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }

    .x-header .tools-mod .lang {
        width: 44px;
        height: 42px
    }
}
.x-footer .top{
    background-color: #465c38;
}
.x-footer .gif {
    display: none;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - 40px)
}
.x-footer .item .t1{
    color: #bad69c;
}
.x-footer .bottom{
    background-color: #242e1e;
}
.x-footer .gif::before {
    content: '';
    display: block;
    padding-top: 15.98958%
}

.x-footer .gif .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-footer .gif ul {
    width: 100%;
    height: 100%;
    width: 99999px;
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0
}

.x-footer .gif ul li {
    float: left;
    width: 100vw;
    height: 100%;
    position: relative
}

.x-footer .gif img {
    width: 100%
}

.x-footer .top {
    padding: 65px 0;
    position: relative
}

.x-footer .top .box {
    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
}

.x-footer .top .logo {
    position: relative;
    overflow: hidden;
    width: 393px
}

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

.x-footer .top .logo .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-footer .top .txt {
    margin-top: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.x-footer .top .txt .item {
    margin: 0 37px;
    position: relative;
    text-align: center
}

.x-footer .top .txt .item .t1 {
    font-size: 18px;
    font-weight: bold
}

@media (max-width: 768px) {
    .x-footer .top .txt .item .t1 {
        font-size:16px
    }
}

.x-footer .top .txt .item .t2 {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    margin-top: 5px
}

@media (max-width: 768px) {
    .x-footer .top .txt .item .t2 {
        font-size:20px
    }
}

.x-footer .top .txt .item+.item::before {
    content: '';
    background: url(../images/png1.png) center no-repeat;
    width: 36px;
    height: 14px;
    position: absolute;
    left: -55px;
    top: 26px;
    opacity: 0.4
}

.x-footer .bottom {
    color: #fff;
    padding: 50px 0 58px
}

.x-footer .bottom .box {
    position: relative;
    z-index: 1
}

.x-footer .bottom .p {
    text-align: center
}

.x-footer .bottom .p+.p {
    margin-top: 10px
}

.x-footer .bottom .t {
    display: inline-block;
    margin: 0 17px
}

.x-footer .bottom .a {
    margin: 0 15px;
    position: relative;
    display: inline-block
}

.x-footer .bottom .a+.a::before {
    content: '';
    width: 1px;
    background-color: #b4aeaa;
    position: absolute;
    left: -15px;
    top: 8px;
    bottom: 2px
}

.x-footer.home-foot .gif {
    position: relative;
    overflow: hidden;
    position: absolute;
    bottom: calc(100% - 120px);
    display: block
}

.x-footer.home-foot .gif::before {
    content: '';
    display: block;
    padding-top: 20.52083%
}

.x-footer.home-foot .gif .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-footer.home-foot .top {
    position: relative;
    padding: 102px 0 65px
}

.x-footer.home-foot .top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/home14.png) no-repeat top right;
    width: 21.7708vw;
    background-size: cover;
    padding-bottom: 54.7%
}

.x-footer .bottom {
    position: relative
}

.x-footer .bottom::after {
    content: "";
    padding-bottom: 3%;
    position: absolute;
    bottom: 86%;
    left: 0;
    width: 100%;
    background: url(../images/home15.png) no-repeat top center;
    background-size: cover
}

.x-footer.cao-foot .bottom {
    position: relative
}
@media (max-width: 768px) {
    .x-footer .bottom::after{
        bottom: 97%;
    }
}

@media (min-width: 769px) {
    .x-footer a {
        -webkit-transition:color .3s;
        transition: color .3s
    }

    .x-footer a:hover {
        font-weight: bold
    }
}

/*@media (max-width: 1800px) {*/
/*    .x-footer.home-foot .top::after {*/
/*        width:13vw*/
/*    }*/
/*}*/


@media (max-width: 1430px) {
    .x-footer.home-foot .top::after {
        width:18vw
    }
}

@media (max-width: 1400px) {
    .x-footer.home-foot .gif {
        bottom:calc(100% - 95px)
    }
}

@media (max-width: 1430px) {
    .x-footer .top .txt {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        min-width: 80% !important
    }

    .x-footer .top .txt .item {
        width: 50%;
        margin: 0
    }

    .x-footer .top .txt .item:nth-child(odd)::before {
        display: none
    }

    .x-footer .top .txt .item+.item::before {
        left: -18px
    }

    /*.x-footer.home-foot .bottom::after {*/
    /*    bottom: 98%*/
    /*}*/

    /*.x-footer.home-foot .gif {*/
    /*    bottom: calc(100% - 80px)*/
    /*}*/

    .x-footer.cao-foot .bottom::after {
        bottom: 98%
    }
}

@media (max-width: 1000px) {
    .x-footer.home-foot .top .box {
        margin:0 12vw
    }

    .x-footer.home-foot .top::after {
        width: 15vw
    }
}

@media (max-width: 768px) {
    .x-footer.home-foot .gif {
        display:none
    }

    .x-footer.home-foot .top::after {
        width: 25vw;
        padding-bottom: 70%
    }

    .x-footer.home-foot .top {
        padding: 30px 15px 9vw
    }

    .x-footer.home-foot .top .box {
        margin: 0 0 0 12vw
    }

    .x-footer.home-foot .bottom::after {
        bottom: 100%
    }

    .x-footer.cao-foot .bottom::after {
        bottom: 100%
    }

    .x-footer .top {
        padding: 30px 15px 9vw
    }

    .x-footer .top .logo {
        width: 78%
    }

    .x-footer .top .txt {
        margin-top: 20px
    }

    .x-footer .top .txt .item {
        width: 100%;
        margin: 0
    }

    .x-footer .top .txt .item::before {
        display: none
    }

    .x-footer .top .txt .item+.item {
        margin-top: 8px
    }

    .x-footer .top .txt .item .t2 {
        margin-top: 0;
        line-height: 1.2
    }

    .x-footer .bottom {
        padding: 30px 15px
    }

    .x-footer .bottom .a {
        margin: 0 5px 3px
    }

    .x-footer .bottom .a+.a::before {
        display: none
    }

    .x-footer .bottom .t {
        margin: 5px 0 0
    }

    .x-footer .bottom .p+.p {
        margin: 0
    }
}

@media (max-width: 400px) {
    .x-footer.xue-foot .bottom::after {
        background-size:330% auto;
        top: -5.5%
    }
}

.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%);
    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);
    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%);
    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%);
    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%);
    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 (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
}

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

.bread-mod .bread-item+.bread-item::before {
    content: '>';
    padding: 0 5px;
    font-family: Arial;
    color: #333
}

.bread-mod .bread-item.cur {
    color: red
}

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

    .bread-mod .bread-link:hover {
        color: red
    }
}

.class_search {
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    margin-top: 38px
}

.class_search .select-mod {
    font-size: 20px;
    padding: 0 40px 0 30px
}

@media (max-width: 768px) {
    .class_search .select-mod {
        font-size:18px
    }
}

.class_search .select-mod .select-txt {
    color: #4b3627;
    padding: 0 15px
}

.class_search .select-mod .select-btn {
    color: #6f7ea1;
    font-size: 16px
}

.class_search .select-mod .xicon {
    width: 14px
}

.class_search .select-mod .select-bar {
    border: 0;
    height: 90px
}

.class_search .select-mod .select-cont,.class_search .select-mod .select-query {
    top: calc(100% + 15px)
}

.class_search .select-mod .placeholder {
    color: #4b3627
}

.class_search .select-mod .select-item.cur {
    color: #6f7ea1
}

.class_search .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    position: relative;
    padding: 30px
}

.class_search .input::before {
    content: '';
    height: 35px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-color: #dadee7;
    width: 1px
}

.class_search .input input {
    width: 100%;
    height: 100%
}

.class_search .s_btn {
    background-color: #475b87;
    border-radius: 10px;
    width: 200px;
    height: 90px;
    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: 20px;
    color: #fff;
    font-weight: bold;
    cursor: pointer
}

@media (max-width: 768px) {
    .class_search .s_btn {
        font-size:18px
    }
}

.class_search .s_btn .icon {
    margin-right: 14px;
    position: relative;
    overflow: hidden;
    width: 21px
}

.class_search .s_btn .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.class_search .s_btn .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.class_search .scroll-bar-x,.class_search .scroll-bar-y {
    background-color: #475b87
}

@media (min-width: 769px) {
    .class_search .select-mod .select-trigger:hover .select-btn,.class_search .select-mod .select-trigger.select-btn:hover,.class_search .select-mod .select-item:hover {
        color:#6f7ea1
    }
}

@media (max-width: 1400px) {
    .class_search .s_btn {
        width:160px;
        height: 72px
    }

    .class_search .select-mod .select-bar {
        height: 72px
    }
}

@media (max-width: 768px) {
    .class_search {
        margin-top:30px;
        padding: 15px;
        display: block;
        border-radius: 5px
    }

    .class_search .select-mod {
        padding: 0;
        border-bottom: 1px solid #dadee7
    }

    .class_search .select-mod .select-bar {
        height: 40px
    }

    .class_search .input {
        height: 42px;
        width: 100%;
        padding: 5px 15px;
        margin-top: 10px
    }

    .class_search .input::before {
        right: 0;
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .class_search .s_btn {
        width: 100%;
        height: 40px;
        border-radius: 5px;
        margin-top: 15px
    }

    .class_search .select-mod .select-cont,.class_search .select-mod .select-query {
        top: 100%
    }
}

@media (min-width: 769px) {
    .paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
        background-color:red;
        border-color: red;
        color: #fff
    }

    .col1 .paging-mod .paging-link:not(.cur):hover,.col1 .paging-mod .paging-arrow:hover {
        border-color: #2e3f28;
        background-color: #2e3f28;
        color: #fff
    }

    .col2 .paging-mod .paging-link:not(.cur):hover,.col2 .paging-mod .paging-arrow:hover {
        border-color: #9d7455;
        background-color: #9d7455;
        color: #fff
    }

    .col3 .paging-mod .paging-link:not(.cur):hover,.col3 .paging-mod .paging-arrow:hover {
        border-color: #475b87;
        background-color: #475b87;
        color: #fff
    }

    .col4 .paging-mod .paging-link:not(.cur):hover,.col4 .paging-mod .paging-arrow:hover {
        border-color: #9b5c50;
        background-color: #9b5c50;
        color: #fff
    }
}

@media (max-width: 768px) {
    .paging-mod {
        margin:0
    }

    .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: 25px;
        display: block
    }
}

.pop-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    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 (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 (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;
    font-size: 16px;
}

.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 (min-width: 769px) {
    .scroll-mod .scroll-bar-x {
        width:0
    }
}

.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%);
    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 a{
    padding: 0.4em 1em;
    display: block;
}

.select-mod .select-item.cur {
    color: red
}

.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);
    transform: rotate(180deg)
}

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

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

@media (min-width: 769px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:red
    }
}

@media (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
    }
}

.search-mod {
    position: relative
}

.search-mod .search-tap {
    z-index: 1;
    width: 57px;
    height: 51px;
    font-size: 22px;
    color: #ffffff
}

.search-mod .search-tap.btn1 {
    background: url(../images/menu5.png) no-repeat center;
    background-size: contain;
    color: #2e3f28
}

.search-mod .search-tap ~ .search-box {
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 10px;
    width: 300px;
    background-color: #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-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%;
    font-size: 22px
}

.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%);
    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%);
    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
}

.icon-wx::before {
    content: '\e601'
}

.icon-wb::before {
    content: '\e602'
}

.icon-qq::before {
    content: '\e603'
}

.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: 100px;
    height: 100px;
    overflow: hidden
}

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

@media (min-width: 769px) {
    .share-box .share-item:hover {
        color:red
    }
}

.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%);
    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%);
    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 (min-width: 769px) {
    .sidebar-mod .sidebar-item:hover .sidebar-cont {
        color:red
    }

    .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);
    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%);
    transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
    left: 50%;
    top: 100%;
    -webkit-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%);
    transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
    left: 50%;
    bottom: 100%;
    -webkit-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%);
    transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
    top: 50%;
    left: 100%;
    -webkit-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%);
    transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
    top: 50%;
    right: 100%;
    -webkit-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%);
    transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
    -webkit-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%);
    transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
    -webkit-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: red
}

.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 (min-width: 769px) {
    .topping-mod:hover {
        background-color:red
    }

    .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: red
}

.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
}

.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 (min-width: 769px) {
    .vjs-no-flex .vjs-button {
        padding-bottom:3em
    }
}

@media (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
    }
}

.academic1 {
    width: 100vw;
    height: 100vh;
    position: relative
}

.academic1 .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.academic1 .tit {
    width: 289px;
    position: relative;
    overflow: hidden;
    margin: auto
}

.academic1 .tit::before {
    content: '';
    display: block;
    padding-top: 20.76125%
}

.academic1 .tit .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.academic1 .j-title .j-t1 img {
    height: 13vh
}

.academic1 .search {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 15.2vw;
    z-index: 2
}

.academic1 .tab-mod {
    margin-top: 44px
}

.academic1 .tab-bar1.col1 .tab-term {
    color: #fff;
    font-size: 22px;
    margin: 0 30px
}

@media (max-width: 768px) {
    .academic1 .tab-bar1.col1 .tab-term {
        font-size:18px
    }
}

.academic1 .tab-bar1.col1 .tab-term::after {
    background-image: url(../images/icon14.png)
}

.academic1 .tab-bar1 .tab-term {
    padding-bottom: 17px
}

.academic1 .tab-cont {
    margin-top: 18px;
    position: relative
}

.academic1 .tab-cont .tab-item {
    position: absolute;
    left: 0;
    top: 0
}

.academic1 .tab-cont .tab-item.act {
    position: relative;
    z-index: 2
}

.academic1 .tab-cont .class_search {
    margin-top: 0;
    padding: 0;
    background-color: transparent
}

.academic1 .tab-cont .class_search .select-mod {
    font-size: 18px;
    padding: 0 31px 0 19px;
    background-color: #fff;
    position: relative
}

@media (max-width: 768px) {
    .academic1 .tab-cont .class_search .select-mod {
        font-size:16px
    }
}

.academic1 .tab-cont .class_search .select-mod::before {
    content: '';
    background: url(../images/png20.png) center no-repeat;
    position: absolute;
    left: -21px;
    top: 0;
    width: 22px;
    bottom: 0
}

.academic1 .tab-cont .class_search .select-mod .select-txt {
    padding: 0 20px
}

.academic1 .tab-cont .class_search .select-mod .select-bar {
    height: 60px;
    border-radius: 0
}

.academic1 .tab-cont .class_search .select-mod .select-cont,.academic1 .tab-cont .class_search .select-mod .select-query {
    top: calc(100% - 1px)
}

.academic1 .tab-cont .class_search .input {
    padding: 0 20px;
    background-color: #fff;
    position: relative;
    width: 29.5vw;
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
}

.academic1 .tab-cont .class_search .input::after {
    content: '';
    background: url(../images/png20-2.png) center no-repeat;
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    bottom: 0
}

.academic1 .tab-cont .class_search .s_btn {
    height: 60px;
    margin-left: 62px;
    position: relative;
    background-color: #5a76b3;
    border-radius: 0;
    width: 106px
}

.academic1 .tab-cont .class_search .s_btn::before {
    content: '';
    background: url(../images/png21.png) center no-repeat;
    position: absolute;
    left: -21px;
    top: 0;
    width: 22px;
    bottom: 0
}

.academic1 .tab-cont .class_search .s_btn::after {
    content: '';
    background: url(../images/png21-2.png) center no-repeat;
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    bottom: 0
}

.academic1 .tab-cont .class_search .scroll-bar-x,.academic1 .tab-cont .class_search .scroll-bar-y {
    background-color: #5a76b3
}

.academic1 .next-btn {
    width: 80px;
    height: 30px;
    border-radius: 15px;
    border: 1px solid;
    position: absolute;
    right: 50px;
    bottom: 50px;
    color: #fff;
    font-size: 14px;
    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;
    cursor: pointer;
    z-index: 9
}

.academic1 .next-btn::after {
    content: '\e505';
    display: block;
    font-family: 'xfont';
    margin-left: 5px
}

.academic1 .vedeo {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 8
}

.academic1 .vedeo video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.xues_btns {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 2.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.xues_btns .item {
    margin: 0 2.1vw;
    text-align: center;
    position: relative
}

.xues_btns .item::before {
    content: '';
    background: url(../images/png28.png) bottom center no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -2.8vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 21.5vw;
    height: 5.1vw;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    pointer-events: none
}

.xues_btns .item .icon {
    position: relative;
    overflow: hidden;
    width: 5.68vw;
    margin: auto
}

.xues_btns .item .icon::before {
    content: '';
    display: block;
    padding-top: 88.99083%
}

.xues_btns .item .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.xues_btns .item .icon .i2 {
    opacity: 0
}

.xues_btns .item .txt {
    font-size: 22px;
    color: #fff;
    white-space: nowrap;
    margin-top: 4px
}

@media (max-width: 768px) {
    .xues_btns .item .txt {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .xues_btns .item:hover::before {
        opacity:1
    }

    .xues_btns .item:hover .icon .i1 {
        opacity: 0
    }

    .xues_btns .item:hover .icon .i2 {
        opacity: 1
    }

    .academic1 .con {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .academic1.end .vedeo {
        -webkit-transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out;
        opacity: 0;
        z-index: -1
    }

    .academic1.end .con {
        opacity: 1;
        visibility: visible
    }

    .academic1.end .next-btn {
        color: #526385;
        cursor: context-menu;
        display: none
    }
}

@media (max-width: 768px) {
    .academic1 .vedeo,.academic1 .next-btn,.academic1 .tab-mod {
        display:none
    }

    .academic1 {
        height: calc(100vh - 63px)
    }

    .academic1 .con {
        padding: 40px 0
    }

    .xues_btns {
        bottom: 10vh;
        top: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .xues_btns .item {
        width: 50%;
        margin: 15px 0
    }

    .xues_btns .item::before {
        content: none
    }

    .xues_btns .item .icon {
        width: 80px
    }
}

.work_dynamics1.academic_exchange1 {
    background: url(../images/jpg10.jpg);
    background-repeat: repeat
}

.work_dynamics1.academic_exchange1 .box2::after {
    background-image: url(../images/png16.png);
    height: 729px
}

.work_dynamics1.academic_exchange1 .b_bg {
    background: url(../images/jpg11.jpg) top center no-repeat;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: 100%
}

.work_dynamics1.academic_exchange1 .b_bg::before {
    content: '';
    display: block;
    padding-top: 81.92708%
}

.work_dynamics1.academic_exchange1 .b_bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.work_dynamics1.academic_exchange1 .box1 .item .txt .t1 {
    color: #2b3241
}

.work_dynamics1.academic_exchange1 .box1 .slick-center .txt {
    border-color: #b1b9ca
}

.work_dynamics1.academic_exchange1 .box1 .item .txt .t3,.work_dynamics1.academic_exchange1 .box2 .item .txt .t3 {
    color: #576688
}

.work_dynamics1.academic_exchange1 .box2 .item .txt .line::before,.work_dynamics1.academic_exchange1 .box2 .item .txt .line::after {
    background-image: url(../images/icon2-2.png)
}

.work_dynamics1.academic_exchange1 .box2 .item .txt .line .l {
    border-color: #a3adc3
}

.work_dynamics1.academic_exchange1 .j-title .j-t1,.work_dynamics1.academic_exchange1 .box2 .item .txt .t1,.work_dynamics1.academic_exchange1 .box2 .item .txt .t2 {
    color: #2b3241
}

.article-page {
    padding: 11.4583vw 0 6.25vw;
    position: relative
}

.article-page .bgi1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/hy/article_page2.jpg)
}

.article-page .bgi1 .img1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.article-page .bgi1 .img1 img {
    width: 100%
}

.article-page .bgi2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/article_page3.jpg) no-repeat top center;
    background-size: 100% auto
}

.article-page .bgi3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/article_page4.jpg)
}

.article-page .bgi3 .img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.article-page .bgi3 .img1 img {
    width: 100%
}

.article-page .bgi3 .img2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.article-page .bgi3 .img2 img {
    width: 100%
}

.article-page .bgi4 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/article_page2.jpg)
}

.article-page .bgi4 .img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.article-page .bgi4 .img1 img {
    width: 100%
}

.article-page .article-head {
    margin: 0 50px 50px;
    text-align: center;
    color: #4b3627;
    padding-bottom: 70px;
    position: relative
}

.article-page .article-head .bars {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-page .article-head .bars .ico {
    width: 36px;
    font-size: 0
}

.article-page .article-head .bars .ico img {
    width: 100%
}

.article-page .article-head .bars .x {
    border-top: 1px dashed #b28c56;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-page .article-head .t {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold
}

@media (max-width: 768px) {
    .article-page .article-head .t {
        font-size:22px
    }
}

.article-page .article-head .info {
    margin-top: 30px
}

.article-page .article-head .s {
    margin: 0 15px;
    font-size: 18px;
    display: inline-block
}

@media (max-width: 768px) {
    .article-page .article-head .s {
        font-size:16px
    }
}

.article-page .article-head .s .ico {
    display: inline-block;
    max-width: 20px;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 10px
}

.article-page .article-head .s .ico img {
    max-width: 100%
}

.article-page .article-cont {
    margin: 0 70px 0
}
.article-cont *{
    max-width: 100%;
}
.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 {
    max-width: 100%;
    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%);
    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
}

.article-page2 {
    background: url(../images/article_page1.jpg) no-repeat center;
    background-size: cover;
    padding: 6.5vw 0
}

.article-page2 .title {
    padding-bottom: 50px
}

.article-page2 .title .t1 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    color: #4b3627
}
.page-list .item>a{
    display: block;
}
@media (max-width: 768px) {
    .article-page2 .title .t1 {
        font-size:22px
    }
}
.xl-fj{
    margin-top: 20px;
}
.xl-fj a{
    margin-left: 10px;
    color: red;
}
.article-page2 .form .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article-page2 .form .line .g {
    width: 362px;
    height: 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 25px;
    background: url(../images/line1.png) no-repeat center;
    background-size: 100% 100%;
    font-size: 18px;
    max-width: 362px
}

@media (max-width: 768px) {
    .article-page2 .form .line .g {
        font-size:16px
    }
}

.article-page2 .form .line .g .label1 {
    padding: 0 15px;
    color: #4b3627;
    font-size: 18px;
    min-width: 1px
}

@media (max-width: 768px) {
    .article-page2 .form .line .g .label1 {
        font-size:16px
    }
}

.article-page2 .form .line .g .ipt {
    padding: 0 15px;
    border-left: 1px solid #afb5a0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.article-page2 .form .line .g .ipt input {
    height: 24px;
    line-height: 24px;
    width: 100%;
    display: block
}

.article-page2 .form .line .g+.g {
    margin-left: 40px
}

.article-page2 .form .line .g.yzm {
    background-image: url(../images/line2.png)
}

.article-page2 .form .line .g.yzm .yzm_img {
    height: 75%;
    width: 30%;
    padding-left: 12px;
    cursor: pointer
}

.article-page2 .form .line .g.yzm .yzm_img img {
    width: 100%;
    height: 100%
}

.article-page2 .form .button1 {
    width: 192px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    background: url(../images/btn1.png) no-repeat center;
    background-size: contain;
    margin: 40px auto 0;
    font-size: 20px;
    color: #ffffff
}

@media (max-width: 768px) {
    .article-page2 .form .button1 {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .article-page .article-paging .article-link:hover {
        color:red
    }
}

@media (max-width: 1260px) {
    .article-page2 .form .line .g {
        width:30%
    }

    .article-page2 .form .line .g .label1 {
        padding-left: 0
    }

    .article-page2 .form .line .g+.g {
        margin-left: 20px
    }
}

@media (max-width: 768px) {
    .article-page {
        padding:40px 0
    }

    .article-page .article-head {
        margin: 0 0 20px;
        padding-bottom: 25px
    }

    .article-page .article-head .info {
        margin-top: 15px
    }

    .article-page .article-head .s {
        margin: 0 5px
    }

    .article-page .article-cont {
        margin: 0 0 0px
    }

    .article-page .article-cont iframe,.article-page .article-cont video,.article-page .article-cont img {
        display: block;
        width: 100%
    }

    .article-page .article-paging {
        padding: 10px 0
    }

    .article-page .share-mod {
        margin-bottom: 10px
    }

    .article-page2 {
        padding: 40px 0
    }

    .article-page2 .form .line .g {
        width: 100%;
        margin: 0 0 0 !important;
        height: 48px
    }

    .article-page2 .form .line .g+.g {
        margin-top: 10px !important
    }

    .article-page2 .title {
        padding-bottom: 20px
    }

    .article-page2 .form .button1 {
        margin-top: 20px;
        height: 48px;
        line-height: 48px;
        width: 170px
    }
}

.baodingMountain1 img {
    display: block;
    width: 100%
}

.baodingMountain2 {
    position: relative;
    padding: 15.625vw 0 6.25vw
}
.dl-jq-box2{
    margin-top: -28.125vw;
}

.baodingMountain2 .j-title .j-t1 .s1 {
    display: inline-block;
    position: relative
}

.baodingMountain2 .j-title .j-t1 .s1 .ico {
    width: 28px;
    margin-left: 15px;
    position: absolute;
    left: calc(100% + 0px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.baodingMountain2 .bga {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none
}

.baodingMountain2 .bga::before {
    content: '';
    display: block;
    padding-top: 40.88542%
}

.baodingMountain2 .bga .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain2 .bgb {
    position: relative;
    overflow: hidden;
    background-image: url(../images/png11.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    position: absolute;
    left: -15px;
    top: 27%;
    width: 33.177083333333336%;
    -webkit-animation: rot5 3.2s forwards ease-in-out 0s infinite alternate;
    animation: rot5 3.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: -120% center;
    transform-origin: -120% center
}

.baodingMountain2 .bgb::before {
    content: '';
    display: block;
    padding-top: 215.38462%
}

.baodingMountain2 .bgb .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain2 .bgc {
    position: relative;
    overflow: hidden;
    background-image: url(../images/png12.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 54%;
    width: 84.27083333333333%
}

.baodingMountain2 .bgc::before {
    content: '';
    display: block;
    padding-top: 43.13968%
}

.baodingMountain2 .bgc .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain2 .p {
    font-size: 22px;
    color: #2e3f28;
    text-align: center;
    margin-top: 16px
}

@media (max-width: 768px) {
    .baodingMountain2 .p {
        font-size:18px
    }
}

.baodingMountain2 .desc {
    font-size: 18px;
    color: #2e3f28;
    text-align: center;
    width: 70.35714285714286%;
    margin: 16px auto 0
}

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

@media (max-width: 768px) {
    .baodingMountain2 .desc {
        font-size:16px
    }
}

.baodingMountain2 .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 42px
}

.baodingMountain2 .links .link {
    width: 131px;
    height: 131px;
    position: relative;
    margin: 0 25px
}

.baodingMountain2 .links .link i {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.baodingMountain2 .links .link i::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/png61.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-animation: animat-round 80s infinite;
    animation: animat-round 80s infinite
}

.baodingMountain2 .links .link .a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.baodingMountain2 .links .link .c1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 77.09923664122137%;
    border-radius: 50%
}

.baodingMountain2 .links .link .c1::before {
    content: '';
    display: block;
    padding-top: 100%
}

.baodingMountain2 .links .link .c1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain2 .links .link .c2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.baodingMountain2 .links .link .c2 .t {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #ffe596;
    font-weight: bold;
    line-height: 1.3
}

@media (max-width: 768px) {
    .baodingMountain2 .links .link .c2 .t {
        font-size:16px
    }
}

.baodingMountain2 .cont {
    margin-top: 52px
}

.baodingMountain2 .cont .slick-item .img {
    width: 100%;
    position: relative;
    overflow: hidden
}

.baodingMountain2 .cont .slick-item .img::before {
    content: '';
    display: block;
    padding-top: 56.28571%
}

.baodingMountain2 .cont .slick-item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain2 .cont .slick-item .img .i {
    width: 100%
}

.baodingMountain2 .cont .slick-item .img::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7)));
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7))
}

.baodingMountain2 .cont .slick-item .text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 18px;
    color: #fff;
    padding: 0 20px 20px;
    text-align: center
}

@media (max-width: 768px) {
    .baodingMountain2 .cont .slick-item .text {
        font-size:16px
    }
}

.baodingMountain2 .cont .slick-arrow {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 24px
}

@media (max-width: 768px) {
    .baodingMountain2 .cont .slick-arrow {
        font-size:18px
    }
}

.baodingMountain2 .cont .slick-arrow::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;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.baodingMountain2 .cont .slick-arrow.slick-prev {
    left: 30px
}

.baodingMountain2 .cont .slick-arrow.slick-prev::before {
    content: '\e504'
}

.baodingMountain2 .cont .slick-arrow.slick-next {
    right: 30px
}

.baodingMountain2 .cont .slick-arrow.slick-next::before {
    content: '\e505'
}

.baodingMountain3 {
    padding: 0 0 4.16667vw
}

.baodingMountain3 .list .item {
    margin: 0 0 3.125vw
}
.baodingMountain3 .list .item .a {
    display: block
}

.baodingMountain3 .list .item .flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.baodingMountain3 .list .item .img {
    width: 65.71428571428571%;
    position: relative;
    overflow: hidden
}

.baodingMountain3 .list .item .img::before {
    content: '';
    display: block;
    padding-top: 56.19565%
}

.baodingMountain3 .list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.baodingMountain3 .list .item .img .i {
    width: 100%
}

.baodingMountain3 .list .item .text {
    width: calc(100% - 65.71428571428571%);
    padding: 0 20px 0 80px
}

.baodingMountain3 .list .item .text .l-title {
    color: #2e3f28
}

.baodingMountain3 .list .item .text .desc {
    font-size: 18px;
    color: #92a48d
}

body:not(.lang-en) .baodingMountain3 .list .item .text .desc {
    text-align: justify;
    text-justify: inter-ideograph
}

@media (max-width: 768px) {
    .baodingMountain3 .list .item .text .desc {
        font-size:16px
    }
}

.baodingMountain3 .list .item .text .scroll-div {
    margin-top: 26px;
    max-height: 370px;
    overflow: hidden
}

.baodingMountain3 .list .item .text .mCSB_scrollTools .mCSB_draggerRail,.baodingMountain3 .list .item .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #92a48d
}

.baodingMountain3 .list .item .text .dy {
    width: 154px;
    height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px
}
.baodingMountain3 .list .item:nth-of-type(4n+1) .text .dy{
    background-image: url(../images/hy/cszl/png17.png);
}
.baodingMountain3 .list .item:nth-of-type(4n+2) .text .dy{
    background-image: url(../images/hy/cszl/png18.png);
}
.baodingMountain3 .list .item:nth-of-type(4n+3) .text .dy{
    background-image: url(../images/hy/cszl/png19.png);
}
.baodingMountain3 .list .item:nth-of-type(4n) .text .dy{
    background-image: url(../images/hy/cszl/png20.png);
}
.baodingMountain3 .list .item .text .dy .t {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #ffe49a
}

@media (max-width: 768px) {
    .baodingMountain3 .list .item .text .dy .t {
        font-size:16px
    }
}

.baodingMountain3 .list .item .text .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.baodingMountain3 .list .item .text .address .icon {
    width: 18px
}

.baodingMountain3 .list .item .text .address .icon .i {
    display: block;
    width: 100%
}

.baodingMountain3 .list .item .text .address .txt {
    width: calc(100% - 18px);
    font-size: 18px;
    padding-left: 11px
}

@media (max-width: 768px) {
    .baodingMountain3 .list .item .text .address .txt {
        font-size:16px
    }
}

.baodingMountain3 .list .item:nth-child(even) .flexbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.baodingMountain3 .list .item:nth-child(even) .text {
    padding: 0 80px 0 20px
}

@media (min-width: 769px) {
    .baodingMountain2 .cont .slick-arrow:hover {
        background-color:rgba(0,0,0,0.7)
    }
}

@media (max-width: 1600px) {
    .baodingMountain3 .list .item .text .scroll-div {
        max-height:300px
    }
}

@media (max-width: 1300px) {
    .baodingMountain3 .list .item .img {
        width:520px
    }

    .baodingMountain3 .list .item .text {
        width: calc(100% - 520px)
    }

    .baodingMountain3 .list .item .text .scroll-div {
        max-height: 200px
    }

    .baodingMountain3 .list .item .text {
        padding-left: 40px
    }

    .baodingMountain3 .list .item:nth-child(even) .text {
        padding-right: 40px
    }
}

@media (max-width: 1100px) {
    .baodingMountain3 .list .item .img {
        width:450px
    }

    .baodingMountain3 .list .item .text {
        width: calc(100% - 450px)
    }

    .baodingMountain3 .list .item .text .scroll-div {
        max-height: 150px
    }
}

@media (max-width: 768px) {
    .baodingMountain3 {
        padding:0 0 25px
    }

    .baodingMountain3 .list .item {
        margin: 0 0 15px
    }

    .baodingMountain3 .list .item .flexbox {
        display: block
    }

    .baodingMountain3 .list .item .img {
        width: 100%
    }

    .baodingMountain3 .list .item .text {
        width: 100%;
        padding: 15px 0 !important
    }

    .baodingMountain3 .list .item .text .scroll-div {
        padding-right: 15px;
        margin-top: 15px
    }

    .baodingMountain3 .list .item .text .scroll-div.mCS_no_scrollbar {
        padding-right: 0
    }

    .baodingMountain3 .list .item .text .scroll-div .mCSB_outside+.mCSB_scrollTools {
        right: 0
    }

    .baodingMountain2 {
        margin: 0;
        padding: 40px 0
    }

    .baodingMountain2 .bga,.baodingMountain2 .bgb,.baodingMountain2 .bgc {
        display: none
    }

    .baodingMountain2 .desc {
        width: auto
    }

    .baodingMountain2 .links {
        margin-top: 20px
    }

    .baodingMountain2 .links .link {
        width: 98px;
        height: 98px;
        margin: 0 15px
    }

    .baodingMountain2 .cont {
        margin-top: 20px
    }

    .baodingMountain2 .cont .slick-item .text {
        padding: 0 15px 5px
    }

    .baodingMountain2 .cont .slick-arrow {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        font-size: 16px
    }

    .baodingMountain2 .cont .slick-arrow.slick-prev {
        left: 10px
    }

    .baodingMountain2 .cont .slick-arrow.slick-next {
        right: 10px
    }

    .baodingMountain3 .list .item .text .address {
        margin-top: 20px
    }
}

.paper1.books .list {
    width: 100%;
    margin-top: -23px
}

.paper1.books .list-width,.paper1.books .list-item {
    width: calc((100% - 80px) / 3)
}

.paper1.books .list-space {
    width: 40px
}

.paper1.books .list-item {
    margin-top: 55px
}

.paper1.books .img {
    position: relative;
    background: #f7f8fb;
    padding: 3.64583vw 1.5625vw 2.76042vw
}

.paper1.books .img img {
    max-width: 100%;
    display: block;
    margin: auto
}

.paper1.books .list .t {
    font-size: 22px;
    margin-top: 33px
}

@media (max-width: 768px) {
    .paper1.books .list .t {
        font-size:18px
    }
}

.paper1.books .more {
    font-size: 18px;
    font-weight: bold;
    color: #2b3241;
    position: relative;
    padding-left: 35px;
    display: inline-block;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    margin-top: 63px
}

@media (max-width: 768px) {
    .paper1.books .more {
        font-size:16px
    }
}

.paper1.books .more::before {
    content: '';
    background: url(../images/icon12.png) center no-repeat;
    background-size: cover;
    width: 21px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 4px;
    -webkit-animation: animat-round 2s linear infinite;
    animation: animat-round 2s linear infinite
}

.paper1.books .list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.paper1.books .list1 .list-item {
    width: calc(25% - 12px);
    margin: 35px 0 0 15px
}

.paper1.books .list1 .list-item:nth-child(4n+1) {
    margin-left: 0
}

.paper1.books .list1 .list-item .t {
    font-size: 22px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .paper1.books .list1 .list-item .t {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .paper1.books .list-item:hover .img {
        -webkit-box-shadow:3.42px 9.397px 13px 0px rgba(33,40,56,0.25);
        box-shadow: 3.42px 9.397px 13px 0px rgba(33,40,56,0.25)
    }
}

@media (max-width: 768px) {
    .paper1.books .list-width,.paper1.books .list-item {
        width:calc((100% - 20px) / 2)
    }

    .paper1.books .list-space {
        width: 20px
    }

    .paper1.books .list-item {
        margin-top: 15px
    }

    .paper1.books .img {
        padding: 20px
    }

    .paper1.books .list .t {
        margin-top: 10px
    }

    .paper1.books .list {
        margin-top: 10px
    }

    .paper1.books .more {
        margin-top: 30px
    }
}

.j-title .j-t1.white {
    color: #fff
}

.j-title .j-t1.blue {
    color: #2b3241
}

.cave-detail-bg {
    position: relative;
    padding: 12.13542vw 0 0;
    background: url(../images/jpg57.jpg) no-repeat top center;
    background-size: 100% auto
}

.cave-detail-1 {
    position: relative;
    z-index: 2;
    color: #fff
}

.cave-detail-1 .x-wrap {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cave-detail-1 .slick-mod {
    width: 66.7142857%
}

.cave-detail-1 .slick-mod .img {
    position: relative;
    overflow: hidden
}

.cave-detail-1 .slick-mod .img::before {
    content: '';
    display: block;
    padding-top: 67.45182%
}

.cave-detail-1 .slick-mod .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cave-detail-1 .slick-mod .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #ffe596;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cave-detail-1 .slick-mod .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #ffe596;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cave-detail-1 .slick-mod .slick-prev {
    left: 60px
}

.cave-detail-1 .slick-mod .slick-prev::before {
    content: '\e504'
}

.cave-detail-1 .slick-mod .slick-next {
    right: 60px
}

.cave-detail-1 .slick-mod .slick-next::before {
    content: '\e505'
}

.cave-detail-1 .txt-box {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 3.28125vw;
    position: relative;
    font-size: 18px
}

@media (max-width: 768px) {
    .cave-detail-1 .txt-box {
        font-size:16px
    }
}

.cave-detail-1 .txt-box .info-list {
    margin-top: 50px;
    position: relative;
    line-height: 1.55
}

.cave-detail-1 .txt-box .info-list::after {
    content: '';
    position: absolute;
    right: 0;
    top: calc(100% - 1.1458333vw);
    width: 546px;
    height: 65px;
    background: url(../images/png62.png) no-repeat bottom center;
    background-size: contain
}

.cave-detail-1 .txt-box .scroll-mod {
    margin-top: 68px;
    line-height: 1.55;
    height: calc(1em * 1.55 * 11);
    padding-right: 15px
}

body:not(.lang-en) .cave-detail-1 .txt-box .scroll-mod {
    text-align: justify;
    text-justify: inter-ideograph
}

.cave-detail-1 .txt-box .scroll-mod .scroll-track-y {
    background: rgba(71,91,135,0.3)
}

.cave-detail-1 .txt-box .scroll-mod .scroll-track-y .scroll-bar-y {
    background: #475b87
}

.cave-detail-2 {
    position: relative;
    z-index: 2;
    padding-top: 5.9375vw
}

.cave-detail-2 .cont {
    margin: 3.02083vw -15px 0
}

.cave-detail-2 .cont .item {
    cursor: pointer;
    padding: 36px 0;
    position: relative;
    background: #fff;
    margin: 0 15px
}

.cave-detail-2 .cont .icon {
    width: 78.90625%;
    position: relative;
    overflow: hidden;
    margin: auto;
    z-index: 2
}

.cave-detail-2 .cont .icon::before {
    content: '';
    display: block;
    padding-top: 112.37624%
}

.cave-detail-2 .cont .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cave-detail-2 .cont .icon .i {
    top: auto;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cave-detail-2 .cont .t {
    font-size: 26px;
    font-weight: bold;
    margin-top: 40px;
    position: relative;
    z-index: 2
}

@media (max-width: 768px) {
    .cave-detail-2 .cont .t {
        font-size:20px
    }
}

.cave-detail-2 .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #475b87;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cave-detail-2 .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #475b87;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cave-detail-2 .slick-prev {
    left: -60px
}

.cave-detail-2 .slick-prev::before {
    content: '\e504'
}

.cave-detail-2 .slick-next {
    right: -60px
}

.cave-detail-2 .slick-next::before {
    content: '\e505'
}

.cave-detail-3 {
    position: relative;
    z-index: 3;
    padding-top: 5.625vw
}

.cave-detail-3 .list {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #2b3241
}

.cave-detail-3 .list .li {
    border-bottom: 1px dashed #d5d6d9;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(50% - 50px)
}

@media (max-width: 768px) {
    .cave-detail-3 .list .li {
        font-size:16px
    }
}

.cave-detail-3 .list .li:nth-child(2n) {
    margin-left: 100px
}

.cave-detail-3 .list .li::before {
    content: '';
    width: 17px;
    height: 13px;
    background: url(../images/arr2.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-right: 20px
}

.cave-detail-3 .list .li a {
    display: block;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 31px 0;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto
}

.cave-detail-3 .mores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 80px
}

.cave-detail-4 {
    position: relative;
    z-index: 2;
    margin-top: 6.25vw
}

.cave-detail-4 .x-wrap {
    z-index: 2
}

.cave-detail-4 .img {
    position: relative;
    overflow: hidden
}

.cave-detail-4 .img::before {
    content: '';
    display: block;
    padding-top: 41.57143%
}

.cave-detail-4 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cave-detail-4 .img .pic,.cave-detail-4 .img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.cave-detail-4 .img .pic {
    background: url() no-repeat center;
    background-size: contain
}

.cave-detail-4 .img video {
    -o-object-fit: cover;
    object-fit: cover
}

.cave-detail-4 .link-btn {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 102px;
    height: 102px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9
}

.cave-detail-4 .link-btn::before {
    content: '';
    position: absolute;
    width: 133.333333%;
    height: 133.333333%;
    background: url(../images/png64.png) no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-animation: animat-round 80s infinite;
    animation: animat-round 80s infinite;
    margin: -66.6666665% 0 0 -66.6666665%
}

.cave-detail-4 .link-btn .pd {
    position: relative;
    z-index: 2
}

.cave-detail-4 .link-btn .icon {
    position: relative;
    overflow: hidden;
    margin: auto;
    width: 31px
}

.cave-detail-4 .link-btn .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.cave-detail-4 .link-btn .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cave-detail-4 .link-btn .t {
    color: #ffe596;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px
}

@media (max-width: 768px) {
    .cave-detail-4 .link-btn .t {
        font-size:16px
    }
}

.cave-detail-bgi {
    margin-top: -11.61458vw
}

.cave-detail-bgi img {
    display: block;
    width: 100%;
    height: auto
}

.pop-image-text .l-title {
    color: #2b3241
}

.pop-image-text .flex-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.60417vw;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pop-image-text .pop-dialog {
    width: 1300px;
    max-width: 90%;
    max-height: 85vh;
    height: 720px;
    padding: 20px
}

.pop-image-text .pop-close {
    top: 3.125vw;
    right: 3.125vw;
    z-index: 9
}

.pop-image-text .pop-close::before {
    content: '\e509';
    font-size: 18px;
    color: #2b3241
}

.pop-image-text .pop-cont {
    position: relative;
    z-index: 2;
    border: 1px dashed rgba(71,91,135,0.5);
    height: 100%;
    padding: 5.05208vw 7.03125vw 6.77083vw
}

.pop-image-text .pop-cont::before,.pop-image-text .pop-cont::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/png73.png) no-repeat center;
    background-size: contain;
    bottom: -1px;
    left: -1px
}

.pop-image-text .pop-cont::after {
    bottom: auto;
    left: auto;
    background-image: url(../images/png74.png);
    top: -1px;
    right: -1px
}

.pop-image-text .img-box {
    width: 47.5076297%;
    border: 1px solid #475b87
}

.pop-image-text .img {
    position: relative;
    overflow: hidden
}

.pop-image-text .img::before {
    content: '';
    display: block;
    padding-top: 74.94647%
}

.pop-image-text .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-image-text .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 3.125vw
}

.pop-image-text .scroll-mod {
    font-size: 18px;
    color: #576688;
    line-height: 1.55;
    height: calc(1em * 1.55 * 12)
}

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

@media (max-width: 768px) {
    .pop-image-text .scroll-mod {
        font-size:16px
    }
}

.pop-image-text .scroll-mod.scroll-axis-y {
    padding-right: 15px
}

.pop-image-text .scroll-mod .scroll-track-y {
    background: rgba(71,91,135,0.3)
}

.pop-image-text .scroll-mod .scroll-track-y .scroll-bar-y {
    background: #475b87
}

.pop-image-text .link-btn {
    display: inline-block;
    position: relative;
    padding: 0 21px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 42px
}

@media (max-width: 768px) {
    .pop-image-text .link-btn {
        font-size:18px
    }
}

.pop-image-text .link-btn::before,.pop-image-text .link-btn::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    background: url(../images/png71.png) no-repeat center;
    background-size: 100% 100%;
    left: 0;
    width: 21px
}

.pop-image-text .link-btn::after {
    background-image: url(../images/png72.png);
    left: auto;
    right: 0
}

.pop-image-text .link-btn .pd {
    padding: 0 15px;
    line-height: 60px;
    background: #475b87
}

.pop-image-text .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #ffe596;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pop-image-text .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #ffe596;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-image-text .slick-prev {
    left: 30px
}

.pop-image-text .slick-prev::before {
    content: '\e504'
}

.pop-image-text .slick-next {
    right: 30px
}

.pop-image-text .slick-next::before {
    content: '\e505'
}

@media (max-width: 1430px) {
    .cave-detail-1 .slick-mod {
        width:55%
    }

    .cave-detail-1 .txt-box .info-list {
        margin-top: 30px
    }

    .cave-detail-1 .txt-box .scroll-mod {
        margin-top: 40px
    }

    .cave-detail-1 .txt-box .info-list::after {
        top: 70%
    }

    .cave-detail-2 .slick-prev {
        left: 30px
    }

    .cave-detail-2 .slick-next {
        right: 30px
    }

    .cave-detail-3 .list .li {
        width: calc(50% - 20px)
    }

    .cave-detail-3 .list .li:nth-child(2n) {
        margin-left: 40px
    }

    .pop-image-text .pop-dialog {
        height: auto
    }

    .pop-image-text .pop-cont {
        padding: 20px
    }

    .pop-image-text .flex-cont {
        margin-top: 20px
    }

    .pop-image-text .pop-close {
        top: 15px;
        right: 15px
    }
}

@media (max-width: 1024px) {
    .cave-detail-bg {
        background-size:cover
    }

    .cave-detail-1 .txt-box .info-list::after {
        display: none
    }

    .cave-detail-1 .x-wrap {
        display: block
    }

    .cave-detail-1 .slick-mod {
        width: 100%
    }

    .cave-detail-1 .txt-box {
        width: 100%;
        margin: 30px 0 0
    }

    .cave-detail-2 .cont .item::before {
        bottom: 0
    }
}

@media (max-width: 768px) {
    .cave-detail-bg {
        padding:40px 0 0
    }

    .cave-detail-1 .slick-mod .slick-arrow,.cave-detail-2 .slick-arrow,.pop-image-text .slick-arrow {
        width: 35px;
        height: 35px
    }

    .cave-detail-1 .slick-mod .slick-prev {
        left: 10px
    }

    .cave-detail-1 .slick-mod .slick-next {
        right: 10px
    }

    .cave-detail-1 .txt-box {
        margin-top: 20px
    }

    .cave-detail-1 .txt-box .info-list {
        margin-top: 10px
    }

    .cave-detail-1 .txt-box .scroll-mod {
        margin-top: 10px
    }

    .cave-detail-2 {
        padding-top: 40px
    }

    .cave-detail-2 .cont {
        margin: 20px 0 0;
        display: block
    }

    .cave-detail-2 .cont .item {
        width: 100%;
        padding: 20px;
        margin: 0
    }

    .cave-detail-2 .cont .icon {
        width: 80px
    }

    .cave-detail-2 .slick-prev {
        left: 10px
    }

    .cave-detail-2 .slick-next {
        right: 10px
    }

    .cave-detail-2 .cont .t {
        margin-top: 10px
    }

    .cave-detail-3 {
        padding-top: 40px
    }

    .cave-detail-3 .list {
        display: block
    }

    .cave-detail-3 .list .li {
        width: 100%
    }

    .cave-detail-3 .list .li:nth-child(2n) {
        margin-left: 0
    }

    .cave-detail-3 .list .li a {
        padding: 10px 0
    }

    .cave-detail-3 .list .li::before {
        margin-right: 5px
    }

    .cave-detail-3 .mores {
        margin-top: 15px
    }

    .cave-detail-4 {
        margin-top: 40px
    }

    .cave-detail-4 .link-btn {
        width: 75px;
        height: 75px
    }

    .cave-detail-4 .link-btn .icon {
        width: 25px
    }

    .cave-detail-4 .link-btn .t {
        margin-top: 3px
    }

    .pop-image-text .pop-dialog {
        padding: 10px
    }

    .pop-image-text .pop-cont {
        padding: 10px
    }

    .pop-image-text .flex-cont {
        margin-top: 10px;
        display: block
    }

    .pop-image-text .img-box {
        width: 100%
    }

    .pop-image-text .r-box {
        margin: 10px 0 0
    }

    .pop-image-text .scroll-mod {
        height: calc(1em * 1.55 * 4)
    }

    .pop-image-text .btn-box {
        text-align: center
    }

    .pop-image-text .link-btn {
        margin-top: 10px
    }

    .pop-image-text .link-btn .pd {
        line-height: 45px
    }

    .pop-image-text .pop-close {
        top: -40px;
        right: 0
    }

    .pop-image-text .pop-close::before {
        color: #fff
    }

    .pop-image-text .slick-prev {
        left: 10px
    }

    .pop-image-text .slick-next {
        right: 10px
    }
}

.fp-auto-height {
    height: auto !important
}

.pop-media .pop-close {
    color: #ffffff
}

.pop-media .pop-dialog {
    width: 59.0104vw;
    height: 85.5837vh
}

.pop-media .pop-dialog .x_wp {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px dashed #465c38;
    pointer-events: none
}

.pop-media .pop-dialog .x_wp::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #465c38;
    border-left: 2px solid #465c38;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.pop-media .pop-dialog .x_wp::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #465c38;
    border-right: 2px solid #465c38;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.pop-media .pop-dialog .pop-cont {
    padding: 2vw 5vw
}

.pop-media .pop-dialog .pop-cont .title {
    padding-bottom: 2%
}

.pop-media .pop-dialog .pop-cont .title .t1 {
    color: #4b3627;
    font-weight: bold;
    font-size: 26px
}

@media (max-width: 768px) {
    .pop-media .pop-dialog .pop-cont .title .t1 {
        font-size:20px
    }
}

.pop-media .pop-dialog .pop-cont .slick-mod .img {
    max-width: 100%;
    height: 67vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pop-media .pop-dialog .pop-cont .slick-mod .img .video-mod {
    width: 100%;
    height: 100%
}

.pop-media .pop-dialog .pop-cont .slick-mod .img video {
    -o-object-fit: cover;
    object-fit: cover
}

.pop-media .pop-dialog .pop-cont .slick-mod .img img {
    max-width: 100%;
    max-height: 100%
}

.pop-media .pop-dialog .pop-cont .slick-mod .img1 {
    max-width: 100%;
    height: 74vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.pop-media .pop-dialog .pop-cont .slick-mod .img1 .video-mod {
    width: 100%;
    height: 100%
}

.pop-media .pop-dialog .pop-cont .slick-mod .img1 video {
    -o-object-fit: cover;
    object-fit: cover
}

.pop-media .pop-dialog .pop-cont .slick-mod .img1 img {
    max-width: 100%;
    max-height: 100%
}

.pop-media .pop-dialog .pop-cont .slick-mod .txt {
    text-align: center;
    padding-top: 1.5vh
}

.pop-media .pop-dialog .pop-cont .slick-mod .txt .t1 {
    font-size: 20px;
    color: #4b3627
}

@media (max-width: 768px) {
    .pop-media .pop-dialog .pop-cont .slick-mod .txt .t1 {
        font-size:18px
    }
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #856248;
    background: none;
    color: #856248;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 2.8em
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow::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;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-prev {
    left: -50px
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-prev::before {
    content: '\e504'
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-next {
    right: -50px
}

.pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-next::before {
    content: '\e505'
}

.fullpage {
    overflow: hidden
}

.fullpage .section {
    position: relative
}

.collection_xx1 .bgi1 {
    position: absolute;
    top: 7.62vh;
    left: 0;
    width: 15vw;
    z-index: 3;
    pointer-events: none;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease
}

.collection_xx1 .bgi1 img {
    width: 100%;
    z-index: 3;
    -webkit-animation: rot5 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot5 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: -100% center;
    transform-origin: -100% center
}

.collection_xx1 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.collection_xx1 .flex .l {
    width: 50%;
    height: 100%;
    background: url(../images/hy/collection_xx1.jpg) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    position: relative;
    z-index: 2
}

.collection_xx1 .flex .l .cell {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    position: relative;
    z-index: 3;
    margin-top: 5%
}

.collection_xx1 .flex .l .tab-bar {
    position: relative;
    z-index: 3;
    margin-left: 14.5833vw
}

.collection_xx1 .flex .l .tab-bar .tab-term {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.collection_xx1 .flex .l .tab-bar .tab-term.cur .t1 {
    font-weight: bold;
    font-size: 24px
}

@media (max-width: 768px) {
    .collection_xx1 .flex .l .tab-bar .tab-term.cur .t1 {
        font-size:18px
    }
}

.collection_xx1 .flex .l .tab-bar .tab-term.cur .x {
    width: 80px
}

.collection_xx1 .flex .l .tab-bar .tab-term+.tab-term {
    margin-top: 40px
}

.collection_xx1 .flex .l .tab-bar .tab-term .ico {
    margin-right: 15px;
    width: 98px;
    height: 90px;
    background: url(../images/hy/icon13.png) no-repeat center;
    background-size: cover;
    position: relative
}

.collection_xx1 .flex .l .tab-bar .tab-term .ico img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.collection_xx1 .flex .l .tab-bar .tab-term .x {
    border-bottom: 1px dashed #82a26e;
    width: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.collection_xx1 .flex .l .tab-bar .tab-term .t1 {
    font-size: 20px;
    color: #597751;
    margin-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 768px) {
    .collection_xx1 .flex .l .tab-bar .tab-term .t1 {
        font-size:18px
    }
}

.collection_xx1 .flex .r {
    width: 50%;
    height: 100%;
    background: url(../images/hy/collection_xx2.jpg) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.collection_xx1 .flex .r .text {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    margin-right: 14.5833vw;
    max-width: 19.7916vw;
    color: #4b3627
}

.collection_xx1 .flex .r .text .t1 {
    color: #785c48;
    font-weight: bold;
    font-size: 24px
}

@media (max-width: 768px) {
    .collection_xx1 .flex .r .text .t1 {
        font-size:18px
    }
}

.collection_xx1 .flex .r .text .t2 {
    color: #4b3627;
    font-weight: bold;
    font-size: 44px;
    line-height: 1.1;
    margin: 20px 0 30px
}

@media (max-width: 1680px) {
    .collection_xx1 .flex .r .text .t2 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .collection_xx1 .flex .r .text .t2 {
        font-size:28px
    }
}

.collection_xx1 .flex .r .text .p {
    font-size: 18px
}

@media (max-width: 768px) {
    .collection_xx1 .flex .r .text .p {
        font-size:16px
    }
}

.collection_xx1 .flex .r .text .bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 0 0;
    border-top: 1px dashed #856248;
    margin: 40px 0 0
}

.collection_xx1 .flex .r .text .bar .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 79px;
    height: 74px;
    position: relative;
    cursor: pointer;
}
.collection_xx1 .flex .r .text .bar .item:first-of-type{
    background-image: url(../images/hy/icon16.png);
}
.collection_xx1 .flex .r .text .bar .item:last-of-type{
    background-image: url(../images/hy/icon17.png);
}
.collection_xx1 .flex .r .text .bar .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.collection_xx1 .flex .r .text .bar .item+.item {
    margin-left: 20px
}

.collection_xx_pic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%);
    transform: translate(-50%, -48%);
    z-index: 3;
    max-height: 80%;
    max-width: 28.6458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.collection_xx_pic img {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    max-width: 100%;
    max-height: 100%
}

.collection_xx2 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.collection_xx2 .flex .l {
    width: 50%
}

.collection_xx2 .flex .r {
    width: 50%;
    height: 100%;
    background: url(../images/hy/collection_xx3.jpg) no-repeat center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.collection_xx2 .flex .r .text {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    margin-right: 14.5833vw;
    max-width: 19.7916vw;
    color: #e6dfc9
}

.collection_xx2 .flex .r .text .scroll1 {
    max-height: 30vh;
    margin-top: 25px
}

body:not(.lang-en) .collection_xx2 .flex .r .text .scroll1 {
    text-align: justify;
    text-justify: inter-ideograph
}

.collection_xx2 .flex .r .text .scroll1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e6dfc9
}

.collection_xx2 .flex .r .text .t1 {
    color: #ffe596;
    font-weight: bold;
    font-size: 26px
}

@media (max-width: 768px) {
    .collection_xx2 .flex .r .text .t1 {
        font-size:20px
    }
}

.collection_xx3 {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/hy/collection_xx4.jpg);
}

.collection_xx3 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.collection_xx3 .flex .cell {
    width: 100%
}

.collection_xx3 .swiper {
    overflow: hidden;
    width: 65.886vw;
    margin: auto
}

.collection_xx3 .swiper-slide {
    width: 45.9895vw;
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.collection_xx3 .swiper-slide .padd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3020vw 3.125vw
}

.collection_xx3 .swiper-slide .img {
    position: relative;
    overflow: hidden;
    width: 10.9895vw
}

.collection_xx3 .swiper-slide .img::before {
    content: '';
    display: block;
    padding-top: 136.49289%
}

.collection_xx3 .swiper-slide .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.collection_xx3 .swiper-slide .img img {
    display: block;
    width: 100%
}

.collection_xx3 .swiper-slide .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: 0;
    padding: 1.3020vw 3.125vw 0 2.0833vw
}

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

.collection_xx3 .swiper-slide .text .t1 {
    color: #4b3627;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .collection_xx3 .swiper-slide .text .t1 {
        font-size:20px
    }
}

.collection_xx3 .swiper-slide .text .t2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #4b3627;
    font-size: 18px;
    margin-top: 8px
}

@media (max-width: 768px) {
    .collection_xx3 .swiper-slide .text .t2 {
        font-size:16px
    }
}

.collection_xx3 .swiper-slide .text .t2 .ico {
    width: 20px;
    text-align: center;
    position: relative;
    top: -2px
}

.collection_xx3 .swiper-slide .text .t2 .ico img {
    max-width: 100%
}

.collection_xx3 .swiper-slide .text .t2 .s1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.collection_xx3 .swiper-slide .text .scroll1 {
    margin-bottom: 30px
}

.collection_xx3 .swiper-slide .text .p {
    color: #785c48;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.collection_xx3 .swiper-slide.swiper-slide-active {
    -webkit-filter: none;
    filter: none
}

.collection_xx3 .swiper-slide.swiper-slide-active .padd {
    background: #f5f1e6;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.collection_xx3 .swiper-slide.swiper-slide-active .text {
    opacity: 1
}

.collection_xx3 .swiper-slide.swiper-slide-prev .img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.collection_xx3 .swiper-slide.swiper-slide-next .img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.collection_xx3 .swiper-button-next,.collection_xx3 .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ffe596;
    background: none;
    color: #ffe596
}

.collection_xx3 .swiper-button-next::before,.collection_xx3 .swiper-button-prev::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;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.collection_xx3 .swiper-button-prev {
    left: 6%
}

.collection_xx3 .swiper-button-prev::before {
    content: '\e504'
}

.collection_xx3 .swiper-button-next {
    right: 6%
}

.collection_xx3 .swiper-button-next::before {
    content: '\e505'
}

.collection_xx3 .swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}

.collection_xx3 .top {
    position: relative;
    margin-bottom: 5.0761vh
}

.collection_xx3 .top .pic {
    height: 37.2588vh;
    width: 19.2708vw;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: brightness(40%);
    filter: brightness(40%)
}

.collection_xx3 .top .pic img {
    max-width: 100%;
    max-height: 100%
}

.collection_xx3 .top .s1 {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.1;
    color: #ffe596;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
    top: 45%
}

@media (max-width: 1680px) {
    .collection_xx3 .top .s1 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .collection_xx3 .top .s1 {
        font-size:28px
    }
}

.collection_xx3 .top .s2 {
    font-weight: bold;
    font-size: 44px;
    line-height: 1.1;
    color: #ffe596;
    position: absolute;
    left: calc(50% + 220px);
    top: 45%
}

@media (max-width: 1680px) {
    .collection_xx3 .top .s2 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .collection_xx3 .top .s2 {
        font-size:28px
    }
}

.collection_xx3 .light {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0
}

.collection_xx3.active .top .pic {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 1.1s ease-in-out 0.7s;
    transition: all 1.1s ease-in-out 0.7s
}

.collection_xx3.active .light {
    opacity: 1;
    -webkit-transition: all 1.2s ease-in-out 0.7s;
    transition: all 1.2s ease-in-out 0.7s
}

.collection_xx4 .cont {
    padding: 18.2741vh 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/hy/collection_xx5.jpg);
}

.collection_xx4 .cont .cell {
    width: 100%;
    padding: 0 13.5416vw
}

.collection_xx4 .cont .title .t1 {
    font-size: 44px;
    line-height: 1.1;
    color: #4b3627;
    font-weight: bold
}

@media (max-width: 1680px) {
    .collection_xx4 .cont .title .t1 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .collection_xx4 .cont .title .t1 {
        font-size:28px
    }
}

.collection_xx4 .cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px
}

.collection_xx4 .cont .list .item {
    width: calc(33.33% - 27px);
    margin: 0 0 0 40px
}
.collection_xx4 .cont .list .item a{
    display: block;
}

.collection_xx4 .cont .list .item:nth-child(3n+1) {
    margin-left: 0
}

.collection_xx4 .cont .list .item .img {
    background: url(../images/hy/collection_xx6.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    width: 100%
}

.collection_xx4 .cont .list .item .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.collection_xx4 .cont .list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.collection_xx4 .cont .list .txt {
    text-align: center;
    padding: 15px 0 0
}

.collection_xx4 .cont .list .txt .t1 {
    color: #4b3627;
    font-size: 22px
}

@media (max-width: 768px) {
    .collection_xx4 .cont .list .txt .t1 {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .collection_xx4 .cont .list .item:hover .img img {
        -webkit-transform:translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }

    .collection_xx1 .flex .l .tab-bar .tab-term:hover .ico img {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }

    .collection_xx1 .flex .r .text .bar .item:hover img {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
}

@media (max-width: 1870px) {
    .collection_xx1 .flex .l .tab-bar {
        margin-left:4vw
    }

    .collection_xx1 .flex .r .text {
        margin-right: 4vw;
        max-width: 28vw
    }

    .collection_xx2 .flex .r .text {
        margin-right: 4vw;
        max-width: 28vw
    }

    .collection_xx1 .flex .r .text .bar .item {
        width: 75px;
        height: 70px
    }

    .collection_xx1 .flex .r .text .bar .item+.item {
        margin-left: 5px
    }

    .collection_xx1 .flex .l .tab-bar .tab-term .ico {
        width: 88px;
        height: 80px
    }

    .collection_xx1 .flex .l .tab-bar .tab-term.cur .x {
        width: 40px
    }

    .collection_xx3 .swiper-slide .padd {
        padding: 1vw
    }

    .collection_xx3 .swiper-slide .text {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 1vw
    }

    .collection_xx3 .swiper-slide .text .scroll1 {
        margin-bottom: 1vh
    }

    .collection_xx4 .cont .cell {
        padding: 0 4vw
    }
}

@media (max-width: 1600px) {
    .collection_xx1 .flex .r .text .bar .item {
        width:50px;
        height: 45px
    }

    .pop-media .pop-dialog .pop-cont .slick-mod .img {
        height: 63vh
    }
}

@media (max-width: 1400px) {
    .pop-media .pop-dialog {
        width:80vw
    }

    .pop-media .pop-dialog .pop-cont {
        padding: 3vw 9vw
    }

    .collection_xx3 .top .s1 {
        -webkit-transform: translateX(-300px);
        transform: translateX(-300px)
    }

    .collection_xx3 .top .s2 {
        left: calc(50% + 140px)
    }
}

@media (max-width: 1026px) {
    .collection_xx1 .flex .r .text .bar {
        margin:15px 0 0;
        padding: 15px 0 0
    }

    .collection_xx1 .flex .r .text .t2 {
        margin: 5px 0 10px
    }
}

@media (max-width: 768px) {
    .pop-media .pop-dialog {
        height:auto
    }

    .pop-media .pop-dialog .pop-cont {
        padding: 5vw 7vw
    }

    .pop-media .pop-dialog .pop-cont .slick-mod .img {
        height: auto
    }

    .pop-media .pop-dialog .pop-cont .slick-mod .img1 {
        height: 30vh
    }

    .pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-prev {
        width: 40px;
        height: 40px;
        left: -15px;
        background-color: #856248;
        color: #ffffff
    }

    .pop-media .pop-dialog .pop-cont .slick-mod .slick-arrow.slick-next {
        width: 40px;
        height: 40px;
        right: -15px;
        background-color: #856248;
        color: #ffffff
    }

    .collection_xx_pic {
        position: absolute;
        width: 100%;
        height: 40vh;
        max-width: inherit;
        max-height: inherit;
        top: 40px;
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    .collection_xx1 .flex {
        display: block
    }

    .collection_xx1 .flex .l {
        width: 100%;
        height: auto;
        display: none
    }

    .collection_xx1 .flex .r {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        padding: 0 15px 40px
    }

    .collection_xx1 .flex .r .text {
        max-width: inherit;
        padding-top: 50vh;
        margin: 0;
        width: auto
    }

    .collection_xx2 .flex {
        display: block
    }

    .collection_xx2 .flex .l {
        display: none
    }

    .collection_xx2 .flex .r {
        width: auto
    }

    .collection_xx2 .flex .r .text {
        max-width: inherit;
        padding: 40px 15px;
        margin: 0
    }

    .collection_xx2 .flex .r .text .scroll1 {
        margin-top: 15px
    }

    .collection_xx3 {
        padding-bottom: 40px
    }

    .collection_xx3 .light {
        opacity: 1
    }

    .collection_xx3 .top .pic {
        -webkit-filter: none;
        filter: none;
        width: 100%;
        height: 40vh;
        padding: 30px 15px 20px
    }

    .collection_xx3 .top .s1,.collection_xx3 .top .s2 {
        position: static;
        -webkit-transform: none;
        transform: none;
        text-align: center
    }

    .collection_xx3 .swiper {
        width: auto;
        margin: 0 15px
    }

    .collection_xx3 .swiper-slide {
        width: 100%
    }

    .collection_xx3 .swiper-slide .padd {
        padding: 15px;
        display: block
    }

    .collection_xx3 .swiper-slide .text {
        padding: 15px 0 0
    }

    .collection_xx3 .swiper-slide .img {
        width: 50%;
        margin: auto
    }

    .collection_xx3 .swiper-button-next,.collection_xx3 .swiper-button-prev {
        background-color: #465c38
    }

    .collection_xx3 .swiper-button-next {
        right: 15px;
        top: 28%
    }

    .collection_xx3 .swiper-button-prev {
        left: 15px;
        top: 28%
    }

    .collection_xx3 .swiper-slide .text .t1 {
        margin-bottom: 5px
    }

    .collection_xx4 .cont {
        padding: 40px 0
    }

    .collection_xx4 .cont .list {
        padding-top: 20px;
        display: block
    }

    .collection_xx4 .cont .list .item {
        width: 100%;
        margin: 0
    }

    .collection_xx4 .cont .list .item+.item {
        margin-top: 20px
    }

    .collection_xx4 .cont .list .item .txt {
        padding-top: 10px
    }
}

.classic_case1 {
    background: #fff url(../images/notice2.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    padding: 11.4583vw 0 6.25vw
}

.classic_case1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/classic_case1.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 125%;
    pointer-events: none;
    width: 100%
}

.classic_case1 .j-title {
    margin-bottom: 50px
}

.classic_case1 .j-title .j-t1 {
    color: #4b2827
}

.classic_case1 .tab-bar1 .tab-term {
    color: #4b2827 !important
}

.classic_case1 .tab-bar1 .tab-term::after {
    background-image: url(../images/icon22.png)
}

.classic_case1_list {
    margin-top: 60px
}

.classic_case1_list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fbf5f1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.classic_case1_list .item+.item {
    margin-top: 40px
}

.classic_case1_list .item .img {
    position: relative;
    overflow: hidden;
    width: 38.071%
}

.classic_case1_list .item .img::before {
    content: '';
    display: block;
    padding-top: 75.0469%
}

.classic_case1_list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.classic_case1_list .item .img img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.classic_case1_list .item .text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 1px
}

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

.classic_case1_list .item .text::before {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: url(../images/classic_case2.png) no-repeat bottom center;
    top: 10px;
    background-size: 100% auto
}

.classic_case1_list .item .text .x_wp {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px dashed #9b5c50;
    pointer-events: none
}

.classic_case1_list .item .text .x_wp::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #9b5c50;
    border-left: 2px solid #9b5c50;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.classic_case1_list .item .text .x_wp::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #9b5c50;
    border-right: 2px solid #9b5c50;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.classic_case1_list .item .text .padd {
    padding: 10.3806% 9.2272%;
    position: relative;
    z-index: 1
}

.classic_case1_list .item .text .t1 {
    font-size: 22px;
    color: #4b2827;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .classic_case1_list .item .text .t1 {
        font-size:18px
    }
}

.classic_case1_list .item .text .date {
    color: #4b2827;
    font-size: 18px;
    font-family: "Arial";
    padding: 35px 0 15px
}

@media (max-width: 768px) {
    .classic_case1_list .item .text .date {
        font-size:16px
    }
}

.classic_case1_list .item .text .p {
    color: #7f5d5c;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (min-width: 769px) {
    .classic_case1_list .item:hover {
        -webkit-box-shadow:0px 8px 25px 0px rgba(143,73,59,0.4);
        box-shadow: 0px 8px 25px 0px rgba(143,73,59,0.4)
    }

    .classic_case1_list .item:hover .img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .classic_case1_list .item:hover .x_wp::before {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    .classic_case1_list .item:hover .x_wp::after {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    .classic_case1_list .item:hover .padd .t1 {
        color: #7f5d5c
    }
}

@media (max-width: 1400px) {
    .classic_case1_list .item .text .padd {
        padding:7%
    }
}

@media (max-width: 1026px) {
    .classic_case1_list .item .padd .date {
        padding:10px 0 5px
    }
}

@media (max-width: 768px) {
    .classic_case1 {
        padding:40px 0
    }

    .classic_case1 .j-title {
        margin-bottom: 20px
    }

    .classic_case1_list {
        margin-top: 0;
        display: block
    }

    .classic_case1_list .item {
        width: auto;
        margin: 20px 0 0 !important;
        display: block;
        -webkit-box-shadow: 0px 8px 15px 0px rgba(143,73,59,0.2);
        box-shadow: 0px 8px 15px 0px rgba(143,73,59,0.2)
    }

    .classic_case1_list .item .img {
        width: 100%
    }

    .classic_case1_list .item .text {
        width: auto
    }

    .classic_case1_list .item .text .padd {
        padding: 25px
    }

    .classic_case1_list .item .padd .date {
        padding: 5px 0 0px
    }
}

.cultural-creative-products-1 {
    background: url() no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden
}
.hy-wccp{
    background-image: url(../images/hy/jpg10.jpg)!important;
}

.cultural-creative-products-1::before {
    content: '';
    display: block;
    padding-top: 51.82292%
}

.cultural-creative-products-1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-creative-products-1 .j-title {
    position: absolute;
    top: 12.1354166vw;
    left: 0;
    right: 0
}

.cultural-creative-products-1 .j-title .j-t1 {
    color: #4b3627
}

.cultural-creative-products-1 .mask {
    pointer-events: none
}

.cultural-creative-products-1 .cloud-1-box .item {
    position: absolute;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/hy/png5.png) no-repeat bottom center;
    background-size: contain
}

.cultural-creative-products-1 .cloud-1-box .item+.item {
    background-image: url(../images/hy/png6.png)
}

.cultural-creative-products-1 .cloud-2 {
    background: url(../images/hy/png7.png) no-repeat bottom center;
    background-size: contain
}

.cultural-creative-products-1 .i-1 {
    position: relative;
    overflow: hidden;
    width: 17.34375vw;
    top: 0;
    right: 14.0625vw;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-animation: mark_blowing 2.2s forwards ease-in-out 0s infinite alternate;
    animation: mark_blowing 2.2s forwards ease-in-out 0s infinite alternate
}

.cultural-creative-products-1 .i-1::before {
    content: '';
    display: block;
    padding-top: 281.08108%
}

.cultural-creative-products-1 .i-1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-creative-products-1 .i-1 .i {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.cultural-creative-products-1 .i-2 {
    position: relative;
    overflow: hidden;
    width: 16.9270833vw;
    top: 23.33vw;
    left: 23.3458333vw
}

.cultural-creative-products-1 .i-2::before {
    content: '';
    display: block;
    padding-top: 90.76923%
}

.cultural-creative-products-1 .i-2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-creative-products-1 .i-3 {
    position: relative;
    overflow: hidden;
    width: 18.75vw;
    top: 19.84375vw;
    left: 45.0208333vw
}

.cultural-creative-products-1 .i-3::before {
    content: '';
    display: block;
    padding-top: 55.55556%
}

.cultural-creative-products-1 .i-3 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-creative-products-1 .i-4 {
    position: relative;
    overflow: hidden;
    width: 21.9270833vw;
    left: 44.6354166vw;
    top: 32.1875vw
}

.cultural-creative-products-1 .i-4::before {
    content: '';
    display: block;
    padding-top: 37.52969%
}

.cultural-creative-products-1 .i-4 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-creative-products-1 .product-item {
    position: absolute
}

.cultural-creative-products-2 {
    background: url(../images/hy/jpg11.jpg) no-repeat top center;
    background-size: cover;
    padding: 2.60416666vw 0 7.8125vw;
    position: relative
}

.cultural-creative-products-2::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/hy/png36.png) no-repeat bottom center;
    background-size: 100% auto
}

.cultural-creative-products-2 .x-wrap {
    z-index: 2
}

.cultural-creative-products-2 .list-width,.cultural-creative-products-2 .list-item {
    width: calc((100% - 80px) / 3)
}

.cultural-creative-products-2 .list-item {
    margin-bottom: 53px
}

.cultural-creative-products-2 .list-space {
    width: 40px
}

.cultural-creative-products-2 .img {
    position: relative;
    overflow: hidden
}

.cultural-creative-products-2 .img img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.cultural-creative-products-2 .txt {
    text-align: center;
    font-size: 22px;
    color: #4b3627;
    margin-top: 30px
}

@media (max-width: 768px) {
    .cultural-creative-products-2 .txt {
        font-size:18px
    }
}

.cultural-creative-products-2 .paging-mod {
    margin-top: 20px
}

@media (min-width: 769px) {
    .cultural-creative-products-1 {
        -webkit-perspective:1000px;
        perspective: 1000px
    }

    .cultural-creative-products-1 .cloud-1-box .item {
        -webkit-transition: all 1.8s;
        transition: all 1.8s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .cultural-creative-products-1 .cloud-1-box .item+.item {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .cultural-creative-products-1 .cloud-2 {
        -webkit-transition: all 1s;
        transition: all 1s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    .cultural-creative-products-1 .product-item {
        -webkit-transition: all 1.2s;
        transition: all 1.2s;
        opacity: 0;
        visibility: hidden
    }

    .cultural-creative-products-1 .i-2 {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .cultural-creative-products-1 .i-3 {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center
    }

    .cultural-creative-products-1 .i-4 {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%)
    }

    .cultural-creative-products-1.show .cloud-1-box .item {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }

    .cultural-creative-products-1.show .cloud-2 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .cultural-creative-products-1.show .i-1 {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 2.6s;
        transition-delay: 2.6s
    }

    .cultural-creative-products-1.show .i-2 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s
    }

    .cultural-creative-products-1.show .i-3 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s
    }

    .cultural-creative-products-1.show .i-4 {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s
    }

    .cultural-creative-products-1.transition-none .product-item {
        -webkit-transition: none;
        transition: none
    }

    .cultural-creative-products-2 .list-item:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 768px) {
    .cultural-creative-products-1 .j-title {
        top:20px
    }

    .cultural-creative-products-1 .i-1 {
        right: 30px
    }

    .cultural-creative-products-2 {
        padding: 40px 0
    }

    .cultural-creative-products-2 .list-space {
        width: 0
    }

    .cultural-creative-products-2 .list-width,.cultural-creative-products-2 .list-item {
        width: 100%
    }

    .cultural-creative-products-2 .list-item {
        margin-bottom: 20px
    }

    .cultural-creative-products-2 .txt {
        margin-top: 10px
    }

    .cultural-creative-products-2 .paging-mod {
        display: none
    }

    .cultural-creative-products-2 .paging-more {
        margin-top: 10px
    }
}

.cultural-relics-hos-bg {
    padding: 0 0 7.29167vw;
    background: url(../images/png96.png) no-repeat bottom center;
    background-size: contain
}

.cultural-relics-hos-1 {
    position: relative;
    background: url(../images/jpg77.jpg) no-repeat center;
    background-size: cover;
    padding: 8.33333vw 0 32.91667vw
}
.cultural-relics-hos-1 .cont {
    padding: 0 245px;
    color: #4b2827;
    font-size: 18px
}

@media (max-width: 768px) {
    .cultural-relics-hos-1 .cont {
        font-size:16px
    }
}

.cultural-relics-hos-1 .j-title .j-t1 {
    color: #4b2827
}

.cultural-relics-hos-1 .p-box {
    margin-top: 2.44792vw
}

body:not(.lang-en) .cultural-relics-hos-1 .p-box {
    text-align: justify;
    text-justify: inter-ideograph;
}

.cultural-relics-hos-1 .p-box .p+.p {
    margin-top: 27px
}

.cultural-relics-hos-1 .j-more {
    color: #4b3627;
    margin-top: 2.44792vw
}

.cultural-relics-hos-1 .j-more .j-x {
    border-color: #4b3627
}

.cultural-relics-hos-1 .j-more .j-y1 {
    background-image: url(../images/icon6-1.png)
}

.cultural-relics-hos-1 .j-more .j-y2 {
    background-color: #dac7ab
}

.cultural-relics-hos-1 .cloud {
    position: relative;
    overflow: hidden;
    background: url(../images/png95.png) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.cultural-relics-hos-1 .cloud::before {
    content: '';
    display: block;
    padding-top: 55.57292%
}

.cultural-relics-hos-1 .cloud .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-relics-hos-1 .cloud .item {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url() no-repeat;
    background-size: auto 100%;
    bottom: 0;
    left: 0
}

.cultural-relics-hos-1 .cloud .item:nth-child(1) {
    background-image: url(../images/png95-l.png);
    background-position: left bottom
}

.cultural-relics-hos-1 .cloud .item:nth-child(2) {
    background-image: url(../images/png95-r.png);
    background-position: right bottom
}

.cultural-relics-hos-2 {
    margin-top: -3.33333vw
}

.cultural-relics-hos-2 .swiper-slide {
    width: 73%;
    opacity: 0
}

.cultural-relics-hos-2 .padd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.cultural-relics-hos-2 .img {
    width: 65.851272%;
    position: relative;
    overflow: hidden
}

.cultural-relics-hos-2 .img::before {
    content: '';
    display: block;
    padding-top: 75.03715%
}

.cultural-relics-hos-2 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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;
    height: 100%;
}

.cultural-relics-hos-2 .img .i {
    width: 100%
}

.cultural-relics-hos-2 .text {
    padding: 0 30px 0 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fbf5f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cultural-relics-hos-2 .text .in {
    width: 100%
}

.cultural-relics-hos-2 .text .in .j-title {
    display: none
}

.cultural-relics-hos-2 .text .j-title .j-t1,.cultural-relics-hos-2 .text .l-title {
    color: #4b2827;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.cultural-relics-hos-2 .text .l-title-box {
    border-bottom: 1px dashed #9b5c50;
    margin-bottom: 23px;
    padding-bottom: 20px
}

.cultural-relics-hos-2 .text .scroll1 {
    color: #7f5d5c;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 9em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 16px
}

body:not(.lang-en) .cultural-relics-hos-2 .text .scroll1 {
    text-align: justify;
    text-justify: inter-ideograph
}

.cultural-relics-hos-2 .swiper-slide-prev {
    opacity: 1
}

.cultural-relics-hos-2 .swiper-slide-next {
    opacity: 1
}

.cultural-relics-hos-2 .swiper-slide-next .padd {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cultural-relics-hos-2 .swiper-slide-active {
    opacity: 1
}

.cultural-relics-hos-2 .swiper-slide-active .img .mask {
    display: none
}

.cultural-relics-hos-2 .swiper-button-prev,.cultural-relics-hos-2 .swiper-button-next {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cultural-relics-hos-2 .swiper-button-prev::before,.cultural-relics-hos-2 .swiper-button-next::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    display: block
}

.cultural-relics-hos-2 .swiper-button-prev {
    left: 5.714285714%
}

.cultural-relics-hos-2 .swiper-button-prev::before {
    content: '\e504'
}

.cultural-relics-hos-2 .swiper-button-next {
    right: 5.714285714%
}

.cultural-relics-hos-2 .swiper-button-next::before {
    content: '\e505'
}

.cultural-relics-hos-3 {
    margin-top: 7.29167vw;
    color: #4b2827
}

.cultural-relics-hos-3 .j-title .j-t1 {
    color: #4b2827
}

.cultural-relics-hos-3 .tab-mod {
    margin-top: 55px
}

.cultural-relics-hos-3 .tab-mod .tab-bar {
    position: relative;
    max-width: 906px;
    margin: auto
}

.cultural-relics-hos-3 .tab-mod .tab-bar .tab-term {
    padding: 0 38px 53px;
    position: relative
}

.cultural-relics-hos-3 .tab-mod .tab-bar .tab-term.cur {
    color: #4b2827
}

.cultural-relics-hos-3 .tab-mod .tab-bar .tab-term.cur .cur-icon {
    display: block
}

.cultural-relics-hos-3 .tab-mod .tab-bar .xicon {
    position: absolute;
    top: 32px;
    color: #4b2827
}

.cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-prev {
    right: calc(100% + 27px)
}

.cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-next {
    left: calc(100% + 27px)
}

.cultural-relics-hos-3 .tab-mod .tab-bar .cur-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 28px;
    display: none
}

.cultural-relics-hos-3 .tab-mod .tab-bar .cur-icon::before {
    content: '';
    border: 8px solid transparent;
    display: block;
    border-top-color: #4b2827;
    border-top-width: 12px;
    border-bottom-width: 0
}

.cultural-relics-hos-3 .tab-mod .tab-bar .cur-icon::after {
    content: '';
    display: block;
    border-left: 1px dashed #c7a39c;
    height: 28px;
    position: absolute;
    top: calc(100% - 28px);
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cultural-relics-hos-3 .tab-mod .tab-cont {
    position: relative
}

.cultural-relics-hos-3 .tab-mod .tab-cont .tab-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.cultural-relics-hos-3 .tab-mod .tab-cont .tab-item.act {
    position: relative;
    z-index: 2
}

.cultural-relics-hos-3 .icon {
    width: 106px;
    position: relative;
    overflow: hidden;
    background: url() no-repeat center;
    background-size: contain;
    margin: auto
}

.cultural-relics-hos-3 .icon::before {
    content: '';
    display: block;
    padding-top: 91.50943%
}

.cultural-relics-hos-3 .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-relics-hos-3 .tab-term:nth-of-type(5n) .icon{
    background-image: url(../images/png85.png)
}

.cultural-relics-hos-3 .tab-term:nth-of-type(5n+1) .icon {
    background-image: url(../images/png86.png)
}

.cultural-relics-hos-3 .tab-term:nth-of-type(5n+2) .icon {
    background-image: url(../images/png87.png)
}

.cultural-relics-hos-3  .tab-term:nth-of-type(5n+3) .icon {
    background-image: url(../images/png88.png)
}

.cultural-relics-hos-3 .tab-term:nth-of-type(5n+4) .icon {
    background-image: url(../images/png89.png)
}

.cultural-relics-hos-3 .txt {
    font-size: 18px;
    margin-top: 2px
}

@media (max-width: 768px) {
    .cultural-relics-hos-3 .txt {
        font-size:16px
    }
}

.cultural-relics-hos-3 .flex {
    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;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4e8e0), to(#f8f1ec));
    background: linear-gradient(#f4e8e0, #f8f1ec);
    padding: 3.64583vw 10.41667vw 4.94792vw 9.63542vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cultural-relics-hos-3 .img {
    width: 49.3096646%;
    position: relative;
    overflow: hidden
}

.cultural-relics-hos-3 .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.cultural-relics-hos-3 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-relics-hos-3 .img .i {
    width: 100%
}

.cultural-relics-hos-3 .txt-box {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 5.20833vw
}

.cultural-relics-hos-3 .txt-box .list {
    margin-top: 30px;
    padding-top: 33px;
    border-top: 1px dashed #9b5c50;
    font-size: 18px
}

@media (max-width: 768px) {
    .cultural-relics-hos-3 .txt-box .list {
        font-size:16px
    }
}

.cultural-relics-hos-3 .txt-box .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cultural-relics-hos-3 .txt-box .list .li+.li {
    margin-top: 9px
}

.cultural-relics-hos-3 .txt-box .list .li-l {
    width: 5em
}

.cultural-relics-hos-3 .txt-box .list .li-r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

@media (min-width: 769px) {
    .cultural-relics-hos-1 .cloud .item {
        -webkit-transition:all 1.8s;
        transition: all 1.8s;
        opacity: 0;
        visibility: hidden
    }

    .cultural-relics-hos-1 .cloud .item:nth-child(1) {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .cultural-relics-hos-1 .cloud .item:nth-child(2) {
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .cultural-relics-hos-1.show .cloud .item {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1920px) {
    .cultural-relics-hos-3 .flex {
        padding:70px 200px 95px 185px
    }
}

@media (max-width: 1400px) {
    .cultural-relics-hos-1 {
        padding:120px 0 500px
    }

    .cultural-relics-hos-1 .cont {
        padding: 0 200px
    }

    .cultural-relics-hos-2 .text {
        padding: 0 20px
    }

    .cultural-relics-hos-2 .text .l-title-box {
        padding-bottom: 15px;
        margin-bottom: 10px
    }
}

@media (max-width: 1100px) {
    .cultural-relics-hos-3 .tab-mod .tab-bar {
        padding:0 50px;
        max-width: 100%
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-prev {
        right: auto;
        left: 10px
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-next {
        left: auto;
        right: 10px
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .tab-term {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (max-width: 1024px) {
    .cultural-relics-hos-1 .cont {
        padding:0
    }

    .cultural-relics-hos-2 {
        margin: 0
    }

    .cultural-relics-hos-2 .padd {
        display: block
    }

    .cultural-relics-hos-2 .img {
        width: 100%
    }

    .cultural-relics-hos-2 .text {
        width: 100%;
        padding: 20px
    }

    .cultural-relics-hos-3 .flex {
        padding: 20px
    }
}

@media (max-width: 768px) {
    .cultural-relics-hos-bg {
        padding-bottom:40px
    }

    .cultural-relics-hos-1 {
        background-position: top center;
        padding-top: 40px
    }

    .cultural-relics-hos-1 .x-wrap {
        position: relative
    }

    .cultural-relics-hos-1 .cloud {
        background-size: cover;
        top: 0
    }

    .cultural-relics-hos-1 .cloud::before {
        padding: 0
    }

    .cultural-relics-hos-1 .p-box {
        margin-top: 10px
    }

    .cultural-relics-hos-1 .p-box .p+.p {
        margin-top: 10px
    }

    .cultural-relics-hos-1 .j-more {
        margin-top: 20px
    }

    .cultural-relics-hos-2 {
        margin: -120px 0 0
    }

    .cultural-relics-hos-2 .swiper-slide {
        width: 100%;
        -webkit-transform: none !important;
        transform: none !important;
        opacity: 0
    }

    .cultural-relics-hos-2 .swiper-slide.swiper-slide-active {
        opacity: 1
    }

    .cultural-relics-hos-2 .swiper-button-prev,.cultural-relics-hos-2 .swiper-button-next {
        width: 35px;
        height: 35px;
        top: 28%;
        -webkit-transform: none;
        transform: none
    }

    .cultural-relics-hos-2 .text {
        padding: 10px
    }

    .cultural-relics-hos-2 .text .l-title-box {
        padding-bottom: 10px
    }

    .cultural-relics-hos-2 .text .scroll1 {
        margin-top: 5px
    }

    .cultural-relics-hos-3 {
        margin-top: 40px
    }

    .cultural-relics-hos-3 .tab-mod {
        margin-top: 20px
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar {
        padding: 0 40px
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .tab-term {
        padding-left: 10px;
        padding-right: 10px
    }

    .cultural-relics-hos-3 .icon {
        width: 70px
    }

    .cultural-relics-hos-3 .flex {
        display: block;
        padding: 20px
    }

    .cultural-relics-hos-3 .img {
        width: 100%
    }

    .cultural-relics-hos-3 .txt-box {
        width: 100%;
        margin-top: 20px
    }

    .cultural-relics-hos-3 .txt-box .list {
        margin-top: 10px;
        padding-top: 10px
    }

    .cultural-relics-hos-3 .txt-box .list .li+.li {
        margin-top: 5px
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-prev {
        left: 0
    }

    .cultural-relics-hos-3 .tab-mod .tab-bar .xicon.tracker-next {
        right: 0
    }
}

a.mask {
    z-index: 9;
    background: rgba(0,0,0,0)
}

.cultural-detail-1 {
    background: url(../images/hy/jpg39.jpg) no-repeat top center;
    background-size: cover;
    padding: 11.6666666vw 0 6.25vw
}

.cultural-detail-1 .cont-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cultural-detail-1 .cont-1 .slick-box {
    width: 46.7142857%
}

.cultural-detail-1 .cont-1 .slick-box .demo5 {
    background: url(../images/hy/jpg94.jpg) no-repeat center;
    background-size: cover
}

.cultural-detail-1 .cont-1 .slick-box .demo5 .img {
    position: relative;
    overflow: hidden
}

.cultural-detail-1 .cont-1 .slick-box .demo5 .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.cultural-detail-1 .cont-1 .slick-box .demo5 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-1 .cont-1 .slick-box .demo6 {
    margin-top: 10px;
    padding: 0 45px
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .img {
    padding: 10px;
    position: relative;
    cursor: pointer
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .img .pd {
    position: relative;
    overflow: hidden
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .img .pd::before {
    content: '';
    display: block;
    padding-top: 100%
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .img .pd .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-center .img {
    padding: 6px
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-center .img .pd {
    border: 4px solid #475d39
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #4b3627;
    display: block
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-prev {
    left: 15px
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-prev::before {
    content: '\e504'
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-next {
    right: 15px
}

.cultural-detail-1 .cont-1 .slick-box .demo6 .slick-next::before {
    content: '\e505'
}

.cultural-detail-1 .cont-1 .intro-box {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 4.6875vw;
    margin-top: 10px
}

.cultural-detail-1 .cont-1 .intro-box .intro-tit {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    color: #4b3627
}

@media (max-width: 768px) {
    .cultural-detail-1 .cont-1 .intro-box .intro-tit {
        font-size:22px
    }
}

.cultural-detail-1 .cont-1 .intro-box .scroll-mod {
    color: #785c48;
    font-size: 18px;
    margin-top: 28px;
    max-height: 200px
}

body:not(.lang-en) .cultural-detail-1 .cont-1 .intro-box .scroll-mod {
    text-align: justify;
    text-justify: inter-ideograph
}

@media (max-width: 768px) {
    .cultural-detail-1 .cont-1 .intro-box .scroll-mod {
        font-size:16px
    }
}

.cultural-detail-1 .cont-1 .intro-box .scroll-mod .p+.p {
    margin-top: 25px
}

.cultural-detail-1 .cont-1 .intro-box .info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.125vw
}

.cultural-detail-1 .cont-1 .intro-box .info-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 50px;
    width: 50%;
    position: relative
}

.cultural-detail-1 .cont-1 .intro-box .info-box .item:nth-child(1) {
    padding-left: 0
}

.cultural-detail-1 .cont-1 .intro-box .info-box .item:nth-child(2) {
    padding-right: 0
}

.cultural-detail-1 .cont-1 .intro-box .info-box .item:nth-child(2)::before {
    content: '';
    position: absolute;
    border-left: 1px dashed #c89f70;
    height: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.cultural-detail-1 .cont-1 .intro-box .info-box .icon {
    width: 52px;
    position: relative;
    overflow: hidden;
    margin-right: 20px
}

.cultural-detail-1 .cont-1 .intro-box .info-box .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.cultural-detail-1 .cont-1 .intro-box .info-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-1 .cont-1 .intro-box .info-box .txt-box {
    color: #4b3627;
    font-size: 22px;
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all
}

@media (max-width: 768px) {
    .cultural-detail-1 .cont-1 .intro-box .info-box .txt-box {
        font-size:18px
    }
}

.cultural-detail-1 .cont-1 .intro-box .info-box .txt-box .t+.t {
    font-size: 18px
}

@media (max-width: 768px) {
    .cultural-detail-1 .cont-1 .intro-box .info-box .txt-box .t+.t {
        font-size:16px
    }
}

.cultural-detail-1 .cont-1 .intro-box .shop-box {
    margin-top: 3.64583vw
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item {
    position: relative;
    border-top: 1px dashed #c9a173;
    border-bottom: 1px dashed #c9a173;
    height: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 485px;
    margin: 0 30px
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item+.item {
    margin-top: 20px
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item::before,.cultural-detail-1 .cont-1 .intro-box .shop-box .item::after {
    content: '';
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    background: url(../images/hy/png34.png) no-repeat right center;
    background-size: contain;
    right: 100%
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item::after {
    background-image: url(../images/hy/png35.png);
    left: 100%;
    right: auto;
    background-position: left center
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item .pd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item .icon {
    width: 53px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item .icon::before {
    content: '';
    display: block;
    padding-top: 95.71429%
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-1 .cont-1 .intro-box .shop-box .item .t {
    color: #4b3627;
    font-size: 18px
}

@media (max-width: 768px) {
    .cultural-detail-1 .cont-1 .intro-box .shop-box .item .t {
        font-size:16px
    }
}

.cultural-detail-1 .cont-2 {
    padding: 8.33333333vw 0 0
}

.cultural-detail-1 .cont-2 .j-title .j-t1 {
    color: #4b3627
}

.cultural-detail-1 .cont-2 .article-cont {
    margin-top: 55px;
    color: #785c48
}

.cultural-detail-1 .cont-2 .article-cont p+p,.cultural-detail-1 .cont-2 .article-cont .p+.p {
    margin-top: 1em
}

.cultural-detail-1 .cont-2 .article-cont .img {
    margin: 1em 0
}

.cultural-detail-1 .cont-2 .article-cont iframe,.cultural-detail-1 .cont-2 .article-cont video,.cultural-detail-1 .cont-2 .article-cont img {
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.cultural-detail-2 {
    background: url(../images/hy/jpg38.jpg) no-repeat center;
    background-size: cover;
    padding: 7.8125vw 0 6.25vw
}

.cultural-detail-2 .j-title .j-t1 {
    color: #4b3627;
    line-height: 1.3
}

.cultural-detail-2 .title-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

.cultural-detail-2 .title-box .l-box {
    margin-right: 80px
}

.cultural-detail-2 .title-box .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #4b3627;
    font-size: 18px;
    margin-bottom: 13px
}

@media (max-width: 768px) {
    .cultural-detail-2 .title-box .r-box {
        font-size:16px
    }
}

.cultural-detail-2 .title-box .r-box .r-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.cultural-detail-2 .title-box .r-box .r-item+.r-item {
    margin-left: 80px
}

.cultural-detail-2 .title-box .r-box .icon {
    width: 70px;
    position: relative;
    overflow: hidden;
    margin-right: 15px
}

.cultural-detail-2 .title-box .r-box .icon::before {
    content: '';
    display: block;
    padding-top: 95.71429%
}

.cultural-detail-2 .title-box .r-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-2 .title-box .r-box .arr {
    width: 24px;
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.cultural-detail-2 .title-box .r-box .arr::before {
    content: '';
    display: block;
    padding-top: 58.33333%
}

.cultural-detail-2 .title-box .r-box .arr .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-2 .title-box .r-box .t {
    color: #4b3627;
    font-size: 18px
}

@media (max-width: 768px) {
    .cultural-detail-2 .title-box .r-box .t {
        font-size:16px
    }
}

.cultural-detail-2 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #e6dfc9
}

.cultural-detail-2 .cont .tit {
    color: #ffe596;
    font-size: 26px;
    font-family: 'dfdk'
}

@media (max-width: 768px) {
    .cultural-detail-2 .cont .tit {
        font-size:20px
    }
}

.cultural-detail-2 .cont .child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #475d39;
    padding: 60px 60px
}

.cultural-detail-2 .cont .child+.child {
    margin-left: 1px;
    background: #3b465e
}

.cultural-detail-2 .cont .c-cont {
    margin-top: 25px
}

.cultural-detail-2 .cont .i-t-cont {
    font-size: 20px
}

@media (max-width: 768px) {
    .cultural-detail-2 .cont .i-t-cont {
        font-size:18px
    }
}

body:not(.lang-en) .cultural-detail-2 .cont .scroll-mod {
    text-align: justify;
    text-justify: inter-ideograph
}

.cultural-detail-2 .cont .c-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cultural-detail-2 .cont .c-cont .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px
}

.cultural-detail-2 .cont .c-cont .item+.item {
    margin: 0
}

.cultural-detail-2 .cont .c-cont .icon {
    width: 37px;
    position: relative;
    overflow: hidden;
    margin-right: 20px
}

.cultural-detail-2 .cont .c-cont .icon::before {
    content: '';
    display: block;
    padding-top: 89.18919%
}

.cultural-detail-2 .cont .c-cont .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.cultural-detail-2 .cont .c-cont .txt-box {
    line-height: 1.4
}

@media (max-width: 1430px) {
    .cultural-detail-1 .cont-1 .intro-box .info-box .item {
        padding:0 20px
    }

    .cultural-detail-2 .cont .child {
        padding: 40px
    }

    .cultural-detail-2 .cont .c-cont {
        margin-top: 15px
    }

    .cultural-detail-2 .cont .c-cont .item {
        margin: 0 0 20px
    }
}

@media (max-width: 1200px) {
    .cultural-detail-2 .title-box {
        display:block
    }

    .cultural-detail-2 .title-box .l-box {
        margin-right: 0;
        text-align: center
    }

    .cultural-detail-2 .title-box .r-box {
        margin: 15px 0 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cultural-detail-2 .title-box .r-box .r-item+.r-item {
        margin-left: 20px
    }
}

@media (max-width: 1024px) {
    .cultural-detail-1 .cont-1 {
        display:block
    }

    .cultural-detail-1 .cont-1 .slick-box {
        width: 100%
    }

    .cultural-detail-1 .cont-1 .demo5 {
        display: none
    }

    .cultural-detail-1 .cont-1 .slick-box .demo6 {
        margin-top: 0;
        padding: 0 20px
    }

    .cultural-detail-1 .cont-1 .slick-box .demo6 .slick-prev {
        left: 0
    }

    .cultural-detail-1 .cont-1 .slick-box .demo6 .slick-next {
        right: 0
    }

    .cultural-detail-1 .cont-1 .slick-box .demo6 .img {
        padding: 0
    }

    .cultural-detail-1 .cont-1 .intro-box .info-box .icon {
        width: 30px
    }

    .cultural-detail-1 .cont-1 .intro-box {
        width: 100%;
        margin-left: 0;
        margin-top: 20px
    }

    .cultural-detail-1 .cont-1 .intro-box .shop-box {
        padding: 0 30px
    }

    .cultural-detail-1 .cont-1 .intro-box .shop-box .item {
        margin: auto;
        height: 50px
    }

    .cultural-detail-1 .cont-1 .intro-box .shop-box .item .icon {
        width: 30px
    }

    .cultural-detail-1 .cont-1 .intro-box .scroll-mod {
        margin-top: 15px
    }

    .cultural-detail-1 .cont-1 .intro-box .scroll-mod .p+.p {
        margin-top: 5px
    }
}

@media (max-width: 768px) {
    .cultural-detail-1 {
        padding:40px 0
    }

    .cultural-detail-1 .cont-1 .intro-box .info-box {
        display: block
    }

    .cultural-detail-1 .cont-1 .intro-box .info-box .item {
        width: 100%;
        padding: 0
    }

    .cultural-detail-1 .cont-1 .intro-box .info-box .item:nth-child(2) {
        margin-top: 10px
    }

    .cultural-detail-1 .cont-1 .intro-box .info-box .item:nth-child(2)::before {
        display: none
    }

    .cultural-detail-1 .cont-2 .article-cont iframe,.cultural-detail-1 .cont-2 .article-cont video,.cultural-detail-1 .cont-2 .article-cont img {
        display: block;
        width: 100%
    }

    .cultural-detail-2 {
        padding: 40px 0
    }

    .cultural-detail-2 .title-box .r-box .icon {
        width: 45px
    }

    .cultural-detail-2 .title-box .r-box .arr {
        width: 15px;
        margin-top: 5px
    }

    .cultural-detail-2 .cont {
        margin-top: 15px;
        display: block
    }

    .cultural-detail-2 .cont .child {
        padding: 20px
    }

    .cultural-detail-2 .cont .c-cont {
        margin-top: 10px
    }

    .cultural-detail-2 .cont .child+.child {
        margin: 1px 0 0
    }

    .cultural-detail-2 .cont .c-cont .icon {
        width: 25px;
        margin-right: 10px
    }
}

.exhibition-info-box {
    font-size: 18px;
    margin-top: 40px
}

@media (max-width: 768px) {
    .exhibition-info-box {
        font-size:16px
    }
}

.exhibition-info-box .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #4b3627
}

.exhibition-info-box .info-item+.info-item {
    margin-top: 10px
}

.exhibition-info-box .icon {
    width: 20px;
    position: relative;
    overflow: hidden;
    background: url(../images/icon10.png) no-repeat center;
    background-size: contain;
    margin: 2px 10px 0 0
}

.exhibition-info-box .icon::before {
    content: '';
    display: block;
    padding-top: 115%
}

.exhibition-info-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-info-box .icon.add {
    background-image: url(../images/icon11.png)
}

.exhibition-info-box .t {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.exhibition-1 {
    background: url(../images/hy/jpg22.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding: 11.5625vw 0 0
}

.exhibition-1 .light-box .light {
    top: 0;
    left: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute;
    background: url(../images/hy/png11.png) no-repeat center;
    background-size: contain;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 5.2s;
    transition: all 5.2s
}

.exhibition-1 .light-box .light::before {
    content: '';
    display: block;
    padding-top: 67.55208%
}

.exhibition-1 .light-box .light .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .light-box.show .light {
    opacity: 1;
    visibility: visible
}

.exhibition-1 .j-title .j-t1 {
    color: #4b3627
}

.exhibition-1 .box-1 {
    position: relative;
    z-index: 1
}

.exhibition-1 .box-1 .cont {
    position: relative;
    margin-top: 25px
}

.exhibition-1 .box-1 .cont::before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/png13.png) no-repeat left center;
    background-size: auto 100%
}

.exhibition-1 .box-1 .cont .pd {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.exhibition-1 .box-1 .certify {
    width: 50%;
    position: relative;
    padding: 70px 0 45px 14.2857142%
}

.exhibition-1 .box-1 .certify .swiper-container {
    padding: 20px 0
}

.exhibition-1 .box-1 .certify .swiper-slide {
    width: 80%
}

.exhibition-1 .box-1 .certify .swiper-slide.swiper-slide-prev .img,.exhibition-1 .box-1 .certify .swiper-slide.swiper-slide-next .img {
    opacity: 0.4
}

.exhibition-1 .box-1 .certify .swiper-slide.swiper-slide-active .img {
    opacity: 1
}

.exhibition-1 .box-1 .certify .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-box-shadow: 3.597px 3.473px 20px 0px rgba(50,21,7,0.45);
    box-shadow: 3.597px 3.473px 20px 0px rgba(50,21,7,0.45);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.exhibition-1 .box-1 .certify .img::before {
    content: '';
    display: block;
    padding-top: 136.75%
}

.exhibition-1 .box-1 .certify .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-1 .certify .img .i {
    width: 100%
}

.exhibition-1 .box-1 .certify .arr-box {
    position: absolute;
    left: calc(100% + 2.60416666vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 135px
}

.exhibition-1 .box-1 .certify .arr-box .swiper-button-prev,.exhibition-1 .box-1 .certify .arr-box .swiper-button-next {
    width: 48px;
    height: 48px;
    border: 1px solid #87644a;
    border-radius: 50%;
    background: transparent;
    position: static;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.exhibition-1 .box-1 .certify .arr-box .swiper-button-prev::before,.exhibition-1 .box-1 .certify .arr-box .swiper-button-next::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #88654b;
    display: block
}

.exhibition-1 .box-1 .certify .arr-box .swiper-button-prev::before {
    content: '\e504'
}

.exhibition-1 .box-1 .certify .arr-box .swiper-button-next {
    margin-left: 15px
}

.exhibition-1 .box-1 .certify .arr-box .swiper-button-next::before {
    content: '\e505'
}

.exhibition-1 .box-1 .txt-box {
    position: relative;
    width: 335px;
    margin: 8.85417vw 0 0 2.60417vw
}

.exhibition-1 .box-1 .txt-box .item {
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.exhibition-1 .box-1 .txt-box .item.act {
    position: relative;
    z-index: 2;
    opacity: 1;
    visibility: visible
}

.exhibition-1 .box-1 .txt-box .tit {
    font-size: 26px;
    color: #4b3627;
    font-weight: bold
}

@media (max-width: 768px) {
    .exhibition-1 .box-1 .txt-box .tit {
        font-size:20px
    }
}

.exhibition-1 .box-1 .txt-box .p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 7.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #785c48;
    margin-top: 13px
}

body:not(.lang-en) .exhibition-1 .box-1 .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.exhibition-1 .bg-img {
    width: 100%;
    height: 100%;
    background: url(../images/hy/png14.png) no-repeat top right;
    background-size: 80% auto;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2
}

.exhibition-1 .box-2 {
    position: relative;
    z-index: 3;
    padding: 6.40624999vw 0 0
}

.exhibition-1 .box-2 .p {
    color: #4b3627;
    max-width: 995px;
    margin: 32px auto 0;
    line-height: 1.4
}

.exhibition-1 .box-2 .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 65px;
    position: relative;
    z-index: 9
}

.exhibition-1 .box-2 .btn-box .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 102px;
    height: 102px;
    margin: 0 37px
}

.exhibition-1 .box-2 .btn-box .item::before {
    content: '';
    position: absolute;
    width: 133.333333%;
    height: 133.333333%;
    background: url(../images/png61.png) no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-animation: animat-round 80s infinite;
    animation: animat-round 80s infinite;
    margin: -66.6666665% 0 0 -66.6666665%
}

.exhibition-1 .box-2 .btn-box .item .pd {
    position: relative;
    z-index: 2;
    padding-top: 5px
}

.exhibition-1 .box-2 .btn-box .item:nth-child(2)::before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.exhibition-1 .box-2 .btn-box .item:nth-child(3)::before {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.exhibition-1 .box-2 .btn-box .icon {
    width: 38px;
    position: relative;
    overflow: hidden;
    margin: auto
}

.exhibition-1 .box-2 .btn-box .icon::before {
    content: '';
    display: block;
    padding-top: 78.94737%
}

.exhibition-1 .box-2 .btn-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-2 .btn-box .t {
    font-size: 18px;
    color: #ffe596;
    font-weight: bold;
    text-align: center;
    margin-top: 3px
}

@media (max-width: 768px) {
    .exhibition-1 .box-2 .btn-box .t {
        font-size:16px
    }
}

.exhibition-1 .box-2 .cont {
    position: relative;
    padding: 176px 0 55px;
    margin-top: -10px
}

.exhibition-1 .box-2 .cont .c-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    background: url(../images/hy/jpg56.jpg) no-repeat top center;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none
}

.exhibition-1 .box-2 .cont .svg-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none
}

.exhibition-1 .box-2 .cont .mores {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

.exhibition-1 .box-2 .cont .mores .j-more {
    color: #ffe596
}

.exhibition-1 .box-2 .cont .mores .j-more .j-x {
    border-color: #dac7ab
}

.exhibition-1 .box-2 .cont .mores .j-more .j-y1 {
    background-image: url(../images/icon6-1.png)
}

.exhibition-1 .box-2 .cont .mores .j-more .j-y2 {
    background-color: #dac7ab
}

.exhibition-1 .box-2 .cont .tracker-mod {
    z-index: 1;
    position: relative
}

.exhibition-1 .box-2 .cont .tracker-mod .tracker-box {
    overflow: visible
}

.exhibition-1 .box-2 .cont .tracker-mod .xicon {
    display: none
}

.exhibition-1 .box-2 .cont .tracker-item {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -webkit-transform-origin: center -176px;
    transform-origin: center -176px
}

.exhibition-1 .box-2 .cont .brand-box {
    position: relative;
    overflow: hidden;
    overflow: visible;
    width: 134px;
    margin: 0 35px
}

.exhibition-1 .box-2 .cont .brand-box::before {
    content: '';
    display: block;
    padding-top: 397.76119%
}

.exhibition-1 .box-2 .cont .brand-box .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-2 .cont .brand-box::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 2px dashed #ffe49a;
    bottom: 93.4333958%;
    top: -176px
}

.exhibition-1 .box-2 .cont .bg {
    background: url() no-repeat center;
    width: 137.313432%;
    height: 108.067542%;
    top: 50%;
    left: -18.65671641%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    pointer-events: none
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+1) .bg{
    background-image: url(../images/hy/png15.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+2) .bg{
    background-image: url(../images/hy/png16.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+3) .bg{
    background-image: url(../images/hy/png17.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+4) .bg{
    background-image: url(../images/hy/png18.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+5) .bg{
    background-image: url(../images/hy/png19.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n+6) .bg{
    background-image: url(../images/hy/png20.png);
}
.exhibition-1 .box-2 .cont .tracker-item:nth-of-type(7n) .bg{
    background-image: url(../images/hy/png21.png);
}
.exhibition-1 .box-2 .cont .bg .lotus {
    width: 129.8913043%;
    position: relative;
    overflow: hidden;
    position: absolute;
    background: url(../images/hy/png22.png) no-repeat center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1.313320825%;
    background-size: contain;
    pointer-events: none
}

.exhibition-1 .box-2 .cont .bg .lotus::before {
    content: '';
    display: block;
    padding-top: 54.39331%
}

.exhibition-1 .box-2 .cont .bg .lotus .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-2 .cont .bg .smoke-1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    background: url(../images/hy/png24.png) no-repeat center;
    background-size: contain;
    width: 22.28260869%;
    bottom: 16.84027777%;
    left: 1.086956521%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    pointer-events: none
}

.exhibition-1 .box-2 .cont .bg .smoke-1::before {
    content: '';
    display: block;
    padding-top: 180.4878%
}

.exhibition-1 .box-2 .cont .bg .smoke-1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-2 .cont .bg .smoke-2 {
    position: relative;
    overflow: hidden;
    position: absolute;
    background: url(../images/hy/png23.png) no-repeat center;
    background-size: contain;
    width: 32.60869565%;
    bottom: 40.97222222%;
    right: -6.52173913%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    pointer-events: none
}

.exhibition-1 .box-2 .cont .bg .smoke-2::before {
    content: '';
    display: block;
    padding-top: 205%
}

.exhibition-1 .box-2 .cont .bg .smoke-2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-1 .box-2 .cont .txt-box {
    color: #ffe596;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: normal
}

body:not(.lang-en) .exhibition-1 .box-2 .cont .txt-box {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.exhibition-1 .box-2 .cont .txt-box .txt-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    max-height: 100%;
    padding: 60px 0
}

@media (max-width: 768px) {
    .exhibition-1 .box-2 .cont .txt-box .txt-1 {
        font-size:18px
    }
}

.exhibition-1 .box-2 .cont .txt-box .txt-1 .t-1-child+.t-1-child {
    margin-top: 28px
}

.exhibition-1 .box-2 .cont .txt-box .txt-2 {
    font-size: 16px;
    padding: 60px 0;
    line-height: 1.4;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    text-align: left;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.exhibition-1 .box-2 .cont .txt-box .txt-2 .txt-2-pd {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.exhibition-2 {
    background: url(../images/hy/jpg23.jpg) no-repeat center bottom;
    background-size: cover;
    padding: 6.25vw 0 6.25vw
}

.exhibition-2 .tab-mod .tab-bar {
    font-family: 'dfdk';
    font-size: 36px;
    line-height: 1.2;
    color: #9c8371;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (max-width: 1680px) {
    .exhibition-2 .tab-mod .tab-bar {
        font-size:32px
    }
}

@media (max-width: 768px) {
    .exhibition-2 .tab-mod .tab-bar {
        font-size:24px
    }
}

.exhibition-2 .tab-mod .tab-bar .tab-term {
    position: relative
}

.exhibition-2 .tab-mod .tab-bar .tab-term+.tab-term {
    margin-left: 85px
}

.exhibition-2 .tab-mod .tab-bar .tab-term.cur {
    color: #4b3627;
    font-size: 44px;
    line-height: 1.1
}

@media (max-width: 1680px) {
    .exhibition-2 .tab-mod .tab-bar .tab-term.cur {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .exhibition-2 .tab-mod .tab-bar .tab-term.cur {
        font-size:28px
    }
}

.exhibition-2 .tab-mod .tab-bar .tab-term.cur::before {
    content: '';
    width: 72px;
    height: 14px;
    background: url(../images/hy/png10.png) repeat-x;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: calc(100% + 10px)
}

.exhibition-2 .tab-mod .tab-cont {
    position: relative
}

.exhibition-2 .tab-mod .tab-cont .tab-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.exhibition-2 .tab-mod .tab-cont .tab-item.act {
    position: relative;
    z-index: 2
}

.exhibition-2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 35px -20px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.exhibition-2 .list .li {
    width: calc((100% - 80px) / 2);
    background: #f5f1e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px;
    position: relative
}

.exhibition-2 .list .li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    z-index: 9;
    display: block
}

.exhibition-2 .list .img {
    width: 50%;
    position: relative;
    overflow: hidden
}

.exhibition-2 .list .img::before {
    content: '';
    display: block;
    padding-top: 136.76471%
}

.exhibition-2 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-2 .list .txt-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.exhibition-2 .list .txt-box .pd {
    width: 100%;
    padding: 0 45px 0 45px
}

.exhibition-2 .list .txt-box .tit {
    color: #4b3627;
    font-size: 26px;
    font-weight: bold
}

@media (max-width: 768px) {
    .exhibition-2 .list .txt-box .tit {
        font-size:20px
    }
}

.exhibition-2 .list .txt-box .p {
    color: #785c48;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 13px
}

.exhibition-2 .list .txt-box .info-box {
    font-size: 18px;
    margin-top: 40px
}

@media (max-width: 768px) {
    .exhibition-2 .list .txt-box .info-box {
        font-size:16px
    }
}

.exhibition-2 .list .txt-box .info-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.exhibition-2 .list .txt-box .info-box .item+.item {
    margin-top: 10px
}

.exhibition-2 .list .txt-box .info-box .icon {
    width: 20px;
    position: relative;
    overflow: hidden;
    background: url(../images/icon10.png) no-repeat center;
    background-size: contain;
    margin: 2px 10px 0 0
}

.exhibition-2 .list .txt-box .info-box .icon::before {
    content: '';
    display: block;
    padding-top: 115%
}

.exhibition-2 .list .txt-box .info-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-2 .list .txt-box .info-box .icon.add {
    background-image: url(../images/icon11.png)
}

.exhibition-2 .list .txt-box .info-box .t {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.exhibition-2 .mores {
    position: absolute;
    right: 0;
    bottom: calc(100% + 55px)
}

.exhibition-2 .j-more {
    color: #4b3627
}

.exhibition-2 .j-more .j-x {
    border-color: #dac7ab
}

.exhibition-2 .j-more .j-y1 {
    background-image: url(../images/icon6-1.png)
}

.exhibition-2 .j-more .j-y2 {
    background-color: #dac7ab
}

@media (min-width: 1920px) {
    .exhibition-1 .box-1 .txt-box {
        margin-top:170px
    }
}

@media (min-width: 769px) {
    .exhibition-1 .box-2 .tracker-item:nth-child(1) {
        -webkit-animation:mark_blowing 2.2s forwards ease-in-out -1s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -1s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(2) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -0.1s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -0.1s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(3) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -0.3s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -0.3s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(4) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -0.5s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -0.5s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(5) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -2s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -2s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(6) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -1.3s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -1.3s infinite alternate
    }

    .exhibition-1 .box-2 .tracker-item:nth-child(7) {
        -webkit-animation: mark_blowing 2.2s forwards ease-in-out -1.5s infinite alternate;
        animation: mark_blowing 2.2s forwards ease-in-out -1.5s infinite alternate
    }

    .exhibition-1 .box-2 .cont .bg .lotus,.exhibition-1 .box-2 .cont .bg .smoke-1,.exhibition-1 .box-2 .cont .bg .smoke-2 {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 1.2s;
        transition: all 1.2s
    }

    .exhibition-1 .box-2 .cont .bg .lotus {
        bottom: -3%
    }

    .exhibition-1 .box-2 .cont .brand-box {
        -webkit-transition: all 0.6s;
        transition: all 0.6s
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover {
        z-index: 9
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box .txt-1 {
        opacity: 0;
        visibility: hidden
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box .txt-2 {
        opacity: 1;
        visibility: visible
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box .lotus {
        opacity: 1;
        visibility: visible;
        bottom: -1.313320825%;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box .smoke-1 {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }

    .exhibition-1 .box-2 .cont .tracker-item:hover .brand-box .smoke-2 {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }
}

@media (max-width: 1430px) {
    .exhibition-1 .box-1 .certify .arr-box {
        bottom:90px
    }

    .exhibition-1 .bg-img {
        background-size: 80% auto
    }

    .exhibition-1 .box-2 .cont .txt-box .txt-1 .t-1-child+.t-1-child {
        margin-top: 15px
    }

    .exhibition-1 .box-2 .cont .brand-box {
        width: calc((90vw - 210px) / 7);
        margin: 0 15px
    }

    .exhibition-2 .tab-mod .tab-bar .tab-term+.tab-term {
        margin-left: 40px
    }

    .exhibition-2 .list .txt-box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .exhibition-2 .list .txt-box .pd {
        padding: 0 15px
    }

    .exhibition-2 .list .txt-box .p {
        margin-top: 5px
    }

    .exhibition-info-box {
        margin-top: 10px
    }
}

@media (max-width: 1200px) {
    .exhibition-1 .box-2 .cont .slick-item .brand-box {
        width:200px
    }
}

@media (max-width: 1100px) {
    .exhibition-1 .bg-img {
        display:none
    }

    .exhibition-1 .box-1 .certify .arr-box {
        bottom: 45px
    }

    .exhibition-1 .box-1 .txt-box {
        width: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .exhibition-1 .box-2 .cont {
        margin: 0
    }

    .exhibition-1 .box-2 .cont .brand-box {
        width: 134px;
        margin: 0 35px
    }

    .exhibition-1 .box-2 .cont .tracker-mod {
        padding-bottom: 80px
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon {
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        border: 1px solid #ffe49a;
        border-radius: 50%;
        color: #ffe49a;
        bottom: 0
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon.tracker-prev {
        left: calc(50% - 60px)
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon.tracker-next {
        right: calc(50% - 60px)
    }

    .exhibition-2 .list .txt-box .tit {
        font-size: 18px
    }
}

@media (max-width: 1100px) and (max-width: 768px) {
    .exhibition-2 .list .txt-box .tit {
        font-size:16px
    }
}

@media (max-width: 768px) {
    .exhibition-1 {
        padding:40px 0 0
    }

    .exhibition-1 .box-1 .cont {
        margin-top: 0px;
        padding: 0 0 60px
    }

    .exhibition-1 .box-1 .cont .pd {
        display: block
    }

    .exhibition-1 .box-1 .cont::before {
        display: none
    }

    .exhibition-1 .box-1 .certify {
        width: 100%;
        padding: 0;
        position: static
    }

    .exhibition-1 .box-1 .certify .arr-box {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: auto;
        top: calc(100% + 15px)
    }

    .exhibition-1 .box-1 .certify .arr-box .swiper-button-prev,.exhibition-1 .box-1 .certify .arr-box .swiper-button-next {
        width: 35px;
        height: 35px
    }

    .exhibition-1 .box-1 .txt-box {
        width: 100%;
        margin: 0
    }

    .exhibition-1 .box-2 {
        padding-top: 40px
    }

    .exhibition-1 .box-2 .p {
        margin-top: 15px
    }

    .exhibition-1 .box-2 .btn-box {
        margin-top: 30px
    }

    .exhibition-1 .box-2 .btn-box .item {
        margin: 0 15px;
        width: 75px;
        height: 75px
    }

    .exhibition-1 .box-2 .btn-box .icon {
        width: 25px
    }

    .exhibition-2 {
        padding: 40px 0
    }

    .exhibition-2 .tab-mod .tab-bar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .exhibition-2 .tab-mod .tab-bar .tab-term+.tab-term {
        margin-left: 20px
    }

    .exhibition-2 .tab-mod .tab-bar .tab-term.cur::before {
        top: calc(100% + 5px)
    }

    .exhibition-2 .list {
        margin: 20px 0 0
    }

    .exhibition-2 .list .li {
        width: 100%;
        margin: 20px 0 0
    }

    .exhibition-2 .mores {
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .exhibition-2 .mores .j-more {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .exhibition-1 .box-2 .cont {
        margin-top: 40px;
        padding: 60px 0 40px
    }

    .exhibition-1 .box-2 .cont .brand-box::after,.exhibition-1 .box-2 .cont .bg {
        display: none
    }

    .exhibition-1 .box-2 .cont .txt-box {
        position: static;
        display: block
    }

    body:not(.lang-en) .exhibition-1 .box-2 .cont .txt-box {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .exhibition-1 .box-2 .cont .brand-box {
        width: calc(100vw - 30px);
        margin: 0;
        padding: 0 15px
    }

    .exhibition-1 .box-2 .cont .brand-box::before {
        padding-top: 0
    }

    .exhibition-1 .box-2 .cont .txt-box .txt-1 {
        display: block;
        padding: 0
    }

    .exhibition-1 .box-2 .cont .txt-box .txt-1 .t-1-child+.t-1-child {
        margin-top: 0px
    }

    .exhibition-1 .box-2 .cont .txt-box .txt-2 {
        position: static;
        opacity: 1;
        visibility: visible;
        margin-top: 10px;
        display: block;
        -webkit-transform: none;
        transform: none;
        text-align: center;
        padding: 0
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon {
        width: 35px;
        height: 35px
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon.tracker-prev {
        left: calc(50% - 40px)
    }

    .exhibition-1 .box-2 .cont .tracker-mod .xicon.tracker-next {
        right: calc(50% - 40px)
    }

    .exhibition-1 .box-2 .cont .tracker-mod {
        padding-bottom: 55px
    }

    .exhibition-1 .box-2 .cont .mores {
        margin-top: 20px
    }

    .exhibition-1 .box-2 .cont .txt-box .txt-2 .txt-2-pd {
        -webkit-transform: none;
        transform: none
    }
}

:root {
    --arr-width: 19.7916vw
}

.dz_maps_loding {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: #000000;
    -webkit-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out
}

.dz_maps_loding .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/szbwg/lodbg.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition: all 2.2s ease-in-out;
    transition: all 2.2s ease-in-out
}

.dz_maps_loding .bg.show {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.dz_maps_loding.hide {
    opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    visibility: hidden;
    pointer-events: none
}

.dz_maps_loding .cell {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.dz_maps_loding .cell .con {
    position: relative
}

.dz_maps_loding .cell .con .yun {
    position: relative;
    overflow: hidden;
    position: absolute;
    background: url(../images/szbwg/lh3.png) no-repeat center;
    background-size: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -51%);
    transform: translate(-50%, -51%);
    width: 20.5729vw
}

.dz_maps_loding .cell .con .yun::before {
    content: '';
    display: block;
    padding-top: 146.58228%
}

.dz_maps_loding .cell .con .yun .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.dz_maps_loding .cell .con .lh_wp {
    width: 11.7708vw;
    margin: auto;
    position: relative
}

.dz_maps_loding .cell .con .lh_wp img {
    width: 100%
}

.dz_maps_loding .cell .con .lh_wp .lh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: rotr1 50s linear infinite;
    animation: rotr1 50s linear infinite
}

.dz_maps_loding .cell .txt {
    position: absolute;
    top: 130%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    opacity: 0;
    width: 0
}

.dz_maps_loding .cell .txt.show {
    width: 100vw;
    opacity: 1
}

.dz_maps_loding .cell .txt img {
    height: 88px;
    cursor: pointer
}

.dz_maps_loding #smokeCanvas {
    position: relative
}

.map_lines {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

.map_lines .arr {
    z-index: 1;
    position: absolute;
    width: var(--arr-width);
    height: var(--arr-width);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.map_lines .arr.arr1 {
    top: 0;
    left: 0;
    background-image: url(../images/szbwg/arr1.png)
}

.map_lines .arr.arr2 {
    top: 0;
    right: 0;
    background-image: url(../images/szbwg/arr2.png)
}

.map_lines .arr.arr3 {
    bottom: 0;
    right: 0;
    background-image: url(../images/szbwg/arr3.png)
}

.map_lines .arr.arr4 {
    bottom: 0;
    left: 0;
    background-image: url(../images/szbwg/arr4.png)
}

.map_lines .bar {
    position: absolute
}

.map_lines .bar.bar1 {
    background: url(../images/szbwg/bar1.png) repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    top: 0;
    height: var(--arr-width)
}

.map_lines .bar.bar2 {
    background: url(../images/szbwg/bar2.png) repeat-y;
    background-size: 100% auto;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--arr-width)
}

.map_lines .bar.bar3 {
    background: url(../images/szbwg/bar3.png) repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--arr-width)
}

.map_lines .bar.bar4 {
    background: url(../images/szbwg/bar4.png) repeat-y;
    background-size: 100% auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--arr-width)
}

.map_lines #arrCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.dz_maps1 {
    background-color: #000000;
    width: 100vw;
    height: 100vh;
    position: relative
}

.dz_maps1 .canvas-box {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%
}

.dz_maps1 .map {
    width: 100%;
    height: auto
}

.dz_maps1 canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none
}

.dz_maps1 .point {
    position: absolute;
    width: 1px;
    height: 1px;
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important
}

.dz_maps1 .point * {
    -ms-touch-action: manipulation !important;
    touch-action: manipulation !important
}

.dz_maps1 .point .p {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 53px;
    margin-left: -26px
}

.dz_maps1 .point .p img {
    max-width: 100%
}

.dz_maps1 .link_wp {
    position: fixed;
    bottom: 10vh;
    right: 5vw;
    z-index: 99
}

.dz_maps1 .link_wp .a {
    display: block;
    width: 149px;
    margin-top: 5px
}

.dz_maps1 .link_wp .a img {
    width: 100%
}

.dz_maps1 .btn_fun {
    display: none
}

.dz_maps1 .video-js {
    position: fixed;
    top: 120%;
    left: 120%;
    z-index: -1;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

@media (max-width: 1400px), (max-height: 700px) {
    :root {
        --arr-width: 15vw
    }

    .dz_maps_loding .cell .txt img {
        height: 60px
    }

    .dz_maps1 .point .p {
        width: 40px
    }

    .map_lines #arrCanvas {
        visibility: hidden
    }

    .map_lines .arr.arr1 {
        background-image: url(../images/szbwg/arr1_a.png)
    }

    .map_lines .arr.arr2 {
        background-image: url(../images/szbwg/arr2_a.png)
    }

    .map_lines .arr.arr3 {
        background-image: url(../images/szbwg/arr3_a.png)
    }

    .map_lines .arr.arr4 {
        background-image: url(../images/szbwg/arr4_a.png)
    }

    .dz_maps1 .link_wp .a {
        width: 100px
    }
}

@media (max-width: 1025px) {
    .dz_maps1 .btn_fun {
        position:fixed;
        top: 5vh;
        left: 10vw;
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 28px
    }

    .dz_maps1 .btn_fun .zbtn {
        width: 45px;
        height: 45px;
        background: url(../images/szbwg/link0.png) no-repeat center;
        background-size: contain;
        text-align: center;
        line-height: 45px;
        margin-right: 5px
    }

    .dz_maps_loding .cell .txt img {
        height: 48px
    }
}

@media (max-width: 1000px) {
    :root {
        --arr-width: 18vw
    }

    .dz_maps1 .point .p {
        width: 28px
    }
}

@media (max-width: 768px) {
    :root {
        --arr-width: 36vw
    }

    .dz_maps1 .point .p {
        width: 8vw
    }

    .dz_maps1 .link_wp {
        bottom: 5vh
    }

    .dz_maps1 .link_wp .a {
        width: 80px
    }

    .dz_maps_loding .cell .con .yun {
        width: 60vw
    }

    .dz_maps_loding .cell .con .lh_wp {
        width: 34vw
    }
}

.exhibition-video {
    padding: 11.9791666vw 0 6.25vw;
    background: url(../images/hy/jpg21.jpg) no-repeat bottom center;
    background-size: cover
}

.exhibition-video .j-title .j-t1 {
    color: #4b3627
}

.exhibition-video .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -20px 0
}

.exhibition-video .list .li {
    width: calc((100% - 120px) / 3);
    margin: 40px 20px 0
}

.exhibition-video .list .img {
    position: relative;
    overflow: hidden
}

.exhibition-video .list .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.exhibition-video .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-video .list .img .mask {
    background: url(../images/png8.png) no-repeat bottom center;
    background-size: contain
}

.exhibition-video .list .img .v-btn {
    width: 50px;
    position: relative;
    overflow: hidden;
    background: url(../images/png9.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 40px;
    left: 40px
}

.exhibition-video .list .img .v-btn::before {
    content: '';
    display: block;
    padding-top: 100%
}

.exhibition-video .list .img .v-btn .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.exhibition-video .list .img .i {
    width: 100%
}

.exhibition-video .list .txt-box {
    background: #f5f1e6;
    padding: 33px 40px 30px;
    color: #4b3627
}

.exhibition-video .list .txt-box .tit {
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.44;
    height: 2.88em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .exhibition-video .list .txt-box .tit {
        font-size:18px
    }
}

.exhibition-video .list .txt-box .date {
    font-family: Arial;
    font-size: 18px
}

@media (max-width: 768px) {
    .exhibition-video .list .txt-box .date {
        font-size:16px
    }
}

.exhibition-video .list .txt-box .line-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.exhibition-video .list .txt-box .line-box::before,.exhibition-video .list .txt-box .line-box::after {
    content: '';
    width: 36px;
    height: 14px;
    background: url(../images/hy/png10.png) no-repeat center;
    background-size: contain
}

.exhibition-video .list .txt-box .line-box .line {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    border-top: 1px dashed #dac7ab
}

.exhibition-video .list.waterfall-flow {
    margin-left: 0;
    margin-right: 0;
    display: block
}

.exhibition-video .list.waterfall-flow .li {
    margin-left: 0;
    margin-right: 0;
    width: calc((100% - 80px) / 3)
}

.exhibition-video .list.waterfall-flow .list-width {
    width: calc((100% - 80px) / 3)
}

.exhibition-video .list.waterfall-flow .list-space {
    width: 40px
}

.exhibition-video .list.waterfall-flow .img {
    background: #f5f1e6;
    padding: 4.6875vw 3.38542vw
}

.exhibition-video .list.waterfall-flow .img::before {
    padding: 0
}

.exhibition-video .list.waterfall-flow .img .i {
    position: static;
    -webkit-transform: none;
    transform: none
}

.exhibition-video .list.waterfall-flow .txt-box {
    background: transparent
}

@media (min-width: 769px) {
    .exhibition-video .list .li {
        -webkit-transition:all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out
    }

    .exhibition-video .list .li:hover {
        -webkit-box-shadow: 8.387px 5.446px 35px 0px rgba(114,74,33,0.52);
        box-shadow: 8.387px 5.446px 35px 0px rgba(114,74,33,0.52)
    }

    .exhibition-video .list .li:hover .i {
        -webkit-transform: translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }

    .exhibition-video .list.waterfall-flow .li:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .exhibition-video .list.waterfall-flow .li:hover .i {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 1300px) {
    .exhibition-video .list .txt-box {
        padding:20px
    }
}

@media (max-width: 768px) {
    .exhibition-video {
        padding:40px 0
    }

    .exhibition-video .list {
        margin: 0;
        display: block
    }

    .exhibition-video .list .li,.exhibition-video .list.waterfall-flow .li {
        width: 100%;
        margin: 15px 0 0
    }

    .exhibition-video .list .txt-box .line-box {
        margin: 5px 0
    }
}

.exhibition_xx1 {
    overflow: inherit;
    z-index: 1
}

.exhibition_xx1 .text {
    position: absolute;
    z-index: 6;
    top: 50%;
    left: 0;
    width: 900px;
    color: #ffe596;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.exhibition_xx1 .text .j-title {
    position: static;
    color: #ffe596;
    padding: 25px 0 35px
}

.exhibition_xx1 .text .j-title .j-t1 {
    color: #ffe596
}

.exhibition_xx1 .text .t1 {
    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: 26px
}

@media (max-width: 768px) {
    .exhibition_xx1 .text .t1 {
        font-size:20px
    }
}

.exhibition_xx1 .text .t1::before {
    content: "";
    width: 36px;
    height: 14px;
    background: url(../images/icon12_d.png) no-repeat center
}

.exhibition_xx1 .text .t1::after {
    content: "";
    width: 36px;
    height: 14px;
    background: url(../images/icon12_d.png) no-repeat center
}

.exhibition_xx1 .text .t1 .s1 {
    margin: 0 20px
}

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

.exhibition_xx1 .text .tpi {
    display: inline-block;
    padding-left: 30px;
    background: url(../images/icon18.png) no-repeat left center;
    font-size: 18px;
    margin: 25px 10px 0
}

@media (max-width: 768px) {
    .exhibition_xx1 .text .tpi {
        font-size:16px;
        background-position: left 2px;
    }
}

.exhibition_xx1 .text .tpi.time {
    background-image: url(../images/icon10_d.png)
}

.exhibition_xx1 .cloud-1-box .item {
    background-size: 100% auto
}

.exhibition_xx1 .cloud-2 {
    background-size: 100% auto
}

.exhibition_xx1 .cloud-1-box {
    z-index: 1;
    height: 126%
}

.exhibition_xx1 .cloud-1-box .item {
    background-image: url(../images/yun1.png)
}

.exhibition_xx1 .cloud-1-box .item+.item {
    background-image: url(../images/yun2.png)
}

.exhibition_xx2 {
    background: url(../images/bgi2.jpg);
    padding: 2.60416666vw 0 7.8125vw;
    position: relative
}

.exhibition_xx2 .j-title .j-t1 {
    color: #4b3627
}

.exhibition_xx2 .top {
    position: relative;
    margin: 0 2.6041vw
}

.exhibition_xx2 .top .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.exhibition_xx2 .top .btns .btn1 {
    width: 71px;
    height: 64px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 15px;
    line-height: 1
}

@media (max-width: 768px) {
    .exhibition_xx2 .top .btns .btn1 {
        font-size:16px
    }
}

.exhibition_xx2 .cont {
    margin-top: 55px;
    color: #4b3627;
    padding: 0 2.6041vw
}

.exhibition_xx2 .cont p+p,.exhibition_xx2 .cont .p+.p {
    margin-top: 1em
}

.exhibition_xx2 .cont .img {
    margin: 1em 0
}

.exhibition_xx2 .cont iframe,.exhibition_xx2 .cont video,.exhibition_xx2 .cont img {
    max-width: 100%;
    min-height: 100%;
    height: auto !important;
    border: 0
}

.exhibition_xx2 .cont .video-mod {
    margin-bottom: 1em
}

@media (min-width: 769px) {
    .exhibition_xx2 .top .btns .btn1:hover {
        opacity:0.9
    }
}

@media (max-width: 1800px) {
    .exhibition_xx1 .text {
        -webkit-transform:translateY(-70%);
        transform: translateY(-70%)
    }
}

@media (max-width: 1400px) {
    .exhibition_xx1 .cloud-1-box {
        height:130%
    }
}

@media (max-width: 1280px) {
    .exhibition_xx1 {
        padding:18vh 0 34vh
    }

    .exhibition_xx1 .text .j-title {
        padding: 5px 0 10px
    }

    .exhibition_xx1::before {
        display: none
    }

    .exhibition_xx2 .top {
        margin: 0 0
    }

    .exhibition_xx1 .text .tpi {
        margin-top: 15px
    }

    .exhibition_xx1 .text {
        width: auto;
        margin: 0 15vw;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 768px) {
    .exhibition_xx1 {
        padding:40px 0 20vw
    }

    .exhibition_xx1 .text {
        margin: 0 15px
    }

    .exhibition_xx2 {
        padding: 40px 0
    }

    .exhibition_xx2 .j-title {
        text-align: left
    }

    .exhibition_xx2 .cont {
        margin-top: 20px;
        padding: 0
    }

    .exhibition_xx2 .cont iframe,.exhibition_xx2 .cont video,.exhibition_xx2 .cont img {
        display: block;
        width: 100%
    }

    .exhibition_xx2 .top .btns .btn1 {
        width: 56px;
        height: 49px;
        margin-left: 10px
    }
}

.icon-tab-l .tracker-mod .tracker-box {
    padding-bottom: 21px
}

.icon-tab-l .tracker-mod .tracker-item {
    font-size: 18px;
    color: #2e3f28;
    position: relative;
    margin: 0 35px
}

@media (max-width: 768px) {
    .icon-tab-l .tracker-mod .tracker-item {
        font-size:16px
    }
}

.icon-tab-l .tracker-mod .tracker-item::before {
    content: '';
    width: 36px;
    height: 14px;
    background-image: url(../images/icon7.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    margin-top: 6px;
    display: none
}

.icon-tab-l .tracker-mod .tracker-item.cur {
    font-weight: bold
}

.icon-tab-l .tracker-mod .tracker-item.cur::before {
    display: block
}

.guide1 {
    position: relative
}

.guide1 .x-wrap {
    padding: 10.3125vw 0 11.97917vw
}

.guide1 .bgi {
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(196,215,190,0.6)), color-stop(60%, rgba(196,215,190,0)));
    background: linear-gradient(to bottom, rgba(196,215,190,0.6), rgba(196,215,190,0) 60%);
    pointer-events: none
}

.guide1 .bgi::before {
    content: '';
    display: block;
    padding-top: 53.54167%
}

.guide1 .bgi .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .bgc {
    width: 19.322916666666668%;
    position: relative;
    overflow: hidden;
    background-image: url(../images/png6.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    right: -15px;
    pointer-events: none;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%
}

.guide1 .bgc::before {
    content: '';
    display: block;
    padding-top: 160.6469%
}

.guide1 .bgc .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .bgd {
    width: 174.85714285714286%;
    position: relative;
    overflow: hidden;
    background-image: url(../images/png9.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 34%;
    left: -60%;
    pointer-events: none
}

.guide1 .bgd::before {
    content: '';
    display: block;
    padding-top: 63.72549%
}

.guide1 .bgd .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .bge {
    width: 28.333333333333332%;
    position: relative;
    overflow: hidden;
    background-image: url(../images/png10.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 9%;
    left: 3%;
    pointer-events: none
}

.guide1 .bge::before {
    content: '';
    display: block;
    padding-top: 84.00735%
}

.guide1 .bge .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .j-title {
    position: relative;
    z-index: 2
}

.guide1 .left {
    width: 50%;
    overflow: visible;
    position: absolute;
    top: 0;
    right: 0
}

.guide1 .left .inner {
    position: relative;
    overflow: hidden;
    overflow: visible
}

.guide1 .left .inner::before {
    content: '';
    display: block;
    padding-top: 108%
}

.guide1 .left .inner .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .left .tracker-item {
    width: 14.71428%;
    z-index: 9;
    overflow: hidden;
    pointer-events: none
}

.guide1 .left .tracker-item .txt {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    overflow: visible
}

.guide1 .left .tracker-item .txt::before {
    content: '';
    display: block;
    padding-top: 145.63107%
}

.guide1 .left .tracker-item .txt .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide1 .left .tracker-item .txt .t1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}

.guide1 .left .tracker-item .txt .t1 i {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.guide1 .left .tracker-item .txt .t1 .t {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 18px;
    color: #ffe596;
    pointer-events: all
}

.guide1 .left .tracker-item .txt .t1 .t::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide1 .left .tracker-item .txt .t1 .t .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

@media (max-width: 768px) {
    .guide1 .left .tracker-item .txt .t1 .t {
        font-size:16px
    }
}

.guide1 .left .tracker-item .txt .t1 .t .span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    letter-spacing: 2px
}

body:not(.lang-en) .guide1 .left .tracker-item .txt .t1 .t .span {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.guide1 .left .tracker-item .txt .t1.before i {
    background-image: url(../images/png7.png)
}

.guide1 .left .tracker-item .txt .t1.after {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.guide1 .left .tracker-item .txt .t1.after i {
    background-image: url(../images/png8.png)
}

.guide1 .left .tracker-item .txt::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    top: -999px;
    border-left: 1px solid #c7dac1;
    pointer-events: none
}

.guide1 .left .tracker-item.cur .txt {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.guide1 .left .tracker-item.cur .txt .t1.before {
    opacity: 0;
    visibility: hidden
}

.guide1 .left .tracker-item.cur .txt .t1.after {
    opacity: 1;
    visibility: visible
}

.guide1 .cont {
    margin-top: 78px;
    position: relative
}

.guide1 .cont .right {
    width: 50%
}

.guide1 .cont .right .tab-cont {
    position: relative;
    width: 72%
}

.guide1 .cont .right .tab-cont .tab-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    color: #2e3f28
}

.guide1 .cont .right .tab-cont .tab-item .t2 {
    font-size: 22px;
    margin-top: 5px
}

@media (max-width: 768px) {
    .guide1 .cont .right .tab-cont .tab-item .t2 {
        font-size:18px
    }
}

.guide1 .cont .right .tab-cont .tab-item .desc {
    font-size: 18px;
    margin-top: 28px
}

@media (max-width: 768px) {
    .guide1 .cont .right .tab-cont .tab-item .desc {
        font-size:16px
    }
}

body:not(.lang-en) .guide1 .cont .right .tab-cont .tab-item .desc {
    text-align: justify;
    text-justify: inter-ideograph
}

.guide1 .cont .right .tab-cont .tab-item .desc .scroll-div {
    height: 265px
}

.guide1 .cont .right .tab-cont .tab-item .desc .mCSB_scrollTools .mCSB_draggerRail,.guide1 .cont .right .tab-cont .tab-item .desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #92a48d
}

.guide1 .cont .right .tab-cont .tab-item .moreBox {
    margin-top: 25px
}

.guide1 .cont .right .tab-cont .tab-item.act {
    position: relative;
    z-index: 99;
    opacity: 1
}

.guide2 {
    padding: 3.64583vw 0
}

.guide2 .cont {
    margin-top: 3.125vw
}

.guide2 .cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -17px -20px
}

.guide2 .cont .list .item {
    width: calc(20% - 34px);
    margin: 0 17px 20px
}

.guide2 .cont .list .item .c1 {
    width: 60%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%
}

.guide2 .cont .list .item .c1::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide2 .cont .list .item .c1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide2 .cont .list .item .c1 .c2 {
    width: 87.26415%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.guide2 .cont .list .item .c1 .c2::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide2 .cont .list .item .c1 .c2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide2 .cont .list .item .c1 .icon {
    width: 37.83783%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.guide2 .cont .list .item .c1 .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide2 .cont .list .item .c1 .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide2 .cont .list .item .t1 {
    font-size: 18px;
    text-align: center;
    color: #2e3f28;
    margin-top: 24px;
    padding: 0 17px
}

@media (max-width: 768px) {
    .guide2 .cont .list .item .t1 {
        font-size:16px
    }
}

.guide2 .moreBox {
    margin-top: 45px
}

.guide3 {
    padding: 3.64583vw 0 0
}

.guide3 ul,.guide3 li {
    list-style: none;
    padding: 0;
    margin: 0
}

.guide3 .cont2 {
    position: relative;
    margin-top: 28px;
    opacity: 0;
    overflow: hidden
}

.guide3 .cont2.xr-cur {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out
}

.guide3 .cont2 .l-mask {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    background-image: url(../images/dl/mask1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    pointer-events: none
}

.guide3 .cont2 .l-mask::before {
    content: '';
    display: block;
    padding-top: 6.45833%
}

.guide3 .cont2 .l-mask .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide3 .l-title {
    position: absolute;
    z-index: 9;
    top: 16%;
    left: 50%;
    width: 50%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.guide3 .layer_li {
    position: absolute !important;
    width: 100%;
    height: 100%
}

.guide3 .layer_li.layer_li1 {
    background-image: url(../images/dl/jpg1.jpg);
    position: relative !important;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 834px
}

.guide3 .layer_li.layer_li1::before {
    content: '';
    display: block;
    padding-top: 44.84375%
}

.guide3 .layer_li.layer_li1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide3 .layer_li img {
    display: block;
    width: 100%
}

.guide3 .layer_li .inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-perspective: 2000px;
    perspective: 2000px
}

.guide3 .layer_li .inner .tit1 {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    width: 50%;
    margin: 0 auto
}

@media (max-width: 768px) {
    .guide3 .layer_li .inner .tit1 {
        font-size:20px
    }
}

.guide3 .layer_li .inner .con {
    width: 32.13%;
    margin: -1.841666vw auto 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    min-width: 480px
}

.guide3 .layer_li .inner .box {
    width: 100%;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.guide3 .layer_li .inner .box.box2 {
    position: absolute;
    top: 0;
    right: calc(100% + 1.041666vw);
    height: 100%
}

.guide3 .layer_li .inner .box.box2 .class3d {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, 75deg);
    transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, 75deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.guide3 .layer_li .inner .box.box1 {
    position: absolute;
    top: 0;
    right: calc(100% + 1.041666vw);
    height: 100%;
    width: 100%
}

.guide3 .layer_li .inner .box.box1 .class3d {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, 30deg);
    transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, 30deg)
}

.guide3 .layer_li .inner .box.box4 {
    position: absolute;
    top: 0;
    left: calc(100% + 1.041666vw);
    height: 100%
}

.guide3 .layer_li .inner .box.box4 .class3d {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, -75deg);
    transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, -75deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.guide3 .layer_li .inner .box.box5 {
    position: absolute;
    top: 0;
    left: calc(100% + 1.041666vw);
    height: 100%;
    width: 100%
}

.guide3 .layer_li .inner .box.box5 .class3d {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, -30deg);
    transform: translate3d(0%, -50%, 0px) rotate3d(0, 1, 0, -30deg)
}

.guide3 .layer_li .inner .slick-mod {
    -webkit-box-shadow: 5.755px 5.557px 20px 0px #000;
    box-shadow: 5.755px 5.557px 20px 0px #000
}

.guide3 .layer_li .inner .slick-mod .img {
    position: relative;
    overflow: hidden
}

.guide3 .layer_li .inner .slick-mod .img::before {
    content: '';
    display: block;
    padding-top: 56.23987%
}

.guide3 .layer_li .inner .slick-mod .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide3 .layer_li .inner .slick-mod .img .mask {
    background-color: rgba(0,0,0,0.5)
}

.guide3 .layer_li .inner .box3 .img .mask {
    opacity: 0
}

.guide3 .layer_li.layer_text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5.98958vw
}

.guide3 .layer_li .tab-cont {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 1.66666vw
}

.guide3 .layer_li .tab-cont .tab-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.guide3 .layer_li .tab-cont .tab-item .text {
    color: #fff
}

.guide3 .layer_li .tab-cont .tab-item .text .t1 {
    text-align: center;
    font-size: 22px
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text .t1 {
        font-size:18px
    }
}

.guide3 .layer_li .tab-cont .tab-item .text .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 1.25vw
}

.guide3 .layer_li .tab-cont .tab-item .text .ul .li {
    margin: 0 1.510416vw;
    white-space: nowrap
}

.guide3 .layer_li .tab-cont .tab-item .text .ul .l1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text .ul .l1 {
        font-size:16px
    }
}

.guide3 .layer_li .tab-cont .tab-item .text .ul .l2 {
    font-size: 24px;
    font-family: 'dfdk'
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text .ul .l2 {
        font-size:18px
    }
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .li {
    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
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .mod_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .mod_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 23px
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .tit {
    font-size: 20px;
    font-weight: bold;
    width: 100px;
    text-align: left
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text.beishan .tit {
        font-size:18px
    }
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .m1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text.beishan .m1 {
        font-size:16px
    }
}

.guide3 .layer_li .tab-cont .tab-item .text.beishan .m2 {
    font-size: 24px;
    font-family: 'dfdk';
    margin-left: 20px
}

@media (max-width: 768px) {
    .guide3 .layer_li .tab-cont .tab-item .text.beishan .m2 {
        font-size:18px
    }
}

.guide3 .layer_li .tab-cont .tab-item.act {
    opacity: 1;
    visibility: visible;
    position: relative
}

.guide3 .slick-nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.guide3 .slick-nav .slick-dots {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1282px;
    position: relative
}

.guide3 .slick-nav .slick-dots::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 11px;
    background: url(../images/dl/icon6.png);
    background-repeat: repeat-x;
    background-position: center
}

.guide3 .slick-nav .slick-dots .slick-dot {
    height: 66px;
    width: 120px;
    position: relative;
    text-align: center;
    color: #caa381;
    white-space: nowrap
}

.guide3 .slick-nav .slick-dots .slick-dot::before {
    content: '';
    width: 2px;
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
    background-color: #9d7455
}

.guide3 .slick-nav .slick-dots .slick-dot.slick-active {
    color: #ffe596
}

.guide3 .slick-nav .slick-dots .slick-dot.slick-active::before {
    background-color: #ffe596
}

.l-title {
    font-size: 26px;
    font-weight: bold
}

@media (max-width: 768px) {
    .l-title {
        font-size:20px
    }
}

.guide4 {
    padding: 5.57292vw 0 0px;
    position: relative;
    z-index: 2
}

.guide4 .l-title {
    color: #2e3f28
}

.guide4 .top .cont {
    margin-top: 25px
}

.guide4 .bot {
    position: relative;
    pointer-events: none;
    margin-top: 24px
}

.guide4 .bot #imgscale {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto
}

.guide4 .bot #container {
    width: 100%;
    height: 100%;
    width: 155vw;
    margin-left: -55vw
}

.guide4 .bot .tab-cont {
    position: relative
}

.guide4 .bot .tab-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.guide4 .bot .tab-item.act {
    position: relative
}

.guide4 .bot .tab-item .maps {
    visibility: hidden;
    opacity: 0;
    position: relative;
    overflow: hidden
}

.guide4 .bot .tab-item .maps::before {
    content: '';
    display: block;
    padding-top: 33.33333%
}

.guide4 .bot .tab-item .maps .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide4 .bot .tab-item .maps .i {
    width: 100%
}

.guide4 .bot .cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.guide4 .bot .cont .inner {
    pointer-events: all;
    position: absolute;
    width: 44.285714285714285%;
    right: 0;
    bottom: -60px;
    top: 60px;
    background-color: #fff;
    -webkit-box-shadow: 10.607px 10.607px 30px 0px rgba(0,0,0,0.07);
    box-shadow: 10.607px 10.607px 30px 0px rgba(0,0,0,0.07);
    padding: 2.447916vw 2.604166vw 2.96875vw 3.125vw;
    color: #2e3f28;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.guide4 .bot .cont .inner .l-title {
    font-weight: normal
}

.guide4 .bot .cont .inner .t2 {
    font-size: 18px;
    margin-top: 6px
}

@media (max-width: 768px) {
    .guide4 .bot .cont .inner .t2 {
        font-size:16px
    }
}

.guide4 .bot .cont .inner .tracker-mod {
    margin-top: 22px;
    padding-bottom: 24px
}

.guide4 .bot .cont .inner .tracker-mod.dir-hor .tracker-box {
    text-align: left
}

.guide4 .bot .cont .inner .tracker-mod .tracker-item {
    font-size: 18px;
    width: 82px;
    padding: 24px 0;
    background-image: url(../images/png1a.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center
}

@media (max-width: 768px) {
    .guide4 .bot .cont .inner .tracker-mod .tracker-item {
        font-size:16px
    }
}

.guide4 .bot .cont .inner .tracker-mod .tracker-item.cur {
    background-image: url(../images/icon2.png);
    color: #fff;
    font-weight: bold
}

.guide4 .bot .cont .inner .tracker-mod .tracker-item+.tracker-item {
    margin-left: 28px
}

.guide4 .bot .cont .inner .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.guide4 .bot .cont .inner .flex .code {
    width: 120px;
    border: 1px solid #d1dfce;
    padding: 9px;
    margin-right: 27px
}

.guide4 .bot .cont .inner .flex .code img {
    display: block;
    width: 100%
}

.guide4 .bot .cont .inner .flex .txt {
    width: calc(100% - 147px)
}

.guide4 .bot .cont .inner .desc {
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.guide4 .bot .cont .inner .desc .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.guide4 .bot .cont .inner .desc .text .scroll-div {
    height: 100%
}

.guide4 .bot .cont .inner .desc .text .item .it1 {
    font-size: 22px;
    font-weight: bold
}

@media (max-width: 768px) {
    .guide4 .bot .cont .inner .desc .text .item .it1 {
        font-size:18px
    }
}

.guide4 .bot .cont .inner .desc .text .item .it2 {
    font-size: 18px;
    color: #92a48d;
    margin-top: 9px
}

@media (max-width: 768px) {
    .guide4 .bot .cont .inner .desc .text .item .it2 {
        font-size:16px
    }
}

.guide4 .bot .cont .inner .desc .text .item+.item {
    margin-top: 16px
}

.guide4 .bot .cont .inner .desc .text.act {
    opacity: 1;
    z-index: 9
}

.guide4 .bot .cont .inner .desc .text .mCSB_scrollTools .mCSB_draggerRail,.guide4 .bot .cont .inner .desc .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #92a48d
}

.guide5 {
    padding: 7.60417vw 0 3.125vw;
    position: relative
}

.guide5 .bgi {
    background: url(../images/jpg15.jpg) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: -220vh;
    pointer-events: none;
    background-attachment: fixed
}

.guide5 .cont {
    position: relative;
    margin-top: 42px
}

.guide5 .cont .tab-mod {
    position: relative
}

.guide5 .cont .tracker-mod {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 9
}

.guide5 .cont .tracker-mod .tracker-box {
    height: 475px;
    padding-right: 11px
}

.guide5 .cont .tracker-mod .tracker-item {
    margin: 0
}

.guide5 .cont .tracker-mod .tracker-item .txt {
    position: relative;
    width: 95px;
    height: 95px
}

.guide5 .cont .tracker-mod .tracker-item .txt .i1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #475d39;
}
.guide5 .cont .tracker-mod .tracker-item .txt .i2 {
    position: absolute;
    width: 0;
    height: 0;
    left: calc(100% - 1px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 11px solid;
    opacity: 0;
    visibility: hidden;
    border-color: #475d39;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(2) .txt .i1{
    background-color: #3b465e;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(2) .txt .i2 {
    border-color: #3b465e;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(3) .txt .i1{
    background-color: #8e4937;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(3) .txt .i2 {
    border-color: #8e4937;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(4) .txt .i1{
    background-color: #5e4853;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(4) .txt .i2 {
    border-color: #5e4853;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(5) .txt .i1{
    background-color: #9d7455;
}
.guide5 .cont .tracker-mod .tracker-item:nth-of-type(5) .txt .i2 {
    border-color: #9d7455;
}
.guide5 .cont .tracker-mod .tracker-item .txt .t {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #ffe49a;
    font-weight: bold;
    text-align: center;
    line-height: 1.3
}

@media (max-width: 768px) {
    .guide5 .cont .tracker-mod .tracker-item .txt .t {
        font-size:16px
    }
}

.guide5 .cont .tracker-mod .tracker-item.cur {
    pointer-events: none
}

.guide5 .cont .tracker-mod .tracker-item.cur .txt .i2 {
    opacity: 1;
    visibility: visible
}

.guide5 .cont .tab-cont {
    position: relative;
    overflow: hidden
}

.guide5 .cont .tab-cont::before {
    content: '';
    display: block;
    padding-top: 54.28571%
}

.guide5 .cont .tab-cont .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide5 .cont .tab-cont .inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #d1dfce
}

.guide5 .cont .tab-cont .inner #openseadragon {
    width: 100%;
    height: 100%;
    cursor: move
}

.guide6 {
    padding: 3.125vw 0 2.86458vw
}

.guide6 .p {
    font-size: 18px;
    margin-top: 12px
}

@media (max-width: 768px) {
    .guide6 .p {
        font-size:16px
    }
}

.guide6 .icon-tab-l {
    margin-top: 28px
}

.guide6 .icon-tab-l .tracker-mod .tracker-item {
    font-size: 26px
}

@media (max-width: 768px) {
    .guide6 .icon-tab-l .tracker-mod .tracker-item {
        font-size:20px
    }
}

.guide6 .tab-cont {
    margin-top: 20px;
    position: relative
}

.guide6 .tab-cont .tab-item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.guide6 .tab-cont .tab-item img {
    width: 100%;
    height: auto
}

.guide6 .tab-cont .tab-item.act {
    position: relative;
    z-index: 2
}

.guide6 .bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

.guide6 .bot .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guide6 .bot .list .item {
    margin: 0 2.083333vw;
    cursor: pointer
}
.guide6 .bot .list .item a{
    display: block;
}
.guide6 .bot .list .item .img {
    width: 102px;
    position: relative;
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto
}
.guide6 .bot .list .item:first-of-type .img{
    background-image: url(../images/icon2.png);
}
.guide6 .bot .list .item:nth-of-type(2) .img{
    background-image: url(../images/icon3.png);
}
.guide6 .bot .list .item:nth-of-type(3) .img{
    background-image: url(../images/icon4.png);
}
.guide6 .bot .list .item:nth-of-type(4) .img{
    background-image: url(../images/png1b.png);
}
.guide6 .bot .list .item .img::before {
    content: '';
    display: block;
    padding-top: 89.32039%
}

.guide6 .bot .list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide6 .bot .list .item .img .icon {
    width: 44%;
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.guide6 .bot .list .item .img .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide6 .bot .list .item .img .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide6 .bot .list .item .txt {
    font-size: 18px;
    color: #2e3f28;
    text-align: center;
    margin-top: 7px
}

@media (max-width: 768px) {
    .guide6 .bot .list .item .txt {
        font-size:16px
    }
}

.guide6 .bot .codebox {
    margin-left: 3.125vw
}

.guide6 .bot .codebox .code {
    width: 120px;
    border: 1px solid #d1dfce;
    padding: 9px;
    margin: 0 auto
}

.guide6 .bot .codebox .code img {
    display: block;
    width: 100%
}

.guide6 .bot .codebox .txt {
    color: #2e3f28;
    text-align: center;
    margin-top: 6px
}

.guide7 {
    padding: 3.125vw 0 7.29167vw
}

.guide7 .cont {
    margin-top: 40px
}

.guide7 .cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -1px
}

.guide7 .cont .list .item {
    width: calc(33.33% - 1px);
    margin-right: 1px;
    position: relative;
    overflow: hidden;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center
}

.guide7 .cont .list .item::before {
    content: '';
    display: block;
    padding-top: 64.37768%
}

.guide7 .cont .list .item .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide7 .cont .list .item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.guide7 .cont .list .item .inner .l {
    width: 34%
}

.guide7 .cont .list .item .inner .l .icon {
    width: 40.3260%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.guide7 .cont .list .item .inner .l .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.guide7 .cont .list .item .inner .l .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.guide7 .cont .list .item .inner .l .txt {
    font-size: 22px;
    margin-top: 2px;
    text-align: center
}

@media (max-width: 768px) {
    .guide7 .cont .list .item .inner .l .txt {
        font-size:18px
    }
}

.guide7 .cont .list .item .inner .r {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.guide7 .cont .list .item .inner .ul {
    font-size: 18px
}

@media (max-width: 768px) {
    .guide7 .cont .list .item .inner .ul {
        font-size:16px
    }
}

.guide7 .cont .list .item .inner .ul .li+.li {
    margin-top: 4px
}

.guide7 .cont .list .item.item2 .inner .l {
    width: 30%
}

@-webkit-keyframes mark_blowing_l {
    0% {
        -webkit-transform: rotate(-1deg) rotateY(0deg);
        transform: rotate(-1deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(1deg) rotateY(0deg);
        transform: rotate(1deg) rotateY(0deg)
    }
}

@keyframes mark_blowing_l {
    0% {
        -webkit-transform: rotate(-1deg) rotateY(0deg);
        transform: rotate(-1deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotate(1deg) rotateY(0deg);
        transform: rotate(1deg) rotateY(0deg)
    }
}

.pop-desc .pop-dialog {
    width: 1300px;
    max-width: 90%;
    height: 640px;
    max-height: 85vh
}

.pop-desc .pop-close {
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px
}

.pop-desc .pop-close::before {
    content: '\e509';
    font-size: 18px;
    color: #29342c
}

@media (max-width: 768px) {
    .pop-desc .pop-close::before {
        font-size:16px
    }
}

.pop-desc .pop-cont {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 50px 60px 43px
}

.pop-desc .pop-cont .tit1 {
    color: #2e3f28
}

.pop-desc .pop-cont .desc {
    margin-top: 30px;
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.pop-desc .pop-cont .desc .text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pop-desc .pop-cont .desc .text .scroll-div {
    height: 100%
}

.pop-desc .pop-cont .desc .text .mCSB_scrollTools .mCSB_draggerRail,.pop-desc .pop-cont .desc .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #92a48d
}

.pop-desc .pop-cont .justify {
    font-size: 18px;
    color: #92a48d
}

.pop-desc .pop-cont .justify .t1 {
    font-size: 22px;
    color: #2e3f28;
    font-weight: bold
}
#guide7_item1 {
    background-image: url(../images/dl/s654dc3d143eb6.png);
}
#guide7_item2 {
    background-image: url(../images/dl/s654dc4d1b2e28.png);
}
#guide7_item3 {
    background-image: url(../images/dl/s654dc4e7138cc.png);
}
@media (max-width: 768px) {
    .pop-desc .pop-cont .justify .t1 {
        font-size:18px
    }
}

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

@media (max-width: 768px) {
    .pop-desc .pop-cont .justify {
        font-size:16px
    }
}

.pop-desc .pop-cont .justify .pbox {
    margin-top: 11px;
    white-space: pre-wrap;
}

.pop-desc .pop-cont .justify .p+.p {
    margin-top: 1.4em
}

.pop-desc.pop-code .pop-dialog {
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 85vh
}

.pop-desc.pop-code .pop-close {
    right: 10px;
    top: 10px
}

.pop-desc.pop-code .pop-cont {
    position: relative
}

.pop-desc.pop-code .codebox .code {
    width: 150px;
    border: 1px solid #d1dfce;
    padding: 9px;
    margin: 0 auto
}

.pop-desc.pop-code .codebox .code img {
    display: block;
    width: 100%
}

.pop-desc.pop-code .codebox .txt {
    color: #2e3f28;
    text-align: center;
    margin-top: 6px
}

@media (min-width: 769px) {
    .guide7 .cont .list .item:hover .icon {
        -webkit-transform:rotateY(180deg);
        transform: rotateY(180deg)
    }

    .guide2 .cont .list .item:hover .icon {
        -webkit-transform: translate(-50%, -50%) rotateY(180deg);
        transform: translate(-50%, -50%) rotateY(180deg)
    }

    .guide1 .tracker-mod .tracker-box {
        overflow: visible
    }

    .guide1 .left .tracker-item {
        position: absolute;
        -webkit-transform-origin: 0 -200px;
        transform-origin: 0 -200px;
        top: 0
    }

    .guide1 .left .tracker-item:hover .txt {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    .guide1 .left .tracker-item:hover .txt .t1.before {
        opacity: 0;
        visibility: hidden
    }

    .guide1 .left .tracker-item:hover .txt .t1.after {
        opacity: 1;
        visibility: visible
    }

    .guide1 .left .tracker-item.item0 {
        padding-top: 45%;
        left: 26.42857142857143%;
        z-index: 9;
        -webkit-animation: mark_blowing_l 2.2s forwards ease-in-out -1s infinite alternate;
        animation: mark_blowing_l 2.2s forwards ease-in-out -1s infinite alternate
    }

    .guide1 .left .tracker-item.item1 {
        padding-top: 62%;
        left: 44.57142857142857%;
        -webkit-animation: mark_blowing_l 2.2s forwards ease-in-out -0.1s infinite alternate;
        animation: mark_blowing_l 2.2s forwards ease-in-out -0.1s infinite alternate
    }

    .guide1 .left .tracker-item.item2 {
        padding-top: 73.5%;
        left: 32.857142857142854%;
        -webkit-animation: mark_blowing_l 2.2s forwards ease-in-out -0.3s infinite alternate;
        animation: mark_blowing_l 2.2s forwards ease-in-out -0.3s infinite alternate
    }

    .guide1 .left .tracker-item.item4 {
        padding-top: 87%;
        left: -13px;
        -webkit-animation: mark_blowing_l 2.2s forwards ease-in-out -0.5s infinite alternate;
        animation: mark_blowing_l 2.2s forwards ease-in-out -0.5s infinite alternate
    }

    .guide1 .left .tracker-item.item3 {
        padding-top: 80%;
        left: 79.42857142857143%;
        -webkit-animation: mark_blowing_l 2.2s forwards ease-in-out -2s infinite alternate;
        animation: mark_blowing_l 2.2s forwards ease-in-out -2s infinite alternate
    }

    .guide5 .cont .tracker-mod .tracker-item .txt .i2 {
        border-top-color: transparent !important;
        border-bottom-color: transparent !important
    }
}

@media (max-width: 1680px) {
    .guide2 .cont .list .item .c1 {
        width:70%
    }

    .guide4 .bot .cont .inner {
        padding: 30px
    }

    .guide4 .mCSB_outside+.mCSB_scrollTools {
        right: -18px
    }

    .guide4 .bot .cont .inner .tracker-mod {
        margin-top: 15px;
        padding-bottom: 15px
    }

    .guide4 .bot .cont .inner .desc .text .item .it1 {
        font-size: 18px
    }
}

@media (max-width: 1680px) and (max-width: 768px) {
    .guide4 .bot .cont .inner .desc .text .item .it1 {
        font-size:16px
    }
}

@media (max-width: 1680px) {
    .guide4 .bot .cont .inner .desc .text .item .it2 {
        font-size:16px;
        margin-top: 5px
    }
}

@media (max-width: 1500px) {
    .guide7 .cont .list .item .inner .ul {
        font-size:16px
    }
}

@media (max-width: 1400px) {
    .guide2 .cont .list .item .t1 {
        padding:0
    }

    .guide3 .slick-nav .slick-dots {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .guide7 .cont .list .item .inner .l .txt {
        font-size: 20px
    }
}

@media (max-width: 1300px) {
    .guide7 .cont .list .item::before {
        padding-top:85%
    }

    .guide7 .cont .list .item .inner {
        display: block;
        padding: 30px
    }

    .guide7 .cont .list .item .inner .l {
        width: 100% !important
    }

    .guide7 .cont .list .item .inner .l .icon {
        width: 50px
    }

    .guide7 .cont .list .item .inner .r {
        width: 100%;
        margin-top: 10px
    }

    .guide7 .cont .list .item .inner .ul {
        text-align: center
    }
}

@media (max-width: 1250px) {
    .guide1 .left .tracker-item .txt .t1 .t {
        font-size:16px
    }

    .guide1 .left .tracker-item {
        width: 85px
    }

    .guide3 .slick-nav .tracker-mod {
        display: block !important;
        padding-bottom: 2.60417vw
    }

    .guide3 .slick-nav .tracker-mod .tracker-item {
        font-size: 16px;
        margin: 0 15px;
        color: #caa381
    }

    .guide3 .slick-nav .tracker-mod .tracker-item.cur {
        color: #ffe596;
        pointer-events: none
    }

    .guide4 .bot .cont {
        position: relative
    }

    .guide4 .bot .cont .inner {
        position: relative;
        width: 100%;
        top: 0;
        bottom: 0
    }

    .guide4 .bot .cont .inner .desc {
        height: auto;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .guide4 .bot .cont .inner .desc .text.act {
        position: relative
    }

    .guide4 .bot .cont .inner .desc .text .scroll-div {
        height: 210px
    }

    .guide5 .cont .tab-cont {
        min-height: 550px
    }

    .guide5 .cont .tracker-mod .tracker-item .txt {
        height: 80px
    }

    .guide5 .cont .tracker-mod .tracker-box {
        height: 401px
    }
}

@media (max-width: 1200px) {
    .guide7 .cont .list .item::before {
        padding-top:95%
    }
}

@media (max-width: 1100px) {
    .guide7 .cont .list .item::before {
        padding-top:100%
    }

    .guide7 .cont .list .item .inner {
        padding: 30px 20px
    }
}

@media (max-width: 1050px) {
    .guide3 .layer_li .tab-cont .tab-item .text.beishan .li {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .mod_box {
        display: block
    }

    .guide7 .cont .list .item::before {
        padding-top: 110%
    }

    .guide7 .cont .list .item .inner {
        padding: 30px 0
    }
}

@media (max-width: 950px) {
    .guide7 .cont .list .item .inner {
        padding:20px 10px
    }

    .guide7 .cont .list .item .inner .ul {
        font-size: 14px;
        white-space: nowrap
    }

    .guide7 .cont .list .item::before {
        padding-top: 105%
    }
}

@media (max-width: 850px) {
    .guide7 .cont .list .item::before {
        padding-top:115%
    }
}

@media (max-width: 800px) {
    .guide7 {
        padding:40px 0
    }

    .guide7 .cont {
        margin-top: 20px
    }

    .guide7 .cont .list {
        display: block;
        margin: 0
    }

    .guide7 .cont .list .item {
        width: 100%;
        margin: 0 auto 10px;
        max-width: 380px
    }

    .guide7 .cont .list .item .inner .icon {
        width: 20%
    }

    .guide7 .cont .list .item .inner {
        padding: 20px
    }

    .guide7 .cont .list .item .inner .l .icon {
        width: 40px
    }

    .guide7 .cont .list .item .inner .l .txt {
        font-size: 18px
    }

    .guide7 .cont .list .item .inner .ul {
        font-size: 16px
    }

    .guide7 .cont .list .item::before {
        padding-top: 95%
    }
}

@media (max-width: 768px) {
    .icon-tab-l .tracker-mod .tracker-item {
        margin:0 15px
    }

    .guide1 {
        padding: 40px 0
    }

    .guide1 .x-wrap {
        padding: 0 15px
    }

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

    .guide1 .left {
        width: 100%;
        position: relative;
        margin-top: 20px
    }

    .guide1 .left .inner::before {
        display: none
    }

    .guide1 .left .tracker-item {
        width: 90px
    }

    .guide1 .left .tracker-item+.tracker-item {
        margin-left: 15px
    }

    .guide1 .cont .right {
        width: 100%;
        margin-top: 20px
    }

    .guide1 .cont .right .tab-cont {
        width: 100%
    }

    .guide1 .cont .right .tab-cont .tab-item .desc {
        margin-top: 15px
    }

    .guide1 .cont .right .tab-cont .tab-item .desc .scroll-div {
        margin-right: 30px
    }

    .guide1 .cont .right .tab-cont .tab-item .desc .scroll-div.mCS_no_scrollbar {
        margin-right: 0
    }

    .guide2 {
        padding: 40px 0
    }

    .guide2 .cont {
        margin-top: 20px
    }

    .guide2 .cont .list {
        margin: 0 -5px -20px
    }

    .guide2 .cont .list .item {
        width: calc(50% - 10px);
        margin: 0 5px 20px
    }

    .guide2 .cont .list .item .t1 {
        margin-top: 10px
    }

    .guide2 .moreBox {
        margin-top: 20px
    }

    .guide3 {
        padding: 40px 0 0
    }

    .guide3 .cont2 {
        margin-top: 20px;
        opacity: 1
    }

    .guide3 .l-title {
        top: 40px;
        width: 95%
    }

    .guide3 .layer_li {
        position: relative !important;
        padding: 100px 0
    }

    .guide3 .layer_li.layer_li1 {
        position: absolute !important;
        min-height: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .guide3 .layer_li .inner {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .guide3 .layer_li .inner .con {
        min-width: auto;
        width: 95%;
        margin: 0 auto
    }

    .guide3 .layer_li .inner .box.box2,.guide3 .layer_li .inner .box.box4 {
        display: none
    }

    .guide3 .layer_li .tab-cont {
        position: relative;
        margin: 20px auto 0;
        top: 0;
        width: 95%
    }

    .guide3 .layer_li .tab-cont .tab-item .text .ul {
        margin-top: 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .guide3 .layer_li .tab-cont .tab-item .text .ul .li {
        margin: 0;
        min-width: 25%;
        padding: 0 5px
    }

    .guide3 .layer_li .tab-cont .tab-item .text .ul .l1 {
        font-size: 16px
    }

    .guide3 .layer_li .tab-cont .tab-item .text .ul .l2 {
        font-size: 14px
    }

    .guide3 .slick-nav .tracker-mod {
        padding-bottom: 40px
    }

    .guide4 {
        padding: 40px 0
    }

    .guide4 .top .cont {
        margin-top: 20px
    }

    .guide4 .bot .cont .inner {
        padding: 20px
    }

    .guide4 .bot .cont .inner .desc .text .scroll-div {
        height: 100px;
        margin-right: 10px
    }

    .guide4 .bot .cont .inner .desc .text .scroll-div.mCS_no_scrollbar {
        margin-right: 0
    }

    .guide4 .bot .cont .inner .tracker-mod .tracker-item+.tracker-item {
        margin-left: 20px
    }

    .guide4 .bot #imgscale {
        position: relative;
        height: 280px;
        margin-bottom: 20px
    }

    .guide4 .bot .tab-item .maps {
        display: none
    }

    .guide5 {
        padding: 40px 0
    }

    .guide5 .cont {
        margin-top: 20px
    }

    .guide5 .cont .tracker-mod {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .guide5 .cont .tracker-mod .tracker-box {
        height: auto;
        padding: 0 0 11px 0;
        text-align: center
    }

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

    .guide5 .cont .tracker-mod .tracker-item {
        display: inline-block;
        vertical-align: middle
    }

    .guide5 .cont .tracker-mod .tracker-item .txt {
        height: 80px
    }

    .guide5 .cont .tracker-mod .tracker-item .txt .i2 {
        border-top: 11px solid;
        border-left: 9px solid transparent !important;
        border-right: 9px solid transparent !important;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: calc(100% - 1px);
        border-bottom: 0;
        border-color: #475d39;
    }

    .guide5 .cont .tab-cont {
        min-height: auto
    }

    .guide6 {
        padding: 40px 0
    }

    .guide6 .icon-tab-l {
        margin-top: 20px
    }

    .guide6 .tab-cont #openseadragon1 {
        height: 300px;
        border: 1px solid #92a48d
    }

    .guide6 .icon-tab-l .tracker-mod .tracker-item.cur {
        pointer-events: none
    }

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

    .guide6 .bot .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .guide6 .bot .list .item {
        width: 50%;
        margin: 0 0 15px
    }

    .guide6 .bot .list .item .img {
        width: 50%;
        max-width: 102px
    }

    .guide6 .bot .codebox {
        margin: 20px auto 0
    }

    .pop-desc .pop-cont {
        padding: 30px
    }

    .pop-desc .pop-close {
        top: 0;
        right: 0
    }

    .pop-desc .pop-cont .desc {
        margin-top: 20px
    }

    .pop-desc .pop-cont .justify .p+.p {
        margin-top: 10px
    }

    .pop-desc .pop-dialog {
        max-width: 95%
    }

    .pop-desc .mCSB_outside+.mCSB_scrollTools {
        right: -18px
    }

    .guide6 .tab-cont #openseadragon1 img {
        display: none
    }

    .pop-desc.pop-code .pop-close {
        top: 0;
        right: 0
    }

    .guide3 .layer_li .tab-cont .tab-item .text .ul .li {
        display: block;
        min-width: auto
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .tit {
        width: 100%;
        text-align: center
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .mod_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .mod_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0 5px
    }

    .guide3 .layer_li .tab-cont .tab-item .text.beishan .m2 {
        margin-left: 0;
        font-size: 14px
    }
}

.great-treasure-pavilion-1.cultural-creative-products-1 .j-title {
    top: 16.04167vw
}
.great-treasure-pavilion-1{
    background-image: url(../images/szbwg/jpg54.jpg)!important;
}

.great-treasure-pavilion-1.cultural-creative-products-1 .j-title .j-t1 {
    color: #2e3f28
}

.great-treasure-pavilion-1.cultural-creative-products-1 .cloud-1-box .item {
    background-image: url(../images/szbwg/png47.png)
}

.great-treasure-pavilion-1.cultural-creative-products-1 .cloud-1-box .item+.item {
    background-image: url(../images/szbwg/png48.png)
}

.great-treasure-pavilion-1.cultural-creative-products-1 .cloud-2 {
    background-image: url(../images/szbwg/png46.png)
}

.great-treasure-pavilion-2 {
    background: #fafbf8 url(../images/szbwg/jpg55.jpg) no-repeat bottom center;
    background-size: 100% auto;
    position: relative;
    padding-bottom: 6.25vw
}

.great-treasure-pavilion-2 .zy-img {
    width: 20.41667vw;
    position: relative;
    overflow: hidden;
    background: url(../images/szbwg/png45.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: -8.125vw
}

.great-treasure-pavilion-2 .zy-img::before {
    content: '';
    display: block;
    padding-top: 109.69388%
}

.great-treasure-pavilion-2 .zy-img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.great-treasure-pavilion-2 .list-width,.great-treasure-pavilion-2 .list-item {
    width: calc((100% - 70px) / 3)
}

.great-treasure-pavilion-2 .list-space {
    width: 35px
}

.great-treasure-pavilion-2 .list-item {
    margin-top: 53px
}

.great-treasure-pavilion-2 .img {
    position: relative;
    padding: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#cedec3), to(#f0f5ed));
    background: linear-gradient(to bottom, #cedec3, #f0f5ed);
    border-radius: 999px 999px 0 0;
    padding: 4.6875vw 3.38542vw
}

.great-treasure-pavilion-2 .img::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/szbwg/png44.png) no-repeat top center;
    background-size: 100% auto;
    pointer-events: none
}

.great-treasure-pavilion-2 .img img {
    max-width: 100%;
    display: block;
    margin: auto
}

.great-treasure-pavilion-2 .t {
    font-size: 22px;
    color: #2e3f28;
    margin-top: 30px
}

@media (max-width: 768px) {
    .great-treasure-pavilion-2 .t {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .great-treasure-pavilion-2 .zy-img {
        -webkit-transform-origin:left center;
        transform-origin: left center;
        -webkit-animation: rot6 2.2s forwards ease-in-out 1.2s infinite alternate;
        animation: rot6 2.2s forwards ease-in-out 1.2s infinite alternate
    }

    .great-treasure-pavilion-2 .img img {
        -webkit-transition: all 0.5s;
        transition: all 0.5s
    }

    .great-treasure-pavilion-2 .list-item:hover .img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 768px) {
    .great-treasure-pavilion-2 {
        padding-bottom:40px
    }

    .great-treasure-pavilion-2 .list-width,.great-treasure-pavilion-2 .list-item {
        width: calc((100% - 20px) / 2)
    }

    .great-treasure-pavilion-2 .list-space {
        width: 20px
    }

    .great-treasure-pavilion-2 .list-item {
        margin-top: 15px
    }

    .great-treasure-pavilion-2 .img {
        padding: 20px
    }

    .great-treasure-pavilion-2 .t {
        margin-top: 10px
    }
}

.heritage_monitor1 {
    position: relative;
    background: url(../images/heritage_monitor1.jpg) no-repeat top center;
    background-size: 100% auto;
    padding: 11.4583vw 0 11.25vw
}

.heritage_monitor1::after {
    content: "";
    position: absolute;
    padding-bottom: 11%;
    background: url(../images/heritage_monitor1.png) no-repeat bottom center;
    background-size: 100% auto;
    bottom: 0;
    left: 0;
    width: 100%
}

.heritage_monitor1 .j-title {
    margin-bottom: 50px
}

.heritage_monitor1 .j-title .j-t1 {
    color: #4b2827
}

.heritage_monitor1 .tab-bar1 .tab-term {
    color: #4b2827 !important
}

.heritage_monitor1 .tab-bar1 .tab-term::after {
    background-image: url(../images/icon22.png)
}

.heritage_monitor1 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8.3854vw
}

.heritage_monitor1 .cont .pic {
    position: relative;
    overflow: hidden;
    width: 53%
}

.heritage_monitor1 .cont .pic::before {
    content: '';
    display: block;
    padding-top: 75.06739%
}

.heritage_monitor1 .cont .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.heritage_monitor1 .cont .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.heritage_monitor1 .cont .text {
    color: #4b2827;
    margin-left: 5%;
    padding: 2% 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

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

.heritage_monitor1 .cont .text .j-title {
    margin-bottom: 30px
}

.heritage_monitor1 .cont .text .scroll1 {
    font-size: 18px;
    color: #4b2827;
    height: 313px
}

@media (max-width: 768px) {
    .heritage_monitor1 .cont .text .scroll1 {
        font-size:16px
    }
}

.heritage_monitor1 .cont .text .scroll1 .p+.p {
    margin-top: 25px
}

.heritage_monitor1 .cont .text .mores {
    margin-top: 50px
}

.heritage_monitor1 .j-more {
    color: #4b2827
}

.heritage_monitor1 .j-more .j-x {
    border-color: #9b5c50
}

.heritage_monitor1 .j-more .j-y1 {
    background-image: url(../images/icon6-3.png)
}

.heritage_monitor1 .j-more .j-y2 {
    background-color: #9b5c50
}

.heritage_monitor2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.heritage_monitor2 .cont {
    padding: 7.8125vw 0 9.375vw
}

.heritage_monitor2 .text {
    color: #ffffff;
    width: 36.4285%
}

.heritage_monitor2 .text .j-title {
    margin-bottom: 30px
}

.heritage_monitor2 .text .j-title .j-t1 {
    color: #ffffff
}

.heritage_monitor2 .text .scroll1 {
    font-size: 18px;
    height: 260px
}

@media (max-width: 768px) {
    .heritage_monitor2 .text .scroll1 {
        font-size:16px
    }
}

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

.heritage_monitor2 .text .scroll1 .p+.p {
    margin-top: 25px
}

.heritage_monitor2 .text .mores {
    margin-top: 25px
}

.heritage_monitor2 .text .mores .j-more .j-s1 {
    color: #ffffff
}

.heritage_monitor2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ffffff
}

.heritage_monitor2 .pic {
    position: absolute;
    right: 0;
    bottom: -20px;
    top: -20px;
    background: #fff;
    -webkit-box-shadow: 10.607px 10.607px 30px 0px rgba(0,0,0,0.07);
    box-shadow: 10.607px 10.607px 30px 0px rgba(0,0,0,0.07);
    padding: 1.5625vw;
    width: 44.2857%;
    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;
    display: none
}

.heritage_monitor2 .pic img {
    max-width: 100%;
    max-height: 100%
}

.heritage_monitor2 .j-more {
    color: #4b2827
}

.heritage_monitor2 .j-more .j-x {
    border-color: #9b5c50
}

.heritage_monitor2 .j-more .j-y1 {
    background-image: url(../images/icon6-3.png)
}

.heritage_monitor2 .j-more .j-y2 {
    background-color: #9b5c50
}

.heritage_monitor3 {
    background: url(../images/heritage_monitor8.jpg) no-repeat bottom center;
    background-size: 100% auto;
    padding: 8.8541vw 0 7.2916vw
}

.heritage_monitor3 .j-title {
    margin-bottom: 30px
}

.heritage_monitor3 .j-title .j-t1 {
    color: #4b2827
}

.heritage_monitor3 .mores {
    margin-top: 4.1666vw
}

.heritage_monitor3 .j-more {
    color: #4b2827
}

.heritage_monitor3 .j-more .j-x {
    border-color: #9b5c50
}

.heritage_monitor3 .j-more .j-y1 {
    background-image: url(../images/icon6-3.png)
}

.heritage_monitor3 .j-more .j-y2 {
    background-color: #9b5c50
}

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

.heritage_monitor3_list .item {
    width: calc(33.33% - 27px);
    margin: 40px 0 0 40px;
    background-color: #fbf5f1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden
}

.heritage_monitor3_list .item:nth-child(3n+1) {
    margin-left: 0
}

.heritage_monitor3_list .item .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.heritage_monitor3_list .item .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.heritage_monitor3_list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.heritage_monitor3_list .item .txt {
    padding: 35px 40px;
    position: relative;
    background-color: #fbf5f1;
    color: #4b2827
}

.heritage_monitor3_list .item .txt .t1 {
    font-size: 22px;
    line-height: 1.3
}

@media (max-width: 768px) {
    .heritage_monitor3_list .item .txt .t1 {
        font-size:18px
    }
}

.heritage_monitor3_list .item .txt .date {
    font-family: "Arial";
    font-size: 18px;
    margin-top: 20px
}

@media (max-width: 768px) {
    .heritage_monitor3_list .item .txt .date {
        font-size:16px
    }
}

@media (min-width: 769px) {
    .heritage_monitor3_list .item:hover {
        -webkit-box-shadow:8.387px 5.446px 35px 0px rgba(36,46,30,0.2);
        box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.2)
    }

    .heritage_monitor3_list .item:hover .img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 1400px) {
    .heritage_monitor1 .cont .text .scroll1 {
        height:20vw
    }

    .heritage_monitor2 .text {
        width: 45%
    }

    .heritage_monitor2 .pic {
        width: 48%
    }

    .heritage_monitor1 .cont .text .scroll1 .p+.p {
        margin-top: 10px
    }

    .heritage_monitor2 .text .scroll1 .p+.p {
        margin-top: 10px
    }
}

@media (max-width: 1026px) {
    .heritage_monitor3_list .item .txt {
        padding:15px 20px
    }

    .heritage_monitor1 .cont .text .mores {
        margin-top: 25px
    }
}

@media (max-width: 768px) {
    .heritage_monitor3_list {
        margin-top:0;
        display: block
    }

    .heritage_monitor3_list .item {
        width: auto;
        margin: 20px 0 0 !important;
        -webkit-box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.1);
        box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.1)
    }

    .heritage_monitor3_list .item .padd {
        padding: 20px
    }

    .heritage_monitor3_list .item .padd .date {
        margin: 5px 0
    }

    .heritage_monitor1 {
        padding: 40px 0
    }

    .heritage_monitor1 .j-title {
        margin-bottom: 20px
    }

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

    .heritage_monitor1 .cont .pic {
        width: 100%;
        margin-bottom: 20px
    }

    .heritage_monitor1 .cont .text {
        padding: 0;
        margin: 0
    }

    .heritage_monitor1 .cont .text .j-title {
        margin-bottom: 20px
    }

    .heritage_monitor1 .cont .text .scroll1 {
        height: 200px
    }

    .heritage_monitor2 .cont {
        padding: 40px 0
    }

    .heritage_monitor2 .text {
        width: 100%
    }

    .heritage_monitor2 .text .j-title {
        margin-bottom: 20px
    }

    .heritage_monitor2 .text .scroll1 {
        height: 200px
    }

    .heritage_monitor3 {
        padding: 40px 0
    }

    .heritage_monitor2 .pic {
        position: relative;
        top: 0;
        bottom: 0;
        width: 100%;
        padding: 30px 15px;
        margin-top: 20px
    }

    .heritage_monitor3 .j-title {
        margin-bottom: 20px
    }

    .heritage_monitor3 .mores {
        margin-top: 20px
    }
}

.mask-head::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
    background: url(../images/mask1.png) no-repeat top center;
    background-size: 100% auto
}

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

.home1 #wrapper {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0.6;
    -webkit-transition: all 1.6s ease-in-out;
    transition: all 1.6s ease-in-out
}

.home1.anim #wrapper {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.home1 .nivo-directionNav {
    display: none
}

.home1 .theme-default .nivo-controlNav {
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 0;
    width: 100%;
    z-index: 99;
    padding: 0
}

.home1 .theme-default .nivo-controlNav a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/bullets.png) no-repeat;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px
}

.home1 .theme-default .nivo-controlNav a.active {
    background-position: 0 -22px
}

.home2 {
    background: #eaeee9;
    overflow: hidden;
    position: relative;
    padding-bottom: 215px
}

.home2 .j-title {
    padding: 6.25vw 0 0
}

.home2 .x-wrap {
    z-index: 1
}

.home2 .yun {
    position: relative;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/home0.png) no-repeat top center;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
    -webkit-animation: scale2 28s forwards ease-in-out 0s infinite alternate;
    animation: scale2 28s forwards ease-in-out 0s infinite alternate
}

.home2 .yun::before {
    content: '';
    display: block;
    padding-top: 52.08333%
}

.home2 .yun .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .tab_bgs {
    position: relative;
    overflow: hidden;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.18, -0.24, 0, 1.06) 0.1s;
    transition: -webkit-transform 1.5s cubic-bezier(0.18, -0.24, 0, 1.06) 0.1s;
    transition: transform 1.5s cubic-bezier(0.18, -0.24, 0, 1.06) 0.1s;
    transition: transform 1.5s cubic-bezier(0.18, -0.24, 0, 1.06) 0.1s, -webkit-transform 1.5s cubic-bezier(0.18, -0.24, 0, 1.06) 0.1s;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.home2 .tab_bgs::before {
    content: '';
    display: block;
    padding-top: 122.91667%
}

.home2 .tab_bgs .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .tab_bgs .bgi {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 0.3s;
    transition: opacity 1s ease-in-out 0.3s;
    opacity: 0
}

.home2 .tab_bgs .bgi .i1 {
    position: absolute;
    top: 0;
    height: 50%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.home2 .tab_bgs .bgi.act {
    opacity: 1
}

.home2 .tab_pic {
    position: relative;
    overflow: hidden;
    width: 60.1626%;
    margin: auto;
    overflow: inherit;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 200%;
    transform-origin: 50% 200%;
    -webkit-transition: -webkit-transform 1.5s ease-in-out 0s;
    transition: -webkit-transform 1.5s ease-in-out 0s;
    transition: transform 1.5s ease-in-out 0s;
    transition: transform 1.5s ease-in-out 0s, -webkit-transform 1.5s ease-in-out 0s
}

.home2 .tab_pic::before {
    content: '';
    display: block;
    padding-top: 105.67568%
}

.home2 .tab_pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .tab_pic .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out 0.3s;
    transition: opacity 1s ease-in-out 0.3s;
    opacity: 0
}

.home2 .tab_pic .pic.act {
    opacity: 1
}

.home2 .tab_pic .pic .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    overflow: hidden
}

.home2 .tab_pic .pic .img::before {
    content: '';
    display: block;
    padding-top: 105.67568%
}

.home2 .tab_pic .pic .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .tab_pic .pic .img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.home2 .tab_bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 348px;
    z-index: 1
}

.home2 .tab_bar .yp {
    content: "";
    position: absolute;
    top: 0;
    background: url(../images/yp.png) no-repeat top center;
    width: 3046px;
    height: 3046px;
    left: 50%;
    margin-left: -1523px;
    -webkit-transition: -webkit-transform 1.5s ease-in-out 0s;
    transition: -webkit-transform 1.5s ease-in-out 0s;
    transition: transform 1.5s ease-in-out 0s;
    transition: transform 1.5s ease-in-out 0s, -webkit-transform 1.5s ease-in-out 0s;
    pointer-events: none
}

.home2 .tab_bar .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home2 .tab_bar .btn1 {
    font-size: 20px;
    position: absolute;
    z-index: 1;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media (max-width: 768px) {
    .home2 .tab_bar .btn1 {
        font-size:18px
    }
}

.home2 .tab_bar .btn1.s1 {
    left: 50%;
    -webkit-transform: translateX(-455px) rotate(-15deg);
    transform: translateX(-455px) rotate(-15deg);
    top: 83px
}

.home2 .tab_bar .btn1.s2 {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 34px
}

.home2 .tab_bar .btn1.s3 {
    right: 50%;
    -webkit-transform: translateX(455px) rotate(15deg);
    transform: translateX(455px) rotate(15deg);
    top: 84px
}

.home2 .tab_bar .btn1.cur {
    color: #ffe596;
    font-weight: bold;
    cursor: auto
}

.home2 .tab_cont {
    position: absolute;
    left: 0;
    top: 15.36458vw;
    z-index: 3
}

.home2 .tab_cont .tab_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home2 .tab_cont .tab_item.act {
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    opacity: 1
}

.home2 .tab_cont .data_wp {
    margin-right: 60px
}

.home2 .tab_cont .data_wp .item {
    color: #2e3f28;
    text-align: center;
    position: relative
}

.home2 .tab_cont .data_wp .item .t1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .home2 .tab_cont .data_wp .item .t1 {
        font-size:16px
    }
}

.home2 .tab_cont .data_wp .item .t2 {
    font-size: 36px;
    line-height: 1.2;
    font-family: "dfdk"
}

@media (max-width: 1680px) {
    .home2 .tab_cont .data_wp .item .t2 {
        font-size:32px
    }
}

@media (max-width: 768px) {
    .home2 .tab_cont .data_wp .item .t2 {
        font-size:24px
    }
}

.home2 .tab_cont .data_wp .item+.item {
    padding-top: 55px
}

.home2 .tab_cont .data_wp .item+.item::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    width: 14px;
    height: 36px;
    background: url(../images/icon1.png) no-repeat center;
    margin-left: -7px
}

.home2 .tab_cont .link_wp .item {
    color: #2e3f28;
    text-align: center
}

.home2 .tab_cont .link_wp .item .ico {
    width: 95px;
    height: 88px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}
.home2 .tab_cont .link_wp .item:nth-of-type(1) .ico{
    background-image: url(../images/icon2.png);
}
.home2 .tab_cont .link_wp .item:nth-of-type(2) .ico{
    background-image: url(../images/icon3.png);
}
.home2 .tab_cont .link_wp .item:nth-of-type(3) .ico{
    background-image: url(../images/icon4.png);
}
.home2 .tab_cont .link_wp .item .ico img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.home2 .tab_cont .link_wp .item .t1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .home2 .tab_cont .link_wp .item .t1 {
        font-size:16px
    }
}

.home2 .tab_cont .link_wp .item+.item {
    padding-top: 25px
}

.home2 .tzgg {
    position: absolute;
    right: 0;
    top: 15.36458vw;
    z-index: 3;
    width: 370px
}

.home2 .tzgg .list .line {
    padding: 20px 0;
    margin-left: 30px;
    border-bottom: 1px dashed #98b5a7;
    font-size: 18px
}

@media (max-width: 768px) {
    .home2 .tzgg .list .line {
        font-size:16px
    }
}

.home2 .tzgg .list .line .t1 {
    position: relative;
    color: #2e3f28;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden
}

.home2 .tzgg .list .line .t1::before {
    content: "";
    width: 17px;
    height: 13px;
    background: url(../images/arr1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: -30px
}

.home2 .tzgg .list .line .date {
    color: #8c9689;
    margin-top: 5px
}

.home2 .tzgg .mores {
    margin: 50px 0 0 30px
}

.home2 .tzgg .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home2 .tzgg .top .mores {
    margin: 0
}

.home3 {
    background: #d1dfce url(../images/home1.jpg) no-repeat top center;
    background-size: 100% auto;
    padding-bottom: 30vw;
    position: relative
}

.home3 .j-title {
    position: relative;
    z-index: 2
}

.home3 .cont {
    position: relative;
    z-index: 1
}

.home3 .cont .pic_wp {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: -3.5vw;
    z-index: 2;
    overflow: inherit
}

.home3 .cont .pic_wp::before {
    content: '';
    display: block;
    padding-top: 44.27083%
}

.home3 .cont .pic_wp .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.home3 .cont .pic_wp .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.home3 .cont .pic_wp .pic img {
    width: 100%;
    height: auto
}

.home3 .cont .pic_wp .pic.pic4 {
    width: 58.4375%;
    top: 25%
}

.home3 .cont .pic_wp .pic.pic6 {
    width: 19.21875%;
    top: 74%;
    left: auto;
    right: 13.5416%
}

.home3 .cont .pic_wp .pic.pic7 {
    width: 23.07291%;
    top: -6%;
    left: auto;
    right: 13.0208%;
    -webkit-transform-origin: 150% 150%;
    transform-origin: 150% 150%
}

.home3 .cont .j-more2 {
    margin: -5vw auto 0;
    z-index: 2
}

.home3 .cont .lines {
    position: relative;
    overflow: hidden;
    width: 45.2604%;
    position: absolute;
    top: 13%;
    left: 33.59375vw;
    z-index: 2
}

.home3 .cont .lines::before {
    content: '';
    display: block;
    padding-top: 68.35443%
}

.home3 .cont .lines .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.home3 .cont .lines img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.home3 .bgi1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    bottom: 39vw;
    right: 0;
    width: 31.5104%;
    background: url(../images/home7.png) no-repeat right top;
    background-size: cover;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 100% center;
    transform-origin: 100% center
}

.home3 .bgi1::before {
    content: '';
    display: block;
    padding-top: 110.41322%
}

.home3 .bgi1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.home3 .bgi2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../images/home8.png) no-repeat center top;
    background-size: cover;
    margin-top: 4.9479vw
}

.home3 .bgi2::before {
    content: '';
    display: block;
    padding-top: 27.55208%
}

.home3 .bgi2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 {
    margin-top: -44.3vw;
    position: relative;
    z-index: 1
}

.home4 .tab-mod .tab-bar {
    padding: 3.125vw 0 0
}

.home4 .tab-mod .tab-cont {
    position: relative;
    padding: 0 0 13.1979vh
}

.home4 .tab-mod .tab-cont::before {
    content: "";
    position: absolute;
    top: -1.35416vw;
    left: 0;
    width: 100%;
    background: url(../images/home9.png) no-repeat top center;
    background-size: cover;
    bottom: 0
}

.home4 .tab-mod .tab-cont .tab-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    overflow: hidden
}

.home4 .tab-mod .tab-cont .tab-item.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod {
    margin: 0 13.5416vw
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-list {
    margin: 0 -1.71875vw;
    padding-top: 9.8958vw
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar {
    margin: 0 1.71875vw
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar .img::before {
    content: '';
    display: block;
    padding-top: 136.33333%
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-mod .tab-cont .tab-item .slick-mod .slick-item .mar .img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-mask-image: none;
    mask-image: none;
    -webkit-mask-size: cover;
    mask-size: cover
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .txt {
    text-align: center;
    padding: 25px 5px 0
}

.home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .txt .t1 {
    font-size: 18px;
    color: #ffffff
}

@media (max-width: 768px) {
    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .txt .t1 {
        font-size:16px
    }
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow {
    position: absolute;
    top: 9.8958vw;
    bottom: 54px;
    margin: auto;
    width: 50px;
    height: 50px;
    color: #6673a0;
    background: none
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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;
    z-index: 1
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #6c7bae;
    border-radius: 50%
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow.slick-prev {
    left: -6.5104vw
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow.slick-prev::before {
    content: '\e500'
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow.slick-next {
    right: -6.5104vw
}

.home4 .tab-mod .tab-cont .tab-item .slick-arrow.slick-next::before {
    content: '\e501'
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper {
    margin: 0 13.5416vw;
    padding-top: 9.8958vw;
    position: relative
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide {
    width: 55.9285%
}
.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide a{
    display: block;
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .img {
    position: relative;
    overflow: hidden;
    width: 100%
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .img::before {
    content: '';
    display: block;
    padding-top: 56.19413%
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-mod .tab-cont .tab-item .my_swiper .swiper-slide .img img {
    width: 100%;
    display: block
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .txt .t1 {
    padding-top: 1.5625vw;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    opacity: 0
}

@media (max-width: 768px) {
    .home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .txt .t1 {
        font-size:16px
    }
}

.home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide.swiper-slide-active .t1 {
    opacity: 1
}

.home5 {
    padding: 17.584vw 0 16.14583vw;
    position: relative
}

.home5 .bgi {
    background: url(../images/home6.jpg) no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: -220vh;
    pointer-events: none;
    background-attachment: fixed
}

.home5 .home5_box {
    margin: 0 13.5416vw
}

.home5 .tab-mod .tab-cont {
    position: relative
}

.home5 .tab-mod .tab-cont .tab-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 1
}

.home5 .tab-mod .tab-cont .tab-item.act {
    position: relative;
    visibility: visible;
    opacity: 1
}

.home5 .tab-mod .tab-cont .tab-item .img_box {
    position: relative
}
.home5 .tab-mod .tab-cont .tab-item .img_box a{
    display: block;
}
.home5 .tab-mod .tab-cont .tab-item .img_box .pic {
    position: absolute;
    z-index: 3;
    pointer-events: none
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic img {
    width: 100%
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.pic1 {
    width: 67.2916vw;
    bottom: -7.655vw;
    right: -10.4166vw
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.pic2 {
    width: 48.5416vw;
    bottom: -0.2605vw;
    right: -5.0521vw
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.pic2+.pic2 {
    z-index: 3
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.pic3 {
    width: 44.6875vw;
    bottom: 0vw;
    right: 0vw;
    overflow: hidden
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.pic3+.pic3 {
    z-index: 3
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.anim1 img {
    -webkit-transform-origin: 38.4375vw 24.8437vw;
    transform-origin: 38.4375vw 24.8437vw;
    -webkit-animation: mark_blowing 2.2s forwards ease-in-out 0s infinite alternate;
    animation: mark_blowing 2.2s forwards ease-in-out 0s infinite alternate
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.anim2 img {
    -webkit-transform-origin: 6.8229vw 9.42703vw;
    transform-origin: 6.8229vw 9.42703vw;
    -webkit-animation: rot8 5.5s forwards ease-in-out 0s infinite alternate;
    animation: rot8 5.5s forwards ease-in-out 0s infinite alternate
}

.home5 .tab-mod .tab-cont .tab-item .img_box .pic.anim3 img {
    -webkit-transform-origin: 34.8958vw 34.8437vw;
    transform-origin: 34.8958vw 34.8437vw;
    -webkit-animation: rot7 3.3s forwards ease-in-out 0s infinite alternate;
    animation: rot7 3.3s forwards ease-in-out 0s infinite alternate
}

.home5 .tab-mod .tab-cont .tab-item .img_box .bg {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 2
}

.home5 .tab-mod .tab-cont .tab-item .img_box .bg::before {
    content: '';
    display: block;
    padding-top: 41.66667%
}

.home5 .tab-mod .tab-cont .tab-item .img_box .bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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 .tab-mod .tab-cont .tab-item .img_box .bg img {
    width: 100%
}

.home6 {
    position: relative;
    padding: 0 0 7.8125vw
}

.home6 .cont {
    margin: 0 13.5416vw
}

.home6 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home6 .list .item {
    width: calc(33.33% - 43px)
}

.home6 .list .item+.item {
    margin-left: 64px
}

.home6 .list .item .bg {
    width: 100%;
    position: relative;
    border-radius: 50%
}

.home6 .list .item .bg::before {
    content: "";
    padding-bottom: 100%;
    display: block
}

.home6 .list .item .bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/home17.png) no-repeat center;
    background-size: cover
}

.home6 .list .item .bg .img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 87.0283%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home6 .list .item .bg .img::before {
    content: "";
    padding-bottom: 100%;
    display: block
}

.home6 .list .item .bg .img img {
    width: 101%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    margin: -2px 0 0 -2px;
    -webkit-animation: scale1 20s linear infinite;
    animation: scale1 20s linear infinite
}

.home6 .list .item .bg .ico {
    width: 100%;
    position: absolute;
    top: 18.5%;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.home6 .list .item .bg .ico img {
    width: 100%;
    height: auto
}

.home6 .list .item .txt {
    text-align: center;
    padding-top: 18.5%
}

.home6 .list .item .txt .t1 {
    font-size: 36px;
    line-height: 1.2;
    font-family: "dfdk"
}

@media (max-width: 1680px) {
    .home6 .list .item .txt .t1 {
        font-size:32px
    }
}

@media (max-width: 768px) {
    .home6 .list .item .txt .t1 {
        font-size:24px
    }
}

.home6 .list .item:nth-child(1) .bg::after {
    -webkit-animation: rot4 20s linear infinite;
    animation: rot4 20s linear infinite
}

.home6 .list .item:nth-child(2) .bg::after {
    -webkit-animation: rot4 20s linear infinite 0.6s;
    animation: rot4 20s linear infinite 0.6s
}

.home6 .list .item:nth-child(3) .bg::after {
    -webkit-animation: rot4 20s linear infinite 1.2s;
    animation: rot4 20s linear infinite 1.2s
}

.home6_b {
    position: relative;
    padding: 0vw 0 9.375vw
}

.home6_b .home_b_box {
    position: relative
}

.home6_b .bgis {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute
}

.home6_b .bgis::before {
    content: '';
    display: block;
    padding-top: 14.79167%
}

.home6_b .bgis .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.home6_b .bgis .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.home6_b .bgis .bg.bg1 {
    background-image: url(../images/home20.png)
}

.home6_b .bgis .bg.bg2 {
    background-image: url(../images/home21.png)
}

.home6_b .bgis .bg.bg3 {
    background-image: url(../images/home22.png)
}

.home6_b .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home6_b .list .item {
    position: relative;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    margin: 0 3.8vw;
    padding-bottom: 4vw
}

.home6_b .list .item .txt .t1 {
    font-size: 44px;
    line-height: 1.1;
    font-family: "dfdk";
    font-weight: bold
}

@media (max-width: 1680px) {
    .home6_b .list .item .txt .t1 {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .home6_b .list .item .txt .t1 {
        font-size:28px
    }
}

.home6_b .list .item .x {
    width: 13px;
    height: 13px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 15px 0 20px;
    position: relative
}

.home6_b .list .item .x::after {
    content: "";
    top: 100%;
    border-left: 1px dashed transparent;
    height: 13.0208vw;
    position: absolute
}

.home6_b .list .item .pic_wp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.home6_b .list .item .pic_wp .img_mask {
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.home6_b .list .item .pic_wp .img_mask img {
    width: 100%
}

.home6_b .list .item .pic_wp .pic {
    position: relative;
    overflow: hidden;
    width: 15.5729vw;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.home6_b .list .item .pic_wp .pic::before {
    content: '';
    display: block;
    padding-top: 90.63545%
}

.home6_b .list .item .pic_wp .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.home6_b .list .item .pic_wp .pic img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.home6_b .list .item .pic_wp .pic canvas {
    position: absolute;
    -webkit-transform: translate(0%, -100%);
    transform: translate(0%, -100%);
    left: 0
}

.home6_b .list .item.i1 {
    color: #2e3f28
}

.home6_b .list .item.i1 .x {
    background-image: url(../images/arr3_1.png)
}

.home6_b .list .item.i1 .x::after {
    border-color: #98b5a7
}

.home6_b .list .item.i1 .pic_wp .img_mask {
    width: 26.9791vw;
    bottom: -5.3vw;
    left: -1.7vw
}

.home6_b .list .item.i2 {
    color: #654b37
}

.home6_b .list .item.i2 .x {
    background-image: url(../images/arr3_2.png)
}

.home6_b .list .item.i2 .x::after {
    border-color: #cdb5a3
}

.home6_b .list .item.i2 .pic_wp .img_mask {
    width: 19.1145vw;
    bottom: -2.7vw;
    left: 2.1vw
}

.home6_b .list .item.i3 {
    color: #2f3e5e
}

.home6_b .list .item.i3 .x {
    background-image: url(../images/arr3_3.png)
}

.home6_b .list .item.i3 .x::after {
    border-color: #a4acb9
}

.home6_b .list .item.i3 .pic_wp .img_mask {
    width: 23.0729vw;
    bottom: -4.2vw;
    left: -2.6vw
}

.home7 {
    background: url(../images/mask2.png) repeat-x top;
    position: relative
}

.home7 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.home7 .cont .item {
    width: 17.7083vw;
    position: relative;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7.03125vw 0 21.9166vw
}

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

.home7 .cont .item::after {
    content: "";
    background: #fff;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 10px;
    position: absolute
}

.home7 .cont .item:last-child::before {
    content: "";
    background: #fff;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 10px;
    position: absolute
}

.home7 .cont .item .cell {
    padding: 0 2.0833vw
}

.home7 .cont .item .t1 {
    font-size: 22px;
    color: #2e3f28;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .home7 .cont .item .t1 {
        font-size:18px
    }
}

.home7 .cont .item .p {
    font-size: 16px;
    color: #92a48d;
    margin: 10px 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 6em;
    text-overflow: ellipsis;
    overflow: hidden
}

.home7 .cont .item .date {
    font-size: 18px;
    color: #2e3f28
}

@media (max-width: 768px) {
    .home7 .cont .item .date {
        font-size:16px
    }
}

.home7 .cont .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home7 .cont .mores {
    position: absolute;
    top: 11.9791vw;
    right: 7.2916vw
}

.tab-bar1 {
    text-align: center
}

.tab-bar1 .tab-term {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    color: #597751;
    margin: 0 40px;
    padding-bottom: 25px;
    position: relative;
    line-height: 1.3
}

@media (max-width: 768px) {
    .tab-bar1 .tab-term {
        font-size:20px
    }
}

.tab-bar1 .tab-term::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 36px;
    height: 14px;
    background: url(../images/icon9.png) no-repeat center;
    background-size: contain;
    margin-left: -18px;
    opacity: 0
}

.tab-bar1 .tab-term.cur {
    color: #2e3f28;
    font-weight: bold
}

.tab-bar1 .tab-term.cur::after {
    opacity: 1
}

.tab-bar1.col1 .tab-term {
    color: #2b3241
}

.tab-bar1.col1 .tab-term::after {
    background-image: url(../images/icon21.png)
}

.tab-bar2 {
    margin-bottom: 50px
}

.tab-bar2 .tab-term {
    display: inline-block;
    vertical-align: bottom;
    font-size: 36px;
    line-height: 1.2;
    color: #859a77;
    margin: 0 35px;
    padding-bottom: 25px;
    position: relative;
    font-family: "dfdk"
}

@media (max-width: 1680px) {
    .tab-bar2 .tab-term {
        font-size:32px
    }
}

@media (max-width: 768px) {
    .tab-bar2 .tab-term {
        font-size:24px
    }
}

.tab-bar2 .tab-term::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 36px;
    height: 14px;
    background: url(../images/icon9.png) no-repeat center;
    background-size: contain;
    margin-left: -18px;
    opacity: 0
}

.tab-bar2 .tab-term::before {
    content: "";
    border-left: 1px dashed #98b5a7;
    top: 100%;
    height: 0;
    position: absolute;
    left: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.tab-bar2 .tab-term.cur {
    color: #2e3f28;
    font-weight: bold;
    font-size: 44px;
    line-height: 1.1
}

@media (max-width: 1680px) {
    .tab-bar2 .tab-term.cur {
        font-size:40px
    }
}

@media (max-width: 768px) {
    .tab-bar2 .tab-term.cur {
        font-size:28px
    }
}

.tab-bar2 .tab-term.cur::before {
    height: 50px
}

.tab-bar2 .tab-term.cur::after {
    opacity: 1
}
.pages{
    text-align: center;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.pages.mt-12{
    margin-top: 12px;
}
.pages li{
    display: inline-block;
    padding: 0 5px;
    border-radius: 50%;
    border: 1px dashed #2e3f28;
    color: #2e3f28;
    -webkit-transition-property: color, background, border;
    transition-property: color, background, border;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    line-height: 46px;
    min-width: 48px;
    padding: 0 8px;
    font-family: Arial;
    margin: 0 6px;
}
.pages li.slh{
    border-color: #2e3f28!important;
    background-color: transparent!important;
    color: #2e3f28!important;
}
.pages li a{
    display: block;
}
.pages .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 48px;
    border: 1px dashed #2e3f28;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
}
.pages .paging-table{
    display: flex;
    height: 100%;
}
.pages .paging-input{
    width: 70px;
    padding: 0 10px 0 20px;
}
.pages .paging-btn{
    border: 1px dashed #2e3f28;
    width: 46px;
    cursor: pointer;
    border-right: 0;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 50% 0 0 50%;
    height: 46px;
    margin-right: 2px;
}
.page-next a::before,.page-previous a::before{
    content: '\e505';
    display: block;
    text-align: center;
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
}
.page-previous a::before{
    content: '\e504';
}
.pages li:hover,.pages li.page-active{
    border-color: #2e3f28;
    background-color: #2e3f28;
    color: #fff;
}
.no-data{
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}
@media (min-width: 769px) {
    .home2 .tab_cont .link_wp .item:hover .ico img {
        -webkit-transform:scale(1.2);
        transform: scale(1.2)
    }

    .home4.xr-act .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar .img {
        -webkit-box-shadow: 18.703px 18.061px 8px 0px rgba(0,0,0,0.23);
        box-shadow: 18.703px 18.061px 8px 0px rgba(0,0,0,0.23)
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar:hover .img {
        -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.6);
        box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.6)
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-arrow:hover {
        color: #ffffff
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-arrow:hover::after {
        background-color: #6c7bae
    }

    .home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .img {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out
    }

    .home4.xr-cur .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide .img {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    .home5 .tab-mod .tab-cont .tab-item .img_box .pic {
        -webkit-transition: all 1.8s ease-in-out;
        transition: all 1.8s ease-in-out;
        -webkit-transform: translateX(5vw);
        transform: translateX(5vw)
    }

    .home5.xr-cur .tab-mod .tab-cont .tab-item .img_box .pic {
        -webkit-transition: all 1.8s ease-in-out;
        transition: all 1.8s ease-in-out;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .home6 .list .item:hover .bg .ico {
        top: 16%;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .home6_b .list .item:hover .pic_wp .pic {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    .home6_b .list .item:hover .pic_wp .img_mask {
        -webkit-transform: translateX(2vw);
        transform: translateX(2vw);
        opacity: 0.9
    }

    .home7 .cont .item:hover .t1 {
        font-weight: bold
    }
}

@media (max-width: 1930px) {
    .home5 {
        padding:14.584vw 0 11.4583vw
    }
}

@media (max-width: 1290px) {
    .home2 .tab_cont .data_wp {
        margin-right:20px
    }
}

@media (max-width: 1430px) {
    .home4 .tab-mod .tab-cont .tab-item .slick-mod,.home4 .tab-mod .tab-cont .tab-item .my_swiper {
        margin:0 7vw
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-list {
        margin: 0 -5px
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .mar {
        margin: 0 5px
    }

    .home4 .tab-mod .tab-cont {
        padding-bottom: 8vw
    }

    .home5 {
        padding-top: 8vw
    }

    .home5 .home5_box {
        margin: 0 7vw
    }

    .home2 .tab_cont .link_wp .item .ico {
        width: 80px;
        height: auto
    }

    .home2 .tzgg {
        width: 30vw
    }

    .tab-bar1 .tab-term {
        margin: 0 20px
    }

    .tab-bar2 {
        margin-bottom: 30px
    }

    .tab-bar2 .tab-term {
        margin: 0 5px
    }
}

@media (max-width: 986px) {
    .tab-bar2 .tab-term {
        font-size:42px;
        line-height: 1.2
    }
}

@media (max-width: 986px) and (max-width: 768px) {
    .tab-bar2 .tab-term {
        font-size:26px
    }
}

@media (max-width: 986px) {
    .tab-bar2 .tab-term.cur {
        font-size:36px;
        line-height: 1.2
    }
}

@media (max-width: 986px) and (max-width: 1680px) {
    .tab-bar2 .tab-term.cur {
        font-size:32px
    }
}

@media (max-width: 986px) and (max-width: 768px) {
    .tab-bar2 .tab-term.cur {
        font-size:24px
    }
}

@media (max-width: 986px) {
    .home6_b .list .item .txt .t1 {
        font-size:42px;
        line-height: 1.2
    }
}

@media (max-width: 986px) and (max-width: 768px) {
    .home6_b .list .item .txt .t1 {
        font-size:26px
    }
}

@media (max-width: 986px) {
    .home7 .cont {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home7 .cont .item {
        width: 20vw
    }

    .home7 .cont>.item {
        margin-left: 0
    }

    .home7 .cont>.item::after {
        display: none
    }

    .home2 {
        padding-bottom: 115px
    }

    .home2 .tab_bar {
        padding-bottom: 240px
    }

    .home2 .tab_cont .link_wp .item .ico {
        width: 65px
    }

    .home2 .tab_cont .data_wp .item .t2 {
        font-size: 38px
    }
}

@media (max-width: 986px) and (max-width: 768px) {
    .home2 .tab_cont .data_wp .item .t2 {
        font-size:24px
    }
}

@media (max-width: 986px) {
    .home2 .tzgg .list .line {
        padding:10px 0
    }

    .home2 .tzgg .mores {
        margin-top: 20px
    }

    .home2 .tab_bar .btn1.s1 {
        -webkit-transform: translateX(-335px) rotate(-10deg);
        transform: translateX(-335px) rotate(-10deg);
        top: 55px
    }

    .home2 .tab_bar .btn1.s3 {
        -webkit-transform: translateX(310px) rotate(10deg);
        transform: translateX(310px) rotate(10deg);
        top: 53px
    }

    .home2 .tab_cont,.home2 .tzgg {
        top: 14.5vw
    }

    .home2 .tab_cont .link_wp .item+.item {
        padding-top: 10px
    }

    .home2 {
        padding-top: 40px;
        padding-bottom: 75px
    }

    .home2 .j-title {
        padding: 0 0 20px
    }

    .home2 .tab_cont,.home2 .tzgg {
        position: static;
        width: 100%
    }

    .home2 .tab_cont .tab_item {
        display: block
    }

    .home2 .tab_cont .data_wp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 40px;
        margin: 0
    }

    .home2 .tab_cont .data_wp .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .home2 .tab_cont .data_wp .item+.item {
        padding-top: 0
    }

    .home2 .tab_cont .data_wp .item .t2 {
        font-size: 36px;
        line-height: 1.2;
        padding-top: 5px
    }
}

@media (max-width: 986px) and (max-width: 1680px) {
    .home2 .tab_cont .data_wp .item .t2 {
        font-size:32px
    }
}

@media (max-width: 986px) and (max-width: 768px) {
    .home2 .tab_cont .data_wp .item .t2 {
        font-size:24px
    }
}

@media (max-width: 986px) {
    .home2 .tab_cont .data_wp .item+.item::before {
        -webkit-transform:rotate(-90deg) translate(30%, -15vw) scale(0.8);
        transform: rotate(-90deg) translate(30%, -15vw) scale(0.8);
        top: 50%
    }

    .home2 .tab_cont .link_wp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 10px
    }

    .home2 .tab_cont .link_wp .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .home2 .tab_cont .link_wp .item .ico {
        margin: 0 auto 5px
    }

    .home2 .tab_cont .link_wp .item+.item {
        padding-top: 0
    }

    .home2 .tab_bar {
        padding-bottom: 120px
    }

    .home2 .tab_bar .yp {
        width: 2000px;
        height: 2000px;
        margin-left: -1000px;
        background-size: cover
    }

    .home2 .tab_pic {
        -webkit-transform-origin: 50% 280%;
        transform-origin: 50% 280%;
        width: 76%
    }

    .home2 .tab_bar .btn1 {
        font-size: 16px
    }

    .home2 .tab_bar .btn1.s1 {
        -webkit-transform: translateX(-188px) rotate(-7deg);
        transform: translateX(-188px) rotate(-7deg);
        top: 30px
    }

    .home2 .tab_bar .btn1.s2 {
        top: 21px
    }

    .home2 .tab_bar .btn1.s3 {
        -webkit-transform: translateX(170px) rotate(7deg);
        transform: translateX(170px) rotate(7deg);
        top: 29px
    }
}

@media (max-width: 768px) {
    .no-data{
        line-height: 30px;
        margin-top: 10px;
        font-size: 16px;
    }
    .pages li.page,.pages li.slh{
        display: none!important;
    }
    .pages li{
        min-width: 40px;
        line-height: 38px;
    }
    .pages .paging-jump{
        margin-left: 26px;
        width: 100px;
        height: 40px;
    }
    .pages .paging-btn{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .pages{
        margin-top: 30px;
    }
    .pages .paging-input{
        width: 58px;
    }
    .tab-bar1 .tab-term {
        margin:0 8px;
        padding-bottom: 20px
    }

    .home3 {
        padding-bottom: 4;
    }

    .home3 .bgi2 {
        margin-top: 100px
    }

    .home4 {
        margin-top: -270px
    }

    .home4 .tab-mod .tab-cont {
        padding-bottom: 60px
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-item .txt {
        padding-top: 10px
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-mod .slick-list,.home4 .tab-mod .tab-cont .tab-item .my_swiper {
        padding-top: 80px
    }

    .home4 .tab-mod .tab-cont .tab-item .slick-arrow {
        width: 40px;
        height: 40px;
        bottom: 0;
        font-size: 14px
    }

    .home4 .tab-mod .tab-cont .tab-item .my_swiper .swiper-slide {
        width: 100%
    }

    .tab-bar2 {
        margin-bottom: 15px
    }

    .tab-bar2 .tab-term {
        padding-bottom: 15px
    }

    .home5 {
        padding: 40px 0 50px
    }

    .home5 .home5_box {
        margin: 0 15px
    }

    .home5 .tab-bar2 .tab-term {
        margin: 0 3px;
        font-size: 32px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .home5 .tab-bar2 .tab-term {
        font-size:22px
    }
}

@media (max-width: 768px) {
    .home5 .tab-bar2 .tab-term.cur {
        font-size:32px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .home5 .tab-bar2 .tab-term.cur {
        font-size:22px
    }
}

@media (max-width: 768px) {
    .home6_b {
        padding:0px 0 40px
    }

    .home6_b .list .item .pic_wp .pic {
        width: 26vw
    }

    .home6_b .list .item .txt .t1 {
        font-size: 36px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .home6_b .list .item .txt .t1 {
        font-size:24px
    }
}

@media (max-width: 768px) {
    .home6_b .list .item {
        margin:0 5px
    }

    .home6_b .list .item .x::after {
        height: 25vw
    }

    .home7 .cont .item {
        margin-left: 5px;
        padding: 20px 15px
    }

    .home7 .cont>.item {
        min-width: 60px;
        margin-left: 0
    }

    .home7 .cont .item::after {
        left: -5px;
        width: 5px
    }

    .home7 .cont .item::before {
        content: "";
        position: absolute;
        background: #fff;
        height: 5px;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.7
    }

    .home7 .cont .list {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .home7 .cont .list .item {
        width: 100%;
        padding-left: 10px
    }

    .home7 .cont .item .p {
        margin: 5px 0
    }

    .home7 .cont .mores {
        right: auto;
        left: 0;
        top: calc(25% + 30px);
        min-width: 60px;
        width: 20vw
    }

    .home7 .cont .mores .j-more {
        margin: auto
    }

    .home7 .cont .item .cell {
        width: 100%
    }
}

@media (max-width: 550px) {
    .home4 .tab-mod .tab-cont {
        padding-bottom:40px
    }
}

.insti_introduction1 {
    background: url(../images/gy/jpg9.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 11.3vw;
    position: relative
}

.insti_introduction1 .bg {
    background: url(../images/gy/png5.png) center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.insti_introduction1 .bg::before {
    content: '';
    display: block;
    padding-top: 53.75%
}

.insti_introduction1 .bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.insti_introduction1 .box1 {
    padding-bottom: 100px
}

.insti_introduction1 .box1 .text {
    font-size: 16px;
    color: #2e3f28;
    margin-top: 33px;
    min-height: 27.35vw
}

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

.insti_introduction1 .box2 {
    position: relative;
    padding-bottom: 18.8vw;
    background: url(../images/gy/png8.png) bottom center no-repeat;
    background-size: 100%
}

.insti_introduction1 .box2 .bgimg1 {
    position: absolute;
    top: -12.435%;
    left: 0;
    width: 23.125%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease
}

.insti_introduction1 .box2 .bgimg1 img {
    width: 100%;
    z-index: 3;
    -webkit-animation: rot5 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot5 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: -100% center;
    transform-origin: -100% center
}

.insti_introduction1 .box2 .bgimg2 {
    position: absolute;
    top: -24px;
    right: 8.958%;
    width: 23.072%
}

.insti_introduction1 .box2 .j-title {
    position: absolute;
    left: 8.285%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.insti_introduction1 .box2 .tracker-mod {
    z-index: 2
}

.insti_introduction1 .box2 .tracker-mod .xicon {
    background: url(../images/gy/icon3.png) center no-repeat;
    background-size: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.insti_introduction1 .box2 .tracker-mod .xicon.tracker-prev {
    top: 0
}

.insti_introduction1 .box2 .tracker-mod .xicon.tracker-next {
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    bottom: 0
}

.insti_introduction1 .box2 .tracker-mod .tracker-item {
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2e3f28;
    position: relative;
    text-align: center;
    margin: 0;
    line-height: 42px;
    width: 240px
}

@media (max-width: 768px) {
    .insti_introduction1 .box2 .tracker-mod .tracker-item {
        font-size:20px
    }
}

.insti_introduction1 .box2 .tracker-mod .tracker-item .t {
    position: relative;
    display: inline-block
}

.insti_introduction1 .box2 .tracker-mod .tracker-item+.tracker-item {
    margin-top: 83px
}

.insti_introduction1 .box2 .tracker-mod .tracker-item+.tracker-item::before {
    content: '';
    background: url(../images/gy/icon4.png) center no-repeat;
    background-size: auto 100%;
    width: 13px;
    height: 83px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -83px
}

.insti_introduction1 .box2 .tracker-mod .tracker-item.cur {
    font-size: 36px;
    color: #856248;
    font-weight: bold
}

@media (max-width: 768px) {
    .insti_introduction1 .box2 .tracker-mod .tracker-item.cur {
        font-size:24px
    }
}

.insti_introduction1 .box2 .tracker-mod .tracker-item.cur .t::before {
    content: '';
    background: url(../images/gy/icon3.png) center no-repeat;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    position: absolute;
    left: -24px;
    top: 50%;
    background-size: cover
}

.insti_introduction1 .box2 .tracker-mod .tracker-item.cur .t::after {
    content: '';
    background: url(../images/gy/icon3.png) center no-repeat;
    width: 20px;
    height: 20px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    right: -24px;
    top: 50%;
    background-size: cover
}

.insti_introduction1 .box2 .tracker-mod.dir-ver {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    padding: 60px 0
}

.insti_introduction1 .box2 .tracker-mod.dir-ver .tracker-box {
    height: 415px
}

.insti_introduction1 .box2 .tracker-mod.dir-hor {
    padding: 0 60px;
    position: relative
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-box {
    padding: 30px 0
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-track {
    font-size: initial
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .xicon.tracker-prev {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    top: 50%;
    left: 0
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .xicon.tracker-next {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    top: 50%;
    right: 0;
    left: auto
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item {
    width: auto
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item+.tracker-item {
    margin-left: 76px;
    margin-top: 0
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item+.tracker-item::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: -56px;
    background-image: url(../images/gy/icon7.png);
    width: 36px;
    height: 14px
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item.cur .t::before {
    left: 50%;
    top: -15px;
    -webkit-transform: translateX(-50%) rotateX(-180deg);
    transform: translateX(-50%) rotateX(-180deg)
}

.insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item.cur .t::after {
    left: 50%;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: auto;
    right: auto
}

.insti_introduction1 .box2 .tab-cont {
    background: url(../images/gy/png9.png) center no-repeat;
    background-size: contain;
    width: 64.928%;
    position: relative;
    overflow: hidden;
    margin: auto
}

.insti_introduction1 .box2 .tab-cont::before {
    content: '';
    display: block;
    padding-top: 88.55886%
}

.insti_introduction1 .box2 .tab-cont .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.insti_introduction1 .box2 .tab-cont::after {
    content: '';
    background: url(../images/gy/png9-1.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.insti_introduction1 .box2 .tab-cont .tab-item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    bottom: 0
}

.insti_introduction1 .box2 .tab-cont .tab-item.act {
    z-index: 2
}

.insti_introduction1 .box2 .tab-cont .tab-item .item {
    color: #2e3f28;
    text-align: center;
    height: 100%;
    width: 55.665%;
    margin: auto;
    padding-top: 7.8vw
}

.insti_introduction1 .box2 .tab-cont .tab-item .item .tit {
    font-family: 'dfdk';
    font-size: 66px;
    line-height: 1.1;
    margin-bottom: 20px
}

@media (max-width: 1680px) {
    .insti_introduction1 .box2 .tab-cont .tab-item .item .tit {
        font-size:42px
    }
}

@media (max-width: 768px) {
    .insti_introduction1 .box2 .tab-cont .tab-item .item .tit {
        font-size:28px
    }
}

.insti_introduction1 .box2 .tab-cont .tab-item .item .txt {
    font-size: 20px
}

@media (max-width: 768px) {
    .insti_introduction1 .box2 .tab-cont .tab-item .item .txt {
        font-size:18px
    }
}

body:not(.lang-en) .insti_introduction1 .box2 .tab-cont .tab-item .item .txt {
    text-align: justify;
    text-justify: inter-ideograph
}

.insti_introduction2 {
    position: relative;
    background: url(../images/gy/png10.png) bottom center no-repeat;
    background-size: cover
}

.insti_introduction2 .bgimg {
    position: absolute;
    top: 70px;
    right: 0;
    width: 26.666%;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease
}

.insti_introduction2 .bgimg img {
    width: 100%;
    z-index: 3;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 100% center;
    transform-origin: 100% center
}

.insti_introduction2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.insti_introduction2 .list .mod {
    width: 100%
}

.insti_introduction2 .list .mod::before {
    content: '';
    background: url(../images/gy/icon6.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    left: 9px;
    bottom: 9px
}

.insti_introduction2 .list .mod::after {
    content: '';
    background: url(../images/gy/icon6.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    right: 9px;
    bottom: 9px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.insti_introduction2 .list .t1 {
    font-size: 32px;
    font-weight: bold;
    text-align: center
}

@media (max-width: 768px) {
    .insti_introduction2 .list .t1 {
        font-size:22px
    }
}

.insti_introduction2 .list .t2 {
    font-size: 18px;
    text-align: center;
    margin-top: -8px
}

@media (max-width: 768px) {
    .insti_introduction2 .list .t2 {
        font-size:16px
    }
}

.insti_introduction2 .list .t3 {
    font-size: 16px;
    color: #92a48d;
    margin-top: 5px;
    line-height: 1.5
}

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

.insti_introduction2 .list1 {
    margin-top: 55px
}

.insti_introduction2 .list1 .item {
    position: relative;
    margin: 0 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b8caac), to(#fff));
    background-image: linear-gradient(#b8caac, #fff);
    width: 30.214%;
    padding: 40px 34px 48px
}

.insti_introduction2 .list1 .item::before {
    content: '';
    background: url(../images/gy/icon5.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    left: 9px;
    top: 9px
}

.insti_introduction2 .list1 .item::after {
    content: '';
    background: url(../images/gy/icon5.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    right: 9px;
    top: 9px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.insti_introduction2 .list1 .item:first-child .t3 {
    text-align: center
}

.insti_introduction2 .list2 {
    margin-top: 20px;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b8caac), to(#fff));
    background-image: linear-gradient(#b8caac, #fff);
    width: 100%
}

.insti_introduction2 .list2::before {
    content: '';
    background: url(../images/gy/icon5.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    left: 9px;
    top: 9px
}

.insti_introduction2 .list2::after {
    content: '';
    background: url(../images/gy/icon5.png) center no-repeat;
    background-size: cover;
    width: 41px;
    height: 41px;
    position: absolute;
    right: 9px;
    top: 9px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.insti_introduction2 .list2 .mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insti_introduction2 .list2 .mod::before,.insti_introduction2 .list2 .mod::after {
    bottom: 30px
}

.insti_introduction2 .list2 .item {
    padding: 40px 34px 48px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.insti_introduction2 .list2 .item+.item::before {
    content: '';
    background: url(../images/gy/png13.png) center no-repeat;
    width: 13px;
    position: absolute;
    left: -7px;
    top: 95px;
    bottom: 100px
}

.insti_introduction3 {
    background: url(../images/gy/png11.png) bottom center no-repeat;
    background-size: cover;
    padding: 142px 0 58px
}

.insti_introduction3 .list {
    margin: 22px -20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insti_introduction3 .item {
    padding: 0 20px;
    font-size: 22px;
    width: calc(100% / 3);
    cursor: pointer
}

@media (max-width: 768px) {
    .insti_introduction3 .item {
        font-size:18px
    }
}

.insti_introduction3 .item .liner {
    border-bottom: 1px dashed #485e3a;
    padding: 14px 9px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 78px;
    line-height: 1.3
}

.insti_introduction3 .item .icon img {
    max-width: 36px
}

.insti_introduction3 .item .t {
    margin-left: 12px
}

.insti_introduction4 {
    background: url(../images/gy/png14.png) top center no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 92px
}

.insti_introduction4 .bg {
    background: url(../images/gy/png15.png) center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none
}

.insti_introduction4 .bg::before {
    content: '';
    display: block;
    padding-top: 29.6875%
}

.insti_introduction4 .bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.insti_introduction4 .list {
    margin-top: 54px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e5ebe2), to(transparent));
    background-image: linear-gradient(#e5ebe2, transparent);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 87px 0 14.95vw
}

.insti_introduction4 .list .item {
    width: 25%;
    position: relative
}

.insti_introduction4 .list .item::after {
    content: '';
    height: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: -87px
}

.insti_introduction4 .list .item .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
}

.insti_introduction4 .list .item .t {
    text-align: center;
    line-height: 1.3;
    padding: 0 13px
}

.insti_introduction4 .list .item .txt1 {
    position: relative;
    padding: 31px 18% 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: 1;
    flex-flow: 1;
    font-size: 28px;
    font-weight: bold
}

@media (max-width: 768px) {
    .insti_introduction4 .list .item .txt1 {
        font-size:20px
    }
}

.insti_introduction4 .list .item .txt1::before {
    content: '';
    background: url(../images/gy/icon8.png) center no-repeat;
    width: 36px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.insti_introduction4 .list .item .txt1 .t {
    width: 50%
}

.insti_introduction4 .list .item .txt2 {
    position: relative;
    padding: 30px 0 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: 0;
    flex-flow: 0;
    font-size: 22px
}

@media (max-width: 768px) {
    .insti_introduction4 .list .item .txt2 {
        font-size:18px
    }
}

.insti_introduction4 .list .item .txt2::before {
    content: '';
    background: url(../images/gy/icon8.png) center no-repeat;
    width: 36px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.insti_introduction4 .list .item .liner {
    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;
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.insti_introduction4 .list .item+.item::before {
    content: '';
    border-left: 1px dashed #95a38d;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.insti_introduction4 .list .item::after {
    background-color: #2e3f28
}

.insti_introduction4 .list .item:nth-of-type(2)::after {
    background-color: #3c465e
}

.insti_introduction4 .list .item:nth-of-type(2) .txt1::before,.insti_introduction4 .list .item:nth-of-type(2) .txt2::before {
    background-image: url(../images/gy/icon9.png)
}

.insti_introduction4 .list .item:nth-of-type(3)::after {
    background-color: #9c7355
}

.insti_introduction4 .list .item:nth-of-type(3) .txt1::before,.insti_introduction4 .list .item:nth-of-type(3) .txt2::before {
    background-image: url(../images/gy/icon10.png)
}

.insti_introduction4 .list .item:nth-of-type(4)::after {
    background-color: #8e4836
}

.insti_introduction4 .list .item:nth-of-type(4) .txt1::before,.insti_introduction4 .list .item:nth-of-type(4) .txt2::before {
    background-image: url(../images/gy/icon11.png)
}

@media (min-width: 769px) {
    .insti_introduction1 .bg {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all 1.5s;
        transition: all 1.5s
    }

    .insti_introduction1.show .bg {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media (max-width: 1500px) {
    .insti_introduction2 .list .t2 {
        font-size:20px
    }

    .insti_introduction4 .list .item .txt1 {
        padding-left: 13%;
        padding-right: 13%
    }
}

@media (max-width: 1400px) {
    .insti_introduction1 .box2 .tab-cont .tab-item .item .tit {
        font-size:66px
    }

    .insti_introduction2 .list .t2 {
        font-size: 18px
    }
}

@media (max-width: 1300px) {
    .insti_introduction3 .item {
        width:50%
    }

    .insti_introduction4 .list .item .txt1 {
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (max-width: 1200px) {
    .insti_introduction2 .list2 .item {
        width:calc(100% / 3);
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .insti_introduction2 .list2 .item.item4::before {
        content: none
    }

    .insti_introduction2 .list2 .mod {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .insti_introduction2 .list2 .item {
        padding-bottom: 20px
    }

    .insti_introduction4 .list .item .txt1 {
        padding-left: 2%;
        padding-right: 2%
    }
}

@media (max-width: 1100px) {
    .insti_introduction1 .box2 .tab-cont .tab-item .item .tit {
        font-size:50px;
        margin-bottom: 5px
    }

    .insti_introduction1 .box2 .tab-cont .tab-item .item {
        width: 69%
    }

    .insti_introduction1 .box2 .tracker-mod.dir-ver .tracker-box {
        height: 290px
    }

    .insti_introduction1 .box2 .j-title {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .insti_introduction1 .box2 .tab-mod {
        margin-top: 30px
    }

    .insti_introduction1 .box2 .tab-cont {
        margin-top: 30px
    }
}

@media (max-width: 1000px) {
    .insti_introduction1 .box2 .j-title.vrl {
        -webkit-writing-mode:horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        position: static
    }

    .insti_introduction1 .box2 .tab-cont::after {
        content: none
    }

    .insti_introduction4 .list .item .liner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .insti_introduction4 .list .item .txt1 .t {
        width: 100%
    }
}

@media (max-width: 768px) {
    .insti_introduction1 {
        padding:40px 0
    }

    .insti_introduction1 .box1 .text {
        margin-top: 20px
    }

    .insti_introduction1 .box1 {
        padding-bottom: 40px
    }

    .insti_introduction1 .box2 .tab-mod {
        margin-top: 20px
    }

    .insti_introduction1 .box2 .tracker-mod.dir-hor {
        padding: 0 40px
    }

    .insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-box {
        padding: 15px 0
    }

    .insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item+.tracker-item {
        margin-left: 40px
    }

    .insti_introduction1 .box2 .tracker-mod.dir-hor .tracker-item+.tracker-item::before {
        width: 30px;
        height: 10px;
        left: -34px
    }

    .insti_introduction1 .box2 .tab-cont {
        margin-top: 0;
        background: none;
        width: 100%
    }

    .insti_introduction1 .box2 .tab-cont .tab-item .item {
        width: 100%;
        padding-top: 0
    }

    .insti_introduction1 .box2 {
        padding-bottom: 0
    }

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

    .insti_introduction2 .list1 .item {
        width: 100%;
        padding: 15px 15px 30px;
        margin: 0
    }

    .insti_introduction2 .list1 .item::before,.insti_introduction2 .list1 .item::after,.insti_introduction2 .list .mod::before,.insti_introduction2 .list .mod::after,.insti_introduction2 .list2::before,.insti_introduction2 .list2::after {
        width: 25px;
        height: 25px
    }

    .insti_introduction2 .list .t2 {
        margin-top: 5px
    }

    .insti_introduction2 .list1 .item+.item {
        margin-top: 15px
    }

    .insti_introduction2 .list2 {
        margin-top: 15px;
        padding-bottom: 30px
    }

    .insti_introduction2 .list2 .mod {
        display: block
    }

    .insti_introduction2 .list2 .item {
        width: auto;
        margin: 0 15px;
        padding: 15px 0
    }

    .insti_introduction2 .list2 .item+.item::before {
        top: -6px;
        left: 50%;
        right: 15px;
        bottom: auto;
        background-image: url(../images/gy/png13-1.png);
        width: 100%;
        height: 13px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .insti_introduction2 .list2 .item.item4::before {
        content: ''
    }

    .insti_introduction2 .list2 .mod::before,.insti_introduction2 .list2 .mod::after {
        bottom: 9px
    }

    .insti_introduction3 {
        padding: 40px 0
    }

    .insti_introduction3 .list {
        margin: 20px 0 0;
        display: block
    }

    .insti_introduction3 .item {
        width: 100%;
        padding: 0
    }

    .insti_introduction3 .item .liner {
        padding: 12px 0;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .insti_introduction3 .item .icon img {
        max-width: 32px;
        margin-top: -3px
    }

    .insti_introduction4 {
        padding-top: 0;
        background-size: 100%;
        background-position: bottom
    }

    .insti_introduction4 .list {
        margin-top: 20px;
        padding: 0;
        display: block
    }

    .insti_introduction4 .list .item {
        width: 100%;
        padding-top: 20px
    }

    .insti_introduction4 .list .item::after {
        top: 0;
        height: 3px
    }

    .insti_introduction4 .list .item+.item::before {
        content: none
    }

    .insti_introduction4 .list .item .txt1::before {
        width: 32px;
        background-size: contain
    }

    .insti_introduction4 .list .item .liner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .insti_introduction4 .list .item .txt1 .t {
        width: 50%
    }

    .insti_introduction4 .list .item .txt1 {
        padding-left: 15%;
        padding-right: 15%
    }

    .insti_introduction1 .box2 .tab-cont {
        height: auto;
        padding-bottom: 15vw
    }

    .insti_introduction1 .box2 .tab-cont::before {
        content: none
    }

    .insti_introduction1 .box2 .tab-cont .tab-item.act {
        position: relative
    }
}

.j-title .j-t1.brown {
    color: #4b3627
}

.job-education-bg {
    background: url(../images/hy/jpg46.jpg) no-repeat top center;
    position: relative;
    background-size: cover;
    padding: 11.71875vw 0 6.25vw
}

.job-education-bg .adorn-img {
    width: 18.95833vw;
    position: relative;
    overflow: hidden;
    background: url(../images/hy/png38.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 64px;
    right: 0
}

.job-education-bg .adorn-img::before {
    content: '';
    display: block;
    padding-top: 131.31868%
}

.job-education-bg .adorn-img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.pub-info-box {
    color: #4b3627;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .pub-info-box {
        font-size:16px
    }
}

.pub-info-box .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pub-info-box .icon {
    width: 20px;
    position: relative;
    overflow: hidden;
    margin: 1px 10px 0 0
}

.pub-info-box .icon::before {
    content: '';
    display: block;
    padding-top: 125%
}

.pub-info-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.pub-scroll {
    position: relative;
    padding: 7.29167vw 100px 6.77083vw
}

.pub-scroll .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: -1.785714285%;
    height: 100%;
    z-index: 1;
    background: url(../images/png37.png) no-repeat left center;
    background-size: auto 100%
}

.pub-scroll .slick-mod {
    z-index: 2;
    max-width: 956px;
    margin: auto;
    padding: 0 128px
}

.pub-scroll .l-title {
    color: #4b3627
}

.pub-scroll .scroll-mod {
    margin-top: 25px
}

.pub-scroll .scroll-mod .p {
    color: #785c48
}

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

.pub-scroll .pub-info-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.pub-scroll .pub-info-box .info-item {
    margin: 0 20px
}

.pub-scroll .pub-info-box .icon {
    margin-right: 15px
}

.pub-scroll .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #87644a;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9
}

.pub-scroll .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #88654b;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pub-scroll .slick-prev {
    left: 0
}

.pub-scroll .slick-prev::before {
    content: '\e504'
}

.pub-scroll .slick-next {
    right: 0
}

.pub-scroll .slick-next::before {
    content: '\e505'
}

.job-education-1 {
    position: relative;
    z-index: 2
}

.job-education-1 .pub-scroll {
    margin-top: 2.34375vw
}

.job-education-2 {
    margin-top: 8.59375vw
}

.job-education-2 .x-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.job-education-2 .j-title {
    position: relative
}

.job-education-2 .j-title::before {
    content: '';
    position: absolute;
    top: 97px;
    left: -97px;
    background: url(../images/hy/png39.png) no-repeat center;
    background-size: contain;
    width: 213px;
    height: 515px;
    pointer-events: none
}

.job-education-2 .list-box {
    width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 42px
}

.job-education-2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-education-2 .list .li {
    padding: 48px 0 63px;
    margin-left: 90px;
    position: relative;
    width: calc((100% - 180px) / 2)
}

.job-education-2 .list .line {
    position: absolute;
    top: 0;
    left: 27px;
    right: 27px;
    border-top: 1px dashed #98b5a7
}

.job-education-2 .list .line::before,.job-education-2 .list .line::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 15px;
    background: url(../images/icon12_c.png) no-repeat center;
    background-size: contain;
    left: 100%
}

.job-education-2 .list .line::after {
    left: auto;
    right: 100%
}

.job-education-2 .list .img {
    position: relative;
    overflow: hidden
}

.job-education-2 .list .img::before {
    content: '';
    display: block;
    padding-top: 74.95495%
}

.job-education-2 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.job-education-2 .list .img .i {
    width: 100%
}

.job-education-2 .list .txt-box {
    padding: 27px 10px 0
}

.job-education-2 .list .txt-box .l-title {
    color: #4b3627
}
.job-education-2 .list .txt-box .l-title a{
    display: block;
}

.job-education-2 .list .txt-box .p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #785c48;
    margin-top: 12px
}

body:not(.lang-en) .job-education-2 .list .txt-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.job-education-2 .list .pub-info-box {
    margin: 32px -10px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.job-education-2 .list .pub-info-box .info-item {
    margin: 0 10px
}

.job-education-2 .paging-mod {
    margin: 12px 0 0 90px
}

@media (min-width: 769px) {
    .job-education-2 .list .li:hover .img .i {
        -webkit-transform:translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }
}

@media (max-width: 1430px) {
    .job-education-2 .list .li {
        margin-left:40px;
        width: calc((100% - 80px) / 2)
    }

    .job-education-2 .paging-mod {
        margin-left: 40px
    }
}

@media (max-width: 1200px) {
    .pub-scroll .bg {
        right:-10%
    }

    .pub-scroll .slick-mod {
        padding: 0 70px
    }

    .pub-scroll .pub-info-box .info-item,.job-education-2 .list .pub-info-box .info-item {
        margin: 5px 10px
    }
}

@media (max-width: 768px) {
    .job-education-bg {
        padding:40px 0
    }

    .pub-scroll {
        padding: 0
    }

    .pub-scroll .bg {
        display: none
    }

    .pub-scroll .scroll-mod {
        margin-top: 10px
    }

    .pub-scroll .pub-info-box {
        margin-top: 15px
    }

    .pub-scroll .slick-arrow {
        width: 35px;
        height: 35px;
        -webkit-transform: none;
        transform: none;
        top: calc(100% - 45px)
    }

    .pub-scroll .slick-prev {
        left: calc(50% - 40px)
    }

    .pub-scroll .slick-next {
        right: calc(50% - 40px)
    }

    .pub-scroll .slick-mod {
        padding: 0 0 60px
    }

    .job-education-1 .pub-scroll {
        margin-top: 20px
    }

    .job-education-2 {
        margin-top: 40px
    }

    body:not(.lang-en) .job-education-2 .j-title {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .job-education-2 .x-wrap {
        display: block
    }

    .job-education-2 .list-box {
        width: 100%;
        margin: 20px 0 0
    }

    .job-education-2 .list {
        display: block
    }

    .job-education-2 .list .li {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .job-education-2 .list .li .line {
        display: none
    }

    .job-education-2 .list .li+.li {
        margin-top: 20px
    }

    .job-education-2 .list .txt-box {
        padding: 15px 0 0
    }

    .job-education-2 .list .txt-box .p {
        margin-top: 10px;
        height: auto
    }

    .job-education-2 .list .pub-info-box {
        margin: 10px 0 0
    }

    .job-education-2 .paging-mod {
        display: none
    }

    .job-education-2 .list .pub-info-box .info-item {
        margin: 3px 0
    }
}

.journal-reader {
    background: url(../images/jpg76.jpg) no-repeat top center;
    background-size: cover;
    position: relative;
    padding: 11.5625vw 0 6.25vw
}

.journal-reader::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: url(../images/png80.png) no-repeat bottom center;
    background-size: cover;
    z-index: 1;
    pointer-events: none
}

.journal-reader .x-wrap {
    z-index: 2
}

.journal-reader .l-title {
    font-size: 30px;
    line-height: 1.2;
    color: #2b3241
}

@media (max-width: 768px) {
    .journal-reader .l-title {
        font-size:22px
    }
}

.journal-reader .context {
    position: relative;
    margin-top: 55px;
    padding-right: 91px
}

.journal-reader .pdf_cont {
    z-index: 8
}

.journal-reader .context .button {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    z-index: 9
}

.journal-reader .context .button .a {
    background-color: #475b87;
    background-position: center;
    display: block;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 1px
}

.journal-reader .context .button .catalog {
    height: 50px
}

.journal-reader .context .button .catalog .icon {
    width: 100%;
    height: 100%;
    background-image: url(../images/png81.png);
    display: block;
    background-repeat: no-repeat;
    background-position: center
}

.journal-reader .context .button .a {
    height: 88px;
    cursor: pointer
}

.journal-reader .context .button .a.disable {
    cursor: default
}

.journal-reader .context .button .btn {
    position: relative;
    color: #fff
}

.journal-reader .context .button .btn::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;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.journal-reader .context .button .btn span {
    font-size: 0
}

.journal-reader .context .button .prev::before {
    content: '\e504'
}

.journal-reader .context .button .next::before {
    content: '\e505'
}

.journal-reader .context .button .catalog-box {
    background-color: #61749c;
    -webkit-box-shadow: 1px 0 4px 0 rgba(51,51,51,0.07) inset;
    box-shadow: 1px 0 4px 0 rgba(51,51,51,0.07) inset;
    display: block;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: calc(100% + 1px);
    top: 0;
    width: 0;
    z-index: 1;
    transition: width .2s;
    -webkit-transition: width .2s
}

.journal-reader .context .button .catalog-box .scroll {
    height: 490px;
    margin: 20px 0
}

.journal-reader .context .button .catalog-box .scroll .mCSB_scrollTools {
    right: 40px
}

.journal-reader .context .button .catalog-box .scroll .mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    background: #526792
}

.journal-reader .context .button .catalog-box .scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 3px;
    background: #3a4f7d
}

.journal-reader .context .button .catalog-box.now {
    width: 690px
}

.journal-reader .context .button .catalog-box .viewport {
    padding: 0 40px
}

.journal-reader .catalog-box .viewport li {
    overflow: hidden
}

.journal-reader .catalog-box .viewport a {
    color: #fff;
    display: block;
    width: 100%;
    border-bottom: 1px dashed #8190b0;
    cursor: pointer;
    display: block
}

.journal-reader .catalog-box .viewport .catalog-title {
    font-size: 22px;
    padding: 12px 0
}

@media (max-width: 768px) {
    .journal-reader .catalog-box .viewport .catalog-title {
        font-size:18px
    }
}

.journal-reader .catalog-box .viewport .catalog-item {
    font-size: 18px;
    text-indent: 1.5em;
    padding: 15px 0
}

@media (max-width: 768px) {
    .journal-reader .catalog-box .viewport .catalog-item {
        font-size:16px
    }
}

.journal-reader .catalog-box .viewport .catalog-item span {
    vertical-align: middle
}

.journal-reader .pdf_cont {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background: #fff
}

.journal-reader .pdf_cont #sidebarContent * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.journal-reader .pdf_cont #viewerContainer {
    background: #525659
}

.journal-reader .pdf_cont #viewer {
    height: 100%
}

.journal-reader .pic-box {
    height: 100vh;
    background: #fff;
    padding: 20px;
    overflow: hidden;
}

.journal-reader .pic-box #contentDiv {
    width: 100%;
    height: 100%
}

.journal-reader #editorModeButtons {
    display: none
}
.pic-control a{
    cursor: pointer;
}
.pic-context{
    overflow: hidden;
}
.pic-context .disabled{
    cursor: not-allowed!important;
    opacity: 0.2;
}
.pic-img-box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    overflow: hidden;
    height: 100%;
    padding-bottom: 50px;
}
.ui-wrapper{
    overflow: visible!important;
}
.pic-img{
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-in;
}
.pic-thumbnail{
    position: absolute;
    display: flex;
    bottom: -50px;
    transition: all .5s;
    opacity: 0;
}
.pic-thumbnail:hover,.pic-thumbnail.cur{
    bottom: 0;
    opacity: 1;
}
.pic-thumbnail-item{
    width: 150px;
    height: 110px;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    cursor: pointer;
}
.pic-thumbnail-item.cur{
    background-color: rgba(0,0,0,.2);
}
.pic-thumbnail-item img{
    max-height: 100%;
    max-width: 100%;
}
@media (min-width: 769px) {
    .journal-reader .context .button .a:hover {
        background-color:#61749c
    }
}

@media (max-width: 1000px) {
    #toolbarViewerRight {
        display:none
    }
}

@media (max-width: 768px) {
    .pic-thumbnail{
        display: none;
    }
    .journal-reader {
        padding:0 0 40px
    }

    .journal-reader .x-wrap {
        padding-top: 70px
    }

    .journal-reader .context {
        margin-top: 20px;
        padding: 0;
        position: static
    }

    .journal-reader .context .button {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .journal-reader .context .button .a {
        height: 50px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .journal-reader .context .button .a+.a {
        margin-left: 1px
    }

    .journal-reader .context .button .a.prev {
        left: 0;
        top: 0
    }

    .journal-reader .context .button .a.next {
        right: 0;
        top: 0
    }

    .journal-reader .pdf_cont {
        height: calc(100vh - 80px)
    }

    .journal-reader .context .button .catalog .catalog-mask {
        width: 100vw;
        height: calc(100vh - 50px);
        position: absolute;
        top: 100%;
        right: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .journal-reader .context .button .catalog .catalog-mask.show {
        right: 0
    }

    .journal-reader .context .button .catalog-box {
        right: auto;
        left: -100%;
        top: 100%;
        width: 100%;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    .journal-reader .context .button .catalog-box .scroll {
        margin: 10px 0;
        height: 390px
    }

    .journal-reader .context .button .catalog-box .scroll .mCSB_inside>.mCSB_container {
        margin-right: 10px
    }

    .journal-reader .context .button .catalog-box .viewport {
        padding: 0 15px
    }

    .journal-reader .context .button .catalog-box .scroll .mCSB_scrollTools {
        right: 10px
    }

    .journal-reader .catalog-box .viewport .catalog-title,.journal-reader .catalog-box .viewport .catalog-item {
        padding: 5px 0
    }

    .journal-reader .context .button .catalog-box.now {
        left: 0;
        width: 100%
    }

    .journal-reader .pic-box {
        height: calc(100vh - 80px);
        padding: 10px
    }
}

.notice1 {
    background: #fafbf8 url(../images/notice1.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    padding: 11.4583vw 0 6.25vw
}

.notice1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/notice2.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 125%;
    pointer-events: none;
    width: 100%
}

.notice1 .bgi1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 37.2916vw;
    background: url(../images/notice1.png) no-repeat left top;
    background-size: contain;
    pointer-events: none
}

.notice1 .bgi1::before {
    content: '';
    display: block;
    padding-top: 122.6257%
}

.notice1 .bgi1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.notice1 .j-title {
    margin-bottom: 50px
}

.notice1 .x-wrap {
    z-index: 1
}

.notice_list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.notice_list1 .item {
    width: calc(50% - 20px);
    background: #ffffff;
    position: relative;
    margin: 40px 0 0 40px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.notice_list1 .item:nth-child(2n+1) {
    margin-left: 0
}

.notice_list1 .item .x_wp {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px dashed #aebda9;
    pointer-events: none
}

.notice_list1 .item .x_wp::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #5e7c53;
    border-left: 2px solid #5e7c53;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.notice_list1 .item .x_wp::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
    height: 20px;
    border-top: 2px solid #5e7c53;
    border-right: 2px solid #5e7c53;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}

.notice_list1 .item .padd {
    padding: 50px 60px;
    color: #2e3f28
}

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

.notice_list1 .item .padd .t1 {
    font-size: 22px
}

@media (max-width: 768px) {
    .notice_list1 .item .padd .t1 {
        font-size:18px
    }
}

.notice_list1 .item .padd .date {
    font-size: 18px;
    padding-left: 30px;
    position: relative;
    margin: 10px 0 15px
}

@media (max-width: 768px) {
    .notice_list1 .item .padd .date {
        font-size:16px
    }
}

.notice_list1 .item .padd .date::before {
    content: "";
    width: 17px;
    height: 13px;
    background: url(../images/arr1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: 0
}

.notice_list1 .item .padd .p {
    color: #92a48d
}

@media (min-width: 769px) {
    .notice_list1 .item:hover .x_wp::before {
        width:calc(100% + 1px);
        height: calc(100% + 1px)
    }

    .notice_list1 .item:hover .x_wp::after {
        width: calc(100% + 1px);
        height: calc(100% + 1px)
    }

    .notice_list1 .item:hover .padd .t1 {
        color: #5e7c53
    }
}

@media (max-width: 768px) {
    .notice1 {
        padding:40px 0
    }

    .notice1 .j-title {
        margin-bottom: 20px
    }

    .notice_list1 {
        margin-top: 0;
        display: block
    }

    .notice_list1 .item {
        width: auto;
        margin: 20px 0 0 !important
    }

    .notice_list1 .item .padd {
        padding: 20px
    }

    .notice_list1 .item .padd .date {
        margin: 5px 0
    }
}

.notice_bh1 {
    background-image: url(../images/notice2.jpg);
    background-color: #ffffff
}

.notice_bh1::after {
    background-image: url(../images/notice3.png);
    background-position: bottom center;
    background-size: 100% auto
}

.notice_bh1 .j-title .j-t1 {
    color: #4b2827
}

.notice_bh1 .tab-bar1 .tab-term {
    color: #4b2827
}

.notice_bh1 .tab-bar1 .tab-term::after {
    background-image: url(../images/icon22.png)
}

.notice_list3 .item {
    background-color: #fbf5f1
}

.notice_list3 .item .x_wp {
    border-color: #cba8a0
}

.notice_list3 .item .x_wp::before {
    border-color: #9b5c50
}

.notice_list3 .item .x_wp::after {
    border-color: #9b5c50
}

.notice_list3 .item .padd .date::before {
    background-image: url(../images/arr4.png)
}

.notice_list3 .item .padd {
    color: #4b2827
}

.notice_list3 .item .padd .p {
    color: #7f5d5c
}

@media (min-width: 769px) {
    .notice_list3 .item:hover {
        -webkit-box-shadow:0px 8px 25px 0px rgba(143,73,59,0.4);
        box-shadow: 0px 8px 25px 0px rgba(143,73,59,0.4)
    }

    .notice_list3 .item:hover .padd .t1 {
        color: #7f5d5c
    }
}

.notice_xs1 {
    background: url(../images/notice_xs1.jpg) repeat
}

.notice_xs1::after {
    background-image: url(../images/jpg11.jpg);
    background-position: top center;
    bottom: auto;
    top: 0;
    z-index: 1
}

.notice_xs1 .pubtop-grid-box {
    z-index: 2
}

.notice_xs1 .x-wrap {
    z-index: 3
}

.notice_xs1 .j-title .j-t1 {
    color: #2b3241
}

.notice_xs1 .tab-bar1 .tab-term {
    color: #2b3241
}

.notice_xs1 .tab-bar1 .tab-term::after {
    background-image: url(../images/icon21.png)
}

.notice_list2 .item .x_wp {
    border-color: #a3adc3
}

.notice_list2 .item .x_wp::before {
    border-color: #475b87
}

.notice_list2 .item .x_wp::after {
    border-color: #475b87
}

.notice_list2 .item .padd .date::before {
    background-image: url(../images/arr2.png)
}

.notice_list2 .item .padd {
    color: #2b3241
}

.notice_list2 .item .padd .p {
    color: #576688
}

@media (min-width: 769px) {
    .notice_list2 .item:hover .padd .t1 {
        color:#576688
    }
}

.work_dynamics1.digit_protect1 .box2::after {
    background-image: url(../images/digit_protect1.png);
    height: 729px
}

.work_dynamics1.digit_protect1 .b_bg {
    background: url(../images/digit_protect1.jpg) top center no-repeat;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: 100%
}

.work_dynamics1.digit_protect1 .b_bg::before {
    content: '';
    display: block;
    padding-top: 81.92708%
}

.work_dynamics1.digit_protect1 .b_bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.work_dynamics1.digit_protect1 .box1 .item .txt .t1 {
    color: #4b2827
}

.work_dynamics1.digit_protect1 .box1 .slick-center .txt {
    border-color: #c29b92
}

.work_dynamics1.digit_protect1 .box1 .item .txt .t3,.work_dynamics1.digit_protect1 .box2 .item .txt .t3 {
    color: #4b2827
}

.work_dynamics1.digit_protect1 .box2 {
    background-color: #fbf5f1
}

.work_dynamics1.digit_protect1 .box2 .item .txt .line::before,.work_dynamics1.digit_protect1 .box2 .item .txt .line::after {
    background-image: url(../images/icon12_a.png)
}

.work_dynamics1.digit_protect1 .box2 .item .txt .line .l {
    border-color: #c29b92
}

.work_dynamics1.digit_protect1 .box1 .item .txt .t2 {
    color: #4b2827
}

.work_dynamics1.digit_protect1 .j-title .j-t1,.work_dynamics1.digit_protect1 .box2 .item .txt .t1,.work_dynamics1.digit_protect1 .box2 .item .txt .t2 {
    color: #4b2827
}

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

.moxg .text {
    position: absolute;
    left: 8%;
    top: 12%;
    z-index: 9;
    color: #fff;
    text-shadow: 0 0 15px #ccc
}

.moxg .text .tit1 {
    font-size: 26px
}

@media (max-width: 768px) {
    .moxg .text .tit1 {
        font-size:20px
    }
}

.moxg .text .desc {
    margin-top: 20px;
    font-size: 14px
}

.moxg .list {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.moxg .list .item {
    background-color: rgba(0,0,0,0.5)
}

.moxg .list .item+.item {
    margin-top: 2px
}

.moxg .list .item a {
    display: block
}

.moxg .list .item .padd {
    padding: 15px
}

.moxg .list .item .icon {
    width: 30px;
    position: relative;
    overflow: hidden
}

.moxg .list .item .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.moxg .list .item .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.moxg .list .item .icon .i2 {
    opacity: 0
}

.moxg .list .item>.suds-pop {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: rgba(0,0,0,0.5);
    margin-right: 0
}

.moxg .list .item>.suds-pop::before,.moxg .list .item>.suds-pop::after {
    display: none
}

.moxg .list .item .share-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.moxg .list .item .share-box .share-item {
    float: none;
    width: 60px;
    height: 60px;
    font-size: 28px;
    color: #fff
}

@media (max-width: 768px) {
    .moxg .list .item .share-box .share-item {
        font-size:20px
    }
}

.moxg .view {
    width: 100%;
    height: 100%;
    position: relative
}

.pop-help {
    background-color: rgba(0,0,0,0.6)
}

.pop-help .pop-close {
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 26px
}

@media (max-width: 768px) {
    .pop-help .pop-close {
        font-size:20px
    }
}

.pop-help .pop-dialog {
    background-color: transparent
}

.pop-help .tit1 {
    color: #fff;
    font-size: 26px
}

@media (max-width: 768px) {
    .pop-help .tit1 {
        font-size:20px
    }
}

.pop-help .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 40px
}

.pop-help .list .item {
    margin: 0 8px;
    width: 175px
}

.pop-help .list .item .icon {
    width: 65px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.pop-help .list .item .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.pop-help .list .item .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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-help .list .item .text {
    margin-top: 5px;
    text-align: center;
    color: #fff
}

.pop-help .list .item .text .t1 {
    font-size: 18px
}

@media (max-width: 768px) {
    .pop-help .list .item .text .t1 {
        font-size:16px
    }
}

.pop-info {
    background-color: rgba(0,0,0,0.6)
}

.pop-info .pop-close {
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 26px
}

@media (max-width: 768px) {
    .pop-info .pop-close {
        font-size:20px
    }
}

.pop-info .pop-dialog {
    background-color: transparent;
    width: 100%;
    height: 100%
}

.pop-info .pop-cont {
    position: absolute;
    height: 80%;
    left: 50px;
    right: 50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pop-info .pop-cont .desc {
    height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 30px;
    position: relative;
    color: #fff
}

.pop-info .pop-cont .desc .scroll-div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%
}

.pop-info .pop-cont .desc .p+.p {
    margin-top: 0.6em
}

.pop-info .pop-cont .desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff
}

.pop-info .tit1 {
    color: #fff;
    font-size: 26px
}

@media (max-width: 768px) {
    .pop-info .tit1 {
        font-size:20px
    }
}

@media (min-width: 769px) {
    .moxg .list .item:hover .icon .i1 {
        opacity:0
    }

    .moxg .list .item:hover .icon .i2 {
        opacity: 1
    }

    .moxg .list .item .share-box .share-item:hover {
        color: #2e3f28
    }
}

@media (max-width: 1200px) {
    .pop-help .list .item {
        width:115px
    }

    .pop-help .list .item .t1 {
        font-size: 16px
    }

    .pop-help .list .item .t2 {
        font-size: 14px
    }
}

@media (max-width: 768px) {
    .moxg .text {
        top:15px;
        left: 15px;
        right: 15px;
        pointer-events: none
    }

    .moxg .list .item .padd {
        padding: 8px
    }

    .moxg .list .item .icon {
        width: 24px
    }

    .moxg .list .item .share-box .share-item {
        width: 40px;
        height: 40px;
        font-size: 18px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .moxg .list .item .share-box .share-item {
        font-size:16px
    }
}

@media (max-width: 768px) {
    .pop-help .pop-close,.pop-info .pop-close {
        width:40px;
        height: 40px;
        font-size: 26px;
        top: 5px;
        right: 5px
    }
}

@media (max-width: 768px) and (max-width: 768px) {
    .pop-help .pop-close,.pop-info .pop-close {
        font-size:20px
    }
}

@media (max-width: 768px) {
    .pop-help .list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-top: 20px
    }

    .pop-help .list .item {
        width: 50%;
        margin: 0 0 20px
    }

    .pop-help .list .item .icon {
        width: 40px
    }

    .pop-info .pop-cont {
        left: 15px;
        right: 15px
    }

    .pop-info .pop-cont .mCSB_inside>.mCSB_container {
        margin-right: 15px
    }

    .pop-info .pop-cont .desc {
        margin-top: 20px
    }
}

.party-information {
    width: 100vw;
    height: 100vh;
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.party-information .mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0;
    visibility: hidden
}

.party-information .mCustomScrollBox>.mCSB_container {
    height: 100%;
    margin: 0
}

.party-information .j-title {
    padding-top: 4.06091vh;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .j-title .j-t1 {
    color: #5b0600;
    white-space: normal
}

body:not(.lang-en) .party-information .j-title .j-t1 {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.party-information .img-1 {
    height: 100%;
    position: absolute;
    z-index: 3;
    pointer-events: none;
    left: 0;
    top: 0;
    z-index: 5
}

.party-information .img-1 img {
    height: 100%;
    display: block;
    width: auto
}

.party-information .img-2 {
    height: 34.11168vh;
    position: absolute;
    z-index: 4;
    pointer-events: none;
    left: 0;
    right: 0;
    background: url(../images/zx/png117.png) no-repeat right bottom;
    background-size: auto 100%;
    bottom: 0
}

.party-information .cont {
    position: relative;
    height: 100vh;
    z-index: 1;
    padding: 16.24365vh 11.67513vh 16.24365vh 94.41624vh;
    display: inline-block
}

.party-information .cont .c-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/zx/png111.png) no-repeat left center;
    background-size: cover;
    z-index: 1
}

.party-information .cont .pd {
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.party-information .cont .child {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0
}

.party-information .section-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .section-child .item {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .section-child .item+.item {
    margin-left: 15.83756vh
}

.party-information .section-child .section-list {
    margin-left: 6.70051vh;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .section-child .section-list .li {
    height: 100%;
    position: relative;
    white-space: normal;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .section-child .section-list .li+.li {
    margin-left: 10px
}

.party-information .section-child .section-list .li:last-child .li-r {
    min-width: 25.38071vh;
    padding-right: 12.18274vh
}

.party-information .section-child .section-list .li:last-child .li-r::after {
    display: none
}

.party-information .section-child .section-list .li-l {
    height: 100%;
    padding-bottom: 33.50254vh
}

.party-information .section-child .section-list .li-l .t-box {
    background: #960303;
    padding: 4.06091vh 14px 0;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .section-child .section-list .li-l .t-box::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4.06091vh;
    top: calc(100% - 1px);
    left: 0;
    background: url(../images/zx/png118.png) no-repeat center;
    background-size: 100% 100%
}

.party-information .section-child .section-list .li-l .t {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    position: relative;
    z-index: 2
}

@media (max-width: 768px) {
    .party-information .section-child .section-list .li-l .t {
        font-size:18px
    }
}

body:not(.lang-en) .party-information .section-child .section-list .li-l .t {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.party-information .section-child .section-list .li-r {
    background: url(../images/zx/png116.png) repeat-x;
    background-size: contain;
    height: 100%;
    padding: 4.36548vh 5.07614vh;
    min-width: 19.28934vh;
    padding-right: 1.52284vh
}

.party-information .section-child .section-list .li-r::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 60px;
    height: 100%;
    background: url(../images/zx/png115.png) no-repeat center;
    background-size: 100% 100%
}

.party-information .section-child .section-list .li-r .t-1 {
    color: #b27874;
    font-size: 18px
}

@media (max-width: 768px) {
    .party-information .section-child .section-list .li-r .t-1 {
        font-size:16px
    }
}

.party-information .section-child .section-list .li-r .t-2 {
    color: #5b0600;
    font-size: 24px;
    line-height: 1.5
}

@media (max-width: 768px) {
    .party-information .section-child .section-list .li-r .t-2 {
        font-size:18px
    }
}

.party-information .section-child .section-list .li-r .li-item+.li-item {
    margin-top: 6.29442vh
}

.party-information .infor-child {
    position: relative;
    margin-left: 38.07107vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .infor-child .c-img-1,.party-information .infor-child .c-img-2 {
    position: absolute;
    z-index: 1
}

.party-information .infor-child .c-img-1 img,.party-information .infor-child .c-img-2 img {
    width: 100%;
    display: block;
    height: auto
}

.party-information .infor-child .c-img-1 {
    width: 59.79695vh;
    top: 24.36548vh;
    left: -34.82234vh
}

.party-information .infor-child .c-img-2 {
    width: 19.18782vh;
    top: -7.51269vh;
    left: 10.35533vh
}

.party-information .infor-child .scroll-box {
    max-width: 215.22843vh
}

.party-information .infor-child .list {
    background: rgba(251,244,237,0.7);
    height: 100%;
    padding: 10.15228vh 12.18274vh 9.13706vh;
    margin-left: 6.70051vh
}

.party-information .infor-child .list .in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.party-information .infor-child .list .img {
    position: relative;
    overflow: hidden
}

.party-information .infor-child .list .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.party-information .infor-child .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.party-information .infor-child .list .img .i {
    width: 100%
}

.party-information .infor-child .list .li {
    width: 36.54822vh;
    white-space: normal;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.party-information .infor-child .list .li+.li {
    margin-left: 8.12183vh
}

.party-information .infor-child .list .txt-box {
    color: #5b0600
}

.party-information .infor-child .list .txt-box .tit {
    font-size: 20px;
    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;
    height: calc(1em * 1.5 * 2);
    margin-top: 3.95939vh
}

@media (max-width: 768px) {
    .party-information .infor-child .list .txt-box .tit {
        font-size:18px
    }
}

.party-information .infor-child .list .txt-box .date {
    font-size: 18px;
    margin-top: 8px
}

@media (max-width: 768px) {
    .party-information .infor-child .list .txt-box .date {
        font-size:16px
    }
}

.party-information .infor-child .list .txt-box .p {
    color: #b27874;
    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;
    line-height: 1.5;
    height: calc(1em * 1.5 * 2);
    margin-top: 1.3198vh
}

.party-information .infor-child .mores {
    background: #f1e0cf;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5.17766vh
}

.party-information .infor-child .mores .j-more {
    color: #960303
}

.party-information .infor-child .mores .j-x {
    border-color: #e7c0b7
}

.party-information .infor-child .mores .j-y1 {
    background-image: url(../images/zx/icon6-2.png)
}

.party-information .infor-child .mores .j-y2 {
    background: #dfb3a5
}

@media (max-width: 1500px), (max-height: 890px) {
    .party-information .cont {
        padding-bottom:12.18274vh
    }

    .party-information .section-child .section-list .li-l {
        padding-bottom: 100px
    }

    .party-information .section-child .section-list .li-r {
        padding: 20px
    }

    .party-information .section-child .section-list .li-r::after {
        display: none
    }

    .party-information .infor-child .list {
        padding: 50px
    }

    .party-information .infor-child .list .txt-box .tit {
        margin-top: 15px
    }

    .party-information .infor-child .list .li+.li {
        margin-left: 50px
    }
}

@media (max-width: 1441px) {
    .party-information .section-child .section-list .li-r .t-1 {
        font-size:16px
    }

    .party-information .section-child .section-list .li-r .t-2 {
        font-size: 20px
    }
}

@media (max-width: 1441px) and (max-width: 768px) {
    .party-information .section-child .section-list .li-r .t-2 {
        font-size:18px
    }
}

@media (max-height: 960px) {
    .party-information .section-child .section-list .li-l .t-box {
        padding-top:15px
    }
}

@media (max-width: 1024px) {
    .party-information .cont {
        padding-bottom:16.24365vh
    }

    .party-information .section-child .section-list .li-r .li-item+.li-item {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .party-information .cont .pd,.party-information .section-child .item,.party-information .section-child .section-list,.party-information .section-child .section-list .li,.party-information .infor-child .list .in,.party-information .cont .child {
        display:block
    }

    .party-information .j-title,.party-information .section-child .section-list .li-l {
        display: block
    }

    body:not(.lang-en) .party-information .j-title .j-t1,body:not(.lang-en) .party-information .section-child .section-list .li-l .t {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .party-information .img-1,.party-information .img-2,.party-information .infor-child .c-img-1,.party-information .infor-child .c-img-2 {
        display: none
    }

    .party-information {
        width: 100%;
        height: auto
    }

    .party-information .j-title {
        padding: 0
    }

    .party-information .cont {
        padding: 40px 15px;
        display: block;
        height: auto
    }

    .party-information .section-child .section-list {
        height: auto;
        margin: 20px 0 0
    }

    .party-information .section-child .section-list .li+.li {
        margin: 0
    }

    .party-information .section-child .section-list .li-l {
        padding: 0
    }

    .party-information .section-child .section-list .li-l .t-box {
        padding: 5px 10px
    }

    .party-information .section-child .section-list .li-l .t-box::after {
        display: none
    }

    .party-information .section-child .section-list .li-r {
        min-width: auto;
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .party-information .section-child .section-list .li:last-child .li-r {
        min-width: auto;
        padding-right: 10px
    }

    .party-information .section-child .section-list .li-r .li-item {
        width: calc((100% - 10px) / 2);
        margin-bottom: 10px
    }

    .party-information .section-child .section-list .li-r .li-item:nth-child(2n) {
        margin-left: 10px
    }

    .party-information .section-child .section-list .li-r .li-item+.li-item {
        margin-top: 0px
    }

    .party-information .section-child .item+.item {
        margin: 30px 0 0
    }

    .party-information .infor-child {
        margin: 40px 0 0
    }

    .party-information .infor-child .list {
        margin: 20px 0 0;
        padding: 10px
    }

    .party-information .infor-child .list .li {
        width: 100%
    }

    .party-information .infor-child .list .txt-box .tit {
        margin-top: 10px;
        height: auto
    }

    .party-information .infor-child .list .txt-box .date,.party-information .infor-child .list .txt-box .p {
        margin-top: 5px
    }

    .party-information .infor-child .list .txt-box .p {
        height: auto
    }

    .party-information .infor-child .list .li+.li {
        margin: 20px 0 0
    }

    .party-information .infor-child .mores {
        display: block;
        padding: 10px;
        text-align: center
    }

    .party-information .infor-child .mores .j-more.m-show {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .party-information .infor-child .scroll-box {
        max-width: none
    }
}

.permanentExhibition1 {
    position: relative;
    padding: 12.23958vw 0 4.16667vw;
    background-image: url(../images/hy/cszl/jpg23.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-position: center;
    overflow: hidden
}

.permanentExhibition1 .bga {
    position: relative;
    overflow: hidden;
    background-image: url(../images/hy/cszl/jpg24.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.permanentExhibition1 .bga::before {
    content: '';
    display: block;
    padding-top: 48.75%
}

.permanentExhibition1 .bga .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.permanentExhibition1 .bgb {
    position: relative;
    overflow: hidden;
    background-image: url(../images/hy/cszl/png13.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 23.541666666666668%;
    position: absolute;
    right: 0;
    top: -15px;
    pointer-events: none;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate
}

.permanentExhibition1 .bgb::before {
    content: '';
    display: block;
    padding-top: 103.9823%
}

.permanentExhibition1 .bgb .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.permanentExhibition1 .bgc {
    position: relative;
    overflow: hidden;
    /* background-image: url(../images/png16.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0%;
    pointer-events: none
}

.permanentExhibition1 .bgc::before {
    content: '';
    display: block;
    padding-top: 111.40625%
}

.permanentExhibition1 .bgc .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.permanentExhibition1 .bgd {
    position: relative;
    overflow: hidden;
    background-image: url(../images/hy/cszl/png15.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 71.77083333333333%;
    position: absolute;
    right: 0;
    bottom: 0%;
    pointer-events: none
}

.permanentExhibition1 .bgd::before {
    content: '';
    display: block;
    padding-top: 107.69231%
}

.permanentExhibition1 .bgd .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.permanentExhibition1 .j-title .j-t1 {
    color: #4b3627
}

.permanentExhibition1 .cont {
    margin-top: 62px
}

.permanentExhibition1 .cont .list .item .text .l-title {
    color: #4b3627;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.permanentExhibition1 .cont .list .item .text .desc {
    color: #785c48
}

.permanentExhibition1 .list .item .text .dy .t {
    padding: 0 30px;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

.permanentExhibition1 .list .item .text .scroll-div {
    max-height: calc(1em * 1.6 * 7)
}

@media (max-width: 1300px) {
    .baodingMountain3.permanentExhibition1 .list .item .img {
        width:800px
    }
}

@media (max-width: 1050px) {
    .baodingMountain3.permanentExhibition1 .list .item .flexbox {
        display:block
    }

    .baodingMountain3.permanentExhibition1 .list .item .img {
        width: 100%
    }

    .baodingMountain3.permanentExhibition1 .list .item .text {
        width: 100%;
        padding: 15px 0
    }

    .baodingMountain3.permanentExhibition1 .list .item .text .scroll-div {
        max-height: none !important
    }
}

@media (max-width: 768px) {
    .permanentExhibition1 .cont {
        margin-top:20px
    }
}

.promote1 {
    background: #fafbf8 url(../images/hy/promote1.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding: 11.4583vw 0 6.25vw
}

.promote1 .bgi1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 8.8541vw;
    right: 0;
    width: 22.9166vw;
    background: url(../images/hy/promote1.png) no-repeat right top;
    background-size: contain;
    pointer-events: none;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 120% center;
    transform-origin: 120% center
}

.promote1 .bgi1::before {
    content: '';
    display: block;
    padding-top: 121.59091%
}

.promote1 .bgi1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote1 .j-title .j-t1 {
    color: #4b3627
}

.promote_list1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px
}

.promote_list1 .item {
    width: calc(50% - 20px);
    background: #f5f1e6;
    position: relative;
    margin: 40px 0 0 40px;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out
}
.promote_list1 .item a{
    display: block;
}
.promote_list1 .item:nth-child(2n+1) {
    margin-left: 0
}

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

.promote_list1 .item .img {
    position: relative;
    overflow: hidden;
    width: 50%
}

.promote_list1 .item .img::before {
    content: '';
    display: block;
    padding-top: 136.76471%
}

.promote_list1 .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_list1 .item .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16% 40px 0;
    width: 0
}

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

.promote_list1 .item .txt .t1 {
    font-size: 26px;
    color: #4b3627;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .promote_list1 .item .txt .t1 {
        font-size:20px
    }
}

.promote_list1 .item .txt .t1.ts {
    overflow: inherit;
    height: auto;
    white-space: normal
}

.promote_list1 .item .txt .p {
    color: #785c48;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 10px 0 30px
}

.promote_list1 .item .txt .t2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #4b3627;
    font-size: 18px;
    margin-top: 8px
}

@media (max-width: 768px) {
    .promote_list1 .item .txt .t2 {
        font-size:16px
    }
}

.promote_list1 .item .txt .t2 .ico {
    width: 20px;
    text-align: center;
    position: relative;
    top: -2px
}

.promote_list1 .item .txt .t2 .ico img {
    max-width: 100%
}

.promote_list1 .item .txt .t2 .s1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

@media (min-width: 769px) {
    .promote_list1 .item:hover {
        -webkit-box-shadow:8.387px 5.446px 35px 0px rgba(114,74,33,0.52);
        box-shadow: 8.387px 5.446px 35px 0px rgba(114,74,33,0.52)
    }
}

@media (max-width: 1500px) {
    .promote_list1 .item .txt {
        padding:5.7291vw 30px 0
    }
}

@media (max-width: 1400px) {
    .promote_list1 .item .txt {
        padding:4vw 30px 0
    }

    .promote_list1 .item {
        margin: 20px 0 0 20px;
        width: calc(50% - 10px)
    }

    .promote_list1 .item .txt .t1 {
        font-size: 20px
    }
}

@media (max-width: 1400px) and (max-width: 768px) {
    .promote_list1 .item .txt .t1 {
        font-size:18px
    }
}

@media (max-width: 1026px) {
    .promote_list1 .item .txt {
        padding:20px 15px 0
    }

    .promote_list1 .item .txt .p {
        margin: 5px 0
    }

    .promote_list1 .item .txt .t2 {
        margin-top: 0
    }
}

@media (max-width: 768px) {
    .promote1 {
        padding:40px 0
    }

    .promote1 .j-title {
        margin-bottom: 20px
    }

    .promote_list1 {
        margin-top: 0;
        display: block
    }

    .promote_list1 .item {
        width: auto;
        margin: 20px 0 0 !important
    }

    .promote_list1 .item .padd {
        padding: 20px
    }

    .promote_list1 .item .padd .date {
        margin: 5px 0
    }

    .promote_list1 .item .txt {
        padding: 10px
    }

    .promote_list1 .item .txt .t2 {
        margin-top: 0;
        line-height: 1.4
    }

    .promote_list1 .item .txt .t2 .s1 {
        padding-left: 5px
    }

    .promote_list1 .item .txt .t2 .ico {
        width: 15px
    }
}

.promote_guide1 {
    width: 100vw;
    height: 100vh;
    background: url(../images/jpg17.jpg) center no-repeat;
    background-size: cover;
    position: relative
}

.promote_guide1 .con {
    width: 77.1vw;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 60%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 10px 35px 0px rgba(114,74,33,0.48);
    box-shadow: 0px 10px 35px 0px rgba(114,74,33,0.48);
    overflow: visible;
    -webkit-transition: all 1.5s;
    transition: all 1.5s
}

.promote_guide1 .con::before {
    content: '';
    display: block;
    padding-top: 40.54054%
}

.promote_guide1 .con .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-mod {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.promote_guide1 .tit {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.promote_guide1 .h-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.promote_guide1 .h-bar .h-term {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.promote_guide1 .h-bar .h-term::before {
    content: '';
    background: url(../images/png30.png) top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.promote_guide1 .h-bar .h-term .item {
    position: absolute;
    bottom: -6.7vh;
    left: 0;
    right: 0
}

.promote_guide1 .h-bar .h-term .img {
    position: relative;
    overflow: hidden
}

.promote_guide1 .h-bar .h-term .img::before {
    content: '';
    display: block;
    padding-top: 123.29317%
}

.promote_guide1 .h-bar .h-term .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-bar .h-term .img .i {
    width: 100%
}

.promote_guide1 .h-bar .h-term .img .i2 {
    opacity: 0
}

.promote_guide1 .h-bar .h-term .t {
    text-align: center;
    font-size: 18px;
    color: #eecf7c
}

.promote_guide1 .h-bar .h-term.cur .img .i {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08)
}

.promote_guide1 .h-bar .h-term.cur .img .i1 {
    opacity: 0
}

.promote_guide1 .h-bar .h-term.cur .img .i2 {
    opacity: 1
}

.promote_guide1 .h-cont {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.promote_guide1 .h-cont .h-item {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    overflow: visible
}

.promote_guide1 .h-cont .h-item .bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.promote_guide1 .h-cont .h-item .tit {
    z-index: 6
}

.promote_guide1 .h-cont .h-item.h-item1 .img {
    position: relative;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 52.3648%
}

.promote_guide1 .h-cont .h-item.h-item1 .img::before {
    content: '';
    display: block;
    padding-top: 106.19355%
}

.promote_guide1 .h-cont .h-item.h-item1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-cont .h-item.h-item1 .img .i {
    width: 100%
}

.promote_guide1 .h-cont .h-item.h-item1 .img.img2 {
    -webkit-animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 54.1935% 67.0967%;
    transform-origin: 54.1935% 67.0967%
}

.promote_guide1 .h-cont .h-item.h-item2 .img {
    position: relative;
    overflow: hidden;
    position: absolute;
    right: -7.4324%;
    bottom: 0;
    width: 58.7162%
}

.promote_guide1 .h-cont .h-item.h-item2 .img::before {
    content: '';
    display: block;
    padding-top: 94.59148%
}

.promote_guide1 .h-cont .h-item.h-item2 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-cont .h-item.h-item2 .img .i {
    width: 100%
}

.promote_guide1 .h-cont .h-item.h-item2 .img.img2 {
    -webkit-animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 73.3026% 62.6006%;
    transform-origin: 73.3026% 62.6006%
}

.promote_guide1 .h-cont .h-item.h-item3 .bg {
    z-index: 2;
    position: relative
}

.promote_guide1 .h-cont .h-item.h-item3 .img {
    position: relative;
    overflow: hidden;
    position: absolute;
    right: -12.2972%;
    bottom: 0;
    width: 38.3783%
}

.promote_guide1 .h-cont .h-item.h-item3 .img::before {
    content: '';
    display: block;
    padding-top: 145.07042%
}

.promote_guide1 .h-cont .h-item.h-item3 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-cont .h-item.h-item3 .img .i {
    width: 100%
}

.promote_guide1 .h-cont .h-item.h-item3 .img.img1 {
    z-index: 1
}

.promote_guide1 .h-cont .h-item.h-item3 .img.img2 {
    -webkit-animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    animation: rot9 2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 73.3026% 62.6006%;
    transform-origin: 73.3026% 62.6006%;
    z-index: 4
}

.promote_guide1 .h-cont .h-item.h-item3 .img.img3 {
    z-index: 3
}

.promote_guide1 .h-cont .h-item.h-item4 .bg {
    z-index: 2;
    position: relative
}

.promote_guide1 .h-cont .h-item.h-item4 .img {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: -14.1891%;
    bottom: 0;
    width: 44.5945%
}

.promote_guide1 .h-cont .h-item.h-item4 .img::before {
    content: '';
    display: block;
    padding-top: 147.87879%
}

.promote_guide1 .h-cont .h-item.h-item4 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-cont .h-item.h-item4 .img .i {
    width: 100%
}

.promote_guide1 .h-cont .h-item.h-item4 .img.img1 {
    z-index: 1
}

.promote_guide1 .h-cont .h-item.h-item4 .img.img2 {
    -webkit-animation: rot10 2s forwards ease-in-out 0s infinite alternate;
    animation: rot10 2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 28.3333% 99.5454%;
    transform-origin: 28.3333% 99.5454%;
    z-index: 3
}

.promote_guide1 .h-cont .h-item.h-item5 .tit {
    z-index: 2
}

.promote_guide1 .h-cont .h-item.h-item5 .img {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55.7432%
}

.promote_guide1 .h-cont .h-item.h-item5 .img::before {
    content: '';
    display: block;
    padding-top: 105.45455%
}

.promote_guide1 .h-cont .h-item.h-item5 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.promote_guide1 .h-cont .h-item.h-item5 .img .i {
    width: 100%
}

.promote_guide1 .h-cont .h-item.h-item5 .img.img2 {
    -webkit-animation: rot7 2s forwards ease-in-out 0s infinite alternate;
    animation: rot7 2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: 34.6666% 32.2424%;
    transform-origin: 34.6666% 32.2424%
}

.promote_guide1 .h-cont .h-item.act {
    z-index: 2;
    opacity: 1;
    visibility: visible
}

.promote_guide1.show .con {
    top: 50%
}

@media (min-width: 769px) {
    .promote_guide1 .h-bar .h-term.cur::before {
        opacity:1
    }
}

@media (max-width: 768px) {
    .promote_guide1 {
        height:calc(100vh - 63px)
    }

    .promote_guide1 .title {
        width: 60%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 8%;
        z-index: 9
    }

    .promote_guide1 .title img {
        width: 100%
    }

    .promote_guide1 .con {
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0);
        width: 100%;
        height: 100%
    }

    .promote_guide1 .con::before {
        content: none
    }

    .promote_guide1 .h-mod {
        bottom: 2%;
        top: auto
    }

    .promote_guide1 .h-bar .h-term .item {
        position: static
    }

    .promote_guide1 .h-bar {
        position: relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        top: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto
    }

    .promote_guide1 .h-bar .h-term {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding: 0 12%
    }

    .promote_guide1 .tit2 {
        display: none
    }
}

.protection-history {
    width: 100vw;
    height: 100vh;
    color: #4b2827
}

.protection-history .j-title .j-t1 {
    color: #4b2827
}

.protection-history>.mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0;
    visibility: hidden
}

.protection-history .cont {
    position: relative;
    height: 100vh;
    min-width: 100vw;
    white-space: nowrap;
    overflow: hidden
}

.protection-history .bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/bh/jpg71.jpg) no-repeat left center;
    background-size: cover
}

.protection-history .img-1 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.protection-history .img-1 img {
    height: 100%;
    display: block;
    width: auto
}

.protection-history .img-2 {
    position: absolute;
    left: 115.43147vh;
    bottom: 0;
    width: 69.03553vh;
    pointer-events: none;
    z-index: 4
}

.protection-history .img-2 img {
    height: auto;
    display: block;
    width: 100%
}

.protection-history .img-3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40.40609vh;
    pointer-events: none;
    z-index: 4
}

.protection-history .img-3 img {
    height: auto;
    display: block;
    width: 100%
}

.protection-history .river-box {
    position: absolute;
    height: 25.17766vh;
    background: url(../images/png83.png) no-repeat left center;
    background-size: auto 100%;
    left: -84.56853vh;
    bottom: 2.03046vh;
    right: 0;
    z-index: 1;
    pointer-events: none
}

.protection-history .river-box .img {
    height: 100%;
    background: url(../images/png84.png) no-repeat left center;
    background-size: auto 100%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.protection-history .pd {
    padding: 16.54822vh 27.91878vh 16.54822vh 88.83249vh;
    height: 100%;
    position: relative;
    z-index: 2;
    font-size: 0
}

.protection-history .ib-box {
    display: inline-block;
    vertical-align: top
}

.protection-history .txt-box {
    width: 60.40609vh;
    padding-top: 4.06091vh;
    white-space: normal;
    height: 100%;
    position: relative;
    z-index: 21
}

.protection-history .txt-box .scroll-box {
    font-size: 18px;
    line-height: 1.55;
    max-height: calc(1em * 1.55 * 9);
    margin-top: 25px;
    padding-right: 10px
}

@media (max-width: 768px) {
    .protection-history .txt-box .scroll-box {
        font-size:16px
    }
}

body:not(.lang-en) .protection-history .txt-box .scroll-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.protection-history .txt-box .scroll-box.mCS_no_scrollbar {
    padding-right: 0
}

.protection-history .txt-box .scroll-box .mCSB_dragger_bar,.protection-history .txt-box .scroll-box .mCSB_draggerRail {
    background-color: #9b5c50
}

.protection-history .txt-box .scroll-box .mCSB_outside+.mCSB_scrollTools {
    right: 0
}

.protection-history .year-box {
    margin-left: 16.24365vh;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(143,73,59,0.16);
    box-shadow: 0px 8px 25px 0px rgba(143,73,59,0.16);
    background: url(../images/bh/jpg72.jpg) no-repeat left center;
    background-size: cover;
    padding: 7.1066vh 34.11168vh 17.7665vh 12.18274vh;
    height: 100%;
    position: relative
}

.protection-history .year-box .list,.protection-history .year-box .select-box {
    display: inline-block;
    vertical-align: top
}

.protection-history .year-box .select-box {
    white-space: normal;
    font-size: 24px;
    font-family: 'dfdk';
    padding-top: 14.51777vh;
    position: relative;
    z-index: 3
}

@media (max-width: 768px) {
    .protection-history .year-box .select-box {
        font-size:18px
    }
}

.protection-history .year-box .select-box .txt {
    font-size: 36px;
    line-height: 1.2;
    margin-top: 5px
}

@media (max-width: 1680px) {
    .protection-history .year-box .select-box .txt {
        font-size:32px
    }
}

@media (max-width: 768px) {
    .protection-history .year-box .select-box .txt {
        font-size:24px
    }
}

.protection-history .year-box .select-box .select-txt {
    padding-left: 0;
    padding-right: 30px
}

.protection-history .year-box .select-box .select-bar {
    border: none;
    border-radius: 0;
    height: 9.13706vh
}

.protection-history .year-box .select-box .select-val {
    color: #4b2827;
    font-size: 9.13706vh;
    line-height: 1
}

.protection-history .year-box .select-box .select-btn {
    width: 32px
}

.protection-history .year-box .select-box .select-btn::before {
    font-size: 12px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cea296;
    line-height: 32px;
    color: #fff
}

.protection-history .year-box .select-box .select-cont {
    text-align: center;
    padding: 0
}

.protection-history .year-box .select-box .select-cont::before {
    background: #cea296;
    border: none;
    border-radius: 0
}

.protection-history .year-box .select-box .select-cont .select-item.cur {
    color: inherit;
    background: #c49588
}

.protection-history .year-box .select-box .select-cont .select-optss {
    height: 12em
}

.protection-history .year-box .select-box .select-cont .select-optss .mCSB_scrollTools {
    top: 10px;
    bottom: 10px
}

.protection-history .year-box .select-box .select-cont .select-optss .mCSB_dragger_bar,.protection-history .year-box .select-box .select-cont .select-optss .mCSB_draggerRail {
    background-color: #9b5c50
}

.protection-history .year-box .list {
    margin-left: 13.70558vh;
    height: 100%;
    max-width: 329.44162vh;
    position: relative;
    z-index: 2
}

.protection-history .year-box .list>.mCustomScrollBox>.mCSB_container {
    height: 100%;
    margin-bottom: 0
}

.protection-history .year-box .list>.mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0;
    visibility: hidden
}

.protection-history .year-box .list .list-in {
    height: 100%
}

.protection-history .year-box .list .li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    font-size: 18px;
    line-height: 1.55;
    white-space: normal;
    width: 36.54822vh;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 768px) {
    .protection-history .year-box .list .li {
        font-size:16px
    }
}

.protection-history .year-box .list .li+.li {
    margin-left: 12.18274vh
}

.protection-history .year-box .list .li:nth-child(2n) {
    padding-top: 4.06091vh
}

.protection-history .year-box .list .li-tit {
    font-size: 24px;
    font-weight: bold;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 13px
}

@media (max-width: 768px) {
    .protection-history .year-box .list .li-tit {
        font-size:18px
    }
}

.protection-history .year-box .list .img {
    position: relative;
    overflow: hidden;
    margin-bottom: 13px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.protection-history .year-box .list .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.protection-history .year-box .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.protection-history .year-box .list .img .i {
    width: 100%
}

.protection-history .year-box .list .scroll-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    height: 0;
    padding-right: 10px
}

body:not(.lang-en) .protection-history .year-box .list .scroll-box {
    text-align: justify;
    text-justify: inter-ideograph
}

.protection-history .year-box .list .scroll-box.mCS_no_scrollbar {
    padding-right: 0
}

.protection-history .year-box .list .scroll-box .mCSB_dragger_bar,.protection-history .year-box .list .scroll-box .mCSB_draggerRail {
    background-color: #9b5c50
}

.protection-history .year-box .list .scroll-box .mCSB_outside+.mCSB_scrollTools {
    right: 0
}

.pop-tips {
    background-color: #9b5c50
}

.pop-tips .pop-dialog {
    background-color: transparent;
    text-align: center
}

.pop-tips .content {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 20px;
    display: inline-block
}

.pop-tips .pop-close {
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 20px
}

.pop-tips .pop-close::before {
    content: '\e509'
}

@media (min-height: 985px) {
    .protection-history .year-box .select-box .select-val {
        font-size:90px
    }
}

@media (min-width: 769px) {
    .protection-history .year-box .select-box .select-cont .select-item:hover {
        background:#c49588;
        color: inherit
    }
}

@media (max-width: 1500px) {
    .protection-history .year-box .list .img {
        width:70%
    }
}

@media (max-width: 1400px) {
    .protection-history .txt-box {
        padding-top:6.09137vh
    }

    .protection-history .year-box {
        padding-top: 3.5533vh
    }

    .protection-history .txt-box .scroll-box {
        max-height: calc(1em * 1.55 * 5)
    }
}

@media (max-width: 768px) {
    .protection-history .river-box,.protection-history .img-1,.protection-history .img-2,.protection-history .img-3 {
        display:none
    }

    .protection-history {
        width: 100%;
        height: auto
    }

    .protection-history .cont {
        height: auto;
        padding: 40px 15px;
        display: block;
        min-width: auto
    }

    .protection-history .pd {
        padding: 0px
    }

    .protection-history .ib-box,.protection-history .year-box .list,.protection-history .year-box .select-box {
        display: block
    }

    .protection-history .txt-box {
        width: 100%;
        padding: 0;
        height: auto
    }

    .protection-history .txt-box .scroll-box {
        margin-top: 15px
    }

    .protection-history .year-box {
        margin: 30px 0 0;
        padding: 20px 15px
    }

    .protection-history .year-box .select-box {
        padding-top: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .protection-history .year-box .select-box .select-txt {
        padding-right: 15px
    }

    .protection-history .year-box .select-box .select-val {
        font-size: 40px
    }

    .protection-history .year-box .select-box .select-cont .select-optss {
        height: 8em
    }

    .protection-history .year-box .select-box .txt {
        margin: 0 0 0 10px
    }

    .protection-history .year-box .list {
        margin: 10px 0 0;
        max-width: none
    }

    .protection-history .year-box .list .li {
        width: 100%;
        display: block
    }

    .protection-history .year-box .list .li+.li {
        margin: 25px 0 0
    }

    .protection-history .year-box .list .li:nth-child(2n) {
        padding-top: 0
    }

    .protection-history .year-box .list .li-tit {
        margin-bottom: 5px
    }

    .protection-history .year-box .list .img {
        margin-bottom: 10px;
        width: 100%
    }

    .protection-history .year-box .list .scroll-box {
        max-height: calc(1em * 1.55 * 8);
        height: auto
    }
}

.paper1 {
    position: relative;
    background: #fff url(../images/szbwg/jpg12.jpg) top center no-repeat;
    background-size: 100%
}

.paper1 .x-wrap {
    z-index: 2
}

.paper1 .bg {
    background: url(../images/png18.png) center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.paper1 .bg::before {
    content: '';
    display: block;
    padding-top: 25.20833%
}

.paper1 .bg .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.paper1 .round-img {
    width: 65%;
    position: relative;
    overflow: hidden;
    background: url(../images/png110.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 16.1458333%
}

.paper1 .round-img::before {
    content: '';
    display: block;
    padding-top: 87.90064%
}

.paper1 .round-img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.paper1 .title {
    padding: 17.1vw 0 15.9vw
}

.paper1 .j-title .j-t1 {
    color: #fff
}

.paper1 .cont {
    margin-top: 90px
}

.paper1 .cont .text {
    color: #576688;
    font-size: 20px
}

@media (max-width: 768px) {
    .paper1 .cont .text {
        font-size:18px
    }
}

.paper1 .cont .text .t {
    color: #8e4937;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    margin: 0 5px
}

@media (max-width: 768px) {
    .paper1 .cont .text .t {
        font-size:18px
    }
}

.paper1 .cont .table {
    color: #2b3241;
    font-size: 18px;
    margin-top: 30px;
    background: #f0f3f9
}

@media (max-width: 768px) {
    .paper1 .cont .table {
        font-size:16px
    }
}

.paper1 .cont .table .tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 80px;
    border-top: 1px solid #fff
}

.paper1 .cont .table .tr .td {
    padding: 10px
}

.paper1 .cont .table .tr .td::before {
    content: none;
    font-weight: bold;
    width: 80px;
    text-align: right
}

.paper1 .cont .table .tr .td .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.paper1 .cont .table .tr .td:nth-child(1) {
    padding-left: 70px;
    width: 39.857%
}

.paper1 .cont .table .tr .td:nth-child(2) {
    width: 22.785%
}

.paper1 .cont .table .tr .td:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 70px;
    width: 0
}

.paper1 .cont .table .thead {
    font-weight: bold;
    border-bottom: 1px solid #fff
}

.paper1 .cont .table .thead .tr {
    border: 0
}

.paper1 .bgi {
    margin-top: -9.58333vw
}

@media (min-width: 769px) {
    .paper1 .round-img {
        -webkit-transition:all 1.6s;
        transition: all 1.6s;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0
    }

    .paper1.ani .round-img {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@media (max-width: 1400px) {
    .paper1 .cont .table .tr .td:nth-child(1) {
        padding-left:40px
    }

    .paper1 .cont .table .tr .td:nth-child(3) {
        padding-right: 40px
    }
}

@media (max-width: 768px) {
    .paper1 .cont {
        margin-top:30px
    }

    .paper1 .cont .table {
        margin-top: 20px
    }

    .paper1 .cont .table .thead {
        display: none
    }

    .paper1 .cont .table .tr {
        display: block;
        padding: 10px
    }

    .paper1 .cont .table .tr .td {
        padding: 5px !important;
        width: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .paper1 .cont .table .tr .td::before {
        content: attr(data-title)
    }
}

.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,.highlight {
    color: red
}

@media (min-width: 769px) {
    .result-page .result-list .t:hover {
        color:red
    }
}

.scienceBooks1 {
    position: relative
}

.scienceBooks1 .img {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/jpg32.jpg);
}

.scienceBooks1 .img::before {
    content: '';
    display: block;
    padding-top: 51.30208%
}

.scienceBooks1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scienceBooks1 .img .zs-img {
    width: 64.2708333%;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 19.6354166%;
    top: 7.91878172%;
    background: url(../images/png24.png) no-repeat center;
    background-size: contain
}

.scienceBooks1 .img .zs-img::before {
    content: '';
    display: block;
    padding-top: 72.6094%
}

.scienceBooks1 .img .zs-img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

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

.scienceBooks1 .inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.scienceBooks1 .inner .j-title {
    position: relative;
    top: -6.04167vw
}

.scienceBooks1 .inner .j-title .j-t1 {
    color: #fff
}

.scienceBooks1 .inner .moreBox {
    margin-top: 2.8125vw;
    display: none
}

.scienceBooks2 {
    margin-top: -10.05208vw
}

.scienceBooks2 .x-wrap {
    z-index: 2
}

.scienceBooks2 .desc {
    background-color: #fff;
    font-size: 18px;
    color: #576688;
    padding: 4.6875vw 7.8125vw 0;
    display: none
}

@media (max-width: 768px) {
    .scienceBooks2 .desc {
        font-size:16px
    }
}

.scienceBooks2 .cont {
    background-color: #fff;
    padding: 5.83333vw 7.8125vw 0
}

.scienceBooks2 .cont .list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.scienceBooks2 .cont .list .item {
    width: 33.33%;
    padding: 0 50px;
    position: relative;
    margin-bottom: 8.85417vw;
    padding-bottom: 9px
}

.scienceBooks2 .cont .list .item .img {
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.scienceBooks2 .cont .list .item .img::before {
    content: '';
    display: block;
    padding-top: 136.33333%
}

.scienceBooks2 .cont .list .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scienceBooks2 .cont .list .item .img .i {
    width: 100%;
}

.scienceBooks2 .cont .list .item .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 9px;
    padding-top: 2.29167vw
}

.scienceBooks2 .cont .list .item .text .tit1 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 22px;
    color: #2b3241
}
.scienceBooks2 .cont .list .item .text .tit1 a{
    padding: 0 10px;
}
@media (max-width: 768px) {
    .scienceBooks2 .cont .list .item .text .tit1 {
        font-size:18px
    }
    .scienceBooks2 .cont .list .item .text .tit1 a{
        -webkit-line-clamp: none;
    }
}

.scienceBooks2 .cont .list .item.item1::before {
    content: '';
    width: 347.6666666666667%;
    position: absolute;
    top: 100%;
    left: 0;
    background-image: url(../images/png22.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 19.34%;
    -webkit-transform: translateX(-6.4%);
    transform: translateX(-6.4%)
}
.scienceBooks2 .cont .list .item.item1.no-before::before{
    display: none;
}

.scienceBooks2 .paging-mod {
    margin-top: 20px
}

.scienceBooks2 .bgi {
    margin-top: -5.20833vw;
    pointer-events: none
}

.scienceBooks2 .bgi img {
    display: block;
    width: 100%
}

.pop-desc.amend .pop-cont .justify {
    color: #576688
}

.pop-desc.amend .pop-cont .desc .text .mCSB_scrollTools .mCSB_draggerRail,.pop-desc.amend .pop-cont .desc .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #576688
}

@media (min-width: 769px) {
    .scienceBooks2 .cont .list .item:hover .img {
        -webkit-box-shadow:0 0 15px 5px rgba(0,0,0,0.1);
        box-shadow: 0 0 15px 5px rgba(0,0,0,0.1)
    }

    .scienceBooks1 .img .zs-img {
        -webkit-transition: all 1.6s;
        transition: all 1.6s;
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    .scienceBooks1.ani .img .zs-img {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 1500px) {
    .scienceBooks1 .inner .moreBox {
        margin-top:20px
    }

    .scienceBooks2 .cont .list .item.item1::before {
        width: calc(347.6666666666667% - 80px);
        left: 40px
    }
}

@media (max-width: 1300px) {
    .scienceBooks2 .cont .list .item {
        padding:0 25px 9px;
        margin-bottom: 130px
    }

    .scienceBooks2 .cont .list .item .text .tit1 {
        font-size: 18px
    }
}

@media (max-width: 1300px) and (max-width: 768px) {
    .scienceBooks2 .cont .list .item .text .tit1 {
        font-size:16px
    }
}

@media (max-width: 768px) {
    .scienceBooks1 .img {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .scienceBooks1 .cont {
        position: relative;
        padding: 40px 0 70px
    }

    .scienceBooks1 .inner {
        position: relative;
        top: 0;
        -webkit-transform: none;
        transform: none
    }

    .scienceBooks2 .desc {
        padding: 20px
    }

    .scienceBooks2 .cont {
        padding: 0
    }

    .scienceBooks2 .cont .list {
        margin: 0 0 -20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .scienceBooks2 .cont .list .item {
        margin: 0 0 20px;
        width: 48%;
        padding: 0
    }

    .scienceBooks2 .cont .list .item.item1::before {
        display: none
    }

    .scienceBooks2 .cont .list .item .text {
        position: relative;
        top: 0;
        padding: 0;
        margin-top: 8px
    }

    .scienceBooks2 .cont .list .item .text .tit1 {
        display: block;
        height: auto;
        overflow: initial;
        text-overflow: initial
    }

    .scienceBooks2 .paging-mod {
        margin-top: 0
    }

    .scienceBooks2 .bgi {
        margin-top: 0
    }
}

.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 (min-width: 769px) {
    .sitemap-page .link:hover {
        color:#2e3f28
    }
}

.pos-r {
    position: relative;
    z-index: 1
}

.pos-r.bgi img {
    width: 100%;
    height: auto;
    display: block
}

.pubtop-grid-box {
    background: url(../images/png97.png) no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.pubtop-grid-box::before {
    padding-top: 51.30208%;
    content: '';
    display: block
}

.pubtop-grid-box .grid-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url() no-repeat top center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all 1.6s;
    transition: all 1.6s
}

.pubtop-grid-box .grid-img.show {
    opacity: 1
}

.pubtop-grid-box .grid-img:nth-child(1) {
    background-image: url(../images/png98.png)
}

.pubtop-grid-box .grid-img:nth-child(2) {
    background-image: url(../images/png99.png)
}

.pubtop-grid-box .grid-img:nth-child(3) {
    background-image: url(../images/png100.png)
}

.pubtop-grid-box .grid-img:nth-child(4) {
    background-image: url(../images/png101.png)
}

.pubbot-grid-box {
    background: url(../images/png105.png) no-repeat bottom center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.pubbot-grid-box::before {
    padding-top: 30.78125%;
    content: '';
    display: block
}

.pubbot-grid-box .grid-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url() no-repeat bottom center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all 1.6s;
    transition: all 1.6s
}

.pubbot-grid-box .grid-img.show {
    opacity: 1
}

.pubbot-grid-box .grid-img:nth-child(1) {
    background-image: url(../images/png106.png)
}

.pubbot-grid-box .grid-img:nth-child(2) {
    background-image: url(../images/png107.png)
}

.pubbot-grid-box .grid-img:nth-child(3) {
    background-image: url(../images/png108.png)
}

.pubbot-grid-box .grid-img:nth-child(4) {
    background-image: url(../images/png109.png)
}

.scientific-research-platform-1 {
    position: relative
}

.scientific-research-platform-1 .img {
    position: relative;
    overflow: hidden;
    background: url(../images/png75.png) no-repeat center;
    background-size: contain
}

.scientific-research-platform-1 .img::before {
    content: '';
    display: block;
    padding-top: 51.30208%
}

.scientific-research-platform-1 .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scientific-research-platform-1 .img .round-box {
    position: relative;
    overflow: hidden;
    width: 26.145833%;
    overflow: visible;
    position: absolute;
    top: 10.964467%;
    left: 31.25%
}

.scientific-research-platform-1 .img .round-box::before {
    content: '';
    display: block;
    padding-top: 100%
}

.scientific-research-platform-1 .img .round-box .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scientific-research-platform-1 .img .round-box .item {
    position: absolute;
    background: url() no-repeat center;
    background-size: contain
}

.scientific-research-platform-1 .img .round-box .item:nth-child(1) {
    background-image: url(../images/png104.png);
    width: 172.709163%;
    height: 172.709163%;
    top: -34.4621513%;
    left: -39.442231%
}

.scientific-research-platform-1 .img .round-box .item:nth-child(2) {
    background-image: url(../images/png102.png);
    width: 178.88446%;
    height: 154.780876%;
    top: -14.741035%;
    left: -22.50996%
}

.scientific-research-platform-1 .img .round-box .item:nth-child(3) {
    background-image: url(../images/png103.png);
    width: 163.74501%;
    height: 150.597609%;
    top: -10.956175%;
    left: -7.1713147%
}

.scientific-research-platform-1 .x-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scientific-research-platform-1 .j-title {
    top: -6.04167vw;
    position: relative
}

.scientific-research-platform-1 .j-title .j-t1 {
    color: #fff
}

.scientific-research-platform-2 {
    margin-top: -10.05208vw
}

.scientific-research-platform-2 .x-wrap {
    z-index: 2
}

.scientific-research-platform-2 .bgi {
    margin-top: -7.13542vw
}

.scientific-research-platform-2 .bgi img {
    width: 100%;
    height: auto;
    display: block
}

.scientific-research-platform-2 .bgi.slick-bg {
    margin-top: -10.41667vw
}

.scientific-research-platform-2 .l-title {
    color: #2b3241
}

.scientific-research-platform-2 .p {
    color: #576688;
    line-height: 1.55
}

.scientific-research-platform-2 .summarize-box {
    background: #fff;
    padding: 4.58333vw 7.8125vw 2.76042vw
}

.scientific-research-platform-2 .summarize-box .l-title {
    position: relative;
    padding-bottom: 20px
}

.scientific-research-platform-2 .summarize-box .l-title::after {
    content: '';
    width: 303px;
    height: 65px;
    background: url(../images/png76.png) no-repeat center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: calc(50% - 44px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.scientific-research-platform-2 .summarize-box .p {
    margin-top: 24px;
    font-size: 18px
}

@media (max-width: 768px) {
    .scientific-research-platform-2 .summarize-box .p {
        font-size:16px
    }
}

body:not(.lang-en) .scientific-research-platform-2 .summarize-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.scientific-research-platform-2 .list .li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px
}

.scientific-research-platform-2 .list .li:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.scientific-research-platform-2 .list .li:nth-child(2n) .img-box {
    padding-left: 0;
    padding-right: 4.285714285%
}

.scientific-research-platform-2 .list .li:nth-child(2n) .img-box::before {
    left: auto;
    right: 0
}

.scientific-research-platform-2 .list .li:nth-child(2n) .r-box {
    padding: 0 4.16667vw 0 3.125vw
}

.scientific-research-platform-2 .list .li:nth-child(5n-4) .img-box::before {
    background-image: url(../images/jpg61.jpg)
}

.scientific-research-platform-2 .list .li:nth-child(5n-3) .img-box::before {
    background-image: url(../images/jpg62.jpg)
}

.scientific-research-platform-2 .list .li:nth-child(5n-2) .img-box::before {
    background-image: url(../images/jpg63.jpg)
}

.scientific-research-platform-2 .list .li:nth-child(5n-1) .img-box::before {
    background-image: url(../images/jpg64.jpg)
}

.scientific-research-platform-2 .list .li:nth-child(5n) .img-box::before {
    background-image: url(../images/jpg65.jpg)
}

.scientific-research-platform-2 .list .img-box {
    width: 50%;
    position: relative;
    padding-left: 4.285714285%
}

.scientific-research-platform-2 .list .img-box::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 21.4285714%;
    padding-top: 68.5714285%;
    background: url() no-repeat center;
    background-size: cover;
    left: 0;
    top: 8.33333333%
}

.scientific-research-platform-2 .list .img-box .img {
    z-index: 2;
    width: 100%;
    position: relative;
    overflow: hidden
}

.scientific-research-platform-2 .list .img-box .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.scientific-research-platform-2 .list .img-box .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scientific-research-platform-2 .list .img-box .i {
    width: 100%
}

.scientific-research-platform-2 .list .r-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding: 0 3.125vw 0 4.16667vw
}

.scientific-research-platform-2 .list .r-box .l-title {
    line-height: 1.33
}

.scientific-research-platform-2 .list .r-box .scroll-mod {
    font-size: 18px;
    max-height: calc(1em * 1.55 * 11);
    margin-top: 37px
}

@media (max-width: 768px) {
    .scientific-research-platform-2 .list .r-box .scroll-mod {
        font-size:16px
    }
}

.scientific-research-platform-2 .list .r-box .scroll-mod .scroll-track-y {
    background: rgba(87,102,136,0.1)
}

.scientific-research-platform-2 .list .r-box .scroll-mod .scroll-bar-y {
    background: #576688
}

body:not(.lang-en) .scientific-research-platform-2 .list .r-box .p {
    text-align: justify;
    text-justify: inter-ideograph
}

.scientific-research-platform-2 .slick-wrap {
    margin-top: 55px
}

.scientific-research-platform-2 .slick-wrap .slick-child+.slick-child {
    margin-top: 90px
}

.scientific-research-platform-2 .slick-wrap .txt-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.scientific-research-platform-2 .slick-wrap .txt-box .l-title {
    width: 15em;
    color: #2b3241;
    line-height: 1.5
}

.scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    margin-left: 80px;
    color: #576688;
    font-size: 18px;
    line-height: 1.55
}

@media (max-width: 768px) {
    .scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod {
        font-size:16px
    }
}

body:not(.lang-en) .scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod {
    text-align: justify;
    text-justify: inter-ideograph
}

.scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod.scroll-axis-y {
    padding-right: 15px
}

.scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod.scroll-axis-y .scroll-track-y {
    background: rgba(135,148,177,0.3)
}

.scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod.scroll-axis-y .scroll-bar-y {
    background-color: #8794b1;
    width: 3px
}

.scientific-research-platform-2 .slick-wrap .slick-mod {
    margin: 56px -15px 0
}

.scientific-research-platform-2 .slick-wrap .slick-mod .img {
    margin: 0 15px;
    position: relative;
    overflow: hidden
}

.scientific-research-platform-2 .slick-wrap .slick-mod .img::before {
    content: '';
    display: block;
    padding-top: 75.11211%
}

.scientific-research-platform-2 .slick-wrap .slick-mod .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.scientific-research-platform-2 .slick-wrap .slick-mod .img .i {
    width: 100%
}

.scientific-research-platform-2 .slick-wrap .slick-arrow {
    width: 48px;
    height: 48px;
    border: 1px solid #fbe295;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9
}

.scientific-research-platform-2 .slick-wrap .slick-arrow::before {
    font-family: xfont;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #fbe295;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.scientific-research-platform-2 .slick-wrap .slick-prev {
    left: 55px
}

.scientific-research-platform-2 .slick-wrap .slick-prev::before {
    content: '\e504'
}

.scientific-research-platform-2 .slick-wrap .slick-next {
    right: 55px
}

.scientific-research-platform-2 .slick-wrap .slick-next::before {
    content: '\e505'
}

@media (min-width: 769px) {
    .scientific-research-platform-2 .list .li:hover .i {
        -webkit-transform:translate(-50%, -50%) scale(1.05);
        transform: translate(-50%, -50%) scale(1.05)
    }

    .scientific-research-platform-1 .img .round-box {
        -webkit-transition: all 1.6s;
        transition: all 1.6s;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    .scientific-research-platform-1 .img .round-box .item:nth-child(1) {
        -webkit-transition: all 1.6s;
        transition: all 1.6s;
        opacity: 0
    }

    .scientific-research-platform-1 .img .round-box .item:nth-child(2) {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0
    }

    .scientific-research-platform-1 .img .round-box .item:nth-child(3) {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }

    .scientific-research-platform-1.ani .img .round-box {
        -webkit-transform: none;
        transform: none
    }

    .scientific-research-platform-1.ani .img .round-box .item:nth-child(1) {
        opacity: 1
    }

    .scientific-research-platform-1.ani .img .round-box .item:nth-child(2) {
        opacity: 1;
        -webkit-transition-delay: 3s;
        transition-delay: 3s
    }

    .scientific-research-platform-1.ani .img .round-box .item:nth-child(3) {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s
    }
}

@media (max-width: 1400px) {
    .scientific-research-platform-2 .list .r-box .scroll-mod {
        margin-top:25px
    }

    .scientific-research-platform-2 .slick-wrap {
        margin-top: 30px
    }

    .scientific-research-platform-2 .slick-wrap .slick-child+.slick-child {
        margin-top: 45px
    }

    .scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod {
        margin-left: 40px
    }

    .scientific-research-platform-2 .slick-wrap .slick-mod {
        margin-top: 30px
    }
}

@media (max-width: 1430px) {
    .scientific-research-platform-2 .list .li {
        margin-top:30px
    }
}

@media (max-width: 768px) {
    .scientific-research-platform-2 .summarize-box {
        padding:10px
    }

    .scientific-research-platform-2 .summarize-box .l-title {
        padding: 0
    }

    .scientific-research-platform-2 .summarize-box .l-title::after,.scientific-research-platform-2 .list .img-box::before {
        display: none
    }

    .scientific-research-platform-2 .summarize-box .p {
        margin-top: 15px
    }

    .scientific-research-platform-2 .list .li {
        display: block;
        margin-top: 15px
    }

    .scientific-research-platform-2 .list .img-box {
        width: 100%;
        padding: 0
    }

    .scientific-research-platform-2 .list .li:nth-child(2n) .img-box {
        padding: 0
    }

    .scientific-research-platform-2 .list .r-box,.scientific-research-platform-2 .list .li:nth-child(2n) .r-box {
        width: 100%;
        padding: 15px 0 5px
    }

    .scientific-research-platform-2 .list .r-box .scroll-mod {
        margin-top: 10px
    }

    .scientific-research-platform-2 .slick-wrap {
        margin-top: 20px
    }

    .scientific-research-platform-2 .slick-wrap .slick-child+.slick-child {
        margin-top: 30px
    }

    .scientific-research-platform-2 .slick-wrap .txt-box {
        display: block
    }

    .scientific-research-platform-2 .slick-wrap .txt-box .l-title {
        width: 100%
    }

    .scientific-research-platform-2 .slick-wrap .txt-box .scroll-mod {
        width: 100%;
        margin: 15px 0 0
    }

    .scientific-research-platform-2 .slick-wrap .slick-mod {
        margin: 20px 0 0
    }

    .scientific-research-platform-2 .slick-wrap .slick-mod .img {
        margin: 0
    }

    .scientific-research-platform-2 .slick-wrap .slick-arrow {
        width: 35px;
        height: 35px
    }

    .scientific-research-platform-2 .slick-wrap .slick-prev {
        left: 15px
    }

    .scientific-research-platform-2 .slick-wrap .slick-next {
        right: 15px
    }
}

.work_dynamics1 {
    background: #fafbf8 url(../images/zx/jpg1.jpg) top center no-repeat;
    background-size: 100%;
    position: relative;
    padding-top: 11.4583vw;
    overflow: hidden
}

.work_dynamics1 .j-title {
    margin-bottom: 50px
}

.work_dynamics1 .box1 {
    margin: 50px -30px 0;
    position: relative
}

.work_dynamics1 .box1 .item {
    margin: 0 30px
}
.work_dynamics1 .box1 .item a{
    display: block;
}
.work_dynamics1 .box1 .item .pic {
    position: relative;
    overflow: hidden
}

.work_dynamics1 .box1 .item .pic::before {
    content: '';
    display: block;
    padding-top: 75.07788%
}

.work_dynamics1 .box1 .item .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.work_dynamics1 .box1 .item .pic .i {
    width: 100%
}

.work_dynamics1 .box1 .item .txt {
    padding: 34px 0 24px
}

.work_dynamics1 .box1 .item .txt .t1 {
    font-size: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 768px) {
    .work_dynamics1 .box1 .item .txt .t1 {
        font-size:18px
    }
}

body:not(.lang-en) .work_dynamics1 .box1 .item .txt .t1 {
    text-align: justify;
    text-justify: inter-ideograph
}

.work_dynamics1 .box1 .item .txt .t2 {
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 13px
}

@media (max-width: 768px) {
    .work_dynamics1 .box1 .item .txt .t2 {
        font-size:16px
    }
}

.work_dynamics1 .box1 .item .txt .t3 {
    font-size: 16px;
    color: #92a48d;
    margin-top: 15px;
    height: 4.5em;
    line-height: 1.5;
    overflow: hidden
}

body:not(.lang-en) .work_dynamics1 .box1 .item .txt .t3 {
    text-align: justify;
    text-justify: inter-ideograph
}

.work_dynamics1 .box1 .slick-slide {
    text-align: center;
    height: 100%;
    width: 696px
}

.work_dynamics1 .box1 .wid {
    display: inline-block;
    width: 100%
}

.work_dynamics1 .box1 .prev {
    text-align: right
}

.work_dynamics1 .box1 .prev .wid {
    width: 321px
}

.work_dynamics1 .box1 .prev .txt {
    text-align: left
}

.work_dynamics1 .box1 .next {
    text-align: left
}

.work_dynamics1 .box1 .next .wid {
    width: 321px
}

.work_dynamics1 .box1 .slick-center .txt {
    border-left: 1px dashed #cfd7cc;
    border-right: 1px dashed #cfd7cc;
    padding-left: 65px;
    padding-right: 65px
}

.work_dynamics1 .box1 .slick-center .t1 {
    text-align: center !important
}

.work_dynamics1 .box1 .slick-center .t3 {
    opacity: 0
}

.work_dynamics1 .box1 .slick-arrow {
    border: 1px solid #ffe596;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-family: xfont;
    font-size: 18px;
    position: absolute;
    top: calc(477px / 2 - 24px);
    z-index: 2
}

@media (max-width: 768px) {
    .work_dynamics1 .box1 .slick-arrow {
        font-size:16px
    }
}

.work_dynamics1 .box1 .slick-arrow::before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #ffe596
}

.work_dynamics1 .box1 .slick-arrow.slick-prev {
    left: calc(321px + 130px)
}

.work_dynamics1 .box1 .slick-arrow.slick-prev::before {
    content: '\e504'
}

.work_dynamics1 .box1 .slick-arrow.slick-next {
    right: calc(321px + 130px)
}

.work_dynamics1 .box1 .slick-arrow.slick-next::before {
    content: '\e505'
}

.work_dynamics1 .box2 {
    margin: 0 -90px;
    padding: 90px 90px 120px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 25px rgba(143,73,59,0.1);
    box-shadow: 0px 0px 25px rgba(143,73,59,0.1)
}

.work_dynamics1 .box2::after {
    content: '';
    background: url(../images/png4.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 378px;
    pointer-events: none;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.work_dynamics1 .box2 .item .liner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.work_dynamics1 .box2 .item .pic {
    position: relative;
    overflow: hidden;
    width: 472px;
    margin-right: 62px
}

.work_dynamics1 .box2 .item .pic::before {
    content: '';
    display: block;
    padding-top: 75%
}

.work_dynamics1 .box2 .item .pic .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.work_dynamics1 .box2 .item .pic .i {
    width: 100%
}

.work_dynamics1 .box2 .item .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 4px
}

.work_dynamics1 .box2 .item .txt .t1 {
    font-size: 22px;
    color: #2e3f28;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: justify;
}

@media (max-width: 768px) {
    .work_dynamics1 .box2 .item .txt .t1 {
        font-size:18px;
    }
}

.work_dynamics1 .box2 .item .txt .icon {
    margin-top: 26px
}

.work_dynamics1 .box2 .item .txt .t2 {
    margin-top: 10px;
    font-size: 18px;
    color: #2e3f28;
    font-family: Arial, Helvetica, sans-serif
}

@media (max-width: 768px) {
    .work_dynamics1 .box2 .item .txt .t2 {
        font-size:16px
    }
}

.work_dynamics1 .box2 .item .txt .t3 {
    font-size: 16px;
    color: #92a48d;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 4.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 45px
}

.work_dynamics1 .box2 .item .txt .line {
    position: relative;
    padding: 0 36px;
    margin-top: 55px
}

.work_dynamics1 .box2 .item .txt .line::before {
    content: '';
    background: url(../images/zx/icon2.png) center no-repeat;
    background-size: cover;
    width: 36px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.work_dynamics1 .box2 .item .txt .line::after {
    content: '';
    background: url(../images/zx/icon2.png) center no-repeat;
    background-size: cover;
    width: 36px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.work_dynamics1 .box2 .item .txt .line .l {
    border-top: 1px dashed #ccd5c7
}

.work_dynamics1 .box2 .item+.item {
    margin-top: 40px
}

.work_dynamics1 .box2 .col3 {
    position: relative;
    z-index: 2
}

@media (min-width: 769px) {
    .work_dynamics1 .box1 .slick-slide {
        -webkit-transition:all .5s;
        transition: all .5s
    }

    .work_dynamics1 .box1 .wid {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
}

@media (max-width: 1700px) {
    .work_dynamics1 .box2 {
        margin:0;
        padding: 90px 40px
    }

    .work_dynamics1::after {
        background-size: auto
    }
}

@media (max-width: 1500px) {
    .work_dynamics1 .box1 .slick-slide {
        width:620px
    }

    .work_dynamics1 .box1 .next .wid,.work_dynamics1 .box1 .prev .wid {
        width: 280px
    }

    .work_dynamics1 .box1 .slick-arrow {
        top: calc(420px / 2 - 24px)
    }

    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right: 33%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 33%
    }
}

@media (max-width: 1400px) {
    .work_dynamics1 .box1 {
        margin-left:0;
        margin-right: 0
    }

    .work_dynamics1 .box1 .slick-slide {
        width: 580px
    }

    .work_dynamics1 .box1 .item {
        margin: 0 15px
    }

    .work_dynamics1 .box1 .slick-arrow {
        top: calc(412px / 2 - 24px)
    }

    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right: 30%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 30%
    }

    .work_dynamics1 .box2 .item .pic {
        margin-right: 40px
    }
}

@media (max-width: 1300px) {
    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right:28%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 28%
    }

    .work_dynamics1 .box2 .item .pic {
        width: 400px
    }

    .work_dynamics1 .box2 .item .txt .icon {
        margin-top: 15px
    }

    .work_dynamics1 .box2 .item .txt .t3 {
        margin-top: 25px
    }

    .work_dynamics1 .box2 .item .txt .line {
        margin-top: 40px
    }
}

@media (max-width: 1200px) {
    .work_dynamics1 .box1 .slick-slide {
        width:420px
    }

    .work_dynamics1 .box1 .next .wid,.work_dynamics1 .box1 .prev .wid {
        width: 240px
    }

    .work_dynamics1 .box1 .slick-arrow {
        top: calc(292px / 2 - 24px)
    }

    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right: 33%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 33%
    }
}

@media (max-width: 1000px) {
    .work_dynamics1 .box1 .slick-slide {
        width:100%
    }

    .work_dynamics1 .box1 .slick-arrow {
        top: 34%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right: 40px
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 40px
    }

    .work_dynamics1 .box1 .item .txt .t3 {
        opacity: 1
    }

    .work_dynamics1 .box1 .slick-center .txt {
        padding: 30px 40px
    }

    .work_dynamics1 .box1 .item {
        margin: 0
    }

    .work_dynamics1 .box2 .item .pic {
        width: 300px
    }

    .work_dynamics1 .box2 .item .txt .t3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 3em;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 10px
    }

    .work_dynamics1 .box2 .item .txt .icon {
        margin-top: 5px
    }

    .work_dynamics1 .box2 .item .txt .line {
        margin-top: 18px
    }

    .work_dynamics1 .box2 .item .txt {
        padding-top: 0
    }

    .work_dynamics1 .box1 .item .pic .i {
        -webkit-transition: none;
        transition: none
    }

    .work_dynamics1 .box1 .next .wid,.work_dynamics1 .box1 .prev .wid {
        width: 100%
    }

    .work_dynamics1 .box1 .wid,.work_dynamics1 .box1 .slick-slide {
        -webkit-transition: none;
        transition: none
    }

    .work_dynamics1 .box1 .slick-slide {
        text-align: left
    }
}

@media (max-width: 768px) {
    .work_dynamics1 {
        padding-top:40px
    }

    .work_dynamics1 .j-title {
        margin-bottom: 20px
    }

    .work_dynamics1 .box1 {
        margin-top: 20px
    }

    .work_dynamics1 .box1 .slick-arrow {
        width: 40px;
        height: 40px;
        top: 24%
    }

    .work_dynamics1 .box1 .slick-arrow.slick-next {
        right: 15px
    }

    .work_dynamics1 .box1 .slick-arrow.slick-prev {
        left: 15px
    }

    .work_dynamics1 .box1 .txt {
        padding: 20px 15px !important;
        border: 0;
        border-bottom: 1px dashed #cfd7cc
    }

    .work_dynamics1 .box2 {
        padding: 20px 15px 40px;
        margin-top: 20px
    }

    .work_dynamics1 .box2 .item .liner {
        display: block
    }

    .work_dynamics1 .box2 .item .pic {
        width: 100%;
        margin-right: 0
    }

    .work_dynamics1 .box2 .item .txt {
        width: 100%;
        padding: 15px 0
    }

    .work_dynamics1 .box2 .item+.item {
        margin-top: 15px
    }

    .work_dynamics1 .box2 .item .txt .icon img {
        max-width: 20px
    }

    .work_dynamics1::after {
        height: 63px;
        background-size: 100%
    }

    .work_dynamics1 .box1 .item .pic .i {
        -webkit-transition: all 0s;
        transition: all 0s
    }

    .work_dynamics1 .box1 .next .wid,.work_dynamics1 .box1 .prev .wid {
        width: auto
    }

    .work_dynamics1 .box1 .item .txt .t2 {
        text-align: left;
        margin-top: 5px
    }

    .work_dynamics1 .box1 .item .txt .t3 {
        text-align: left;
        margin-top: 5px
    }

    .work_dynamics1 .box1 .item .txt .t1 {
        text-align: left !important
    }
}

.volunteer-service-1 {
    background: url(../images/hy/jpg47.jpg) no-repeat top center;
    background-size: cover;
    padding: 11.82292vw 0 7.8125vw;
    position: relative
}

.volunteer-service-1 .adorn-img-1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    width: 17.8125vw;
    right: 0;
    top: 100px;
    background: url(../images/hy/png42.png) no-repeat center;
    background-size: contain;
    -webkit-animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 0s infinite alternate;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.volunteer-service-1 .adorn-img-1::before {
    content: '';
    display: block;
    padding-top: 98.53801%
}

.volunteer-service-1 .adorn-img-1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.volunteer-service-1 .adorn-img-2 {
    background: url(../images/hy/png43.png) no-repeat center;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 7px;
    width: 13.95833vw;
    background-size: contain;
    -webkit-animation: rot6 2.2s forwards ease-in-out 1.2s infinite alternate;
    animation: rot6 2.2s forwards ease-in-out 1.2s infinite alternate;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.volunteer-service-1 .adorn-img-2::before {
    content: '';
    display: block;
    padding-top: 257.83582%
}

.volunteer-service-1 .adorn-img-2 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.volunteer-service-1 .box-1 {
    position: relative
}

.volunteer-service-1 .box-1 .cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.volunteer-service-1 .box-1 .cont .img {
    width: 51.78571428%;
    position: relative;
    overflow: hidden
}

.volunteer-service-1 .box-1 .cont .img::before {
    content: '';
    display: block;
    padding-top: 75.03448%
}

.volunteer-service-1 .box-1 .cont .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.volunteer-service-1 .box-1 .cont .txt-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 75px;
    width: 0
}

.volunteer-service-1 .box-1 .cont .txt-box .scroll-mod {
    color: #785c48;
    height: 390px;
    font-size: 0;
}

body:not(.lang-en) .volunteer-service-1 .box-1 .cont .txt-box .scroll-mod {
    text-align: justify;
    text-justify: inter-ideograph
}

.volunteer-service-1 .box-1 .cont .txt-box .scroll-mod .p+.p {
    margin-top: 18px
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #4b3627;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 35px;
    margin-top: 17px
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .item:last-child {
    margin-right: 0
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .icon {
    width: 68px;
    position: relative;
    overflow: hidden;
    margin-right: 20px
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .icon::before {
    content: '';
    display: block;
    padding-top: 94.11765%
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .t-box {
    font-size: 20px
}

@media (max-width: 768px) {
    .volunteer-service-1 .box-1 .cont .txt-box .contant-box .t-box {
        font-size:18px
    }
}

.volunteer-service-1 .box-1 .cont .txt-box .contant-box .t-box .t-1 {
    font-weight: bold
}

.volunteer-service-1 .box-2 {
    margin-top: 6.25vw;
    position: relative
}

.volunteer-service-1 .box-2 .pub-scroll {
    margin-top: 45px
}

.volunteer-service-2 {
    background: url(../images/hy/jpg48.jpg) no-repeat top center;
    background-size: cover;
    padding: 6.25vw 0
}

.volunteer-service-2 .list {
    margin-top: 3.02083vw
}

.volunteer-service-2 .list .li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f1e6;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.volunteer-service-2 .list .li+.li {
    margin-top: 40px
}

.volunteer-service-2 .list .img {
    width: 38.5714285%;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.volunteer-service-2 .list .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.volunteer-service-2 .list .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.volunteer-service-2 .list .img .i {
    width: 100%
}

.volunteer-service-2 .list .txt-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 8.59375vw 0 5.20833vw;
    width: 0
}

.volunteer-service-2 .list .txt-box .l-title {
    color: #4b3627;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden
}

.volunteer-service-2 .list .txt-box .p {
    color: #785c48;
    line-height: 1.5;
    margin-top: 14px;
    display: -webkit-box; /* 作为一个弹性盒子 */
    -webkit-box-orient: vertical; /* 设置盒子的排列方向 */
    -webkit-line-clamp: 3; /* 限制显示的行数 */
    overflow: hidden; /* 隐藏溢出的内容 */
}

.volunteer-service-2 .list .txt-box .line-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 40px 0 35px
}

.volunteer-service-2 .list .txt-box .line-box::before,.volunteer-service-2 .list .txt-box .line-box::after {
    content: '';
    width: 36px;
    height: 14px;
    background: url(../images/icon12_d.png) no-repeat center;
    background-size: contain;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.volunteer-service-2 .list .txt-box .line-box .line {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-top: 1px dashed #dac7ab
}

.volunteer-service-2 .list .txt-box .pub-info-box {
    display: block
}

.volunteer-service-2 .list .txt-box .pub-info-box .info-item+.info-item {
    margin-top: 10px
}

@media (min-width: 769px) {
    .volunteer-service-2 .list .li:hover {
        -webkit-box-shadow:9px 0 18px rgba(0,0,0,0.23);
        box-shadow: 9px 0 18px rgba(0,0,0,0.23)
    }
}

@media (max-width: 1500px) {
    .volunteer-service-1 .box-1 .cont .txt-box .scroll-mod {
        height:22vw;
        display: flex;
    }
}

@media (max-width: 1430px) {
    .volunteer-service-1 .box-1 .cont .txt-box {
        margin-left:35px
    }

    .volunteer-service-1 .box-1 .cont .txt-box .contant-box {
        margin-top: 20px
    }

    .volunteer-service-2 .list .txt-box .line-box {
        margin: 15px 0
    }

    .volunteer-service-2 .list .txt-box {
        padding: 0 30px
    }
}

@media (max-width: 768px) {
    .volunteer-service-1 {
        padding:40px 0
    }

    .volunteer-service-1 .box-1 .cont {
        margin-top: 20px;
        display: block
    }

    .volunteer-service-1 .box-1 .cont .img {
        width: 100%
    }

    .volunteer-service-1 .box-1 .cont .txt-box {
        margin: 15px 0 0;
        width: 100%
    }

    .volunteer-service-1 .box-1 .cont .txt-box .scroll-mod .p+.p {
        margin-top: 10px
    }

    .volunteer-service-1 .box-1 .cont .txt-box .contant-box {
        margin-top: 0;
        display: block
    }

    .volunteer-service-1 .box-1 .cont .txt-box .contant-box .item {
        margin: 10px 0 0
    }

    .volunteer-service-1 .box-1 .cont .txt-box .contant-box .icon {
        width: 40px
    }

    .volunteer-service-1 .box-2 {
        margin-top: 40px
    }

    .volunteer-service-1 .box-2 .pub-scroll {
        margin-top: 20px
    }

    .volunteer-service-2 {
        padding: 40px 0
    }

    .volunteer-service-2 .list .li {
        display: block
    }

    .volunteer-service-2 .list .img {
        width: 100%
    }

    .volunteer-service-2 .list .txt-box {
        padding: 20px;
        width: 100%
    }

    .volunteer-service-2 .list .txt-box .p {
        margin-top: 10px
    }

    .volunteer-service-2 .list .txt-box .line-box {
        margin: 10px 0
    }

    .volunteer-service-2 .list .txt-box .pub-info-box .info-item+.info-item {
        margin-top: 5px
    }

    .volunteer-service-1 .box-1 .cont .txt-box .scroll-mod {
        height: auto
    }
}

.vr_list1 {
    background: #fafbf8 url(../images/notice1.jpg) no-repeat top center;
    background-size: 100% auto;
    position: relative;
    padding: 11.4583vw 0 6.25vw
}

.vr_list1::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/vr_list2.png) no-repeat bottom center;
    background-size: 100% auto;
    padding-bottom: 125%;
    pointer-events: none;
    width: 100%
}

.vr_list1 .bgi1 {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 32.552vw;
    background: url(../images/vr_list1.png) no-repeat left top;
    background-size: contain;
    pointer-events: none
}

.vr_list1 .bgi1::before {
    content: '';
    display: block;
    padding-top: 176.48%
}

.vr_list1 .bgi1 .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.vr_list1 .j-title {
    margin-bottom: 20px
}

.vr_list1 .x-wrap {
    z-index: 1
}

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

.vrlist1 .item {
    width: calc(33.33% - 27px);
    margin: 40px 0 0 40px;
    background-color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden
}

.vrlist1 .item:nth-child(3n+1) {
    margin-left: 0
}

.vrlist1 .item .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.vrlist1 .item .img::before {
    content: '';
    display: block;
    padding-top: 75%
}

.vrlist1 .item .img .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.vrlist1 .item .txt {
    padding: 35px 40px;
    position: relative;
    background-color: #ffffff
}

.vrlist1 .item .txt .t1 {
    font-size: 22px;
    color: #2e3f28;
    line-height: 1.3
}

@media (max-width: 768px) {
    .vrlist1 .item .txt .t1 {
        font-size:18px
    }
}

@media (min-width: 769px) {
    .vrlist1 .item:hover {
        -webkit-box-shadow:8.387px 5.446px 35px 0px rgba(36,46,30,0.52);
        box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.52)
    }

    .vrlist1 .item:hover .img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@media (max-width: 1026px) {
    .vrlist1 .item .txt {
        padding:15px 20px
    }
}

@media (max-width: 768px) {
    .vr_list1 {
        padding:40px 0
    }

    .vrlist1 .j-title {
        margin-bottom: 20px
    }

    .vrlist1 {
        margin-top: 0;
        display: block
    }

    .vrlist1 .item {
        width: auto;
        margin: 20px 0 0 !important;
        -webkit-box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.1);
        box-shadow: 8.387px 5.446px 35px 0px rgba(36,46,30,0.1)
    }

    .vrlist1 .item .img .i {
        width: 100%
    }

    .vrlist1 .item .padd {
        padding: 20px
    }

    .vrlist1 .item .padd .date {
        margin: 5px 0
    }
}

.protect1 {
    position: relative;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.protect1 .media {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.protect1 .mask {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: url(../images/mask.png);
    mask-image: url(../images/mask.png);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-transition: all 4s ease 0s;
    transition: all 4s ease 0s
}

.protect1 .protect1_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.protect1 .xues_btns .item .icon {
    position: relative;
    overflow: hidden;
    width: 8.90625vw
}

.protect1 .xues_btns .item .icon::before {
    content: '';
    display: block;
    padding-top: 138.0117%
}

.protect1 .xues_btns .item .icon .i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-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
}

.protect1 .xues_btns .item .icon img {
    width: 100%
}

.protect1 .tab-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.protect1 .tab-cont .tab-item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 1.6s ease 0s;
    transition: -webkit-transform 1.6s ease 0s;
    transition: transform 1.6s ease 0s;
    transition: transform 1.6s ease 0s, -webkit-transform 1.6s ease 0s;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.protect1 .tab-cont .tab-item .title {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.protect1 .tab-cont .tab-item.act {
    position: relative;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none
}

.protect1 .tab-cont .tab-item.act .title {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.protect1 .xues_btns .item .txt {
    color: #fff1d0;
    font-size: 24px
}

@media (max-width: 768px) {
    .protect1 .xues_btns .item .txt {
        font-size:18px
    }
}

.protect1 .xues_btns .item.cur::before {
    opacity: 1
}

.protect1 .xues_btns .item.cur .icon .i1 {
    opacity: 0
}

.protect1 .xues_btns .item.cur .icon .i2 {
    opacity: 1
}

.protect1 .xues_btns .item.cur .txt {
    color: #fff1d0;
    font-weight: bold;
    text-shadow: 0px 0px 15px #fff1d0
}

.protect1 .title {
    position: absolute;
    top: 36vh;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center
}

.protect1 .title img {
    height: 23.6548vh
}

@media (min-width: 769px) {
    .protect1 .xues_btns .item:hover .txt {
        text-shadow:0px 0px 15px #fff1d0
    }
}

@media (max-width: 1026px) {
    .protect1 .tab-cont .tab-item .title {
        display:none
    }
}

@media (max-width: 768px) {
    .protect1 {
        height:auto;
        bottom: 0;
        position: absolute
    }

    .protect1 .title {
        top: 8%
    }

    .protect1 .title img {
        height: 16vh
    }

    .protect1 .xues_btns {
        -webkit-transform: none;
        transform: none;
        top: auto;
        bottom: 5%;
        left: 0
    }

    .protect1 .xues_btns .item {
        margin: 0
    }

    .protect1 .xues_btns .item .icon {
        width: 20vw
    }

    .protect1 .tab-cont {
        display: none
    }
}