@charset "UTF-8";
/*  --------------S CSS Reset---------------------  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td,label {padding:0;margin:0;}    
table {border-collapse:collapse;border-spacing:0;}    
fieldset,img{border:0;}    
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style: normal;}    
ol,ul{list-style:none;}    
caption,th{text-align: left;}    
q:before,q:after {content:'';}    
abbr,acronym {border:0;}
input,select{vertical-align:middle;}
/*  --------------O CSS Reset---------------------  */

*       { font-family: Arial, Helvetica, sans-serif; font-size: 12px; outline: none; }
a       { text-decoration: none;color: #666;}
a:hover { text-decoration: underline;}
html    { /*background-color: #cacaca;*/overflow-y:scroll; }
body    { margin:0;padding:0;text-align: center;font-size: 12px; line-height: 150%; 
        font-family: Arial;background: #fff url(../images/body_bg.gif) 0 0 repeat-x;}
.clear  { clear: both;height: 0px;padding-top: -1px;font-size: 0px;line-height: 0; }




.wrapper{
    width: 100%;
	margin: 0 auto;
	text-align: left;
}

.container{
    width: 960px;
    padding: 0;
    margin: 0 auto;
}



.header{ height: 117px; position:relative; margin-bottom: 9px; width: 100%;   }
.header .logo{ padding: 45px 0 0 0;float: left; width: 210px;}


.mainmenu{ float:left; padding-top: 53px;  z-index: 12;/* border-left:1px solid #333; border-right:1px solid #333;*/}



.header .fav{ padding: 3px;}
.header .topmenu{margin: 6px 0; }
.header .topmenu li{ float:left; color: #999; }
.header .topmenu li a{padding:0 3px; text-decoration:underline; }
.header .topmenu li a:hover{color:#56bff2; text-decoration: none;}
.header_right{ float: right; padding-top: 45px; right:0;}





.home_gird{}
.home_gird .gird{ float:left; width: 228px; margin-left:15px;}
.home_gird .gird_first{ margin-left:0; }
.home_gird .gird h3{ font-size: 18px; line-height:32px; }
.home_gird .gird ol{ padding: 3px 2px; }
.home_gird .gird ol li{ color: #999;list-style: inside decimal ;}
			
.banner{ padding:10px 10px 14px; height: 100%;}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}	




			
.main{  margin: 0; line-height: 20px;  padding:10px 0;
	background: #fff url(../images/main_bg.gif) 0 0 no-repeat;
	height: 100%;
}


.main_2col {}
.main_homepage{ margin-top: 0; padding-top:0; border-top: 0px; }
.main h1{ height: 60px; font-size: 16px; }
.main h1 span{ display: none; }
.main h1.contacts{ background: url(../images/contacts_title.jpg) -8px 0 no-repeat; }
.main h1.caseshow{ background: url(../images/caseshow_title.jpg) -8px 0 no-repeat; }


.mainContent{
    background: #fff;
    width: 744px;
	float: right;
	margin: 12px 18px 0 0;
	display: inline;
	background: url(../images/main_side_line.gif) -10px 0 repeat-y;
}
.mainContent_top{
	background: url(../images/main_side_line_top.gif) -10px 0 no-repeat;
}
.mainContent_bottom{
	background: url(../images/main_side_line_bottom.gif) -10px bottom no-repeat;
	padding-left: 32px;
	min-height: 400px;
	_height: 400px;
}


.mainContent h2{
    padding: 6px 0 0 ;
    font-weight: bold;
    color: #7e7e7e;
	
}
.mainContent h2.title{
	font-size: 14px;
	padding: 6px 0 9px;
}
.mainContent ul{
    margin: 0 0 18px;
}
.mainContent ul.caseshowlist li{
     width: 33%;
}
.mainContent ul.caseshowlist li a.sphoto{
     margin : 0 6px 0 0;
}

.artlist{  border-top: 1px dashed #ddd; }
.artlist_row{ padding: 3px 0; border-bottom: 1px dashed #ddd; }
.artlist_row h3 a{
	font-weight: normal;
}
.leftContent{
	width: 180px;
	float: left;
	background: #fff;
	display: inline;
	margin: 12px 0 0 18px;
}
.leftContent h2{
    padding: 6px;
    background: #000000;
    font-size:0;
    line-height: 0;
}
.leftContent .tel{
    margin: 6px;
    border-bottom: 1px solid #999999;
}
.leftContent .tel h4{
    color: #7e7e7e;
}




.contacts_left{
    float:left;
    width: 420px;
    padding: 24px 10px 24px 20px;
}
.contacts_right{
    float:right;
    width: 455px;
    padding-top: 24px;
    
}
.contactsform td{
    padding-top: 3px;
}
.contactsform span{
    color: #ed1b23;
    padding: 0 2px;
}
.contactsform .input,.contactsform .textarea{
    border: 1px solid #e6e7e8;
    background: #e6e7e8;
    color: #666;
}
.contactsform .input{
    width: 240px;
    height: 16px;
    padding: 3px 3px;
    
}
.contactsform .textarea{
    width: 354px;
    _width: 343px;
    padding: 3px;
    height: 120px;
}
.contactsform input.error,
.contactsform textarea.error{
    /*background: #F6E5E5;
    border-color: #E94F4F;*/
}
.contactsform label.error{
    display: block;
    clear: both;
    color: #FF0000;
    background: url(../images/validation_advice_bg.gif) 0 3px no-repeat; 
    padding-left: 15px;
}
            

.breadcrumbs{
    padding-bottom: 9px;
    border-bottom: 1px solid #eee;
	color: #398586;
}
.breadcrumbs a{ text-decoration: underline; color: #398586;}
.breadcrumbs span{ color: #999; margin: 0 3px;}
/*
.breadcrumbs{color: #8bd2f5;}
.breadcrumbs a{color: #8bd2f5;}
*/
            
			
			
			
h1.cms-page-title           { height: auto; display:none; padding: 12px 0 6px ;font-size: 18px;font-weight: bold;color: #04a5f2;}
h1.cms-page-title a.back    { float: right; font-weight: normal; background: url(../images/back.gif) 0 2px no-repeat;
                            padding-left: 18px; text-decoration:none; }
h1.cms-page-title .sub      { display: inline; color:#999; font-weight: normal; padding-left: 6px; }
h1.cms-page-title .sub a    { color:#999; }
h1.cms-page-title span.date { display: block;; clear:left; clear:both; font-weight: normal; color: #999;
                            background:url(../images/date.gif) 0 2px  no-repeat; padding-left: 18px; margin-top: 3px; }			

.content p{ padding: 6px 0; line-height: 180%; font-size: 13px; }

.cms-default{ padding: 6px 24px; }
			ul.cms-block-sublist{
			     
			}
			ul.cms-block-sublist li{
			     width: 50%;
			     _width: 49.5%;
			     display: block;
			     float:left;
			     background: url(../images/cms-block-dotted-y.jpg) right 0 repeat-y;
			}
			ul.cms-block-sublist li.last-item{
			     background: none;
			}
			ul.cms-block-sublist li .box{
			     padding: 12px 12px 12px 12px;
			     background: url(../images/cms-block-dotted-x.jpg) 0 bottom repeat-x;
			     min-height: 90px;
			     _height: 90px;
			}
			ul.cms-block-sublist li.last-row .box{
			     background: none;
			}
			ul.cms-block-sublist li .box .thumb{
			     width: 138px;
			     float:left;
			}
			ul.cms-block-sublist li .box .base{
			     width: 170px;
			     float:right;
			     min-height: 150px;
			     _height: 150px;
			}
			ul.cms-block-sublist li .box .base h4{
			     padding: 0 0 6px;
			}
			ul.cms-block-sublist li .box .base p{
			     min-height: 70px;
			     _height: 70px;
			     color: #999;
			}
			ul.cms-block-sublist li .box .base a.readmore{
			     clear: both;
			     margin-top: 6px;
			     display:block;
			     color: #48ae00;
			}
			ul.cms-block-sublist li a{
			     
			}
			
.cms-page-content .sphoto{
     float:right;
     padding-left: 20px;
     padding-bottom: 10px;
}
.cms-page-content{
     color: #666;
}
.cms-page-content h1{
    font-weight: bold;
    height: auto;
}
.cms-page-content p{
     padding: 9px 0;
}

.cms-page-content a{ color: #398586; text-decoration: underline; margin: 0 3px; }
.cms-page-content a:hover{ text-decoration: none; background: #398586; color: #fff;}
.cms-page-content p strong{
     font-weight: bold;
}
.cms-page-content table{
     border-top: 0px solid #ddd;
     border-left: 0px solid #fff;
}
.cms-page-content table td{
    border-bottom: 1px solid #ddd;
    border-right: 0px solid #fff;
    padding: 0.5em;
}
.cms-page-content table thead td{
    background: #eee;
    font-weight: bold;
}

			
			
			
.cms-page-service{padding: 12px 24px;}
.cms-page-service .intro{ padding: 12px 0; color: #666; }
.cms-page-service .intro p{ margin-bottom: 6px;}
.cms-page-service .intro strong{ font-weight: bold; }
.cms-page-service h1{ font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; 
background: url(../images/sidemenu_h2_bg.jpg) 0 0 repeat-x; margin: 0 ; padding:0; color: #fff; text-indent: 9px;}
.cms-page-service ul{margin-top:12px;}
.cms-page-service ul li{float: left;width: 288px; margin-left:1px; margin-left: 24px; padding-bottom: 12px;  }
.cms-page-service ul li.first{margin-left:0; margin-left: 0; clear: left;}
.cms-page-service ul li h2{ font:16px/36px 'Microsoft YaHei',Arial,"宋体",Tahoma,Sans-Serif; }
			
			
			ul.caseshowlist{
			     margin: 18px 0;
			}
			ul.caseshowlist li{
			     width: 25%;
			     _width: 24.9%;
			     float: left;
			     padding: 6px 0;
			     text-align: center;
			}
			ul.caseshowlist li a.sphoto{
			     display: block;
			     border: 1px solid #999999;
			     margin: 0 3px;
			     font-size: 0;
			     line-height: 0;
			}
			ul.caseshowlist li a.casetitle{
			     line-height: 24px;
			}
			
			
			.caseshowview .left{
			     width: 190px;
			     float: left;
			}
			.caseshowview .left ul,.caseshowview .left ul li{
			     list-style: none;
			}
			.caseshowview .right{
			     width: 742px;
			     float: right;
			}
			.caseshowview .right .intro b,.caseshowview .right .intro strong{
			     font-weight: bold;
			}
			
			
			
						
						
						
						
.side_gird{ margin-bottom: 12px;}                 
.side_gird h3{ color: #ffffff;overflow: hidden; font-size: 14px; margin-bottom: 12px; }
.side_gird .gird_main{ padding: 6px 9px;border:1px solid #ddd;}


.side_newsletter {}
.side_newsletter .gird_main{}



.sidemenu ul{ border-top: 1px dashed #e1e1e1;  }
.sidemenu ul li{ padding: 2px 0; text-indent: 9px; border-bottom: 1px dashed #e1e1e1; }
.sidemenu ul li a{ cursor:pointer; height: 27px; display: block; line-height: 25px;_line-height: 27px; color: #666; }

.sidemenu ul li a.current,
.sidemenu ul li a:hover{ text-decoration: none; background: url(../images/submenu_bg.gif) 0 0 no-repeat; color: #fff; }




.showcaselist{ padding-top: 12px; padding-left: 18px;}
.showcaselist_item{width: 50%; float: left; padding-bottom: 12px;}
.showcaselist_item .sphoto a{ display: block; width: 300px; height: 180px; 
		background: url(../images/showcase_sphoto_bg.jpg) -5px -3px no-repeat;
		padding: 15px;
}
.showcaselist_item .sphoto a:hover{
	background-position: -361px -3px; 
}
.showcaselist_item h1{ font-size: 12px; padding: 0 5px; margin: 0; height: auto;}
.showcaselist_item p{ padding: 0 5px;}

						
						.location{
							line-height: 28px;
						}
						.page{
							line-height: 22px;
							padding-bottom: 24px;
							min-height: 400px;
							_height: 400px;
						}
						
									.pageleft{
										float: left;
										width: 218px;
										height: 100px;
									}
												.pageleft ul.leftMenu{
													margin-top: 6px;
													width: 164px;
												}
												.pageleft ul.leftMenu li{
													padding:0 24px;
												}
												.pageleft ul.leftMenu li.selected{
													background: #fff500 url(../images/left_menu_icon.gif) 12px 6px no-repeat;
												}
												.pageleft ul.leftMenu li a{
													color: #6b6b6b;
												}
												.pageleft ul.leftMenu li.selected a{
													color: #323433;
												}
												
									.pageContent{
										float: right;
										width: 700px;
										line-height: 28px;
										margin-left: 8px;
									}
									
						ul.projectMenu{
							border-top: 1px solid #868686;
							background: red;
						}
						ul.projectMenu li{
							width: 25%;
							background: #646464;
							float: left;
						}
						ul.projectMenu li a{
							padding: 10px 12px 8px 44px;
							display: block;
							border-left: 1px solid #5b5b5b;
							border-right: 1px solid #797979;
							background: url(../images/project_icon.png) 28px 12px no-repeat;
							_background-image: url(../images/project_icon.gif);
						}
						ul.projectMenu li a.current{
							background: #949494 url(../images/project_icon_current.png) 28px 13px no-repeat;
							_background-image: url(../images/project_icon_current.gif);
							border: 0px solid #949494;
						}
						ul.projectMenu li a img{
							/*height: 15px;*/
						}
						
						.newsleft{
							width: 670px;
							float: left;
						}
						
ul.newslist{
	border-top: 1px solid #dedede;
}
ul.newslist li{
	border-bottom: 1px solid #dedede;
	padding: 3px 6px;
}
ul.newslist li span{
	clear:both;
	display: block;
	color: #adab00;
	font-size: 10px;
}
ul.newslist li a{
	clear:both;
	line-height: 22px;
	color: #5b5b5b;
}
ul.newslist li a:hover{
	text-decoration: underline;
}
									
									
ul.showcase{
   border-top: 0px solid #fff;
}
ul.showcase li{
   width: 25%;
   _width: 24.5%;
   float: left;
   padding: 0;
   border-bottom: 0px solid #fff;
   margin: 12px 0;
}
ul.showcase li a{
   display: block;
   /*padding: 6px 15px;*/
   padding: 6px 9px;
   text-decoration: none;
   background: url(../images/showcase_bg.jpg) 50% 0 no-repeat;
}
ul.showcase li a img{
   _margin-bottom: 9px;
}
ul.showcase li a:hover{
   text-decoration: none;
   color: #a37d2c;
   background-position: 50% -200px;
}
ul.showcase li a strong,ul.showcase li a span{
   text-align: center;
   clear: both;
   display: block;
}

ul.showcase2 li { padding:12px 0;}
ul.showcase2 li a { text-decoration: none; }

									
table.contact{
	width: 100%;
}
table.contact input.input_text{ width: 300px; border: 1px solid #ddd; padding: 2px; background: #ddd; }
table.contact textarea{ width: 360px; height: 150px; margin-bottom: 6px; border: 1px solid #ddd; background: #ddd;  padding: 2px; }
table.contact .t_title{ width: 100px; text-align: right; }
table.contact span.required{ font-family: verdana; color: red; font-size: 11px; margin: 0 3px; }
table.contact label.error{ padding: 0 3px; color:red; vertical-align:top; }
	.newsright{
		float: right;
	}
	
	.newsview .title{
		border-top: 1px solid #dedede;
		border-bottom: 1px solid #dedede;
		padding: 15px 0;
		
		color: #5b5b5b;
	}
	.newsview .title .titletop{
		font-size: 13px;
	}
	.newsview .title a.back{
		float:right;
		font-size: 12px;
	}
	.newsview .title .date{
		font-size: 10px;
		color: #adab00;
	}
	.newsview .intro{
		padding: 12px 0;
		color: #666;
	}
	
						
	.proLeft{
		float: left;
		width: 218px;
	}
				ul.proCat{
					width: 164px;
					padding-top: 9px;
				}

				ul.proCat li{
					line-height: 22px;
				}
				ul.proCat li a{
					color: #6a6a6a;
					padding-left: 24px;
				}
				ul.proCat li.current{
					background: #fff500 url(../images/left_menu_icon.gif) 12px 6px no-repeat;
				}
				ul.proCat li.current a{
					color: #000201;
				}
				
						.proContent{
							float: right;
							width: 690px;
						}
									
									
									ul.prolist,.proview{
										padding-top: 9px;
									}
									ul.prolist{
										text-align: left;
									}
									ul.prolist li{
										width: 33%;
										float: left;
										overflow: hidden;
										text-align: center;
										margin-bottom: 6px;
									}
									ul.prolist li.first{
										clear: left;
									}
									ul.prolist li a{
										display: block;
										color: #999999;
									}
									ul.prolist li .sphoto,ul.prolist li b{
										width: 100%;
										clear: both;
									}
									ul.prolist li .sphoto img{
										width: 215px;
										height: 145px;
									}
									
									.proview{
										color: #999999;
										margin-bottom: 60px;
										line-height: 20px;
									}
									.proview h1{
										background: #e1e1e1;
										font-size: 13px;
										padding: 3px;
										font-weight: bold;
										margin-bottom: 12px;
										color: #333;
									}
									.proview .base{
										width: 335px;
										
									}
									.proview .base b.red{
										color: #cc0000;
									}
									.proview h2{
										background: #e1e1e1;
										margin: 6px 0;
									}
						
						h2.topCat{
							background: #eee;
							padding: 4px;
						}
						h2.topCat a.more{
							float: right;
							color: #666;
							margin-bottom: 3px;
						}
						.pagebar{
							text-align: right;
							padding: 9px 0;
							clear:both;
						}
						.pagebar a{
							padding: 2px 6px;
							border: 1px solid #ddd;
							display: block;
							float:left;
							margin: 2px 4px 2px 0;
							color: #666;
							font-family: Verdana, Helvetica, sans-serif;
							font-size: 11px;
							cursor:pointer;
						}
						.pagebar a:hover{
						    text-decoration: none;
							background: #666;
							border: 1px solid #666;
							color: #fff;
						}
						.pagebar a.p_curpage{
						    background: #666;
							border: 1px solid #666;
							color: #fff;
						}
			
			.footer{
			    border-top: 1px solid #ddd;
				line-height: 18px;
				padding: 18px 12px 28px;
				color: #7d7d7d;
				line-height:20px;
				text-align: center;
			}
			.footer a{
			    color: #7d7d7d;
				margin: 0 3px;
			}