.animation--intro-slider-in,
.animation--intro-slider-in .s1-slider__item:after,
.animation--intro-slider-in .s1-slider__item:before,
.animation--intro-slider-in .s1-slider__item__text,
.animation--intro-slider-in .s1-slider__item__wrapper:before,
.animation--intro-slider-out,
.animation--intro-slider-out .s1-slider__item:after,
.animation--intro-slider-out .s1-slider__item:before,
.animation--intro-slider-out .s1-slider__item__text,
.animation--intro-slider-out .s1-slider__item__wrapper:before,
.animation--lightbox-in .side-menu__list svg circle[stroke-dasharray],
.animation--logo-in,
.animation--logo-in img,
.animation--slider-in,
.animation--thumbnails-in,
.animation--thumbnails-in img,
.gallery__list__image.animation--appear-left,
.gallery__list__image.animation--appear-left img,
.gallery__list__image.animation--appear-right,
.gallery__list__image.animation--appear-right img,
.gallery__list__image.animation--disappear-left,
.gallery__list__image.animation--disappear-left img,
.gallery__list__image.animation--disappear-right,
.gallery__list__image.animation--disappear-right img,
.s1-slider,
.s1-slider__item,
.s1-slider__item .btn--outline .btn__outline,
.s1-slider__item:after,
.s1-slider__item:before,
.s1-slider__item__text,
.s2-info h2,
.s3-video__button,
.s3-video__title,
.scrollbar__handle div,
.section__nav,
.side-menu__list svg,
.video-embed__button,
.video-embed__mute,
.video-embed__pause,
.video-embed__progress-bar,
.video-embed__progress-bar__inner {
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.s1-slider__item__text h2 {
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
}

.form-control-range__handle p,
.s1-slider__item__text p {
    font-size: 14px;
    color: #7a6a6a;
    line-height: 22px;
    margin-bottom: 12px;
}

.s1-slider__item__text h2 {
    font-size: 1.1rem;
    line-height: 1.18182em
}

.map__circle-title__content,
.map__marker-tooltip__content,
.s1-slider__item:before,
.section__nav p,
.side-menu__list a:before,
.video-embed__progress-bar__text {
    font-size: .8rem;
    line-height: 2em;
    text-transform: uppercase
}

.s1-slider__item:after {
    font-size: 2.6rem;
    line-height: 1.15385em;
    font-weight: 400;
    text-transform: uppercase
}

.carousel p,
.form-control-range__label,
.s3-video__title,
.s5-slider-text p,
.s6-gallery__title p {
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase
}

@media (min-width:668px) and (min-height:416px) {

    .map__circle-title__content,
    .map__marker-tooltip__content,
    .s1-slider__item:before,
    .section__nav p,
    .side-menu__list a:before,
    .video-embed__progress-bar__text {
        font-size: .8rem;
        line-height: 2.5em
    }

    .s1-slider__item:after {
        font-size: 3.7rem;
        line-height: 1.08108em
    }
}

@media (min-width:1280px) {
    .s1-slider__item__text h2 {
        font-family: 'Brandon_Grotesque';
        font-size: 50px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .s1-slider__item--2 h2 {
        color: #fff;
    }

    .map__circle-title__content,
    .map__marker-tooltip__content,
    .s1-slider__item:before,
    .section__nav p,
    .side-menu__list a:before,
    .video-embed__progress-bar__text {
        font-size: 1.5625rem;
        line-height: 1.66667em
    }

    .form-control-range__handle p,
    .s1-slider__item__text p {
        font-size: 16px;
        color: #7a6a6a;
        line-height: 24px;
        margin-bottom: 25px;
    }

    .s1-slider__item--1 p {
        color: #908775;
    }

    .carousel p,
    .form-control-range__label,
    .s3-video__title,
    .s5-slider-text p,
    .s6-gallery__title p {
        font-size: 1.2rem;
        line-height: 1.33333em
    }

    .s1-slider__item:after {
        font-size: 5.625rem;
        line-height: 0.7143em;
    }
}

.s1-slider {
    counter-reset: slider;
    position: absolute;
    z-index: 10;
    margin: 0;
    width: 21.05263vw;
    height: 21.05263vw;
    right: 5.26316vw;
    bottom: 5.26316vw;
    -webkit-transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.s1-slider--active-3 {
    -webkit-transform: translateY(-21.05263vw);
    transform: translateY(-21.05263vw)
}

.s1-slider--active-2 {
    -webkit-transform: translate(-21.05263vw, -21.05263vw);
    transform: translate(-21.05263vw, -21.05263vw)
}

@media (min-width:980px) {
    .s1-slider {
        width: 16.66667vw;
        height: 16.66667vw;
        right: 4.16667vw;
        bottom: 4.16667vw
    }

    .s1-slider--active-3 {
        -webkit-transform: translateY(-16.66667vw);
        transform: translateY(-16.66667vw)
    }

    .s1-slider--active-2 {
        -webkit-transform: translate(-16.66667vw, -16.66667vw);
        transform: translate(-16.66667vw, -16.66667vw)
    }
}

@media (min-width:1600px) {
    .s1-slider {
        width: 266.66667px;
        height: 266.66667px;
        right: 66.66667px;
        bottom: 66.66667px
    }

    .s1-slider--active-3 {
        -webkit-transform: translateY(-266px);
        transform: translateY(-266px)
    }

    .s1-slider--active-2 {
        -webkit-transform: translate(-266px, -266px);
        transform: translate(-266px, -266px)
    }
}

.s1-slider__item {
    counter-increment: slider;
    position: absolute;
    cursor: pointer;
    width: 31.57895vw;
    height: 31.57895vw;
    -webkit-transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scale(.33333);
    transform: scale(.33333)
}

.s1-slider__item__wrapper {
    position: relative;
    overflow: hidden;
    width: 31.57895vw;
    height: 31.57895vw
}

.s1-slider__item__wrapper:before {
    content: "";
    position: absolute;
    left: -5%;
    top: -5%;
    width: 110%;
    height: 110%
}

.s1-slider__item.ui-light .s1-slider__item__wrapper:before {
    background: #224d9a;
}

.s1-slider__item.ui-dark .s1-slider__item__wrapper:before {
    background: #303030;
}

.s1-slider__item.ui-primary .s1-slider__item__wrapper:before {
    background: #c5a580;
}

.s1-slider__item a {
    pointer-events: none
}

.s1-slider__item.is-active a {
    pointer-events: all
}

.s1-slider__item.is-active {
    cursor: default;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.s1-slider__item--1 {
    right: 10.52632vw;
    bottom: 10.52632vw;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    z-index: 1
}

.s1-slider--active-2 .s1-slider__item--1 {
    -webkit-transform: scale(.33333) translateX(100%);
    transform: scale(.33333) translateX(100%)
}

.s1-slider__item--2 {
    right: 10.52632vw;
    top: 10.52632vw;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.s1-slider__item--3 {
    left: 10.52632vw;
    top: 10.52632vw;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.s1-slider--active-1 .s1-slider__item--3 {
    -webkit-transform: scale(.33333) translateY(-100%);
    transform: scale(.33333) translateY(-100%)
}

.s1-slider__item:before {
    content: "0" counter(slider);
    font-family: 'Gilroy_Bold';
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(3);
    transform: translate(-50%, -50%) scale(3);
    -webkit-transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.s1-slider__item--1:before {
    color: #fff;
    color: rgba(255, 255, 255, .6);
}

.s1-slider__item.ui-light:after {
    color: #c5a580;
    content: "02";
}

.s1-slider__item.ui-dark:after {
    color: #c5a580;
}

.s1-slider__item.ui-primary:after {
    color: #fff;
}

.s1-slider__item.ui-light:before {
    content: "02";
    color: #fff;
}

.s1-slider__item.ui-light p {
    color: #a5bcc3;
    font-size: 16px;
    line-height: 24px;
}

.s1-slider__item.ui-primary:before,
.s1-slider__item.ui-primary::after {
    content: "03";

}

.s1-slider__item.ui-primary:before {
    color: #fff;
    font-weight: 300;
}

.s1-slider__item.is-active:before {
    opacity: 0
}

.s1-slider__item:after {
    content: "0" counter(slider);
    font-family: 'BrandonGrotesqueWeb-Light';
    position: absolute;
    z-index: 1;
    left: -30px;
    bottom: 5.26316vw;
    -webkit-transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0
}

.s1-slider__item.is-active:after {
    opacity: 1
}

.s1-slider__item__text {
    position: relative;
    width: 31.57895vw;
    height: 31.57895vw;
    padding: 5.26316vw;
    -webkit-transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    transition-timing-function: cubic-bezier(.55, 0, .1, 1);
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-delay: 0ms, .15s;
    transition-delay: 0ms, .15s;
    opacity: 0
}

.ui-light .s1-slider__item__text h2 {
    color: #ff6600
}

.ui-dark .s1-slider__item__text h2 {
    color: #c5a580;
    font-family: 'Brandon_Grotesque';
    font-size: 50px;
}

.ui-primary .s1-slider__item__text p {
    color: #fff
}

.s1-slider__item__text .btn {
    position: absolute;
    right: 5.26316vw;
    bottom: 5.26316vw
}

.s1-slider__item--1 .s1-slider__item__text {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scale(2) translate(100%, 100%);
    transform: scale(2) translate(100%, 100%)
}

.s1-slider__item--2 .s1-slider__item__text {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scale(2) translate(100%, -100%);
    transform: scale(2) translate(100%, -100%)
}

.s1-slider__item--3 .s1-slider__item__text {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(2) translate(-100%, -100%);
    transform: scale(2) translate(-100%, -100%)
}

.s1-slider__item.is-active .s1-slider__item__text {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

@media (min-width:980px) {

    .s1-slider__item,
    .s1-slider__item__wrapper {
        width: 25vw;
        height: 25vw
    }

    .s1-slider__item--1 {
        right: 8.33333vw;
        bottom: 8.33333vw
    }

    .s1-slider__item--2 {
        right: 8.33333vw;
        top: 8.33333vw
    }

    .s1-slider__item--3 {
        left: 8.33333vw;
        top: 8.33333vw;
    }

    .s1-slider__item:after {
        bottom: 2.16667vw;
    }

    .s1-slider__item__text {
        width: 25vw;
        height: 25vw;
        padding: 4.16667vw 1vw 4.16667vw 4.16667vw
    }

    .s1-slider__item__text .btn {
        right: 4.16667vw;
        bottom: 4.16667vw
    }

    .s1-slider__item:after {
        left: -50px;
    }
}

@media (min-width:1600px) {

    .s1-slider__item,
    .s1-slider__item__wrapper {
        width: 378px;
        height: 378px
    }

    .s1-slider__item--1 {
        right: 133.33333px;
        bottom: 133.33333px
    }

    .s1-slider__item--2 {
        right: 133.33333px;
        top: 133.33333px
    }

    .s1-slider__item--3 {
        left: 133.33333px;
        top: 133.33333px
    }

    .s1-slider__item:after {
        bottom: 46px
    }

    .s1-slider__item__text {
        width: 378px;
        height: 378px;
        padding: 45px 30px 45px 40px;
    }

    .s1-slider__item__text .btn {
        right: 66.66667px;
        bottom: 66.66667px
    }
}

.animation--intro-slider-in {
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 1.86s;
    transition-duration: 1.86s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.animation--intro-slider-in .s1-slider__item:before {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.animation--intro-slider-in .s1-slider__item:after {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-delay: .66s;
    transition-delay: .66s
}

.animation--intro-slider-in .s1-slider__item__text,
.animation--intro-slider-in .s1-slider__item__wrapper:before {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

.animation--intro-slider-in .s1-slider__item--2 .s1-slider__item__text,
.animation--intro-slider-in .s1-slider__item--2 .s1-slider__item__wrapper:before {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.animation--intro-slider-in .s1-slider__item--1 .s1-slider__item__text,
.animation--intro-slider-in .s1-slider__item--1 .s1-slider__item__wrapper:before {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.animation--intro-slider-in--inactive .s1-slider__item:before {
    opacity: 0
}

.animation--intro-slider-in--inactive .s1-slider__item:after {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

.animation--intro-slider-in--inactive .s1-slider__item--1 .s1-slider__item__text,
.animation--intro-slider-in--inactive .s1-slider__item--1 .s1-slider__item__wrapper:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.animation--intro-slider-in--inactive .s1-slider__item--2 .s1-slider__item__text,
.animation--intro-slider-in--inactive .s1-slider__item--2 .s1-slider__item__wrapper:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.animation--intro-slider-in--inactive .s1-slider__item--3 .s1-slider__item__text,
.animation--intro-slider-in--inactive .s1-slider__item--3 .s1-slider__item__wrapper:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.animation--intro-slider-out {
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: .93s;
    transition-duration: .93s
}

.animation--intro-slider-out .s1-slider__item:before {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.animation--intro-slider-out .s1-slider__item:after {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.animation--intro-slider-out .s1-slider__item__text,
.animation--intro-slider-out .s1-slider__item__wrapper:before {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.animation--intro-slider-out--active .s1-slider__item:before {
    opacity: 0
}

.animation--intro-slider-out--active .s1-slider__item:after {
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px)
}

.animation--intro-slider-out--active .s1-slider__item--1 .s1-slider__item__text,
.animation--intro-slider-out--active .s1-slider__item--1 .s1-slider__item__wrapper:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.animation--intro-slider-out--active .s1-slider__item--2 .s1-slider__item__text,
.animation--intro-slider-out--active .s1-slider__item--2 .s1-slider__item__wrapper:before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.animation--intro-slider-out--active .s1-slider__item--3 .s1-slider__item__text,
.animation--intro-slider-out--active .s1-slider__item--3 .s1-slider__item__wrapper:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fp-viewing-page4 #menu li a,
.fp-viewing-page6 #menu li a,
.fp-viewing-page4 .all,
.fp-viewing-page6 .all {
    color: #fff;
}

.fp-viewing-page7 #menu li a {
    color: #989898;
}

/* .fp-viewing-page7 #menu {
	display: none;
} */
.all {
    font-family: 'Brandon_Grotesque';
    font-size: 25px;
    color: #ff8a00;
}

.all span {
    margin-left: 3px;
}

#menu li a {
    font-family: 'Brandon_Grotesque';
    font-size: 25px;
    color: #fff;
    transition: all .3s;
}

.fp-viewing-page2 #menu li a {
    color: #989898;
}

.fp-viewing-page3 #menu li a {
    color: #989898;
}

#menu {
    position: absolute;
    left: 70px;
    bottom: 7.66061vh;
    z-index: 101;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}

#menu li {
    display: none;
    margin-right: 4px;
}

#menu .active {
    display: block;
}

/* .fp-viewing-page1 #menu{opacity: 0;} */
/* banner*/
.fp-viewing-page1 .banner {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

.banner {
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    width: 100%;
    height: 700px;
    position: relative;
    height: 100% !important;
}

.banner .bd {
    width: 100%;
    overflow: hidden;
    height: 100% !important;
}

.banner .bd ul {
    width: 100% !important;
    height: 100% !important;
}

.banner .bd li {
    width: 100% !important;
    /* 	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0; */
    height: 100% !important;

}

/* .banner .bd li.on{
	opacity: 1 !important;
} */
.banner .bd li:first-child .img {
    -webkit-animation: slide_on1 5s linear forwards;
    animation: slide_on1 5s linear forwards;
}

.banner .bd li:nth-child(2) .img {
    margin-top: -100px;
    height: 100%;
    height: -moz-calc(100% + 100px);
    height: -webkit-calc(100% + 100px);
    height: calc(100% + 100px);
    animation: slideBg_fny 5s linear forwards;
    -webkit-animation: slideBg_fny 5s linear forwards;
}

.banner .bd li:last-child .img {
    margin-left: -100px;
    width: 100%;
    width: -moz-calc(100% + 100px);
    width: -webkit-calc(100% + 100px);
    width: calc(100% + 100px);
    animation: slideBg_fn 5s linear forwards;
    -webkit-animation: slideBg_fn 5s linear forwards;
}

.banner .bd li .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.fp-viewing-page3 .banner .hd,
.fp-viewing-page4 .banner .hd,
.fp-viewing-page5 .banner .hd,
.fp-viewing-page6 .banner .hd,
.fp-viewing-page7 .banner .hd {
    display: none;
}

.banner .content {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.banner .ban_t {
    position: absolute;
    left: 160px;
    top: 50.40021vh;
}

.banner ul li:nth-child(2) .ban_t {
    top: 33.40021vh;
}

.banner ul li:nth-child(3) .ban_t {
    top: 31.40021vh;
}

.banner .ban_t .text1 {
    margin-left: -9px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.banner .ban_t .text2 {
    margin: 27px 0 0;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.fp-viewing-page1 .index_1 .float {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

.index_1 .float {
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    width: 60px;
    height: 60px;
    background-color: #0055f2;
    position: absolute;
    left: 70px;
    bottom: 11.2vh;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.index_1 .float:before {
    content: '';
    width: 100%;
    height: 70px;
    background: url(../images/test/arrow_down.png) no-repeat center;
    position: absolute;
    left: 0;
    /* right: 0;*/
    bottom: 0;
    margin: auto;
    margin-bottom: -12px;
    animation: arrow-movement 3s ease-in-out infinite;
    -webkit-animation: arrow-movement 3s ease-in-out infinite;
}

.index_2 .down {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    /* -webkit-box-flex: 0;flex: 0 1 70.83333vw;*/
    width: 100%;
    height: 48.76vh;
}

.index_2 .down .con {
    width: 70.8%;
    float: right;
    padding-top: 10.139vh;
    padding-left: 3.905%;
    position: relative;
}

.index_2 .down .float {
    position: absolute;
    right: 70px;
    top: -15.47491vh;
}

.index_2bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.index_2bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: calc(100vh - 22.5vh);
    background: url(../images/test/index_2bg.jpg) no-repeat center;
    background-size: cover;
    top: 0;
    left: 0;
    pointer-events: none;
}

#wrapper .index_2.active .index_2bg {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}



#wrapper .index_2.section .bg2 {
    width: 0;
    height: 22.5vh;
    position: absolute;
    right: 70.8%;
    bottom: 0;
    background-color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

#wrapper .index_2.section.active .bg2 {
    width: 0;
    transition: all .4s 1.4s;
    -webkit-transition: all .4s 1.4s;
    -moz-transition: all .4s 1.4s;
    -ms-transition: all .4s 1.4s;
    -o-transition: all .4s 1.4s;
}

.fp-viewing-page2 .sectionbg {
    width: 70.8%;
    left: auto;
    right: 0;
    /* display: none; */
}

.bgon .sectionbg {
    width: 70.8%;
    left: auto;
    right: 0;
    /* transition: all .6s; */
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
}

.sectionbg {
    transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 700ms;
    -webkit-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 700ms;
    -moz-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 700ms;
    -ms-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 700ms;
    -o-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 700ms;
}

.fp-viewing-page3 .sectionbg {
    width: 100%;
    height: 100vh;
}

.fp-viewing-page4 .sectionbg {
    width: 100%;
    height: 100vh;
    opacity: 0;
}

.fp-viewing-page2 #menu {
    opacity: 0;
    animation: fadeIn .6s 1.4s 1 linear forwards;
    -webkit-animation: fadeIn .6s 1.4s 1 linear forwards;
}


.index_3bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
}

.slideBox {
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 64.27vw;
    max-width: 1414px;
    height: 30.45vw;
    max-height: 670px;
    transition: all 1s;
    float: right;
    transform: translateY(-30.45vw);
}

.slideBox .boximg {
    position: absolute;
    left: -19.54vw;
    z-index: 2;
    top: 9.6vw;
    width: 24.9vw;
    max-width: 548px;
    opacity: 0;
}


.slideBox ul li {
    background-size: cover !important;
}

.num03 .slideBox {
    transform: translateY(0);
}

.slideBox .bd {
    height: 30.45vw;
    max-height: 670px;
    width: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
}


.slideBox .slib {
    position: absolute;
    right: 68px;
    bottom: -25.5px;
}

.slideBox .slib .prev {
    background: url(../images/test/prev.png) no-repeat;
    width: 51px;
    height: 51px;
    float: left;
    margin-right: 13px;
    cursor: pointer;
}

.slideBox .slib .next {
    background: url(../images/test/next.png) no-repeat;
    width: 51px;
    height: 51px;
    float: left;
    cursor: pointer;
}

#wrapper .index_3.active .index_3bg {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

#wrapper .index_3 .section_left {
    width: 58%;
    background-color: #fff;
    height: 100%;
    padding: 140px 40px 100px 0;
    overflow-y: auto;
}

.index_3 .down {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    /* -webkit-box-flex: 0;flex: 0 1 70.83333vw;*/
    width: 42%;
    height: 100%;
    z-index: 11;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.index_3 .bg {
    background-color: #0055f2 !important;
}

.index_3 .down .img {
    position: relative;
    height: 50.48026vh;
    width: 100%;
    background: no-repeat center;
    background-size: cover;
}

.index_3 .down .float {
    position: absolute;
    right: 70px;
    top: 34.96584vh;
}

.index_4bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/test/index_4bg.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.index_4bg video {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* transform: translateX(-50%);*/
    /* -webkit-transform: translateX(-50%);*/
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    /* width: 2560px;margin-left: calc( ( 1200px - 2560px) / 2);*/
}

#wrapper .index_4.active .index_4bg {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

.index_4 .float {
    position: absolute;
    right: -660px;
    top: -40px;
    /* margin-top: -122px; */
    width: 563px;
}

.index_4 .icon_btn {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 51px;
    height: 51px;
    margin: auto;
    z-index: 2;
}

.index_4 .index_4t00 {
    width: 36.9vw;
    height: 36.9vw;
    max-height: 812px;
    max-width: 812px;
    background: url(../images/test/index_4t00.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.fp-viewing-page5 .index_4 .index_4t00 {
    opacity: 1;
}

/* .video {
    cursor: pointer;
} */

/* .index_5bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f8ebca;opacity: 0;filter:Alpha(opacity=0);-webkit-filter:Alpha(opacity=0);transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;-ms-transition: all .1s;-o-transition: all .1s;} */
/* #wrapper .index_5.active .index_5bg{opacity: 1;filter:Alpha(opacity=100);-webkit-filter:Alpha(opacity=100);} */
.index_5bg {
    width: 100%;
    height: 100%;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -webkit-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -moz-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -ms-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

.fp-viewing-page6 #menu {
    left: 58%;
}

.fp-viewing-page6 .all {
    color: #ff8a00;
}

.fp-viewing-page6 #menu li a {
    color: #0053ab;
}

#wrapper .section.active .index_5bg {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    /* transition: transform 700ms cubic-bezier(0.785,0.135,0.15,0.86) 700ms;
  -webkit-transition: transform 700ms cubic-bezier(0.785,0.135,0.15,0.86) 700ms;
  -moz-transition: transform 700ms cubic-bezier(0.785,0.135,0.15,0.86) 700ms;
  -ms-transition: transform 700ms cubic-bezier(0.785,0.135,0.15,0.86) 700ms;
  -o-transition: transform 700ms cubic-bezier(0.785,0.135,0.15,0.86) 700ms; */
}

#wrapper .index_5 .section_left {
    width: 47.9%;
    padding-left: 16.5%;
    z-index: 4;
    position: absolute;
    overflow: initial;
}

#wrapper .index_5 .up {
    width: 100%;
    height: 53.05vh;
    overflow: hidden;
}

#wrapper .index_5 .down {
    width: 37.8vw;
    max-width: 832px;
    height: 658px;
    overflow: hidden;
    position: absolute;
    top: 5vh;

}


#wrapper .index_5 .img1 {
    margin-top: 105px;
    width: 25.4vw;
    max-width: 559px;
    max-height: 552px;
    height: 25.09vw;
    /* margin-right: -125px; */
    position: absolute;
    left: 0;
    float: left;
    background: no-repeat center;
    background-size: cover;
    z-index: 2;
    opacity: 0;
}

#wrapper .index_6 .img {
    opacity: 0;
}

#wrapper .index_5 .img2 {
    float: left;
    max-width: 400px;
    height: 22.5vw;
    width: 18.18vw;
    max-height: 495px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: no-repeat center;
    background-size: cover;
}

#wrapper .index_5 .down .img2 {
    /* background: no-repeat center #000; */
    background-size: contain;
}

#wrapper .index_5 .up .item {
    background-size: 100%;
}

#wrapper .index_5 .section_right {
    width: 52.08%;
    position: absolute;
    z-index: 2;
}

#wrapper .index_5.section .bg2 {
    width: 0;
    height: 100%;
    background: url(../images/test/index_5_r.jpg) no-repeat left center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
}

#wrapper .index_5.section.active .bg2 {
    width: 100%;
    transition: all .8s .8s;
    -webkit-transition: all .8s .8s;
    -moz-transition: all .8s .8s;
    -ms-transition: all .8s .8s;
    -o-transition: all .8s .8s;
}

#wrapper .index_5.section.active .bg2::after {
    content: '';
    width: 0;
    height: 212px;
    background: #d4bea4;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 1s;
}

.fp-viewing-page6 #wrapper .index_5.section.active .bg2::after {
    width: 100%;
}

#wrapper .index_5 .title {
    position: absolute;
    top: 43.74813vh;
    left: 165px;
}

.index_6bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
    transition: all .1s;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
}

#wrapper .index_6.active .index_6bg {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}

#wrapper .index_6 .section_left {
    width: 100%;
    /* padding-left: 70px; */
    background: url(../images/test/index_6bg.jpg) no-repeat;
    background-size: cover;

    overflow: visible;
    z-index: 3;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.fp-viewing-page3 .index_33 .left {
    opacity: 0;
}

#wrapper .index_6 .up {
    float: left;
    padding-left: 11%;
    margin-top: 198px;
    overflow: hidden;
}

.index_33 .left {
    background: url(../images/test/newsleft.jpg) no-repeat;
    background-size: cover !important;
    height: 100vh;
    width: 26.59vw;
    float: left;
    opacity: 0;
    transform: translateX(-27vw);
    max-width: 585px;
    transition: all .6s;
}

.index_33 .riul {
    float: left;
    transform: translateY(100vh);
    width: calc(100vw - 29vw);
    margin-left: 2vw;
    display: flex;
    align-items: center;
    height: 100vh;
    opacity: 0;
    transition: all 1s;
    max-width: 1272px;
}

.fp-viewing-page4 .index_33 .riul {
    position: relative;
    z-index: 999;
}

.fp-viewing-page4 .index_33 {
    opacity: 1 !important;
}

.fp-viewing-page4 .index_33 .left {
    transform: translateX(0);
    opacity: 1;
}

.fp-viewing-page4 .index_33 .riul {
    transform: translateY(0);
    opacity: 1;

}

.index_33 {
    opacity: 0 !important;
}

#wrapper .index_6 .down {
    width: 100%;
    /* height: 46.8vh; */
    position: absolute;
    left: 0;
    bottom: 0;
}

#wrapper .index_6 .down .bg {
    transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
}

#wrapper .index_6.section.active .bg {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 1000ms;
    -webkit-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 1000ms;
    -moz-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 1000ms;
    -ms-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 1000ms;
    -o-transition: transform 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86) 1000ms;
}

#wrapper .index_6 .img {
    width: 100%;
    height: 100%;
    background: no-repeat center;
    background-size: 100%;
}

#wrapper .index_6 .down .item {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    width: 64.27vw;
    height: 20.77vw;
    max-height: 457px;
    max-width: 1414px;


}

#wrapper .index_6 .down .item .img3-a {
    width: 0;
    height: 100%;
    /* position: absolute;
	right: 0;
	top: 0;
	bottom: 0; */
    float: right;
    background-size: cover !important;
    background: no-repeat;
    background-size: 100%;
    transition: all .6s;
}

.fp-viewing-page7 #wrapper .index_6 .down .item .img3-a {
    width: 100%;
}

#wrapper .index_6 .down .backm3 {
    background: #fff;
    height: 9.59vw;
    position: absolute;
    right: 0;
    width: 10%;
    bottom: 0;
    transition: all 1s;
}

.fp-viewing-page7 #wrapper .index_6 .down .backm3 {
    width: 100%;
}

#wrapper .index_6 .down .img3 .aaimg {
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
}

#wrapper .index_6 .down .aaimg img {
    opacity: 0;
}

#wrapper .index_6 .section_right {
    width: 37.3%;
    background-color: #000000;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

#wrapper .index_6.section .bg2 {
    /* width: 0;*/
    width: 100%;
    height: 71.7vh;
    background: url(../images/test/index_6_r.jpg) no-repeat left center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.fp-viewing-page8 #footera {
    position: fixed;
    padding-top: 55px;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 2200px;
    left: 0;
    right: 0;
    margin: auto;
    height: 408px;
    background: #fff;
    z-index: 555;
    transition: all .6s;
}

#footera {
    bottom: -410px;
}

.fp-viewing-page8::after {
    content: '';
    width: 100vw;
    transition: all .6s;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
}

#wrapper .index_6.section.active .bg2 {
    /* width: 100%;transition: all .8s;-webkit-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-o-transition: all .8s;*/
}

#wrapper .index_6 .title {
    position: absolute;
    width: 100%;
    height: 28.3vh;
    bottom: 0;
    right: 0;
    background: no-repeat center;
    background-size: 100%;
}

/* 鍐呴〉瀵艰埅 */
.m-hamburger-button {
    overflow: hidden;
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    padding: 24px 0;
    position: fixed;
    right: 0;
    top: 15px;
    width: 60px;
    pointer-events: none;
    z-index: 5000;
    display: none;
}

#heanav .w1420 {
    position: relative;
}

#heanav .logo {
    background: url(../images/about/logo.png) no-repeat;
    position: absolute;
    width: 213px;
    height: 35px;
    left: 0;
    top: 35px;
    z-index: 5000;
}

.m-hamburger-button .inner {
    align-content: center;
    display: flex;
    flex-direction: column;

}

.a-hamburger {
    height: 20px;
    width: 26px;
    margin: 0 auto;
    position: relative;
}

.a-hamburger_open .bar {
    height: 3px;
    width: 26px;
}

.a-hamburger.on .a-hamburger_open .bar {
    background: #c5a580;
}

.a-hamburger_open .bar {
    background-color: #fff;
    display: block;
    height: 3px;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .3s, width .5s cubic-bezier(.14, 1, .34, 1);
    width: 20px;
}

.scrolled.m-hamburger-button .a-hamburger_open .bar {
    transform: translateZ(0);
}

.scrolled.m-hamburger-button {
    pointer-events: auto;
}

.a-hamburger_open .bar:nth-child(2) {
    top: 8px;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .35s, width .5s cubic-bezier(.14, 1, .34, 1);
    width: 14px;
}

.a-hamburger_open .bar:nth-child(3) {
    top: 16px;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .4s, width .5s cubic-bezier(.14, 1, .34, 1);
    width: 18px;
}

.m-hamburger-button .a-hamburger_open .bar {
    transform: translate3d(100px, 0, 0);
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) 0s, width .5s cubic-bezier(.14, 1, .34, 1);
}

.m-hamburger-button .a-hamburger_open .bar:nth-child(2) {
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .05s, width .5s cubic-bezier(.14, 1, .34, 1);
}

.m-hamburger-button .a-hamburger_open .bar:nth-child(3) {
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .1s, width .5s cubic-bezier(.14, 1, .34, 1);
}

.a-hamburger_close .bar {
    background-color: #262ca8;
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(100px, 5px) rotate(45deg);
    transition: .5s cubic-bezier(.14, 1, .34, 1);
    width: 20px;
}

.a-hamburger_close .bar:nth-child(2) {
    top: 6px;
    transform: translate(100px, -1px) rotate(-45deg);
    transition: .5s cubic-bezier(.14, 1, .34, 1) .05s;
}

.hover .a-hamburger_open .bar:first-child,
.hover .a-hamburger_open .bar:nth-child(2),
.hover .a-hamburger_open .bar:nth-child(3) {
    width: 20px;
}

.o-menu-header {
    display: block;
    height: 95px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 4200;
}

.o-menu-header_inner {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    justify-content: flex-end;
    padding-right: 10px;
    padding-top: 0;
    width: 100%;
}

.o-menu-header_item:first-child {
    transition-delay: .04s;
}

.o-menu-header_item,
.o-menu-header_item_body {
    display: inline-block;
}

.o-menu-header_item {
    transition: .8s cubic-bezier(.14, 1, .34, 1);
}

.o-menu-header_item {
    margin: 0 15px;
    /* padding: 0 17px; */
    position: relative;
}

.o-menu-header_item_body>.a-label {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 2;
    font-weight: bold;
    text-transform: uppercase;
}

.o-menu-header_item_body:after {
    border-bottom: 2px solid #fff;
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: .3s ease;
    width: 100%;
}

.o-menu-header_item_body:after {
    bottom: -3px;
}

.o-menu-header_item_body:hover:after {
    transform: scaleX(1);
}

.o-submenu-header {
    background-color: transparent;
    display: block;
    left: 0;
    padding: 25px 0px 16px;
    pointer-events: none;
    position: absolute;
    top: 30px;
    z-index: 10;
}

.o-submenu-header.show {
    opacity: 1;
    pointer-events: auto;
}

.o-submenu-header_item_body {
    display: inline-block;
}

.o-submenu-header_item {
    display: block;
    opacity: 0;
    padding: 3px 0;
    transform: translateY(70%);
}

.o-submenu-header_item:first-child {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .02s;
}

.o-submenu-header_item_body>* {
    color: #fefefe;
    /* font-family: PT_Sans-Web-Bold, sans-serif; */
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.6;
    text-transform: uppercase;
    transition: all .5s cubic-bezier(.4, .8, .74, 1) 0s;
    white-space: nowrap;
}

.o-submenu-header_item:nth-child(2) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .04s;
}

.o-submenu-header_item:nth-child(3) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .06s;
}

.o-submenu-header_item:nth-child(4) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .08s;
}

.o-submenu-header_item:nth-child(5) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .1s;
}

.o-submenu-header_item:nth-child(6) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .12s;
}

.o-submenu-header_item:nth-child(7) {
    transition: .2s cubic-bezier(.14, 1, .34, 1) .14s;
}

.o-submenu-header.show .o-submenu-header_item:first-child {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .05s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(2) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .1s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(3) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .15s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(4) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .2s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(5) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .25s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(6) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .3s;
}

.o-submenu-header.show .o-submenu-header_item:nth-child(7) {
    transition: .8s cubic-bezier(.14, 1, .34, 1) .35s;
}

.o-submenu-header.show .o-submenu-header_item {
    opacity: 1;
    transform: translateY(0);
}

.o-submenu-header_item_body:after {
    border-bottom: 2px solid #fff;
    bottom: -3px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: .3s ease;
    width: 100%;
}

.o-submenu-header_item_body:hover:after {
    transform: scaleX(1);
}

.o-menu-header.scrolled {
    pointer-events: none;
}

.scrolled .o-menu-header_item {
    opacity: 0;
    transform: translateX(100px);
    transition: .4s cubic-bezier(.14, 1, .34, 1);
}

.open .a-hamburger_close .bar {
    background-color: #fff;
}

.open .a-hamburger_close .bar:first-child {
    transform: translateY(5px) rotate(45deg);
    transition: .5s cubic-bezier(.14, 1, .34, 1) .4s;
    width: 20px;
}

.open .a-hamburger_close .bar:nth-child(2) {
    transform: translateY(-1px) rotate(-45deg);
    transition: .5s cubic-bezier(.14, 1, .34, 1) .5s;
    width: 20px;
}

.open .a-hamburger_open .bar:first-child {
    transform: translate3d(100px, 0, 0) !important;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1), width .5s cubic-bezier(.14, 1, .34, 1) !important;
}

.open .a-hamburger_open .bar:nth-child(2) {
    transform: translate3d(100px, 0, 0) !important;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .05s, width .5s cubic-bezier(.14, 1, .34, 1) !important;
}

.open .a-hamburger_open .bar:nth-child(3) {
    transform: translate3d(100px, 0, 0) !important;
    transition: transform .5s cubic-bezier(.14, 1, .34, 1) .1s, width .5s cubic-bezier(.14, 1, .34, 1) !important;
}

body.overflow {
    overflow: hidden;
}

.o-menu.on {
    opacity: 1;
}

.o-menu {
    opacity: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    align-items: flex-start;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    /* overflow-x: hidden;
	overflow-y: auto; */
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4300;
    max-width: 2560px;
    margin: auto;
    left: 0;
    right: 0;
}

.o-menu.on1 .o-menu_bg {
    background-color: rgba(96, 90, 90, .95);
}

.o-menu_bg {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: .1ms;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: menu-out;
    animation-timing-function: cubic-bezier(.14, 1, .34, 1);

    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 2560px;
    right: 0;
    margin: auto;

}

.o-menu.show {
    pointer-events: auto;

}



.init .o-menu_bg {
    animation-duration: .5s;
}

.o-menu_bg:before {
    background-color: #006f67;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(0);
    transform-origin: 100% 0;
    transition: .8s cubic-bezier(.165, .84, .44, 1);
    width: 100%;

}

@keyframes menu-in {
    0% {
        transform: translate(-100%) opacity: 1;
    }

    to {
        transform: translate(0) opacity: 0;
    }
}

@keyframes menu-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.o-menu.show .o-menu_bg:before {
    transform: translateX(100%);
    transition: .6s cubic-bezier(.645, .045, .355, 1) .08s;
}

.o-menu_left {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    height: 100%;
    justify-content: center;
    transition: .6s cubic-bezier(.14, 1, .34, 1);
    width: 100%;
}

.o-menu.show .o-menu_bg {
    animation-delay: 0s;
    animation-direction: normal;
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: menu-in;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
}

#heanav {
    max-width: 2000px;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999;
}

.js-menu .o-topnav {
    /* background: url(../images/about/navbg.jpg) no-repeat; */
    /* background-color: rgba(25,18,34,.95); */
    background-size: cover;
    height: 100vh;
    width: 100%;
    opacity: 0;
    transition: all .2s;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: flex;
}

.js-menu .o-topnav.show {
    opacity: 1;
    pointer-events: auto;
}

.js-menu .o-topnav .le {
    float: left;
    width: 32%;
    min-width: 334px;
    height: 100%;
    display: flex;
    padding-left: 3vw;
    align-items: center;
}

.js-menu .o-topnav .le {
    display: flex;
    align-items: center;
    justify-content: center;
}

.js-menu .o-topnav .le h1 {
    color: #c2b7ae;
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    margin-bottom: 10px;
}

.js-menu .o-topnav .le h2 {
    color: #8e857e;
    font-family: 'GESANS-REGULAR';
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
}

.js-menu .o-topnav .le h3 {
    color: #fff;
    opacity: .6;
    letter-spacing: 4px;
    font-size: 16px;
}

.js-menu .o-topnav .le h4 {
    color: #fff;
    opacity: 0;
    font-family: 'Brandon Grotesque';
    text-transform: uppercase;
    font-size: 14px;
}

.js-menu .o-topnav .ri_con {
    margin: 11vh 0;
    overflow: hidden;
}

.js-menu .o-topnav .ri_con .let {
    float: left;
    margin-right: 26px;
}

.js-menu .o-topnav .ri_con .let:last-child {
    margin-right: 0;
}

.js-menu .o-topnav .ri_con div {
    font-size: 22px;
    color: #dad1cb;
    font-family: 'Brandon Grotesque';
}

.js-menu .o-topnav .ri_con .let div {
    opacity: .8;
}

.js-menu .o-topnav .ri_con p {
    font-size: 14px;
}

.js-menu .o-topnav .le .le_bot {
    margin: 57px 0 25px 0;
}

.js-menu .o-topnav .le .le_bot .webiu {
    background: url(../images/wir.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 42px;
    height: 40px;
    line-height: 40px;
}

.js-menu .o-topnav .le .le_bot .webiu p {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.js-menu .o-topnav .le .le_bot .ul a {
    float: left;
    position: relative;
    color: rgba(255, 255, 255, .5);
    margin-right: 32px;
    font-size: 12px;
}

.js-menu .o-topnav .le .le_bot .ul {
    margin-top: 14px;
    font-weight: bold;
}

.js-menu .o-topnav .le .le_bot .ul a::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #889ca9;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    border-radius: 50%;
}

.js-menu .o-topnav .ri {
    float: right;
    width: 68%;
    min-width: 1280px;
    height: 100%;
    position: relative;
    padding-left: 4vw;
    display: flex;
    align-items: center;
}

.js-menu .o-topnav .ri .swrap {
    overflow: hidden;
    padding-bottom: 40px;
    border-bottom: 2px solid rgba(22, 30, 47, .1);
}

.js-menu .o-topnav .ri .top_menu {
    float: left;
}

.js-menu .o-topnav .ri .top_menu .li {
    float: left;
    margin-right: 54px;
}

.js-menu .o-topnav .ri .top_menu .li .img img {
    margin: auto;
}

.js-menu .o-topnav .ri .top_menu .li p {
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    margin-top: 12px;
}

.js-menu .o-topnav .ri .top_meip {
    float: left;
    margin-left: 0vw;
    position: relative;
}

.js-menu .o-topnav .ri .ri_fiex {
    font-weight: bold;
    width: 100%;
}

.js-menu .o-topnav .ri .top_meip h1 {
    font-family: 'Brandon Grotesque';
    font-size: 32px;
    line-height: 32px;
    color: #c98400;
}

.js-menu .o-topnav .ri .top_meip p {
    color: #616161;
    font-size: 14px;
    line-height: 14px;
    margin-top: 3px;
}

.js-menu .o-topnav .ri .top_mebon {
    clear: both;
    width: 100%;
    position: relative;
    z-index: 2;
}

.js-menu .o-topnav .ri .top_mebon .left {
    float: left;
    margin-top: 28px;
}

.js-menu .o-topnav .ri .top_mebon .right {
    float: left;
    margin-top: 28px;
    margin-left: 3.7vw;
    position: relative;
    z-index: 3;
    min-height: 250px;
}

.js-menu .o-topnav .ri .top_mebon .right .ul {
    float: left;
}

.js-menu .o-topnav .ri .top_mebon .right .ul:nth-child(2),
.js-menu .o-topnav .ri .top_mebon .right .ul:nth-child(3) {
    margin-right: 40px;
}

.js-menu .o-topnav .ri .top_mebon .right .ul .li {
    font-size: 14px;
    color: #161117;
    opacity: .55;
    line-height: 27px;
    position: relative;
}

.js-menu .o-topnav .ri .top_mebon .right .ul .li:before {
    content: '';
    background: url(../images/map.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 27px;
    position: absolute;
    left: -33px;
    top: -1.5px;
}

.js-menu .o-topnav .ri .top_mebon .right .ul:first-child {
    float: none;
}

.js-menu .o-topnav .ri .top_mebon .ul a {
    font-size: 14px;
    color: rgba(22, 17, 23, .55);
    line-height: 27px;
    transition: all .3s;
}

.js-menu .o-topnav .ri .top_mebon .ul a:hover {
    color: rgba(22, 17, 23, 1);
}

.js-menu .o-topnav .ri .top_mebon .left .ul {
    float: left;
    margin-right: 1.6vw;
}

.js-menu .o-topnav .ri .top_mebon .ul .li {
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 23px;
    display: table;
}

.js-menu .o-topnav .ri .top_mebon .ul .li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.js-menu .o-topnav .ri .top_myemo .txt h1 {
    color: #191222;
    font-size: 16px;
    line-height: 17px;
    opacity: .8;
    font-weight: bold;
    margin-bottom: 7px;
}

.js-menu .o-topnav .ri .top_myemo .txt h2 {
    font-size: 22px;
    color: #575757;
    opacity: .4;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-family: 'Brandon Grotesque';
}

.js-menu .o-topnav .ri .top_myemo .ul {
    margin: 7px 0 17px 0;
}

.js-menu .o-topnav .ri .top_myemo .ul li {
    width: 25px;
    height: 25px;
    float: left;
    margin-left: 9px;
}

.js-menu .o-topnav .ri .top_myemo .ul .wx {
    background: url(../images/wx.png);
    background-repeat: no-repeat;
}

.js-menu .o-topnav .ri .top_myemo .ul .web {
    background: url(../images/web.png);
    background-repeat: no-repeat;
}

.js-menu .o-topnav .ri .top_myemo .ul .trill {
    background: url(../images/trill.png);
    background-repeat: no-repeat;
}

.js-menu .o-topnav .ri .top_myemo .ul .wb {
    background: url(../images/webo.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.js-menu .o-topnav .ri .top_myemo .ul .videoico {
    background: url(../images/videoico.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.js-menu .o-topnav .ri .top_myemo .h1 {
    font-size: 13px;
    opacity: .55;
    line-height: 21px;
    margin-bottom: 3px;
    color: #161117;
}

.js-menu .o-topnav .ri .top_myemo .h2 a {
    font-size: 13px;
    opacity: .55;
    line-height: 21px;
    float: left;
    color: #161117;
    margin-right: 17px;
    position: relative;
    transition: all .3s;
}

.js-menu .o-topnav .ri .top_myemo .h2 a:hover {
    opacity: 1;
}

.js-menu .o-topnav .ri .top_myemo {
    position: relative;
    float: left;
    margin-top: 21vh;
}

.js-menu .o-topnav .ri .top_myemo .sec-left {
    margin-right: 60px;
}

.js-menu .o-topnav .ri .top_myemo .sec-right {
    padding-left: 60px;
}

.js-menu .o-topnav .ri .top_myemo .sec-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 45px;
    background-color: #b7ada6;
}

.js-menu .o-topnav .ri .top_myemo .h2 a::after {
    content: '';
    width: 2px;
    height: 12px;
    background: #161117;
    position: absolute;
    opacity: .55;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.js-menu .o-topnav .ri .top_myemo .h2 a:last-child::after {
    opacity: 0;
}

.js-menu .o-topnav .ri .top_myemo .ri_con .let {
    float: left;
    margin-right: 77px;
}

.js-menu .o-topnav .ri .top_myemo .ri_con .let h1 {
    color: #424242;
    font-size: 22px;
    opacity: .8;
    line-height: 34px;
    font-family: 'Brandon Grotesque';
}

.js-menu .o-topnav .ri .top_myemo .ri_con .let p {
    color: #424242;
    font-size: 14px;
    opacity: .8;
    line-height: 18px;
}

.js-menu .o-topnav .ri .ri_a {
    height: 53.5vh;
    width: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: #fff;
    display: flex;
    padding-left: 63px;
    align-items: center;
}

.js-menu .o-topnav .ri .ri_a img {
    height: 365px;
}

.js-menu .o-topnav .ri .ri_b {
    height: 45vh;
    width: 100%;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #00c389;
    display: flex;
    padding-left: 63px;
    padding-top: 58px;
}

.js-menu .o-topnav .ri .ri_b img {
    height: 198px;
}

.a-hamburger_open,
.a-hamburger_close {
    height: 20px;
    cursor: pointer;
}

@media screen and (max-width:1600px) {
    .js-menu .o-topnav .ri .top_mebon .right .ul:last-child {
        float: none;
        margin-left: 96px;
    }

    .js-menu .o-topnav .ri .top_myemo {
        margin-top: 5vh;
    }
}

/* 鍐呴〉瀵艰埅 */

/* about */
.w1420 {
    width: 1420px;
    margin: auto;
}

.navbg {
    background: url(../images/about/aboutbg.jpg) no-repeat;
    background-size: cover;
    height: 1245px;
    width: 100%;
}

.clear::after {
    content: '';
    clear: both;
    display: block;
}

.about {
    /* height: 1331px; */
    /* background: #28337b; */
    /* position: relative; */
}

.about .about_npm1 {
    /* height: 1080px; */
    /* overflow: hidden; */
    /* position: relative; */
    margin-top: -628px;
    /* padding-top: 120px; */
}

.about.news .about_npm1 .w1420 img {
    opacity: 1;
    width: 1336px;
    transform: none;
    position: relative;
    z-index: 5;
}

.about.news.data .about_npm1 .w1420 img {
    opacity: 1;
    width: 1336px;
    transform: none;
    position: relative;
    z-index: 5;
}

.about .about_npm1 .w1420 {
    background: #fff;
    padding: 120px 0 70px 85px;
    position: relative;

}

.about.news {
    height: 1411px;
    background: #28337b;
}

.about.news.news-data {
    height: 1080px;
}

.about.news .about_npm1 {
    margin-top: 0;
    position: relative;
    top: -303px;
}

.about .about_npm1 .w1420::before {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    right: -500px;
    position: absolute;
    top: 0;
}

.about .about_npm1 .le {
    float: left;
    width: 30%;
    transition-delay: .08s;
}

.about .about_npm1 .ri {
    float: right;
    transition-delay: .16s;
    width: 66.15%;
}

.about .about_npm1>*>* {
    opacity: 0;
    transform: translate3d(-150px, 0, 0);
    transition: transform 1.2s cubic-bezier(.14, 1, .34, 1), opacity .4s cubic-bezier(.215, .61, .355, 1);
}

.ww1420 {
    width: 1420px;
    position: relative;
    margin: auto;
}

.about .til {
    position: absolute;
    left: 0;
    transition-delay: .16s;
    top: -322px;
    opacity: 0;
    transform: translate3d(-150px, 0, 0);
    transition: transform 1.2s cubic-bezier(.14, 1, .34, 1), opacity .4s cubic-bezier(.215, .61, .355, 1);
}

.about .about_npm1 .animated {
    opacity: 1;
    transform: translateZ(0);
}

.about .til .animated {
    opacity: 1;
    transform: translateZ(0);
}

.about .about_npm2 {
    /* position: relative; */
    /* top: -495px; */
    background: #28337b;
    padding-top: 135px;
    margin-top: -451px;
    padding-top: 730px;
    padding-bottom: 85px;
}

.about .about_npm2 .le {
    float: left;
    width: 539px;
    transition-delay: .16s;
}

.about .about_npm2 .ri>*>* {
    opacity: 0;
    transform: translate3d(-150px, 0, 0);
    transition: transform 1.2s cubic-bezier(.14, 1, .34, 1), opacity .4s cubic-bezier(.215, .61, .355, 1);
}

.about .about_npm2 .le>* {
    opacity: 0;
    transform: translate3d(-150px, 0, 0);
    transition: transform 1.2s cubic-bezier(.14, 1, .34, 1), opacity .4s cubic-bezier(.215, .61, .355, 1);
}

.about .about_npm2 .animated {
    opacity: 1;
    transform: translateZ(0);
}

.about .about_npm2 .ri {
    float: right;
    width: 848px;
    height: 660px;
    position: relative;
}

.about .about_npm2 .ri .img1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    /* width: 19.3vw; */
    max-width: 386px;
}

.about .about_npm2 .ri .img2 {
    position: absolute;
    left: 278px;
    bottom: 0;
    z-index: 2;
    /* width: 16.4vw; */
    max-width: 328px;
}

.about .about_npm2 .ri .img3 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    /* width: 23.35vw; */
    max-width: 467px;
}

.about .about_npm2 .ri .animated {
    opacity: 1;
    transform: translateZ(0);
}

.about .about_npm2 .ri .img1 img {
    transition-delay: .3s;
}

.about .about_npm2 .ri .img2 img {
    transition-delay: .4s;
}

.about .about_npm2 .ri .img3 img {
    transition-delay: .24s;
}

.about.news-data {
    height: 735px;
}

.about .news {
    background: #fff;
    position: absolute;
    top: -628px;
    width: 1710px;
    height: 1613px;
    padding-top: 120px;
    left: 290px;

}

.about .news.newsdata {
    height: 1260px;
}

.about.news1 {
    height: 1100px;
}

.about .news img {
    width: 1346px;
    display: block;
    margin: auto;
}

.about .news.newsdata img {
    width: 1337px;
    display: block;
    margin: auto;
}

/* about */
.index-home #heanav .w1420 {
    width: auto;
}

.index-home #heanav .logo {
    top: 60px;
    left: 160px;
}

.index-home #heanav .o-menu-header_inner {
    position: absolute;
    width: 700px;
    right: 100px;
    top: 42px;
}


.index-home #heanav .o-menu-header_inner.scrolled {
    pointer-events: none;
}

.index-home #heanav .a-hamburger_open {
    display: none;
}

.index-home.fp-viewing-page4 #heanav .o-menu-header_item_body>.a-label {
    color: #666;
}

.boxum {
    position: fixed;
    right: calc((100vw - 1915px) / 2);
    top: 140px;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 14px;
}

.boxum .time {
    width: 8px;
    height: 8px;
    transition: all .2s;
    border-radius: 50%;
    background: rgba(255, 255, 255, .23);
    margin-bottom: 12px;
}

.boxum .time.on {
    width: 14px;
    height: 14px;
    background: none;
    border: 4px solid #0074ca;
}