@charset "utf-8";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#fff; 
	font-family: Arial, Helvetica, sans-serif,'黑体','SimHei';
	line-height:1em;
	color:#a5a5a5;
}
html { min-width:977px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	width: 977px;
	font-size:0.75em;
	padding-top:152px;
	}

/* Header */
header{
	height:145px;
	border-bottom:3px solid #222;
	background:#fff;
	position:relative;
	position:fixed;
	top:0;
	width:977px;
	z-index:9;
}

/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper {
	WIDTH: 100%; OVERFLOW: hidden; float:left; 
}
/*案例轮换图*/
#slider {
	width:580px;
	overflow:hidden;
	float: right;
	HEIGHT: 370px;
	margin-bottom:10px 
}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:580px;
	HEIGHT: 370px; 
	overflow:hidden; 
}
#prevBtn { background:url(../images/arrow2.gif) no-repeat 0 6px; padding-left:10px;margin-left:220px; float:left;}
#nextBtn { background:url(../images/arrow3.gif) no-repeat 100% 6px; padding-right:10px;margin-right:220px;  float:right;}					
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding:10px 0 18px 0;
}
.img-box img { 
	float:left; 
	margin:0 20px 0 0;
}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:16px;}
.p1 { margin-bottom:8px;}
.p2 { margin-bottom:16px;}
.p3 { margin-bottom:24px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#222; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h2 {
	font-size:14px;
	color:#a5a5a5;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:20px;
}
h3 {
	font-size:14px;
	line-height:1.2em;
	color:#222;
	font-weight:none;
	text-transform:uppercase;
	margin-bottom:9px;
}
h4 {
	font-size:1em;
	color:#222;
	margin-bottom:16px;
}
h5 {
	font-size:1em;
	color:#222;
}


.intro {
	font-size:14px;
	color:#a5a5a5;
	line-height:18px;
	}

.read_more {
	background:url(../images/arrow2.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	color:#222;
	font-weight:bold;
}

.address { 
	float:left;
	margin-right:40px;
}
.address.last {
	margin-right:0;
}
.address dt {
	font-weight:bold;
	color:#222;
	margin-bottom:16px;
}
.address dd { 
	clear:both;
}
.address dd span { 
		float:left;
		width:77px;
}
address.mail {
	display:block;
	font-style:normal;
	padding:15px 0 14px 0;
	}
	



/* Header
---------------------------------------- */
/* Logo */
.logo {
	left:0;
	top:56px;
	float: left;
	margin: 63px auto auto 0;
	}
.logo h1 {
	font-size:41px;
	line-height:1.2em;
	font-weight:normal;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	color:#222;
	letter-spacing:-4px;
}
.logo h1 a {
	color:#222;
	text-decoration:none;
}
.logo .description {
	color:#222;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:1.2em;
	height:24px;
	background:#fff;
	position:absolute;
	left:41px;
	top:-14px;
	letter-spacing:-1px;
	padding:0 0 4px 0;
	width: 141px;
}



/* Navigation */
header nav {
	float: left;
	margin-top: 66px;
	margin-left: 20px;
	}
header nav ul li {
	float:left;
	FONT-SIZE: 14px 
}
header nav ul li a {
	float:left;
	color:#222;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:3px solid #e3e2e2;
	padding:0 44px 11px 44px;
	text-align:center;
}
header nav ul li a:hover,
header nav ul li a.current {
	border-color:#222;
}

/* Social services */
.social-services {
	position:absolute;
	right:-1px;
	top:72px;
}
.social-services li {
	float:left;
	padding-left:8px;
}
/* Content
---------------------------------------- */
/*案例分类*/
.category {
	padding:0px 0 10px 0;
	width:977px;
	border-bottom:#222222 2px solid
}
.category span{
	line-height:50px;
	font-size:14px;
}
.category span a{ margin-right:20px; color:#636363; text-decoration:none;}
.category span a:hover{color:#000; text-decoration: underline;}
.category span .current{ color:#000; font-weight:bold}
.category dt {
	font-size:13px;
	color:#222;
	float:left;
	line-height:1.2em;
	padding:5px 0;
	margin-right:15px;
}
.category dd {
	font-size:13px;
	padding:5px 0;
}
.category dd a {
	color:#636363;
	text-decoration:none;
	margin-right:10px
}
.category dd .current{ color:#000;}
.category dd a:hover {
	text-decoration:underline;
}
/*团队*/
.teams {
	padding:20px 0px 15px 0px;
	width:auto;
	float:left;
	border-bottom:#222222 2px solid
}
.teams ul {
	font-size:13px;
	float:left;
	width:100px;
	margin-right:10px;
}
.teams li{
	width:100px;
	overflow:hidden;
	text-align:left;
	line-height:22px;
	height:22px;
}
.teams li a {
	color:#222;
	text-decoration:none;
}
.teams li a.current{
	 color:#000; font-weight:bold
}
.teams li a:hover {
	text-decoration:underline;
}
.teampic{ width:300px; float:left; margin-right:30px;}
/*加入*/
.lmname{ float:left;font-size:14px; color:#000; width:977px;  margin-top:18px}
.join_box{width:450px;height:400px; overflow:hidden; float:left; }
.join{ width:450px; float:left; line-height:22px; letter-spacing:1px;color:#000000;}
/*联系*/
.contact{ width:450px; float:left; margin:0px 20px 0 50px; line-height:22px; letter-spacing:1px;color:#000000;}
/*案例名称*/
.subcate {
	padding:20px 0 15px 0px;
	width:auto;
	float:left;
	border-bottom:#222222 2px solid
}
.subcate ul {
	font-size:12px;
	float:left;
	width:112px;
	margin-right:10px;
}
.subcate li{
	width:112px;
	overflow:hidden;
	line-height:18px;
	height:18px;
	text-align:left
}
.subcate li .current{ color:#000; font-weight:bold}
.subcate li a {
	color:#636363;
	text-decoration:none;
}
.subcate li a:hover {
	text-decoration:underline;
}

#content {
	padding: 10px 0 30px 0;
}
#content .indent {
	padding:25px 0 10px 0;
	float:left;
	width:977px
}

#content article {
	padding-bottom:64px;
}
#content article.last{
	padding-bottom:0;
}

/* Lists */
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 4px;
	padding:0 0 8px 11px;
	}
.list1 li a {
	color:#222;
	font-weight:bold;
}

.skills dt {
	font-size:15px;
	color:#222;
	line-height:1.2em;
	padding:0 0 1px 0;
}
.skills dt a {
	color:#222;
	text-decoration:none;
}
.skills dt a:hover {
	text-decoration:underline;
}
.skills dd {
	font-size:13px;
	padding-bottom:19px;
}

.locations dt {
	font-weight:bold;
	color:#222;
	}
.locations dd {
	padding-bottom:24px;
	}
.locations dd.last {
	padding-bottom:12px;
	}



/* Gallery */
.gallery {
margin-bottom:10px
	}
.gallery span {
	font-size:14px;
	line-height:1.2em;
	color:#222;
	margin-bottom:9px;
	width:178px; float:left
}
.gallery ul {
	float:left;
	width:178px;
	margin-left:21px;
	}
.gallery ul .fenlei{ text-decoration:none}
.gallery ul.first {
	margin-left:0;
	}
.gallery dl {
	width:100%;
	overflow:hidden;
	}
.gallery dl dt {
	display:block;
	width:178px;
	height:187px;
	overflow:hidden;
	background:url(../images/loader.gif) no-repeat 50% 50%;
	
	}
.gallery dl dd {
	cursor:pointer;
	}

.gallery .divider {
	height:12px;
	background:url(../images/arrow_up.gif) no-repeat 0 0;
	margin-bottom:5px;
	margin-top:5px;
	overflow:hidden;
	cursor:pointer;
	}
.gallery .last-arrow {
	margin-top:5px;
	cursor:pointer;
	background:url(../images/ex-coll-arrow.gif) no-repeat 0 -12px;
	height:12px;
	overflow:hidden;
}
.gallery .last-arrow.alt {
	background-position:0 0;
}
.gallery .description {
	background:#bcbcbc;
	color:#fff;
	padding:7px 10px 8px 10px;
	margin-bottom:0;
	position: relative;
	font-size:13px
	}
.gallery .description span {
	color:#fff;
	letter-spacing:1px;
}
.gallery .view {
	display:inline-block;
	color:#222;
	padding:2px 0 2px 0;
	float:right
}
			
			
.gallery .description:hover,
.gallery .description.active{
	background:#222;
}
	
.gallery .description:hover strong,
.gallery .description.active strong{
	color:#bcbcbc;
}
				
.gallery .description:hover .view,
.gallery .description.active .view{
	color:#fff;
}
				
				
.gallery .description.active:hover {
	background:#bcbcbc;
}
.gallery .description.active:hover strong {
	color:#fff;
}
			
/* Categories */
.categories {
	position:absolute;
	left:0;
	top:30px;
	z-index:11;
	background:#fff;
	width:160px;
	}
.categories li {
	color:#a5a5a5;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.2em;
	padding-bottom:13px;
	}
.categories li a.current {
	color:#000000;
	text-decoration:none;
	}

/* Folio */
figure.preview {
	left:397px;
	top:0;
}
.visit {
	display:block;
	height:33px;
	line-height:33px;
	background:#b9b9b9;
	font-size:10px;
	text-transform:uppercase;
	padding:0 20px;
	text-align:right;
	color:#fff;
}
.visit a {
	color:#fff;
}
.biaoti{ font-size:17px; float:left;width: 360px;color:#000000; line-height:25px; margin-bottom:10px;}
.project-info {
	width:360px;
	float: left;
	margin-right: 35px;
}
.project-info p{ line-height:25px; color:#000000; padding:0; margin:0;font-size:13px; float:left}
.project-info .title{ font-size:20px;}
.project-info .zhiwei{
	font-size:12px;
	width: 360px;
	letter-spacing:1px;
}
.project-info li {
		overflow:hidden;
		padding:0 0 7px 0px;
		font-size:12px;
		line-height:20px;
		color:#636363;
		font-size:13px;
}
.project-info .instr{
	padding-left:0px; 
	margin-top:10px; 
	width: 360px;
	
}
.project-info .instr p{line-height:20px;font-size:13px;}
.dplay{height:330px;overflow:hidden; }
.arrow_bottom{text-align:center; margin-top:10px; cursor:pointer;}
.kong{margin-top:10px;}
/*.project-info li .name {
	display:block;
	width:50px;
	text-align:left;
	color:#222;
	font-size:13px;
	line-height:1.2em;
	float: left;
}
.project-info li span {
	display:block;
	text-align:left;
	color:#222;
	font-size:13px;
	line-height:1.2em;
	float: left;
	line-height:20px;
}*/
.project-info li p{ float:left; width:360px}
.imgs{ float:left; height:370px;}
/*新闻列表*/
.newslist,.honorlist {
	width:360px;
	float: left;
	margin-right: 35px;
}
.newslist li {
	width:360px;
	overflow:hidden;
	zoom:1;
	letter-spacing:1px;
	font-size:12px;
	line-height:22px;
	height:22px;
	
}
.honorlist li {
	width:360px;
	overflow:hidden;
	zoom:1;
	letter-spacing:1px;
	font-size:14px;
	line-height:24px;
	height:24px;
	
}
.newslist li a,.honorlist li a{color:#636363; text-decoration:none}
.newslist li a:hover ,.honorlist li a:hover{color:#000000; text-decoration: underline}
/* Footer
---------------------------------------- */
footer .copy {
	border-top:3px solid #222;
	padding:20px 12px 20px 0;
	color:#222;
	font-size:12px;
	margin-right:18px;
	width:390px;
	position:relative;
}
footer .copy span{ position:absolute; left:0px; top:15px; width:420px}
footer .copy a {
	color:#222;
	text-decoration:none;
}
footer .copy a:hover {
	text-decoration:underline;
}
footer .copy strong {
	text-transform:uppercase;
}
footer .right-section {
	border-top:3px solid #e3e2e2;
	padding:20px 0 20px 0;
	margin-left:200px;
	text-align:right;
}

/* Forms
---------------------------------------- */
#contacts-form fieldset {
	border:none;
}
#contacts-form label {
	display:block;
	height:45px;
}
#contacts-form input {
	width:250px;
	background:none;
	border:1px solid #d3d3d3;
	padding:2px 0 2px 5px;
}
#contacts-form textarea {
	width:300px;
	background:none;
	border:1px solid #d3d3d3;
	overflow:auto;
	height:105px;
	padding:1px 0 1px 5px;
	margin-bottom: 5px;
}

#contacts-form .col-1 {
	width:295px !important;
	margin:0 !important;
}
#contacts-form .col-2 {
	width:290px !important;
	margin:0 !important;
}
#contacts-form .button {
	float:right;
	margin-left:20px;
}



/*==========================================*/