/* bottom_menu */
#bottom_menu{
	width:980px;
	line-height:27px;
	height:30px;
	border:3px solid #f0ede6;
	border-left:none;
	border-right:none;
	margin:15px auto 0px;
	text-align:center;}
	
#bottom_menu a{ margin:0px 10px;}

/* position */
.about_position{ margin-left:20px; float:left; display:inline; font-family:"宋体";}

.about_position span{ float:left;}


/* right */
.about_right{ width:705px;}

.about_right_title,.case_title,.case_details_title{ height:47px; background:url(../images/about_title_bj.gif) repeat-x 0px 0px; text-align:left;}

.about_right_title{ width:705px;}

.case_title,.case_details_title{ width:980px;}

.about_right_title h2,.case_title h2,.case_details_title h2{
	margin-left:10px;
	float:left;
	padding-top:8px;
	height:35px;
	border-bottom:4px solid #dce1e1;}
	
.about_right_title span,.case_title span,.case_details_title span{ float:right; padding-top:16px; padding-right:10px;}

.case_details_title span{ padding-top:10px;}

.about_right_nr{ 
	margin-top:14px; 
	width:690px;
	padding:0px 7px;}
.about_right_nr P{
	float:none;
	padding:8px 0;
	text-align:left;
	clear:both;
	color:#333;
}
.about_right_nr h1,.about_right_nr h2,.about_right_nr h3,{
	float:none;
	padding:8px 0;
	text-align:left;
	clear:both;
}	
.about_right_nr td{ padding-left:15px; height:26px;}

/* left */
.about_left{ width:272px; background:url(../images/about_left_center.gif) repeat-y 0px 0px;}

.about_left h2{ width:272px; height:28px; padding-top:12px; text-align:center; background:url(../images/about_left_title.gif) no-repeat 0px 0px;}

.about_left ul,.about_left ul li{ float:left; text-align:left;}

.about_left ul{ padding-bottom:20px;}

.about_left ul li{ background:url(../images/about_31.gif) no-repeat 1px bottom; width:270px; padding-top:12px; height:28px; line-height:28px;}

.about_left ul li a{ width:170px; padding-left:60px; background:url(../images/about_27.gif) no-repeat 40px 0px;}

.about_left_img,.about_left_img_a,.about_left_img_b{ width:195px; height:80px; margin-left:20px; float:left; display:inline; font-weight:bold; padding:40px 20px 0px 0px; text-align:right; font-size:12px; overflow:hidden;}

.about_left_img{ background:url(../images/about_35.gif) no-repeat 0px 0px;}

.about_left_img_a{ background:url(../images/about_38.gif) no-repeat 0px 0px;}

.about_left_img_b{ width:195px; height:100px; margin-left:20px; float:left; display:inline; font-weight:bold; padding:0px 20px 0px 0px; text-align:right; font-size:12px; overflow:hidden; margin-bottom:20px;}

.about_left_bottom{ background:url(../images/about_left_bottom.gif) no-repeat -1px 0px; height:6px; width:272px; overflow:hidden;}

/* case */
.case_nr{ width:960px; padding:0px 8px; text-align:left;}

.case_nr_img{
	width:950px;}
	
.case_nr_div,.case_details_left,.news_details_left{
	float:left;
	padding:20px 0px 30px 0px;
	display:inline; }
	
.case_nr_div{ width:950px; border-top:1px dashed #CCC;}
	
.case_details_left,.news_details_left{ width:690px; overflow:hidden;}
/*.case_details_left a,*/
.case_nr_div a,.products_case div a{ 
		width:90px; 
		height:92px;
		padding:2px 1px 2px 2px;
		float:left;
		margin-right:10px;
		background:url(../images/index_88.gif) no-repeat 0px 0px;}
	
.case_nr_div img{
	float:left;
	max-width:88px; 
	max-height:88px;
	_height:88px;
	zoom:expression( function(elm) {
	if(elm.width>88){
	var oldVM= elm.width; elm.width=88;
	elm.height=elm.height*(88/oldVM);}
	elm.style.zoom='1';
	}(this));}
	
	
/*.case_details_left img{ width:150px; height:122px; float:left;}*/
.case_nr_div_a,.case_details_left_a,.news_details_left_a{
	float:left;
	margin:0px;}
	
.case_nr_div_a,.case_nr_div_title,.case_nr_div_nr,.case_nr_div_nr p{ width:810px;}
	
.case_details_left_a,.case_details_left_b,.case_details_left_nr,.case_details_left_nr p,.news_details_left_a,.news_details_left_b{ width:560px; overflow:hidden;}
	
.case_nr_div_title,.case_details_left_b{ float:left;}
	
	
.case_nr_div_title h3,.case_details_left_b h3{
	font-size:23px;
	line-height:35px;
	float:left;
	color:#1a86cf;
	font-family:"微软雅黑", "宋体";
	font-weight:bold;
	margin-right:5px;
	font-size:16px;}
	
.case_nr_div_title span,.case_details_left_b span{ 
	color:#a1a1a1; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	padding-top:15px; 
	line-height:15px;}

.case_nr_div_title span img.news_details_left_b span img{ width:67px; height:10px; border:none; background:none; margin-right:0px;}

.case_nr_div_title span a,.products_case ul li a,.case_details_left_nr p a,.case_nr_div_title h3 a,.case_details_left_b h3 a{ width:auto; height:auto; margin:0px; padding:0px; background:none;}

.case_nr_div_title h6,.case_details_left_b h6,.news_details_left_b h6{ 
	width:810px; 
	float:left; 
	height:18px; 
	text-align:left; 
	color:#a9a9a9;
	font-size:12px;
	font-weight:100;}
	
.case_nr_div_nr,.case_details_left_nr{	margin-top:10px;}
	
.case_nr_div_nr p,.case_details_left_b p{ float:left; margin:3px 0px;}


.case_details_left_nr img,.case_nr_div_nr img,.news_details_left_nr img{
	padding:0px;
	float:left;
	margin-right:0px;
	background:none;
	max-width:560px; 
	zoom:expression( function(elm) {
	if(elm.width>560){
	var oldVM= elm.width; elm.width=560;
	elm.height=elm.height*(560/oldVM);}
	elm.style.zoom='1';
	}(this));}
	
.case_details_left_nr img,.news_details_left_nr img{
/*	max-height:600px;
	_height:600px;*/}
	
.case_nr_div_nr img{
	max-height:300px;
	_height:300px;} 
	
/* products_page */
.products_page{	width:970px;}

.marketing_title{ width:978px; margin-top:8px;}

.products_page span,.about_news_page span{ padding-top:3px; float:right; padding-right:10px;}

.products_page h6,.about_news_page h6,.marketing_title h2{ padding-top:6px; padding-left:15px; float:left;}

.products_page span img,.products_page h6 img{ padding:0px 5px;}

.marketing_title h2{ font-size:12px; padding-top:3px;}

/* case_details_right */
.case_details_right{ width:245px; margin-top:105px;}

.case_details_right_div{ width:245px;}

.case_details_left{ float:left; width:560px;}

/* related_news */
.related_news,.products_case,.news_right{ 
	width:245px; 
	border:1px solid #bebebe;
	border-top:none;
	}
	
.related_news,.news_right{
	background:url(../images/products_details_05.gif) repeat-x 0px 0px; 
	height:auto; }

.related_news h3,.products_case h3,.news_right h3{ 
	color:#7e7e7e; 
	font-size:12px; 
	font-weight:100;
	padding:5px 0px 5px 10px;
	width:235px;
	float:left;}

.related_news ul,.products_case dl,.news_right ul{ margin:0px 0px 0px 10px; float:left;}

.related_news li,.news_right li{ width:220px; float:left; height:19px; line-height:19px;}
 
 .related_news li span,.news_right span{ float:right; color:#9e9e9e; font-size:11px; width:55px;}
 
/* IE */
 .related_news li a,.news_right li a{
	width:147px;
	white-space:nowrap;
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	overflow: hidden;
	float:left;
	padding-left:13px;
	background:url(../images/products_details_12.gif) no-repeat 0px 3px ; } 
 
 /* firefox */
 .related_news li:not(p),.news_right li:not(p){ 
   clear: both;
   }
 .related_news li:not(p) a ,.news_right li:not(p) a{
   max-width: 135px;
   float: left;
   }
 .related_news li:not(p):after,.news_right li:not(p):after {
   content: "...";
   float: left;
   width: 25px;
   padding-left: 3px;
   color: #7c7c7c;
   }
   
/* products_case */
.products_case{	
	background:url(../images/products_details_21.gif) repeat-x left bottom; 
	margin-top:10px; 
	border-top:1px solid #bebebe;
	max-height:560px;
	_height:560px;
	margin-bottom:10px;
	overflow:hidden;}
	
.products_case div{
	width:230px;
	height:100px;
	float:left;
	margin:2px 0px 4px 12px;
	display:inline;
	overflow:hidden;}
	
.products_case div img{
	float:left;
	max-width:88px; 
	max-height:88px;
	_height:88px;
	zoom:expression( function(elm) {
	if(elm.width>88){
	var oldVM= elm.width; elm.width=88;
	elm.height=elm.height*(88/oldVM);}
	elm.style.zoom='1';
	}(this));
	
	}
			
.products_case div ul,.products_case div ul li{ float:left;}
	
.products_case div ul{ width:120px;}
	
.products_case div ul li{ 
	min-height:20px; 
	_height:20px; 
	line-height:18px; 
	color:#818181; 
	width:120px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-break:break-all;
	float:left;}

	
.products_case div ul li h4{ color:#7c7c7c; font-size:12px;}
	
.products_case div ul li span{ color:#a9a9a9;}
	
.products_case div ul li a img{ width:67px; height:10px; border:none; margin:0px; padding:0px;}

/* message */
.message_input{ width:200px; line-height:18px; border:1px solid #e5e5e5; height:18px;}

.message_input_a{ width:400px; height:100px;}

.message_input_b{ margin-right:20px;}

.contact{ text-align:left; padding-left:10px; }

.contact p{ width:500px; float:left; line-height:20px; padding:2px 0px;}

/* red */
.red{ color:red;}

/* news */
.about_news{ width:700px; text-align:left;}

.about_news dl{ width:660px; border-bottom:1px solid #CCC; float:left; margin:10px 0px 8px 15px; display:inline;}

.about_news dl dt{ width:660px; float:left; height:23px;}

.about_news dl dt a{ float:left; font-weight:bold; color:#454545; margin-right:15px; border-bottom:1px dashed #CCC;}

.about_news dl dt span{ float:left; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:4px;}

.about_news dl dd{ width:650px; float:left; overflow:hidden; line-height:21px; overflow:hidden; padding:4px;}

.about_news dl dd p{ width:650px; float:left;}

.about_news_page{ width:690px; margin-top:10px; padding-left:10px;}

.about_news_page a,.products_page a{ padding:3px 2px 0px; margin-top:3px; height:26px; line-height:26px;}

.about_news_page span a img,.products_page span a img{ padding:0px 3px;}

.news_details_left_a{ width:700px; padding-top:30px;}

.news_details_left_b{ width:700px;}

.news_details_left_b h3{ width:700px; line-height:25px; font-size:18px; color:#333; font-weight:bold;}

.news_details_left_b h5{ width:700px; text-align:center; font-size:12px; font-weight:100; padding-top:5px;}

.news_details_left_b span,.news_details_left_b h5{ height:20px; line-height:20px; padding-bottom:8px; color:#999999;}

.news_details_left_nr{ width:680px; text-align:left; font-size:12px; color:#333;}

.news_details_left_nr p{ width:680px; float:left; margin:8px 0px;}

.news_right{ margin-top:88px;}


/* college_right */
.college_right{ margin-top:30px; width:680px;}

.college_right dl{ width:340px; float:left; margin:15px 0px 20px; overflow:hidden; height:130px;}

.college_right dt{ width:170px; float:left;}

.college_right dd{ width:140px; float:left; text-align:left;}

.college_right dd h3{ font-size:12px; font-weight:bold; color:#666666; width:140px; float:left; height:23px;}

.college_right dd p{ width:140px; float:left; height:38px; padding:4px 0px; line-height:20px; color:#999999; overflow:hidden;} 

/* hosting */
.hosting_nr{ width:670px; margin:15px 0px 20px 15px; float:left; display:inline; line-height:22px; text-align:left;}

.hosting_nr p{ margin:2px 0px; float:left; width:670px;}

.hosting_nr strong{ color:#2d2d2d;}


/* architect_div */
.architect_div,.websites_dl{ width:700px; text-align:left; padding:10px 0px;}

.architect_div dl{ width:670px; border-bottom:1px solid #CCC; float:left; margin:10px 0px 8px 18px; display:inline; height:142px; padding-bottom:10px;}

.architect_div dl dt{ width:120px; float:left; height:140px; border:1px solid #adadad; margin-right:8px; background:#efefef;}

.architect_div dl dt img{ 
	max-width:120px; 
	max-height:140px;
	_height:auto;
	margin:0 auto;
	zoom:expression( function(elm) {
	if(elm.width>120){
	var oldVM= elm.width; elm.width=120;
	elm.height=elm.height*(120/oldVM);
	}
	elm.style.zoom='1';
	}(this));}
	
.architect_div dl dd h3{ width:500px; height:24px; font-size:12px;}

.architect_div dl dd{ width:500px; float:left; overflow:hidden; line-height:21px; overflow:hidden; padding:2px; height:142px;}

/* websites */
.websites_dl dl{ 
	width:200px; 
	float:left; 
	margin:8px 5px; 
	display:inline; 
	height:  auto; color:#333;}
	
.websites_dl dl dt{ 
	width:200px;
	height:150px;
	float:left;
	}
	
/*.websites_dl dl dt img{
	width:200px; 
	height:150px;
	}
*/
	
.websites_dl dl dd{
	width:200px;
	text-align:center;
	margin-top:2px;
	color:#333;
	line-height:22px; clear:both;}
	
.websites_dl dl dd a{
	text-decoration:underline;
	color:#333333;}
	
/* marking */
.marketing_nr{
width:978px;
margin:5px 0px 15px;
text-align:left;}

.marketing_left{
width:475px;
border-right:1px dashed #CCC;
margin:10px 16px 10px 0px;
padding-right:10px;}

.marketing_left img{ float:left; margin-bottom:10px;}


.marketing_right{
width:475px;
margin:10px 0px;
}
.marketing_right h5{
width:475px;
text-align:right;
height:35px;
float:left;}

.marketing_right h5 img{
float:right;}

.marketing_right h3,.marketing_left h3{
width:475px;
float:left;
line-height:25px;
font-size:12px;}

.marketing_right p,.marketing_left p{
width:475px;
float:left;
line-height:20px;
margin:2px 0px;}

.marketing_right img{
float:left;
margin:0px 8px 8px 0px;}

#case-pic{ float:left; width:200px; height:162px; float:left;}