/* ====================== 全局基础 ====================== */
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* ====================== FullPage 全屏滚动插件 ====================== */
#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
}
.fp-section {
    position: relative;
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    margin-top: -38px;
    width: 0;
    height: 0;
    border-style: solid;
    cursor: pointer;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-notransition {
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    margin-top: -32px;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
.fp-slidesNav ul li {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid rgba(20,199,169,.8);
    background: rgba(2,215,178,.66);
    border-radius: 50%;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    background: rgba(255,255,255,.66);
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    width: 0;
    opacity: 0;
    transition: opacity .2s ease-in;
}
#fp-nav ul li:hover .fp-tooltip {
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

/* ====================== rbSlider 轮播插件 ====================== */
.rbslider-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.rbslider-container-vertical > .rbslider-wrapper {
    flex-direction: column;
}
.rbslider-container-multirow > .rbslider-wrapper {
    flex-wrap: wrap;
}
.rbslider-container-free-mode > .rbslider-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.rbslider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transform-style: preserve-3d;
    transition-property: transform;
    transform: translate3d(0,0,0);
    box-sizing: content-box;
}
.rbslider-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
}
.rbslider-wp8-horizontal {
    touch-action: pan-y;
}
.rbslider-wp8-vertical {
    touch-action: pan-x;
}
.rbslider-button-prev, .rbslider-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.rbslider-button-prev.rbslider-button-disabled,
.rbslider-button-next.rbslider-button-disabled {
    opacity: .35;
    cursor: auto;
}
.rbslider-button-prev, .rbslider-container-rtl .rbslider-button-next {
    left: 10px;
    right: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-button-prev.rbslider-button-black,
.rbslider-container-rtl .rbslider-button-next.rbslider-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-button-prev.rbslider-button-white,
.rbslider-container-rtl .rbslider-button-next.rbslider-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-button-next, .rbslider-container-rtl .rbslider-button-prev {
    right: 10px;
    left: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-button-next.rbslider-button-black,
.rbslider-container-rtl .rbslider-button-prev.rbslider-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-button-next.rbslider-button-white,
.rbslider-container-rtl .rbslider-button-prev.rbslider-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.rbslider-pagination {
    position: absolute;
    text-align: center;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.rbslider-pagination.rbslider-pagination-hidden {
    opacity: 0;
}
.rbslider-pagination-bullet {
    width: 0px;
    height: 0px;
    display: inline-block;
    background: rgba(255,255,255,.5);
    opacity: .8;
}
.rbslider-pagination-clickable .rbslider-pagination-bullet {
    cursor: pointer;
}
.rbslider-pagination-white .rbslider-pagination-bullet {
    background: #fff;
}
.rbslider-pagination-bullet-active {
    opacity: 1;
    background: #00dfb8;
}
.rbslider-pagination-white .rbslider-pagination-bullet-active {
    background: #fff;
}
.rbslider-pagination-black .rbslider-pagination-bullet-active {
    background: #000;
}
.rbslider-container-vertical > .rbslider-pagination {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0);
}
.rbslider-container-vertical > .rbslider-pagination .rbslider-pagination-bullet {
    margin: 7px 0;
    display: block;
}
.rbslider-container-horizontal > .rbslider-pagination {
    top: 83%;
    left: 0;
    width: 100%;
}
.rbslider-container-horizontal > .rbslider-pagination .rbslider-pagination-bullet {
    margin: 0 3px;
}
.rbslider-container-3d {
    perspective: 1200px;
}
.rbslider-container-3d .rbslider-wrapper,
.rbslider-container-3d .rbslider-slide,
.rbslider-container-3d .rbslider-slide-shadow-left,
.rbslider-container-3d .rbslider-slide-shadow-right,
.rbslider-container-3d .rbslider-slide-shadow-top,
.rbslider-container-3d .rbslider-slide-shadow-bottom,
.rbslider-container-3d .rbslider-cube-shadow {
    transform-style: preserve-3d;
}
.rbslider-container-3d .rbslider-slide-shadow-left,
.rbslider-container-3d .rbslider-slide-shadow-right,
.rbslider-container-3d .rbslider-slide-shadow-top,
.rbslider-container-3d .rbslider-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.rbslider-container-3d .rbslider-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.rbslider-container-3d .rbslider-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.rbslider-container-3d .rbslider-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.rbslider-container-3d .rbslider-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.rbslider-container-coverflow .rbslider-wrapper {
    perspective: 1200px;
}
.rbslider-container-fade.rbslider-container-free-mode .rbslider-slide {
    transition-timing-function: ease-out;
}
.rbslider-container-fade .rbslider-slide {
    pointer-events: none;
}
.rbslider-container-fade .rbslider-slide-active {
    pointer-events: auto;
}
.rbslider-container-cube {
    overflow: visible;
}
.rbslider-container-cube .rbslider-slide {
    pointer-events: none;
    visibility: hidden;
    transform-origin: 0 0;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
}
.rbslider-container-cube.rbslider-container-rtl .rbslider-slide {
    transform-origin: 100% 0;
}
.rbslider-container-cube .rbslider-slide-active,
.rbslider-container-cube .rbslider-slide-next,
.rbslider-container-cube .rbslider-slide-prev,
.rbslider-container-cube .rbslider-slide-next + .rbslider-slide {
    pointer-events: auto;
    visibility: visible;
}
.rbslider-container-cube .rbslider-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: blur(50px);
}
.rbslider-container-cube.rbslider-container-vertical .rbslider-cube-shadow {
    z-index: 0;
}
.rbslider-scrollbar {
    border-radius: 10px;
    position: relative;
    touch-action: none;
    background: rgba(0,0,0,0.1);
}
.rbslider-container-horizontal > .rbslider-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.rbslider-container-vertical > .rbslider-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.rbslider-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.rbslider-scrollbar-cursor-drag {
    cursor: move;
}
.rbslider-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: rbslider-preloader-spin 1s step-end infinite;
}
.rbslider-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.rbslider-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* 轮播加载动画 */
@keyframes rbslider-preloader-spin {
    0% { transform: rotate(0deg); }
    8.33333333% { transform: rotate(30deg); }
    16.66666667% { transform: rotate(60deg); }
    25% { transform: rotate(90deg); }
    33.33333333% { transform: rotate(120deg); }
    41.66666667% { transform: rotate(150deg); }
    50% { transform: rotate(180deg); }
    58.33333333% { transform: rotate(210deg); }
    66.66666667% { transform: rotate(240deg); }
    75% { transform: rotate(270deg); }
    83.33333333% { transform: rotate(300deg); }
    91.66666667% { transform: rotate(330deg); }
    100% { transform: rotate(360deg); }
}