body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, select, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body { font:12px Verdana, Arial; color:#333; background:#FFF url(../images/logo_bg.jpg) no-repeat left 8px;}
img { border:0;}
a { text-decoration:none; color:#333; /*outline:hidden;*/}
a:hover { text-decoration:underline;}
h1 { font-size:14px;}
h2 { font-size:14px; color:#333; height:24px; line-height:24px;}
h3 { font-size:12px; color:#333;}
p { line-height:24px;}
input { font:12px Verdana, Arial;}
.robbie { width:960px; margin:0 auto; overflow:hidden;}
.left { float:left; width:350px;}
.center { float:left; width:340px; margin:0 10px;}
.right { float:left; width:250px;}
.cross_2 { float:left; width:700px; margin-right:10px;}
.more { float:right; font-size:12px; font-weight:normal;}

.simple {}
	.simple h2 { border-bottom:1px dashed #CCC; color:#005AAA; padding:0 10px;}
	.simple img { margin:8px 10px 3px;}
	.simple p { height:24px; background:url(../images/simple_li.gif) no-repeat 10px center; text-indent:19px; border-bottom:1px dotted #EAEAEA;}
	.simple p a:hover { text-decoration:none; color:#000;}
	.simple p img { margin:0;}

.sub {}
	.sub h2 { color:#005AA9; padding:0 10px;}
	.sub img { margin:8px 10px 3px;}
	.sub p { padding-bottom:1px; text-indent:10px;}
	.sub p a:hover { text-decoration:none; color:#000;}
	.sub p img { margin:0;}

#top_bg { height:8px; background:url(../images/top_bg.jpg) repeat-x; min-width:960px; width:expression((documentElement.clientWidth < 960) ? "960px" : "auto" );}
	#top { height:8px; background:url(../images/top.jpg) no-repeat center; overflow:hidden;}
#logo { height:96px; background:url(../images/logo_line.jpg) no-repeat center 92px;}
	#logo h1 { float:left; width:440px; height:96px;}
		#logo h1 a { display:block; width:440px; height:96px; background:url(../images/logo.png) no-repeat center center; text-indent:-2999px;}
#seach { float:right; width:220px; height:40px; padding:10px 0 0 300px;}
		#seach a { float:left; display:block; width:88px; height:20px; line-height:20px; text-indent:8px; border:1px solid #BBB; background:url(../images/top_cls.jpg) no-repeat right; text-align:left; color:#666;}
		#seach a:hover { text-decoration:none;}
		#seach input { float:left; width:108px; height:14px; border:1px solid #BBB; margin-left:10px; padding:3px; color:#666;}
			#seach ul { list-style:none; width:88px; border:1px solid #BBB; overflow:hidden; background:#FFF; position:absolute; margin-top:21px;}
			#seach li { float:left; line-height:20px; width:58px; height:20px; text-indent:8px;}
			#seach li a { background:none; border:none;}
			#seach li a:hover { background:#EEE;}
	#menu { float:right; width:520px; height:36px; overflow:hidden; padding-top:10px;}
		#menu ul { height:36px; list-style:none; background:url(../images/menu.jpg) no-repeat 50px top; overflow:hidden; padding-left:40px;}
		#menu ul.login { background:url(../images/menu2.jpg) no-repeat 50px top;}
		#menu li { float:left;}
		#menu li a { display:block; width:34px; height:24px; padding:0 10px; text-indent:-2999px;}
		#menu li#menu_reg a { display:block; width:74px;}

#con_1 { margin-top:10px;}
	#banna { height:438px;}
	#con_1_a {}
		#topic { height:180px; overflow:hidden;}
			#topic img { float:left; width:140px; padding:8px; margin:0;}
			#topic h3 { float:left; width:184px; margin-top:8px; text-align:center;}
			#topic p { float:left; width:184px; text-indent:24px; margin-top:8px; background:none; border-bottom:1px solid #FFF;}
		#others {}
		#info { margin-top:5px;}
	#con_1_b { background:url(../images/con_1_b.gif) no-repeat; height:438px;}
		#xiehui { background:url(../images/right_line.jpg) no-repeat bottom center;}

#product { background:#000; margin-top:10px; height:148px;}
	#product h2 { color:#BFBFBF; height:28px; line-height:28px; text-indent:10px;}
	#pro_cls { float:left; width:180px; height:120px; margin-left:10px; display:inline;}
		#pro_cls a { color:#BFBFBF; margin-right:20px;}
	#pro_list { float:right; width:770px; height:120px;}
		#pro_list ul { list-style:none; display:inline;}
		#pro_list li { float:left;}
		#pro_list li a { display:block; width:98px; height:98px; border:1px solid #666; overflow:hidden; margin-right:10px;}
		#pro_list li a:hover { border:1px solid #AAA;}

#con_2 { margin-top:10px;}
	#hr { float:left;}
	#bbs { float:left;}
	#com { float:left; height:265px; background:url(../images/com_bg.jpg) no-repeat;}

#links { width:960px; height:188px; margin:5px auto 0; padding:5px; background:url(../images/links.jpg) no-repeat;}
	#links h2 { color:#005AAA; padding-left:10px; height:28px; line-height:28px;}
	#links ul { list-style:none; padding:6px 0 0 40px;}
	#links li { float:left; margin-right:10px;}
	#links_p { width:920px; overflow:hidden;}
		#links_p a {}
	#links_t {}
		#links_t a { display:block; width:88px; height:24px; line-height:24px; text-align:center; overflow:hidden; }

#footer_bg { height:112px; background:url(../images/footer_bg.jpg) repeat-x; min-width:960px; width:expression((documentElement.clientWidth < 960) ? "960px" : "auto" ); clear:both;  margin-top:12px;}
	#footer { height:92px; background:url(../images/footer.jpg) no-repeat right; overflow:hidden; color:#FFF; padding-top:20px;}
	#footer p { text-align:right; float:right; width:760px; padding-right:200px; width:400px;}
	#footer a { color:#FFF;}
	#footer img { float:left;}
	
/*==================================================================================*/
#bannaMash { height:100px; width:100%; background:#000; position:absolute; left:0; bottom:0;}
#banna { position:relative; overflow:hidden;}
#banna ul{ position:absolute; left:8px; bottom:0; height:100px; list-style:none;}
#banna li{ float:left; margin:12px 10px 0 0;}
#banna li.more_rotation{ width:60px; height:80px;}
#banna li img{ border:solid 1px #333;}
#banna li img.over{ border:solid 1px #CCC;}
/*==================================================================================*/
#show,#people { background:url(../images/com_bg.jpg) no-repeat;}
#bannas { margin-top:10px;}
#com_list {}
	#com_list h2 { border-bottom:1px dashed #CCC; color:#005AAA; padding:0 10px; margin-bottom:3px;}
	#com_list img { margin:5px 10px 0;}
	#com_list p { height:24px;}
	#com_list p a { float:left; display:block; margin:0 14px; text-align:center;}
	#com_list p a:hover { text-decoration:none; color:#000;}
#com_new { height:266px; background:url(../images/com_bg.jpg) no-repeat;}
#com_sup { height:266px;}
	#com_sup h2 { border-bottom:1px dashed #CCC; color:#005AAA;}
	#com_sup img { margin:8px 10px 3px;}
	#com_sup p a { float:left; display:block; width:173px; height:24px; text-align:center; overflow:hidden;}
	#com_sup p a:hover { text-decoration:none; color:#000;}
#buss_new { background:url(../images/com_bg.jpg) no-repeat; height:266px;}
#con_2_l { float:left; width:350px; margin-right:10px;}
	#buss_welc { margin-top:10px;}
#con_2_c { float:left; width:340px; margin-right:10px;}
	#buss_join { margin-top:10px;}
#con_2_r { float:left; width:250px; height:438px; background:url(../images/con_1_b.gif) no-repeat;}
	#buss_chan { margin-top:10px;}
#pro_sub { float:left; width:250px; height:438px; background:url(../images/con_1_b.gif) no-repeat; margin-right:10px;}
#pro_pic { margin-top:20px;}
#pro_pic img { float:left; margin:10px 0 0 10px;}
#pro_tb { float:right; width:700px;}
	#pro_tb td td { padding:4px;}
	#pro_tb table { border:none; padding:10px 0;}
	#pro_tb table table { border-bottom:1px dashed #666;}
	.color_tr { background:#F3F3F3;}
	#pro_tb table a { color:#005AA9;}
#com_sub { float:left; width:250px; height:255px; background:url(../images/com_bg.jpg) no-repeat top; padding-top:10px; margin-right:10px;}
	#com_sub a { display:block; width:250px; height:28px; line-height:28px; background:url(../images/sub_line.jpg) no-repeat center bottom; text-align:center; font-size:14px;}
#com2 { float:left; width:250px; height:500px; background:url(../images/com_bg_l.jpg) no-repeat top; padding-top:10px; margin-right:10px;}
	#com2 a { display:block; width:250px; height:28px; line-height:28px; background:url(../images/sub_line.jpg) no-repeat center bottom; text-align:center; font-size:14px;}
	
.com_about { float:right; width:700px;}
	.com_about h2 { border-bottom:1px dashed #CCC; color:#005AAA; padding:0 10px; margin:10px 0 3px 0;}
	.com_about img { margin-left:15px;}
	.com_about p { text-indent:24px;}
.bbs { float:right; width:700px;}
	.bbs table {}
	.bbs td { padding:10px;}
	.caption {}
		.caption td { border-bottom:1px dashed #999; color:#005AAA; font-weight:bold;}
	.bbs a { color:#005AAA;}
	
	
<!-- by Iamstone-->
.bimg { border:#ccc solid 1px; padding:1px; }	
.o240 { width:240px; overflow:hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis } 
.o340 { width:340px; overflow:hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis } 
.o350 { width:350px; overflow:hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis } 
.o450 { width:450px; overflow:hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis } 

.pro_list  { list-style:none; display:inline;}
.pro_list li { float:left; text-align:center; }
.pro_list img { margin-bottom:3px; }
.pro_list li a { display:block; width:123px; height:118px;overflow:hidden; margin-left:13px; margin-top:10px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; -o-text-overflow: ellipsis}
.pro_list li a:hover {}	

.pl8 { padding-left:8px; }