﻿@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:'Microsoft Yahei';
	background:#f5f6f7;
}
p{
	padding:0px;
	margin:0px;
}
a{
	text-decoration:none;
}
ul,li{
	list-style:none;
	margin:0px;
	padding:0px;
}
.head{
	background:url(../Images/head_bg.png) no-repeat;
	background-size:100% 100%;
	font-size:2em;
	color:#102a5a;
	padding:20px 120px;
}

/*选项卡*/
.menubox{
	background:#27a0df; 
	width:100%; 
	height:98px; 
	line-height:98px; 
	color:#fff;
	font-size:34px;
	margin-top:10px;
	border-bottom:6px #27a0df solid;
}
.menubox a{
	float:left; 
	width:33%;
	color:#fff;
	text-align:center;
	border-right:2px #188fcd solid;
}
.menubox a.on{
	background:#fff;
	color:#27a0df;
	border-bottom:6px #27a0df solid;
}
.menubox a span{
	font-size:34px;
}
.option{ display:none;}

/*--预警图--*/
.photobox{
	background:#fff;
	padding-top: 60px;
	padding-bottom: 60px;
}

/*--预警词--*/
.warningbox{
	background:#fff;
	padding:40px; 
	padding-top: 60px;
	padding-bottom: 60px;
}
.warningbox p{
	font-size:2em;
	color:#4c4c4c;
	letter-spacing: 2px;
    text-align: justify;
}

/*预警列表*/
.wordsbox{
	background:#f5f6f7;
	padding-bottom: 60px;
}
.words{
	background:#fff;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.3); 
	-webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
}
.words li{
	border-bottom:2px #eee solid; 
	padding:40px; 
	padding-bottom:40px;
}
.words li p{
	font-size:28px;
	color:#4c4c4c;
	letter-spacing: 2px;
    line-height: 1.7em;
    text-align: justify;
}
.one h1{
	color:#e30000;
	font-size:36px;
	margin-top: 0px;
}
.two h1{
	color:#f69d03;
	font-size:36px;
}
.three  h1{
	color:#f6d703;
	font-size:36px;
}
.four h1{
	color:#1293f7;
	font-size:36px;
}
/*防御指引*/
.guidelines{
	margin-top:30px;
	padding-bottom:40px;
	font-size:28px;
	padding:40px;
	color:#666;
}
.guidelines p{
	letter-spacing: 2px;
    line-height:70px;
    text-align: justify;
}
.guidelines .c1{
	color:#e30000;
}
.guidelines .c2{
	color:#f69d03;
}
.guidelines .c3{
	color:#f6d703;
}
.guidelines .c4{
	color:#1293f7;
}
/*---预警查询END---*/


/*---执法巡查---*/
.P_linebox{
	width:94%; 
	margin:30px; 
	background:#fff; 
	border-radius:4px;
}
.P_line{
	font-size:2em; 
	padding:30px 40px; 
	border-bottom:2px #e8e8e8 solid;
}
.P_line .ico{
	width:40px; 
	height:40px; 
	display:inline-block; 
	vertical-align:sub; 
	margin-right:10px;
}
.ico01{
	background:url(../Images/ico01.png) no-repeat;
	background-size:100%;
}
.ico02{
	background:url(../Images/ico02.png) no-repeat;
	background-size:100%;
}
.ico03{
	background:url(../Images/ico03.png) no-repeat;
	background-size:100%;
}
.ico04{
	background:url(../Images/ico04.png) no-repeat;
	background-size:100%;
}
.ico05{
	background:url(../Images/ico05.png) no-repeat;
	background-size:100%;
}
.ico06{
	background:url(../Images/ico06.png) no-repeat;
	background-size:100%;
}
.ico07{
	background:url(../Images/ico07.png) no-repeat;
	background-size:100%;
}
.P_line p{
	padding-left:50px;
}
/*——————执法巡查END——————*/

/*——————历史预警——————*/
.H_linebox{
	width:94%; 
	margin:30px; 
	background:#fff; 
	border-radius:4px;
}
.H_table{
	font-weight:normal;
	width:100%;
}
.H_table tr{
	
}
.H_table th{
	font-size:2em;
	font-weight:normal;
	padding:30px 0px;
	border-bottom:2px #eee solid;
}
.H_table td{
	font-size:2em;
	font-weight:normal;
	text-align:center;
	padding:30px 0px;
	border-bottom:2px #eee solid;
}
.H_table td span{
	padding:7px 10px;
	border-radius:4px;
}
.no{
	background:#f5f5f5;
	color:#333;
}
.one{
	background:#fb3232;
	color:#fff;
}
.two{
	background:#fbc532;
	color:#fff;
}
.three{
	background:#fbe632;
	color:#fff;
}
.four{
	background:#32a8fb;
	color:#fff;
}
.use{
	opacity:1;
}
.lose td:nth-child(3)
{
	opacity:0.3;
}
.ove{
	opacity:0.3;
}
/*加载*/
.lodding{
	display:none;
	position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.60);
}
.lodding img{
	width:400px;
	margin:50% 30%;
}
