@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0;
	font-family: "microsoft yahei", "宋体";
	color: #919191;
	font-size: 14px
}
body {
	background: #fff;
	
}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
}
html, body, fieldset, img, iframe, abbr {
	border: 0;
}
i, cite, em, var, address, dfn {
	font-style: normal;
}
[hidefocus], summary {
outline:0;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, small {
	font-size: 100%;
	font-weight: normal
}
sup, sub {
	font-size: 83%;
}
pre, code, kbd, samp {
	font-family: inherit;
}
q:before, q:after {
	content: none;
}
textarea {
	overflow: auto;
	resize: none;
}
label, summary {
	cursor: default;
}
a, button {
	cursor: pointer;
}
del, ins, u, s, a, a:hover {
	text-decoration: none;
}
a, a:hover {
	color: #0e0e0e;
}
img {
	border: 0;
}
.top_box {
	width: 100%;
	background: url(../images/hh_banner.jpg) top center no-repeat;
	height: 268px;
}
.top_box h1 {
	text-align: center;
	padding-top: 28px;
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix:after {
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
	content: ".";
}
.header {
	width: 1000px;
	margin: 0 auto;
	clear: both;
	height: 47px;
	line-height: 47px;
}
.header .nav {
	float: right;
}
.header .nav li {
	float: left;
	text-align: center;
	font-size: 14px;
	color: #999999
}
.header .nav li a {
	color: #6c6c6c;
	padding-right: 10px;
	margin-left: 10px
}
.contents {
	z-index: 0;
	position: absolute;
	width: 980px;
	margin-left: -490px;
	overflow: hidden;
	top: 56px;
	left: 50%;
}
.txt {
	text-align: center;
	margin-bottom: 37px;
}
.home {
	background: url(hh_home_bg.jpg) no-repeat center top;
	height:1050px;
	overflow: hidden;
}
.home_main {
	width: 940px;
	margin:670px auto 0
}
.home_list {
	float: left;
	width: 452px;
	margin-top: 30px;
}
.home_list dl {
	width: 100%;
}
.home_list dl dt a {
	font-size: 24px;
	color: #343434
}
.home_list dl dd {
	font-size: 14px;
	color: #6c6c6c;
	border-bottom: 1px dotted #e0e0e0;
	padding-bottom: 25px;
	margin-bottom: 19px;
	padding-top: 10px
}
.home_line {
	border-bottom: none!important
}
#ecology {
	position: relative;
	padding-bottom: 0px;
	margin: 0px auto;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	height: 902px;
	overflow: hidden;
	padding-top: 0px;
}
/*发展生态*/
#ecology {
	background: url(hh_about_bg.jpg) no-repeat center 0px;
}
.ecology {
	background: url(hh_bj.png) center no-repeat;
	height: 200px;
}
.ecology_h2 {
	font-weight: bold;
	font-size: 30px;
	margin-top: 82px;
	color: #ffff00;
	width: 210px;
}
.ecology_img {
	float: left
}
.ecology_r {
	width: 380px;
	margin: 35px 0 0 30px;
	float: left
}
.new {
	width: 100%
}
.new h3 {
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px
}
.new h3 a {
	color: #FFF
}
.new p {
	color: #FFF;
	font-size: 12px;
	border-bottom: 1px dotted #3289e0;
	padding-bottom: 12px;
	margin-bottom: 8px
}
.new ul {
	clear: both;
	overflow: hidden
}
.new ul li {
	background: url(hh_li_bj.jpg) 1px no-repeat;
	line-height: 26px;
	padding-left: 10px
}
.new ul li a {
	color: #FFF;
}
.ecology_list {
	width: 455px;
}
.m_b {
	margin-bottom: 20px
}
.fl {
	float: left
}
.fr {
	float: right
}
/*域内水系*/
#news {
	position: relative;
	padding-bottom: 0px;
	margin: 0px auto;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	height: 719px;
	overflow: hidden;
	padding-top: 0px;
	z-index: 111
}
#news {
	background: url(hh_news_bg.jpg) no-repeat center 0px
}
.news_top {
	margin: 15px 0 80px!important
}
.news_One {
	width: 280px;
}
.news_One h2 {
	height: 53px;
	line-height: 53px;
	font-size: 30px;
	color: #343434;
	font-weight: bold;
	padding-left: 64px;
	margin-bottom: 20px
}
.news_bottom {
	width: 670px;
	height: 187px;
	clear: both;
	margin: 30px auto;
	background: url(hh_bj1.png) no-repeat;
}
.news_two {
	margin: 0 auto;
	padding-top: 38px
}
.news_img {
	margin-left: 30px
}
.news_icon {
	background: url(hh_icon.png) left top no-repeat;
}
.news_icon1 {
	background: url(hh_icon1.png) left top no-repeat;
}
.news_icon2 {
	background: url(hh_icon2.png) left top no-repeat;
}
.news_box {
	overflow: hidden;
	clear: both
}
/*图片专区*/
#products {
	position: relative;
	padding-bottom: 0px;
	margin: 0px auto;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	height: 852px;
	overflow: hidden;
	padding-top: 0px;
}
#products {
	background: url(hh_projekt_bg.jpg) no-repeat center 0px;
}
.products_box {
	width: 1149px;
	height: 654px;
	margin: 97px auto;
	position: relative;
	background: url(hh_bj2.png) no-repeat
}
.products_box div {
	position: absolute;
	overflow: hidden;
	display: block;
}
/*.products_box div a {
	background: #000;
	background: rgba(0, 0, 0, 0.1)!important;
	filter: alpha(opacity=10);
	left: 0px;
	color: #fff;
	font-family: 'microsoft yahei';
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	display: inline-block;
}
*/
.products_box div .cover { position:absolute; bottom:0; display:block; width:100%; display:none}

.products_box div:hover .cover {
	height: auto; width:100%; display:block; color:#FFF
}
/*before   after为选择器，一般给选择器加动画背景，设置动画样式*/
/*写好样式，进行隐藏，用top:-240px;*/
.products_box div strong {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #000;
	background: rgba(0, 0, 0, 0.5)!important;
	filter: alpha(opacity=30);
	text-indent: 20px
}
.item1 {
	top: 30px;
	left: 110px;
}
.item1 strong {
	margin-top: 201px;
}
.item2 {
	top: 118px;
	left: 552px;
}
.item2 strong {
	margin-top: 208px;
}
.item3 {
	top: 266px;
	left: 110px;
}
.item3 strong {
	margin-top: 190px;
}
.item4 {
	top: 266px;
	left: 337px;
}
.item4 strong {
	margin-top: 125px;
}
.item5 {
	top: 363px;
	left: 552px;
}
.item5 strong {
	margin-top: 239px;
}
.item6 {
	top: 363px;
	right: 75px;
}
.item6 strong {
	margin-top: 123px;
}
.products_box div a .shine {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 104px;
	background: url(../images/hh_shine_brands.png) no-repeat -160px 0;
}
/*视频专区*/
#video {
	position: relative;
	padding-bottom: 0px;
	margin: 0px auto;
	padding-left: 0px;
	width: 100%;
	padding-right: 0px;
	height: 820px;
	overflow: hidden;
	padding-top: 0px;
	background: url(hh_sector_bg.jpg) no-repeat
}
.video {
	width: 956px;
	margin: 0 auto
}
.video_top {
	margin: 75px 0 78px;
}
.video_list {
	width: 350px;
}
.video_list h2 {
	font-size: 24px;
	color: #3b3b3b
}
.video_list h3 {
	text-align: right;
	font-size: 16px;
	padding: 18px 0 50px;
	color: #3b3b3b
}
.video_list p {
	margin-bottom: 18px;
}
.video_list p a {
	color: #3b3b3b
}
.video_r {
	width: 506px;
	height: 503px;
	background: url(hh_bj3.png) no-repeat right top;
	position: relative
}
.video_img {
	position: absolute;
	top: 14px;
	left: 70px;
	z-index: 2;
}
.video_img1 {
	position: absolute;
	bottom: 93px;
	left: 0
}
.video_img2 {
	position: absolute;
	bottom: 93px;
	left: 103px
}
.video_img3 {
	position: absolute;
	top: 50px;
	right: 0
}
#discuss {
	background: #096fd5;
	height: 518px;
	position: relative
}
#discuss ul {
	width: 1000px;
	background: url(hh_bj4.png) top center no-repeat;
	overflow: hidden;
	padding-top: 136px;
}
#discuss ul li {
	float: left;
	width: 173px;
	font-size: 12px;
	color: #FFF;
	margin: 0 18px 0 11px
}
#discuss ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block
}
#discuss ul p {
	font-size: 12px;
	color: #FFF;
	margin-top: 18px;
	line-height: 18px
}
.discuss_top {
	padding: 52px 0 63px;
	text-align: center;
	display: block
}
/*  底部友情链接  */
.Relevant {
	height: 66px;
	overflow: hidden;
	border-bottom: 1px solid #cee5ff;
	border-top: 4px solid #00478d
}
.footer_link {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.footer_link ul li {
	float: left;
	width: 81px;
	overflow: hidden;
	white-space: nowrap;
	word-break: keep-all;
	text-overflow: ellipsis;
	margin-right: 43px;
}
.footer_link_list {
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: absolute;
	top: 65px;
	left: 0px;
	min-height: 50px;
	z-index: 98;
}
.footer_link_list a {
	line-height: 24px;
	display: block;
	margin: 10px;
	float: left;
}
.footer_link_list a:hover {
	color: #ff6200;
}
a.footer_link_a {
	display: block;
	height: 66px;
	line-height: 66px;
	font-size: 16px;
	font-weight: bold;
	color: #343434
}

a.footer_link_a span {
	background: url(hh_arrowdown.png) right center no-repeat;
	display: inline-block;
	padding: 5px;
	margin-left: 10px;
}
a.footer_link_a:hover span {
	background: url(hh_arrowup.png) right center no-repeat;
	display: inline-block;
	padding: 5px;
	margin-left: 10px;
}
/*  纠错  */
.Correct {
	width: 184px;
	height: 73px;
	margin: 40px auto;
	background: url(hh_logo.png) left top no-repeat;
	padding-left: 77px
}
.footer {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #096fd5
}
.footer p {
	width: 1000px;
	color: #FFF;
	margin: 0 auto
}
.footer p span {
	float: right
}
.footer p strong {
	padding-left: 130px;
	font-weight: normal
}