gdsx/WebRoot/pages/monitor/csssx/index.css

/* CSS Document */
body {	
	background-color: #fff;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	margin: 0px; padding:0px;
}
@font-face {
    font-family: 'fontNameRegular';
    src: url('../fonts/DS-DIGIT-webfont.eot');
    src: local('../fonts/DS-DIGIT-webfont Regular'), 
              local('../fonts/DS-DIGIT-webfont'), 
url('../fonts/DS-DIGIT-webfont.woff') format('woff'), 
url('../fonts/DS-DIGIT-webfont.ttf') format('truetype'), 
url('../fonts/DS-DIGIT-webfont.svg#fontName') format('svg');
    font-size: 20px;
	font-weight: bolder;
} 
a:link {
    color: #fff;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #ffefc0;
}
a:active {
    text-decoration: none;
    color: #ffefc0;
}
li{
	list-style:none;
	
}
.all{
    background: #fff;
	float: left;
	height: 864px;
	width: 1899px;
}
.all_top0{
    background: #fff;
	float: left;
	height: 83px;
	width: 1899px;
}
.all_top0_01{
    background: #fff;
	float: left;
	height: 52px;
	width: 1899px;
}
.all_top0_02{
	float: left;
	height: 31px;
	width: 1899px;
	background-color: #fff;
	background-image: url(../img/top02.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.all_top0_02list{
	float: left;
	height: 31px;
	width: 113px;
}
.all_top0_02list0{
	float: left;
	height: 31px;
	width: 109px;
}
.index_menu{
	height:33px;
	float:left;	
}
#tab1,#tab2{width:1899px;height:33px;border-bottom:0;float:left;}
#tab1 ul,#tab2 ul{margin:0;padding:0; float:left;}
#tab1 li,#tab2 li{
	float:left;
	padding:0;
	height:27px;
	width:101px;
	text-align:center;
	cursor:pointer;
	margin-left: 7px;
	margin-top:3px;
	color:#000 ;
	text-decoration: none;
	background:url(../img/bot_out.jpg) no-repeat left top;
		font:12px/27px "Microsoft Yahei";
}
#tab1 li.now,#tab2 li.now{
	color:#fff;
	font-weight:bold;
	height: 27px;
	width: 101px;
	margin-left: 7px;
	margin-top:3px;
	text-decoration: none;
	background:url(../img/bot_over.jpg) no-repeat left top;
	font:12px/27px "Microsoft Yahei";
}
#tab1 a:link{
	color:#000;
	font:12px/27px "Microsoft Yahei";
}
#tab1 a:visited{
	color:#000;
	font:12px/27px "Microsoft Yahei";
}
#tab1 a:hover{
	color:#fff;
	font:12px/27px "Microsoft Yahei";
}
#tab1 a:active{
	color:#fff;
	font:12px/27px "Microsoft Yahei";
}

.index_top{
	width:1898px;
	height:121px;
	float:left;
	margin-left:1px;

}
.page_top1{	width:1326px;
	height:121px;
	float:left;
	margin-left:1px;}
	.page_top2{	width:570px;
	height:121px;
	float:left;
	padding-left:2px;}
.index_top_left{
	width:21px;
	height:100px;
	float:left;
	background:url(../img/page_top_left.jpg) no-repeat left top;
	font:bold 14px/20px "Microsoft Yahei";
	color:#fff;
	padding-left:6px;
	padding-top:21px;
}
.page_top_left{
	width:21px;
	height:100px;
	float:left;
	background:url(../img/page_top_left1.jpg) no-repeat left top;
	font:bold 14px/20px "Microsoft Yahei";
	color:#fff;
	padding-left:6px;
	padding-top:21px;
}
.index_top_right{
	width:1871px;
	height:119px;
	border-top:1px solid #bec3c7;
	border-bottom:1px solid #bec3c7;
	float:left;}
	.page_top_right{
	width:1299px;
	height:119px;
	border-top:1px solid #bec3c7;
	border-bottom:1px solid #bec3c7;
	float:left;}
		.page_top_right1{
	width:542px;
	height:119px;
	border-top:1px solid #bec3c7;
	border-bottom:1px solid #bec3c7;
	border-right:1px solid #bec3c7;
	float:left;}
.index_top_center{
	width:153px;
	margin-left:2px;
	float:left;
}
.index_top_center_top{
	padding-left:6px;
	width:147px;
	height:23px;
	background:#d5d3d6;
	font:12px/23px "Microsoft Yahei";
}
.page_top_center_top{
	text-align:center;
	width:153px;
	height:47px;
	background:#d5d3d6;
	font:bold 16px/47px "Microsoft Yahei";
	color:#fff;
	background:url(../img/page_top_center_top.jpg) no-repeat left top;
}
.page_top_center_top_a{
	padding-left:6px;
	width:147px;
	height:24px;
	background:#49c0d1;
	color:#fff;
	font:12px/24px "Microsoft Yahei";
}
.index_top_center_center{
	text-align:center;
	width:153px;
	height:65px;
	font:40px/65px fontNameRegular;
}
.page_top_center_center{
	text-align:right;
	width:105px;
	height:48px;
	font:40px/63px fontNameRegular;
	float:left;
	overflow:hidden;
}
.index_top_center_bottom{background:#ff6626;
text-align:center;
float:right;
width:31px;
height:31px;font:12px/31px "Microsoft Yahei";
color:#fff;}
.page_top_center_bottom{background:#ff6626;
text-align:center;
float:right;
width:31px;
height:31px;font:12px/31px "Microsoft Yahei";
color:#fff;
margin-top:17px;}


.page_top_center2{
	width:130px;
	float:left;
	margin-right:1px;
}
.page_top_center_top2{
	padding-left:6px;
	width:124px;
	height:23px;
	font:14px/23px "Microsoft Yahei";
	color:#5d5d5d;
}
.page_top_center_center2{
	text-align:center;
	width:130px;
	height:65px;
	font:40px/65px fontNameRegular;
}
.page_top_center_bottom2{
text-align:center;
float:right;
width:31px;
height:31px;
font:14px/31px "Microsoft Yahei";
color:#5d5d5d;}


.index_top_right_box{
	width:282px;	
	height:119px;
	border-left:1px solid #bec3c7;
	border-right:1px solid #bec3c7;
	margin-left:2px;
	float:left;
}
.page_top_right_box{
	width:411px;	
	height:119px;
	float:left;
}
.page_list{
	width:411px;
	height:59px;
	border-bottom:1px solid #bec3c7;
	 float:left;}
.page_list1{
	width:411px;
	height:59px;
	 float:left;}
.page_list_box{
	width:136px;
	height:59px;
	border-left:1px solid #bec3c7;	
	float:left;
}
.page_list_box_left1{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_blue.jpg) no-repeat left top;	
	float:left;	 }
	.page_list_box_left2{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_green.jpg) no-repeat left top;	
	float:left; }
	.page_list_box_left3{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_red.jpg) no-repeat left top;	
	float:left; }
	.page_list_box_left4{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_orange.jpg) no-repeat left top;
	float:left;	 }
	.page_list_box_left5{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_pink.jpg) no-repeat left top;
	float:left;	 }
	.page_list_box_left6{
	width:9px;
	height:59px;
	background:url(../img/page_list_box_left_black.jpg) no-repeat left top;	
	float:left; }
.page_list_box_right{
	width:127px;
	height:59px;
	float:left;
}
.page_list_box_right_top{
	width:112px;
	height:26px;
	color:#000;
	padding-left:15px;
	float:left;
	font-family: "Microsoft Yahei";
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;	
}
.page_list_box_right_bottom1{
	width:79px;
	height:33px;
	font:20px/33px fontNameRegular;
	 color:#000;
	 padding-left:15px;
	 float:left;
	
}
.page_list_box_right_bottom2{
	width:33px;
	height:33px;
	font:14px/33px "Microsoft Yahei";
	 color:#5d5d5d;
	 float:left;
	
}	 
.company_list{
	width:282px;
	height:23px;
	border-bottom:1px solid #bec3c7;
	 float:left;}
.company_list1{
	width:282px;
	height:23px;
	 float:left;}
.company_list_a{
	width:106px;
	border-right:1px solid #bec3c7;
	background:#f5f5f5;
	 font:12px/23px "Microsoft Yahei";
	 color:#000;
	 padding-left:10px;
	 float:left;
}
.company_list_b{
	width:94px;
	border-right:1px solid #bec3c7;
	 font:18px/23px fontNameRegular;
	 color:#000;
	 text-align:center;
	 float:left;
}
.company_list_c{
	width:50px;
	 font:12px/23px "Microsoft Yahei";
	 color:#93a5a5;	 
	 padding-left:15px;
	 float:left;
}
.index_bottom{
	width:1898px;
	height:708px;
	margin-left:1px;
	margin-top:1px;
	float:left;}
.index_bottom_left{
		width:753px;
		height:706px;
		border:1px solid #bec3c7;
		margin-right:2px;
	float:left;
	background:url(../img/index_map_bg.png) no-repeat left top;
    position: relative;}
.index_bottom_point{
	width:29px;
	height:29px;
	position:absolute;
}
.index_bottom_point_tianyuan{left:340px;top:287px;}
.index_bottom_point_yongmao{left:378px;top:274px;}
.index_bottom_point_wanfa{left:433px;top:274px;}
.index_bottom_point_biaoshan{left:571px;top:162px;}
.index_bottom_point_jiaoqu{left:624px;top:146px;}
.index_bottom_point_qinglong{left:609px;top:187px;}
.index_bottom_point_aolun{left:378px;top:403px;}
.index_bottom_point_beizhen{left:391px;top:468px;}
.index_bottom_point_diaobingshan{left:453px;top:415px;}
.index_bottom_point_taizishan{left:487px;top:445px;}
.index_bottom_point_fangshan{left:417px;top:449px;}
.index_bottom_point_linghai{left:409px;top:506px;}
.index_bottom_point_xingcheng{left:374px;top:531px;}
.index_bottom_point_xibaqian{left:440px;top:518px;}
	
.index_bottom_fcbot
{width:67px;
height:25px;
background:url(../img/index_map_bot.png) no-repeat left top;
font:12px/25px "Microsoft YaHei";
color:#fff;
position:absolute;
text-align:center;
z-index:980;
}
.index_bottom_fcxl{
	width:146px;
	height:141px;
	position:absolute;	
	z-index:991;
}
.index_bottom_fcxl_top, .index_bottom_fcxl_bottom1, .index_bottom_fcxl_bottom2{
	width:146px;
float:left;}
.index_bottom_fcxl_top{
height:6px;
background:#0a50a0;
}	
.index_bottom_fcxl_bottom1{
height:27px;
background:#d7eafd;
}	
.index_bottom_fcxl_bottom2{
height:27px;
background:#fff;
}	
.index_bottom_fcxl_left{
	width:56px;
	height:27px;
	text-align:center;
	font:12px/27px "Microsoft YaHei";
	color:#000;
	float:left;
}
.index_bottom_fcxl_center{
	width:50px;
	height:27px;
	text-align:right;
	font:12px/27px "Microsoft YaHei";
	color:#cc324b;float:left;
	padding-right:3px;
}	
.index_bottom_fcxl_right{
	width:37px;
	height:27px;
	text-align:left;
	font:12px/27px "Microsoft YaHei";
	color:#888;float:left;
}	
.index_bottom_cs
{width:102px;
height:246px;
background:url(../img/index_map_cs.png) no-repeat top left ;
position:absolute;
top:222px;
left:452px;
}
.index_bottom_fhlj{
	width:430px;
	height:349px;
	position:absolute;
	top:0px;
	left:301px;
	background:url(../img/index_map_hlj.png) no-repeat top left ;
}

.index_bottom_fjl{
	width:372px;
	height:275px;
	position:absolute;
	top:241px;
	left:350px;
	background:url(../img/index_map_jl.png) no-repeat top left ;
}
	
	
.index_bottom_fln{
	width:265px;
	height:289px;
	position:absolute;
	top:383px;
	left:314px;
	background:url(../img/index_map_ln.png) no-repeat top left ;
}
	
.index_bottom_fnm{
	width:461px;
	height:666px;
	position:absolute;
	top:0px;
	left:0x;
	background:url(../img/index_map_nm.png) no-repeat top left ;
}

.index_bottom_bot{width:114px;
height:32px;background:url(../img/index_map_bot1.png) no-repeat left top;
font:16px/32px "Microsoft YaHei";
color:#fff;
position:absolute;
text-align:center;
z-index:990;}	
	
	
	
	
	
	
	
	
	
	
	
.index_bottom_right{
		width:1141px;
		height:708px;		
	float:left;
		}
.index_bottom_right_box1, .index_bottom_right_box2{
	width:1141px;
	float:left;}
	
.index_bottom_right_box1{
	height:78px;}
.index_bottom_right_box2{
	height:208px;
	margin-top:2px;}
.index_box2_left, .index_box1_left{
	font:bold 14px/18px "Microsoft YaHei";
	padding-left:7px;
	float:left;
	color:#fff;}
.index_box2_left{
	width:20px;
	height:140px;
	background:url(../img/index_box_right_bg.jpg) no-repeat left top;
	padding-top:68px;}		
.index_box1_left{
	width:20px;
	height:75px;
	background:url(../img/index_box1_right_bg.jpg) no-repeat left top;
	padding-top:3px;}		
	.index_box1_right{
		width:1113px;
	height:76px;
	border:1px solid #bec3c7;
	border-left:0px;
	float:left;
}
.index_box2_right2, .index_box2_right1, .index_box2_right{
	height:206px;
	border:1px solid #bec3c7;
	border-left:0px;
	float:left;
}		
.index_box2_right2{
	width:1113px;
}
		
.index_box2_right1{
	width:542px;
}		
.index_box2_right{
	width:541px;
	margin-right:2px;
}		


.index_top_center2{
	width:171px;
	float:left;
}
.index_top_center_top2{
	padding-left:6px;
	width:165px;
	height:23px;
	font:14px/23px "Microsoft Yahei";
	color:#5d5d5d;
	float:left;
}
.index_top_center_center2{
	text-align:center;
	width:171px;
	height:30px;
	font:30px/30px fontNameRegular;
	float:left;
}
.index_top_center_bottom2{
text-align:center;
float:right;
width:31px;
height:23px;
font:14px/23px "Microsoft Yahei";
color:#5d5d5d;
float:right;}

.index_right_top_right{
	width:156px;
	height:76px;
	border-left:1px solid #bec3c7;
	float:left;
}
.index_right_top_right_left1, .index_right_top_right_left2, .index_right_top_right_left3, .index_right_top_right_left4, .index_right_top_right_left5, .index_right_top_right_left6{
	width:52px;
	height:76px;
	float:left;}
.index_right_top_right_left1{
	background:url(../img/index_right_top_right_left_blue.jpg) no-repeat left top;}
.index_right_top_right_left2{
	background:url(../img/index_right_top_right_left_green.jpg) no-repeat left top;}	
.index_right_top_right_left3{
	background:url(../img/index_right_top_right_left_red.jpg) no-repeat left top;}
.index_right_top_right_left4{
	background:url(../img/index_right_top_right_left_orange.jpg) no-repeat left top;}
.index_right_top_right_left5{
	background:url(../img/index_right_top_right_left_pink.jpg) no-repeat left top;}
.index_right_top_right_left6{
	background:url(../img/index_right_top_right_left_black.jpg) no-repeat left top;}


.index_right_center2{
	width:104px;
	float:left;
}
.index_right_center_top2{
	padding-left:6px;
	width:98px;
	height:23px;
	font:14px/23px "Microsoft Yahei";
	color:#5d5d5d;
	float:left;
}
.index_right_center_center2{
	text-align:center;
	width:104px;
	height:30px;
	font:30px/30px fontNameRegular;
	float:left;
}
.index_right_center_bottom2{
text-align:center;
float:right;
width:31px;
height:23px;
font:14px/23px "Microsoft Yahei";
color:#5d5d5d;}







		
		.page_bottom{
	width:1896px;
	height:706px;
	margin-left:1px;
	margin-top:2px;
	float:left;
	border:1px solid #bec3c7;
	position:relative;}
	
	#left_menu{
		height:600px;
	width:37px;
	top:0px;
	left:0px;
	z-index:992; 
	position:absolute;
}
a.left_menu_over
{display:block;
		widht:37px;
	height:100px;
	background:url(../img/left_menu_over.png) no-repeat left top;
}
a.left_menu_over li
{	font:bold 14px/20px "Microsoft Yahei";
	margin-left:7px;
	color:#545454;
	width:12px;
	padding-top:8px;
}
a.left_menu_out
{display:block;
		widht:30px;
	height:100px;
	background:url(../img/left_menu_out.png) no-repeat left top;

}
a.left_menu_out li
{	font:14px/20px "Microsoft Yahei";
	margin-left:7px;
	color:#7c7c7c;
	padding-top:8px;
	width:12px;
}
.syz_bg{
	width:1880px;
	height:699px;
	z-index:110;	top:0px;
	left:0px;position:absolute;

}