/*实时数据*/
.realtime_con{
	width: 96%;
	float: left;
	padding: 20px 2%;
}
.realtime_con img{
	width: 100%;
}
.realtime_con a{
	width: 46%;
	margin-bottom: 30px;
}
	.realtime_con .real_img_L{			
		float: left;
	}
	.realtime_con .real_img_R{
		float: right;
	}
	.realtime_con img:hover{
		-moz-transform:scale(1.02);  
		-webkit-transform:scale(1.02);  
		-o-transform:scale(1.02);
		-moz-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	/*@keyframes big{
		0%{-moz-transform:scale(1);  
		-webkit-transform:scale(1);  
		-o-transform:scale(1);}
		50%{-moz-transform:scale(1.02);  
		-webkit-transform:scale(1.02);  
		-o-transform:scale(1.02);}
		100%{-moz-transform:scale(1);  
		-webkit-transform:scale(1);  
		-o-transform:scale(1);}
	}*/
.realtime_con .real_time{
	width: 100%;
	float: left;
	margin-bottom: 30px;			
}
			
.real_time .real_t1{
	width: 46%;
	float: left;
	border: 1px solid #4db6ff;
}
.real_time .real_t2{
	width: 46%;
	float: right;
	border: 1px solid #4db6ff;
}
.rt_title1{
	width: 100%;
	height: 40px;			    
}
.rt_title1 .b_div{
	width: 50%;
	float: left;
	color: #4db6ff;
	text-align: right;
}
.rt_title1 b{
	font-size: 18px;
	padding: 2px 4px;
	line-height: 38px;
	line-height: 40px;
	border-bottom: 2px solid #009d00;
}
.rt_title1 .t_other{
	width: 43%;
	float: right;
	padding-top: 8px;
	line-height: 32px;
	text-align: center;							
}
.rt_title1 .to_other{
	width: 50%;
	float: left;
	color: #999;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
.rt_title1 .to_other a{
	width: 100%;
	color: #999;
	margin-bottom: 0;
}
				
.real_time .scroll_title {
	padding: 1% 2%;
}		
.real_time .scroll_list {
	width: 96%;
	float: left;
	padding: 1% 2%;
	margin:0;
	height:250px;
	overflow:hidden;
}
.scroll_bl{ height:250px; overflow:hidden;}
.real_time ul li{
	height: 26px;
	font-size: 16px;
	list-style: none;
	line-height: 23px;
}
.real_time ul .rt_title2{
	color: #009d00;
	font-size: 18px;
}
.real_time li span{
	float: left;
	display: block;
	text-align: center;
}
.real_time li .s_1{
  width: 34%;
  text-align: left;
}
.real_time li .s_2{
  width: 25%;
}
.real_time li .s_3{
  width: 15%;
}
.real_time li .s_4{
  width: 9%;
  color: black;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #00E400;/*绿*/
}
.real_time li .s_5{
  width: 9%;
  color: black;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #ffff00;/*黄*/
}
.real_time li .s_6{
  width: 9%;
  color: black;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #FF7E00;/*橙*/
}
.real_time li .s_7{
  width: 9%;
  color: #fff;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #FF0000;
}
.real_time li .s_8{
  width: 9%;
  color: #fff;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #99004c;
}
.real_time li .s_9{
  width: 9%;
  color: #fff;
  height: 20px;
  margin: 3px 3%;
  line-height: 20px;
  border-radius: 4px;
  text-align: center;
  background: #7e0023;
}
/*水质等级数据*/
.real_time li .w_1{
	width: 33%;
	text-align: left;
}
.real_time li .w_2{
	width: 38%;
}
.real_time li .w_3{
	width: 15%;
}
.real_time li .w_4{
	width: 14%;
}
.real_time li .w_10{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #C5FFFF;
}
.real_time li .w_11{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #1FCAF9;
}
.real_time li .w_12{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #00FF00; 
}
.real_time li .w_13{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #FFFF00; 
}
.real_time li .w_14{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #FF9000; 
}
.real_time li .w_15{
	width: 9%;
	color: black;
	height: 20px;
	margin: 3px 3%;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #FF0000;
}