/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
    padding: 0; 
    margin: 0; 
} 

ul { 
    list-style:none; 
}

ol { 
    margin:0 0 0 20px;
}

body { 
	margin:0; 
	font-size:14px; 
	line-height:20px;
	font-family:"Microsoft Yahei", Tahoma, Verdana, Arial, "SimSun"; 
	_font-size:12px;
}

button, a {		/*IE7*/
	border:none;
	*+font-family:"Microsoft Yahei";		/*IE7*/
	cursor:pointer;
}

h2, h3, h4 {
	font-weight:normal;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
	letter-spacing:1px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:16px; 
	line-height:24px;
}

h5 { 
	font-size:15px;
}

h6 { 
	font-size:12px;
}

a { 
	text-decoration:none; 
	cursor:pointer;
	color:#666;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

a:hover, a.selected {
	color:#7C954C;
}

p {
	marign:5px;
}

#wrap {
	overflow:hidden;
	color:#666;
}

/*header*/
#header1 {
	width:1000px;
	position:relative;
	height:110px;
	margin:0 auto;
}

#logo {
	display:block;
	width:390px;
	height:70px;
	margin:20px 0 0 20px;
	float:left;
	background:url("../images/logo.png") no-repeat;
}


/*navbar*/
#nav {
	height:40px;
	width:100%;
}
	
#nav li {
	float:left;
	font-size:16px;
	text-align:center;
	border-right:1px solid #f6f6f6;
	height:100%;
	width:20%;
}

#nav li a {
	color:#666;
	display:block;
	padding:0 10px;
	zoom:1;
	height:40px;
	line-height: 40px;
	-moz-transition-timing-function:ease;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	-ms-transition-timing-function:ease;
	transition-timing-function:ease;
	transition-property:margin-left;
}

.home {
	border-left:1px solid #f6f6f6;
}

#home #nav .home a, #nav a:hover, .hoverBg, 
#pension1 .pension1 a, 
#pension2 .pension2 a, 
#pension3 .pension3 a, 
#pension4 .pension4 a, 
#pension5 .pension5 a {
	color:#fff;
	background:#7C954C;
}

#nav .navCont {
	float:left;
	position:relative;
}

#nav .dropdown {
	background:#7C954C;
	position:absolute;
	left:0;
	top:110px;
	width:auto;
	height:auto;
	display:none;
	filter:alpha(opacity=90); 
    -moz-opacity:0.9; 
    -khtml-opacity:0.9; 
	opacity:0.9;
	z-index:1000;
	padding:10px 0;
}

#nav .dropdown li {
	display:block;
	float:none;
	width:180px;
	height:24px;
	line-height:24px;
	border:none;
}

#nav .dropdown a {
	float:none;
	font-size:12px;
	display:block;
	width:auto;
	text-align:left;
	padding:0 8px 0 10px;
	color:#edf5e9;
	height:24px;
	line-height:24px;
}

#nav .dropdown a:hover {
	background:#40221b;
	color:#fff;
}

#nav .dropdown a span {
	font-family:verdana;
	font-size:14px;
	margin-right:5px;
}

#nav .hoverBg {
	color:#7C954C;
}
/*END*/


/*banner*/
#inbanner {
	background:url("../images/banner.jpg") no-repeat;
	height:400px;
	width:1000px;
	margin:0 auto;
}

.introductory {
	background:#f4eeea;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	-khtml-opacity:0.8; 
	opacity:0.8;
	color:#72564f;
	font-size:12px;
	text-indent:24px;
	margin:145px 0 0 0;
	width:360px;
	padding:15px 42px 20px 20px;
	float:right;
}
/*END*/


/*main*/
#main {
	overflow:hidden;
	margin:0 auto;
	width:1000px;
}

#content {
	margin:20px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

.portfolio_stage {
	clear:both;
	overflow:hidden;
	margin:10px auto;
}

.content {
	overflow:hidden;
	margin:0 auto;
}

.gotopbtn {
    background: url("../../yxpic/top.gif") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display: inline-block;
    height:64px;
    position:absolute;
    width:35px;
}

/*title*/
.title {
	height:28px;
	letter-spacing:3px;
	background:url("../images/title_icon.png") no-repeat;
	padding:0 0 0 60px;
	zoom:1;
	color:#7C954C;
	border-bottom:1px solid #edf5e9;
}

.more {
	float:right;
	width:50px;
	height:25px;
	line-height:25px;
	display:block;
	background:#edf5e9;
	font-size:12px;
	color:#7C954C;
	font-family:verdana;
	font-weight:normal;
	letter-spacing:0;
	border-left:2px solid #fff;
	text-align:center;
}

.more:hover {
	background:#7C954C;
	color:#fff;
}

.borderT_bump {
	background:url("../images/bump.png") left top repeat-x;
	padding-top:30px;
}


.intro {
	clear:both;
	background:url("../images/img000.png") right center no-repeat;
	zoom:1;
	overflow:hidden;
	height:463px;
}

.intro p {
	line-height:24px;
	margin:8px 0 20px 0;
}

.intro .portfolio_stage {
	width:61%;
	text-indent:30px;
	float:left;
	margin:15px 0 0px 0;
	zoom:1;
	overflow:hidden;
}

/*业务体系*/
.business_sys h4 {
	color:#7C954C;
	border-bottom:2px solid #7C954C;
	margin:10px 0;
	font-weight:bold;
	padding-left:5px;
	letter-spacing:0.2em;
}

.business_sys ul {
	list-style:square;
}

.business_sys li {
	list-style-position:inside;
} 

.business_sys dt, .business_sys dd {
	float:left;
	width:75px;
}

.business_sys dt {
	font-weight:bold;
}

.business_sys dd {
	width:85%;
}


/*案例介绍*/
.case {
	overflow:hidden;
}

.cases .content {
	margin-top:20px;
}

.case a h5 {
	color:#fff;
	font-weight:normal;
	margin:20px;
}

.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:160px;
	background:#333;
	margin:10px;
}

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#333;
}

.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#333;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url("../images/bg-black.png");
}

.cases h3 {
	color:#7C954C;
	font-size:36px;
	font-family:arial;
	font-weight:bold;
	line-height:36px;
	margin:10px;
}

.cases span {
	font-size:18px;
	font-family:"Microsoft Yahei";
	font-weight:normal;
	display:block;
	margin:-40px 0 0 35px;
}

.casehead {
	overflow:hidden;
	position:relative;
	_height:55px;
}

.crumb {
	position:absolute;
	right:0;
	bottom:5px;
	text-align:right;
	color:#888;
	font-size:12px;
}

.caseCont {
	margin:40px 0;
}

.caseImg {
	background:#f7f7f7;
	position:relative;
	zoom:1;
	overflow:hidden;
}

.caseImg img {
	float:left;
}

.details {
	position:absolute;
	bottom:20px;
	right:10px;
	width:240px;
}

.details h4 {
	color:#7C954C;
	margin:10px 0;
	font-size:15px;
}

.pic {
	float:left;
	margin:0 13px 15px 0;
	_margin:0 9px 15px 0;
}

.pic a {
	width:220px;
	height:135px;
	text-indent:-99999px;
	display:block;
	border:3px solid #fff;
}

.pic a:hover {
	border:3px solid #7C954C;
}



/*设计观点*/
.viewpoint {
	margin-bottom:0;
}

.viewpoint .content {
	margin-bottom:25px;
}

.viewpoint h3 {
	color:#333;
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
}

.viewpoint h3 img {
	vertical-align:middle;
	margin-right:5px;
}

.viewpoint .content {
	clear:both;
}

.viewpoint .content p {
	text-indent:28px;
	margin:5px 0 15px 0;
}
.viewpoint .content strong {
	color:#333;
}

.viewpoint .name {
	font-weight:normal;
	color:#9eb670;
	text-align:center;
	margin:5px 0 10px 0;
}
/*END*/


/*合作单位*/
.partners {
	margin:20px auto 40px auto;
	overflow:hidden;
}

.partners a {
	float:left;
	width:16%;
	color:#666;
	line-height:22px;
	font-size:12px;
}

/*END*/


/*footer*/
#footer {
	height:220px;
	overflow:hidden; 
	font-size:12px;
	background:#7C954C;
	color:#edf5e9;
	margin:0 auto;
}

.footer { 
	margin:30px auto 0 auto;
	overflow:hidden;
}

.contact { 
	float:right; 
	margin:0 20px 0 0px; 
	width:36%;
	line-height:16px;
}

.contact p { 
	margin:0 0 3px 0;
}

.contact a {
	color:#9eb670;
}

.contact a:hover {
	color:#fff;
}

#footer .title_foot { 
	font-size:14px; 
	font-weight:bold;
	margin:0 0 8px 0;
}

.eng { 
	font-size:11px; 
	font-family:tahoma; 
	line-height:12px;
}

.botlogo {
	float:left;
	width:190px;
	height:42px;
}

.botlogo a {
	display:block;
	width:190px;
	height:42px;
	margin-top:50px;
	background:url("../images/footlogo.png") no-repeat;
}
/*END*/

/*public*/
.list_square li {
	list-style:square;
	margin:3px 0 5px 0;
}

.list_disc li {
	list-style:disc;
	margin:8px 0;
}

.list_square span {
	color:#7C954C;
}

.list_decimal li {
	list-style:decimal;
	margin:5px 0;
}

a img {
	border:none;
}

.borderT_divider {
	background:url("../images/divider2.png") repeat-x;
}

.borderT {
	border-top:1px solid #edf5e9;
}

.borderT_dotted {
	border-top:1px dotted #ddd;
}

.borderL_dotted {
	border-left:1px dotted #ddd;
}