/*# sourceURL=/templates/css/css/animate.css */
/*@ sourceURL=/templates/css/css/animate.css */
.move0,.move1,.move2,.move3,.move4,.move5,.move6,.move7,.move8,.move9,.move10,.move11,.move12{
    opacity: 0;
}
.anm1,.anm2,.anm3,.anm4,.anm5,.anm6,.anm7,.anm8,.anm9,.anm10,
.anm11,.anm12,.anm13,.anm14{
    opacity: 0;
}
.textUp{
    animation:moveUp 1s ease;
    animation-fill-mode: both;
}
.textLeft7{
    animation: moveLeft7 0.7s ease;
    animation-fill-mode: both;
}
.textUpL{
    animation:moveUpL 1.5s ease;
    animation-fill-mode: both;
}
.textUp2{
    animation:moveUp 2s ease;
    animation-fill-mode: both;
}
.showBox{
    animation: showLoad 1.5s ease;
    animation-fill-mode: both;
}
.hideBox{
    animation: hideLoad 1.5s ease;
    animation-fill-mode: both;
}
.textDown{
    animation: moveDown 1s ease;
    animation-fill-mode: both;
}
.textDown2{
    animation: moveDown 1s ease;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay:0.2s;animation-delay: 0.2s;
    animation-fill-mode: both;
}
.textDown3{
    animation: moveDown 1s ease;-webkit-animation-delay:0.4s;-moz-animation-delay: 0.4s;-o-animation-delay:0.4s;animation-delay:0.4s;
    animation-fill-mode: both;
}
.textDown4{
    animation: moveDown 1s ease;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;
    animation-fill-mode: both;
}
.textDown5{
    animation: moveDown 1s ease;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;animation-delay:0.8s;
    animation-fill-mode: both;
}
.textDown6{
    animation: moveDown 1s ease;-webkit-animation-delay:1s;-moz-animation-delay: 1s;-o-animation-delay:1s;animation-delay:1s;
    animation-fill-mode: both;
}
.textDown7{
    animation: moveDown 1s ease;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay: 1.2s;animation-delay:1.2s;
    animation-fill-mode: both;
}
.textLeft{
    animation: moveLeft 1.5s ease;
    animation-fill-mode: both;
}
.textRight{
    animation: moveRight 2s ease;
    animation-fill-mode: both;
}
.textLeftL{
    animation: moveLeftL 2s ease;
    animation-fill-mode: both;
}
.textLeftLL{
    animation: moveLeftLL 2s ease;
    animation-fill-mode: both;
}
.textLeftLS{
    animation: moveLeftL 1s ease;
    animation-fill-mode: both;
}
.textRightL4{
    animation: moveRightL 5s ease;
    animation-fill-mode: both;
}
.textRightL3{
    animation: moveRightL 4s ease;
    animation-fill-mode: both;
}
.textRightL2{
    animation: moveRightL 3s ease;
    animation-fill-mode: both;
}
.textRightL{
    animation: moveRightL 2s ease;
    animation-fill-mode: both;
}
.textRightLS{
    animation: moveRightL 1s ease;
    animation-fill-mode: both;
}
.textShow{
    animation: opacityShow 1s ease;
    animation-fill-mode: both;
}
.scaleImg{
    animation: scaleImg 0.7s ease;
    animation-fill-mode: both;
}
@keyframes scaleImg{
    0%{opacity: 0;transform: scale(0.7)}
    100%{opacity:1;transform: scale(1)}
}
@-o-keyframes scaleImg{
    0%{opacity: 0;transform: scale(0.7)}
    100%{opacity:1;transform: scale(1)}
}
@-webkit-keyframes scaleImg{
    0%{opacity: 0;transform: scale(0.7)}
    100%{opacity:1;transform: scale(1)}
}


.scaleImg2{
    animation: scaleImg2 0.7s ease;
    animation-fill-mode: both;
}
@keyframes scaleImg2{
    0%{opacity: 0;transform: scale(1.1)}
    100%{opacity:1;transform: scale(1)}
}
@-o-keyframes scaleImg2{
    0%{opacity: 0;transform: scale(1.1)}
    100%{opacity:1;transform: scale(1)}
}
@-webkit-keyframes scaleImg2{
    0%{opacity: 0;transform: scale(1.1)}
    100%{opacity:1;transform: scale(1)}
}



.delay1s{
    transition-delay: 1s;
    -moz-transition-delay: 1s; /* Firefox 4 */
    -webkit-transition-delay: 1s; /* Safari 和 Chrome */
    -o-transition-delay: 1s; /* Opera */
    animation-fill-mode: both;
}
.delay2s{
    transition-delay: 2s;
    -moz-transition-delay: 2s; /* Firefox 4 */
    -webkit-transition-delay: 2s; /* Safari 和 Chrome */
    -o-transition-delay: 2s; /* Opera */
    animation-fill-mode: both;
}
.delay3s{
    transition-delay: 3s;
    -moz-transition-delay: 3s; /* Firefox 4 */
    -webkit-transition-delay: 3s; /* Safari 和 Chrome */
    -o-transition-delay: 3s; /* Opera */
    animation-fill-mode: both;
}
.delay4s{
    transition-delay: 4s;
    -moz-transition-delay: 4s; /* Firefox 4 */
    -webkit-transition-delay: 4s; /* Safari 和 Chrome */
    -o-transition-delay: 4s; /* Opera */
    animation-fill-mode: both;
}
.delay5s{
    transition-delay: 5s;
    -moz-transition-delay: 5s; /* Firefox 4 */
    -webkit-transition-delay: 5s; /* Safari 和 Chrome */
    -o-transition-delay: 5s; /* Opera */
    animation-fill-mode: both;
}
.delay6s{
    transition-delay: 6s;
    -moz-transition-delay: 6s; /* Firefox 4 */
    -webkit-transition-delay: 6s; /* Safari 和 Chrome */
    -o-transition-delay: 6s; /* Opera */
    animation-fill-mode: both;
}
@keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-o-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-moz-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-webkit-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0vw);opacity: 1;}
}
@-webkit-keyframes moveUp{
    0% {transform: translateY(15px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes moveUpL{
    0% {transform: translateY(51px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUpL{
    0% {transform: translateY(51px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUpL{
    0% {transform: translateY(51px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes moveUpL{
    0% {transform: translateY(51px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@keyframes moveDown{
    0% {transform: translateY(-150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveDown{
    0% {transform: translateY(-150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveDown{
    0% {transform: translateY(-150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes moveDown{
    0% {transform: translateY(-150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
  
@keyframes opacityShow{
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}
@-o-keyframes opacityShow{
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}
@-moz-keyframes opacityShow{
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}
@-webkit-keyframes opacityShow{
    0% {opacity: 0.1;}
    100% {opacity: 1;}
}

@keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}

@-webkit-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes moveLeft7{
    0% {transform: translateX(50px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveLeft7{
    0% {transform: translateX(50px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveLeft7{
    0% {transform: translateX(50px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}

@-webkit-keyframes moveLeft7{
    0% {transform: translateX(50px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes moveLeftL{
    0% {transform: translateX(150px);opacity: 0;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveLeftL{
    0% {transform: translateX(150px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveLeftL{
    0% {transform: translateX(150px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes moveLeftL{
    0% {transform: translateX(150px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}

@keyframes moveUps{
    0% {transform: translateY(100px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUps{
    0% {transform: translateY(100px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUps{
    0% {transform: translateY(100px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes moveUps{
    0% {transform: translateY(100px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}



@keyframes moveUpsL{
    0% {transform: translateY(150px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-o-keyframes moveUpsL{
    0% {transform: translateY(150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes moveUpsL{
    0% {transform: translateY(150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes moveUpsL{
    0% {transform: translateY(150px);opacity: 0.1;}
    100% {transform: translateY(0px);opacity: 1;}
}



@keyframes moveUpsL22{
    0% {transform: translateY(150px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 0.15;}
}
@-o-keyframes moveUpsL22{
    0% {transform: translateY(150px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 0.15;}
}
@-moz-keyframes moveUpsL22{
    0% {transform: translateY(150px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 0.15;}
}
@-webkit-keyframes moveUpsL22{
    0% {transform: translateY(150px);opacity: 0;}
    100% {transform: translateY(0px);opacity: 0.15;}
}



@keyframes moveLeftLL{
    0% {transform: translateX(150px) scale(1);opacity: 0.1;}
    100% {transform: translateX(0px) scale(1.2);opacity: 1;}
}
@-o-keyframes moveLeftLL{
    0% {transform: translateX(150px) scale(1);opacity: 0.1;}
    100% {transform: translateX(0px) scale(1.2);opacity: 1;}
}
@-moz-keyframes moveLeftLL{
    0% {transform: translateX(150px) scale(1);opacity: 0.1;}
    100% {transform: translateX(0px) scale(1.2);opacity: 1;}
}
@-webkit-keyframes moveLeftLL{
    0% {transform: translateX(150px) scale(1);opacity: 0.1;}
    100% {transform: translateX(0px) scale(1.2);opacity: 1;}
}

@keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes moveRightL{
    0% {transform: translateX(-150px);opacity: 0;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveRightL{
    0% {transform: translateX(-150px);opacity: 0;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveRightL{
    0% {transform: translateX(-150px);opacity: 0;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes moveRightL{
    0% {transform: translateX(-150px);opacity: 0;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}

@keyframes showLoad{
    0% {opacity: 0.3;}
    100% {opacity: 1;}
}
@-o-keyframes showLoad{
    0% {opacity: 0.3;}
    100% {opacity: 1;}
}
@-moz-keyframes showLoad{
    0% {opacity: 0.3;}
    100% {opacity: 1;}
}
@-webkit-keyframes showLoad{
    0% {opacity: 0.3;}
    100% {opacity: 1;}
}
@keyframes hideLoad{
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-o-keyframes hideLoad{
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-moz-keyframes hideLoad{
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@-webkit-keyframes hideLoad{
    0% {opacity: 1;}
    100% {opacity: 0.1;}
}
@keyframes moveUpDown{
    0% {transform: translateY(0px);opacity: 0.1;}
    50% {transform: translateY(15px);opacity: 1;}
    100% {transform: translateY(0px);opacity: 0.1;}
}
@-o-keyframes moveUpDown{
    0% {transform: translateY(0px);opacity: 0.1;}
    50% {transform: translateY(15px);opacity: 1;}
    100% {transform: translateY(0px);opacity: 0.1;}
}
@-moz-keyframes moveUpDown{
    0% {transform: translateY(0px);opacity: 0.1;}
    50% {transform: translateY(15px);opacity: 1;}
    100% {transform: translateY(0px);opacity: 0.1;}
}
@-webkit-keyframes moveUpDown{
    0% {transform: translateY(0px);opacity: 0.1;}
    50% {transform: translateY(15px);opacity: 1;}
    100% {transform: translateY(0px);opacity: 0.1;}
}
.screen .bg{
    opacity: 0;
    left: 0;
    top:0;
    position: absolute;
    opacity: 0;
    display: none;
}
.screen .bg:nth-child(1){
    opacity: 1;
    display: block;
}