@charset "utf-8";
/* CSS Document */

#middle_holder{
	display:block;
	width:1000px;
	height:590px;
}

#middle_left{
	float:left;
	display:block;
	background-color:#e8f1f7;
	width:208px;
	height:590px;
}

#login{
	width:208px;
	height:145px;
	border-bottom:2px #fff solid;
	margin-top:15px;
}

.left_title{
	font-size:14px;
	font-weight:bold;
	color:#455271;
	width:155px;
	height:20px;
	background:url(../images/left_title_icon.gif) no-repeat 0px 3px;
	margin-left:25px;
	padding-left:15px;
	margin-top:0px;
	margin-bottom:0px;
}

.left_detail{
	margin-top:2px;
	display:block;
	width:208px;
	min-height:2px;
	background:url(../images/left_title_line.gif) no-repeat top left;
	padding-top:5px;
	position:relative;
}

.login_title{
	color:#455271;
	margin-left:15px;
	width:40px;
}

.login_box{
	background-color:#f0f6f9;
	border:solid 1px #9aa9b3;
	margin-top:8px;
	width:135px;
	font-size:14px;
}

.login_link{
	display:block;
	width:124px;
	height:17px;
	background:url(../images/login_link_bg1.gif) no-repeat;
	text-indent:25px;
	margin-left:15px;
	margin-top:7px;
	line-height:19px;
	color:#455271;
}

.login_link:hover{
	background:url(../images/login_link_bg2.gif) no-repeat;
	color:#fff;
}

#login_button{
	border:1px solid #9aa9b3;
	width:40px;
	height:40px;
	background-color:#879dbe;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	text-indent:-2px;
	*text-indent:2px;
	position:absolute;
	bottom:1px;
	_bottom:3px;
	right:17px;
	*right:12px;
}

#search{
	margin-top:10px;
	height:70px;
	border-bottom:2px #fff solid;
}

#search_box{
	background-color:#f0f6f9;
	border:solid 1px #9aa9b3;
	margin-top:8px;
	margin-left:15px;
	width:142px;
	font-size:14px;
}

#search_button{
	display:block;
	border:1px solid #9aa9b3;
	width:30px;
	height:20px;
	background-color:#879dbe;
	line-height:20px;
	color:#fff;
	font-size:12px;
	text-indent:-6px;
	*text-indent:2px;
	position:absolute;
	bottom:1px;
	_bottom:0px;
	right:17px;
	*right:12px;
}

#friendlinks{
	margin-top:10px;
}

#friendlinks_detail{
	display:block;
	height:265px;
	list-style:none;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:15px;
	line-height:27px;
	_line-height:15px;
	margin:0;
}

#friendlinks_detail li{
	display:block;
	background:url(../images/friendlinks_icon.gif) no-repeat 0px 8px;
	*background:url(../images/friendlinks_icon.gif) no-repeat 0px 9px;
	_background:url(../images/friendlinks_icon.gif) no-repeat 0px 2px;
	margin:0;
	padding-left:15px;
}

#friendlinks_detail li a{
	display:block;
	color:#455271;
	margin:0;
}

#friendlinks_detail li a:hover{
	color:#0071e7;
	text-decoration:underline;
}

#friendlinks_more{
	color:#455271;
	position:absolute;
	bottom:0px;
	right:10px;
}

#friendlinks_more:hover{
	color:#0071e7;
	text-decoration:underline;
}

#quick_link{
	display:block;
	width:178px;
	background-color:#c3d5ec;
	border:1px solid #9fbce1;
	margin-left:15px;
	margin-top:10px;
	color:#455271;
}

#middle_right{
	float:right;
	margin-right:12px;
	_margin-right:5px;
	margin-top:5px;
	display:block;
	width:766px;
	height:580px;
	background:url(../images/bg_building.gif) no-repeat 15px -3px;
	_background:url(../images/bg_building.gif) no-repeat 15px 0px;
	position:relative;
}

#notice{
	width:766px;
	height:22px;
	border-bottom:#dbdbdb 1px solid;
	color:#333;
}

#notice_detail{
	display:block;
	width:766px;
	height:22px;
	background:url(../images/notice_icon.gif) no-repeat left;
}

#notice_detail{
	display:block;
	width:766px;
	_width:746px;
	height:22px;
	background:url(../images/notice_icon.gif) no-repeat left;
	position:relative;
	padding-left:20px;
	line-height:22px;
}

#notice_detail marquee{
	display:block;
	position:absolute;
	height:20px;
	width:675px;
	left:85px;
	bottom:2px;
	*bottom:1px;
	_bottom:-1px;
}

#notice_detail marquee a{
	color:#333;
	margin-right:20px;
}

#notice_detail marquee a:hover{
	color:#f00;
	text-decoration:underline;
}

.news_holder{
	margin-top:10px;
	margin-left:3px;
	width:485px;
	height:160px;
}

.news_title{
	display:block;
	height:25px;
}

.title_name{
	background:url(../images/title_icon.gif) no-repeat 13px 6px;
	*background:url(../images/title_icon.gif) no-repeat 13px 5px;
	font-size:1.3em;
	font-weight:bold;
	padding-left:25px;
	padding-top:3px;
	margin:0;
	float:left;
}

.title_more{
	float:right;
	color:#333;
	background:url(../images/more_icon.gif) no-repeat right;
	margin-right:15px;
	padding-right:10px;
	padding-top:3px;
	line-height:24px;
}

.title_more:hover{
	color:#f00;
}

.news_detail{
	width:485px;
	height:130px;	
	background:url(../images/title_line.gif) no-repeat top;
}

.news_pic{
	float:left;
	width:116px;
	margin-top:7px;
	margin-left:5px;
	padding:3px;
	border:1px solid #e4e4e4;
}

.news_pic:hover{
	background-color:#ecf4fd;
}

.news_list{
	float:right;
	width:340px;
	list-style:none;
	margin:0;
	padding-top:10px;
	padding-left:0px;
	padding-right:5px;
}

.news_list li{
	display:block;
	height:22px;
	*height:20px;
	background:url(../images/news_list_icon.gif) no-repeat left;
	border-bottom: dashed 1px #a7a7a7;
	line-height:22px;
	*line-height:20px;
}

.news_list li a{
	float:left;
	margin-left:20px;
	color:#333;
}

.news_list li a:hover{
	color:#f00;
}

.news_list li span{
	float:right;
	margin-right:5px;
}

#engineering_case{
	margin-top:10px;
	padding-top:12px;
	padding-left:3px;
	display:block;
	width:766px;
	height:202px;
	background:url(../images/engineering_case_bg.gif) no-repeat;
}

.case_title{
	display:block;
	width:749px;
	height:25px;
}

#case_holder{
	display:block;
	width:720px;
	height:150px;
	margin-left:20px;
	margin-right:0px;
	padding:0;
}

.case_detail{
	display:block;
	width:160px;
	height:150px;
	text-align:center;
	float:left;
	padding-right:20px;
	padding-top:7px;
}

.case_pic{
	display:block;
	width:144px;
	height:108px;
	padding:3px;
	border:1px solid #e4e4e4;
	margin:0 auto;
}

.case_name{
	display:block;
	color:#333;
	margin-top:5px;
}

#company_overview{
	display:block;
	position:absolute;
	top:27px;
	right:-10px;
	width:248px;
	height:217px;
	background:url(../images/overview_bg.gif) no-repeat top;
	padding-top:7px;
	padding-left:20px;
	padding-right:20px;
}

.overview_title{
	display:block;
	width:240px;
	margin:0 auto;
	height:25px;
}

#overview_pic{
	display:block;
	margin-left:18px;
}

#overview_txt{
	display:block;
	width:210px;
	height:130px;
	color:#333;
	margin-top:10px;
	margin-left:22px;
	text-indent:24px;
	line-height:22px;
}

#overview_txt:hover{
	text-decoration:underline;
}

#introduction_links{
	clear:both;
	display:block;
	width:200px;
	height:102px;
	background:url(../images/introduction_links_bg.gif) no-repeat left;
	margin-top:15px;
	margin-left:30px;
	list-style:none;
	padding:0;
}

#introduction_links li{
	float:right;
	display:block;
	width:124px;
	height:18px;
	text-align:center;
	line-height:18px;
	*line-height:20px;
	margin-bottom:3px;
}

#introduction_links li a{
	color:#fff;
}

#introduction_links li a:hover{
	font-weight:bold;
}

.link_overview{
		background:url(../images/link_overview_bg.gif) no-repeat;
}


.link_others{
	background:url(../images/link_others_bg.gif) no-repeat;
}

#demo {
	margin-top:410px;
	position:absolute;
	display:block;
	width:740px;
	height:150px;
	top:15px;
	right:12px;
	overflow:hidden;
	color:#333;
}

#demo a {
	display:block;
	margin-top:3px;
	padding:0px;
	margin-right:5px;
	width:160px;
	height:140px;
	float: left;
	color:#333;
}

#demo a:hover{
	color:#e00;
}

#demo a img{
	display:block;
	width:146px;
	height:100px;
	padding:2px;
	border:1px solid #a1a1a1;
}

#demo a p{
	margin:0;
	padding-top:10px;	
}

#indemo {
	float: left;
	width: 800%;
}

#demo1 {
	margin-right:1px;
	float: left;
}

#demo2 {
	margin-right:1px;
	float: left;
}