/* init */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } 
h1, h2, h3, h4, h5, h6{ font-size:100%; } 
address, cite, dfn, em, var { font-style:normal; } 
code, kbd, pre, samp { font-family:couriernew, courier, monospace; } 
small{ font-size:12px; } 
ul, ol { list-style:none; } 
a { text-decoration:none; } 
a:hover { text-decoration:underline; } 
sup { vertical-align:text-top; } 
sub{ vertical-align:text-bottom; } 
legend { color:#000; } 
fieldset, img { border:0; } 
button, input, select, textarea { font-size:100%; } 
table { border-collapse:collapse; border-spacing:0; }

.fl{
	float: left;
}
.fr{
	float: right;
}

/* index */
html{
	height: 100%;
}
body{
	width: 1920px;
	height: 100%;
	background: url(../../images/hd_data/bg.jpg) no-repeat;

}
.title {
	height: 132px;
	background: url(../../images/hd_data/title.png) no-repeat center 10px;
}
.main_bar {
	height: 850px;
	margin: 40px 50px;
}
.main_bar > .plat_1{
	width: 695px;
	height: 100%;
	overflow: hidden;
}
.main_bar > .plat_1 > .chart_bar{
	margin-bottom: 60px;
}
.main_bar > .plat_1 > .chart_bar .m_tt{
	height: 45px;
	
}
.main_bar > .plat_1 > .chart_bar .m_tt h1{
	color: #10ebf2;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;
}
.main_bar > .plat_1 > .chart_bar .m_tt.m_tt1{
	background: url(../../images/hd_data/tit_bg.png) no-repeat;
}
.main_bar > .plat_1 > .chart_bar .m_tt.m_tt2{
	background: url(../../images/hd_data/tit3_bg.png) no-repeat;
	position: relative;
}
.main_bar > .plat_1 > .chart_bar .m_tt.m_tt2 h1{
	padding-left: 45px;
}
.main_bar > .plat_1 > .chart_bar .m_tt.m_tt2 span {
	position: absolute;
	right: 100px;
	top: 17px;
	color: #10ebf2;
}

.main_bar > .plat_2{
	width: 494px;
	height: 100%;
	
}
.main_bar > .plat_2 > .top{
	width: 100%;
	height: 390px;
}
.main_bar > .plat_2 > .top > .item{
	height: 110px;
	width: 100%;
	background: url(../../images/hd_data/bot2_bg.png) no-repeat;
	margin-bottom: 27px;
}
.main_bar > .plat_2 > .top > .item.first{
	margin-top: 11px;
}
.main_bar > .plat_2 > .top > .item.last{
	margin-bottom: 0;
}
.main_bar > .plat_2 > .top > .item > ._data{
	width: 415px;
	height: 100%;
	margin: 0 auto;
}
.main_bar > .plat_2 > .top > .item > ._data > p{
	height: 110px;
	line-height: 110px;
	color: #fff;
	font-size: 16px;
	padding-left: 120px;
}
.main_bar > .plat_2 > .top > .item > ._data > p.icon1{
	background: url(../../images/hd_data/icon1.png) no-repeat left center;
}
.main_bar > .plat_2 > .top > .item > ._data > p.icon2{
	background: url(../../images/hd_data/icon2.png) no-repeat left center;
}
.main_bar > .plat_2 > .top > .item > ._data > p.icon3{
	background: url(../../images/hd_data/icon3.png) no-repeat left center;
}
.main_bar > .plat_2 > .top > .item > ._data > p > span{
	font-size: 30px;
	color: #10ebf2;
	font-family: 微软雅黑;
}
.main_bar > .plat_2 > .bottom{
	margin-top: 55px;
	margin-left: 50px;
}
.main_bar > .plat_2 > .bottom .m_tt{
	height: 45px;
	background: url(../../images/hd_data/tit2_bg.png) no-repeat;
}
.main_bar > .plat_2 > .bottom .m_tt h1{
	color: #10ebf2;
	font-size: 20px;
	height: 45px;
	line-height: 50px;
	padding-left: 15px;
}
.main_bar > .plat_3{
	width: 575px;
	height: 100%;
	position: relative;
}
.main_bar > .plat_3 > .map_bar{
	position: absolute;
	
}
.main_bar > .plat_3 > .map_bar.bar1{
	top: 108px;
	right: 30px;
}
.main_bar > .plat_3 > .map_bar.bar2{
	top: 213px;
	right: 55px;
}
.main_bar > .plat_3 > .map_bar.bar3{
	top: 305px;
	right: 60px;
}
.main_bar > .plat_3 > .map_bar.bar4{
	top: 393px;
	right: 206px;
}
.main_bar > .plat_3 > .map_bar.bar5{
	bottom: 118px;
	right: 45px;
}
.main_bar > .plat_3 > .map_bar > .tips {
	overflow: hidden;
	width: 150px;
	height: 50px;
}
.main_bar > .plat_3 > .map_bar > .tips > p{
	color: #fff;
	font-size: 16px;
	line-height: 17px;
}
.bar{
	width: 100%;
	height: 348px;
	background: url(../../images/hd_data/bot_bg.png) no-repeat;
}
.bar.bot1{
	background: url(../../images/hd_data/bot1_bg.png) no-repeat;
}
.bar.bot3{
	background: url(../../images/hd_data/bot3_bg.png) no-repeat;
}
/* 数据一 */
#data1{
	width: 100%;
	height: 100%;
}
#data2{
	width: 92%;
	height: 100%;
}
#data3{
	width: 100%;
	height: 100%;
}
#map{
	width: 100%;
	height: 100%;
}