@charset "utf-8";

body { 

	width:960px;

	padding:0px;

	margin:auto; 

	font: 12px "Microsoft Yahei","微软雅黑";

}

#toper { 

	background:#ededed;

	height:10px;

}

#logo { 

	padding:20px 50px;border-top:10px solid #ededed;

}

#nav { 

	border-top:1px solid #ededed; 

	padding-bottom:8px; 

	text-align:center; 

	height:30px;

}

#nav ul { 

	list-style:none; 

	margin-top:-2px;

}

#nav ul li { 

	float:left;

	width:140px;

	padding-top:15px;

}

#nav a { 

	text-decoration:none;

	color:#333333;

	font-weight:bold;

	padding-top:14px;

	margin-top:-13px;

}

.curr ,#nav a:hover {

	border-top:1px solid #000;

}

#line { 

	height:10px; 

	background:url(../images/line_bg.jpg) repeat-x;

	margin-bottom: 20px;

}

#left { 

	float:left;

	width:190px;

}

#left ul { 

	list-style:none;

	padding-left:10px;

}

#left li {

	line-height:200%;

}

#left a {

	text-decoration:none;

	padding-left:5px; 

	font-weight:bold;

}

#left a:hover{color: #000;}

#left_about{

	float:left;

	width:190px;

}

#left_about ul { 

	list-style:none;

	padding-left:10px;

}

#left_about li {

	line-height:200%;

}

#left_about a {

	color:#999999; 

	text-decoration:none;

	padding-left:5px; 

	font-weight:bold;
	
	font-size:14px;

}



#left_about a:hover{color:#000;}



#left_about li a.on{color:#333333;border-left:1px solid #333333;}



#csr_img{float: left; width: 215px;}

#csr_img img{width: 215px;height:314px}

#csr{float: left; border-left: 1px solid #999999; width: 490px; padding-left: 15px; margin-left: 15px; height: auto; -webkit-text-size-adjust: none;}



#middle, #middle_sy{ 

	float:left;

	width:770px; 

	height:690px; 

	line-height:150%; 

	color:#999999; 

	overflow:auto; 

}

#middle ul {

	list-style:none;

	margin-left:0px;

	padding-left:0px;

	padding-top: 3px;

}

#middle li { 

	font-size:26px;

	color:#999999;

}

#middle ul li div{ 

	border-left:1px solid #999999;

	padding-left:10px;

	line-height:150%; 

	font-size:14px;

}





/*项目精选*/

#page_title { 

	height:20px; 

	border-bottom:1px solid #ededed;

	padding:10px 10px 10px 0px; 

	margin-bottom:30px;

	padding-top: 10px;

	font-size:16px
}

#left_desc { 

	color:#666666; 

	border-bottom:1px solid #ededed;

	padding-bottom:30px; 

	line-height:24px;
	
	font-size:14px;

}

/* Timeline */

#timeline {

	height: 640px;

	position: relative;

	overflow: hidden;

}

#timeline h1 {

	width: 520px;

	position: absolute;

	z-index: 50;

	left: 0;

}

#timeline .mask {

	background:url(../images/bg.jpg) repeat;

	width: 520px;

	height: 100px;

	position: absolute;

	top: 0;

	left: 0;

}

#timeline #issues {

	width: 650px;

	overflow: hidden;

	float: left;

}

#timeline #issues li.box {

	height: 300px;

	height: auto !important;



}

#timeline #issues li.box h3 {

	font-size: 19px;

	margin-bottom: 0;

}

#timeline #issues li.box li {

	background: url(../images/square.jpg) no-repeat left 7px;

	padding-left: 20px;

	margin-bottom: 15px;

}

#timeline #issues li.box .history .image_box {

	background: #e8e8e8;

	width: 100px;

	height: 100px;

	float: right;

}

#timeline #issues li.box .history .desc_box {

	width: 400px;

	float: left;

}

#timeline .line {

	position: absolute;

	background: url(../images/border.png) repeat-y left center;

	width: 90px;

	right: 0;

	margin: 22px 0;

}

#timeline #dates {

	position: absolute;

	text-align:right;

	right: 0;

	top: 0;

	width: 100px;

	z-index: 10;

	list-style:none;

}

#timeline #dates a {

	line-height:160%;

	display: block;

	color: #999999;

	font-size: 16px;

	text-decoration:none;

}

#timeline #dates a:hover {

	color: #000;

}

#timeline #dates a.selected {

	/*background-image: url('/template/cn/images/timeline-bullet-cur.png');

	color: #666;*/

}

#timeline #prev, #timeline #next {

	width: 520px;

	height: 11px;

	display: none;

	text-indent: -9999px;

	position: absolute;

}

#timeline #prev {

	top: 100px;

	background: url(../images/btn-arrow-top.png) no-repeat center center;

}

#timeline #next {

	bottom: 0;

	background: url(../images/btn-arrow-bottom.png) no-repeat center center;

}



#pro_btns {

	margin:5px 0;

}

.news{ 

	margin:0 0 50px 0;

	padding-bottom:30px;

}

.news img{border:none;}

#news_left{

	width:720px; 

	float:left;

	margin-top:10px;

	line-height:150%;

}

#news_time{

	float:left;

	width:140px;

	padding-right:10px;

	margin-top:-8px;

}

#news_time ul{ 

	list-style:none;

	padding-left:0px; 

	text-align:right;

	vertical-align:top;

}

#news_time li{ 

	float:right;

}

#news_time span{

	color:#999999

}



#news_desc{

	float:left;

	border-left:1px solid #ededed;

	padding-left:10px;width:520px; 

	margin-top:5px; color:#999999;

	 padding-bottom:0px;

}

#news_right{ 

	float:left; 

	padding-top:10px;

	width:210px;

}

#search{

	background:url(../images/search_bg.png) no-repeat; 

	height:30px; 

	width:210px;

}

#right_nav{

	border-bottom:1px solid #ededed; 

	border-top:1px solid #ededed;

	margin-top:20px;

	padding-top:20px;

}

#news_right ul{

	list-style:none;

	padding-left:0px;

}

#news_right li{

	background:url(../images/arr.png) no-repeat;

	padding-left:2px;

	line-height:180%;

}

#right_nav li a{

	color:#666666; 

	font-weight:100 !important;

} 

#news_right li a{

	color:#666666; 

	font-weight:bold;

}

.r_nav_title{

	font-size:14px; 

	color:#333333; 

	font-weight:bold;

}

/*  翻页 CSS */



.pages {

	color:#666; 

	float:right; 

	padding:8px 2px 8px 0; 

	margin:4px 33px; 

	text-decoration:none; 

	font-size:12px;

	line-height:300%;

}

#current{ border:0px;}

.pages a:link {border:1px solid #ccc; padding:3px 8px; color:#666;	margin:3px; text-decoration:none;}



.pages a:visited {border:1px solid #ccc; padding:3px; color:#666; margin:3px;}

.pages a:hover {background-color:#000000; color:#fff;}

/*新闻列表*/

.new_list {line-height:26px; padding-bottom:1px; text-indent:18px;margin-right:30px;}

.new_list a{color:#666; font-size:12px; letter-spacing:1.5px;}

.new_list span{float:right; font-size:11px; padding-right:10px; color:#999;}

#proj{width:960px; height:333px; border:1px solid #ededed;}

#content{float:left; margin-top:-10px; padding-left:20px; margin-left:10px;}

.lightbox-container-image img{z-index: 998;}

#list_sy{float: left;width: 75%; margin-top: 10px;}

#ser_content{

	float:left; 

	margin-top:-30px; 

	margin-left:10px;

	width:760px;

}

#ser_content ul{

	list-style:none;

	padding:0px;

}

#ser_content li{

	float:left;

	padding:0px;

}

#ser_content img{

	border:none;

}

#xm_desc{list-style:none;padding-left:5px;padding-right:5px;margin-top:0px;display:none;}

#filter a{padding-left:0px !important;}

#nav_m{margin:auto;width:330px; display:none;}

.li_640{float:left;padding-left:9px;padding-right:8px;}

.li_line{float:left;width:1px;}

.active a{color:#333333 !important;}

.line_ds{display:none;}



.gray{

	-webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

    width: 960px;

    text-align: left;

}

#imggray ul{ list-style:none;padding-left: 0px;margin-top: -12px;}

#imggray li{ float: left;width:188px; height: 126px;padding: 2px ;}

#imggray img{width: 188px;border: none; height:126px;}

#f_left{float:left;width:70%}

#f_right{float:left;width:30%}

.f_text{width:32%;padding-bottom:10px;}

#add{color:#666; line-height: 200%; font-size:14px; margin:10px 5px 0px 0px;}

#map2{margin-top:-7px;margin-left:-8px}

#sub_btn{cursor: pointer;  padding:5px 30px; background-color:#333; color:#fff; text-align: center; border:1px solid #000; margin-top:10px; margin-bottom:20px;}

.contact label{display:block;padding-bottom:6px}

.contact .tab_box{border-top:1px solid #333;padding:30px 0 0 0;margin:30px 0 20px 0;}

.contact #table{width:770px;float:left}

.contact #table .item{display:none}

.contact .table{width:550px;margin:30px 0;}

.join3{border-bottom:1px solid #333;padding:10px 0 30px 0;margin-bottom:30px}
.join2{ padding-bottom:30px}

.join2 a{display:block;color:#666;font-size:12px;line-height:24px;}

#khfw a{color: #666666;}

#khfw a:hover{color: #000;}

#map2 h2{ margin-left:8px}

.left_cc{display:inline-block; float:left;width:200px}
.left_cc li a{ cursor:pointer}

.join{margin-top:2px}

.join dl{padding:0 0px 22px 0px;margin-bottom:22px;}

.join span{display:block;font-size:14px;color:#333;margin-bottom:14px;font-weight:bold}

.join dt{font-size:12px;color:#333;margin-bottom:8px;margin-top:20px;font-weight:bold}

.join dd{font-size:12px;color:#666;line-height:24px}



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:5px;

border:1px #CCCCCC solid;

margin-right:2px;

cursor:pointer;

}

.page .current{

border:1px #999999 solid;

background:#FFFFCD;

font-weight:bold;

}

.page  a:hover{

border:1px #333333 solid;

background:#FFFFCD;

text-decoration:none;

}



.detail{padding:15px 10px; padding-top:50px;}

.detail h3{ color:#333; text-align:center; font-size:20px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}

.write span{ color:#666;}

.detail p{ padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }

.dow b{ color:#0271cb;}

.dow p{ text-indent:0;font-size:12px;}

.info p {line-height:25px;font-size:12px; margin-top:5px; }