.local{
    display: none;
}
.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
}
.no-data{
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
}
#myalert{ display:none; }
.recruit .block1{ height: auto}
.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}
.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;}
@-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: 1025px) {
    .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: Arial,'Microsoft Yahei','PingFang SC',sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    opacity: 0;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto
}

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

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

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

textarea {
    overflow: auto;
    resize: none
}

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

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

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

:focus {
    outline: 0
}

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

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

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

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

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

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

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

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

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

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

.placeholder {
    color: #909090
}

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

.lock-screen {
    overflow: hidden
}

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

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

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

    .lock-screen {
        margin-right: var(--bar-scrollbarWidth)
    }

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

@media (max-width: 1550px) {
    .x-wrap {
        max-width:95%
    }
}

@media (max-width: 1024px) {
    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: 100%
    }
}

.x-header {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s
}

.x-header.up {
    -webkit-transform: translateY(-100vh);
    transform: translateY(-100vh)
}

.x-header .logo {
    position: relative;
    overflow: hidden;
    width: 140px
}

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

.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 .w-logo {
    display: none
}

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

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

.x-header .nav-mod {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/nav-bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    z-index: 3
}

.x-header .nav-mod .icon-close {
    color: #fff;
    font-size: 24px;
    width: 214px;
    height: 214px;
    border-radius: 50%;
    background: #7b8a66;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-header .nav-mod .icon-close {
        font-size:18px
    }
}

.x-header .nav-mod .icon-close::before {
    content: '\e509';
    -webkit-transform: none;
    transform: none;
    bottom: 50px;
    left: 55px;
    top: auto;
    line-height: 1
}

.x-header .nav-mod .nav-item.cur>.nav-tit .nav-link {
    color: #7b8a66
}

.x-header .nav-mod .nav-logo {
    position: relative;
    overflow: hidden;
    width: 140px
}

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

.x-header .nav-mod .nav-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 .nav-mod .nav-lv1-tit {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-header .nav-mod .nav-lv1-tit {
        font-size:18px
    }
}

.x-header .nav-mod .nav-lv2-link {
    font-size: 18px;
    color: #cfd7be
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-header .nav-mod .nav-lv2-link {
        font-size:16px
    }
}

.x-header .nav-mod .tools-mod {
    display: none
}

.x-header .x-wrap {
    width: 100%
}

.x-header .menu-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 50px 5.2083333%;
    z-index: 1
}

.x-header .menu-mod .r-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header .tools-mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.x-header .tools-item {
    margin-left: 25px
}

.x-header .tools-item .icon {
    width: 30px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.x-header .tools-item .icon::before {
    content: '';
    display: block;
    padding-top: 106.66667%
}

.x-header .tools-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
}

.x-header .suds-mod .suds-pop {
    border: none;
    padding: 15px
}

.x-header .suds-mod .suds-pop.at-b {
    margin-top: 20px
}

.x-header .suds-mod .suds-pop::before {
    border: none;
    z-index: 1
}

.x-header .suds-mod .suds-pop::after {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(57,67,43,0.15);
    box-shadow: 0px 0px 8px 0px rgba(57,67,43,0.15);
    border-radius: 20px
}

.x-header .suds-mod .suds-pop .code img {
    width: 93px;
    height: auto
}

.x-header .tel-box .suds-pop {
    padding: 5px 20px
}

.x-header .tel-box .suds-pop::after {
    border-radius: 99px
}

.x-header .tel-box .tel {
    white-space: nowrap;
    font-size: 18px;
    color: #637150
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-header .tel-box .tel {
        font-size:16px
    }
}
.x-header .nav-mod .img{
    background-image: url(../images/nav-img.png);
}
@media (min-width: 1025px) {
    .x-header .nav-mod {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        visibility: hidden
    }

    .x-header .nav-mod .img {
        width: 56.770833%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        background: url() no-repeat left bottom;
        background-size: 70% auto
    }

    .x-header .nav-mod .nav-r-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .x-header .nav-mod .nav-r-box .pd {
        padding: 140px calc(100% / 3) 0 0
    }

    .x-header .nav-mod .nav-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 67px
    }

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

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

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

    .x-header .nav-mod .nav-lv1-item {
        width: 50%;
        margin-bottom: 44px
    }

    .x-header .nav-mod .nav-lv2-link:hover {
        color: #7b8a66
    }

    .x-header.menu-open .nav-mod {
        opacity: 1;
        visibility: visible;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: opacity, visibility;
        transition-property: opacity, visibility
    }
}

@media (max-width: 1550px) {
    .x-header .menu-mod {
        padding:30px 50px
    }

    .x-header .nav-mod .img {
        width: 45%
    }

    .x-header .nav-mod .nav-r-box .pd {
        padding-top: 70px;
        padding-right: 50px
    }

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

    .x-header .nav-mod .nav-lv1-item {
        margin-bottom: 20px;
        width: calc(100% / 3)
    }
}

@media (max-width: 1025px) {
    .x-header .x-wrap {
        padding:0
    }

    .x-header .menu-mod {
        padding: 30px
    }

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

    .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-transform: translateX(150%);
        transform: translateX(150%)
    }

    .x-header .nav-mod .nav-r-box {
        height: 100%
    }

    .x-header .nav-mod .nav-r-box .pd {
        padding-left: 30px;
        padding-right: 30px
    }

    .x-header .nav-mod .img {
        display: none
    }

    .x-header .nav-mod .nav-lv1-item {
        width: 100%;
        margin-bottom: 0
    }

    .x-header .nav-mod .icon-close {
        width: 120px;
        height: 120px
    }

    .x-header .nav-mod .icon-close::before {
        left: 25px;
        bottom: 25px
    }

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

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

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

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

    .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;
        font-size: 16px;
        font-weight: normal
    }

    .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-lv2 {
        padding: 0 15px
    }

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

    .x-header.menu-open .nav-mod {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition: all .5s;
        transition: all .5s
    }
}

@media (max-width: 1024px) {
    .x-header .menu-mod {
        padding:15px
    }

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

    .x-header .tools-mod {
        display: none
    }

    .x-header .nav-mod .nav-logo {
        width: 160px
    }

    .x-header .nav-mod .nav-r-box .pd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        padding: 15px 15px 0
    }

    .x-header .nav-mod .tools-mod {
        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;
        padding: 15px
    }

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

    .x-header .tools-item {
        margin: 0
    }

    .x-header .tools-item .icon {
        width: 25px
    }

    .x-header .tools-item+.tools-item {
        margin-left: 15px
    }
}

.x-footer {
    background: url(../images/footer-bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    font-size: 18px;
    padding-top: 60px;
    text-transform: capitalize
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-footer {
        font-size:16px
    }
}

.x-footer .footer-wrap {
    margin: auto;
    width: 1300px;
    max-width: 100%
}

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

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

.x-footer .logo-box .logo {
    width: 260px;
    position: relative;
    overflow: hidden
}

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

.x-footer .logo-box .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 .box-1 {
    padding: 24px 0 30px
}

.x-footer .box-1 .child {
    padding-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.x-footer .box-1 .tit {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase
}

@media (max-width: 1024px), (max-height: 900px) {
    .x-footer .box-1 .tit {
        font-size:18px
    }
}

.x-footer .box-1 .list {
    color: #cfd7be
}

.x-footer .box-2 {
    border-top: 1px solid #58653a;
    padding: 38px 0
}

.x-footer .box-2 .flex-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -5px
}

.x-footer .box-2 .link-box {
    padding: 0 5px
}

.x-footer .box-2 .link-box span {
    margin: 0 5px
}

.x-footer .box-2 .cop,.x-footer .box-2 .icp,.x-footer .box-2 .ftbj {
    padding: 0 5px
}

@media (max-width: 1550px) {
    .x-footer .footer-wrap {
        padding:0 50px
    }

    .x-footer .box-2 .flex-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 1025px) {
    .x-footer .box-1 .list a,.x-footer .box-2 a {
        -webkit-transition:color .3s;
        transition: color .3s
    }

    .x-footer .box-1 .list a:hover,.x-footer .box-2 a:hover {
        color: #cfd7be
    }
}

@media (max-width: 1025px) {
    .x-footer .footer-wrap {
        padding:0 15px
    }

    .x-footer {
        padding-top: 30px
    }

    .x-footer .logo-box .logo {
        width: 180px
    }

    .x-footer .box-1 {
        display: none
    }

    .x-footer .box-2 {
        padding: 20px 0 30px;
        margin-top: 20px;
        text-align: center
    }

    .x-footer .box-2 .flex-box {
        margin: 0;
        display: block
    }

    .x-footer .box-2 .link-box {
        padding: 0
    }

    .x-footer .box-2 .link-box span {
        margin: 0 3px
    }

    .x-footer .box-2 .link-box a,.x-footer .box-2 .link-box span {
        display: inline-block
    }

    .x-footer .box-2 .cop,.x-footer .box-2 .icp,.x-footer .box-2 .ftbj {
        padding: 0;
        margin: 5px 0 0
    }
}

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

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

.audio-mod .audio-list {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    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: 1024px) {
    .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: #7b8a66
}

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

    .bread-mod .bread-link:hover {
        color: #7b8a66
    }
}

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

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

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

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

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

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

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

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

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

.paging-mod .paging-jump {
    margin-left: 26px;
    width: 120px;
    height: 40px;
    border: 1px solid #aa1332;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    top: -2px
}

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

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

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

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

.paging-mod .paging-btn {
    display: block;
    width: 55px;
    cursor: pointer;
    border-radius: 4px;
    background: #7b8a66;
    color: #fff;
    height: 34px;
    margin-right: 2px
}

.paging-more {
    display: none
}

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

@media (max-width: 1024px) {
    .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: 50%;
        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: 1025px) {
    .pop-mod.x-show .pop-panel {
        overflow-y:scroll
    }

    .pop-mod.x-show>.pop-close {
        margin-right: var(--bar-scrollbarWidth)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.scroll-track-disable {
    display: none
}

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

.search-mod {
    position: relative
}

.search-mod .search-tap {
    z-index: 1
}

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

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

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

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

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

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

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

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

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

.search-mod.x-show .search-tap ~ .search-box {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    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
}

@media (min-width: 1025px) {
    .search-mod .search-tap:hover,.search-mod .search-submit:hover {
        color:#7b8a66
    }
}

.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.cur {
    color: #7b8a66
}

.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: 1025px) {
    .select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
        color:#7b8a66
    }
}

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

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

.icon-wx::before {
    content: '\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: 1025px) {
    .share-box .share-item:hover {
        color:#7b8a66
    }
}

.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: 1025px) {
    .sidebar-mod .sidebar-item:hover .sidebar-cont {
        color:#7b8a66
    }

    .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: #7b8a66
}

.tab-mod .tab-cont {
    position: relative
}

.tab-mod .tab-item {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.tab-mod .tab-item.act {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    position: relative
}

.topping-mod {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    max-width: 89px;
    width: 4.63542vw;
    position: relative;
    overflow: hidden;
    overflow: visible;
    position: fixed;
    -webkit-transition-property: opacity, visibility, background, color;
    transition-property: opacity, visibility, background, color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.topping-mod::before {
    content: '';
    display: block;
    padding-top: 349.4382%
}

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

.topping-mod .img {
    background: url(../images/icon-8.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 286.51685%;
    height: 142.4437299%;
    top: -24.43729903%;
    pointer-events: none
}

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

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

@media (min-width: 1025px) {
    .lock-screen .topping-mod {
        margin-right:var(--bar-scrollbarWidth)
    }

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

@media (max-width: 1024px) {
    .topping-mod {
        width:50px
    }
}

@media (max-width: 851px) {
    .topping-mod {
        width:30px;
        right: 10px
    }
}

.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: #7b8a66
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1024px) {
    .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
    }
}

.about-us-1 {
    padding: 11.61458vw 0 0
}

.about-us-1 .p-box {
    color: #666666;
    font-size: 32px;
    line-height: 1.5;
    margin-top: 2.96875vw
}

@media (max-width: 1850px), (max-height: 900px) {
    .about-us-1 .p-box {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .about-us-1 .p-box {
        font-size:22px
    }
}

.about-us-1 .signet-icon {
    margin: 3.80208vw auto 0
}

.about-us-1 .bg-pic {
    margin-top: -5px
}

.about-us-2 {
    position: relative;
    margin-top: -8.75vw
}

.about-us-2 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.about-us-2 .cont {
    width: 50%;
    margin-left: auto;
    padding: 7.29167vw 0 0 30px
}

.about-us-2 .p-box {
    color: #666666;
    font-size: 32px;
    line-height: 1.5
}

@media (max-width: 1850px), (max-height: 900px) {
    .about-us-2 .p-box {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .about-us-2 .p-box {
        font-size:22px
    }
}

.about-us-2 .signet-icon {
    margin: 2.91667vw 0 0
}

.about-us-3 {
    margin-top: -9.11458vw;
    position: relative
}

.about-us-3 .x-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.about-us-3 .cont {
    width: 50%;
    padding: 13.54167vw 30px 0 0
}

.about-us-3 .cont .p-box {
    color: #666;
    font-size: 32px;
    line-height: 1.5
}

@media (max-width: 1850px), (max-height: 900px) {
    .about-us-3 .cont .p-box {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .about-us-3 .cont .p-box {
        font-size:22px
    }
}

.about-us-3 .signet-icon {
    margin: 3.90625vw 0 0
}

@media (max-width: 1400px) {
    .about-us-3 .cont {
        padding-right:0;
        width: 60%
    }
}

@media (max-width: 1200px) {
    .about-us-3 .bg-pic {
        position:absolute;
        bottom: 0
    }

    .about-us-3 .cont {
        padding-bottom: 8.33333vw
    }

    .about-us-3 .x-wrap {
        position: relative
    }
}

@media (max-width: 1024px) {
    .about-us-1 {
        padding-top:100px
    }

    .about-us-1 .p-box {
        margin-top: 20px
    }

    .about-us-3 {
        margin: 0;
        padding: 20px 0 200px
    }

    .about-us-3 .bg-pic {
        position: absolute;
        bottom: 0
    }

    .about-us-3 .x-wrap {
        position: relative
    }

    .about-us-3 .cont {
        width: 100%;
        padding: 0
    }
}

@media (max-width: 769px) {
    .about-us-2 {
        margin-top:0;
        padding-bottom: 280px
    }

    .about-us-2 .bg-pic {
        position: absolute;
        bottom: 0
    }

    .about-us-2 .x-wrap {
        position: relative
    }

    .about-us-2 .cont {
        width: 100%;
        padding: 0
    }
}

.article-page {
    padding: 9.375vw 0 4.16667vw;
    background: url(../images/jpg8.jpg) repeat-y center;
    background-size: 100% auto
}

.article-page .article-head {
    margin-bottom: 30px;
    text-align: center
}

.article-page .article-head .t {
    font-size: 1.7em
}

.article-page .article-head .info {
    margin-top: 10px;
    color: #707070;
    font-size: 18px
}

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

.article-page .article-cont {
    margin-bottom: 30px;
    font-size: 18px
}

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

@media (min-width: 1025px) {
    .article-page .article-paging .article-link:hover {
        color:#7b8a66
    }
}

@media print {
    .x-header,.x-footer {
        display: none
    }
}

@media (max-width: 1024px) {
    .article-page {
        padding-top:80px
    }

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

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

    .article-page .article-cont {
        margin-bottom: 20px
    }

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

.pop-tips {
    background: url(../images/home1-bg.jpg)
}

.pop-tips .pop-dialog {
    background-color: transparent;
    text-align: center
}

.pop-tips .content {
    position: relative;
    text-align: center;
    color: #333;
    font-size: 20px;
    display: inline-block
}

.pop-tips .pop-close {
    top: -40px;
    right: 0;
    color: #333;
    font-size: 20px
}

.pop-tips .pop-close::before {
    content: '\e509'
}

.attractions1 {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: url(../images/home1-bg.jpg) no-repeat center;
    background-size: cover
}

.attractions1 .home-tit {
    position: absolute;
    bottom: 80%;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 70%;
    margin: auto
}

.attractions1 #disc {
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.attractions1 #disc.cur {
    pointer-events: auto
}

.attractions1 #disc canvas {
    width: 100%;
    height: 100%
}

.attractions1 .text {
    position: absolute;
    width: 17.8125vw;
    height: 17.8125vw;
    background: url(../images/jjl/bg1.jpg);
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(2);
    transform: translateX(-50%) scale(2);
    z-index: 1;
    bottom: 6.0185vh;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out
}

.attractions1 .text.show {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.attractions1 .text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    border: 1px dashed #9da98f;
    width: 95%;
    height: 95%;
    -webkit-animation: rot4 30s linear infinite 0s;
    animation: rot4 30s linear infinite 0s;
    margin: auto
}

.attractions1 .text .item {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    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;
    text-align: center;
    text-transform: uppercase;
}

.attractions1 .text .item.act {
    position: relative;
    opacity: 1;
    visibility: visible
}

.attractions1 .text .item .t1 {
    font-family: "Arial";
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    display: none
}

@media (max-width: 1024px), (max-height: 900px) {
    .attractions1 .text .item .t1 {
        font-size:16px
    }
}

.attractions1 .text .item .signet-icon {
    margin: 7% auto -15%;
    position: relative
}

.attractions1 .text .item .img {
    display: none
}

.attractions1 .text .item .cell {
    max-width: 80%
}

.attractions1 .maps {
    position: absolute;
    right: 5.2083vw;
    top: 14.3518vh;
    width: 23.4375vw
}

.attractions1 .maps img {
    width: 100%
}

.attractions1 .maps .arr {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 56%;
    left: 21.7777%;
    display: none
}

.attractions1 .maps .arr::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../images/jjl/arr1.png) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 21px
}

@-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)
    }
}

@media (max-width: 1026px) {
    .attractions1 {
        height:auto;
        padding: 15% 0 40px
    }

    .attractions1 .maps,.attractions1 #disc,.attractions1 .text::before,.attractions1 .text .item .signet-icon {
        display: none
    }

    .attractions1 .text {
        position: static;
        -webkit-transform: none !important;
        transform: none !important;
        width: 100%;
        background: none;
        border-radius: 0;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 15px
    }

    .attractions1 .text .item {
        position: relative;
        height: auto;
        visibility: visible;
        opacity: 1;
        width: calc(50% - 10px);
        display: block;
        margin: 0 0 10px 10px !important
    }

    .attractions1 .text .item:nth-child(odd) {
        margin-left: 0 !important
    }

    .attractions1 .text .item+.item {
        margin-top: 20px
    }

    .attractions1 .text .item+.item .img::after {
        padding-bottom: 102%
    }

    .attractions1 .text .item .cell {
        max-width: inherit
    }

    .attractions1 .home-tit {
        position: static;
        padding: 0 15px 20px
    }

    .attractions1 .text .item .t1 {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        color: #ffffff;
        z-index: 1;
        display: block
    }

    .attractions1 .text .item .img {
        display: block;
        position: relative;
        overflow: hidden
    }

    .attractions1 .text .item .img::after {
        content: "";
        padding-bottom: 102%;
        display: block
    }

    .attractions1 .text .item .img img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
}

@media (max-width: 1024px) {
    .attractions1 {
        padding:90px 0 40px
    }

    .attractions1 .text .item {
        width: calc(50% - 5px);
        margin-left: 10px
    }

    .attractions1 .text .item+.item {
        margin-top: 10px
    }
}

.attraction-list-wrap .scroll-box {
    font-size: 24px;
    color: #666;
    line-height: 1.25;
    margin-top: 1.04167vw;
    max-height: calc(1em * 1.25 * 15)
}

@media (max-width: 1024px), (max-height: 900px) {
    .attraction-list-wrap .scroll-box {
        font-size:18px
    }
}

.attraction-list-wrap .scroll-box .p+.p {
    margin-top: 1.04167vw
}

.attraction-list-wrap .scroll-box .mCSB_outside+.mCSB_scrollTools {
    right: -10px
}

.attraction-list-wrap .scroll-box .mCSB_scrollTools .mCSB_draggerRail {
    background: #7b8a66
}

.attraction-list-wrap .scroll-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #7b8a66
}

.attraction-list-wrap .cont {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    height: 100%;
    padding-left: 7.29167vw
}

.attraction-list-wrap .signet-icon {
    position: relative;
    margin-top: 1.82292vw
}

.attraction-list-wrap .img {
    -webkit-animation: none;
    animation: none
}

.attraction-list-wrap .img .bg-pic {
    background: url() no-repeat center;
    background-size: cover;
    height: 100%;
    position: relative;
    width: 100%
}

.attraction-list-wrap .img img {
    width: 100%;
    display: block
}

.attraction-list-wrap .attimg-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.attraction-list-wrap .attimg-box .img {
    width: 51.3541666%;
    height: 100%;
    position: relative
}

.attraction-list-wrap .attimg-box .img img {
    width: auto;
    height: 100%;
    display: block
}

.attraction-list-wrap .section {
    background-image: none;
    overflow: visible;
    position: relative;
    z-index: 9;
}

.attraction-list-wrap .section .fx-bg {
    position: absolute;
    width: 48.6458334%;
    height: 100%;
    background: url(../images/jpg8.jpg) no-repeat right center;
    background-size: cover;
    right: 0;
    top: 0;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    z-index: 2;
    pointer-events: none;
    transform: translate(0px, 0)!important;
}

.attraction-list-wrap .section .fx-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(100% - 1px);
    width: 19.0578158%;
    background: url(../images/png14.png) no-repeat center;
    background-size: 100% 100%
}

.attraction-list-1 {
    background: url(../images/jpg8.jpg) !important
}

.attraction-list-1 .img1-box {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.attraction-list-1 .img1-box .img {
    position: absolute;
    width: 51.04167vw;
    bottom: 5.3125vw;
    right: 6.25vw
}

.attraction-list-1 .img1-box .m-mask {
    position: relative;
    overflow: hidden;
    background: url(../images/png13-1.png) no-repeat bottom center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    pointer-events: none
}

.attraction-list-1 .img1-box .m-mask::before {
    content: '';
    display: block;
    padding-top: 22.13542%
}

.attraction-list-1 .img1-box .m-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
}

.attraction-list-1 .cont {
    margin-left: 0;
    position: relative;
    padding: 0
}

.attraction-list-1 .p-box {
    margin-top: 1.04167vw;
    line-height: 1.25;
    font-size: 24px;
    max-height: calc(1em * 1.25 * 15);
    width: 80%
}

@media (max-width: 1024px), (max-height: 900px) {
    .attraction-list-1 .p-box {
        font-size:18px
    }
}

.attraction-list-1 .p-box .p {
    color: #333;
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .attraction-list-1 .p-box .p {
        font-size:18px
    }
}

.attraction-list-1 .p-box .mCSB_outside+.mCSB_scrollTools {
    right: -10px
}

.attraction-list-1 .p-box .mCSB_scrollTools .mCSB_draggerRail {
    background: #7b8a66
}

.attraction-list-1 .p-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #7b8a66
}

.attraction-list-1 .signet-icon {
    margin: 0;
    bottom: 3.90625vw;
    right: 9.89583vw;
    position: absolute;
    z-index: 9
}

@media (max-width: 1441px) {
    .attraction-list-1 .img1-box .img {
        width:46.875vw
    }
}

@media (max-width: 1024px) {
    .attraction-list-wrap .section {
        background-image:url(../images/jpg8.jpg)
    }

    .attraction-list-wrap .attimg-box {
        height: 50vh
    }

    .attraction-list-wrap .attimg-box .img {
        width: 100%
    }

    .attraction-list-wrap .attimg-box .img::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/png14-1.png) no-repeat bottom center;
        background-size: contain;
        z-index: 9
    }

    .attraction-list-wrap .img.bg-pic .mask {
        width: auto;
        left: 0;
        background-image: url(../images/png14-1.png);
        background-position: bottom center;
        background-size: 100% auto
    }

    .attraction-list-wrap .cont {
        width: 100%;
        padding: 50vh 0 0
    }

    .attraction-list-wrap .scroll-box {
        margin-top: 10px;
        max-height: calc(1em * 1.25 * 10)
    }

    .attraction-list-wrap .scroll-box .p+.p {
        margin-top: 10px
    }

    .attraction-list-wrap .section .cont .pd {
        padding: 0
    }

    .attraction-list-1 .cont {
        padding-top: 0
    }

    .attraction-list-1 .p-box {
        width: 100%;
        margin-top: 10px
    }

    .attraction-list-1 .p-box .p {
        margin-top: 0
    }

    .attraction-list-wrap .section .fx-bg {
        display: none
    }
}


.event {
    padding: 11.61458vw 5.20833vw 0 43.48958vw;
    position: relative
}

.event.pub-bg {
    background-attachment: fixed
}

.event .bg-pic {
    width: 48.48958vw;
    position: fixed;
    top: 11.14583vw;
    left: 0;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.event .bg-pic.s-top {
    top: 2.60417vw
}

.event .bg-pic .signet-icon {
    left: 17.08333vw;
    bottom: 0;
    position: absolute
}

.event .cont {
    position: relative;
    z-index: 2
}

.event .list {
    font-size: 24px;
    margin-top: 3.38542vw;
    padding-bottom: 5.46875vw
}

@media (max-width: 1024px), (max-height: 900px) {
    .event .list {
        font-size:18px
    }
}

.event .list .li+.li {
    margin-top: 3.64583vw
}

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

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

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

.event .list .img .i {
    width: 100%
}

.event .list .date {
    color: #7b8a66;
    margin-top: 1.51042vw
}

.event .list .tit {
    font-size: 32px;
    line-height: 1.3125
}

@media (max-width: 1850px), (max-height: 900px) {
    .event .list .tit {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .event .list .tit {
        font-size:22px
    }
}

.event .list .p {
    color: #666666;
    line-height: 1.25;
    margin-top: .67708vw
}

.event .home-more {
    position: relative
}

@media (min-width: 1025px) {
    .event .list .li:hover .tit {
        color:#7b8a66
    }
}

@media (max-width: 1024px) {
    .event {
        padding-right:15px
    }

    .event .list {
        margin-top: 20px;
        padding-bottom: 20px
    }

    .event .list .date {
        margin-top: 10px
    }

    .event .list .p {
        margin-top: 10px
    }

    .event .list .li+.li {
        margin-top: 15px
    }
}

@media (max-width: 769px) {
    .event {
        padding:100px 15px 40px
    }

    .event .home-tit {
        text-align: center
    }
}

.fp-auto-height {
    height: auto !important
}

.signet-icon {
    max-width: 70px;
    width: 3.64583vw;
    position: relative;
    overflow: hidden;
    background: url(../images/icon-5.png) no-repeat center;
    background-size: contain;
    position: absolute;
    min-width: 30px
}

.signet-icon::before {
    content: '';
    display: block;
    padding-top: 178.57143%
}

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

.home-more {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    line-height: 1.3
}

@media (max-width: 1850px), (max-height: 900px) {
    .home-more {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-more {
        font-size:22px
    }
}

.home-more .line {
    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
}

.home-more .line::before {
    content: '';
    display: block;
    background: #9e0c0a;
    border-radius: 50%;
    width: 11px;
    height: 11px
}

.home-more .line::after {
    content: '';
    display: block;
    height: 105px;
    border-left: 1px dashed #6e5843
}

.home-more .icon-box {
    overflow: hidden;
    height: 71px
}

.home-more .icon-box .icon {
    width: 142px;
    position: relative;
    overflow: hidden;
    background: url(../images/icon-7.png) no-repeat center;
    background-size: contain;
    -webkit-animation: r 10s infinite linear;
    animation: r 10s infinite linear;
    margin: auto
}

.home-more .icon-box .icon::before {
    content: '';
    display: block;
    padding-top: 100%
}

.home-more .icon-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
}

.home-tit {
    font-size: 70px;
    color: #7b8a66;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
.ONLINETOUR .home-tit{
    width: 550px;
}
@media (max-width: 1850px), (max-height: 900px) {
    .home-tit {
        font-size:46px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-tit {
        font-size:32px;
    }
    .ONLINETOUR .home-tit{
        width: 350px;
    }
}

.pub-p {
    font-size: 24px;
    color: #666666;
    line-height: 1.25
}

@media (max-width: 1024px), (max-height: 900px) {
    .pub-p {
        font-size:18px
    }
}

.section {
    background: url(../images/home1-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.section .cont {
    position: relative;
    z-index: 2;
    height: 100%
}

.bg-img {
    background: url() no-repeat center;
    background-size: 100% auto;
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute
}

.bg-img::before {
    content: '';
    display: block;
    padding-top: 56.25%
}

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

.home-1 .bg-img {
    bottom: 0;
    right: 0;
    /*background-image: url(../images/s65698ea43b8b3.png);*/
    background-position: right bottom;
    background-size: auto 89%;

}
/*.home-2 .bg-img:first-of-type{*/
/*    background-image: url(../images/s6586e9178ba9e.png);*/
/*}*/
/*.home-2 .bg-img:nth-of-type(2){*/
/*    background-image: url(../images/s6586e98a03085.png);*/
/*}*/
/*.home-2 .bg-img:nth-of-type(3){*/
/*    background-image: url(../images/s6586e9a8e347f.png);*/
/*}*/
/*.home-3 .bg-img{*/
/*    background-image: url(../images/s65699ab3705ac.png);*/
/*}*/
/*.home-4 .bg-img{*/
/*    background-image: url(../images/s65699b18df2c1.png);*/
/*}*/
/*.home-5 .bg-img:first-of-type{*/
/*    background-image: url(../images/s6586e9fd71af0.png);*/
/*}*/
/*.home-5 .bg-img:nth-of-type(2){*/
/*    background-image: url(../images/s6586ea1b49f5a.png);*/
/*}*/
/*.home-5 .bg-img:nth-of-type(3){*/
/*    background-image: url(../images/s6586ea3c7dfc7.png);*/
/*}*/
/*.home-5 .bg-img:nth-of-type(4){*/
/*    background-image: url(../images/s6586ea6e5b2dd.png);*/
/*}*/
/*.home-5 .bg-img:nth-of-type(5){*/
/*    background-image: url(../images/s6586ea548aab9.png);*/
/*}*/
/*.home-6 .bg-img{*/
/*    background-image: url(../images/home6-pic.png);*/
/*}*/
.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; /* 隐藏溢出的内容 */
}
.home-1 .signet-icon {
    left: 7.39583333vw;
    bottom: 4.63541666vw
}

.home-1 .home1-img {
    width: 28.64583333vw;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 13.3854166vw;
    top: 50%;
    -webkit-transform: translateY(-47%);
    transform: translateY(-47%)
}

.home-1 .home1-img::before {
    content: '';
    display: block;
    padding-top: 142.36364%
}

.home-1 .home1-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
}

.home-2 .bg-img {
    top: 0;
    right: 0
}

.home-2 .signet-icon {
    right: 2.8645833vw;
    bottom: 2.8645833vw
}

.home-2 .bg-img-box .bg-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.home-2 .bg-img-box .bg-img.show {
    opacity: 1;
    visibility: visible
}

.home-2 .tab-mod .xicon {
    display: none
}

.home-2 .tab-mod .tab-bar {
    position: absolute;
    left: 0;
    top: 70px
}

.home-2 .tab-mod .tab-bar .tracker-box {
    height: auto
}

.home-2 .tab-mod .tab-term {
    font-size: 18px;
    margin: 23px 0;
    padding-left: 100px;
    position: relative
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-2 .tab-mod .tab-term {
        font-size:16px
    }
}

.home-2 .tab-mod .tab-term .tab-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.home-2 .tab-mod .tab-term .tab-line::before {
    content: '';
    display: block;
    width: 0;
    border-top: 1px dashed #707070;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.home-2 .tab-mod .tab-term .tab-line::after {
    content: '';
    display: block;
    padding: 5.5px;
    border-radius: 50%;
    background: #7b8a66;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

.home-2 .tab-mod .tab-term.cur {
    color: #333
}

.home-2 .tab-mod .tab-term.cur .tab-line::before {
    width: 68px
}

.home-2 .tab-mod .tab-term.cur .tab-line::after {
    opacity: 1;
    visibility: visible
}

.home-2 .tab-mod .tab-term.cur .t {
    color: #7b8a66
}

.home-2 .tab-mod .tab-cont {
    margin-top: 14px
}

.home-2 .cont {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.home-2 .cont .pd {
    padding: 120px 7.29166666vw 0 2.6041666vw;
    width: 100%
}

.home-2 .cont .box-1 .t-1,.home-2 .cont .box-2 .txt {
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-2 .cont .box-1 .t-1,.home-2 .cont .box-2 .txt {
        font-size:18px
    }
}

.home-2 .cont .box-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-2 .cont .box-1 .item {
    position: relative;
    padding: 20px 28px 0
}

.home-2 .cont .box-1 .t-1 {
    line-height: 1.2
}

.home-2 .cont .box-1 .t-2 {
    font-size: 40px;
    line-height: 1.2;
    color: #7b8a66
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-2 .cont .box-1 .t-2 {
        font-size:26px
    }
}

.home-2 .cont .box-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px
}

.home-2 .cont .box-2 .item {
    margin: 3px 35px 0
}

.home-2 .cont .box-2 .icon {
    width: 74px;
    position: relative;
    overflow: hidden;
    margin: auto
}

.home-2 .cont .box-2 .icon::before {
    content: '';
    display: block;
    padding-top: 109.45946%
}

.home-2 .cont .box-2 .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
}

.home-2 .cont .box-2 .txt {
    margin-top: 5px;
    text-align: center
}

.home-2 .home-more {
    left: 0;
    bottom: 30px;
    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: center;
    -ms-flex-align: center;
    align-items: center
}

.home-2 .home-more .line-icon-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 10px
}

.home-2 .home-more .line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.home-2 .home-more .line::after {
    height: auto;
    width: 300px;
    border-top: 1px dashed #6e5843
}

.home-2 .home-more .icon-box {
    width: 71px;
    height: auto
}

.home-2 .home-more .icon-box .icon {
    position: relative;
    right: 100%
}

.home-3 .bg-img {
    left: 0;
    top: 0
}

.home-3 .signet-icon {
    left: 3.125vw;
    bottom: 3.125vw
}

.home-3 .cont {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.home-3 .cont .pd {
    padding: 0 5vw 0 15.625vw
}

.home-3 .home-tit {
    font-size: 70px;
    line-height: 1.2;
    line-height: 1
}

@media (max-width: 1850px), (max-height: 900px) {
    .home-3 .home-tit {
        font-size:46px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-3 .home-tit {
        font-size:32px
    }
}

.home-3 .pub-p {
    margin-top: 13px
}

.home-3 .home-more {
    bottom: 0;
    left: 25.4166666vw
}

.home-3 .home-more .line::after {
    height: 145px
}

.home-4 .bg-img {
    top: 0;
    right: 0
}

.home-4 .signet-icon {
    right: 3.125vw;
    bottom: 3.125vw
}

.home-4 .cont {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-4 .cont .pd {
    padding: 0 16.66666vw 0 5.2083333vw
}

.home-4 .cont .scroll-mod {
    margin-top: 17px
}

.home-4 .cont .scroll-mod .pub-p {
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto
}

.home-4 .cont .scroll-mod .pub-p span {
    line-height: 1.41
}

.home-4 .home-more {
    bottom: 0;
    left: 15.625vw
}

.home-5 .bg-img-box .bg-img {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    top: 0;
    right: 0
}

.home-5 .bg-img-box .bg-img.show {
    opacity: 1;
    visibility: visible
}

.home-5 .signet-icon {
    left: 5.83333333vw;
    bottom: 3.125vw
}

.home-5 .tab-bar {
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 9
}

.home-5 .tab-bar .xicon {
    display: none
}

.home-5 .tab-bar .tracker-box {
    height: auto
}

.home-5 .tab-mod .tab-term {
    font-size: 18px;
    margin: 23px 0;
    text-align: right;
    padding-right: 100px;
    position: relative
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-5 .tab-mod .tab-term {
        font-size:16px
    }
}

.home-5 .tab-mod .tab-term .tab-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0
}

.home-5 .tab-mod .tab-term .tab-line::after {
    content: '';
    display: block;
    width: 0;
    border-top: 1px dashed #707070;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.home-5 .tab-mod .tab-term .tab-line::before {
    content: '';
    display: block;
    padding: 5.5px;
    border-radius: 50%;
    background: #7b8a66;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden
}

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

.home-5 .tab-mod .tab-term.cur .tab-line::after {
    width: 68px
}

.home-5 .tab-mod .tab-term.cur .tab-line::before {
    opacity: 1;
    visibility: visible
}

.home-5 .tab-mod .tab-term.cur .t {
    color: #7b8a66
}

.home-5 .tab-mod .tab-cont {
    margin-top: 37px
}

.home-5 .h5-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh
}

.home-5 .h5-flex .h5-pd {
    padding: 0 7.29166666vw 0 13.28125vw
}

.home-5 .t-1 {
    font-size: 32px;
    line-height: 1.1
}

@media (max-width: 1850px), (max-height: 900px) {
    .home-5 .t-1 {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-5 .t-1 {
        font-size:22px
    }
}

.home-5 .t-2 {
    font-size: 24px;
    color: #7b8a66
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-5 .t-2 {
        font-size:18px
    }
}

.home-5 .more-box .home-more {
    position: absolute;
    bottom: 0;
    left: 23.5416666vw;
    display: none
}

.home-5 .more-box .home-more .line::after {
    height: 185px
}

.home-5 .more-box .home-more.act {
    display: block
}

.home-6 .bg-img {
    top: 0;
    left: 0
}

.home-6 .cont {
    width: 50vw;
    margin-left: auto;
    position: relative
}

.home-6 .cont .pd {
    padding: 4.2916666vw 12.4583333vw 0 2.60416666vw
}

.home-6 .list {
    margin-top: 1.5625vw
}

.home-6 .list .li+.li {
    margin-top: 17px
}

.home-6 .li-tit {
    font-size: 32px
}

@media (max-width: 1850px), (max-height: 900px) {
    .home-6 .li-tit {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-6 .li-tit {
        font-size:22px
    }
}

.home-6 .li-tit a {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    height: 3em;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto;
    line-height: 1.3125
}

.home-6 .date {
    font-size: 24px;
    color: #7b8a66
}

@media (max-width: 1024px), (max-height: 900px) {
    .home-6 .date {
        font-size:18px
    }
}

.home-6 .home-more {
    bottom: 0;
    left: 1.51041666vw
}

.home-6 .home-more .line::after {
    height: 80px
}

.home-6 .signet-icon {
    left: 17.91667vw;
    bottom: 3.125vw
}

.ink-transition-layer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none
}

.ink-transition-layer .bg-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
    height: 100%;
    width: 2500%;
    background: url(../images/ink.png) no-repeat 0 0;
    background-size: 100% 100%
}

.ink-transition-layer.visible {
    opacity: 1;
    visibility: visible
}

.ink-transition-layer.opening .bg-layer {
    -webkit-animation: cd-sequence 2.2s steps(24);
    animation: cd-sequence 2.2s steps(24);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ink-transition-layer.closing .bg-layer {
    -webkit-animation: cd-sequence-reverse 2.2s steps(24);
    animation: cd-sequence-reverse 2.2s steps(24);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.no-cssanimations .ink-transition-layer {
    display: none
}

@-webkit-keyframes cd-sequence {
    0% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
        opacity: 1
    }

    30% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
        opacity: 1
    }
}

@keyframes cd-sequence {
    0% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
        opacity: 1
    }

    30% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
        opacity: 1
    }
}

@-webkit-keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%)
    }
}

@keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%)
    }

    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%)
    }
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1850px), (max-height: 900px) {
    .home-3 .home-tit {
        font-size:70px;
        line-height: 1.2
    }
}

@media (max-width: 1850px) and (max-width: 1850px), (max-height: 900px) and (max-width: 1850px), (max-width: 1850px) and (max-height: 900px), (max-height: 900px) and (max-height: 900px) {
    .home-3 .home-tit {
        font-size:46px
    }
}

@media (max-width: 1850px) and (max-width: 1024px), (max-height: 900px) and (max-width: 1024px), (max-width: 1850px) and (max-height: 900px), (max-height: 900px) and (max-height: 900px) {
    .home-3 .home-tit {
        font-size:32px
    }
}

@media (max-width: 1850px), (max-height: 900px) {
    .home-5 .cont {
        width:100%
    }
}

@media (max-width: 1601px) {
    .home-4 .cont .pd {
        padding-right:12vw
    }
}

@media (max-width: 1400px), (max-height: 900px) {
    .home-more .line::after,.home-3 .home-more .line::after {
        height:80px
    }

    .bg-img {
        position: relative;
        overflow: hidden;
        position: absolute
    }

    .bg-img::before {
        content: '';
        display: block;
        padding-top: 48.16984%
    }

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

    .home-5 .cont {
        width: 100%
    }

    .home-more .icon-box {
        height: 40px
    }

    .home-more .icon-box .icon {
        width: 80px
    }

    .home-1 .home1-img {
        width: 20vw
    }

    .home-2 .tab-mod .tab-bar {
        top: 30px
    }

    .home-2 .tab-mod .tab-term {
        margin: 5px 0
    }

    .home-2 .cont .pd {
        padding: 0 50px
    }

    .home-2 .cont .box-1 .item {
        padding-left: 35px;
        padding-right: 35px
    }

    .home-2 .cont .box-2 .item {
        margin: 3px 15px 0
    }

    .home-2 .home-more .icon-box {
        width: 40px
    }

    .home-5 .more-box .home-more .line::after {
        height: 90px
    }

    .home-5 .tab-mod .tab-cont {
        margin-top: 20px
    }

    .home-5 .tab-bar {
        bottom: 30px
    }

    .home-5 .tab-mod .tab-term {
        margin: 5px 0
    }

    .home-5 .h5-flex .h5-pd {
        padding: 0 9vw
    }

    .home-6 .cont .pd {
        padding: 80px 50px 0
    }

    .home-6 .list {
        margin-top: 15px
    }

    .home-6 .list .li+.li {
        margin-top: 5px
    }

    .home-6 .home-more {
        left: 50px
    }
}

@media (max-width: 1367px) {
    .home-6 .list .li:nth-child(n+4) {
        display:none
    }
}

@media (min-width: 1025px) {
    .bg-img {
        -webkit-animation:sc 20s ease-in-out infinite;
        animation: sc 20s ease-in-out infinite
    }

    .section .home-more .icon-box {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
        visibility: hidden
    }

    .section .home-more .line {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    .section .home-more a {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        visibility: hidden
    }

    .section.active .home-more .icon-box {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .section.active .home-more .line {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        transform: none;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .section.active .home-more a {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .home-1 .home1-img {
        -webkit-transition: all 1.8s;
        transition: all 1.8s;
        opacity: 0;
        visibility: hidden
    }

    .home-1 .signet-icon {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out
    }

    .home-1.active .home1-img {
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .home-1.active .signet-icon {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s
    }

    .home-2 .tab-mod .tab-term {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden
    }

    .home-2 .home-more .line {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .home-2 .tab-mod .tab-cont {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden
    }

    .home-2.active .tab-mod .tab-term {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .home-2.active .tab-mod .tab-term:nth-child(2) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .home-2.active .tab-mod .tab-term:nth-child(3) {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .home-2.letterfx-done .tab-mod .tab-cont {
        opacity: 1;
        visibility: visible
    }

    .home-3 .cont .pd {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden
    }

    .home-3.letterfx-done .cont .pd {
        opacity: 1;
        visibility: visible
    }

    .home-4 .cont .pd {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden
    }

    .home-4.letterfx-done .cont .pd {
        opacity: 1;
        visibility: visible
    }

    .home-5 .tab-mod .tab-term {
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
        visibility: hidden
    }

    .home-5 .tab-mod .tab-item .flex-pd {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden
    }

    .home-5.active .tab-mod .tab-term {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    .home-5.active .tab-mod .tab-term:nth-child(2) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .home-5.active .tab-mod .tab-term:nth-child(3) {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .home-5.active .tab-mod .tab-term:nth-child(4) {
        -webkit-transition-delay: 2s;
        transition-delay: 2s
    }

    .home-5.active .tab-mod .tab-term:nth-child(5) {
        -webkit-transition-delay: 2.5s;
        transition-delay: 2.5s
    }

    .home-5.letterfx-done .tab-mod .tab-item .flex-pd {
        opacity: 1;
        visibility: visible;
        max-width: 30vw
    }

    .home-6 .cont .pd {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 0;
        visibility: hidden
    }

    .home-6.letterfx-done .cont .pd {
        opacity: 1;
        visibility: visible
    }

    .home-6 .list .li:hover .li-tit {
        color: #7b8a66
    }
}

@media (max-width: 1024px) {
    .section .cont .pd {
        padding-left:30px;
        padding-right: 30px
    }

    .home-5 .h5-flex .h5-pd {
        padding: 0
    }

    .home-6 .list .li:nth-last-child(1) {
        display: block
    }
}

@media (max-width: 851px) {
    .home-more {
        color:#7b8a66
    }

    .home-more .line-icon-box {
        display: none !important
    }

    .home-more .icon-box {
        height: 20px
    }

    .home-more .icon-box .icon {
        width: 40px
    }

    .section .cont {
        height: 100%
    }

    .section .cont .pd {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }

    .home-2 .cont,.home-3 .cont {
        width: 100%
    }

    .home-3 .home-more .line::after,.home-more .line::after,.home-5 .home-more .line::after,.home-6 .home-more .line::after {
        height: 30px
    }

    .home-1 .home1-img {
        width: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 80px
    }

    .home-1 .bg-img {
        width: 220%
    }

    .home-1 .signet-icon {
        top: 60%;
        bottom: auto;
        left: 25%
    }

    .home-2 .tab-mod .tab-bar {
        top: auto;
        bottom: 0px;
        left: 15px;
        right: 15px
    }

    .home-2 .tab-mod .tab-term {
        margin: 0;
        padding: 0 0 30px
    }

    .home-2 .tab-mod .tab-term+.tab-term {
        margin-left: 20px
    }

    .home-2 .tab-mod .tab-term.cur .tab-line::before {
        width: 0;
        height: 50px
    }

    .home-2 .tab-mod .tab-term .tab-line {
        top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .home-2 .tab-mod .tab-term .tab-line::before {
        border-left: 1px dashed #707070;
        height: 0px;
        border-top: none;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        margin-left: -1px
    }

    .home-2 .bg-img-box .bg-img {
        width: 150%
    }

    .home-2 .cont {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .home-2 .cont .pd {
        padding-bottom: 100px
    }

    .home-2 .cont .box-1 {
        margin-top: 10px
    }

    .home-2 .cont .box-1 .item {
        width: 50%;
        padding: 0 10px;
        margin: 5px 0
    }

    .home-2 .cont .box-1 .t-1 {
        margin-bottom: 5px
    }

    .home-2 .cont .box-2 {
        margin-top: 20px
    }

    .home-2 .cont .box-2 .item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        padding: 0 10px
    }

    .home-2 .cont .box-2 .icon {
        width: 40px
    }

    .home-2 .cont .box-2 .txt {
        line-height: 1.1
    }

    .home-2 .signet-icon {
        left: 5%;
        right: auto;
        bottom: auto;
        top: 25%
    }

    .home-2 .home-more {
        position: static;
        display: block;
        margin-top: 10px
    }

    .home-3 .home-more,.home-4 .home-more,.home-5 .more-box .home-more,.home-6 .home-more {
        position: static
    }

    .home-3 .cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-bottom: 40px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .home-3 .bg-img {
        width: 200%
    }

    .home-3 .signet-icon {
        left: auto;
        right: 20%;
        bottom: auto;
        top: 40%
    }

    .home-3 .home-more {
        margin: 10px 15px 0
    }

    .home-4 .bg-img {
        width: 160%
    }

    .home-4 .cont {
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-bottom: 40px
    }

    .home-4 .home-more {
        text-align: left;
        margin-top: 10px
    }

    .home-4 .signet-icon {
        right: auto;
        bottom: auto;
        top: 10%;
        left: 23%
    }

    .home-5 .bg-img-box .bg-img {
        width: 170%
    }

    .home-5 .signet-icon {
        bottom: auto;
        top: 40%
    }

    .home-5 .tab-bar {
        left: 15px;
        right: 15px;
        bottom: 0
    }

    .home-5 .tab-mod .tab-item {
        width: 100%;
        height: auto
    }

    .home-5 .cont {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .home-5 .cont .pd {
        padding-bottom: 90px
    }

    .home-5 .h5-flex {
        display: block;
        height: auto
    }

    .home-5 .tab-mod {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .home-5 .tab-mod .tab-cont {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }

    .home-5 .tab-mod .tab-cont .tab-item {
        height: 100%;
        display: block
    }

    .home-5 .tab-mod .tab-term {
        margin: 0;
        padding: 0 0 45px
    }

    .home-5 .tab-mod .tab-term+.tab-term {
        margin-left: 20px
    }

    .home-5 .tab-mod .tab-term.cur .tab-line::after {
        width: 0;
        height: 50px
    }

    .home-5 .tab-mod .tab-term .tab-line {
        top: 30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        right: auto
    }

    .home-5 .tab-mod .tab-term .tab-line::after {
        border-left: 1px dashed #707070;
        height: 0px;
        border-top: none;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        margin-left: -1px
    }

    .home-5 .home-more {
        margin-top: 10px;
        text-align: left
    }

    .home-6 .bg-img {
        width: 150%
    }

    .home-6 .home-tit {
        text-align: right
    }

    .home-6 .signet-icon {
        left: auto;
        bottom: auto;
        top: 20%;
        right: 10%
    }

    .home-6 .cont {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .home-6 .cont .pd {
        padding-bottom: 40px
    }

    .home-6 .li-tit {
        font-size: 18px
    }

    .home-6 .home-more {
        text-align: left;
        margin-top: 10px
    }
}

.online-tour-wrap {
    background: url(../images/jpg20.jpg) no-repeat center;
    background-size: cover;
    position: relative
}

.online-tour-wrap .txt-box {
    padding: 9.375vw 5.20833vw 0;
    position: relative;
    z-index: 3
}

.online-tour-wrap .txt-box .p {
    font-size: 24px;
    line-height: 1.25;
    margin-top: 1.19792vw
}

@media (max-width: 1024px), (max-height: 900px) {
    .online-tour-wrap .txt-box .p {
        font-size:18px
    }
}

.online-tour-wrap .swiper-button-next,.online-tour-wrap .swiper-button-prev {
    width: 40px;
    height: 40px;
    background: none
}

.online-tour-wrap .swiper-button-next::before,.online-tour-wrap .swiper-button-prev::before {
    content: '';
    width: 0;
    height: 0;
    border: 13px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.online-tour-wrap .swiper-button-prev {
    left: 4.6875vw
}

.online-tour-wrap .swiper-button-prev::before {
    border-right-width: 22px;
    border-right-color: #7b8a66;
    border-left-width: 0
}

.online-tour-wrap .swiper-button-next {
    right: 4.6875vw
}

.online-tour-wrap .swiper-button-next::before {
    border-left-width: 22px;
    border-left-color: #7b8a66;
    border-right-width: 0
}

.online-tour-wrap .btns-box {
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    left: 100%;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3
}

.online-tour-wrap .btns-box.show {
    left: 0
}

.online-tour-wrap .btns-box::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 2px dashed #7b8a66;
    margin-top: -3px
}

.online-tour-wrap .signet-icon {
    right: 5.3125vw;
    bottom: 3.90625vw;
    z-index: 9
}

.online-tour-wrap .swiper-slide {
    height: 100vh;
    opacity: 0;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.online-tour-wrap .swiper-slide.swiper-slide-active {
    opacity: 1
}

.online-tour-wrap .point-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.online-tour-wrap .point-box .img {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/png16.png) no-repeat center;
    background-size: contain
}

.online-tour-wrap .point-box .img::before {
    content: '';
    display: block;
    padding-top: 39.0625%
}

.online-tour-wrap .point-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
}

.online-tour-wrap .point-box .item {
    position: absolute;
    cursor: pointer
}

.online-tour-wrap .point-box .item .point {
    border-radius: 50%;
    background: #7b8a66;
    width: 1.04167vw;
    padding-top: 1.04167vw;
    position: relative
}

.online-tour-wrap .point-box .item .point::before,.online-tour-wrap .point-box .item .point::after {
    content: '';
    width: 180%;
    height: 180%;
    position: absolute;
    background: rgba(123,138,102,0.4);
    top: 50%;
    left: 50%;
    margin: -90% 0 0 -90%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: op 3s infinite linear;
    animation: op 3s infinite linear
}

.online-tour-wrap .point-box .item .point::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.online-tour-wrap .point-box .item .t {
    font-size: 32px;
    position: absolute;
    line-height: 1.3125;
    left: -5px;
    top: calc(100% + 20px);
    width: 310px;
}

@media (max-width: 1850px), (max-height: 900px) {
    .online-tour-wrap .point-box .item .t {
        font-size:26px;
        width: 210px;
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .online-tour-wrap .point-box .item .t {
        font-size:22px
    }
}

.online-tour-wrap .point-box .i-0 {
    bottom: 59%;
    left: 13.020833%
}

.online-tour-wrap .point-box .i-1 {
    bottom: 48%;
    left: 28.6458333%
}

.online-tour-wrap .point-box .i-1 .t {
    left: calc(100% + 30px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.online-tour-wrap .point-box .i-2 {
    bottom: 67.6%;
    left: 44.583333%
}

.online-tour-wrap .point-box .i-2 .t {
    top: auto;
    bottom: calc(100% + 25px)
}

.online-tour-wrap .point-box .i-3 {
    bottom: 53.33333%;
    left: 57.65625%
}

.online-tour-wrap .point-box .i-4 {
    bottom: 63.466666%;
    left: 74.32291666%
}

.online-tour-wrap .point-box .i-5 {
    bottom: 69.8666666%;
    left: 88.2291666%
}

.online-tour-wrap .icon-360-box {
    position: absolute;
    left: calc(150% - 35px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.8s;
    transition: all 0.8s
}

.online-tour-wrap .icon-360-box.show {
    left: calc(50% - 35px)
}

.online-tour-wrap .icon-360-box .item {
    display: none;
    position: relative;
    overflow: hidden;
    background: url(../images/png15.png) no-repeat center;
    background-size: contain;
    width: 70px
}

.online-tour-wrap .icon-360-box .item::before {
    content: '';
    display: block;
    padding-top: 100%
}

.online-tour-wrap .icon-360-box .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
}

.online-tour-wrap .icon-360-box .item.act {
    display: block
}

.online-tour-wrap .online-qiu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out
}

.online-tour-wrap .online-qiu .qiu {
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 60%
}

.online-tour-wrap .online-qiu .qiu::before {
    content: '';
    display: block;
    padding-top: 100%
}

.online-tour-wrap .online-qiu .qiu .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
}

.online-tour-wrap .online-qiu .qiu canvas {
    position: absolute;
    top: 0;
    left: 0
}

.online-tour-wrap .online-qiu.show {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@-webkit-keyframes op {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

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

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

@keyframes op {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }

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

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

@media (min-width: 1025px) {
    .online-tour-wrap .swiper-button-prev:hover::before {
        border-right-width:30px
    }

    .online-tour-wrap .swiper-button-next:hover::before {
        border-left-width: 30px
    }

    .online-tour-wrap .point-box .item:hover {
        color: #ae1c24
    }

    .online-tour-wrap .point-box .item:hover .point {
        background-color: #ae1c24
    }

    .online-tour-wrap .point-box .item:hover .point::before,.online-tour-wrap .point-box .item:hover .point::after {
        background: rgba(174,28,36,0.4)
    }
}

@media (max-width: 1024px) {
    .online-tour-wrap .swiper-button-next {
        right:0
    }

    .online-tour-wrap .swiper-button-prev {
        left: 0
    }

    .online-tour-wrap .icon-360-box .item {
        width: 50px
    }

    .online-tour-wrap .icon-360-box {
        left: calc(150% - 25px)
    }

    .online-tour-wrap .icon-360-box.show {
        left: calc(50% - 25px)
    }

    .online-tour-wrap .txt-box {
        padding: 100px 15px 0;
        position: relative;
        z-index: 2
    }

    .online-tour-wrap .txt-box .p {
        margin-top: 10px
    }

    .online-tour-wrap .txt-box .p br {
        display: none
    }
}

@media (max-width: 768px) {
    .online-tour-wrap .signet-icon{
        bottom: 2vh;
    }
    .attraction-list-wrap .scroll-box {
        margin-top:10px;
        max-height: calc(1em * 1.25 * 6)
    }
    .home-tit{
        width: 100%;
    }
    .online-tour-wrap .point-box {
        z-index:1;
        padding: 0 15px 40px;
        bottom: 6vh;
    }

    .online-tour-wrap .point-box .img {
        display: none
    }

    .online-tour-wrap .point-box .item {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .online-tour-wrap .point-box .item+.item {
        margin-top: 15px
    }

    .online-tour-wrap .point-box .item .point {
        width: 15px;
        padding-top: 15px;
        margin: 5px 10px 0 0
    }

    .online-tour-wrap .point-box .item .t {
        position: static;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 0;
        -webkit-transform: none;
        transform: none
    }

    .online-tour-wrap .point-box .item .t br {
        display: none
    }

    .online-tour-wrap .online-qiu .qiu {
        width: 80%
    }
}

.result-page {
    padding: 50px 0
}

.result-page .result-head .t {
    font-size: 1.7em
}

.result-page .result-head .s {
    margin-left: 30px;
    font-size: 1.2em;
    color: #707070
}

.result-page .result-list {
    margin-bottom: 50px
}

.result-page .result-list .list-item {
    padding: 30px 0;
    border-bottom: 1px solid #eee
}

.result-page .result-list .t {
    margin-bottom: 15px;
    font-size: 1.2em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}

.result-page .result-list .p {
    color: #707070;
    text-align: justify;
    text-justify: inter-ideograph
}

.result-page .key {
    color: #7b8a66
}

@media (min-width: 1025px) {
    .result-page .result-list .t:hover {
        color:#7b8a66
    }
}

.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 {
    display: inline-block;
    margin-right: 20px;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (min-width: 1025px) {
    .sitemap-page .link:hover {
        color:#7b8a66
    }
}

.pub-bg {
    background: url(../images/jpg8.jpg) repeat-y top center;
    background-size: 100% auto
}

.pub-bg .signet-icon {
    position: relative
}

.pub-bg .bg-pic {
    pointer-events: none
}

.pub-bg .bg-pic img {
    display: block;
    width: 100%
}

.visit-1 {
    padding-top: 50px;
    font-size: 24px;
    position: relative
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-1 {
        font-size:18px
    }
}

.visit-1 .color-g {
    color: #7b8a66;
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-1 .color-g {
        font-size:18px
    }
}

.visit-1 .x-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.visit-1 .cont {
    width: 50%;
    margin-left: auto;
    padding: 13.125vw 0 0 15px
}

.visit-1 .cont .list {
    margin-top: 2.1875vw
}

.visit-1 .cont .list .cur .li-tit .txt {
    font-size: 32px
}

@media (max-width: 1850px), (max-height: 900px) {
    .visit-1 .cont .list .cur .li-tit .txt {
        font-size:26px
    }
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-1 .cont .list .cur .li-tit .txt {
        font-size:22px
    }
}

.visit-1 .cont .list .cur .li-tit .xicon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.visit-1 .cont .list .li+.li {
    margin-top: 25px
}

.visit-1 .cont .li-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.visit-1 .cont .li-tit .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding-right: 20px;
    line-height: 1.1
}

.visit-1 .cont .li-tit .xicon {
    color: #7b8a66;
    font-weight: bold;
    font-size: 20px
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-1 .cont .li-tit .xicon {
        font-size:18px
    }
}

.visit-1 .cont .li-tit .xicon::before {
    content: '\e503'
}

.visit-1 .cont .li-cont {
    display: none;
    margin-top: 12px
}

.visit-1 .cont .li-cont .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.visit-1 .cont .li-cont .li-child {
    margin-right: 40px;
    margin-top: 10px
}

.visit-1 .cont .li-cont .t-2 {
    font-size: 30px;
    color: #7b8a66;
    font-weight: bold
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-1 .cont .li-cont .t-2 {
        font-size:22px
    }
}

.visit-1 .signet-icon {
    margin-top: 3.64583vw
}

.visit-2 {
    margin-top: -3.22917vw
}

.visit-2 .color-g {
    color: #7b8a66;
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-2 .color-g {
        font-size:18px
    }
}

.visit-2 .bg-pic {
    margin-top: -7.44792vw
}

.visit-2 .cont {
    max-width: 945px;
    margin: auto
}

.visit-2 .p-box {
    color: #666666;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 2.29167vw
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-2 .p-box {
        font-size:18px
    }
}

.visit-2 .p-box .p+.p {
    margin-top: 3.64583vw
}

.visit-2 .signet-icon {
    margin-top: 3.95833vw
}

.visit-3 {
    position: relative;
    margin-top: -12.13542vw
}

.visit-3 .color-g {
    color: #7b8a66;
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-3 .color-g {
        font-size:18px
    }
}

.visit-3 .x-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.visit-3 .home-tit {
    padding-top: 13.22917vw
}

.visit-3 .cont {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.125vw;
    padding-bottom: 2.08333vw
}

.visit-3 .cont::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #7b8a66;
    border-radius: 50%;
    z-index: 1
}

.visit-3 .cont::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 50%;
    border-left: 1px dashed #afb6a4;
    bottom: 0
}

.visit-3 .cont .item {
    text-align: left;
    width: 32%
}

.visit-3 .cont .item+.item {
    margin-left: 90px
}

.visit-3 .cont .item .txt {
    margin-bottom: 2.08333vw
}

.visit-3 .cont .item .txt .t1 {
    font-size: 22px;
    color: #333333
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-3 .cont .item .txt .t1 {
        font-size:18px
    }
}

.visit-3 .cont .item .txt .t2 {
    margin-bottom: .26042vw
}

.visit-3 .cont .item .txt .t2 .s1 {
    font-size: 22px;
    font-weight: bold;
    color: #7b8a66
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-3 .cont .item .txt .t2 .s1 {
        font-size:18px
    }
}

.visit-3 .cont .item .txt .t2 .s2 {
    font-size: 18px;
    color: #666666
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-3 .cont .item .txt .t2 .s2 {
        font-size:16px
    }
}

.visit-3 .signet-icon {
    margin: 0 auto 0
}

.visit-4 {
    position: relative;
    padding: 9.89583vw 0 10.41667vw;
    margin-top: -9.47917vw
}

.visit-4 .color-g {
    color: #7b8a66;
    font-size: 24px
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-4 .color-g {
        font-size:18px
    }
}

.visit-4 .bg-pic {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.visit-4 .x-wrap {
    z-index: 2
}

.visit-4 .cont {
    width: 50%;
    font-size: 24px;
    line-height: 1.25;
    padding-right: 5.46875vw
}

@media (max-width: 1024px), (max-height: 900px) {
    .visit-4 .cont {
        font-size:18px
    }
}

.visit-4 .cont .p-box {
    color: #666;
    margin-top: 2.08333vw
}

.visit-4 .cont .p-box .p+.p {
    margin-top: 2.08333vw
}

.visit-4 .cont .qr-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #7b8a66;
    margin-top: 3.02083vw
}

.visit-4 .cont .qr-box .img {
    width: 205px;
    position: relative;
    overflow: hidden
}

.visit-4 .cont .qr-box .img::before {
    content: '';
    display: block;
    padding-top: 100%
}

.visit-4 .cont .qr-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
}

.visit-4 .cont .qr-box .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding: 0 6.25vw 0 20px
}

.visit-4 .signet-icon {
    position: absolute;
    right: 0;
    bottom: -40px
}
.ck-content{
    word-break: auto-phrase !important;
}
@media (min-width: 1025px) {
    .visit-1 .cont .li-tit .txt:hover {
        color:#7b8a66
    }
}

@media (max-width: 1024px) {
    .visit-1 {
        padding:100px 0 40px
    }

    .visit-1 .bg-pic {
        position: absolute;
        bottom: 0
    }

    .visit-1 .x-wrap {
        position: relative
    }

    .visit-1 .cont {
        padding: 0
    }

    .visit-2 {
        margin-top: 0
    }

    .visit-4 .cont {
        padding: 0
    }

    .visit-4 .cont .qr-box .img {
        width: 120px
    }
}

@media (max-width: 769px) {
    .visit-1 {
        padding-bottom:150px
    }

    .visit-1 .cont {
        width: 100%
    }

    .visit-1 .cont .list .li+.li {
        margin-top: 15px
    }

    .visit-1 .cont .li-cont {
        margin-top: 0
    }

    .visit-1 .cont .li-cont .li-child {
        margin-right: 20px
    }

    .visit-1 .cont .list {
        margin-top: 20px
    }

    .visit-2 .p-box {
        margin-top: 20px
    }

    .visit-2 .p-box .p+.p {
        margin-top: 15px
    }

    .visit-3 {
        padding: 40px 0 120px;
        margin-top: 0
    }

    .visit-3 .home-tit {
        padding: 0
    }

    .visit-3 .bg-pic {
        position: absolute;
        bottom: 0
    }

    .visit-3 .x-wrap {
        position: relative
    }

    .visit-3 .cont {
        margin-top: 15px
    }

    .visit-4 {
        padding: 40px 0
    }

    .visit-4 .cont {
        width: 100%
    }

    .visit-4 .cont .p-box {
        margin-top: 20px
    }

    .visit-4 .cont .p-box .p+.p {
        margin-top: 15px
    }

    .visit-4 .cont .qr-box {
        margin-top: 30px
    }

    .visit-4 .cont .qr-box .txt {
        padding: 0 0 0 10px
    }

    .visit-3 .cont .item {
        width: 50%
    }

    .visit-3 .cont .item+.item {
        margin-left: 30px
    }

    .visit-3 .cont .item .txt .t2 {
        margin-bottom: 5px
    }
}