@charset "utf-8";
/* CSS Document */
/*第一屏*/
.v-r-open{-webkit-animation:v-r-open 1.5s .2s ease both;
-moz-animation:v-r-open 1.5s .2s ease both;
-ms-animation:v-r-open 1.5s .2s ease both;
-o-animation:v-r-open 1.5s .2s ease both;
animation:v-r-open 1.5s .2s ease both;}
@-webkit-keyframes v-r-open{0%{opacity:0; top:-300px;}60%{opacity:1; top:0px;}80%{opacity:1; top:-50px;}100%{opacity:1; top:0px;}}
@-moz-keyframes v-r-open{0%{opacity:0; top:-300px;}60%{opacity:1; top:0px;}80%{opacity:1; top:-50px;}100%{opacity:1; top:0px;}}
@-ms-keyframes v-r-open{0%{opacity:0; top:-300px;}60%{opacity:1; top:0px;}80%{opacity:1; top:-50px;}100%{opacity:1; top:0px;}}
@-o-keyframes v-r-open{0%{opacity:0; top:-300px;}60%{opacity:1; top:0px;}80%{opacity:1; top:-50px;}100%{opacity:1; top:0px;}}
@keyframes v-r-open{0%{opacity:0; top:-300px;}60%{opacity:1; top:0px;}80%{opacity:1; top:-50px;}100%{opacity:1; top:0px;}}

.section-wrap .s-animation .h-title01{ -webkit-animation:h-title01 .6s .4s linear both;
-moz-animation:h-title01 .6s .4s linear both;
-ms-animation:h-title01 .6s .4s linear both;
-o-animation:h-title01 .6s .4s linear both;
animation:h-title01 .6s .4s linear both;}
@-webkit-keyframes h-title01{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes h-title01{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-ms-keyframes h-title01{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-o-keyframes h-title01{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@keyframes h-title01{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}

.h-title02{-webkit-animation:h-title02 1.5s 1.2s ease both;
-moz-animation:h-title02 1.5s 1.2s ease both;
-ms-animation:h-title02 1.5s 1.2s ease both;
-o-animation:h-title02 1.5s 1.2s ease both;
animation:h-title02 1.5s 1.2s ease both;}
@-webkit-keyframes h-title02{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:90px;}}
@-moz-keyframes h-title02{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:90px;}}
@-ms-keyframes h-title02{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:90px;}}
@-o-keyframes h-title02{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:90px;}}
@keyframes h-title02{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:90px;}}

/*第二屏*/
.section-wrap .s-animation .s-t-pic{ -webkit-animation:s-t-pic 1s .5s ease both;
-moz-animation:s-t-pic 1s .5s ease both;
-ms-animation:s-t-pic 1s .5s ease both;
-o-animation:s-t-pic 1s .5s ease both;
animation:s-t-pic 1s .5s ease both;}
@-webkit-keyframes s-t-pic{0%{right:-1160px; opacity:0;}100%{right:0px; opacity:1;}}
@-moz-keyframes s-t-pic{0%{right:-1160px; opacity:0;}100%{right:0px; opacity:1;}}
@-ms-keyframes s-t-pic{0%{right:-1160px;; opacity:0;}100%{right:0px; opacity:1;}}
@-o-keyframes s-t-pic{0%{right:-1160px; opacity:0;}100%{right:0px; opacity:1;}}
@keyframes s-t-pic{0%{right:-1160px; opacity:0;}100%{right:0px; opacity:1;}}

.section-wrap .s-animation .s-user{ -webkit-animation:s-user .6s .4s linear both;
-moz-animation:s-user .6s .4s linear both;
-ms-animation:s-user .6s .4s linear both;
-o-animation:s-user .6s .4s linear both;
animation:s-user .6s .4s linear both;}
@-webkit-keyframes s-user{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes s-user{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-ms-keyframes s-user{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@-o-keyframes s-user{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}
@keyframes s-user{0%{opacity:0;-webkit-transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1)}}

.section-wrap .s-animation .s-t-font{ -webkit-animation:s-t-font 1s .5s ease both;
-moz-animation:s-t-font 1s .5s ease both;
-ms-animation:s-t-font 1s .5s ease both;
-o-animation:s-t-font 1s .5s ease both;
animation:s-t-font 1s .5s ease both;}
@-webkit-keyframes s-t-font{0%{left:-1160px; opacity:0;}100%{left:0px; opacity:1;}}
@-moz-keyframes s-t-font{0%{left:-1160px; opacity:0;}100%{left:0px; opacity:1;}}
@-ms-keyframes s-t-font{0%{left:-1160px; opacity:0;}100%{left:0px; opacity:1;}}
@-o-keyframes s-t-font{0%{left:-1160px; opacity:0;}100%{left:0px; opacity:1;}}
@keyframes s-t-font{0%{left:-1160px; opacity:0;}100%{left:0px; opacity:1;}}

/*第三屏*/
.h-title03{-webkit-animation:h-title03 .9s .6s ease both;
-moz-animation:h-title03 .9s .6s ease both;
-ms-animation:h-title03 .9s .6s ease both;
-o-animation:h-title03 .9s .6s ease both;
animation:h-title03 .9s .6s ease both;}
@-webkit-keyframes h-title03{0%{opacity:0; top:0px;}100%{opacity:1; top:128px;}}
@-moz-keyframes h-title03{0%{opacity:0; top:0px;}100%{opacity:1; top:128px;}}
@-ms-keyframes h-title03{0%{opacity:0; top:0px;}100%{opacity:1; top:128px;}}
@-o-keyframes h-title03{0%{opacity:0; top:0px;}100%{opacity:1; top:128px;}}
@keyframes h-title03{0%{opacity:0; top:0px;}100%{opacity:1; top:128px;}}

.section-wrap .s-animation .s3-t-pic{ -webkit-animation:s3-t-pic 1.4s .9s linear both;
-moz-animation:s3-t-pic 1.4s .9s linear both;
-ms-animation:s3-t-pic 1.4s .9s linear both;
-o-animation:s3-t-pic 1.4s .9s linear both;
animation:s3-t-pic 1.4s .9s linear both;}
@-webkit-keyframes s3-t-pic{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}}
@-moz-keyframes s3-t-pic{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}}
@-ms-keyframes s3-t-pic{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}}
@-o-keyframes s3-t-pic{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}}
@keyframes s3-t-pic{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}}

.section-wrap .s-animation .s-t-con{-webkit-animation:s-t-con 1.1s .6s ease both;
-moz-animation:s-t-con 1.1s .6s ease both;
-ms-animation:s-t-con 1.1s .6s ease both;
-o-animation:s-t-con 1.1s .6s ease both;
animation:s-t-con 1.1s .6s ease both;}
@-webkit-keyframes s-t-con{0%{opacity:0; padding-top:60%;}100%{opacity:1; padding-top:25%;}}
@-moz-keyframes s-t-con{0%{opacity:0; padding-top:60%;}100%{opacity:1; padding-top:25%;}}
@-ms-keyframes s-t-con{0%{opacity:0; padding-top:60%;}100%{opacity:1; padding-top:25%;}}
@-o-keyframes s-t-con{0%{opacity:0; padding-top:60%;}100%{opacity:1; padding-top:25%;}}
@keyframes s-t-con{0%{opacity:0; padding-top:60%;}100%{opacity:1; padding-top:25%;}}

/*第七屏*/
.section-wrap .s-animation .s7-t-con{-webkit-animation:s7-t-con 1.1s .6s ease both;
-moz-animation:s7-t-con 1.1s .6s ease both;
-ms-animation:s7-t-con 1.1s .6s ease both;
-o-animation:s7-t-con 1.1s .6s ease both;
animation:s7-t-con 1.1s .6s ease both;}
@-webkit-keyframes s7-t-con{0%{opacity:0; top:80%;}100%{opacity:1; top:30%;}}
@-moz-keyframes s7-t-con{0%{opacity:0; top:80%;}100%{opacity:1; top:30%;}}
@-ms-keyframes s7-t-con{0%{opacity:0; top:80%;}100%{opacity:1; top:30%;}}
@-o-keyframes s7-t-con{0%{opacity:0; top:80%;}100%{opacity:1; top:30%;}}
@keyframes s7-t-con{0%{opacity:0; top:80%;}100%{opacity:1; top:30%;}}



/*第十屏*/
.section-wrap .s-animation .h-title04{-webkit-animation:h-title04 .9s .6s ease both;
-moz-animation:h-title04 .9s .6s ease both;
-ms-animation:h-title04 .9s .6s ease both;
-o-animation:h-title04 .9s .6s ease both;
animation:h-title04 .9s .6s ease both;}
@-webkit-keyframes h-title04{0%{opacity:0; top:0px;}100%{opacity:1; top:50%;}}
@-moz-keyframes h-title04{0%{opacity:0; top:0px;}100%{opacity:1; top:50%;}}
@-ms-keyframes h-title04{0%{opacity:0; top:0px;}100%{opacity:1; top:50%;}}
@-o-keyframes h-title04{0%{opacity:0; top:0px;}100%{opacity:1; top:50%;}}
@keyframes h-title04{0%{opacity:0; top:0px;}100%{opacity:1; top:50%;}}

.section-wrap .s-animation .v-t-sub{-webkit-animation:v-t-sub .9s .6s ease both;
-moz-animation:v-t-sub .9s .6s ease both;
-ms-animation:v-t-sub .9s .6s ease both;
-o-animation:v-t-sub .9s .6s ease both;
animation:v-t-sub .9s .6s ease both;}
@-webkit-keyframes v-t-sub{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:38%;}}
@-moz-keyframes v-t-sub{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:38%;}}
@-ms-keyframes v-t-sub{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:38%;}}
@-o-keyframes v-t-sub{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:38%;}}
@keyframes v-t-sub{0%{opacity:0; bottom:0px;}100%{opacity:1; bottom:38%;}}