/*------>>global<<-------*/
* {margin:0 auto;padding:0;}
* a{blr:expression(this.onFocus=this.blur());} 
ul,li{margin:0;padding:0;}

body {background-color: #fff;text-align:center; }
body,td,th {font-family:"宋体", Arial, Verdana, Lucida,  Helvetica, sans-serif; font-size: 12px;color: #777;}

p {line-height:170%;}
img { border:none;}
a img { vertical-align:middle;}

/*------>>global_top<<-------*/

/*---顶部样式---*/
#head {margin-top:2px;width:100%;height:88px;	background-image:url(../images/top_menu_background.gif);}
#head #matinlogo {width:980px !important;;height:88px;background: url(../images/matin_left_logo.gif) no-repeat left 30%;}
#head #matinlogo #topmenu {width:980px;	padding-top:38px;marign:0;}

#topmenu ul {
	list-style: none;
	margin:0 0 0 260px;}
	
#topmenu li {
	float:left;margin-right:2px;
}
#topmenu li a {
	margin:0;
	display:block;
	height:50px;
	width:87px;
	text-align:center;
	}
	
#topmenu a.home{
	background:url(../images/menu1_index_normal.gif) no-repeat;background-position:17px 14px;	   
}
#topmenu a.home_act{background:url(../images/menu1_index_hit.gif) no-repeat ;
}
#topmenu a.home:hover{
	background:url(../images/menu1_index_over.gif) no-repeat;background-position:17px 14px;
}

#topmenu a.service{
	background:url(../images/menu2_services_normal.gif) no-repeat;background-position:17px 14px;
}
#topmenu a.service_act{
	background:url(../images/menu2_services_hit.gif) no-repeat;
}
#topmenu a.service:hover{
	background:url(../images/menu2_services_over.gif) no-repeat;background-position: 17px 14px;
}

#topmenu a.cases{
	background:url(../images/menu3_works_normal.gif) no-repeat;background-position: 17px 14px;
}
#topmenu a.cases_act{
	background:url(../images/menu3_works_hit.gif) no-repeat;
}
#topmenu a.cases:hover{
	background:url(../images/menu3_works_over.gif) no-repeat;background-position: 17px 14px;
}

#topmenu a.customer{
	background:url(../images/menu4_customer_normal.gif) no-repeat;background-position: 17px 14px;
}
#topmenu a.customer_act{
	background:url(../images/menu4_customer_hit.gif) no-repeat;
}
#topmenu a.customer:hover{
	background:url(../images/menu4_customer_over.gif) no-repeat;background-position: 17px 14px;
}

#topmenu a.about{
	background:url(../images/menu5_about_normal.gif) no-repeat;background-position: 17px 14px;
}
#topmenu a.about_act{
	background:url(../images/menu5_about_hit.gif) no-repeat;
}
#topmenu a.about:hover{
	background:url(../images/menu5_about_over.gif) no-repeat;background-position: 17px 14px;
}

#topmenu a.contact{
	background:url(../images/menu6_contact_normal.gif) no-repeat;background-position: 17px 14px;
}
#topmenu a.contact_act{
	background:url(../images/menu6_contact_hit.gif) no-repeat;
}
#topmenu a.contact:hover{
	background:url(../images/menu6_contact_over.gif) no-repeat;background-position: 17px 14px;
}

.fav {float:right;width:16px;height:20px;padding-top:5px;}
.fav a{background:url(../images/fav.gif) no-repeat bottom;}


/*---首页内容样式---*/

#home_content {width:980px;margin-top:10px;clear:both;}

/*---内容框样式---*/
#container {width:980px !important;width:980px;margin:0 auto;text-align:left;padding-top:10px;}

/*---右侧菜单内容框样式---*/
#sidebar {float:right;width:208px;height:100%;background:#edecec;text-align:left;margin:0 auto;position: relative;}

#side_top {width:208px;height:5px;background:#edecec url(../images/sidebar_top.gif) no-repeat top;overflow:hidden;}

.side_submenu {margin-left:40px;height:22px;}

#side_content {width:208px;background:#edecec;overflow:hidden;}

#side_guest {width:208px;background:#edecec;overflow:hidden;}

#side_down{
	width:208px;
	height:5px;
	background:#edecec url(../images/sidebar_down.gif) no-repeat bottom;
	}

/*#side_title {width:180px;padding-left:20px;;height:14px;border-bottom:1px solid #ccc;}*/

#side_content ul {
	list-style:none;
	}
#side_content li {
	/*float:left;*/
	text-align:left;
	}
#side_content li a {
	padding:0px;
	margin:0 0 0 25px;
	display:block;
	width:120Px;
	}
#side_content .submenu{margin-left:27px;display:block;height:20px;background:url(../images/Bult_ar_org.gif) no-repeat 5% 20%;}

#side_update {width:208px;position: relative;}

#side_update ul {
	list-style:none;
	}

#side_update li {
	padding:0px;
	margin:5px 0 0 25px;
	display:block;
	height:40px;
	width:115Px;
	}	
	
#side_home {width:208px;position: relative;}
#side_home ul{list-style:none;}
#side_home li{
	margin-left:10px;
	height:20px;
	display:block;
	padding-top:2px;
	}

#side_content a.menu_web{height:35px;background:url(../images/service_menu1_web.gif) no-repeat 5%;}
#side_content a.menu_web_act{height:35px;background:url(../images/service_menu1a_web.gif) no-repeat 5%;}
#side_content a.menu_web:hover{height:35px;background:url(../images/service_menu1a_web.gif) no-repeat 5%;}

#side_content a.menu_ui{height:35px;background:url(../images/service_menu2_ui.gif) no-repeat 5%;}
#side_content a.menu_ui_act{height:35px;background:url(../images/service_menu2a_ui.gif) no-repeat 5%;}
#side_content a.menu_ui:hover{height:35px;background:url(../images/service_menu2a_ui.gif) no-repeat 5%;}

#side_content a.menu_graphic{height:35px;background:url(../images/service_menu3_graphic.gif) no-repeat 5%;}
#side_content a.menu_graphic_act{height:35px;background:url(../images/service_menu3a_graphic.gif) no-repeat 5%;}
#side_content a.menu_graphic:hover{height:35px;background:url(../images/service_menu3a_graphic.gif) no-repeat 5%;}

#side_content a.menu_flash{height:35px;background:url(../images/service_menu4_flash.gif) no-repeat 5%;}
#side_content a.menu_flash_act{height:35px;background:url(../images/service_menu4a_flash.gif) no-repeat 5%;}
#side_content a.menu_flash:hover{height:35px;background:url(../images/service_menu4a_flash.gif) no-repeat 5%;}


#side_content a.case_menu_update{height:35px;background:url(../images/cases_menu1_update.gif) no-repeat 5%;}
#side_content a.case_menu_update_act{height:35px;background:url(../images/cases_menu1a_update.gif) no-repeat 5%;}
#side_content a.case_menu_update:hover{height:35px;background:url(../images/cases_menu1a_update.gif) no-repeat 5%;}

#side_content a.case_menu_web {height:35px;background:url(../images/cases_menu2_web.gif) no-repeat 5%;}
#side_content a.case_menu_web_act {height:35px;background:url(../images/cases_menu2a_web.gif) no-repeat 5%;}
#side_content a.case_menu_web:hover {height:35px;background:url(../images/cases_menu2a_web.gif) no-repeat 5%;}

#side_content a.case_menu_ui {height:35px;background:url(../images/cases_menu3_ui.gif) no-repeat 5%;}
#side_content a.case_menu_ui_act {height:35px;background:url(../images/cases_menu3a_ui.gif) no-repeat 5%;}
#side_content a.case_menu_ui:hover {height:35px;background:url(../images/cases_menu3a_ui.gif) no-repeat 5%;}

#side_content a.case_menu_graphic {height:35px;background:url(../images/cases_menu4_graphic.gif) no-repeat 5%;}
#side_content a.case_menu_graphic_act {height:35px;background:url(../images/cases_menu4a_graphic.gif) no-repeat 5%;}
#side_content a.case_menu_graphic:hover {height:35px;background:url(../images/cases_menu4a_graphic.gif) no-repeat 5%;}

#side_content a.case_menu_flash {height:35px;background:url(../images/cases_menu5_flash.gif) no-repeat 5%;}
#side_content a.case_menu_flash_act {height:35px;background:url(../images/cases_menu5a_flash.gif) no-repeat 5%;}
#side_content a.case_menu_flash:hover {height:35px;background:url(../images/cases_menu5a_flash.gif) no-repeat 5%;}

#side_content a.about_menu_1 {height:35px;background:url(../images/icon_about.gif) no-repeat 5%;}
#side_content a.about_menu_1_act {height:35px;background:url(../images/icon_about1.gif) no-repeat 5%;}
#side_content a.about_menu_1:hover {height:35px;background:url(../images/icon_about1.gif) no-repeat 5%;}

#side_content a.about_menu_2 {height:35px;background:url(../images/icon_guest.gif) no-repeat 5%;}
#side_content a.about_menu_2_act {height:35px;background:url(../images/icon_guest1.gif) no-repeat 5%;}
#side_content a.about_menu_2:hover {height:35px;background:url(../images/icon_guest1.gif) no-repeat 5%;}

#side_content a.about_menu_3 {height:35px;background:url(../images/icon_dd.gif) no-repeat 5%;}
#side_content a.about_menu_3_act {height:35px;background:url(../images/icon_dd1.gif) no-repeat 5%;}
#side_content a.about_menu_3:hover {height:35px;background:url(../images/icon_dd1.gif) no-repeat 5%;}

#side_content a.about_menu_4 {height:35px;background:url(../images/icon_contact.gif) no-repeat 5%;}
#side_content a.about_menu_4_act {height:35px;background:url(../images/icon_contact1.gif) no-repeat 5%;}
#side_content a.about_menu_4:hover {height:35px;background:url(../images/icon_contact1.gif) no-repeat 5%;}


#side_other {height:200px;}

.side_blank {height:6px;background:#ffffff;overflow:hidden;}





/*---左侧正文内容样式---*/

#mainContent{
	text-align:center;
	width:760px;
	margin:0px -225px 0px 0px;
	background:#fff;}
	
#mainContent_ad{
	width:750px;
	height:260px;
	background:#fff;
	padding:0px;
	display:inline
	;}

#ad_space {float:left;height:240px;}



#adbox_about {height:120px;background:url(../images/foot_ad1.gif) no-repeat;}
#adbox_contact {height:171px;background:url(../images/foot_ad2.gif) no-repeat;}



#ContentHomeBox {float:left;text-align:left;width:760px;background:#fff;}
#ContentHomeBox ul{list-style:none;}
#ContentHomeBox li{float:left;	text-align:left;height:182px;}

#ContentBox {
	float:left;
	text-align:left;
	width:750px;
	background:#fff;
	margin-top:0px;
	}
.UpdateNew{
	float:right;
	position:absolute;
	}

	
#page_btn {width:150px;height:20px;}
.page_pre { 
	float:left;
	text-align:left;
	background:url(../images/pre.gif) no-repeat left 16%;
	padding-left:16px;
	}
	
.page_top { 
	float:left;
	text-align:center;
	background:url(../images/gotop.gif) no-repeat 73% 16%;
	padding-left:75px;
	padding-bottom:5px;
	}

.page_next {
	float:right;
	text-align:right;
	background:url(../images/next.gif) no-repeat right 16%;
	padding-right:16px;}

#infotitle {float:left;width:700px;}
inforepl {float:right;width:60px;}

/*---Cases page---*/

.cases_box {
	width:750px;margin:0px;clear:both;
	}
	
.cases_box ul{list-style:none;margin:0;}

.cases_box li{
	float:left;
	text-align:left;
	margin-right:30px;
	margin-left:4px;
	height:160px;
	}
	
.cases_box li a {
	margin:0px;
	display:block;
	height:112px;
	width:210Px;
	text-align:left;
	}
.cases_title {
	float:left;
	background:url(../images/Bult_ar_org.gif) no-repeat 2% 16%;
	padding-left:16px;
	color:#999;}

/*---customer page---*/

.customer_box {
	width:680px;text-align:center;margin-left:20px;
	}
.customer_box ul{
	list-style:none;
	}
.customer_box li{
	float:left;
	display:block;	
	height:80px;
	width:200Px;
	}

/*---Service page---*/

.service_Box1 {
	float:left;
	background:url(../images/service_con1.gif) no-repeat 0 5%;
	width:360px;
	height:120px;
	margin:6px 0 0 2px;;
	text-align:left;
	}

.service_Box2 {
	float:left;
	background:url(../images/service_con2.gif) no-repeat 0 5%;
	width:360px;
	height:120px;
	margin:6px 0 0 2px;;
	text-align:left;
	}

.service_Box3 {
	float:left;
	background:url(../images/service_con3.gif) no-repeat 0 5%;
	width:360px;
	height:120px;
	margin:6px 0 0 2px;;
	text-align:left;
	}
	
.service_Box4 {
	float:left;
	background:url(../images/service_con4.gif) no-repeat 0 5%;
	width:360px;
	height:120x;
	margin:6px 0 0 2px;;
	text-align:left;
	}
	
.service_Box1 li,.service_Box2 li,.service_Box3 li,.service_Box4 li{
	list-style:none;
	background:url(../images/Bult_ar_org.gif) no-repeat 23% 53%;
	padding-left:90px;
	line-height:170%;
	text-align:left;}

.textbox{line-height:170%;width:100%;}


/*---Footer style---*/
#footer {
	padding-top:5px;
	margin-top:8px;
	display:block;
	clear: both;
	width:980px;
	height:35px;
	border-top:1px solid #ccc;
	text-align:right;
	font-size:11px;
	}

#bloglink a{
	float:right;
	background:url(../images/bloglinks.gif) no-repeat;  center;
	margin-top:-22px;
	width:38px;
	height:28px;
	}
#cnzz {text-align:right;width:980px;margin:0 auto;}