html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    font: inherit;
    font-size: 100%;
}

ul, ol, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #58d3e2;
}

a:hover {
    text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

input, textarea, button, a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
}

a, img {
    -webkit-touch-callout: none;
}

.clearfix::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}

html {
    overflow: hidden;
    height: 100%;
    background: rgba(6, 48, 88, 255) url("../images/bg.png") center center no-repeat;
    background-size: 100%;
    font-size: 16px;
}

body {
    max-height: 100%;
    font-family: 'Arial', 'Helvetica', 'Microsoft yahei', 'STHeiti';
    color: #ffec9e;
}

div, span, em, li {
    -webkit-backface-visibility: hidden;
}

div {
    position: absolute;
}

.wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
}

.stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: rgba(6, 48, 88, 255);
    background-size: 100%;
}

.stage2, .stage3, .stage4, .stage5, .stage6, .stage7, .stage8, .stage9 {
    background: url(../images/bg.png);
}

.stage.animate {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
}

.stage.active {
    display: block;
}

.num {
    color: #fff;
    padding: 0 2px;
}

.content_mod, .text_mod {
    top: 0.25rem;
    left: 50%;
    width: 16.625rem;
    margin-left: -8.3125rem;
}

.text_mod {
    height: 9.125rem;
}

.text_mod div {
    position: static;
}

.text_mod .title {
    position: relative;
    width: 48%;
    padding: 3.5rem 0 2.5rem 0;
    font-weight: bold;
    box-sizing: border-box;
}

.text_mod .third-title {
    width: 80%;
    text-align: center;
    left: 10%;
}

.content_mod {
    top: 9.375rem;
    bottom: 0;
}

.content_mod .tit {
    top: 8.5rem;
    font-size: 0.625rem;
    width: 58%;
    left: 21%;
}

.toswitch {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 50%;
    bottom: 1rem;
    -webkit-transform: translateX(-50%);
    z-index: 99;
    -webkit-animation: toswitchAni 1s ease-out 0s infinite;
    background: url(../images/sang.png) 0 0 no-repeat;
    background-size: 100%;
}

@-webkit-keyframes toswitchAni {
    0% {
        -webkit-transform: translate(-50%, -100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(-50%, 0);
        opacity: 1;
    }
}

.toshare {
    position: absolute;
    width: 2.5rem;
    height: 2.8125rem;
    right: 1rem;
    top: 0.5rem;
    -webkit-animation: toShareAni 1s ease-out 0s infinite;
    background: url(data:image/png;base64,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) center center no-repeat;
    background-size: 100%;
}

@-webkit-keyframes toShareAni {
    0% {
        -webkit-transform: translate(-50%, 20%);
    }
    100% {
        -webkit-transform: translate(-50%, 0);
    }
}

.loading {
    top: 28%;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 18rem;
    margin-top: -4rem;
    background: rgba(6, 48, 88, 255);
}

.loading .load_logo, .loading .load_logo .inner {
    left: 50%;
    width: 5.0rem;
    height: 3.75rem;
    margin-left: -2.5rem; /*background: url("../images/cb_loading.png")  0 bottom no-repeat;*/
    background-size: 10.0rem 3.75rem;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.load-img {
    top: 2rem;
    left: 30%;
    width: 38%;
    text-align: center;
}

.load-title {
    top: 4.5rem;
    left: 29%;
    width: 42%;
    text-align: center;
}

.loading .load_logo {
    background-position: -5.0rem bottom;
    top: 0;
}

.loading .load_logo .inner {
    margin-left: 0;
    left: 0;
    bottom: 0;
}

.loading .data {
    bottom: 0.5rem;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: .75rem;
}

.loading .data .figure {
    padding-left: 3px;
}

.stage1 .slogan {
    top: 6rem;
    left: 18%;
    width: 60%;
    text-align: center;
    opacity: 0;
}

.stage1 .title {
    width: 62%;
    left: 18%;
    text-align: center;
    margin-top: 10rem;
    top: 0;
    opacity: 0;
}

.stage1 .logo0 {
    width: 90%;
    left: 5%;
    top: 52%;
    text-align: center; /*opacity: 0;*/
}

.stage2 .text_mod {
    height: 10.625rem;
}

.stage2 .content_mod {
    top: 10.875rem;
}

.stage2 .title, .stage2 .text, .stage2 .tit {
    opacity: 0;
}

.stage2 .data_list {
    width: 16.5625rem;
    height: 12.8125rem;
    background: url("") center center no-repeat;
    background-size: 10.6875rem 8.9375rem;
    border-bottom: 1px solid #ffd066;
    opacity: 0;
}

.stage2 .time_list {
    position: absolute;
    width: 2.25rem;
    top: 1.6rem;
    left: 50%;
    font-size: .625rem;
    margin-left: -7.625rem;
}

.stage3 .text_mod {
    height: 10.75rem;
}

.stage3 .content_mod {
    top: 10.825rem;
}

.stage3 .title, .stage3 .text, .stage3 .tit {
    opacity: 0;
}

.stage3 .content {
    top: 2.0rem;
    left: 50%;
    width: 15.625rem;
    height: 15.625rem;
    margin-left: -7.8125rem;
    opacity: 0;
}

.stage6 .text_mod {
    height: auto;
    top: 0.25rem;
    left: 0;
    width: 16.625rem;
    margin: 0;
}

.stage6 .title {
    opacity: 0;
}

.stage6 .content_mod {
    top: 7.0rem;
}

.stage6 .content_mod div {
    position: static;
}

.stage6 .content_mod .pictxt {
    position: relative;
    padding: 0 0 26px 0;
    font-size: 0.75rem;
    opacity: 0;
}

.stage6 .content_mod .txt_con {
    opacity: 0;
    font-size: 0.8rem;
    color: #fff;
    margin: 0px 0 13px 0;
}

.cicle1, .cicle2, .cicle3, .cicle4, .cicle5, .cicle6, .cicle7 {
    position: absolute;
    top: 0px;
    left: -6px;
    border-radius: 10px;
    list-style: none;
    width: 10px;
    height: 10px;
    border: 1px solid #F52222;
    background: #F52222;
}

.cicle2 {
    top: 60px;
}

.cicle3 {
    top: 120px;
}

.cicle4 {
    top: 180px;
}

.cicle5 {
    top: 240px;
}

.cicle6 {
    top: 300px;
}

.cicle7 {
    top: 360px;
}

.stage6 .txt_main {
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
}

.stage6 .txt_minor {
    line-height: 1.3125rem;
}

.stage6 .pictxt .num {
    color: #fff;
    font-size: 0.875rem;
}

.stage6 .content_mod .pic {
    position: absolute;
    width: 6.25rem;
    height: 6rem;
    vertical-align: middle;
    background: url("") 0 0 no-repeat;
    background-size: 6.25rem 18.0rem;
    right: 0;
    top: 50%;
    margin-top: -3rem;
    opacity: 0;
}

@-webkit-keyframes bounceIn {
    0% {
        -webkit-transform: scale(0, 0) translateZ(0);
        opacity: 0;
    }
    50% {
        -webkit-transform: scale(1.05, 1.05) translateZ(0);
        opacity: 1;
    }
    70% {
        -webkit-transform: scale(.9, .9) translateZ(0);
    }
    100% {
        -webkit-transform: scale(1, 1) translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(6.25rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-5rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(-80%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(80%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes maskAni {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
    }
}

@-webkit-keyframes numSlideInUp {
    0% {
        -webkit-transform: translateY(30%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes numSlideInUpLast {
    0% {
        -webkit-transform: translateY(30%) scale(0);
        opacity: 0;
    }
    33% {
        -webkit-transform: translateY(-30%) scale(1.8);
        opacity: 1;
    }
    67% {
        -webkit-transform: translateY(0) scale(.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes numSlideInDown {
    0% {
        -webkit-transform: translateY(-30%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes numSlideInLeft {
    0% {
        -webkit-transform: translateX(30%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes numSlideInRight {
    0% {
        -webkit-transform: translateX(-30%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes smallToBig {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    80% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(500px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(500px);
        -webkit-animation-timing-function: ease-out;
    }
    60% {
        -webkit-transform: perspective(500px) translateZ(150px) rotateY(180deg) scale(1.3);
        -webkit-animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(500px) rotateY(360deg);
        -webkit-animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }
    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.3) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.5) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

.scence1 .stage1 .slogan {
    -webkit-animation: bounceIn .5s ease .5s forwards;
}

.scence1 .stage1 .logo {
    -webkit-animation: slideInUp .5s ease 1.5s forwards;
}

.scence1 .stage1 .title {
    -webkit-animation: slideInRight .5s ease 1.0s forwards;
}

@-webkit-keyframes stage1_bamboo_ani1 {
    0% {
        -webkit-transform: rotate(0);
    }
    5% {
        -webkit-transform: rotate(0);
    }
    30% {
        -webkit-transform: rotate(5deg);
    }
    50% {
        -webkit-transform: rotate(0);
    }
    77% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
    }
}

@-webkit-keyframes stage1_bamboo_ani1 {
    0% {
        -webkit-transform: rotate(0);
    }
    10% {
        -webkit-transform: rotate(0);
    }
    40% {
        -webkit-transform: rotate(5deg);
    }
    60% {
        -webkit-transform: rotate(0);
    }
    80% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
    }
}

.scence2 .stage2 .title {
    -webkit-animation: slideInRight .5s ease .5s forwards;
}

.scence2 .stage2 .text {
    -webkit-animation: slideInLeft .4s ease 1.2s forwards;
}

@-webkit-keyframes stage2_data_ani {
    0% {
        -webkit-transform: scaleY(0) translateZ(0);
        opacity: 0;
    }
    10% {
        -webkit-transform: scaleY(0.1) translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotateY(1) translateZ(0);
        opacity: 1;
    }
}

.scence3 .stage3 .title {
    -webkit-animation: slideInRight .5s ease .5s forwards;
}

.scence3 .stage3 .text {
    -webkit-animation: slideInRight .4s ease 1.4s forwards;
}

.scence3 .stage3 .tit {
    -webkit-animation: slideInUp .5s ease 2.3s forwards;
}

.scence3 .stage3 .content {
    -webkit-animation: fadeIn .5s ease 2.8s forwards;
}

@-webkit-keyframes stage3_data_ani {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    60% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes stage3_wave_ani {
    0% {
        -webkit-transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(13.875rem, -8.375rem);
    }
}

@-webkit-keyframes stage3_wave_ani2 {
    0% {
        -webkit-transform: translate(13.875rem, -8.375rem);
    }
    100% {
        -webkit-transform: translate(26.625rem, -8.375rem);
    }
}

.scence6 .stage6 .text_mod .title {
    -webkit-animation: slideInRight .5s ease .5s forwards;
}

.scence6 .stage6 .pictxt1 {
    -webkit-animation: fadeIn .5s ease 1.2s forwards;
}

.scence6 .stage6 .pictxt1 .txt_con {
    -webkit-animation: slideInLeft .5s ease 1.2s forwards;
}

.scence6 .stage6 .pictxt2 {
    -webkit-animation: fadeIn .5s ease 1.5s forwards;
}

.scence6 .stage6 .pictxt2 .txt_con {
    -webkit-animation: slideInLeft .5s ease 1.5s forwards;
}

.scence6 .stage6 .pictxt3 {
    -webkit-animation: fadeIn .5s ease 1.8s forwards;
}

.scence6 .stage6 .pictxt3 .txt_con {
    -webkit-animation: slideInLeft .5s ease 1.8s forwards;
}

.scence6 .stage6 .pictxt4 {
    -webkit-animation: fadeIn .5s ease 2.1s forwards;
}

.scence6 .stage6 .pictxt4 .txt_con {
    -webkit-animation: slideInLeft .5s ease 2.1s forwards;
}

.scence6 .stage6 .pictxt5 {
    -webkit-animation: fadeIn .5s ease 2.4s forwards;
}

.scence6 .stage6 .pictxt5 .txt_con {
    -webkit-animation: slideInLeft .5s ease 2.4s forwards;
}

.scence6 .stage6 .pictxt6 {
    -webkit-animation: fadeIn .5s ease 2.7s forwards;
}

.scence6 .stage6 .pictxt6 .txt_con {
    -webkit-animation: slideInLeft .5s ease 2.7s forwards;
}

.scence6 .stage6 .pictxt7 {
    -webkit-animation: fadeIn .5s ease 3s forwards;
}

.scence6 .stage6 .pictxt7 .txt_con {
    -webkit-animation: slideInLeft .5s ease 3s forwards;
}