@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
ul,li{margin:0;padding;0}
img{ border:none;}
html,body{ font:12px Arial, Helvetica, sans-serif; color:#737373; background-color:#ececec; height:100%;}

/*top*/
#close{margin:0 auto;height:89px; width:100%; background:url(../images/top_bj_02.jpg) repeat-x; color:#BCBCBC;}
#top_inner{ margin:0 auto;width:974px;}
#close_inner{margin:0 auto; width:974px; display:inline;}
#news_title{float:left; background:url(../images/top_bj_01.png) no-repeat; width:327px; height:89px;}
#close_img{ float:right;border:1px solid #464646; margin-top:18px;}
.margin{ margin-top:14px;}
.eng{ font-family:Verdana, Geneva, sans-serif}
.font1{font-size:24px;}
.font2{ color:#7DB812;}
.font3{font-size:12px; color:#a7a7a7;}
.font4{ font-size:18px;color:#e5e5e5;}
#top_bj{margin:0 auto;width:100%;height:189px; background:url(../images/bj.jpg) repeat;border-top:1px solid #535353; font-family:"微软雅黑",Arial}
#top_show{margin:0 auto;width:973px;}
#new_show{float:left;margin-top:15px;margin-left:1px;_margin-left:0px;display:inline;}
#show_design{ float:left; display:inline;}
#new{ border:5px solid #5E5E5E; width:240px; height:140px;}
#new_img{ position:absolute; background:url(../images/new.png); width:54px; height:54px; margin-left:-6px; margin-top:-6px; z-index:100;}
.img{position:relative;}
#shadow_pic{ background:url(../images/pic_bottom.jpg) no-repeat; width:251px; height:23px;}
#design_text{ margin:0;float:left; padding-left:19px; margin-top:17px;line-height:20px;}
.mores{ font-size:9px; font-weight:bold; color:#FFF; width:68px; height:22px; line-height:22px; margin-top:19px; text-align:center; background:url(../images/more1.png) no-repeat;}
.mores a{color:#FFF;text-decoration:none;}
.mores a:hover{text-decoration:underline;}
#tab{float:left;display:inline;}
#tab_title{position:relative; left:-18px;background:url(../images/012.jpg) no-repeat; width:300px; height:22px; padding-left:70px;}
#tab_title ul{position:relative;}
#tab_title ul li{float:left;text-align:center; line-height:25px;width:26px; height:25px; color:#a7a7a7;list-style:none;font-family:Arial}
#tab_title ul li a{color:#7b7b7b; text-decoration:none; display:block; position:relative; z-index:99;}
#tabactive{width:26px;height:25px;background:url(../images/tab.png) no-repeat; position:absolute; left:0px;}
#tab_title .tabnow a{color:#ffffff;}
#tab_text{ width:300px; margin-top:25px;clear:both; margin-left:55px; }
#tab_text ul li{ border-bottom:1px dotted #828282; height:22px; line-height:22px; overflow:hidden;list-style:none;}
#tab_text ul li a{ color:#b0b0b0; text-decoration:none;}
#tab_text ul li a:hover{ color:#e5e5e5;}
#tab_text ul li img{ float:left; width:5px; height:3px; margin-top:8px; margin-right:5px;}

/*index*/
#containerbody{position:absolute; width:100%; top:0px; z-index:100 }
#index_header{ background:url(../images/index_headerbg.jpg) repeat-x; height:393px; overflow:hidden}
#index_headercontent{ background:url(../images/index_headercontentbg.jpg); width:971px; height:388px; margin:0 auto; padding-top:5px;overflow:hidden}
#index_flash{ width:971px; height:377px; position:absolute;}
#index_container{ width:979px;height:412px; margin:0 auto; background:url(../images/index_contentrightbg.jpg) no-repeat 974px 113px;}
#index_content{ margin-left:20px; width:959px; height:200px; padding-top:212px;#margin-top:212px; #padding-top:0px;}
#index_contact{ background:url(../images/index_qqbg.jpg); width:228px; height:164px; float:left;}
#email{ padding-top:62px; color:#c2c2c2; font:15px Arial, Helvetica, sans-serif;}
#index_qq{ margin-top:40px; margin-left:20px;font:11px Arial, Helvetica, sans-serif; color:#898989;}
#index_qq a{ color:#898989;}
#index_qq a:hover{ text-decoration:none;}
#index_client{ float:left; width:324px; margin-left:57px; margin-top:6px; background:url(../images/index_customerbg.jpg) no-repeat; height:125px;}
#clientlist{ width:190px; background:url(../images/index_gap.jpg) no-repeat; height:125px; margin-left:132px; margin-top:4px; overflow:hidden;}
#clientlisteg{ position:absolute; margin-top:-2px; margin-left:13px;}
#clientlisteg li{width:175px; height:12px; line-height:12px;list-style:none; background:url(../images/index_customericon.jpg) no-repeat 0 5px;font:12px '宋体'; margin-top:5px;#margin-top:2px;_margin-top:1px; overflow:hidden;padding-left:11px;}
#clientlisteg li a{text-decoration:none; color:#858585;}
#clientlisteg li a:hover{ text-decoration:underline;}
#index_aboutus{ background:url(../images/index_aboutus.jpg) no-repeat; width:321px; float:right; margin-top:6px; height:194px; color:#7d7c7a; font:12px '宋体';}
#index_aboutus p{ padding-top:70px; line-height:21px; padding-left:10px;}
/*index*/
/*header*/
#header{ background:url(../images/header_bg.jpg) repeat-x; height:229px;}
#headercontent{ width:970px; height:224px; margin:0 auto; padding-top:5px;}
#headerlinks{ float:right; width:auto; height:13px;}
#headerlinks li{ float:left; width:auto;height:13px;list-style:none;}
#headerlinks .openTop{ position:relative; top:-5px;}
#headerlinks .homebtn{ margin-left:30px;}
#headerlinks .aboutbtn{ margin-left:26px; margin-top:1px;}
#headerlinks .contactbtn{ margin-left:25px;}
.clear{ clear:both}
#logocontainer{ margin-top:7px;_margin-top:-1px; width:970px; height:204px;}
#logo{ width:531px; height:121px; background:url(../images/header_web.jpg) no-repeat;}
#site{width:274px;height:77px; margin-left:257px; padding-top:44px;}
#search{
	margin-top:9px;
	width:274px;
	height:24px;
	padding-top:2px;
	background-image: url(../images/search_bg.jpg);
	background-repeat: no-repeat;
}
#inputxt{
	border:none;
#border:0;		border-style:none;
	float:left;
	width:160px;
	height:15px;
	margin-left:32px;
	padding-left:10px;
	padding-top:4px;
	font:12px '宋体',Arial;
	color:#898989;
	background-image: url(../images/ss.jpg);
}
#inputsubmit{ float:left; background:url(../images/search.jpg) no-repeat; width:69px; height:19px; line-height:19px; border:none; color:#fff; font:12px Arial, Helvetica, sans-serif;}
#navflash{ margin-top:22px;}
/*header*/

/*container*/
#container{ width:100%; height:auto; background-color:#fff;}
/*container*/
/*Contact Us*/
#content{ width:971px; margin:0 auto; padding-top:36px; padding-bottom:39px;}
#contact{ width:971px; height:auto;padding-bottom:13px; background:url(../images/separator.jpg) no-repeat 1px bottom ; }
#contactimg{ float:left; width:auto;}
#qqcontainer{ float:right;background:url(../images/qq.jpg) no-repeat; width:263px; height:69px; margin-bottom:7px\9;#margin-bottom:0px}
h2{
	margin-left:20px;
	margin-top:3px;
	color:#898989;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
h2 a{color:#898989;}
#qqcontainer a:hover{ text-decoration:none;}
h3{ margin-left:116px; margin-top:19px;font:9px Arial, Helvetica, sans-serif;}
h3 a{ color:#999999; }
#membercontainer{ width:970px; height:auto;padding-bottom:47px; margin-left:1px;margin-top:28px;background:url(../images/separator.jpg) no-repeat 1px bottom;}
h4{ color:#737373; font:17px '微软雅黑','黑体',Arial;}
h5{ color:#737373; font:9px '微软雅黑','黑体',Arial; margin-top:-5px;_margin-top:-7px;}
#member{ margin-top:34px; height:116px; width:970px;}
.membereg{ float:left; margin-right:31px; width:305px; height:116px;}
.memberimg{ float:left; width:90px; height:116px; background:url(../images/member_gapline.jpg) no-repeat right;}
.memberinfor{ float:left; width:auto; margin-left:8px; #margin-top:-1px;_margin-top:0px;}
.memberinfor li{ height:13px;height:13px; line-height:13px;#line-height:14px; list-style:none;margin-top:5px;#margin-top:3px;}
.memberinfor li a{ color:#7fb811; font:12px Arial, Helvetica, sans-serif;line-height:13px;#line-height:14px;}
.memberinfor li a:hover{ text-decoration:none;}
.memberegsecond{ width:280px;}
.membereglast{width:290px;margin-right:0;}
/*Contact Us*/

/*Client*/
#client{ width:970px; height:auto;margin-top:24px;_margin-top:27px;margin-left:1px; padding-bottom:35px;_padding-bottom:32px;background:url(../images/separator.jpg) no-repeat 1px bottom;}
#clientimgs{ margin-left:5px;_margin-left:-6px;}
#clientimgs li{ width:179px; height:70px; float:left; list-style:none; margin-left:11px; margin-top:11px;_margin-top:8px;}
/*Client*/

/*About us*/
#about{ width:970px; margin-left:1px;height:auto;padding-bottom:13px; background:url(../images/separator.jpg) no-repeat 1px bottom ;}
#aboutxt{width:970px; height:auto; padding-top:15px;#margin-top:15px; padding-bottom:35px;background:url(../images/separator.jpg) no-repeat 1px bottom; color:#737373; font:12px '宋体',Arial; line-height:18px;}
#aboutxt p{ margin-top:20px;}
h1{ font:17px '微软雅黑','黑体',Arial; margin-top:35px; margin-bottom:15px;}
h1 span{ color:#cfcfcf; font:20px Arial, Helvetica, sans-serif;}

#aboutchange{ width:970px; padding-top:25px;padding-bottom:30px;#padding-bottom:5px;background:url(../images/separator.jpg) no-repeat 1px bottom;}
#aboutpstool{ float:left; width:60px; height:376px; margin-left:10px;_margin-left:4px;}
#abouttext{ float:left; width:433px; height:357px; padding:20px 30px 0 22px; background:url(../images/aboutus_pstxt.jpg) no-repeat; margin-top:3px; margin-left:25px; font:12px '宋体',Arial; color:#737373; line-height:17px;}
#aboutwebdesign{ float:left; width:373px; height:377px; margin-left:12px;margin-top:3px;}
/*About us*/

/*Casefirst*/
#case{ width:971px; height:auto; padding-bottom:8px;background:url(../images/separator.jpg) no-repeat 1px bottom ;}
#caseeg{ margin-top:10px;padding-top:10px\9;#padding-top:0;width:970px; margin-left:1px; }
#caseegname{ float:left; width:auto; }
.director{
	color:#333333;
	font-weight:100;
	font-family: "微软雅黑";
	font-size: 14px;
}
.casedate{ color:#9c9c9c; font:9px Arial, Helvetica, sans-serif;}
.tags{ color:#9d9d9d; font:12px Arial, Helvetica, sans-serif;}
.tags a{ color:#737373;}
.tags a:hover{ text-decoration:none;}
#location{ float:right; width:auto; color:}
#location a{ color:#737373; text-decoration:none;}
#location a:hover{ text-decoration:underline;}
#caseegimgs{ margin-top:-10px; width:970px;}
#caseimg{ padding-bottom:10px; width:970px;background:url(../images/separator.jpg) no-repeat bottom center;}
#caseimg img{ margin-top:20px;}
#clientcontainer{ margin-top:24px; margin-left:2px; width:968px;}
#clientname{ float:left; width:auto; margin-top:4px;_margin-top:5px; color:#6f6f6f; font:12px Arial, Helvetica, sans-serif; line-height:14px;}
#clientname a{ color:#7eb713;}
#clientname a:hover{ text-decoration:none;}
#comeback{ float:right; width:30px; height:62px;}
/*Casefirst*/

/*Show case*/
#showcasecontainer{ width:971px; margin:0 auto; padding-top:36px; padding-bottom:38px;}
#showcase{width:971px; height:auto; padding-bottom:5px;background:url(../images/separator.jpg) no-repeat 1px bottom ;}
.navipages:after { visibility: hidden; display: block;}
*:first-child+html .navipages { zoom: 1; } /* IE7 */
#lavalamp{ margin-top:7px;width:970px; margin-left:1px;}
#lavalamp li {float:left;display: inline;height:22px;line-height:21px;}
#lavalamp .current,#lavalamp li a {color:#999999; text-decoration:none;width:80px;display:block;text-align:center; position: relative; z-index: 200;height:22px;line-height:22px\9;line-height:22px\9;#line-height:21px;}
#lavalamp .current {width:80px;height:22px;color:#b6b6b6;position: relative\9; top:1px;line-height:20px\9; }
#lavalamp li a:hover { color:#b6b6b6;}
#lavalampbg {width:80px;height:22px; position:absolute; top:342px;background:url(../images/site_hover.gif); visibility:hidden;}
#allsitecontainer{width:970px;}
.allsiteeg{  width:970px;margin-top:20px; padding-bottom:20px; background:url(../images/separator.jpg) no-repeat bottom; _background-position:0px 149px;}
.allsitefirst{ float:left; width:460px; height:130px; margin-right:25px;_margin-right:17px;}
.allsitebox{ float:left;width:232px; height:128px; border:1px solid #fff;background-color:#fff;position: relative;overflow: hidden;}
.allsiteboximg{float:left;width:232px; height:128px; background-color:#FFFFFF}
.allsiteboximg img{ width:223px; height:118px; margin-left:5px; margin-top:5px;position: absolute;}
.allsitecaption{
	float:left;
	width:223px;
	height:45px;
	position: absolute;
	opacity: .8; /* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";			top:130px;
	left:5px;
	background-color: #979797;
}
h6{
	margin: 5px 10px 0 10px;
	color:#ffffff;
	letter-spacing:-1px;
	font-weight: normal;
	font-family: '微软雅黑', Arial;
	font-size: 10pt;
}			 
.allsitecaption p{
	padding: 0 10px;
	margin-top:3px;
	color:#e2e2e2;
	font-weight:normal;
	line-height:12px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 8pt;
}
.allsitecaption a{
	color:#ffffff;
	font-size: 9px;
}	
.allsitecaption a:hover{ background:none;}			
.allsiteinformation{ float:left; margin-left:20px;#margin-left:20px;width:204px; }			
.allsiteinformation li{ width:204px; list-style:none; margin-top:4px;#margin-top:2px; height:12px; line-height:15px;}	
.allsiteinformation .clientname{
	color:#666666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.allsiteinformation .clentdate{ color:#9c9c9c; font:9px Arial, Helvetica, sans-serif; margin-top:2px; #margin-top:-4px;}
.allsiteinformation .business{ margin-top:13px;#margin-top:10px;_margin-top:12px;}		
.allsiteinformation a{ float:left; width:63px; height:9px; background:url(../images/more.jpg) no-repeat; margin-top:23px;#margin-top:18px;_margin-top:2px;}				
.allsiteinformation a:hover{ background:url(../images/more_hover.jpg) no-repeat;width:63px; height:9px;}
#page{ margin-top:30px;}
#page li{  float:left;list-style:none;width:20px; height:10px; margin-right:1px; line-height:10px;}
#page a{ float:left;background:url(../images/page_img01.jpg) no-repeat; width:20px; height:10px;}
.nowpage,#page a:hover{background:url(../images/page_img02.jpg) no-repeat;height:10px;}
/*Show case*/
/*footer*/
#footer{
	height:114px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(../images/dd.gif);
	background-repeat: repeat-x;
}
#footercontent{ width:970px; height:114px;margin:0 auto; background:url(../images/footer_bg.jpg) no-repeat 0 34px;}
#footerlogos{ background:url(../images/footer_logobg.jpg); width:398px; height:54px; float:right; padding-left:20px;}
#footerlogos li{ float:left; width:auto; list-style:none;}
#footerlogos .footerlogosecond{ margin-left:7px;}
#footerlogos .footerlogothird{ margin-left:4px;}
/*footer*/