@charset "gb2312";
/* CSS Document */

a:hover{ text-decoration: none; color: #006eab;}
.txt-blue{ color: #006eab;}

.data-chart{ height: 800px; overflow: hidden;}
.data-chart .wrap{ position: relative;}
.data-chart .title{ margin-top: 32px; text-align: center;}
.data-chart .data{ width: 1200px; padding-bottom: 30px; text-align: center; margin-top: 40px; position: relative;}
.data-chart .data .bd{ width: 1200px; overflow: hidden;}
.data-chart .data .bd ul{ overflow:hidden; zoom:1;}
.data-chart .data .bd ul li{ width: 1200px; height: 682px; overflow: hidden;}
.data-chart .data .hd{ position: absolute; bottom:0;left: 50%; z-index: 1;}
.data-chart .data .hd ul li{ width:13px; height:13px; float: left; overflow:hidden; margin-right:15px; text-indent:20px; cursor:pointer; background:url(data_icoSquare.gif) 0 0 no-repeat; }
.data-chart .data .hd ul li.on{ background-position:0 -13px; }

.data-release{ height: 530px; overflow: hidden; background:url(data_release_bg.png) left top repeat-x;}
.data-release .title{ margin-top: 50px; text-align: center;}
.data-list{ overflow:hidden; padding-top:35px;}
.data-list .data-box{ width:50%;}
.data-list .data-box ul{overflow:hidden;margin:0 10px; padding-left:10px;}
.data-list .data-box .first{ border-right:1px solid #eee;}
.data-list .data-box ul li{height:38px;line-height:38px}
.data-list .data-box ul li a{float:left;color:#333; font-weight:bold; font-size:16px;line-height:38px;transition:all .3s ease}
.data-list .data-box ul li:hover a{color:#006eab}
.data-list .data-box ul li a i{float:left;margin-right:9px;width:6px;height:38px;background:url(data_list.png) no-repeat center}
.data-list .data-box ul li span{float:right;margin-right:50px;color:#999;font-size:14px}
.data-release .more{ display: block; width: 160px; height: 48px; text-align: center; margin: 30px auto; line-height: 48px; border: #ebeff1 solid 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  color: #333; font-size: 16px;transition: all .3s ease;}
.data-release .more:hover{color: #fff;background: #10568A;}



.analysis{ height: 540px; background-color: #eee;}
.analysis .wrap{ padding-top: 20px;}
.analysis .wrap .pic{ width: 300px; padding-top: 70px;}
.analysis .wrap .pic img{ margin-left: 50px;}
.analysis .wrap .content{ margin-left: 30px; width: 870px;}
.analysis .wrap .content .box{ padding: 25px 0; line-height: 35px; border-top: #bfbfbf solid 1px;}
.analysis .wrap .content .box:first-child{ border-top: none;}
.analysis .wrap .content .box h2{ color: #333; font-size: 24px; font-weight: bold;}
.analysis .wrap .content .box span{ font-size: 16px;}
.analysis .wrap .content .box p{ text-indent: 2em; line-height: 25px; font-size: 16px;}
.analysis .wrap .content .box .img{ width: 260px; height: 137px;}
.analysis .wrap .content .box .con{ margin-left: 20px; width: 580px;}
.analysis .wrap .content .box .list{ }
.analysis .wrap .content .box .list li{ padding-left: 15px; background: url(data_list.png) no-repeat left center;}
.analysis .wrap .content .box .list li a{ float: left; font-weight: bold; font-size: 16px; width: 85px; white-space: nowrap; text-overflow: ellipsis;}
.analysis .wrap .content .box .list li span{ float: right; color: #999;}

.statistics{ padding-top: 30px;}
.statistics .tab-box{ height: 540px; overflow: hidden;}
.statistics .tab-menu{ width: 264px; height: 58px; margin: 0 auto;}
.statistics .tab-menu li{ float: left; width: 131px; height: 58px;}
.statistics .tab-menu li a{ text-align: center; width: 132px; height: 48px; padding-top: 10px; background: url(data_tab.png) no-repeat; display: block;  font-size: 18px; font-weight: bold;}
.statistics .tab-menu li.active a{ border: none; color: #fff; background: url(data_tab_active.png) no-repeat;}
.statistics .tab-con{ height: 482px; overflow: hidden;} 
.statistics .tab-con .title{ border: #dcdcdc solid 2px; height: 48px; line-height: 48px; color: #666; font-size: 24px; font-weight: bold; text-align: center; width: 440px; margin: 0 auto; margin-top: 20px; }
.statistics .tab-con .year{ margin-top: 50px;  }
.statistics .tab-con .year .timeline_box{ width: 1200px;  height: 250px; overflow: hidden; position: relative;}
.year .timeline_box li.timeline_label{ position: relative; float: left; width: 102px; height: 126px; padding-top: 124px;}
.year .timeline_box li.timeline_label .line{ border-top: #eee solid 2px;}
.year .timeline_box li.timeline_label .timeline_circle{ position: absolute; left: 0px; top: 50%; margin-top: -6px; z-index: 99; }
.year .timeline_box li.timeline_label .timeline_circle .ico{ display: block; width: 12px; height: 12px; background: url(data_ico_all.png) no-repeat;}
.year .timeline_box li.timeline_label .timeline_con{display:block; padding-top: 46px; width: 121px; height:76px; color: #333; font-size: 18px; font-weight: bold; text-align: center; background: url(data_bg.png) no-repeat;}
.year .timeline_box li.timeline_label .timeline_con.top{ position: absolute; top:0; left: -54px;}
.year .timeline_box li.timeline_label .timeline_con.bottom{ position: absolute;  left: -54px;}
.year .timeline_box li.active .timeline_circle .ico-circle{ background-position: 0 -19px;}
.year .timeline_box li.active .timeline_con{ color: #fff; background: url(data_bg_active.png) no-repeat;}

.year .timeline_box li.first .timeline_circle .ico-circle{ background-position: 0 0;}
.year .timeline_box li.first{ width: 66px;}
.year .timeline_box li.last .timeline_circle{ position: absolute; right: 0;}
.year .timeline_box li.last .timeline_circle .ico-circle{ background-position: 0 0;}
.year .timeline_box li.last{ width: 12px;}

.statistics .tab-con .more{ display: block; width: 160px; height: 48px; text-align: center; margin: 30px auto; line-height: 48px; border: #ebeff1 solid 1px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  color: #333; font-size: 16px;transition: all .3s ease;}
.statistics .tab-con .more:hover{color: #fff;background: #10568A;}
.adv{ width: 1200px;  height: 200px; overflow: hidden; margin-bottom: 30px;}
.adv img{ width: 100%; height: 100%;}

.data-catalogue{ height: 828px; background-color: #eee;}
.data-catalogue .tl{ padding-top: 30px; text-align: center;}
.data-catalogue h2{ margin-top: 25px; font-size: 30px; text-align: center; font-weight: bold; color: #666;}

.yl-list ul{
	overflow: hidden;
	padding: 25px 0 25px;
	border-bottom: 1px dashed #e4e6eb;
	margin: 0 10px;
}
.yl-list  ul li{
	line-height: 38px;
	height: 38px;
}
.yl-list ul li a{
	line-height: 38px;
	float: left;
	color: #333333;
	font-size: 16px;
	transition: all .3s ease;
} 
.yl-list ul li:hover a{
	color: #006eab;
}
.yl-list ul li a i{
	background: url(jjgl.png) no-repeat center;
	float: left;
	width: 4px;
	height: 38px;
	margin-right: 23px;
}
.yl-list ul li span{
	float: right;
	color: #999;
	font-size: 14px;
	margin-right: 50px;
}