﻿/*header*/
#header{ width:100%; height:34px; border-bottom:1px solid #eeeeee;background: #f8f8f8;}
.header{ width:1200px; height:34px; margin:0 auto; line-height:34px;}
.header p{ float:left;}
.header p a.toHome{margin-left: 0;}
.header p a{ color:#666;margin: 0 15px;}
.header a:hover{ color:#f60; text-decoration:underline;}
.header span{ float:right; color:#dcdcdc;}
.header span a{ padding:0 10px;color: #666;}
.header span a.mobile{ padding-left:24px; display:inline-block; background:url(../../images/project/project.png) no-repeat 7px 10px;}

/*top*/
#top{ width:100%; height:80px; padding-top:15px;}
.top{ width:1200px; height:65px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{ position:absolute; left:2px; top:0; z-index:1;}
.top .adRight{ position:absolute; right:0; top:0; z-index:1;}
.search{ width:712px; height:36px; position:absolute; right:0px; top:16px; z-index:11111; border:2px solid #76a246;}
.search .dropdown{ width:74px; height:32px; float:left;border-left:0; border-right:1px solid #eeeeee; font-size:14px; line-height:32px; background: url(../../images/project/project.png) no-repeat 150px -19px; text-indent:10px; color:#7d7d7d; cursor:pointer; position:relative; z-index:2;margin: 2px 0;}
.search .dropdown ul{ width:74px; background:#fff; border:1px solid #eeeeee; position:absolute; left:-2px; top:36px; display:none; padding:3px 0;}
.search .dropdown ul.areaList{ width:222px}
.search .dropdown li{ width:74px; float:left; font-size:12px; line-height:22px;}
.search #progress{ text-indent:8px;background: url(../../images/project/project.png) no-repeat 81px -19px;}
.search #area{background: url(../../images/project/project.png) no-repeat 55px -19px;}
.search #field,.search #field li{ width:169px;}
.search #field ul{ width:170px;}
.search #progress,.search #progress ul,.search #progress li{ width:100px;}
.search .smartbox{ width:364px; float:right;}
.smartbox .text{ width:286px; height:36px; line-height:36px; float:left; border:none; text-indent:8px; color:#777; font-size:14px;font-family: "microsoft yahei";}
.smartbox #searchBtn{ width:78px; height:36px; float:right; border:none; cursor:pointer; font-size:16px; color:#fff;outline: none;background: #76a246;font-family: "microsoft yahei";}
.selected{ background:#76a145; color:#fff;}

/*nav*/
#nav{ width:100%; height:50px; background:#ffb600;}
.nav{ width:1200px; height:50px; margin:0 auto; font:normal 16px/50px "Microsoft Yahei"; color:#fff;}
.nav a{ width: 118px; color:#fff;display:inline-block; height: 50px;text-align: center;border-left:1px solid #ffb600; border-right:1px solid #ffb600;}
.nav a:hover{border-left:1px solid #fff; border-right:1px solid #fff;background:#76a246;}
.nav a.home{ display:inline-block; background:#76a246; color:#fff; border-left:1px solid #fff; border-right:1px solid #fff;}

/*foreshow*/
.foreshow{width: 1200px;margin: 15px auto;}
.attention{height:32px;}
.attention span.icon-report{font-size: 40px; line-height: 32px; float: left; margin-right: 20px; }
.attention span.report{width: 40px;height: 32px; float: left; margin-right: 20px; background: url(../../images/project/report.png) no-repeat 0}
.attList{overflow: hidden; width: 1054px; height: 32px;}
.attList ul{ width:1176px; float: right; overflow:hidden;zoom:1;}
.attList li{ padding-left:10px; padding-right:25px;height:22px; overflow:hidden; line-height:22px; margin:5px 0; float:left;background: url(../../images/project/project.png) no-repeat 0 -121px; }
.attList li a{ color:#333;font-size: 14px;}
.attList li:hover{background: url(../../images/project/project.png) no-repeat 0 -95px;}
.attList li a:hover{color: #76a246!important;}
#SocllDiv2{width: 1140px !important;}
.location {
	margin: 0 auto;
	/* padding: 12px 0 0; */
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	color: #666;
	width: 1200px;
}
.location i.weizi {
	vertical-align: top;
	width: 13px;
	display: inline-block;
	height: 16px;
	background: url(../../images/prodetail/position.png) no-repeat;
	margin-top: 5px;
}
.location .back {
	margin-top: 2px;
	float: right;
	font-size:  14px;
	color: #ff6600;
}
.location .back i {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
	background: url(../../images/prodetail/multimedia-option.png) no-repeat;
	background-size: contain;
	margin-left: 5px;
	margin-top: 4px;
}
.location a {
    color: #666;
    margin: 0 7px;
}
.location a:hover {
	color: #76a246 !important;
}
.location p {
    float: right;
}
.footer{
	background-color: #333333;
	padding: 20px 0 0 0;
	margin-top: 30px;
}
.Foot{
	width: 1180px;
	margin:0 auto;
	color: #fff;
	overflow: hidden;
}
.footLeft{
	width: 820px;
	float: left;
}
.footMenu{
	color: #666666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	text-indent: -6px;
}
.footMenu a{
	color: #fff;
	margin: 0 6px;
}
.footMenu a:hover{
	color: #76A246;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #76a244;
}
.footLeft p a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #858688;
	border-radius: 11px;
	padding: 0 10px 0 0;
	margin-right: 46px;
	position: relative;
	cursor: pointer;
}
.footLeft p a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.footLeft p a .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
}
.footLeft p a:hover .QQhover{
	display: inline-block;
}
.footLeft p a b{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: top;
	background: #afb1b0 url(https://www.hbzhan.com/images/News/newsIndex.png) no-repeat -83px -239px;
}
.copyright{
	border-top: 1px solid #666666;
	margin-top: 24px;
	padding-top: 20px;
	color: #cacaca;
}
.footRight{
	width: 360px;
	float: right;
	text-align: center;
	padding-top: 20px;
}
.footRight p{
	display: inline-block;
	width: 100px;
	margin: 15px;
}
.footRight p img{
	border:1px solid #999999;
	margin:5px 0;
}
