gdsx/WebRoot/pages/monitor/css/page_ztjs_hb_new.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('/resource/fonts/DS-DIGIT-webfont.eot');
    src: local('/resource/fonts/DS-DIGIT-webfont Regular'), 
              local('/resource/fonts/DS-DIGIT-webfont'), 
url('/resource/fonts/DS-DIGIT-webfont.woff') format('woff'), 
url('/resource/fonts/DS-DIGIT-webfont.ttf') format('truetype'), 
url('/resource/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{
    backgroun: #fff;
	float: left;
	height: 864px;
	width: 1899px;
}
.l{float:left;}
.page_box1, .page_box3{
	width:1898px;
	margin-left:1px;}
.page_box1{height:185px;background:url(/resource/images/hbsj/page_ztjs_hb_box1_bg.png) no-repeat left top;
	margin-top:4px;}
.page_box1_title{
	width:133px; font-family:"Microsoft YaHei";
	text-align:center;}
.page_box1_title h1{
	color:#fff;
	line-height:34px;
	font-size:14px;
	margin:0;
}
.page_box1_title h2{
	color:#5e5f61;
	line-height:25px;
	font-size:12px;
	margin:0;
}	
.page_box1_title h3{
	color:#003181;
	font-weight:bold;
	line-height:31px;
	font-size:14px;
	margin:0;
	height:31px;
}
.page_box1_title h4{
	color:#1f671e;
	font-weight:bold;
	line-height:31px;
	font-size:14px;
	margin:0;
	height:31px;
}
.page_box1_title h5{
	color:#1f671e;
	line-height:31px;
	font-size:14px;
	margin:0;
	font-weight:normal;
	height:31px;
}
.page_box1_col{
	width:126px;height:185px;float:left; text-align:center;}
.page_box1_col_on{
	background: url(/resource/images/hbsj/page_ztjs_hb_box1_bg_a.png) no-repeat left top;
	width: 127px;
	margin-top:-4px;
	height:189px;float:left; text-align:center;
}
.page_box1_col h1{
	color:#fff;
	line-height:34px;
	font-size:14px;
	margin:0;
	width:126px;
}
.page_box1_col_on h1{
	color:#fff;
	line-height:38px;
	font-size:14px;
	margin:0;
	width:126px;
}
.page_box1_col h2, .page_box1_col_on h2{
	color:#5e5f61;
	line-height:25px;
	font-size:12px;
	margin:0;
	width:126px;
}
.page_box1_col h3, .page_box1_col_on h3{
	color:#000;
	line-height:31px;
	font-size:18px;
	margin:0;
	font-weight:normal;
	font-family:fontNameRegular;
	width:126px;
	height:31px;
	
}





.page_box3{height:207px; margin-top:3px;}
.page_box3_left{
	width:20px;
	height:207px;
	background:url(/resource/images/hbsj/page_ztjs_box3_left.png) no-repeat left top;
	color:#fff;
	font:bold 14px/18px Arial, "Microsoft YaHei";
	float:left;
	padding-left:7px;
}
.page_box3_right1, .page_box3_right{
	height:205px;
	border:1px solid #bec3c7;
	border-left:0px;
	float:left;
}		
	
.page_box3_right1{
	width:514px;
}		
.page_box3_right{
	width:1326px;
	margin-right:2px;
}		

.page_box_bottom_leftfont{
	width:78px;
	font:12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;
	padding-left:2px;}
.page_box_bottom_rightfont{
	width:53px;
	font:bold 12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;}
.page_box_bottom_centerfont{
	width:51px;
	font:12px/24px Arial,"Microsoft YaHei";
	text-align:left;
	float:left;
	padding-left:2px;}
	
*{ margin:0 auto; padding:0px;}	
.main_center{height:auto; margin-top:3px;}
.bj1{ float:left; width:388px; height:228px; background:url(/resource/images/hbsj/page_ztjs_hb_bj1.png) no-repeat;margin-top:2px;margin-right:2px;}
.lan_t{ float:left; width:384px; height:33px; color:#5d5d5d; font-weight:600;}
.bk{ float:left; width:130px; height:33px; line-height:33px; color:#5d5d5d; font-size:14px; text-align:center; font-weight:600; }
.lv_bj{ float:left; width:97px; height:27px; background:url(/resource/images/hbsj/page_ztjs_hb_lv.png) no-repeat; margin-left:100px; margin-top:3px;  }
.lv_shuzi{ width:80px; height:27px;line-height:27px;color:#fff;text-align:right; font-family:fontNameRegular,DS-Digital;}
.tai{ float:left;height:33px;line-height:33px; color:#5d5d5d; margin-left:6px; font-size:13px;}
.fd{ float:left; width:388px; height:100px;}
.fd_left{ float:left; width:176px; height:100px;}
.biao{ float:left; width:108px; height:57px; margin-left:34px; margin-top:18px; display:inline}

.tsz{ float:left; width:70px; height:25px; line-height:25px;  font-size:20px; margin-left:32px;font-family:fontNameRegular,DS-Digital;}
.dw{ float:left; width:40px; line-height:20px; height:20px; margin-left:10px; color:#5d5d5d; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.fdl_right{ float:left; width:210px; height:100px;}
.fdl_right li{ float:left; width:210px; line-height:36px; margin-top:10px;}
.fdl_zi{ float:left; width:55px; line-height:36px; height:36px; color:#5d5d5d; font-weight:600; font-size:14px; }
.fdl_bj{ float:left; width:100px; height:36px; background:url(/resource/images/hbsj/page_ztjs_hb_z_bj.png) no-repeat;  font-size:20px;  color:#000; text-align:center;font-family:fontNameRegular,DS-Digital;}
.fdl_bj1 {float:left; width:100px; height:36px; background:url(/resource/images/hbsj/page_ztjs_hb_jingguo.png) no-repeat; font-size:20px; color:#000; text-align:center;font-family:fontNameRegular,DS-Digital;}

.danwei{ float:left; width:48px; height:20px; margin-top:15px; line-height:20px; color:#9b9b9b; font-size:12px; text-align:center}

.bg_bj{ float:left; width:388px; height:93px}
.bg_bj li{ float:left; width:194px; height:31px; text-align:center; line-height:31px; font-size:14px;}
.yanse1{ float:left; width:68px; height:31px; color:#2b9ecd}
.yanse2{ float:left; width:68px; height:31px; color:#cb2222}
.yanse3{ float:left; width:68px; height:31px; color:#982672}
.yanse4{ float:left; width:68px; height:31px; color:#6bb10c}
.yanse5{ float:left; width:68px; height:31px; color:#f26600}
.yanse6{ float:left; width:68px; height:31px; color:#5d5d5d}
.liang{ float:left; width:73px; height:30px; text-align:center; font-size:20px; font-family:fontNameRegular,DS-Digital;} 
.tai_s{ float:left; width:49px; line-height:30px; clear:#5d5d5d; height:30px; text-align:center}

.dltj{ float:left; width:728px; height:228px;margin-top:2px; background:url(/resource/images/hbsj/page_ztjs_hb_dltjbg.png) no-repeat;}
.dltj_t{ float:left; width:27px; height:166px; color:#fff; font-size:14px; text-align:center; padding-top:60px;}
.dltj_tu{ float:left; width:696px; height:224px; margin-top:1px;}
.main_tubiao{ float:left; width:100%; height:auto; margin-top:2px;}
.ycdlylldl{float:left; width:947px; height:auto}
.ycdl{ float:left; width:948px; height:234px; background:url(/resource/images/hbsj/page_ztjs_hb_ycdlbg.png) no-repeat;}
.ycdl_t{ float:left; width:27px; height:204px; color:#fff; font-size:14px; text-align:center; padding-top:30px;}
.tu1{ float:left; width:919px; height:230px; margin-top:2px;}


.xsfd{ float:left; width:948px; height:207px; background: url(/resource/images/hbsj/page_ztjs_hb_rdlbg.png) no-repeat;; margin-top:2px;}
.xsfd_t{ float:left; width:27px; height:174px; color:#fff; font-size:14px; text-align:center; padding-top:30px;}
.tu2{ float:left; width:919px; height:202px;margin-top:2px;}


.ssgx{ float:right; width:948px; height:443px; background:url(/resource/images/hbsj/page_ztjs_hb_ssglbg.png) no-repeat;}
.ssgx_t{ float:left; width:27px; height:383px;  color:#fff; font-size:14px; text-align:center; padding-top:60px;}
.tu3{ float:left; width:916px; height:443px;}