﻿/*header*/
#header{ width:100%; height:34px; border-bottom:1px solid #eeeeee;background: #f8f8f8;}
.header {
	height: 34px;
	background-color: #f6f6f6;
}

.head {
	margin: 0 auto;
	height: 34px;
	font-size: 12px;
	line-height: 34px;
	position: relative;
	width: 1200px;
}
.grand {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.grand dl {
	position: absolute;
	right: 0;
	top: -35px;
}
.grand a b {
	background: url(/images/down.png) no-repeat;
	width: 7px;
	height: 6px;
	display: inline-block;
	margin-left: 5px;
}
.head span {
	float: left;
	line-height: 34px;
}

.head span a {
	color: #666666;
	margin: 0 8px;
}
.head .grand {
	float: right;
	color: #dfdfdf;
	font-family: "SimSun";
	line-height: 34px;
}

.grand dd {
	float: left;
}
.grand a {
	color: #666;
	padding: 7px 8px;
	display: inline-block;
	font-family: "microsoft yahei";
	display: inline-block;
}
.grand dd:hover a {
	background-color: #fff;
}
.grand a:hover {
	color: #ff6600;
}
.grand dd:hover a b {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	margin-top: 4px;
	display: block;
	float: right;
}
.head a b {
	background: url(/images/down.png) no-repeat;
	width: 7px;
	height: 6px;
	display: inline-block;
	margin-left: 5px;
}
.grand a.mobile {
	color: #2b82d9;
}

.grand a.mobile i {
	margin-right: 2px;
	display: inline-block;
	vertical-align: top;
}

.head a:hover {
	color: #ff6600;
}
.head a.moreNav {
	position: absolute;
	right: 8px;
	display: none;
}
.son {
	position: absolute;
	z-index: 999;
	display: none;
	width: 90px;
	background-color: #fff;
	box-shadow: 0 0 5px #e5e5e5;
	top: 31px;
}
.son img {
	width: 90px;
}
.qq {
	position: absolute;
	top: 0;
	left: 318px;
}
.qq a {
	font-size: 12px;
	color: #2b82d9;
}

/*top*/
#top{ width:100%; height:80px; padding-top:15px;}
.top{ width:1200px; height:65px; margin:0 auto; position:relative;}
.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; border:2px solid #2b82d9;}
.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: #2b82d9;font-family: "microsoft yahei";}
.selected{ background:#2b82d9; 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:#2b82d9;}
.nav a.home{ display:inline-block; background:#2b82d9; 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: #2b82d9!important;}
#SocllDiv2{width: 1140px !important;}

.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: #2b82d9;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #2b82d9;
}
.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: 20px;
	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("/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;
}
.bdsharebuttonbox a.qq {
	position: unset;
}
