body { margin:0; font-size:12px; font-family:Arial;}
	
	#container{ width:100%;background:url(images/topbg.png) repeat-x top; }

#header {
	 margin:0 auto;
	width:960px;
	height:87px;
	
}

#logo {
	float:left;
	width:200px;
	height:87px;
	margin-top:0px;
	margin-left:20px;
}
#nav {
	margin:0px 0px 0px 0px;
	list-style:none;
	padding:0;
}
#nav li {
	float:right;
	width: 120px;
	height: 87px;
}
#nav li a {
	display:block;
	width:120px;
	height:87px;
}

/*----------网站头A-----------*/

#home, #home a {
	background:url(images/index.png);
}
#home a:hover {
	background:url(images/index_1.png);
}
#newsnav, #newsnav a {
	background:url(images/news.png);
}
#newsnav a:hover {
	background:url(images/news_1.png);
}
#products, #products a {
	background:url(images/product.png);
}
#products a:hover {
	background:url(images/product_1.png);
}
#guestbook, #guestbook a {
	background:url(images/guestbook.png);
}
#guestbook a:hover {
	background:url(images/guestbook_1.png);
}
#contact, #contact a {
	background:url(images/contact.png);
}
#contact a:hover {
	background:url(images/contact_1.png);
}
#jobs, #jobs a {
	background:url(images/jobs.png);
}
#jobs a:hover {
	background:url(images/jobs_1.png);
}

#banner {
	margin:0 auto;
	padding-top:3px;
	padding-bottom:3px;
	width:960px;
	height:206px;
}

#pagecontent{
	margin:0 auto;
	padding-top:3px;
	width:960px;
	height:322px;
}



#prolist{
	margin:0 auto;
	padding-top:3px;
	width:960px;
	height:426px;

	
}
#footer{
	margin:0 auto;
	padding-top:3px;
	width:960px;
	height:20px;
  border-top:3px solid #545461;
	
}


#footer span{
	float:right;
}
#bar{
	width:100%;

	background:url(news_list.png) no-repeat;
}
ul{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ color:#666; text-decoration:none;}

img{ border:0;}
/*-----中间-----*/
#middle{ float:left; width:670px; height:322px;}
#news{ width:650px; height:197px; padding:0 0 0 0px;}
#news h1{ width:627px; height:23px; padding:8px 0 0 3px; background:url(images/hbg.gif) repeat-x bottom;}
#news h1 img{ float:left;}
#news h1 span{ float:right; display:block; width:34px; margin-top:11px;}
#news ul{ padding:18px 0 0 0; width:630px;}
#news ul li{ margin-bottom:10px;}
#news ul li a:hover{ text-decoration:underline;}
#news ul li span{ float:right;}
#profile{ width:650px; height:174px; padding:0 0 0 0px;}
#profile h1{ width:627px; height:23px; padding:8px 0 0 3px; background:url(images/hbg.gif) repeat-x bottom;}
#profile h1 img{ float:left;}
#profile h1 span{ float:right; display:block; width:34px; margin-top:11px;}
#profile p{ width:630px; display:block; padding:10px 0 0 0; text-indent: 24px; line-height:20px;}
/*-----右侧-----*/
#sideright{ float:left; width:285px; height:322px;}
#sideright h1{ width:285px; height:23px; padding:8px 0 0 3px; background:url(images/hbg.gif) repeat-x bottom;}
#sideright h1 span{ float:right; display:block; width:34px; margin-top:11px;}
#sideright ul{ padding:18px 0 0 0; width:290px;}
.first{ margin-bottom:5px;height:45px;}
#sideright ul li{ margin-bottom:5px;height:20px;}
#sideright ul li span { padding:10px;height:25px;font-size:20px;}

#prolist h1{ width:957px; height:23px; padding:10px 0 0 3px; background:url(images/hbg.gif) repeat-x bottom;}
#prolist h1 img{ float:left;}
#prolist h1 span{ float:right; display:block; width:34px; margin-top:11px;}
#prolist ul{ padding:15px 0 0 30px;}
#prolist ul li{ float:left; width:130px;padding:10px;}
#prolist ul li img{ float:left; width:115px; height:115px;}
#prolist ul li span{ display:block;width:115px; height:15px;text-align:center;}
#prolist ul li .in a{ color:#339900;}
#prolist ul li .in a:hover{ text-decoration:underline;}



/*-----内容也样式-----*/
#cpagebody{ width:960px; margin:0 auto; overflow:hidden;}
#csideleft{ width:210px; float:left; background:url(images/nav_01.jpg) no-repeat left top  ;}
#csideleft ul{width:210px;padding-top:60px;}
#csideleft ul li {padding:6px 0 3px 50px;width:210px;background:url(images/nav_04.jpg) no-repeat left top  ;}
#csideleft ul li a{ text-decoration:none;}
#csideleft ul li a:hover{ text-decoration:underline;}
#csideleft .end { float:left;width:210px; height:60px;background:url(images/nav_06.jpg) no-repeat left top; }
#csideright{ width:750px; float:left;}
#location{ width:713px; height:29px; margin:0 0 0 10px; padding:30px 0 0 15px; border-bottom:1px dashed #CCCCCC;}
#location a{ text-decoration:none;}
#location a:hover{ text-decoration:underline;}
#main{ width:730px; padding:15px 0 0 15px;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}


#produect_right_content {width:315px;height:300px;float:left;}
#produect_right_content .left {width:100px;height:25px;float:left;}
#produect_right_content .right {width:215px;height:25px;float:left;}
#produect_right_content .left_summary {width:100px;height:60px;float:left;}
#produect_right_content .right_summary {width:215px;height:60px;float:left;}
#product_left_image {width:400px;height:300px;float:left;}
#product_view_content{width:100%;float:left;}