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

a{
	color:#000;
}
img{
	display:block;
}

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


.section{
	width:100%;
	height:100%;
	min-width:1200px;
	background-repeat:no-repeat;
	background-position:center top;
}

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




#page1{ background:url(../images/page1.jpg) no-repeat center top;}
#page2{ background:url(../images/page2.jpg) no-repeat center top;}
#page3{ background:url(../images/page3.jpg) no-repeat center top;}
#page4{ background:url(../images/page4.jpg) no-repeat center top;}
#page5{ background:url(../images/page2.jpg) no-repeat center top;}






.nav{
	height:31px;
	position:fixed;
	left:19.9%;
	top:5%;
	z-index:100;
}
.nav a{
	width:138px;
	height:31px;
	display:block;
	float:left;
	text-indent:-9999px;
}
.nav .a1{ background:url(../images/a1.png) no-repeat;}
.nav .a1:hover{ background:url(../images/a1-a.png) no-repeat;}
.nav .a2{ background:url(../images/a2.png) no-repeat;}
.nav .a2:hover{ background:url(../images/a2-a.png) no-repeat;}
.nav .a3{ background:url(../images/a3.png) no-repeat;}
.nav .a3:hover{ background:url(../images/a3-a.png) no-repeat;}
.nav .a4{ background:url(../images/a4.png) no-repeat;}
.nav .a4:hover{ background:url(../images/a4-a.png) no-repeat;}
.nav .a5{ background:url(../images/a5.png) no-repeat;}
.nav .a5:hover{ background:url(../images/a5-a.png) no-repeat;}

.logo{
	position:absolute;
	right:54px;
	top:4.52%;
	cursor:pointer;
	width:103px;
	height:41px;
	background:url(../images/logo.png) no-repeat;
}

.mouse-down{
	position:absolute;
	left:527px;
	bottom:5%;
	cursor:pointer;
	width:47px;
	height:47px;
}





#page1 .box1{
	width:923px;
	height:691px;
	position:absolute;
	left:82px;
	top:8.6%;
}
@-ms-keyframes part1{
	from{ filter:alpha(opacity=0); -ms-opacity:0; opacity:0;}
	to{ }
}

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

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

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

@keyframes part1{
	from{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
#page1 .box1 .pic1{
	width:923px;
	height:691px;
	animation:'part1' 0.6s ease-in-out 0s normal;
	-ms-animation:part1 0.6s ease-in-out 0s normal;
	-moz-animation:part1 0.6s ease-in-out 0s normal;
	-o-animation:'part1' 0.6s ease-in-out 0s normal;
	-webkit-animation:'part1' 0.6s ease-in-out 0s normal;
}
@-ms-keyframes part2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	35%{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	to{ }
}
@-moz-keyframes part2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	35%{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	to{ }
}
@-o-keyframes part2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	35%{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	to{ }
}
@-webkit-keyframes part2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	35%{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	to{ }
}
@keyframes part2{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	35%{ filter:alpha(opacity=0); opacity:0; transform:scale(1.5,1.5); }
	to{ }
}
#page1 .box1 .zi1{
	width:800px;
	height:353px;
	position:absolute;
	top:72px;
	left:40px;
	animation:'part2' 1.2s ease-in-out 0s normal;
	-ms-animation:part2 1.2s ease-in-out 0s normal;
	-moz-animation:part2 1.2s ease-in-out 0s normal;
	-o-animation:'part2' 1.2s ease-in-out 0s normal;
	-webkit-animation:'part2' 1.2s ease-in-out 0s normal;
}
@-ms-keyframes part3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	54%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	to{ }
}
@-moz-keyframes part3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	54%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	to{ }
}
@-o-keyframes part3{
	from{ filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}
	54%{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	to{ }
}
@-webkit-keyframes part3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	54%{ filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}
	to{ }
}
@keyframes part3{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}
	54%{ filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}
	to{ }
}
#page1 .box1 .zi2{
	width:655px;
	height:114px;
	position:absolute;
	top:435px;
	left:133px;
	animation:'part3' 1.4s ease-in-out 0s normal;
	-ms-animation:part3 1.4s ease-in-out 0s normal;
	-moz-animation:part3 1.4s ease-in-out 0s normal;
	-o-animation:'part3' 1.4s ease-in-out 0s normal;
	-webkit-animation:'part3' 1.4s ease-in-out 0s normal;
}
@-ms-keyframes part4{
	from{ filter:alpha(opacity=0); opacity:0;}
	74%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-moz-keyframes part4{
	from{ filter:alpha(opacity=0); opacity:0;}
	74%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-o-keyframes part4{
	from{ filter:alpha(opacity=0); opacity:0;}
	74%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@-webkit-keyframes part4{
	from{ filter:alpha(opacity=0); opacity:0;}
	74%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@keyframes part4{
	from{ filter:alpha(opacity=0); opacity:0;}
	74%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
#page1 .mouse-down{
	animation:'part4' 1.9s ease-in-out 0s normal;
	-ms-animation:part4 1.9s ease-in-out 0s normal;
	-moz-animation:part4 1.9s ease-in-out 0s normal;
	-o-animation:'part4' 1.9s ease-in-out 0s normal;
	-webkit-animation:'part4' 1.9s ease-in-out 0s normal;
}
@-ms-keyframes part5{
	from{ filter:alpha(opacity=0); opacity:0;}
	84%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-moz-keyframes part5{
	from{ filter:alpha(opacity=0); opacity:0;}
	84%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@-o-keyframes part5{
	from{ filter:alpha(opacity=0); opacity:0;}
	84%{ filter:alpha(opacity=0); opacity:0; }
	to{ }
}
@-webkit-keyframes part5{
	from{ filter:alpha(opacity=0); opacity:0;}
	84%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
@keyframes part5{
	from{ filter:alpha(opacity=0); opacity:0;}
	84%{ filter:alpha(opacity=0); opacity:0;}
	to{ }
}
.nav,#page1 .logo{
	animation:'part5' 2.2s ease-in-out 0s normal;
	-ms-animation:part5 2.2s ease-in-out 0s normal;
	-moz-animation:part5 2.2s ease-in-out 0s normal;
	-o-animation:'part5' 2.2s ease-in-out 0s normal;
	-webkit-animation:'part5' 2.2s ease-in-out 0s normal;
}












#page2 .box1{
	width:100%;
	position:absolute;
	left:0px;
	top:17.7%;
}
#page2 .left{
	width:600px;
}
#focus{
	width:600px;
	height:348px;
	background:url(../images/focus1.png) no-repeat;
	position:relative;
}
#focus .pic{
	width:579px;
	height:328px;
	position:absolute;
	top:10px;
	left:8px;
}
#focus .pic img{
	width:579px;
	height:328px;
}
#focus .prve,#focus .next{
	top:125px;
	width:40px;
	height:79px;
	position:absolute;
	cursor:pointer;
}
#focus .prve{
	left:8px;
	background:url(../images/prve.png) no-repeat;
}
#focus .next{
	right:13px;
	background:url(../images/next.png) no-repeat;
}
#focus .textbg,#focus p{
	position:absolute;
	left:8px;
	bottom:10px;
	height:68px;
}
#focus .textbg{
	background:#000;
	filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
	width:579px;
}
#focus p{
	font-size:18px;
	line-height:68px;
	padding-left:20px;
	width:559px;
}
#focus p a{ color:#fff;}

#page2 .block1 ul{
	margin:17px 0px 0px -28px;
	zoom:1;
}
#page2 .block1 li{
	width:278px;
	height:220px;
	float:left;
	position:relative;
	display:inline;
	margin-left:30px;
	background:url(../images/li1.png) no-repeat top left;
}
#page2 .block1 li .pic{
	width:270px;
	position:absolute;
	top:7px;
	left:4px;
}
#page2 .block1 li .pic img{
	width:270px;
	height:172px;
}
#page2 .block1 li .play{
	width:48px;
	height:48px;
	background:url(../images/play.png) no-repeat;
	position:absolute;
	top:71px;
	left:120px;
	cursor:pointer;
}
#page2 .block1 li p{
	font-size:16px;
	width:100%;
	text-align:center;
	position:absolute;
	left:0px;
	top:193px;
	line-height:22px;
	height:22px;
}
#page2 .block1 li p a{ color:#666;}


#page2 .right{
	width:532px;
}
#page2 .block2{
	margin-top:-30px;
}
#page2 .block2 li{
	border-bottom:1px dashed #bfbfbf;
	padding:29px 0px;
}
#page2 .block2 li h4{
	font-size:26px;
	line-height:34px;
	height:34px;
}
#page2 .block2 li p{
	font-size:16px;
	color:#666;
	line-height:26px;
	max-height:52px;
	margin-top:11px;
}

#page2 .block3 ul{
	margin:31px 0px 0px 4px;
}
#page2 .block3 li{
	font-size:20px;
	line-height:56px;
	height:56px;
	background:url(../images/li2.png) no-repeat left center;
	padding-left:23px;
} 
#page2 .block3 li a{ color:#666;}












#page3 .box2{
	width:100%;
	position:absolute;
	left:0px;
	top:312px;
}
#page3 .box2 ul{
	margin-left:87px;
}
#page3 .box2 li{
	width:432px;
	float:left;
	margin-left:53px;
	display:inline;
}
#page3 .box2 li .pic{
	width:170px;
	float:left;
}
#page3 .box2 li .pic img{
	width:170px;
	height:232px;
}
#page3 .box2 li .news{
	width:231px;
	float:right;
}
#page3 .box2 li .news h4{
	font-size:24px;
	line-height:32px;
	height:32px;
	margin:-5px 0px 30px 0px;
}
#page3 .box2 li .news p{
	font-size:14px;
	color:#333;
	height:144px;
	line-height:24px;
}
#page3 .box2 li .more{
	margin:13px 0px 0px 75px;
	width:152px;
	height:16px;
	display:block;
}
#page3 .switch{
	width:60%;
	margin-left:auto;
	margin-top:52px;
}
#page3 .switch li{
	background:url(../images/span1.png) no-repeat;
    display:inline-block;
    font-size:0;
    height:30px;
    line-height:0;
    margin:0 7px;
    overflow:hidden;
    width:10px;
	color:#998979;
}
#page3 .switch li.current{background:url(../images/span2.png) no-repeat;}
#page3 .switch a{ float:left;}
#page3 .switch img{ display:inline-block;}










#page4 .box3{
	width:100%;
	position:absolute;
	left:0px;
	top:182px;
}
#page4 ul{
	width:403px;
	float:left;
	margin:86px 0px 0px 47px;
	display:inline;
}
#page4 li{
	font-size:20px;
	height:74px;
	line-height:67px;
	border-bottom:1px dashed #c3b19e;
	padding-left:5px;
}

#page4 #movie{
	width:630px;
	height471px:;
	float:right;
	margin-right:68px;
	display:inline;
}










#page5 .box4{
	width:100%;
	position:absolute;
	left:0px;
	top:15.4%;
}
#page5 .box4 ul{
	margin-left:-40px;
	zoom:1;
}
#page5 .box4 li{
	width:580px;
	height:122px;
	float:left;
	margin:0px 0px 22px 40px;
	background:url(../images/li3.gif) no-repeat;
}
#page5 .box4 li .num{
	float:left;
	width:46px;
	line-height:60px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
#page5 .box4 li .con{
	float:right;
	width:462px;
	padding:15px 58px 0px 0px;
}
#page5 .box4 li .con h4{
	font-size:24px;
	height:30px;
	line-height:30px;
	font-weight:normal;
}
#page5 .box4 li .con p{
	line-height:24px;
	max-height:48px;
	color:#666;
	font-size:14px;
	margin-top:8px;
}
#page5 .switch1{
	text-align:center;
}
#page5 .switch1 a{
	background:#bfbfbf;
	color:#bfbfbf;
	width:10px;
	height:10px;
	display:inline-block;
	margin:0px 7px;
	border-radius:5px;
}
#page5 .switch1 a:hover{
	text-decoration:none;
}
#page5 .switch1 .current{
	background:#c83330;
	color:#c83330;
}











@media(max-width:1601px){
	.nav{left:14.9%; top:3%;}
	.logo{top:2.52%;}
	#page1 .box1{ top:50%; margin-top:-326px;}
	.mouse-down{ bottom:10%;}
	#page2 .mouse-down,#page3 .mouse-down,#page4 .mouse-down{ bottom:1%;}
	#page5 .mouse-down{ bottom:3%;}
	#page2 .box1{top:13.7%;}
	#page5 .box4{top:12.4%;}
}
@media(max-width:1441px){
	.nav{left:10.7%; top:3%;}
	.logo{top:2.52%;}
	#page1 .box1{ top:50%; margin-top:-306px;}
	#page1 .mouse-down{ bottom:6%;}
	#page2 .mouse-down,#page3 .mouse-down{ bottom:3%;}
	#page2 .box1{top:13.7%;}
	#page5 .box4{top:12.4%;}
}