html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}
body{
margin:0;
font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}
audio,canvas,progress,video{
display:inline-block;
vertical-align:baseline
}
audio:not([controls]){
display:none;
height:0
}
[hidden],template{
display:none
}
a{
background:0 0
}
a:active,a:hover{
outline:0
}
abbr[title]{
border-bottom:1px dotted
}
b,strong{
font-weight:700
}
dfn{
font-style:italic
}
h1{
font-size:2em;
margin:.67em 0
}
mark{
background:#ff0;
color:#000
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup{
top:-.5em
}
sub{
bottom:-.25em
}
img{
border:0
}
svg:not(:root){
overflow:hidden
}
figure{
margin:1em 40px
}
hr{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}
pre{
overflow:auto
}
code,kbd,pre,samp{
font-family:monospace,monospace;
font-size:1em
}
button,input,optgroup,select,textarea{
color:inherit;
font:inherit;
margin:0
}
button{
overflow:visible
}
button,select{
text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
-webkit-appearance:button;
cursor:pointer
}
button[disabled],html input[disabled]{
cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
border:0;
padding:0
}
input{
line-height:normal
}
input[type=checkbox],input[type=radio]{
box-sizing:border-box;
padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
height:auto
}
input[type=search]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}
fieldset{
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
legend{
border:0;
padding:0
}
textarea{
overflow:auto
}
optgroup{
font-weight:700
}
table{
border-collapse:collapse;
border-spacing:0
}
td,th{
padding:0
}
@-webkit-keyframes loading{
from{
-webkit-transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg)
}
}
@keyframes loading{
from{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes speedInLeft{
0%{
-webkit-transform:translate3d(-100%,0,0) skewX(15deg);
opacity:0
}
60%{
-webkit-transform:skewX(-5deg);
opacity:1
}
80%{
-webkit-transform:skewX(5deg);
opacity:1
}
100%{
-webkit-transform:none;
opacity:1
}
}
@keyframes speedInLeft{
0%{
-webkit-transform:translate3d(-100%,0,0) skewX(15deg);
transform:translate3d(-100%,0,0) skewX(15deg);
opacity:0
}
60%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
80%{
-webkit-transform:skewX(5deg);
transform:skewX(5deg);
opacity:1
}
100%{
-webkit-transform:none;
transform:none;
opacity:1
}
}
@-webkit-keyframes speedInRight{
0%{
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
opacity:0
}
60%{
-webkit-transform:skewX(20deg);
opacity:1
}
80%{
-webkit-transform:skewX(-5deg);
opacity:1
}
100%{
-webkit-transform:none;
opacity:1
}
}
@keyframes speedInRight{
0%{
-webkit-transform:translate3d(100%,0,0) skewX(-30deg);
transform:translate3d(100%,0,0) skewX(-30deg);
opacity:0
}
60%{
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80%{
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100%{
-webkit-transform:none;
transform:none;
opacity:1
}
}
@-webkit-keyframes carIn{
0%{
-webkit-transform:translate3d(50%,-120%,0)
}
100%{
-webkit-transform:translate3d(0%,0,0);
-webkit-transition:all 1s ease
}
}
@keyframes carIn{
0%{
-webkit-transform:translate3d(50%,-120%,0);
transform:translate3d(50%,-120%,0)
}
100%{
-webkit-transform:translate3d(0%,0,0);
transform:translate3d(0%,0,0);
-webkit-transition:all 1s ease;
transition:all 1s ease
}
}
@-webkit-keyframes bounceInOut{
0%,20%{
opacity:0;
-webkit-transform:translate(0,10px)
}
60%{
opacity:1;
-webkit-transform:translate(0,0)
}
100%{
opacity:0;
-webkit-transform:translate(0,-8px)
}
}
@keyframes bounceInOut{
0%,20%{
opacity:0;
-webkit-transform:translate(0,10px);
transform:translate(0,10px)
}
60%{
opacity:1;
-webkit-transform:translate(0,0);
transform:translate(0,0)
}
100%{
opacity:0;
-webkit-transform:translate(0,-8px);
transform:translate(0,-8px)
}
}
@-webkit-keyframes bounce{
0%,100%,20%,53%,80%{
-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0)
}
40%,43%{
-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
-webkit-transform:translate3d(0,-10px,0)
}
70%{
-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
-webkit-transform:translate3d(0,-5px,0)
}
90%{
-webkit-transform:translate3d(0,-2px,0)
}
}
@keyframes bounce{
0%,100%,20%,53%,80%{
-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
transition-timing-function:cubic-bezier(0.215,.61,.355,1);
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
40%,43%{
-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
-webkit-transform:translate3d(0,-10px,0);
transform:translate3d(0,-10px,0)
}
70%{
-webkit-transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
transition-timing-function:cubic-bezier(0.755,.05,.855,.06);
-webkit-transform:translate3d(0,-5px,0);
transform:translate3d(0,-5px,0)
}
90%{
-webkit-transform:translate3d(0,-2px,0);
transform:translate3d(0,-2px,0)
}
}
@-webkit-keyframes arrowLeft{
0%,20%{
-webkit-transform:translate3d(0px,0,0)
}
35%{
-webkit-transform:translate3d(10px,0,0)
}
50%{
-webkit-transform:translate3d(-15px,0,0)
}
65%{
-webkit-transform:translate3d(0px,0,0)
}
80%{
-webkit-transform:translate3d(-10px,0,0)
}
}
@keyframes arrowLeft{
0%,20%{
-webkit-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0)
}
35%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
50%{
-webkit-transform:translate3d(-15px,0,0);
transform:translate3d(-15px,0,0)
}
65%{
-webkit-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0)
}
80%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
}
@-webkit-keyframes arrowRight{
0%,20%{
-webkit-transform:translate3d(0px,0,0)
}
35%{
-webkit-transform:translate3d(-10px,0,0)
}
50%{
-webkit-transform:translate3d(15px,0,0)
}
65%{
-webkit-transform:translate3d(0px,0,0)
}
80%{
-webkit-transform:translate3d(10px,0,0)
}
}
@keyframes arrowRight{
0%,20%{
-webkit-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0)
}
35%{
-webkit-transform:translate3d(-10px,0,0);
transform:translate3d(-10px,0,0)
}
50%{
-webkit-transform:translate3d(15px,0,0);
transform:translate3d(15px,0,0)
}
65%{
-webkit-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0)
}
80%{
-webkit-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0)
}
}
@-webkit-keyframes bounceDown{
0%{opacity:1;
-webkit-transform:translateY(-20%)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes bounceDown{
0%{opacity:1;
-webkit-transform:translateY(-20%)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes bounceUp{
0%{opacity:1;
-webkit-transform:translateY(100%)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@keyframes bounceUp{
0%{opacity:1;
-webkit-transform:translateY(100%)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-webkit-keyframes bounceRight{
0%{opacity:1;
-webkit-transform:translateX(100%)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes bounceRight{
0%{opacity:1;
-webkit-transform:translateX(100%)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-webkit-keyframes bounceLeft{
0%{opacity:1;
-webkit-transform:translateX(-300%)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@keyframes bounceLeft{
0%{opacity:1;
-webkit-transform:translateX(-300%)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-webkit-keyframes height{
0%{
height:0;
opacity:1;
}
100%{
height:100%
opacity:1;
}
}
@keyframes height{
0%{
height:0;
opacity:1;
}
100%{
height:100%
opacity:1;
}
}
@-webkit-keyframes pulse{
0%{
-webkit-transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.1,1.1,1.1)
}
100%{
-webkit-transform:scale3d(1,1,1)
}
}
@keyframes pulse{
0%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
50%{
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
100%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
}
@-webkit-keyframes zoomIn{
0%{
opacity:0;
-webkit-transform:scale3d(0.3,.3,.3)
}
50%{
opacity:1
}
}
@keyframes zoomIn{
0%{
opacity:0;
-webkit-transform:scale3d(0.3,.3,.3);
transform:scale3d(0.3,.3,.3)
}
50%{
opacity:1
}
}
@-webkit-keyframes zoom{
0%{
-webkit-transform:scale3d(1,1,1)
}
100%{
-webkit-transform:scale3d(1.1,1.1,1.1)
}
}
@keyframes zoom{
0%{
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1)
}
100%{
-webkit-transform:scale3d(1.1,1.1,1.1);
transform:scale3d(1.1,1.1,1.1)
}
}
@-webkit-keyframes fadeIn{
0%{
opacity:0
}
100%{
opacity:1
}
}
@keyframes fadeIn{
0%{
opacity:0
}
100%{
opacity:1
}
}
@-webkit-keyframes fadeToLeft{
0%{
-webkit-transform:translate3d(0,0,0)
}
100%{
-webkit-transform:translate3d(-100%,0,0);
opacity:0
}
}
@keyframes fadeToLeft{
0%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
100%{
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0);
opacity:0
}
}
@-webkit-keyframes fadeToRight{
0%{
-webkit-transform:translate3d(0,0,0)
}
100%{
-webkit-transform:translate3d(100%,0,0);
opacity:0
}
}
@keyframes fadeToRight{
0%{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
100%{
-webkit-transform:translate3d(100%,0,0);
transform:translate3d(100%,0,0);
opacity:0
}
}
@-webkit-keyframes flash6{
0%{
background-color:rgba(102,129,144,.2)
}
100%{
background-color:rgba(102,129,144,0)
}
}
@keyframes flash6{
0%{
background-color:rgba(102,129,144,.2)
}
100%{
background-color:rgba(102,129,144,0)
}
}
@-webkit-keyframes flash8{
0%{
background-color:rgba(102,129,144,.4)
}
100%{
background-color:rgba(102,129,144,0)
}
}
@keyframes flash8{
0%{
background-color:rgba(102,129,144,.4)
}
100%{
background-color:rgba(102,129,144,0)
}
}
@-webkit-keyframes flash10{
0%{
background-color:rgba(102,129,144,.6)
}
100%{
background-color:rgba(102,129,144,.2)
}
}
@keyframes flash10{
0%{
background-color:rgba(102,129,144,.6)
}
100%{
background-color:rgba(102,129,144,.2)
}
}
@-webkit-keyframes flashL6{
0%{
background-color:rgba(255,255,255,.2)
}
100%{
background-color:rgba(255,255,255,0)
}
}
@keyframes flashL6{
0%{
background-color:rgba(255,255,255,.2)
}
100%{
background-color:rgba(255,255,255,0)
}
}
@-webkit-keyframes flashL8{
0%{
background-color:rgba(255,255,255,.4)
}
100%{
background-color:rgba(255,255,255,0)
}
}
@keyframes flashL8{
0%{
background-color:rgba(255,255,255,.4)
}
100%{
background-color:rgba(255,255,255,0)
}
}
@-webkit-keyframes flashL10{
0%{
background-color:rgba(255,255,255,.6)
}
100%{
background-color:rgba(255,255,255,.2)
}
}
@keyframes flashL10{
0%{
background-color:rgba(255,255,255,.6)
}
100%{
background-color:rgba(255,255,255,.2)
}
}
@-webkit-keyframes rotate{
0%{
-webkit-transform:rotateZ(0deg)
}
100%{
-webkit-transform:rotateZ(360deg)
}
}
@keyframes rotate{
0%{
-webkit-transform:rotateZ(0deg);
transform:rotateZ(0deg)
}
100%{
-webkit-transform:rotateZ(360deg);
transform:rotateZ(360deg)
}
}
/*加载中...*/
.m-spinner{
display:inline-block;
position:absolute;
z-index:1000;
top:30%;
left:50%;
margin-left:-100px;
text-align:center;
width:200px;
}
/*.m-spinner--loading{
-webkit-animation:loading 2s linear infinite;
animation:loading 2s linear infinite
}
.m-spinner--loading img{
padding:18px;
height:80px;
width:80px;
vertical-align:top
}*/
.hide,.none{
display:none!important
}
.hidden{
visibility:hidden
}
body{
line-height:1.5;
-webkit-font-smoothing:antialiased;
background-color:#fff;
font-size:1.5rem;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none
}
body,html{
height:100%;
overflow:hidden
}
/*滑动提示*/
.guide-arrow{
position:fixed;
bottom:1.875rem;
left:50%;
margin-left:-19px;
background:url(../img/sprite.png?ver=1414999897679) -60px 0 no-repeat;
width:38px;
height:48px;
-webkit-animation:bounceInOut 1.5s ease-in-out infinite;
animation:bounceInOut 1.5s ease-in-out infinite;
z-index:10
}
#main{
position:relative;
width:640px;
height:100%;
overflow:hidden;
margin:0 auto
}
.swiper-container{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
height:100%;
overflow:hidden;
-webkit-perspective:2000px;
perspective:2000px
}
.swiper-container .back{
position:absolute;
z-index:100;
left:30px;
top:30px;
width:120px;
height:60px
}
.swiper-container .back .arrow{
background-image:url(../img/sprite.png?ver=1414999897679);
background-position:-104px 0;
width:23px;
height:34px;
display:block
}
.swiper-container>.swiper-wrapper{
height:100%
}
.swiper-container>.swiper-wrapper>.swiper-slide{
display:none;
position:absolute;
top:0;
left:0;
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
width:100%;
height:100%
}
.swiper-container>.swiper-wrapper>.swiper-slide .inner{
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
overflow:hidden;
position:relative
}
.swiper-container>.swiper-wrapper>.swiper-slide.current{
z-index:8;
display:block
}
.swiper-container>.swiper-wrapper>.swiper-slide.active{
z-index:9;
display:block
}
.txt-show{opacity:0;-webkit-animation:txtShow 2s ease-out forwards}
@-webkit-keyframes txtShow{
0%{
opacity:0;
}
100%{
opacity:1;
}
}
/*page-0，封面*/
.page-0 .animate:nth-child(3){
top:1.6%;
width:100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: fadeInTxt;
animation-name: fadeInTxt;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
}
/*星星闪动*/
.animated {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.fadeInTxt{-webkit-animation-name: fadeInTxt;animation-name: fadeInTxt;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes fadeInTxt {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*page-1，第一页*/
.page-1 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-1 .animate:nth-child(2){
top:22.08%;
width:47.34%;
left:26.33%;
}
.page-1 .animate:nth-child(3){
top:50.52%;
width:32.81%;
left:33.595%;
}
/*page-2，第二页*/
.page-2 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-2 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-2 .animate:nth-child(3){
top:68.75%;
width:83.125%;
left:8.4375%;
}
/*page-3，第三页*/
.page-3 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-3 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-3 .animate:nth-child(3){
top:62.19%;
width:37.66%;
left:53.91%;
}
.page-3 .animate:nth-child(4){
top:77.19%;
width:82.81%;
left:8.595%;
}
/*page-4，第四页*/
.page-4 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-4 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-4 .animate:nth-child(3){
top:62.19%;
width:37.66%;
left:53.91%;
}
.page-4 .animate:nth-child(4){
top:77.19%;
width:82.81%;
left:8.595%;
}
/*page-5，第五页*/
.page-5 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-5 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-5 .animate:nth-child(3){
top:62.19%;
width:37.66%;
left:53.91%;
}
.page-5 .animate:nth-child(4){
top:77.19%;
width:82.81%;
left:8.595%;
}
/*page-6，第六页*/
.page-6 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-6 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-6 .animate:nth-child(3){
top:62.19%;
width:37.66%;
left:53.91%;
}
.page-6 .animate:nth-child(4){
top:77.19%;
width:82.81%;
left:8.595%;
}
/*page-7，第七页*/
.page-7 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-7 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-7 .animate:nth-child(3){
top:62.19%;
width:37.66%;
left:53.91%;
}
.page-7 .animate:nth-child(4){
top:77.19%;
width:82.81%;
left:8.595%;
}
/*page-8，第八页*/
.page-8 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-8 .animate:nth-child(2){
top:48.54%;
width:91.56%;
left:8.44%;
}
.page-8 .animate:nth-child(3){
top:68.54%;
width:83.125%;
left:8.4375%;
}
/*page-9，第九页*/
.page-9 .animate:nth-child(1){
top:4.9%;
width:83.125%;
left:8.4375%;
}
.page-9 .animate:nth-child(2){
top:50.21%;
width:64.53%;
left:17.735%;
-webkit-animation:zoomIn 2s linear;
animation:zoomIn 2s linear;
-webkit-animation-delay:1s;
animation-delay:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.page-9 .animate:nth-child(3){
top:16.875%;
width:65.16%;
left:17.42%;
}
.copyright{
width:50%;
height:4%;
position:absolute;
left:25%;
bottom:3%;
border-bottom:1px solid #fff;
color:#fff;
text-align:center;
}
.copyright a{
color:#fff;
text-decoration:none;
}
.audio{
color:#FFF;
position:absolute;
right:1.125rem;
bottom:1.875rem;
z-index:10
}
.audio.play .audio--icon{
-webkit-animation:rotate 1.2s linear infinite;
animation:rotate 1.2s linear infinite
}
.audio--icon{
background:url(../img/sprite.png?ver=1414999897679) no-repeat;
height:54px;
width:54px;
display:inline-block;
vertical-align:middle
}
.audio--note{
position:absolute;
right:2.8125rem;
top:-2.625rem;
z-index:100
}
.animate{
height:100%;
position:absolute;
top:0;
left:0;
width:100%
}
.animate img{
width:100%;
position:absolute;
left:0;
top:0
}
.animate img.bottom{
top:initial;
bottom:0
}
.animate--text{
position:absolute;
top:0;
left:0;
width:640px;
height:298px;
background-repeat:no-repeat;
background-position:0 0;
overflow:hidden
}
.m-animate__speedInLeft{
-webkit-animation:speedInLeft 1s ease-out;
animation:speedInLeft 1s ease-out
}
.m-animate__speedInRight{
-webkit-animation:speedInRight 2s ease-out;
animation:speedInRight 2s ease-out
}
.m-animate__bounce-down{
-webkit-animation:bounceDown 1.5s 0s ease both;
-moz-animation:bounceDown 1.5s 0s ease both;
}
.m-animate__bounce-up{
-webkit-animation:bounceUp 2s 2s ease both;
-moz-animation:bounceUp 2s 2s ease both;
}
.m-animate__bounce-right{
-webkit-animation:bounceRight 2s 2s ease both;
-moz-animation:bounceRight 2s 2s ease both;
}
.m-animate__bounceLeft{
-webkit-animation:bounceLeft 2s 1.1s ease both;
-moz-animation:bounceLeft 2s 1.1s ease both;
}
.m-animate__slide{
overflow:hidden;
-webkit-animation:height 3s 1s ease both;
-moz-animation:height 3s 1s ease both;
}
.m-animate__speedIn{
-webkit-animation:speedIn .6s linear;
animation:speedIn .6s linear
}
.m-animate__pulse{
-webkit-animation:pulse 1s linear;
animation:pulse 1s linear;
-webkit-animation-delay:.45s;
animation-delay:.45s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.m-animate__zoomIn{
-webkit-animation:zoomIn 1s linear;
animation:zoomIn 1s linear;
-webkit-animation-delay:.55s;
animation-delay:.55s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.m-animate__zoom{
-webkit-animation:zoom 3s linear forwards;
animation:zoom 3s linear forwards
}
.m-animate__zoomBg{
background-size:cover;
background-position:top center;
background-repeat:no-repeat;
-webkit-animation:zoom 3.5s linear forwards;
animation:zoom 3.5s linear forwards
}
.m-animate__fadeIn{
-webkit-animation:fadeIn 3s linear;
animation:fadeIn 3s linear
}