body{
	font-family:"Microsoft Yahei","ËÎÌå";
	color:#333;
	font-size:12px;
}

a{
	color:#333;
}

img{
	display:block;
}

.section{
	width:100%;
	height:100%;
	min-width:1020px;
	overflow:hidden;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

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

#page1{ background-image:url(images/bg1.jpg); }
#page2{ background-image:url(images/bg2.jpg); }
#page3{ background-image:url(images/bg3.jpg); }
#page4{ background-image:url(images/bg4.jpg); }
#page5{ background-image:url(images/bg5.jpg); }
#page6{ background-image:url(images/bg6.jpg); }
#page10{ background-image:url(images/bg12.jpg); }
.next{
	position:absolute;
	width:113px;
	height:35px;
	background:url(images/next.png) no-repeat;
	bottom:10px;
	left:453px;
}

@media screen and (max-height:768px){.next{ bottom:0px; }}

#page1 .dz-logo{
	position:absolute;
	left:364px;
	top:79px;
}

#p1-topic1{
	position:absolute;
	left:52px;
	top:118px;
}

#p1-topic2{
	position:absolute;
	left:509px;
	top:57px;
}

#p1-text{
	position:absolute;
	right:20px;
	top:210px;
}

#p1-nav{
	position:absolute;
	left:194px;
	top:524px;
	width:759px;
	height:180px;
	background:url(images/p1-nav.png);
	z-index:100;
}

@media screen and (max-height:768px){#p1-nav{  top:auto; bottom:0px; }}

#p1-nav ul li{
	position:absolute;
	width:94px;
	height:94px;
	background-repeat:no-repeat;
	background-position:center center;
	text-indent:-9999px;
}

#p1-nav ul li a{
	display:block;
	width:100%;
	height:100%;
}

#p1-nav1{ left:0px; top:0px; background-image:url(images/p1-nav1.png); }
#p1-nav2{ left:145px; top:80px; background-image:url(images/p1-nav2.png); }
#p1-nav3{ left:331px; top:50px; background-image:url(images/p1-nav3.png); }
#p1-nav4{ left:513px; top:86px; background-image:url(images/p1-nav4.png); }
#p1-nav5{ left:665px; top:23px; background-image:url(images/p1-nav5.png); }

#p1-nav ol li{
	position:absolute;
	width:145px;
	height:200px;
	background-repeat:no-repeat;
	background-position:center center;
	color:#fff;
	line-height:28px;
	padding:55px 55px 0px 55px;
	display:none;
}

#p1-nav-big1{ left:-150px; top:-54px; background-image:url(images/p1-nav-big1.png); }
#p1-nav-big2{ left:81px; top:-47px; background-image:url(images/p1-nav-big2.png); }
#p1-nav-big3{ left:250px; top:-31px; background-image:url(images/p1-nav-big3.png); }
#p1-nav-big4{ left:422px; top:-12px; background-image:url(images/p1-nav-big4.png); }
#p1-nav-big5{ left:611px; top:-12px; background-image:url(images/p1-nav-big5.png); }

.sidenav{
	position:absolute;
	right:-108px;
	top:40px;
	width:96px;
}

.sidenav .back{
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background:#0058a3;
}

.sidenav ul{
	background:url(images/sidenav-bg.gif) repeat-y center -27px;
	padding-bottom:8px;
}

.sidenav ul li{
	height:30px;
	line-height:30px;
	padding-bottom:18px;
	overflow:hidden;
	font-size:18px;
	text-align:center;
}

.top-logo{
	position:absolute;
	left:11px;
	top:29px;
}

.p2-nav{
	position:absolute;
	left:0px;
	top:593px;
	width:1020px;
	text-align:center;
	z-index:200;
	padding-left:250px;
}

@media screen and (max-height:768px){.p2-nav{  top:auto; bottom:0px; }}
.p2-nav li{
	width:200px;
	float:left;
}
.p2-nav li.current a{
	text-decoration:none;
	color:#ccc;
}

.p2-nav a{
	display:inline-block;
	width:95px;
	height:73px;
	background:url(images/p2-nav.png) no-repeat;
	color:#fff;
	text-align:center;
	font-size:24px;
	line-height:25px;
	padding-top:22px;
	vertical-align:middle;
}

.p2-nav a:hover{
	text-decoration:none;
	color:#ccc;
}

.p2-nav span{
	width:85px;
	padding-left:15px;
	height:95px;
	line-height:95px;
	display:inline-block;
	font-size:36px;
	color:#50a1e6;
	overflow:hidden;
	vertical-align:middle;
}

.p2-box{
	position:absolute;
	left:0px;
	top:40px;
	width:1020px;
	height:521px;
	background:url(images/p2-box.png) no-repeat;
}

.p2-box .title{
	position:absolute;
	left:58px;
	top:-7px;
}

.p2-box .photo{
	position:absolute;
	left:0px;
	top:185px;
	width:380px;
	height:280px;
	padding:45px 0px 0px 26px;
	background:url(images/p2-photo.png) no-repeat;
	overflow:hidden;
}

.p2-box .photo img{
	width:345px;
	height:250px;
}

.p2-box .hot{
	position:absolute;
	left:393px;
	top:42px;
	width:588px;
	height:168px;
	background:url(images/p2-hot.png) no-repeat left bottom;
}

.p2-box .hot h3{
	font-size:34px;
	height:38px;
	line-height:38px;
	overflow:hidden;
	width:545px;
	font-family:"Microsoft Yahei","ºÚÌå";
}

.p2-box .hot h3 a:hover{
	color:#0058a3;
}

.p2-box .hot .date{
	float:left;
	display:inline;
	width:105px;
	font-size:24px;
	line-height:30px;
	margin:55px 0px 0px 3px;
}

.p2-box .hot .date span{
	color:#fff;
	margin-right:15px;
}

.p2-box .hot p{
	float:right;
	display:inline;
	margin:18px 20px 0px 0px;
	width:455px;
	height:104px;
	overflow:hidden;
	line-height:26px;
	font-size:16px;
	color:#585858;
}

.p2-box .hot p a{
	color:#0069c2;
}

.p2-box .text{
	position:absolute;
	left:399px;
	top:234px;
	width:582px;
	height:234px;
	background:url(images/p2-text.png) no-repeat;
	overflow:hidden;
}

.p2-box .text p{
	display:inline;
	width:215px;
	font-size:14px;
	line-height:30px;
}

.p2-box .text .left{
	margin:42px 0px 0px 30px;
}

.p2-box .text .right{
	margin:12px 15px 0px 0px;
}

.p2-box .btn{
	position:absolute;
	left:415px;
	top:422px;
	width:560px;
}

.p2-box .btn img{
	display:inline;
}

#p3-box{
	position:absolute;
	left:0px;
	top:23px;
	width:1020px;
	height:676px;
	background:url(images/p3-box.png) no-repeat;
}

#p3-nav{
	position:absolute;
	left:0px;
	top:112px;
	padding-left:150px;
	width:1020px;
	text-align:center;
}
#p3-nav li{
	float:left;
}
#p3-nav li.current a{
	background:url(images/p3-nav3.png) no-repeat;
}
#p3-nav a{
	display:inline-block;
	width:81px;
	height:81px;
	overflow:hidden;
	background:url(images/p3-nav2.png) no-repeat;
	vertical-align:middle;
	font-size:24px;
	color:#fff;
	line-height:78px;
}

#p3-nav a:hover{
	color:#eee;
	text-decoration:none;
}



#p3-nav .four{
	line-height:28px;
	padding-top:11px;
	height:70px;
}

#p3-nav span{
	display:inline-block;
	width:49px;
	height:81px;
	background:url(images/p3-nav1.png) no-repeat center center;
	vertical-align:middle;
	margin:0px 15px 0px 15px;
}
#p3-box .slides_container{
	margin-top:225px;
	height:450px;
}
#p3-box .text{

	width:200px;
}

#p3-box .le{ margin-left:25px;float:left; }
#p3-box .ri{ margin-right:35px; float:right;}

#p3-box .text h3{
	line-height:30px;
	font-size:20px;
	padding:4px 6px;
	position:relative;
}

#p3-box .le h3{ background:#fe8a00; }
#p3-box .ri h3{ background:#0058a2; }

#p3-box .text h3 a{
	color:#fff;
}

#p3-box .tra{
	position:relative;
	height:10px;
}

#p3-box .tra span{
	position:absolute;
	left:90px;
	top:0px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}

#p3-box .le .tra span{
	border-top:10px solid #fe8a00;
}

#p3-box .ri .tra span{
	border-top:10px solid #0058a2;
}

#p3-box .text p{
	line-height:37px;
	font-size:14px;
	padding:0px 8px;
}

#p3-box .le p{
	background:url(images/p3-text1.png);
}

#p3-box .ri p{
	background:url(images/p3-text2.png);
}

#p3-box .photo{
	width:500px;
	height:335px;
	position:relative;
	float:left;
	margin-left:30px;
	color:#fff;
}

#p3-box .photo a{
	color:#fff;
}

#p3-box .photo img{
	width:500px;
	height:335px;
}

#p3-box .photo .textbg{
	position:absolute;
	width:500px;
	height:70px;
	background:#000;
	left:0px;
	bottom:0px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#p3-box .photo h3{
	position:absolute;
	left:15px;
	bottom:32px;
	width:470px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	font-weight:normal;
	font-size:18px;
}

#p3-box .photo p{
	position:absolute;
	left:15px;
	bottom:10px;
	width:470px;
	height:18px;
	line-height:18px;
	overflow:hidden;
}

#p3-box .bottom{
	height:43px;
	clear:both;
	margin-left:25px;
	line-height:43px;
	overflow:hidden;
	padding-left:50px;
	background:url(images/p3-bottom.png) no-repeat;
	font-size:14px;
}

#p3-box .bottom a{
	margin:0px 15px;
}

#p4-logo{
	position:absolute;
	left:29px;
	top:37px;
}

#p4-box{
	position:absolute;
	left:-35px;
	top:23px;
	width:1084px;
	height:722px;
	background:url(images/p4-box.png) no-repeat;
}

#p4-box .main{
	position:absolute;
	left:60px;
	top:125px;
	padding:15px 32px 0px 32px;
	width:720px;
	height:480px;
	background:#fff url(images/p4-main.jpg) no-repeat center top;
	border-radius:10px;
}

#p4-box .side{
	position:absolute;
	left:875px;
	top:125px;
	width:152px;
}

#p4-box .side p{
	margin-top:15px;
	line-height:30px;
	font-size:16px;
	padding:0px 5px;
}

#p5-box{
	position:absolute;
	left:131px;
	top:0px;
	width:758px;
	height:758px;
	background:url(images/p5-bg.png) no-repeat;
	z-index:500;
}

@media screen and (max-height:768px){#p5-box{  top:0px; }}

#p5-box .link{
	position:absolute;
	text-indent:-9999px;
}

#p5-link1{ width:145px; height:70px; top:30px; left:290px; }
#p5-link2{ width:136px; height:97px; top:55px; left:460px; }
#p5-link3{ width:97px; height:150px; top:150px; left:600px; }
#p5-link4{ width:75px; height:155px; top:312px; left:654px; }
#p5-link5{ width:120px; height:120px; top:495px; left:575px; }
#p5-link6{ width:142px; height:105px; top:83px; left:133px; }
#p5-link7{ width:103px; height:144px; top:200px; left:52px; }
#p5-link8{ width:75px; height:153px; top:360px; left:55px; }
#p5-link9{ width:125px; height:125px; top:530px; left:98px; }

#p5-box .share{
	position:absolute;
	left:255px;
	top:630px;
}

#p5-box .share h3{
	float:left;
}

#p5-box .share .list{
	float:left;
	display:inline;
	width:96px;
	margin:0px 0px 0px 8px;
}

#p5-box .share .list a{
	float:left;
	display:inline;
	margin:0px 3px 3px 0px;
}

#p6-box{
	position:absolute;
	left:0px;
	top:38px;
	width:1020px;
	height:628px;
	background:url(images/p6-box.png) no-repeat;
}

#p6-box ul{
	position:absolute;
	left:13px;
	top:153px;
}

#p6-box ul li{
	float:left;
	display:inline;
	margin:0px 19px 44px 19px;
	height:76px;
	width:450px;
	color:#fff;
	overflow:hidden;
}

#p6-box ul li a{
	color:#fff;
}

#p6-box ul .blue{
	background:url(images/p6-blue.png) no-repeat;
}

#p6-box ul .red{
	background:url(images/p6-red.png) no-repeat;
}

#p6-box ul li .left{
	margin:14px 0px 0px 13px;
	display:inline;
	line-height:24px;
	font-size:14px;
	width:138px;
}

#p6-box ul li .right{
	margin:10px 12px 0px 0px;
	display:inline;
	width:260px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	font-size:18px;
}



#page7{ background-image:url(images/bg7.jpg); }
#page7 .sidenav .back{ background:#6da54c; }
#page7 .p2-nav a{ background:url(images/p7-nav.png) no-repeat; }
#page7 .p2-nav span{ color:#578b39; }
#page7 .p2-box .hot{ background:url(images/p7-hot.png) no-repeat left bottom; }
#page7 .p2-box .hot h3 a:hover{ color:#6da54c; }
#page7 .p2-box .hot p a{ color:#6da54c; }
#page7 .p2-box .text{ background:url(images/p7-text.png) no-repeat; }


.top-nav{
	background:#1b5cab;
}

.top-nav .content{
	height:42px;
	line-height:42px;
	width:1020px;
	margin:0px auto;
	font-size:16px;
}

.top-nav .content a{
	color:#fff;
	margin-left:40px;
}

#page8{ background-image:url(images/bg8.jpg); }
#page8  .sidenav .back{ background:#00a386; }
#page8 .p2-nav a{ background:url(images/p8-nav.png) no-repeat; }
#page8 .p2-nav span{ color:#00a386; }
#page8 .p2-box .hot{ background:url(images/p8-hot.png) no-repeat left bottom; }
#page8 .p2-box .hot h3 a:hover{ color:#00a386; }
#page8 .p2-box .hot p a{ color:#00a386; }
#page8 .p2-box .text{ background:url(images/p8-text.png) no-repeat; }



#page9{ background-image:url(images/bg9.jpg); }
#page9  .sidenav .back{ background:#c18e06; }
#page9 .p2-nav a{ background:url(images/p9-nav.png) no-repeat; }
#page9 .p2-nav span{ color:#00a386; }
#page9 .p2-box .hot{ background:url(images/p9-hot.png) no-repeat left bottom; }
#page9 .p2-box .hot h3 a:hover{ color:#00a386; }
#page9 .p2-box .hot p a{ color:#00a386; }
#page9 .p2-box .text{ background:url(images/p9-text.png) no-repeat; }