#main {
	background-image: url(../images/center_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 780px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
}
a{font-size:12px;color:#595959;}
#index {width:550px;margin-left:auto;
	margin-right:auto;height:400px;margin-top:120px;}
#body {background-color: #f3f3f3 !important;}
#index_copyright{text-align:center;margin-top:20px;}

#main #head {
	height: 88px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	width: 760px;
	clear: both;
}
#main #head .right {
	background-image: url(../images/main_lan.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 88px;
	width: 195px;
	float: right;
}
#main #head .left {
	float: left;
	height: 88px;
	width: 350px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}
#main #menu .li1 {
	background-image: url(../images/menu_home.gif);
	height: 33px;
	width: 62px;
	float: left;
}
#main #menu .l12 {
	background-image: url(../images/menu_profile.gif);
	float: left;
	height: 33px;
	width: 72px;
}
#main #menu .l13 {
	background-image: url(../images/menu_cases.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l15 {
	background-image: url(../images/menu_mediawater.gif);
	float: left;
	height: 33px;
	width: 84px;
}

#main #menu .l14 {
	background-image: url(../images/menu_news.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l16 {
	background-image: url(../images/menu_contact.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l17 {
	background-image: url(../images/menu_join.gif);
	float: left;
	height: 33px;
	width: 74px;
}

#main #menu .li1_ {
	background-image: url(../images/menu_home_.gif);
	height: 33px;
	width: 62px;
	float: left;
	line-height: 33px;
}
#main #menu .l12_ {
	background-image: url(../images/menu_profile_.gif);
	float: left;
	height: 33px;
	width: 72px;
}
#main #menu .l13_ {
	background-image: url(../images/menu_cases_.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l15_ {
	background-image: url(../images/menu_mediawater_.gif);
	float: left;
	height: 33px;
	width: 84px;
}

#main #menu .l14_ {
	background-image: url(../images/menu_news_.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l16_ {
	background-image: url(../images/menu_contact_.gif);
	float: left;
	height: 33px;
	width: 74px;
}
#main #menu .l17_ {
	background-image: url(../images/menu_join_.gif);
	float: left;
	height: 33px;
	width: 74px;
}


#main #menu ul {
	list-style-type: none;
	height: 33px;
	margin-left: 200px;
	line-height: 33px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow:hidden; 
}




#main #menu {
	margin-right:10px;
	margin-left:10px;
	width: 760px;
	background-image: url(../images/menu_bg.gif);
	clear: both;
	background-repeat: repeat-x;
	float: left;
	margin-bottom:2px;
        
}
#main #content {
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;
	clear: both;
}
#main #content #main_right .profile_title {
	background-image: url(../images/main_allways_profile.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	width: 439px;
	list-style-type: none;
	margin-top: 20px;
}

#main #content #main_left .news_title {
	background-image: url(../images/main_news.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 30px;
	width: 238px;
	margin-top: 20px;
	list-style-type: none;
}

#main #content #main_left .news a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	text-decoration: none;
	padding-left: 20px;
	background-image: url(../images/arr_list.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	list-style-type: none;
	line-height: 180%;
}



#main #content #main_left {
	float: left;
	width: 260px;
	clear: both;
	text-align: left;
	padding: 0px;
}

#main #content #main_left .more a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 180%;
	font-weight: bold;
	color: #CDCDCD;
	background-image: url(../images/arr_more.gif);
	background-position: 165px center;
	background-repeat: no-repeat;
	padding-left: 180px;
	text-decoration: none;
	
}


#main #banner {
	clear: both;
	float: left;
	width: 760px;
	margin-right: 10px;
	margin-left: 10px;

}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/main_bg.gif);
}
#main #content #main_left .case_title {
	background-image: url(../images/main_cases.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 28px;
	width: 219px;
}
#main #content #main_right {
	width: 500px;
	float: right;
	clear:both;
}


a {blr:expression(this.onFocus=this.blur())}
.case_span{font-size:9px; font-family:verdana;color:#A9AAAE}

#main #content #main_right .content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 180%;
	color: #595959;
	list-style-type: none;
	padding-right: 30px;
}

#main #content #main_left ul {
	list-style-type: none;
	margin-left: 13px;
	padding-left: 13px;
}
#main #content #main_right ul {
	margin-left: 15px;
	padding-left: 15px;
}
#main #content #main_right .content a {
	background-image: url(../images/arr_more.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #cdcdcd;
	text-decoration: none;
	padding-left: 15px;
}
#main #content #main_right .cases_title {
	background-image: url(../images/main_special_cases.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	height: 29px;
}
#main #content #main_right .case_list {
	list-style-type: none;
	margin-top: 6px;
	padding-top: 6px;
	float: right;
	width: 470px;
}

a.more_yellow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 180%;
	font-weight: bold;
	color: #CDCDCD;
	background-image: url(../images/arr_more.gif);
	background-position: 0px center;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
}
.case_list_title{
	font-size:12px;
	
	font-family:verdana;
	font-weight: bold;
	color: #595959;
	text-decoration: none;
}
.copyright_cn{font-size:12px;color:#595959;padding-left:80px;}
.copyright_en{font-size:9px;font-family:verdana;color:#595959}
#main #copyright {
	margin-top: 40px;
	height:100px;
	text-align:center;
        padding:20px;
         
}
#main #content #main_left .profile_title {
	background-image: url(../images/main_profile.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	margin-top: 20px;
}
.title_yellow{
	font-size:12px;
	color:#F5821F;
	font-family:verdana;
	line-height: 180%;
	margin-top: 10px;
	padding-top: 10px;
	list-style-type: none;
	font-weight: bold;
}.caseinner {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 4px;
}
a.more_page{
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	color: #F5821F;
	text-decoration: none;
	line-height: 180%;
}
#main #content #main_left .project_title {
	background-image: url(../images/main_projects.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	margin-top: 20px;
}
.news_left{	height: 60px;
	width: 60px;
	float: left;}
.news_right {
	width: 405px;
	float: right;
}
 .news_list {
	list-style-type: none;
	margin-top: 6px;
	padding-top: 6px;
	float: right;
	width: 470px;
}
.font12{font-size:12px;color:#595959}
.contact_left{	height:30px;
	width: 60px;
	float: left;
	 line-height:30px;}
.contact_right {
	width: 405px;
	float: right;
		height:30px;
		 line-height:30px;
}
 .contact_list {
	list-style-type: none;
	margin-top: 6px;
	padding-top: 6px;
	float: right;
	width: 470px;

}
.input{
	width:350px;
	height:24px;
	border: 1px solid #cccccc;
}
.area{width:350px;
	height:50px;
	border: 1px solid #cccccc;
	overflow:hidden}#main #content #main_left .contact_title {
	background-image: url(../images/main_contact.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 27px;
	margin-top: 20px;
}
#main #content #main_left .joinus_title {
	background-image: url(../images/main_joinus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 27px;
	margin-top: 20px;
}
/*ÍøÕ¾ºǫ́CSS*/

#admin_main {
	width: 100%;
	background-color: #FFFFFF;
}
#admin_main #admin_head .admin_left {
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left 20px;
	height: 74px;
}
#admin_main #admin_menu {
	background-image: url(../images/menu_bg.gif);
	height: 33px;
}
#admin_main #admin_menu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 33px;
}
#admin_main #admin_menu li {
	float: left;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 33px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	height: 33px;
	padding-left: 20px;
}
#admin_main #admin_menu a {
	color: #fff;
	text-decoration: none;
}
#admin_main #admin_content {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	font-size: 12px;
	color: #333;
}
.login {
	background-image: url(../images/login_.gif);
	height: 281px;
	width: 322px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
.login .login_input {
	margin-top: 150px;
	height: 80px;
	margin-left: 100px;
}
.login .login_input input {
	height: 20px;
	width: 150px;
}
.login .login_input dt {
	height: 25px;
}
#main #content #main_right .case_list {
	list-style-type: none;
	margin-top: 6px;
	padding-top: 6px;
	float: right;
	width: 470px;
}
.case_left {
	height: 100px;
	width: 160px;
	float: left;
}