body{
	font-family:"Microsoft Yahei","ºÚÌå";
	color:#333;
}

a{
	color:#333;
}
h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}
li,p{
	overflow:hidden;
}


.section{
	width:100%;
	height:100%;
	min-width:1100px;
	background-repeat:no-repeat;
}


.pagebox{
	width:1100px;
	height:100%;
	margin:0px auto;
	position:relative;
}



#page1{ background-image:url(images/page1.jpg);background-position:center 0px;}
#page2{ background-image:url(images/page2.jpg);background-position:center 70px; }
#page3{ background-image:url(images/page3.jpg);background-position:center 70px; }
#page4{ background-image:url(images/page4.jpg);background-position:center 70px; }
#page5{ background-image:url(images/page5.jpg);background-position:center 70px; }




.di{
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	border-bottom:12px solid #e11629;
	height:20px;
}
.di .box{
	width:100%;
	height:100%;
	position:relative;
}
.di img{
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-20px;
}








#page1 .text3{
	position:absolute;
	left:370px;
	top:83px;
}
#page1 .text1{
	position:absolute;
	left:255px;
	top:155px;
}
#page1 .text2{
	position:absolute;
	left:317px;
	top:228px;
}
#page1 .mouse-down{
	position:absolute;
	left:487px;
	top:602px;
}


@-ms-keyframes text1{
	from{ top:-1400px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-moz-keyframes text1{
	from{ top:-1400px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-o-keyframes text1{
	from{ top:-1400px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-webkit-keyframes text1{
	from{ top:-1400px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@keyframes text1{
	from{ top:-1400px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
.active .text1{
	-ms-animation:text1 0.7s ease-in 0s normal;
	-moz-animation:text1 0.7s ease-in 0s normal;
	-o-animation:'text1' 0.7s ease-in 0s normal;
	-webkit-animation:'text1' 0.7s ease-in 0s normal;
	animation:'text1' 0.7s ease-in 0s normal;
}	


@-ms-keyframes text2{
	from{ top:1000px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-moz-keyframes text2{
	from{ top:1000px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-o-keyframes text2{
	from{ top:1000px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-webkit-keyframes text2{
	from{ top:1000px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@keyframes text2{
	from{ top:1000px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
.active .text2{
	-ms-animation:text2 0.7s ease-in 0s normal;
	-moz-animation:text2 0.7s ease-in 0s normal;
	-o-animation:'text2' 0.7s ease-in 0s normal;
	-webkit-animation:'text2' 0.7s ease-in 0s normal;
	animation:'text2' 0.7s ease-in 0s normal;
}	


@-ms-keyframes text3{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	54%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	to{ }
}

@-moz-keyframes text3{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	54%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	to{ }
}

@-o-keyframes text3{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	54%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	to{ }
}

@-webkit-keyframes text3{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	54%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	to{ }
}

@keyframes text3{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	54%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transform:scale(0,0); -webkit-transform:scale(0,0); -o-transform:scale(0,0); -ms-transform:scale(0,0); transform:scale(0,0); }
	to{ }
}

.active .text3{
	-ms-animation:text3 1.5s ease-in-out 0s normal;
	-moz-animation:text3 1.5s ease-in-out 0s normal;
	-o-animation:'text3' 1.5s ease-in-out 0s normal;
	-webkit-animation:'text3' 1.5s ease-in-out 0s normal;
	animation:'text3' 1.5s ease-in-out 0s normal;
}


@-ms-keyframes mouse{
	from{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	57%{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-moz-keyframes mouse{
	from{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	57%{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-o-keyframes mouse{
	from{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	57%{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@-webkit-keyframes mouse{
	from{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	57%{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
@keyframes mouse{
	from{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	57%{ top:1500px; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ }
}
.active .mouse-down{
	-ms-animation:mouse 1.9s ease-in 0s normal;
	-moz-animation:mouse 1.9s ease-in 0s normal;
	-o-animation:'mouse' 1.9s ease-in 0s normal;
	-webkit-animation:'mouse' 1.9s ease-in 0s normal;
	animation:'mouse' 1.9s ease-in 0s normal;
}	







.top{
	width:100%;
	min-width:1100px;
	height:70px;
	background:#dd2626;
	z-index:999;
}
.top .box{
	width:1100px;
	height:70px;
	margin:0px auto;
	background:url(images/sdsd.gif) no-repeat 3px 9px;
}







.block1{
	width:366px;
	height:392px;
	position:absolute;
	top:117px;
	background-color:rgba(255,255,255,0.48);
	padding:25px 30px 0px 30px;
}
#page2 .block1,#page4 .block1{ left:0px;}
#page3 .block1{ right:0px;}

.block1 span{
	width:88px;
	height:32px;
	line-height:32px;
	text-align:center;
	background:#f31a23;
	font-size:16px;
	color:#fff;
	border-radius:4px;
	display:inline-block;
}
.block1 h3{
	font-size:36px;
	line-height:50px;
	max-height:100px;
	margin:15px 0px 26px 0px;
}
.block1 p{
	font-size:16px;
	color:#666;
	line-height:24px;
	max-height:168px;
}


.block2{
	width:650px;
	height:413px;
	border:1px solid #2b2b2b;
	position:absolute;
	top:118px;
	background:#2b2b2b;
}
#page2 .block2,#page4 .block2{ right:0px;}
#page3 .block2{ left:0px;}

.block2 #movie{
	width:650px;
	height:365px;
	position:relative;
	margin-top:24px;
}
.block2 #movie .play{
	width:69px;
	height:69px;
	top:140px;
	left:290px;
	position:absolute;
	cursor:pointer;
	background:url(images/play.png) no-repeat;
}
.block2 #movie img{
	width:650px;
	height:365px;
}








#page5 .title{
	width:144px;
	height:36px;
	background:url(images/jcjj.png) no-repeat;
	margin:56px 0px 0px 490px;
}

#page5 .text{
	width:100%;
	margin-top:43px;
}
#page5 .text ul{
	margin-left:-28px;
	zoom:1;
}
#page5 .text li{
	width:300px;
	float:left;
	display:inline;
	margin-left:65px;
}
#page5 .text li img{
	width:300px;
	height:180px;
	margin:15px 0px 16px 0px;
}
#page5 .text li h5{
	font-size:20px;
	line-height:26px;
	height:52px;
	font-weight:normal;
}
#page5 .text li p{
	font-size:16px;
	color:#666;
	line-height:26px;
	height:130px;
	text-indent:2em;
	margin:0px 2px;
}


#page5 .prve,#page5 .next{
	width:30px;
	height:56px;
	position:absolute;
	cursor:pointer;
	top:281px;
}
#page5 .prve{
	background:url(images/prve.png) no-repeat;
	left:-41px;
}
#page5 .next{
	background:url(images/next.png) no-repeat;
	right:-41px;
}


#page5 .switch{
	width:100%;
	text-align:center;
	margin-top:40px;
}
#page5 .switch a{
	background:url(images/focus-type1.png) no-repeat;
	color:#bfbfbf;
	padding:0px 4px;
	margin:0px 6px;
}
#page5 .switch a:hover{
	text-decoration:none;
}
#page5 .switch .current{
	background:url(images/focus-type2.png) no-repeat;
	color:#f31a23;
	padding:0px 9px;
}