@charset "utf-8";
/*-- general --*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {margin:0;padding:0;}
pre, code, address, caption, cite, code, em{font-size:1em;font-style:normal;font-weight:normal;}
ul{list-style:none inside;}
fieldset, img {border:medium none;}
caption, th {text-align:left;}
table {border-collapse:collapse;border-spacing:0;}
.clear {clear:both;}
.clearfix:after { content:""; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.clearfix { zoom:1; }
img {border:none; display:block;}
a,a:hover{ text-decoration:none; cursor:pointer; outline:none;}
.f-l,.li_fl li{ float:left;}
.f-t{ float:right;}
.p_b30 { padding-bottom:30px;}
.indent4{ text-indent:4em;}
.indent2{ text-indent:2em; }
.margin-l-4 { margin-left:7em; }
.margin-t--1 { margin-top:-21px; }


body{ font:12px/180% "微软雅黑", Verdana, Geneva, sans-serif; background:url(../images/bg.jpg) repeat; width:998px; margin:0 auto;}

#headbar ul.menu li a ,#flag .btn ,#contentbar .rightbar .readMore ,#contentbar .leftbar .news_title , #contentbar .leftbar .service_title ,#contentbar .case_title , #contentbar .leftbar .sub_menu.selected ,#contentbar .long_line {background:url(../images/icon_all.jpg) no-repeat;}

#headbar { background:url(../images/header.jpg) no-repeat; width:998px; height:109px; overflow:hidden;}
	#headbar h1 { text-indent:-9999em;}
		#headbar h1 a { width:280px; height:60px; float:left; margin:12px 0 0 30px; display:inline; }
	#headbar ul.menu { margin-left:450px;height:61px; margin-top:17px; overflow:hidden; width:523px;}
		#headbar ul.menu li { float:left;}
			#headbar ul.menu li a { text-indent:-9999em;height:61px; display:block; }
		#headbar ul.menu a.home{ width:82px; }
		#headbar ul.menu a.openpm{ width:110px; background-position:-82px 0;}
		#headbar ul.menu a.djshell{ width:135px; background-position:-192px 0;}
		#headbar ul.menu a.protfolio{ width:104px; background-position:-327px 0;}
		#headbar ul.menu a.profile{ width:92px; background-position:-431px 0;}
		#headbar ul.menu a.home:hover ,#headbar ul.menu a.s_home{ width:82px; background-position:0 -62px;}
		#headbar ul.menu a.openpm:hover ,#headbar ul.menu a.s_openpm{ width:110px; background-position:-82px -62px;}
		#headbar ul.menu a.djshell:hover ,#headbar ul.menu a.s_djshell{ width:135px; background-position:-192px -62px;}
		#headbar ul.menu a.protfolio:hover ,#headbar ul.menu a.s_protfolio{ width:104px; background-position:-327px -62px;}
		#headbar ul.menu a.profile:hover ,#headbar ul.menu a.s_profile{ width:92px; background-position:-431px -62px;}


#flag { width:998px; padding:0 15px;}
	#flag .btn { width:83px; height:68px; display:block; float:left; margin-top:60px; }
	#flag .btn_fl { background-position:0 -124px; margin-right:-1px;}
	#flag .btn_fl:hover { background-position:-168px -124px; margin-right:-1px;}
	#flag .btn_fr { background-position:-84px -124px; margin-left:-1px;}
	#flag .btn_fr:hover { background-position:-252px -124px; margin-left:-1px;}
	#flag .flag_con { background:url(../images/flag_bg.jpg) no-repeat; width:778px; height:178px; float:left; padding:12px 12px 20px; border:none; position:relative;}
		.flag_con img { border:none; position:absolute;}
		/**+html .flag_con img{ margin-top:12px; }针对IE7的hack*/
	
#contentbar { background:url(../images/c_t.jpg) top left no-repeat; width:998px; padding:21px 0 0; color:#fff;}
#contentbar.sub_page { margin-top:-5px;}
	.box {}  
	#contentbar .content_bg { background:url(../images/c_c.jpg) repeat-y; width:998px; padding:0 16px 10px; float:left;}
		#contentbar h2 a{ display:block;}
		#contentbar .leftbar { float:left; background:url(../images/line_1.jpg) center right no-repeat; width:260px; padding:0 10px; color:#c3c3c3;}
		#contentbar img.banner { width:260px; height:60px; background:#2a1962; margin:10px -5px 0; }
		#contentbar a.readMore_circle ,#contentbar .rightbar a.readMore_circle { background:url(../images/readmore.jpg) center left no-repeat; padding-left:16px; color:#f6f6f6; float:right; margin-right:18px; display:inline;}
		#contentbar .rightbar a.readMore_circle { margin-top:10px;}
			#contentbar .leftbar .news_title { background-position:-160px -193px; width:130px; height:38px; text-indent:-9999em; margin-top:10px;}
			#contentbar .leftbar a.sub_menu { display:block; width:290px; height:62px; padding:4px 0 0 15px; overflow:hidden; margin-left:-10px ;}
			#contentbar .leftbar a.sub_menu:hover { background:url(../images/sub_menu_bg_hover.jpg) no-repeat;}
			#contentbar .leftbar .sub_menu.selected, #contentbar .leftbar .sub_menu.selected:hover { background:url(../images/sub_menu_bg.jpg) no-repeat;}
			#contentbar .leftbar .service_title { background-position:0 -193px; width:159px; height:38px; text-indent:-9999em;}
			#contentbar .leftbar .sort_line { background:url(../images/line_2.jpg) top center no-repeat; padding-top:20px;}
			#contentbar .leftbar h3 { border-left: 5px solid #4c89c8;  color:#4c89c8; font-size:12px; font-weight:normal; padding:0 0 18px 10px; line-height:14px; margin-top:10px;}
				#contentbar .leftbar h3 a ,contentbar .leftbar h3 a:hover { color:#4c89c8;}
			#contentbar .leftbar .box .news_date { margin:-15px 0 0 15px; display:block; color:#919191}
			#contentbar .leftbar p {  padding:12px 10px 12px 0;}
		#contentbar .rightbar { float:left; width:670px; padding:0 8px;}
			#contentbar .rightbar .product { padding:15px 40px 20px 20px;}
				#contentbar .rightbar .product h2 { padding:10px 0; font-size:20px; color:#fff;}
					#contentbar .rightbar .product h2 a {color:#fff;}
			#contentbar .rightbar .product { color:#c3c3c3;}
				#contentbar .rightbar .product img { float:left; margin-right:20px;}
			#contentbar .rightbar .readMore { background-position:-336px -124px; width:71px; height:21px; text-indent:-9999em; display:block; float:right;}
			#contentbar .sub_right { padding:20px;}
				#contentbar .sub_right h2 { background:url(../images/line_3.jpg) bottom center no-repeat; padding-bottom:35px}
				#contentbar .sub_right .info { color:#919191; margin-top:-30px; display:block; padding-bottom:15px;}
					#contentbar .sub_right .info a ,#contentbar .sub_right .info a:hover { color:#919191; padding-left:4px;}
					
				#contentbar .sub_right p { font-size:14px; line-height:170%; margin:15px 0;}
				#contentbar .sub_right ul.memo { margin:0 2em; }
				#contentbar .sub_right ul.memo span { font-size:14px; font-style:italic; font-weight:bold; margin-right:10px; }
				
				#contentbar .sub_right img.thumb { float:left; margin:0 5px 5px 0; border:1px solid #fff; }
		
		#contentbar .long_line { background:url(../images/line_3.jpg) top center no-repeat; padding-top:30px; margin-top:8px;}
			#contentbar .case .case_bg { float:left; margin:0 4px; background:url(../images/case_bg.jpg) no-repeat;  width:147px; height:98px; padding:5px 6px;}
			#contentbar .case .case_bg img{ border:1px solid #464646;}
		#contentbar .case_title { background-position:-291px -193px; width:131px; height:38px; text-indent:-9999em;}
#footbar { background:url(../images/c_b.jpg) no-repeat; height:20px;padding:20px 15px; color:#c2c2c2;}
	#footbar a { color:#c2c2c2;}
	#footbar a:hover { color:#c2c2c2;}
	#footbar .copyright { float:right;}

.wizAlert { font-weight:bold; font-size:14px; }