@charset "utf-8";
/* CSS Document */

body,html{min-width:1280px;}
.w1200{width:1200px;margin:0 auto;position:relative;text-align:center;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.linebanner{background: #fafbff url(../images/linebnaner.jpg) no-repeat center center;height:650px;}
.f1{border-bottom:1px solid #dcdcdc;padding:35px 0 65px;background:url(../images/f1bg.jpg) repeat-x;}
.f1 .w1200{height:600px;-webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -ms-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;}
.title{font-size:42px;font-weight:normal;}
.f1 .title{margin-bottom:42px;}
.f1 .f12{position:absolute;top:225px;left:87px;}
.f1 .f13{position:absolute;top:225px;left:478px;}
.f1 .f14{position:absolute;top:225px;left:860px;}
.f2{border-bottom:1px solid #dcdcdc;padding:106px 0 90px;}
.f2 .w1200{height:623px;}
.f2 .f21{position:absolute;top:135px;left:30px;}
.xian3{position:absolute;left:140px;top:278px;}
.xian1{position:absolute;left:30px;top:384px;}
.xian5{position:absolute;left:95px;top:490px;}
.xian6{position:absolute;left:798px;top:485px;}
.xian4{position:absolute;left:902px;top:380px;}
.xian2{position:absolute;left:798px;top:268px;}
.f3{border-bottom:1px solid #dcdcdc;padding:95px 0 80px;}
.f3 .w1200{height:645px;}
.f3 img{position:absolute;top:135px;left:99px;}
.f4{border-bottom:1px solid #dcdcdc;padding:95px 0;}
.f4 .w1200{height:435px;}
.div4{position:absolute;top:145px;width:274px;height:126px;padding:74px 0;text-align:center;border:1px solid #85b0f7;color:#0b62f0;-webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
	animation:resetOpacity 0s ease 0s 1 normal forwards;}
.animated .div4{
	-webkit-animation: slideRight 1s ease 0s 1 normal none;
	-moz-animation: slideRight 1s ease 0s 1 normal none;
	-ms-animation: slideRight 1s ease 0s 1 normal none;
	animation: slideRight 1s ease 0s 1 normal none}
.div4 .txt{font-size:30px;}
.div4 span{display:inline-block;}
.f41{left:14px;}
.f42{left:320px;}
.f43{left:630px;}
.f44{left:940px;}
.f41 .img{display:inline-block;background:url(../images/iosa.png) no-repeat center;width:56px;height:73px;}
.div4:hover{background-color:#0c6ef3;color:#fff;transition: background-color 0.2s;
-moz-transition:background-color 1s;
-webkit-transition: background-color 0.2s;
-o-transition:background-color 1s;}
.f41:hover .img{display:inline-block;background:url(../images/iosb.png) no-repeat center;width:56px;height:73px;}
.div4:hover .img{-webkit-animation:slideDown 1s ease 0s 1 normal both;
	-moz-animation:slideDown 1s ease 0s 1 normal both;
	-ms-animation:slideDown 1s ease 0s 1 normal both;
	animation:slideDown 1s ease 0s 1 normal both}
.div4:hover .txt{-webkit-animation:slideUp 1s ease 0s 1 normal both;
	-moz-animation:slideUp 1s ease 0s 1 normal both;
	-ms-animation:slideUp 1s ease 0s 1 normal both;
	animation:slideUp 1s ease 0s 1 normal both}
.f42 .img{display:inline-block;background:url(../images/androida.png) no-repeat center;width:56px;height:73px;}
.f42:hover .img{display:inline-block;width:56px;height:73px;background:url(../images/androidb.png) no-repeat center;}
.f43 .img{display:inline-block;background:url(../images/wapa.png) no-repeat center;width:56px;height:73px;}
.f43:hover .img{display:inline-block;width:56px;height:73px;background:url(../images/wapb.png) no-repeat center;}
.f44 .img{display:inline-block;background:url(../images/weba.png) no-repeat center;width:65px;height:73px;}
.f44:hover .img{display:inline-block;width:65ox;height:73px;background:url(../images/webb.png) no-repeat center;}
.f5{padding:85px 0 100px;background-color:#0c6ef3;font-size:14px;color:#fff;font-size:14px;}
.f5 ul li a{color:#fff;}
.f5 ul li a:hover{ text-decoration:underline;}
.f5 ul li{height:33px;line-height:33px;}
.f5 ul{float:left;text-align:left;margin:60px 40px 0;}
 .animated .f12, .animated .f13, .animated .f14,.f5 ul li{
  -webkit-animation: 'photoRotate4' 2s ease-in-out 0s  1;
  animation: 'photoRotate4' 2s ease-in-out 0s  1;
  -moz-animation: 'photoRotate4' 2s ease-in-out 0s  1;}
.xian{-webkit-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-moz-animation:resetOpacity 0s ease 0s 1 normal forwards;
	-ms-animation:resetOpacity 0s ease 0s 1 normal forwards;
	animation:resetOpacity 0s ease 0s 1 normal forwards;height:14px;}
  .animated .xian{-webkit-animation: wd 1s linear 0.1s both; animation: wd 1s linear 0.1s both;}
  .f5.animated ul li {
  -webkit-animation: fadeInDown 0.6s 0s forwards;
  -moz-animation: fadeInDown 0.6s 0s forwards;
  -ms-animation: fadeInDown 0.6s 0s forwards;
  animation: fadeInDown 0.6s 0s forwards;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
	@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; } }
  @-webkit-keyframes 'photoRotate4' {
	
    0% {
		
        -webkit-transform:rotateY(20deg);
    }
    40% {
        -webkit-transform:rotateY(-10deg);
    }
	80% {
        -webkit-transform:rotateY(20deg);
    }
   
	100%{
		
		-webkit-transform:rotateY(0);
		}
}
@keyframes 'photoRotate4' {
    0% {
        transform:rotateY(20deg);
    }
    40% {
        transform:rotateY(-10deg);
    }
	80% {
        transform:rotateY(20deg);
    }
    100% {
        transform:rotateY(0);
    }
}
@-moz-keyframes 'photoRotate4' {
	
    0% {
		
        -moz-transform:rotateY(20deg);
    }
    40% {
        -moz-transform:rotateY(-10deg);
    }
	80% {
        -moz-transform:rotateY(20deg);
    }
   
	100%{
		
		-moz-transform:rotateY(0);
		}
}
@-webkit-keyframes wd{
	0%{width:0;}
	100%{width:263px;}
}

@keyframes wd{
	0%{width:0;}
	100%{width:263px;}
}

@-webkit-keyframes slideDown{
	from{
		-webkit-opacity:0;
		-moz-opacity:0;
		opacity:0;
		-webkit-transform:translate3d(0,-20%,0);
		-moz-transform:translate3d(0,-20%,0);
		-ms-transform:translate3d(0,-20%,0);
		-o-transform:translate3d(0,-20%,0);
		transform:translate3d(0,-20%,0)}
	to{
		-webkit-opacity:1;
		-moz-opacity:1;
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)}}
@-moz-keyframes slideDown{
	from{
		-webkit-opacity:0;
		-moz-opacity:0;
		opacity:0;
		-webkit-transform:translate3d(0,-20%,0);
		-moz-transform:translate3d(0,-20%,0);
		-ms-transform:translate3d(0,-20%,0);
		-o-transform:translate3d(0,-20%,0);
		transform:translate3d(0,-20%,0)}
	to{
		-webkit-opacity:1;
		-moz-opacity:1;
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)}}
@-ms-keyframes slideDown{
	from{
		-webkit-opacity:0;
		-moz-opacity:0;
		opacity:0;
		-webkit-transform:translate3d(0,-20%,0);
		-moz-transform:translate3d(0,-20%,0);
		-ms-transform:translate3d(0,-20%,0);
		-o-transform:translate3d(0,-20%,0);
		transform:translate3d(0,-20%,0)}
	to{
		-webkit-opacity:1;
		-moz-opacity:1;
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)}}
@-o-keyframes slideDown {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, -20%, 0);
-moz-transform:translate3d(0, -20%, 0);
-ms-transform:translate3d(0, -20%, 0);
-o-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideDown {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, -20%, 0);
-moz-transform:translate3d(0, -20%, 0);
-ms-transform:translate3d(0, -20%, 0);
-o-transform:translate3d(0, -20%, 0);
transform:translate3d(0, -20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideUp {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
-moz-transform:translate3d(0, 20%, 0);
-ms-transform:translate3d(0, 20%, 0);
-o-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes slideUp {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
-moz-transform:translate3d(0, 20%, 0);
-ms-transform:translate3d(0, 20%, 0);
-o-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes slideUp {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
-moz-transform:translate3d(0, 20%, 0);
-ms-transform:translate3d(0, 20%, 0);
-o-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-o-keyframes slideUp {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
-moz-transform:translate3d(0, 20%, 0);
-ms-transform:translate3d(0, 20%, 0);
-o-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideUp {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
-moz-transform:translate3d(0, 20%, 0);
-ms-transform:translate3d(0, 20%, 0);
-o-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-o-keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideRight {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(-20%, 0, 0);
-moz-transform:translate3d(-20%, 0, 0);
-ms-transform:translate3d(-20%, 0, 0);
-o-transform:translate3d(-20%, 0, 0);
transform:translate3d(-20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes slideLeft {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-moz-keyframes slideLeft {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-ms-keyframes slideLeft {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-o-keyframes slideLeft {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideLeft {
from {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
10% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
-webkit-transform:translate3d(20%, 0, 0);
-moz-transform:translate3d(20%, 0, 0);
-ms-transform:translate3d(20%, 0, 0);
-o-transform:translate3d(20%, 0, 0);
transform:translate3d(20%, 0, 0)
}
to {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
}
@-moz-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
}
@-ms-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
}
@-o-keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
}
@keyframes resetOpacity {
from {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1
}
to {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0
}
}