/*首页样式*/
	.pub .index_content{
		width: 100%;
		height: 540px;
		position: relative;
		background: url('../images/index_1.jpg') no-repeat;
	}
/*实时数据展示*/	
		.index_content .con_infodiv{
		    top: 60px;
		    left: 150px;
			width: 750px;
			height: 400px;
			padding: 10px 25px;
		    position: absolute;
		    background: url('../images/bg_info.png') repeat;
		}
		.con_infodiv .info_add{
		    height: 40px;
		    font-size: 20px;
			line-height: 40px;
		}
			.info_add .add_img{
	    		float: left;
			    padding: 6px 8px 0 0;
			}
		.con_infodiv b{
			font-weight: normal;
		}
		.con_infodiv i{
			font-size: 10px;
		}
		.con_infodiv .i_small{
		    position: absolute;
		}
	/*左*/
		.con_infodiv .info_L{
			width: 40%;
			float: left;
			height: 330px;
    		padding: 0 5%;
			position: relative;
		}
			.info_L .info_img{
				width: 254px;
			    height: 214px;
			    margin: 0 auto;
			    position: relative;
			}
			.info_L .info_button{
				bottom: 5%;
				color: #fff;
				width:300px;
				line-height: 34px;
				position: absolute;
				border-radius: 4px;
				text-align: center;
				border:1px solid #fff;
			}
				.info_img span{
					color: #333;
					display: block;
					text-align: center;					
				}
				.info_img .s_num{
				    top: 26%;
			        left: 14%;
	    			width: 72%;
				    color: #edbb10;
				    font-size: 100px;   
				    position: absolute; 			
				    font-weight: lighter;
				}
				.info_img .s_aqi{
			        top: 86%;
			        left:25%;
				    width: 50%;
				    color: #0464b9;
				    font-size: 24px;
				    position: absolute;
				}
	/*右*/
		.con_infodiv .info_R{
			width: 50%;
			float: right;
			height: 330px;
		}
			.info_R .info_data{
				width: 100%;
				height: 120px;
				padding:6px 0;				
			}
				.info_data span{
			        width: 78%;
			        color: #555;
				    padding: 0 10%;
				    display: block;
				    font-size: 20px;
				    line-height: 33px;
				}

				.info_data .data_div_L{
				    width: 49%;
				    float: left;
				    height: 100%;
				    border-right: 1px solid #ccc;
				}
				.info_data .data_div_R{
					width: 50%;
					float: right;
				}
			.info_R .info_time{
				color: #555;
				clear: both;
				width: 100%;
				height: 40px;
				line-height: 40px;
				text-align: right;
				border-top: 1px solid #0464b9;
			}
			.info_R .info_pre{
				width: 100%;
				height: 140px;
				/*background: lightblue;*/
			}
				.info_pre .pre_s{
					width: 31%;
					float: left;
					padding:0 0.8%;
				}
					 .pre_s span{
					 	color: #fff;
					 	display: block;
					 	/* font-size: 18px; */
					 	line-height: 34px;
					 	text-align: center;
						margin-top: 14px;
						 width: 115px;
						 height: 34px;
						 background: no-repeat 0 0;
						 background-size:cover;
					 }
					 .aqi_level{
					 	background-repeat:no-repeat;
					 	background-size:100% 100%;
					 	/* border-bottom-left-radius: 1em;
						border-bottom-right-radius: 1em;
						border-top-left-radius: 1em;
						border-top-right-radius: 1em; */
						border-radius:1em;
					 }
					 .pre_s .txt_col{
					 	color: #555;
					 	font-size: 18px;
					 }
					 .pre_s .s_col{
					    font-size: 16px;
					    line-height: 36px;
				 	    border-radius: 6px;
					 }
					 .pre_s .s_color1{
					 	background:#00E400;/*优*/ 
					 }
					 .pre_s .s_color2{
					 	background:#EDC24A;/*良*/
					 }
					 .pre_s .s_color3{
					 	background:#FF7E00;/*轻度*/

					 }
					 .pre_s .s_color4{
					 	background:#FF0000;/*中度*/

					 }
					 .pre_s .s_color5{
					 	background:#990000;/*重度*/

					 }
					 .pre_s .s_color6{
					 	background:#7E0000;/*严重*/

					 }			

/*地图*/
	.pub .index_mapdiv{
	    width: 100%;
	    height: 460px;
	    margin: 40px 0 60px;
	}
			.index_mapdiv span{
				display: block;
				line-height: 70px;
				text-align: center;
			}		
		.index_mapdiv .map_L{
			width: 50%;
			float: left;
		}
			.map_L .b_sp{
				padding-left: 16px;
			}
		.index_mapdiv .map_R{
			width: 50%;
			float: right;
		}