.screen-3 ul{
    margin-left: 38%;
    color: white;
    margin-top: 55px;

}
.screen-3 li{
    float: left;
    width: 132px;
    background-color: #3D4B6D;
    text-align: center;
    line-height: 44px;
}
.sonActive{
    border-bottom:2px white solid;
    color: #fe5151;
}
html.fp-enabled, .fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#superContainer {
    height: 100%;
    position: relative;
    -ms-touch-action: none;
    touch-action: none
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.fp-slide {
    float: left
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-out;
    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;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    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 {
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0)
}

#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: 60px
}

.fp-slidesNav.top {
    top: 17px
}

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.fp-slidesNav ul li {
    display: inline-block
}

#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.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 10px;
    width: 10px;
    margin: 0;
    border-radius: 100%;
    background: #4dd756
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 10px;
    width: 10px;
    border: 0;
    background: #98989b;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    background: #4dd756
}

#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;
    opacity: 0;
    width: 0
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

.screen-1 {
    background: radial-gradient(at 50%, #fff, #fefffa, #fdfff9, #fafff6, #e1f2ed, #b6d5e0);
    background-color: #fff;
    width: 100%;
    height: 100%
}

.ie .screen-1 {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/nopack/screen-1-bg.png', sizingMethod='scale')
}

.screen-1 .screen-1-content {
}

.screen-1 .screen-1-content .screen-1-content-wrap {
    width: 453px;
    height: 453px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -226px;
    margin-top: -269px;
    -webkit-animation: rotate 45s linear;
    animation: rotate 45s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-bg {
    z-index: 10;
    width: 353px;
    height: 353px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -176px;
    margin-top: -219px
}

.ie .screen-1 .screen-1-content .screen-1-content-bg {
    background: url(../img/ie-bg_0b5d7e0.png) no-repeat
}

.screen-1 .screen-1-content .screen-1-content-year {
    width: 258px;
    height: 83px;
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -126px;
    margin-top: 192px;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-lingxing {
    width: 91px;
    height: 108px;
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 50%;
    margin-left: -45px;
    margin-top: 83px;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-txt {
    width: 245px;
    height: 269px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -122px;
    margin-top: -177px;
    z-index: 10;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-top {
    width: 149px;
    height: 149px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 12;
    margin-left: -75px;
    margin-top: -313px
}

.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date {
    width: 129px;
    height: 129px;
    margin-top: 10px;
    margin-left: 10px;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line {
    width: 149px;
    height: 149px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: rotate 30s linear;
    -moz-animation: rotate 30s linear;
    -o-animation: rotate 30s linear;
    animation: rotate 30s linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-triangle {
    width: 553px;
    height: 479px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -276px;
    margin-top: -335px;
    background-repeat: no-repeat;
}

.screen-1 .screen-1-content .screen-1-content-bg, .screen-1 .screen-1-content .screen-1-content-year, .screen-1 .screen-1-content .screen-1-content-lingxing, .screen-1 .screen-1-content .screen-1-content-txt, .screen-1 .screen-1-content .screen-1-content-top, .screen-1 .screen-1-content .screen-1-content-triangle {
    opacity: 0
}

.screen-1 .screen-1-content.active {
}

.screen-1 .screen-1-content.active .screen-1-content-bg, .screen-1 .screen-1-content.active .screen-1-content-year, .screen-1 .screen-1-content.active .screen-1-content-lingxing, .screen-1 .screen-1-content.active .screen-1-content-txt, .screen-1 .screen-1-content.active .screen-1-content-top, .screen-1 .screen-1-content.active .screen-1-content-triangle {
    transition-property: all;
    transition-duration: .8s;
    transition-timing-function: ease-in-out;
    opacity: 1
}

.screen-1 .screen-1-content.active .screen-1-content-bg {
    transition-delay: .3s
}

.screen-1 .screen-1-content.active .screen-1-content-top {
    transition-delay: .6s
}

.screen-1 .screen-1-content.active .screen-1-content-year {
    transition-delay: .6s
}

.screen-1 .screen-1-content.active .screen-1-content-lingxing {
    transition-delay: .9s
}

.screen-1 .screen-1-content.active .screen-1-content-txt {
    transition-delay: 1.2s
}

.screen-1 .screen-1-content.active .screen-1-content-triangle {
    transition-delay: 1.5s
}

.screen-1 path {
    fill: #5ac52a;
    stroke: transparent
}

.screen-1 circle {
    fill: #5ac52a;
    stroke: transparent;
    pointer-events: none
}

.screen-1 .PiShine .q0-9 {
    fill: #2eba34;
    transition: all .4s linear
}

.screen-1 .PiShine .q1-9 {
    fill: #1da23b;
    transition: all .4s linear
}

.screen-1 .PiShine .q2-9 {
    fill: #24b438;
    transition: all .4s linear
}

.screen-1 .PiShine .q3-9 {
    fill: #1dae3a;
    transition: all .4s linear
}

.screen-1 .PiShine .q4-9 {
    fill: #15a12b;
    transition: all .4s linear
}

.screen-1 .PiShine .q5-9 {
    fill: #22b73b;
    transition: all .4s linear
}

.screen-1 .PiShine .q6-9 {
    fill: #1bba22;
    transition: all .4s linear
}

.screen-1 .PiShine .q7-9 {
    fill: #1fb130;
    transition: all .4s linear
}

.screen-1 .PiShine .q8-9 {
    fill: #20b639;
    transition: all .4s linear
}

.screen-1 .PiShine .q9-9 {
    fill: #1fa219;
    transition: all .4s linear
}

.screen-1 .PiShine {
    width: 353px;
    height: 353px;
    border-radius: 353px
}

.screen-1 .PiShine {
    background-color: #1c9919
}

.screen-2 {
    background: transparent url(../img/screen-2-bg_bdce4fc.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%
}

.ie .screen-2 {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/screen-2-bg_bdce4fc.png', sizingMethod='scale')
}

.screen-2 .screen-2-content {
}

.screen-2 .screen-2-content .overview-text {
    width: 216px;
    height: 41px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-486px, -305px, 0);
    transform: translate3d(-486px, -305px, 0);
    background-repeat: no-repeat;
}

.ie9 .screen-2 .screen-2-content .overview-text, .ie .screen-2 .screen-2-content .overview-text {
    margin-left: -486px;
    margin-top: -305px
}

.screen-2 .screen-2-content .overview-button {
    z-index: 1000;
    cursor: pointer;
    width: 125px;
    height: 33px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-486px, -228px, 0);
    transform: translate3d(-486px, -228px, 0);
    background-repeat: no-repeat;
}

.ie9 .screen-2 .screen-2-content .overview-button, .ie .screen-2 .screen-2-content .overview-button {
    margin-left: -486px;
    margin-top: -228px
}

.screen-2 .screen-2-content .ball-outer {
    width: 600px;
    height: 600px;
    background: transparent url(../img/ball-outer_be7df66.png) center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -324px;
    z-index: 10
}

.screen-2 .screen-2-content .ball-outer .dot {
    position: absolute
}

.screen-2 .screen-2-content .ball-outer .dot .outer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #8dda17;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.screen-2 .screen-2-content .ball-outer .dot .outer:hover {
    background: url(../img/dot-hover-icon_4eb7701.png) center center no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    margin-left: -10px;
    margin-top: -10px;
    -webkit-transition: .2s linear;
    transition: .2s linear
}

.screen-2 .screen-2-content .ball-outer .dot .outer:hover .inner {
    display: none
}

.screen-2 .screen-2-content .ball-outer .dot .outer .inner {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 6px;
    top: 6px;
    background-color: #4eba02;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-0 {
    left: 57px;
    top: 391px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-1 {
    left: 88px;
    top: 136px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-2 {
    left: 221px;
    top: 120px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-3 {
    left: 182px;
    top: 277px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-4 {
    left: 182px;
    top: 439px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-5 {
    left: 325px;
    top: 35px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-6 {
    left: 360px;
    top: 201px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-7 {
    left: 494px;
    top: 168px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-8 {
    left: 473px;
    top: 313px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-9 {
    left: 260px;
    top: 543px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-10 {
    left: 546px;
    top: 322px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-11 {
    left: 493px;
    top: 443px
}

.screen-2 .screen-2-content .ball-outer .dot.dot-12 {
    left: 337px;
    top: 394px
}

.screen-2 .screen-2-content .ball-outer .dot .card {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 20px;
    left: 20px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2005 {
    width: 442px;
    height: 165px;
    top: -165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2006 {
    width: 384px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2007 {
    width: 384px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0 {
    width: 402px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1 {
    top: -165px;
    width: 422px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2009 {
    width: 384px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2010 {
    width: 367px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2011 {
    left: -455px;
    width: 455px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2012 {
    width: 430px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2013 {
    width: 417px;
    height: 165px;
    top: -165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0 {
    left: -442px;
    width: 442px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1 {
    top: -165px;
    left: -405px;
    width: 405px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2015 {
    top: -165px;
    width: 405px;
    height: 165px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text {
    position: absolute
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2005 {
    width: 86px;
    height: 45px;
    left: -101px;
    top: -20px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2006 {
    width: 85px;
    height: 44px;
    left: -100px;
    top: -19px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2007 {
    width: 86px;
    height: 41px;
    left: -87px;
    top: 23px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0 {
    width: 65px;
    height: 43px;
    left: -77px;
    top: -13px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1 {
    width: 85px;
    height: 45px;
    left: -99px;
    top: -13px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2009 {
    width: 65px;
    height: 45px;
    left: -76px;
    top: -13px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2010 {
    width: 107px;
    height: 45px;
    left: -115px;
    top: -6px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2011 {
    width: 85px;
    height: 45px;
    left: 30px;
    top: -34px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2012 {
    width: 82px;
    height: 45px;
    left: -93px;
    top: -9px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2013 {
    width: 63px;
    height: 45px;
    left: -73px;
    top: -9px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0 {
    width: 86px;
    height: 45px;
    left: 29px;
    top: -16px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1 {
    width: 85px;
    height: 45px;
    left: 29px;
    top: -16px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2015 {
    width: 72px;
    height: 45px;
    left: -80px;
    top: -16px;
    background-repeat: no-repeat;
}

.screen-2 .screen-2-content .ball-outer .dot-dead {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #4eba02;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-0 {
    left: 197px;
    top: 55px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-1 {
    left: 453px;
    top: 85px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-2 {
    left: 528px;
    top: 191px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-3 {
    left: 39px;
    top: 262px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-4 {
    left: 140px;
    top: 499px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-5 {
    left: 300px;
    top: 530px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-6 {
    left: 398px;
    top: 534px
}

.screen-2 .screen-2-content .ball-outer .dot-dead.dot-dead-7 {
    left: 357px;
    top: 64px
}

.screen-2 .screen-2-content canvas {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -245px;
    margin-top: -314px;
    z-index: 1
}

.ie .screen-2 .screen-2-content .cvs0-cover {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -193px;
    margin-top: -190px;
    z-index: 1;
    width: 372px;
    height: 349px;
    background: url(../img/ie-ball_1fa9f0a.png) center center no-repeat
}

.screen-2 .screen-2-content .overview-text, .screen-2 .screen-2-content .overview-button, .screen-2 .screen-2-content canvas {
    opacity: 0
}

.ie9 .screen-2 .screen-2-content .overview-text, .ie9 .screen-2 .screen-2-content .overview-button, .ie9 .screen-2 .screen-2-content canvas, .ie .screen-2 .screen-2-content .overview-text, .ie .screen-2 .screen-2-content .overview-button, .ie .screen-2 .screen-2-content canvas {
    opacity: 1
}

.screen-2 .screen-2-content.active {
}

.screen-2 .screen-2-content.active canvas {
    -webkit-animation: fadein 1.5s forwards;
    -webkit-animation-delay: .3s;
    animation: fadein 1.5s forwards;
    animation-delay: .3s
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    1% {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    1% {
        opacity: 1
    }
}

.screen-2 .screen-2-content.active .overview-text {
    -webkit-animation: slidein-text .5s forwards;
    -webkit-animation-delay: .5s;
    animation: slidein-text .5s forwards;
    animation-delay: .5s
}

@-webkit-keyframes slidein-text {
    0% {
        -webkit-transform: translate3d(-1500px, -305px, 0);
        transform: translate3d(-1500px, -305px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(-486px, -305px, 0);
        transform: translate3d(-486px, -305px, 0);
        opacity: 1
    }
}

@keyframes slidein-text {
    0% {
        -webkit-transform: translate3d(-1500px, -305px, 0);
        transform: translate3d(-1500px, -305px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(-486px, -305px, 0);
        transform: translate3d(-486px, -305px, 0);
        opacity: 1
    }
}

.screen-2 .screen-2-content.active .overview-button {
    -webkit-animation: slidein-button .5s forwards;
    -webkit-animation-delay: .7s;
    animation: slidein-button .5s forwards;
    animation-delay: .7s
}

@-webkit-keyframes slidein-button {
    0% {
        -webkit-transform: translate3d(-1500px, -228px, 0);
        transform: translate3d(-1500px, -228px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(-486px, -228px, 0);
        transform: translate3d(-486px, -228px, 0);
        opacity: 1
    }
}

@keyframes slidein-button {
    0% {
        -webkit-transform: translate3d(-1500px, -228px, 0);
        transform: translate3d(-1500px, -228px, 0);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(-486px, -228px, 0);
        transform: translate3d(-486px, -228px, 0);
        opacity: 1
    }
}

.screen-3 {
    background: radial-gradient(at 50%, #091b46, #0b1a41, #0e1a3b, #101939, #131934, #19182a);
    background-color: #131934;
    width: 100%;
    height: 100%;
    text-align: center;
}

.screen-3 .screen-3-content {
    overflow: hidden
}

.ie .screen-3 .screen-3-content, .ie9 .screen-3 .screen-3-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.screen-3 .screen-3-content .pixi {
    z-index: 1;
    width: 681px;
    height: 676px;
    position: absolute;
    left: 50%;
    bottom: -240px;
    margin-left: -340px
}

.ie .screen-3 .screen-3-content .pixi, .ie9 .screen-3 .screen-3-content .pixi {
    z-index: 1000;
    width: 740px;
    height: 607px;
    position: absolute;
    left: 50%;
    margin-left: -370px;
    top: 50%;
    margin-top: -331px;
    background: url(../img/ie-screen3-content_1271253.png) center no-repeat
}

.ie .screen-3 .screen-3-content .pixi .ten-year-with, .ie9 .screen-3 .screen-3-content .pixi .ten-year-with, .ie .screen-3 .screen-3-content .pixi .round-container, .ie9 .screen-3 .screen-3-content .pixi .round-container, .ie .screen-3 .screen-3-content .pixi .pixi-inner, .ie9 .screen-3 .screen-3-content .pixi .pixi-inner {
    display: none
}

.screen-3 .screen-3-content .pixi .ten-year-with {
    width: 350px;
    height: 350px;
    border-radius: 175px;
    background: transparent url(../img/technical/nl_dbt01.png) center no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -236px;
    margin-left: -175px;
    z-index: 100
}

.screen-3 .screen-3-content .pixi .round-container {
    z-index: 1000;
    width: 980px;
    height: 980px;
    margin-top: -140px;
    margin-left: -140px;
    position: absolute;
    border-radius: 490px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item {
    position: absolute;
    z-index: 1000
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner {
    width: 150px;
    height: 150px;
    opacity: .5;
    text-align: center;
    font-family: arial, tahoma, "Microsoft YaHei";
    font-style: normal
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner p.year {
    color: #4eba02;
    font-size: 30px;
    margin-bottom: 5px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item div.inner p.text {
    color: #fff;
    font-size: 13px;
    line-height: 20px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-1 {
    left: 830px;
    top: 415px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-1 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-2 {
    left: 764.1202161249403px;
    top: 190.634060755927px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-2 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-3 {
    left: 387.3972303957829px;
    top: 77.502721927874916px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-3 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-4 {
    left: 45.93934211658666px;
    top: 190.634060755927px;
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-4 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-5 {
    left: -21.232795px;
    top: 415px;
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-5 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-6 {
    left: 16.81041594998362px;
    top: 298.0809889108065px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-6 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-7 {
    left: 16.810415949983565px;
    top: 531.9190110891932px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-7 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-8 {
    left: 143.23279541270637px;
    top: 728.6360733570168px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-8 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-9 {
    left: 355.93934211658666px;
    top: 825.775898380587px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-9 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-10 {
    left: 587.397230395783px;
    top: 792.497278072125px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-10 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-11 {
    left: 764.1202161249403px;
    top: 639.3659392440729px
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item.item-11 div.inner {
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item .emphasize {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.screen-3 .screen-3-content .pixi .round-container .pixi-item .emphasize:hover {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 1
}

/*.screen-3 .screen-3-content .pixi .round-container .pixi-item.rotateinner {*/
    /*-webkit-animation: rotateinner 60s linear;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*animation: rotateinner 60s linear;*/
    /*animation-iteration-count: infinite*/
/*}*/

@-webkit-keyframes rotateinner {
    from {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes rotateinner {
    from {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
    to {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

/*.screen-3 .screen-3-content .pixi .round-container.rotateouter {*/
    /*-webkit-animation: rotate 60s linear infinite;*/
    /*animation: rotate 60s linear infinite*/
/*}*/

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

.screen-3 .screen-3-content .pixi .pixi-inner svg {
    -webkit-animation: rotate 120s linear;
    -webkit-animation-iteration-count: infinite;
    animation: rotate 120s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

.screen-3 .screen-3-content .little-wgt .wgt-0 {
    width: 78px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-446px, -238px, 0);
    -webkit-animation: move-0 3s linear;
    -webkit-animation-iteration-count: infinite;
    transform: translate3d(-446px, -238px, 0);
    animation: move-0 3s linear;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.ie .screen-3 .screen-3-content .little-wgt .wgt-0, .ie9 .screen-3 .screen-3-content .little-wgt .wgt-0 {
    margin-left: -446px;
    margin-top: -238px
}

@-webkit-keyframes move-0 {
    0% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
    20% {
        -webkit-transform: translate3d(-451px, -238px, 0);
        transform: translate3d(-451px, -238px, 0)
    }
    50% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
    70% {
        -webkit-transform: translate3d(-441px, -238px, 0);
        transform: translate3d(-441px, -238px, 0)
    }
    100% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
}

@keyframes move-0 {
    0% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
    20% {
        -webkit-transform: translate3d(-451px, -238px, 0);
        transform: translate3d(-451px, -238px, 0)
    }
    50% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
    70% {
        -webkit-transform: translate3d(-441px, -238px, 0);
        transform: translate3d(-441px, -238px, 0)
    }
    100% {
        -webkit-transform: translate3d(-446px, -238px, 0);
        transform: translate3d(-446px, -238px, 0)
    }
}

.screen-3 .screen-3-content .little-wgt .wgt-1 {
    width: 80px;
    height: 75px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(408px, -295px, 0);
    -webkit-animation: move-1 4s linear;
    -webkit-animation-iteration-count: infinite;
    transform: translate3d(408px, -295px, 0);
    animation: move-1 4s linear;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.ie .screen-3 .screen-3-content .little-wgt .wgt-1, .ie9 .screen-3 .screen-3-content .little-wgt .wgt-1 {
    margin-left: 408px;
    margin-top: -295px
}

@-webkit-keyframes move-1 {
    0% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
    20% {
        -webkit-transform: translate3d(412px, -291px, 0);
        transform: translate3d(412px, -291px, 0)
    }
    50% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
    70% {
        -webkit-transform: translate3d(404px, -299px, 0);
        transform: translate3d(404px, -299px, 0)
    }
    100% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
}

@keyframes move-1 {
    0% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
    20% {
        -webkit-transform: translate3d(412px, -291px, 0);
        transform: translate3d(412px, -291px, 0)
    }
    50% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
    70% {
        -webkit-transform: translate3d(404px, -299px, 0);
        transform: translate3d(404px, -299px, 0)
    }
    100% {
        -webkit-transform: translate3d(408px, -295px, 0);
        transform: translate3d(408px, -295px, 0)
    }
}

.screen-3 .screen-3-content .little-wgt .wgt-2 {
    width: 28px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-535px, 192px, 0);
    -webkit-animation: move-2 3s linear;
    -webkit-animation-iteration-count: infinite;
    transform: translate3d(-535px, 192px, 0);
    animation: move-2 3s linear;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.ie .screen-3 .screen-3-content .little-wgt .wgt-2, .ie9 .screen-3 .screen-3-content .little-wgt .wgt-2 {
    margin-left: -535px;
    margin-top: 192px
}

@-webkit-keyframes move-2 {
    0% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
    20% {
        -webkit-transform: translate3d(-535px, 189px, 0);
        transform: translate3d(-535px, 189px, 0)
    }
    50% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
    70% {
        -webkit-transform: translate3d(-535px, 195px, 0);
        transform: translate3d(-535px, 195px, 0)
    }
    100% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
}

@keyframes move-2 {
    0% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
    20% {
        -webkit-transform: translate3d(-535px, 189px, 0);
        transform: translate3d(-535px, 189px, 0)
    }
    50% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
    70% {
        -webkit-transform: translate3d(-535px, 195px, 0);
        transform: translate3d(-535px, 195px, 0)
    }
    100% {
        -webkit-transform: translate3d(-535px, 192px, 0);
        transform: translate3d(-535px, 192px, 0)
    }
}

.screen-3 .screen-3-content .little-wgt .wgt-3 {
    width: 31px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(528px, 118px, 0);
    -webkit-animation: move-3 3s linear;
    -webkit-animation-iteration-count: infinite;
    transform: translate3d(528px, 118px, 0);
    animation: move-3 3s linear;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
}

.ie .screen-3 .screen-3-content .little-wgt .wgt-3, .ie9 .screen-3 .screen-3-content .little-wgt .wgt-3 {
    margin-left: 528px;
    margin-top: 118px
}

@-webkit-keyframes move-3 {
    0% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
    20% {
        -webkit-transform: translate3d(532px, 118px, 0);
        transform: translate3d(532px, 118px, 0)
    }
    50% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
    70% {
        -webkit-transform: translate3d(524px, 118px, 0);
        transform: translate3d(524px, 118px, 0)
    }
    100% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
}

@keyframes move-3 {
    0% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
    20% {
        -webkit-transform: translate3d(532px, 118px, 0);
        transform: translate3d(532px, 118px, 0)
    }
    50% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
    70% {
        -webkit-transform: translate3d(524px, 118px, 0);
        transform: translate3d(524px, 118px, 0)
    }
    100% {
        -webkit-transform: translate3d(528px, 118px, 0);
        transform: translate3d(528px, 118px, 0)
    }
}

.screen-3 path {
    fill: transparent;
    stroke: rgba(255, 255, 255, .2)
}

.screen-3 circle {
    fill: #aaafbd
}

.screen-3 .PiMap .draw-bg {
    fill: rgba(255, 255, 255, .03)
}

.screen-3 .PiMap .redraw {
    fill: rgba(255, 255, 255, .03);
    -webkit-animation: disappear .8s linear;
    animation: disappear .8s linear
}

@-webkit-keyframes disappear {
    0% {
        fill: rgba(255, 255, 255, .4)
    }
    100% {
        fill: rgba(255, 255, 255, .03)
    }
}

@keyframes disappear {
    0% {
        fill: rgba(255, 255, 255, .4)
    }
    100% {
        fill: rgba(255, 255, 255, .03)
    }
}

.screen-4 {
    background: transparent url(../img/screen-2-bg_bdce4fc.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2
}

.ie .screen-4 {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.iknow.bdimg.com/s/10year/css/img/nopack/screen-4-bg_48f5893.png', sizingMethod='scale')
}

.screen-4 .screen-4-content {
    width: 980px;
    height: 570px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -490px;
    margin-top: -307px
}

.screen-4 .screen-4-content .content-bg .trangle {
    width: 458px;
    height: 396px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -259px;
    margin-left: -233px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-bg .circle-0 {
    width: 252px;
    height: 252px;
    position: absolute;
    right: 122px;
    bottom: 63px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-bg .circle-1 {
    width: 280px;
    height: 280px;
    position: absolute;
    left: 140px;
    top: 90px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-bg .circle-0, .screen-4 .screen-4-content .content-bg .circle-1 {
    -webkit-animation: rotate 45s linear;
    animation: rotate 45s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

.screen-4 .screen-4-content .content-info .star-ten-year {
    width: 215px;
    height: 40px;
    top: 0;
    left: 50%;
    margin-left: -118px;
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .large-pic {
    position: absolute;
    width: 352px;
    height: 352px;
    top: 50%;
    left: 50%;
    margin-top: -207px;
    margin-left: -176px;
    z-index: 1000;
    cursor: pointer;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .large-pic .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 61px;
    height: 70px;
    margin-left: -30px;
    margin-top: -35px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic {
    position: absolute;
    z-index: 100;
    opacity: .6;
    transition: all .2s ease-in-out
}

.screen-4 .screen-4-content .content-info .small-pic:hover {
    cursor: pointer;
    opacity: 1
}

.screen-4 .screen-4-content .content-info .small-pic.item-0 {
    width: 123px;
    height: 123px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0 {
    width: 131px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 130px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-1 {
    width: 123px;
    height: 123px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1 {
    width: 106px;
    height: 84px;
    position: absolute;
    left: 20px;
    top: 130px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-2 {
    width: 123px;
    height: 123px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2 {
    width: 199px;
    height: 84px;
    position: absolute;
    left: -36px;
    top: 130px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-3 {
    width: 123px;
    height: 123px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3 {
    width: 105px;
    height: 84px;
    position: absolute;
    left: 11px;
    top: 130px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-4 {
    width: 121px;
    height: 120px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4 {
    width: 108px;
    height: 84px;
    position: absolute;
    left: 7px;
    top: 127px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-5 {
    width: 121px;
    height: 120px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5 {
    width: 108px;
    height: 84px;
    position: absolute;
    left: 7px;
    top: 127px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-6 {
    width: 121px;
    height: 120px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6 {
    width: 104px;
    height: 83px;
    position: absolute;
    left: 7px;
    top: 127px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-7 {
    width: 121px;
    height: 120px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7 {
    width: 117px;
    height: 84px;
    position: absolute;
    left: 7px;
    top: 127px;
    background-repeat: no-repeat;
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-0, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-0 {
    left: 790px;
    top: 40px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-1, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-1 {
    left: 635px;
    top: 150px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-2, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-2 {
    left: 840px;
    top: 260px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-3, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-3 {
    left: 660px;
    top: 393px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-4, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-4 {
    left: 195px;
    top: 100px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-5, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-5 {
    left: 50px;
    top: 180px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-6, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-6 {
    left: 230px;
    top: 330px
}

.ie .screen-4 .screen-4-content .content-info .small-pic.item-7, .ie9 .screen-4 .screen-4-content .content-info .small-pic.item-7 {
    left: 70px;
    top: 400px
}

.screen-4 .screen-4-content .content-info .small-pic.item-0, .screen-4 .screen-4-content .content-info .small-pic.item-1, .screen-4 .screen-4-content .content-info .small-pic.item-2, .screen-4 .screen-4-content .content-info .small-pic.item-3, .screen-4 .screen-4-content .content-info .small-pic.item-4, .screen-4 .screen-4-content .content-info .small-pic.item-5, .screen-4 .screen-4-content .content-info .small-pic.item-6, .screen-4 .screen-4-content .content-info .small-pic.item-7 {
    -webkit-transform: translate3d(424px, 173px, 0);
    transform: translate3d(424px, 173px, 0)
}

.screen-4 .screen-4-content .content-info .zhengshuang {
    width: 66px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: 156px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .zhengshuang-text {
    width: 186px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -95px;
    margin-top: 200px;
    background-repeat: no-repeat;
}

.screen-4 .screen-4-content .content-info .zhengshuang, .screen-4 .screen-4-content .content-info .zhengshuang-text, .screen-4 .screen-4-content .content-info .play {
    opacity: 0
}

.ie .screen-4 .screen-4-content .content-info .zhengshuang, .ie .screen-4 .screen-4-content .content-info .zhengshuang-text, .ie .screen-4 .screen-4-content .content-info .play, .ie9 .screen-4 .screen-4-content .content-info .zhengshuang, .ie9 .screen-4 .screen-4-content .content-info .zhengshuang-text, .ie9 .screen-4 .screen-4-content .content-info .play {
    opacity: 1
}

.screen-4 .screen-4-content.active .zhengshuang, .screen-4 .screen-4-content.active .zhengshuang-text, .screen-4 .screen-4-content.active .guanzhudu, .screen-4 .screen-4-content.active .play {
    -webkit-animation: play .3s linear forwards;
    -webkit-animation-delay: 1s;
    animation: play .3s linear forwards;
    animation-delay: 1s
}

@-webkit-keyframes play {
    0% {
        opacity: 0
    }
    100% {
        opacity: .7
    }
}

@keyframes play {
    0% {
        opacity: 0
    }
    100% {
        opacity: .7
    }
}

.screen-4 .screen-4-content.active .zhengshuang {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.screen-4 .screen-4-content.active .zhengshuang-text {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.screen-4 .screen-4-content.active .guanzhudu {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.screen-4 .screen-4-content.active .small-pic.item-0 {
    -webkit-animation: sprite-0 .3s linear forwards;
    -webkit-animation-delay: .2s;
    animation: sprite-0 .3s linear forwards;
    animation-delay: .2s
}

@-webkit-keyframes sprite-0 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(790px, 40px, 0);
        transform: translate3d(790px, 40px, 0)
    }
}

@keyframes sprite-0 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(790px, 40px, 0);
        transform: translate3d(790px, 40px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-1 {
    -webkit-animation: sprite-1 .3s linear forwards;
    -webkit-animation-delay: .3s;
    animation: sprite-1 .3s linear forwards;
    animation-delay: .3s
}

@-webkit-keyframes sprite-1 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(635px, 110px, 0);
        transform: translate3d(635px, 110px, 0)
    }
}

@keyframes sprite-1 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(635px, 110px, 0);
        transform: translate3d(635px, 110px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-2 {
    -webkit-animation: sprite-2 .3s linear forwards;
    -webkit-animation-delay: .4s;
    animation: sprite-2 .3s linear forwards;
    animation-delay: .4s
}

@-webkit-keyframes sprite-2 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(840px, 260px, 0);
        transform: translate3d(840px, 260px, 0)
    }
}

@keyframes sprite-2 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(840px, 260px, 0);
        transform: translate3d(840px, 260px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-3 {
    -webkit-animation: sprite-3 .3s linear forwards;
    -webkit-animation-delay: .5s;
    animation: sprite-3 .3s linear forwards;
    animation-delay: .5s
}

@-webkit-keyframes sprite-3 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(660px, 353px, 0);
        transform: translate3d(660px, 353px, 0)
    }
}

@keyframes sprite-3 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(660px, 353px, 0);
        transform: translate3d(660px, 353px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-4 {
    -webkit-animation: sprite-4 .3s linear forwards;
    -webkit-animation-delay: .2s;
    animation: sprite-4 .3s linear forwards;
    animation-delay: .2s
}

@-webkit-keyframes sprite-4 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(195px, 60px, 0);
        transform: translate3d(195px, 60px, 0)
    }
}

@keyframes sprite-4 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(195px, 60px, 0);
        transform: translate3d(195px, 60px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-5 {
    -webkit-animation: sprite-5 .3s linear forwards;
    -webkit-animation-delay: .3s;
    animation: sprite-5 .3s linear forwards;
    animation-delay: .3s
}

@-webkit-keyframes sprite-5 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(50px, 130px, 0);
        transform: translate3d(50px, 130px, 0)
    }
}

@keyframes sprite-5 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(50px, 130px, 0);
        transform: translate3d(50px, 130px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-6 {
    -webkit-animation: sprite-6 .3s linear forwards;
    -webkit-animation-delay: .4s;
    animation: sprite-6 .3s linear forwards;
    animation-delay: .4s
}

@-webkit-keyframes sprite-6 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(230px, 290px, 0);
        transform: translate3d(230px, 290px, 0)
    }
}

@keyframes sprite-6 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(230px, 290px, 0);
        transform: translate3d(230px, 290px, 0)
    }
}

.screen-4 .screen-4-content.active .small-pic.item-7 {
    -webkit-animation: sprite-7 .3s linear forwards;
    -webkit-animation-delay: .5s;
    animation: sprite-7 .3s linear forwards;
    animation-delay: .5s
}

@-webkit-keyframes sprite-7 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(70px, 350px, 0);
        transform: translate3d(70px, 350px, 0)
    }
}

@keyframes sprite-7 {
    0% {
        -webkit-transform: translate3d(424px, 173px, 0);
        transform: translate3d(424px, 173px, 0)
    }
    100% {
        -webkit-transform: translate3d(70px, 350px, 0);
        transform: translate3d(70px, 350px, 0)
    }
}

.screen-5 {
}

.screen-5 .screen-5-container {
    position: absolute;
    width: 100%;
    height: 100%
}

.screen-5 .screen-5-container .slide-bg-container img {
    display: none;
    position: absolute
}

.screen-5 .screen-5-container .slide-bg-container img.active {
    display: block !important
}

.screen-5 .screen-5-container .lookforwards {
    width: 215px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -127px;
    margin-top: -300px;
    background-repeat: no-repeat;
}

.screen-5 .screen-5-container .screen-5-plus {
    width: 980px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -490px
}

.screen-5 .screen-5-container .screen-5-plus .plus-item {
    width: 87px;
    height: 83px;
    position: absolute;
    background-repeat: no-repeat;
}

.screen-5 .screen-5-container .screen-5-plus .plus-item.item-0 {
    left: 0;
    top: 0;
    -webkit-animation: scale 3s linear;
    -webkit-animation-iteration-count: infinite;
    animation: scale 3s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.screen-5 .screen-5-container .screen-5-plus .plus-item.item-1 {
    right: 90px;
    top: 60px;
    -webkit-animation: scale 4s linear;
    -webkit-animation-iteration-count: infinite;
    animation: scale 4s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

.screen-5 .screen-5-container .screen-5-plus .plus-item.item-2 {
    right: -60px;
    top: 250px;
    -webkit-animation: scale 5s linear;
    -webkit-animation-iteration-count: infinite;
    animation: scale 5s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    25% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    75% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    25% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
    75% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1)
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

.screen-5 .screen-5-container .screen-5-plus .plus-item.item-3 {
    left: 0;
    bottom: 10px;
    -webkit-animation: scale 6s linear;
    -webkit-animation-iteration-count: infinite;
    animation: scale 6s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.screen-5 .screen-5-container .screen-5-plus .plus-item.item-4 {
    right: 50px;
    bottom: 20px;
    -webkit-animation: scale 2s linear;
    -webkit-animation-iteration-count: infinite;
    animation: scale 2s linear;
    animation-iteration-count: infinite
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2)
    }
}

.screen-5 .slide {
    position: relative
}

.screen-5 .slide-content {
    position: absolute;
    width: 980px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -490px;
    margin-top: -230px
}

.screen-5 #slide1 .slide-content {
    background: url(../img/iknow-content_573b2ec.png) center center no-repeat
}

.screen-5 #slide2 .slide-content {
    background: url(../img/zuoyebang-content_549f55b.png) center center no-repeat
}

.screen-5 #slide3 .slide-content {
    background: url(../img/baby-content_6d3551b.png) center center no-repeat
}

.screen-5 #slide4 .slide-content {
    background: url(../img/muzhi-content_edc0d83.png) center center no-repeat
}

.parallax-viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.parallax-viewport .layer {
    position: absolute
}

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

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#parallax-1 {
    width: 2000px;
    height: 1500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1000px;
    margin-top: -750px
}

#parallax-1 .screen-1-parallax-layer-0 .layer-1-0 {
    width: 2000px;
    height: 1500px;
    background: transparent url(../img/screen-1-parallax-0_0f527b5.png) center center repeat
}

#parallax-1 .screen-1-parallax-layer-1 .layer-1-1 {
    width: 1448px;
    height: 844px;
    background: transparent url(../img/screen-1-parallax-1_5bae679.png) center center no-repeat;
    position: absolute;
    left: 276px;
    top: 326px
}

#parallax-1 .screen-1-parallax-layer-2 .layer-1-2 {
    width: 1309px;
    height: 934px;
    background: transparent url(../img/screen-1-parallax-2_8ff6abd.png) center center no-repeat;
    position: absolute;
    left: 345px;
    top: 283px
}

#parallax-1 .screen-1-parallax-layer-3 .layer-1-3 {
    width: 903px;
    height: 456px;
    background: transparent url(../img/screen-2-parallax-1_92705aa.png) center center no-repeat;
    position: absolute;
    left: 549px;
    top: 522px
}

#parallax-1 .screen-1-parallax-layer-0, #parallax-1 .screen-1-parallax-layer-1, #parallax-1 .screen-1-parallax-layer-2, #parallax-1 .screen-1-parallax-layer-3 {
    opacity: 0
}

.ie #parallax-1.active .screen-1-parallax-layer-0, .ie9 #parallax-1.active .screen-1-parallax-layer-0, .ie #parallax-1.active .screen-1-parallax-layer-1, .ie9 #parallax-1.active .screen-1-parallax-layer-1, .ie #parallax-1.active .screen-1-parallax-layer-2, .ie9 #parallax-1.active .screen-1-parallax-layer-2, .ie #parallax-1.active .screen-1-parallax-layer-3, .ie9 #parallax-1.active .screen-1-parallax-layer-3 {
    opacity: 1
}

#parallax-1.active .screen-1-parallax-layer-0, #parallax-1.active .screen-1-parallax-layer-1, #parallax-1.active .screen-1-parallax-layer-2, #parallax-1.active .screen-1-parallax-layer-3 {
    -webkit-animation: fadein .5s linear forwards;
    animation: fadein .5s linear forwards
}

#parallax-1.active .screen-1-parallax-layer-0 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

#parallax-1.active .screen-1-parallax-layer-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#parallax-1.active .screen-1-parallax-layer-2 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#parallax-1.active .screen-1-parallax-layer-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#parallax-2 {
    width: 1448px;
    height: 844px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -724px;
    margin-top: -422px
}

#parallax-2 .screen-2-parallax-layer-0 .layer-2-0 {
    width: 1448px;
    height: 844px;
    background: transparent url(../img/screen-1-parallax-1_5bae679.png) center center repeat
}

#parallax-2 .screen-2-parallax-layer-1 .layer-2-1 {
    width: 903px;
    height: 456px;
    background: transparent url(../img/screen-2-parallax-1_92705aa.png) center center no-repeat;
    position: absolute;
    left: 272px;
    top: 194px
}

#parallax-2 .screen-2-parallax-layer-0, #parallax-2 .screen-2-parallax-layer-1 {
    opacity: 0
}

.ie #parallax-2.active .screen-2-parallax-layer-0, .ie9 #parallax-2.active .screen-2-parallax-layer-0, .ie #parallax-2.active .screen-2-parallax-layer-1, .ie9 #parallax-2.active .screen-2-parallax-layer-1 {
    opacity: 1
}

#parallax-2.active .screen-2-parallax-layer-0, #parallax-2.active .screen-2-parallax-layer-1 {
    -webkit-animation: fadein .5s linear forwards;
    animation: fadein .5s linear forwards
}

#parallax-2.active .screen-2-parallax-layer-0 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#parallax-2.active .screen-2-parallax-layer-1 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#parallax-4 {
    width: 1448px;
    height: 844px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -724px;
    margin-top: -422px
}

#parallax-4 .screen-4-parallax-layer-0 .layer-4-0 {
    width: 1401px;
    height: 817px;
    background: transparent url(../img/screen-4-parallax-0_d28e9f3.png) center bottom no-repeat;
    position: absolute;
    left: 24px;
    top: 13px
}

#parallax-4 .screen-4-parallax-layer-1 .layer-4-1 {
    width: 1448px;
    height: 844px;
    background: transparent url(../img/screen-1-parallax-1_5bae679.png) center center no-repeat
}

#parallax-4 .screen-4-parallax-layer-2 .layer-4-2 {
    width: 903px;
    height: 456px;
    background: transparent url(../img/screen-2-parallax-1_92705aa.png) center center no-repeat;
    position: absolute;
    left: 272px;
    top: 194px
}

#parallax-4 .screen-4-parallax-layer-0, #parallax-4 .screen-4-parallax-layer-1, #parallax-4 .screen-4-parallax-layer-2 {
    opacity: 0
}

.ie #parallax-4.active .screen-4-parallax-layer-0, .ie9 #parallax-4.active .screen-4-parallax-layer-0, .ie #parallax-4.active .screen-4-parallax-layer-1, .ie9 #parallax-4.active .screen-4-parallax-layer-1, .ie #parallax-4.active .screen-4-parallax-layer-2, .ie9 #parallax-4.active .screen-4-parallax-layer-2 {
    opacity: 1
}

#parallax-4.active .screen-4-parallax-layer-0, #parallax-4.active .screen-4-parallax-layer-1, #parallax-4.active .screen-4-parallax-layer-2 {
    -webkit-animation: fadein .5s linear forwards;
    animation: fadein .5s linear forwards
}

#parallax-4.active .screen-4-parallax-layer-0 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

#parallax-4.active .screen-4-parallax-layer-1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#parallax-4.active .screen-4-parallax-layer-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.vedio-dialog-box .ui-dialog-content {
    background-position: 0px 0px
}

.screen-1 .screen-1-content .screen-1-content-triangle {
    background-position: -830px 0px
}

.screen-1 .screen-1-content .screen-1-content-wrap {
    background-position: 0px -512px
}

.screen-4 .screen-4-content .content-bg .trangle {
    background-position: -458px -512px
}

.screen-4 .screen-4-content .content-info .large-pic {
    background-position: -921px -512px
}

.screen-4 .screen-4-content .content-bg .circle-1 {
    background-position: 0px -970px
}

.screen-1 .screen-1-content .screen-1-content-txt {
    background-position: -285px -970px
}

.screen-4 .screen-4-content .content-bg .circle-0 {
    background-position: -535px -970px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1 {
    background-position: -792px -970px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2015 {
    background-position: -1388px 0px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0 {
    background-position: 0px -1255px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2013 {
    background-position: -447px -1255px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2005 {
    background-position: -869px -1255px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2006 {
    background-position: -1388px -170px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2007 {
    background-position: -1388px -340px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0 {
    background-position: -1388px -510px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1 {
    background-position: -1316px -1255px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2009 {
    background-position: -1388px -680px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2010 {
    background-position: -1388px -850px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2011 {
    background-position: 0px -1425px
}

.screen-2 .screen-2-content .ball-outer .dot .card.card-2012 {
    background-position: -460px -1425px
}

.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line {
    background-position: -1388px -1020px
}

.screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date {
    background-position: -1542px -1020px
}

.screen-4 .screen-4-content .content-info .small-pic.item-0 {
    background-position: -1202px -970px
}

.screen-4 .screen-4-content .content-info .small-pic.item-1 {
    background-position: -895px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-3 {
    background-position: -1023px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-2 {
    background-position: -1151px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-4 {
    background-position: -1279px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-6 {
    background-position: -1405px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-7 {
    background-position: -1531px -1425px
}

.screen-4 .screen-4-content .content-info .small-pic.item-5 {
    background-position: -1657px -1425px
}

.screen-1 .screen-1-content .screen-1-content-lingxing {
    background-position: -1676px -1020px
}

.screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2 {
    background-position: 0px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7 {
    background-position: -204px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4 {
    background-position: -326px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1 {
    background-position: -439px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5 {
    background-position: -550px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0 {
    background-position: -663px -1595px
}

.screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3 {
    background-position: -1278px -512px
}

.screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6 {
    background-position: -1278px -601px
}

.screen-1 .screen-1-content .screen-1-content-year {
    background-position: -799px -1595px
}

.screen-5 .screen-5-container .screen-5-plus .plus-item {
    background-position: -1278px -689px
}

.screen-3 .screen-3-content .little-wgt .wgt-1 {
    background-position: -1388px -1174px
}

.screen-3 .screen-3-content .little-wgt .wgt-0 {
    background-position: -1473px -1174px
}

.screen-4 .screen-4-content .content-info .large-pic .play {
    background-position: -1556px -1174px
}

.screen-4 .screen-4-content .content-info .zhengshuang-text {
    background-position: -792px -1140px
}

.load-cover .loading-icon {
    background-position: -1622px -1174px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1 {
    background-position: -1704px -1174px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2012 {
    background-position: -1278px -777px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2005 {
    background-position: -458px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2015 {
    background-position: -549px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1 {
    background-position: -626px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0 {
    background-position: -716px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2013 {
    background-position: -807px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2009 {
    background-position: -875px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2011 {
    background-position: -945px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2010 {
    background-position: -1035px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2006 {
    background-position: -1147px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0 {
    background-position: -1237px -913px
}

.screen-2 .screen-2-content .ball-outer .dot .text.y-2007 {
    background-position: -983px -1140px
}

.screen-2 .screen-2-content .overview-text {
    background-position: -1074px -1140px
}

.screen-4 .screen-4-content .content-info .star-ten-year {
    background-position: -1062px -1595px
}

.screen-5 .screen-5-container .lookforwards {
    background-position: -1282px -1595px
}

.screen-2 .screen-2-content .overview-button {
    background-position: -921px -869px
}

.screen-4 .screen-4-content .content-info .zhengshuang {
    background-position: -1278px -827px
}

.screen-3 .screen-3-content .little-wgt .wgt-2 {
    background-position: -1760px -850px
}

.screen-3 .screen-3-content .little-wgt .wgt-3 {
    background-position: -1760px -887px
}

.nav a i {
    background-position: -1777px -170px
}

.load-cover .loading-text {
    background-position: -1542px -1154px
}

.vedio-dialog-box .ui-dialog-content, .screen-1 .screen-1-content .screen-1-content-triangle, .screen-1 .screen-1-content .screen-1-content-wrap, .screen-4 .screen-4-content .content-bg .trangle, .screen-4 .screen-4-content .content-info .large-pic, .screen-4 .screen-4-content .content-bg .circle-1, .screen-1 .screen-1-content .screen-1-content-txt, .screen-4 .screen-4-content .content-bg .circle-0, .screen-2 .screen-2-content .ball-outer .dot .card.card-2014-1, .screen-2 .screen-2-content .ball-outer .dot .card.card-2015, .screen-2 .screen-2-content .ball-outer .dot .card.card-2014-0, .screen-2 .screen-2-content .ball-outer .dot .card.card-2013, .screen-2 .screen-2-content .ball-outer .dot .card.card-2005, .screen-2 .screen-2-content .ball-outer .dot .card.card-2006, .screen-2 .screen-2-content .ball-outer .dot .card.card-2007, .screen-2 .screen-2-content .ball-outer .dot .card.card-2008-0, .screen-2 .screen-2-content .ball-outer .dot .card.card-2008-1, .screen-2 .screen-2-content .ball-outer .dot .card.card-2009, .screen-2 .screen-2-content .ball-outer .dot .card.card-2010, .screen-2 .screen-2-content .ball-outer .dot .card.card-2011, .screen-2 .screen-2-content .ball-outer .dot .card.card-2012, .screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-line, .screen-1 .screen-1-content .screen-1-content-top .screen-1-content-top-date, .screen-4 .screen-4-content .content-info .small-pic.item-0, .screen-4 .screen-4-content .content-info .small-pic.item-1, .screen-4 .screen-4-content .content-info .small-pic.item-3, .screen-4 .screen-4-content .content-info .small-pic.item-2, .screen-4 .screen-4-content .content-info .small-pic.item-4, .screen-4 .screen-4-content .content-info .small-pic.item-6, .screen-4 .screen-4-content .content-info .small-pic.item-7 {
    background-image: url(../img/aio_z_3b5a56c.png)
}

.screen-4 .screen-4-content .content-info .small-pic.item-5, .screen-1 .screen-1-content .screen-1-content-lingxing, .screen-4 .screen-4-content .content-info .small-pic.item-2 .text-2, .screen-4 .screen-4-content .content-info .small-pic.item-7 .text-7, .screen-4 .screen-4-content .content-info .small-pic.item-4 .text-4, .screen-4 .screen-4-content .content-info .small-pic.item-1 .text-1, .screen-4 .screen-4-content .content-info .small-pic.item-5 .text-5, .screen-4 .screen-4-content .content-info .small-pic.item-0 .text-0, .screen-4 .screen-4-content .content-info .small-pic.item-3 .text-3, .screen-4 .screen-4-content .content-info .small-pic.item-6 .text-6, .screen-1 .screen-1-content .screen-1-content-year, .screen-5 .screen-5-container .screen-5-plus .plus-item, .screen-3 .screen-3-content .little-wgt .wgt-1, .screen-3 .screen-3-content .little-wgt .wgt-0, .screen-4 .screen-4-content .content-info .large-pic .play, .screen-4 .screen-4-content .content-info .zhengshuang-text, .load-cover .loading-icon, .screen-2 .screen-2-content .ball-outer .dot .text.y-2008-1, .screen-2 .screen-2-content .ball-outer .dot .text.y-2012, .screen-2 .screen-2-content .ball-outer .dot .text.y-2005, .screen-2 .screen-2-content .ball-outer .dot .text.y-2015, .screen-2 .screen-2-content .ball-outer .dot .text.y-2014-1, .screen-2 .screen-2-content .ball-outer .dot .text.y-2014-0, .screen-2 .screen-2-content .ball-outer .dot .text.y-2013, .screen-2 .screen-2-content .ball-outer .dot .text.y-2009, .screen-2 .screen-2-content .ball-outer .dot .text.y-2011, .screen-2 .screen-2-content .ball-outer .dot .text.y-2010, .screen-2 .screen-2-content .ball-outer .dot .text.y-2006, .screen-2 .screen-2-content .ball-outer .dot .text.y-2008-0, .screen-2 .screen-2-content .ball-outer .dot .text.y-2007 {
    background-image: url(../img/aio_z_3b5a56c.png)
}

.screen-2 .screen-2-content .overview-text, .screen-4 .screen-4-content .content-info .star-ten-year, .screen-5 .screen-5-container .lookforwards, .screen-2 .screen-2-content .overview-button, .screen-4 .screen-4-content .content-info .zhengshuang, .screen-3 .screen-3-content .little-wgt .wgt-2, .screen-3 .screen-3-content .little-wgt .wgt-3, .nav a i, .load-cover .loading-text {
    background-image: url(../img/aio_z_3b5a56c.png)
}