body,ul{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
.pages_con{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}
.pages{
	height:37.5rem;
	position:relative;
}
.page1{
	background: url("../images/1-banner.png");
}
.page3{
	background: url("../images/4-banner.png");
}
.page4{
	background: url("../images/3-banner.png") no-repeat center;
	background-size:cover;
}
.page5{
	background: url("../images/4-banner.png") no-repeat center;
	background-size:cover;
}
.page6{
	background: #fff no-repeat;
	background-size:100% 100%;
;
}
.points{
	width:1rem;
	height:11rem;
	position:fixed;
	right:1.25rem;
	top:50%;
	margin-top:-5.5rem;
}
.points li{
	width:0.8125rem;
	height:0.8125rem;
	margin:1rem 0;
	border-radius:50%;
	border:2px solid #444444;
	cursor:pointer;
}
.points li.active{
	background-color:#0066FF;
}
.main_con{
	width:56.25rem;
	height:25rem;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-28.125rem;
	margin-top:-12.5rem;
}
.main_con .left_img{
	width:22.6875rem;
	height:25rem;
	float:left;
	position:relative;
	left:-3.125rem;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1000ms ease 300ms;
}
.main_con .right_info{
	width:31.25rem;
	height:18.75rem;
	margin-top:3.125rem;
	float:right;
	font-family:'Microsoft Yahei';
	font-size:1.25rem;
	line-height:3.125rem;
	color:#666;
	text-indent:2em;
	text-align:justify;
	position:relative;
	right:-3.125rem;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1000ms ease 300ms;
}
.moving .main_con .left_img{
	left:0;
	opacity:1;
	filter:alpha(opacity=100);
}
.moving .main_con .right_info{
	right:0;
	opacity:1;
	filter:alpha(opacity=100);
}
.main_con .right_img{
	width:32.625rem;
	height:25rem;
	float:right;
	position:relative;
	top:-3.125rem;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1000ms ease 300ms;
}
.main_con .left_info{
	width:21.875rem;
	height:18.75rem;
	margin-top:3.125rem;
	float:left;
	font-family:'Microsoft Yahei';
	font-size:1.25rem;
	line-height:3.125rem;
	color:#666;
	text-indent:2em;
	text-align:justify;
	position:relative;
	bottom:-3.125rem;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1000ms ease 300ms;
}
.moving .main_con .right_img{
	top:0;
	opacity:1;
	filter:alpha(opacity=100);
}
.moving .main_con .left_info{
	bottom:0;
	opacity:1;
	filter:alpha(opacity=100);
}
.main_con .center_img{
	width:38.1875rem;
	height:21.0625rem;
	position:absolute;
	left:50%;
	margin-left:-19.0625rem;
	bottom:-3.125rem;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 1000ms ease 300ms;
}
.moving .main_con .center_img {
	bottom:0;
	opacity:1;
	filter:alpha(opacity=100);
}