/* ���б��� Start */
@-ms-keyframes city{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}

@-moz-keyframes city{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }
	to{ }
}

@-o-keyframes city{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }
	to{ }
}

@-webkit-keyframes city{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  }
	to{ }
}

@keyframes city{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}

.active .city{
	animation:'city' 2.0s ease-in-out 0s normal;
	-ms-animation:city 2.0s ease-in-out 0s normal;
	-moz-animation:city 2.0s ease-in-out 0s normal;
	-o-animation:'city' 2.0s ease-in-out 0s normal;
	-webkit-animation:'city' 2.0s ease-in-out 0s normal;
}
/* ���б��� End */


/* ����1 Start */
@-ms-keyframes topic1{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); left:-300px; }
	to{ }
}

@-moz-keyframes topic1{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); left:-300px; }
	to{ }
}

@-o-keyframes topic1{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); left:-300px; }
	to{ }
}

@-webkit-keyframes topic1{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); left:-300px; }
	to{ }
}

@keyframes topic1{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); left:-300px; }
	to{ }
}

.active .topic1{
	animation:'topic1' 0.5s ease-in-out 0s normal;
	-ms-animation:topic1 0.5s ease-in-out 0s normal;
	-moz-animation:topic1 0.5s ease-in-out 0s normal;
	-o-animation:'topic1' 0.5s ease-in-out 0s normal;
	-webkit-animation:'topic1' 0.5s ease-in-out 0s normal;
}
/* ����1 End */


/* ����2 Start */
@-ms-keyframes topic2{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	50%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	to{ }
}

@-moz-keyframes topic2{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	50%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	to{ }
}

@-o-keyframes topic2{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	50%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	to{ }
}

@-webkit-keyframes topic2{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	50%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	to{ }
}

@keyframes topic2{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	50%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(5,5); right:-300px; }
	to{ }
}

.active .topic2{
	animation:'topic2' 1.0s ease-in-out 0s normal;
	-ms-animation:topic2 1.0s ease-in-out 0s normal;
	-moz-animation:topic2 1.0s ease-in-out 0s normal;
	-o-animation:'topic2' 1.0s ease-in-out 0s normal;
	-webkit-animation:'topic2' 1.0s ease-in-out 0s normal;
}
/* ����2 End */


/* ���� Start */
@-ms-keyframes text{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	66%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	to{ }
}

@-moz-keyframes text{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	66%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	to{ }
}

@-o-keyframes text{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	66%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	to{ }
}

@-webkit-keyframes text{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	66%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	to{ }
}

@keyframes text{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	66%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0px; }
	to{ }
}

.active .text{
	animation:'text' 1.5s ease-in-out 0s normal;
	-ms-animation:text 1.5s ease-in-out 0s normal;
	-moz-animation:text 1.5s ease-in-out 0s normal;
	-o-animation:'text' 1.5s ease-in-out 0s normal;
	-webkit-animation:'text' 1.5s ease-in-out 0s normal;
}
/* ���� End */



/* ���� Start */
@-ms-keyframes nav{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	75%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	to{ }
}

@-moz-keyframes nav{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	75%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	to{ }
}

@-o-keyframes nav{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	75%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	to{ }
}

@-webkit-keyframes nav{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	75%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	to{ }
}

@keyframes nav{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	75%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(0,0); margin:30px 20px 0px 20px; }
	to{ }
}

.active .nav a{
	animation:'nav' 2.0s ease-in-out 0s normal;
	-ms-animation:nav 2.0s ease-in-out 0s normal;
	-moz-animation:nav 2.0s ease-in-out 0s normal;
	-o-animation:'nav' 2.0s ease-in-out 0s normal;
	-webkit-animation:'nav' 2.0s ease-in-out 0s normal;
}
/* ���� End */


/* ������ť��ת */
@-ms-keyframes music1{
	from{ transform:rotate(-360deg) }
	to{ }
}
@-moz-keyframes music1{
	from{ transform:rotate(-360deg) }
	to{ }
}
@-o-keyframes music1{
	from{ transform:rotate(-360deg) }
	to{ }
}
@-webkit-keyframes music1{
	from{ transform:rotate(-360deg) }
	to{ }
}
@keyframes music1{
	from{ transform:rotate(-360deg) }
	to{ }
}

#header .icon2{
	-ms-animation:music1 3s linear infinite;
	-moz-animation:music1 3s linear infinite;
	-o-animation:'music1' 3s linear infinite;
	-webkit-animation:'music1' 3s linear infinite;
	animation:'music1' 3s linear infinite;
}
/* ������ť��ת */