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

img {
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}
#img1 {
	z-index: 12;
}
#img1.active {
	-webkit-transform: translate3d(-200px, 0px, 0px);
	-moz-transform: translate3d(-200px, 0px, 0px);
	-ms-transform: translate3d(-200px, 0px, 0px);
	transform: translate3d(-200px, 0px, 0px)
}
#img2 {
	z-index: 11
}
#img2.active {
	-webkit-transform: translate3d(-400px, 0px, 0px);
	-moz-transform: translate3d(-400px, 0px, 0px);
	-ms-transform: translate3d(-400px, 0px, 0px);
	transform: translate3d(-400px, 0px, 0px)
}
#img3 {
	z-index: 14;
}
#img3.active {
	-webkit-transform: translate3d(400px, 0px, 0px);
	-moz-transform: translate3d(400px, 0px, 0px);
	-ms-transform: translate3d(400px, 0px, 0px);
	transform: translate3d(400px, 0px, 0px)
}
#img4 {
	z-index: 13
}
#img4.active {
	-webkit-transform: translate3d(200px, 0px, 0px);
	-moz-transform: translate3d(200px, 0px, 0px);
	-ms-transform: translate3d(200px, 0px, 0px);
	transform: translate3d(200px, 0px, 0px)
}
.tupian {
	position: absolute;
	top: 50%;
	left: 50%;
}
.section3 .tupian {
	margin-left: -430px;
	margin-top: -240px;
}
.section4 .tupian {
	margin-left: -430px;
	margin-top: -240px;
}
#menu {
	position: fixed;
	right: 20px;
	top: 50%;
	width: 90px;
	margin: -160px 0 0;
	padding: 0;
	list-style-type: none;
	z-index: 70;
}
#menu li {
	margin-top: 10px;
	font: 14px "Microsoft Yahei";
}
#menu a {
	display: block;
	padding: 10px 0;
	background-color: #fff;
	color: #5c040c;
	text-align: center;
	text-decoration: none;
}
#menu .active a {
	color: #fff;
	background-color: #5c040c;
}
.section {
	text-align: center;
	font: 50px "Microsoft Yahei";
	color: #fff;
}
.section1 {
	background: url(../images/dianshi.png) no-repeat 50%;
}
.section2 {
	background: url(../images/2014nianhui_02.jpg) 50%;
}
.section3 {
	background: url(../images/2014nianhui_03.jpg) 50%;
}
.section4 {
	background: url(../images/2014nianhui_04bg.jpg) repeat;
	color: #999;
}
.section5 {
	background: url(../images/2014nianhui_05.jpg) 50%;
}
.section1 p {
	font: 35px "Microsoft Yahei";
}
.section2 p, .section5 p {
	position: relative;
	display: none;
}
.section3 p, .section4 p {
	position: relative;
	bottom: -120%;
}
.section3 h3, .section3 p {
	padding-left: 500px;
}
.section4 h3, .section4 p {
	padding-right: 500px;
}
.section2 h3 {
	display: none;
}
.section3 h3 {
	display: none;
}
.section4 h3 {
	display: none;
}
.section5 h3 {
	display: none;
}