/*a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:action{ text-decoration:none;}*/
.test{ border:1px solid #f00;}
ul li{ list-style:none; padding:1px 0;}
#map div{ display:none;}
#detail .sh{ display:none;}
.c4c7b00{ color:#4c7b00;}
.ce3e3e3{ background:#e3e3e3;}
.fon17{ font-size:1.7em; color:#666; line-height:35px; text-align: justify;}
.mar_top{ margin-top:-5px;}
.mar_t{ margin-top:60px;}
#anniu span{
   position:relative; 
   background:url(/EcoDMS/images/TC/overview/grey_bg.png) repeat-x;
   width:100%;
   height:45px;
   line-height:45px; 
   text-indent:20px;
   margin:1px 0;
   display:block;
   font-size:1.6em;
	 }
	 @media (max-width:320px)
{
	.mar_top2 span table tr td {font-size:16px;}
}
	
.color_block{
	position:absolute;
    width:100%; 
	height:45px; 
	background:rgba(180,180,180,0.8); 
	top:0; 
	left:0;
	}
#anniu span:hover{ background:url(/EcoDMS/images/TC/overview/green_bg.png) repeat-x; height:45px; line-height:45px; text-indent:20px;}
#anniu span.active{ background:url(/EcoDMS/images/TC/overview/green_bg.png) repeat-x;}
#anniu span a{ color:#fff;}
.bgh{ background:#f3f3f3;}


.blok_hover{ position:relative; padding-top:2px; padding-right:0px; padding-left:2px;
}
.blok_hover a img{ width:100%;}
.blok_hover a span.more img{ width:100%;}
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:100%;
	  
}
.blok_hover:hover span.more {
    display: block;
    width:99.5%; 
}

.text1{ width:960px; margin:0 auto; text-align:center; margin-top:20px; margin-bottom:10px;}

/**************River Channels/Rverview**************/
.subnav_w{
	 width:100%;
     height:auto;
	 box-shadow: 0 10px 40px rgba(0,0,0,.1);
	 }
.subnav{
	width: 1000px;
	margin:0 auto;
	padding-top: 1em;
	text-align: center;
}

.title_style{
    font-size: 2em;
    color: #009c45;
}

.subnav > a {
    font-size: 1.6em;
    margin: 0 1%;
}
.subnav > a:hover{
	border-bottom:5px solid #ffea8d;
	}

.subnav > span > a {
	font-size:1.45em;
    margin: 0 1%;
    display: inline-block;
    height: 2.2em;
}

.text_nr{ 
     width:960px; 
     margin:40px auto;    
     font-size: 1.7em;
     line-height: 35px;
     color: #1b1b1b;
	 }

@media (min-width:1015px){
  .cont{ width:930px; margin:0 auto;} 
  .block_bg{ width:100%; background:url(/EcoDMS/images/TC/homepage/home_bg.png) no-repeat; display:block;}
   }
@media (max-width:1014px){
  .cont{ width:90%; margin:0 auto;} 
  .text1{ width:90%; margin:0 auto; text-align:center; margin-top:50px; margin-bottom:50px;}
  .block_bg_m{ width:100%; background:url(/EcoDMS/images/TC/homepage/mb_bg.png) no-repeat; background-size:100%;}

   }
@media (max-width:992px){
.text_nr{ 
     width:95%; 
     margin:40px auto;    
     font-size: 1.7em;
     line-height: 35px;
     color: #1b1b1b;
	 }

}

@media (max-width:992px) and (min-width:768px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:98%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.5%; 
}
.hover_s{ display:block !important; width:99.6% !important;}
	}
@media (max-width:767px) and (min-width:630px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:97.3%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.3%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}
@media (max-width:629px) and (min-width:580px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:97%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.3%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}
@media (max-width:579px) and (min-width:500px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:96.5%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.3%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}
@media (max-width:499px) and (min-width:420px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:96%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.1%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}
@media (max-width:419px) and (min-width:390px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:95.5%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.1%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}
@media (max-width:389px){
.blok_hover span.more {
    display: none;
	position:absolute;
	top:2px;
	cursor:pointer;
	width:95%;
	  
    }
.blok_hover:hover span.more {
    display: block;
    width:99.1%; 
}
.hover_s{ display:block !important; width:99.3% !important;}

	}