@charset "utf-8";

/* ly1大标题Start */
@-ms-keyframes ly1-part1{
	from{  top: -500px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly1-part1{
	from{  top: -500px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly1-part1{
	from{  top: -500px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly1-part1{
	from{  top: -500px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly1-part1{
	from{  top: -500px; }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout1.active .part1{
	animation:'ly1-part1' 1.0s ease-in-out 0s forwards;
	-ms-animation:ly1-part1 1.0s ease-in-out 0s forwards;
	-moz-animation:ly1-part1 1.0s ease-in-out 0s forwards;
	-o-animation:'ly1-part1' 1.0s ease-in-out 0s forwards;
	-webkit-animation:'ly1-part1' 1.0s ease-in-out 0s forwards;
}
/* ly1大标题End */


/* ly1内容Start */
@-ms-keyframes ly1-part2{
	from{ right: -700px; }
	40%{ filter:alpha(opacity=0); opacity:0; right: -700px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly1-part2{
	from{ right: -700px; }
	40%{ filter:alpha(opacity=0); opacity:0; right: -700px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly1-part2{
	from{ right: -700px; }
	40%{ filter:alpha(opacity=0); opacity:0; right: -700px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly1-part2{
	from{ right: -700px; }
	40%{ filter:alpha(opacity=0); opacity:0; right: -700px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly1-part2{
	from{ right: -700px; }
	40%{ filter:alpha(opacity=0); opacity:0; right: -700px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout1.active .part2{
	animation:'ly1-part2' 1.5s ease-in-out 0s forwards;
	-ms-animation:ly1-part2 1.5s ease-in-out 0s forwards;
	-moz-animation:ly1-part2 1.5s ease-in-out 0s forwards;
	-o-animation:'ly1-part2' 1.5s ease-in-out 0s forwards;
	-webkit-animation:'ly1-part2' 1.5s ease-in-out 0s forwards;
}
/* ly1内容End */


/* 栏目标题Start */
@-ms-keyframes topic{
	from{ transform:scale(0.5,0.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic{
	from{ transform:scale(0.5,0.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic{
	from{ transform:scale(0.5,0.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic{
	from{ transform:scale(0.5,0.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic{
	from{ transform:scale(0.5,0.5); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout2.active .part1,#layout3.active .part1,#layout4.active .part1{
	animation:'topic' 1.5s ease-in-out 0s forwards;
	-ms-animation:topic 1.5s ease-in-out 0s forwards;
	-moz-animation:topic 1.5s ease-in-out 0s forwards;
	-o-animation:'topic' 1.5s ease-in-out 0s forwards;
	-webkit-animation:'topic' 1.5s ease-in-out 0s forwards;
}
/* 栏目标题End */


/* ly2内容Start */
@-ms-keyframes ly2-part2{
	from{ left: -300px; }
	40%{ filter:alpha(opacity=0); opacity:0; left: -300px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly2-part2{
	from{ left: -300px; }
	40%{ filter:alpha(opacity=0); opacity:0; left: -300px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly2-part2{
	from{ left: -300px; }
	40%{ filter:alpha(opacity=0); opacity:0; left: -300px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly2-part2{
	from{ left: -300px; }
	40%{ filter:alpha(opacity=0); opacity:0; left: -300px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly2-part2{
	from{ left: -300px; }
	40%{ filter:alpha(opacity=0); opacity:0; left: -300px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout2.active .part2{
	animation:'ly2-part2' 1.5s ease-in-out 0s forwards;
	-ms-animation:ly2-part2 1.5s ease-in-out 0s forwards;
	-moz-animation:ly2-part2 1.5s ease-in-out 0s forwards;
	-o-animation:'ly2-part2' 1.5s ease-in-out 0s forwards;
	-webkit-animation:'ly2-part2' 1.5s ease-in-out 0s forwards;
}
/* ly2内容End */


/* ly3内容一Start */
@-ms-keyframes ly3-part2{
	from{ right: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; right: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly3-part2{
	from{ right: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; right: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly3-part2{
	from{ right: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; right: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly3-part2{
	from{ right: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; right: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly3-part2{
	from{ right: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; right: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout3.active .part2{
	animation:'ly3-part2' 2.0s ease-in-out 0s forwards;
	-ms-animation:ly3-part2 2.0s ease-in-out 0s forwards;
	-moz-animation:ly3-part2 2.0s ease-in-out 0s forwards;
	-o-animation:'ly3-part2' 2.0s ease-in-out 0s forwards;
	-webkit-animation:'ly3-part2' 2.0s ease-in-out 0s forwards;
}
/* ly3内容一End */

/* ly3内容二Start */
@-ms-keyframes ly3-part3{
	from{ left: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly3-part3{
	from{ left: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly3-part3{
	from{ left: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly3-part3{
	from{ left: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly3-part3{
	from{ left: -500px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -500px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout3.active .part3{
	animation:'ly3-part3' 2.0s ease-in-out 0s forwards;
	-ms-animation:ly3-part3 2.0s ease-in-out 0s forwards;
	-moz-animation:ly3-part3 2.0s ease-in-out 0s forwards;
	-o-animation:'ly3-part3' 2.0s ease-in-out 0s forwards;
	-webkit-animation:'ly3-part3' 2.0s ease-in-out 0s forwards;
}
/* ly3内容二End */


/* ly4内容一Start */
@-ms-keyframes ly4-part2{
	from{ left: -800px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -800px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly4-part2{
	from{ left: -800px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -800px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly4-part2{
	from{ left: -800px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -800px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly4-part2{
	from{ left: -800px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -800px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly4-part2{
	from{ left: -800px; }
	50%{ filter:alpha(opacity=0); opacity:0; left: -800px;  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout4.active .part2{
	animation:'ly4-part2' 2.0s ease-in-out 0s forwards;
	-ms-animation:ly4-part2 2.0s ease-in-out 0s forwards;
	-moz-animation:ly4-part2 2.0s ease-in-out 0s forwards;
	-o-animation:'ly4-part2' 2.0s ease-in-out 0s forwards;
	-webkit-animation:'ly4-part2' 2.0s ease-in-out 0s forwards;
}
/* ly4内容一End */


/* ly4内容二Start */
@-ms-keyframes ly4-part3{
	from{ transform:rotateX(90deg) }
	50%{ filter:alpha(opacity=0); opacity:0; transform:rotateX(90deg)  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes ly4-part3{
	from{ transform:rotateX(90deg) }
	50%{ filter:alpha(opacity=0); opacity:0; transform:rotateX(90deg)  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes ly4-part3{
	from{ transform:rotateX(90deg) }
	50%{ filter:alpha(opacity=0); opacity:0; transform:rotateX(90deg)  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes ly4-part3{
	from{ transform:rotateX(90deg) }
	50%{ filter:alpha(opacity=0); opacity:0; transform:rotateX(90deg)  }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes ly4-part3{
	from{ transform:rotateX(90deg) }
	50%{ filter:alpha(opacity=0); opacity:0; transform:rotateX(90deg)  }
	to{ filter:alpha(opacity=100); opacity:1; }
}

#layout4.active .part3{
	animation:'ly4-part3' 2.0s ease-in-out 0s forwards;
	-ms-animation:ly4-part3 2.0s ease-in-out 0s forwards;
	-moz-animation:ly4-part3 2.0s ease-in-out 0s forwards;
	-o-animation:'ly4-part3' 2.0s ease-in-out 0s forwards;
	-webkit-animation:'ly4-part3' 2.0s ease-in-out 0s forwards;
}
/* ly4内容二End */