﻿@keyframes animatIntroTop{
	from {
		margin-top: 50px;
	}
	to {
		margin-top: 0;
	}
}
@-webkit-keyframes animatIntroTop{
	from {
		margin-top: 50px;
	}
	to {
		margin-top: 0;
	}
}
@-moz-keyframes animatIntroTop{
	from {
		margin-top: 50px;
	}
	to {
		margin-top: 0;
	}
}
@-ms-keyframes animatIntroTop{
	from {
		margin-top: 50px;
	}
	to {
		margin-top: 0;
	}
}


@keyframes animatIntroBottom{
	from {
		height: 0;
		opacity: 0;
	}
	to {
		height: 92px;
		opacity: 1;
	}
}
@-webkit-keyframes animatIntroBottom{
	from {
		height: 0;
		opacity: 0;
	}
	to {
		height: 92px;
		opacity: 1;
	}
}
@-moz-keyframes animatIntroBottom{
	from {
		height: 0;
		opacity: 0;
	}
	to {
		height: 92px;
		opacity: 1;
	}
}
@-ms-keyframes animatIntroBottom{
	from {
		height: 0;
		opacity: 0;
	}
	to {
		height: 92px;
		opacity: 1;
	}
}
/*flow-left*/
@-webkit-keyframes anim_flow_left{
	from {
		-webkit-transform: translate(-2000px,0) scale(0,0);
	}
	to {
		-webkit-transform: translate(0,0) scale(1,1);
	}
}
@-moz-keyframes anim_flow_left{
	from {
		-moz-transform: translate(-2000px,0) scale(0,0);
	}
	to {
		-moz-transform: translate(0,0) scale(1,1);
	}
}
@-ms-keyframes anim_flow_left{
	from {
		-ms-transform: translate(-2000px,0) scale(0,0);
	}
	to {
		-ms-transform: translate(0,0) scale(1,1) ;
	}
}
@keyframes anim_flow_left{
	from {
		transform: translate(-2000px,0) scale(0,0);
	}
	to {
		transform: translate(0,0) scale(1,1);
	}
}
/*flow-top*/
@-webkit-keyframes anim_flow_top{
	from {
		-webkit-transform: translate(0,-1500px) scale(0,0);
	}
	to {
		-webkit-transform: translate(0,0) scale(1,1);
	}
}
@-moz-keyframes anim_flow_top{
	from {
		-moz-transform: translate(0,-1500px) scale(0,0);
	}
	to {
		-moz-transform: translate(0,0) scale(1,1);
	}
}
@-ms-keyframes anim_flow_top{
	from {
		-ms-transform: translate(0,-1500px) scale(0,0);
	}
	to {
		-ms-transform: translate(0,0) scale(1,1);
	}
}
@keyframes anim_flow_top{
	from {
		transform: translate(0,-1500px) scale(0,0);
	}
	to {
		transform: translate(0,0) scale(1,1);
	}
}
/*flow-right*/
@-webkit-keyframes anim_flow_right{
	from {
		-webkit-transform: translate(2000px,0) scale(0,0);
	}
	to {
		-webkit-transform: translate(0,0) scale(1,1);
	}
}
@-moz-keyframes anim_flow_right{
	from {
		-moz-transform: translate(2000px,0) scale(0,0);
	}
	to {
		-moz-transform: translate(0,0) scale(1,1);
	}
}
@-ms-keyframes anim_flow_right{
	from {
		-ms-transform: translate(2000px,0) scale(0,0);
	}
	to {
		-ms-transform: translate(0,0) scale(1,1);
	}
}
@keyframes anim_flow_right{
	from {
		transform: translate(2000px,0) scale(0,0);
	}
	to {
		transform: translate(0,0) scale(1,1);
	}
}
/*flow-bottom*/
@-webkit-keyframes anim_flow_bottom{
	from {
		-webkit-transform: translate(0,1500px) scale(0,0);
	}
	to {
		-webkit-transform: translate(0,0) scale(1,1);
	}
}
@-moz-keyframes anim_flow_bottom{
	from {
		-moz-transform: translate(0,1500px) scale(0,0);
	}
	to {
		-moz-transform: translate(0,0) scale(1,1);
	}
}
@-ms-keyframes anim_flow_bottom{
	from {
		-ms-transform: translate(0,1500px) scale(0,0);
	}
	to {
		-ms-transform: translate(0,0) scale(1,1);
	}
}
@keyframes anim_flow_bottom{
	from {
		transform: translate(0,1500px) scale(0,0);
	}
	to {
		transform: translate(0,0) scale(1,1);
	}
}
/*弹层动画*/
@keyframes anim-show{
	from {
		opacity: 0;
		transform: scale(0,0);
	}
	to {
		opacity: 1;
		transform: scale(1,1);
	}
}
@-webkit-keyframes anim-show{
	from {
		opacity: 0;
		-webkit-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
}
@-moz-keyframes anim-show{
	from {
		opacity: 0;
		-moz-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-moz-transform: scale(1,1);
	}
}
@-ms-keyframes anim-show{
	from {
		opacity: 0;
		-ms-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-ms-transform: scale(1,1);
	}
}
/*点出弹层*/
@keyframes anim-startdcbody{
	from {
		opacity: 0;
		transform: scale(0,0);
	}
	to {
		opacity: 1;
		transform: scale(1,1);
	}
}
@-webkit-keyframes anim-startdcbody{
	from {
		opacity: 0;
		-webkit-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
}
@-moz-keyframes anim-startdcbody{
	from {
		opacity: 0;
		-moz-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-moz-transform: scale(1,1);
	}
}
@-ms-keyframes anim-startdcbody{
	from {
		opacity: 0;
		-ms-transform: scale(0,0);
	}
	to {
		opacity: 1;
		-ms-transform: scale(1,1);
	}
}
/*关闭弹层*/
@keyframes anim-enddcbody{
	from {
		opacity: 1;
		transform: scale(1,1);
	}
	to {
		opacity: 0;
		transform: scale(0,0) rotate(0);
	}
}
@-webkit-keyframes anim-enddcbody{
	from {
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0,0);
	}
}
@-moz-keyframes anim-enddcbody{
	from {
		opacity: 1;
		-moz-transform: scale(1,1);
	}
	to {
		opacity: 0;
		-moz-transform: scale(0,0);
	}
}
@-ms-keyframes anim-enddcbody{
	from {
		opacity: 1;
		-ms-transform: scale(1,1);
	}
	to {
		opacity: 0;
		-ms-transform: scale(0,0);
	}
}
/**/
@keyframes siyangLeftStyle{
	from {
		left:-640px;
	}
	to {
		left: 0;
	}
}
@-webkit-keyframes siyangLeftStyle{
	from {
		left:-640px;
	}
	to {
		left: 0;
	}
}












