#center { margin-right: auto;
margin-left: auto; } 
#header {

    width:1002px;
    height:auto;
    margin:0 auto;
text-align:center;
margin-right: auto;
margin-left: auto;

}
#main {
    width:1002px;

    margin:0 auto;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#main #sidebar {
position: relative;
    width:240px;
    float:left;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#main #containe {
position: relative;
width:550px;
float:left;
text-align:left;
margin-right: auto;
margin-left: auto;
background:#ffffff;
padding:10px 0 0 10px ;
margin-top:10px;
}
#footer {

background:#ffffff url(images/bottom_bg.jpg);
width:1002px;
height:40px;
margin:0px 0 0 0;
padding:10px 0px 0px 0px;
text-align:center;
margin-right: auto;
margin-left: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}

#clearfloat {
    clear:both;
    height:1px;
    overflow:hidden;
    margin-top:-1px;
}

/******* structure and layout *******/
body {
text-align: center;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif; 
font-size: 12px; 
color:#000000;
}

.leftcontent {
	position: absolute;
	left:0;
	top:218px;
	width:200px;
	border:none;
	text-align:left;
	margin:0px 0px 0px 15px;

}

.left_news {
position:relative;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 5px 5px 10px;
width:185px;
background:#ffffff;
}


#rightcontent {
position: relative;
	float:right;
	width:180px;
	background:#ffffff;
	/*border:1px solid #7DB26E;*/
}

.right_top {
background:#ffffff url(images/header_bg.jpg);
position:relative;
float:left;
margin:0 0 0 0;
width:105px;

}
.right_news {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
color:#818181;
margin:0 0 0 0;
padding:10px 0px 5px 0px;
width:185px;
background:#ffffff;
}

#banner {
position:relative;
background:#ffffff url(images/header_bg.jpg);
background-repeat:repeat-x;
float:left;
height:203px;
width:814;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
color:#000000;
}
html>body #banner {
height:203px;
}




#page_title {
	position:absolute;
	left:156px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 0;
}

.top_links {
	position:relative;
	background:#ffffff url(images/header_bg.jpg);
	background-repeat:repeat-x;
	top:0;
	padding:26px 0px 0px 0px;
	float:left;
	margin:0 1px 0 1px;
	width: 82px;
	height: 114px;

}


p,h1,pre {
margin:0px 10px 10px 10px;
}

#rightcontent p {
font-size:8pt;
}

/******* left navigation *******/
#nav ul {
font-size:14px;
text-align:center;
margin:0px 0 10px 5px;
padding:0 0 0 0;
background:transparent;
}

#nav li {
list-style-type: none;
 /*  background:#5B6CC6; */
color: #daa520;
border-bottom:1px dotted #555555;
text-align:center;
padding:0 0 0 0;
margin-bottom:6px;
}

#nav li a {
color: #333333;
font-weight:bold;
text-decoration: none;
display: block;
padding:10px 0 10px 5px;
}

#nav li a:hover {
background:#ffffff;
color: #7F9BC5;
}


#nav li a:hover:after {
/* this puts that little blue box after the left navigation links on hover */
background:#ffffff;
color: #7F9BC5;
content: url(images/square.gif)
}

/******* top navigation *******/
#topnav ul{
text-align:center;
padding:0;
margin:0;
white-space: nowrap;
font-size:13px;
color:#000000;
width:100%;
background:transparent;
list-style:none;
}

#topnav ul li{

display:inline;
list-style:none;
line-height:25px;
}

#topnav ul li a{
margin: 0 0 0 20px;
padding: 0;
color: #ffffff;
font-weight:bold;
text-decoration:none;
float:left;

}

#topnav ul li a:hover{
color:#0099FF;
}




/******* fonts and colors *******/
a {
color:#699065;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

#footer a {
color:#B7D7AF;
}

#footer a:hover {
color:#999999;
}

.news_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#7F9BC5;
}

.news_title_grn {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#6C9261;
}


span.squares {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image:url(images/squares.gif);
background-repeat:no-repeat;
}

span.squares span {display:none;}


blockquote {
padding:10px 10px 15px 10px;
background:#E5ECF7;
border-left:2px solid #C7D9F5;
font-style:italic;
color:#6B84A8;
letter-spacing:.1em;
}

h1 {
font-size:14px;
padding-top:10px;
}

#banner h1 {
font-size:14px;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background: url(images/square_list.gif) no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background: url(images/square_list2.gif) no-repeat;
background-position: 0 .3em;
}


/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* left side
   --------- */

.left_box {
	float: left;
	padding:3px;
	margin: 5px;
	border:solid 1px #CCCCCC;
}
.left_box img {
height:192px;
width:256px;

	}

#allcontaine {
position: relative;
width:720px;
float:left;
text-align:left;
margin-right: auto;
margin-left: auto;
background:#ffffff;
padding:10px 0 0 10px ;
margin-top:10px;
}

.product_wai {
position: relative;
width:720px;
float:left;
text-align:left;
margin-right: auto;
margin-left: auto;
background:#ffffff;
	padding:3px 0px 3px 0px;
	margin: 4px;
	border:solid 1px #CCCCCC;
}
.product_al {
position: relative;
width:720px;
float:left;
text-align:left;
margin-right: auto;
margin-left: auto;
background:#ffffff;
	padding:3px 0px 3px 0px;
	margin: 4px;
	border:solid 1px #CCCCCC;
}
.product_al tr{
text-align:right;

}
.product_al table{
width:100%;
}


.product_wai p{
font-size:14px;
padding-top:15px;
line-height:1.5;
}
	.product {
	
padding:3px 0px 3px 20px;
}
.product_wai table{
width:100%;
}


.product_news {
	width:200px;
	color: #000;
	padding: 2px 0 10px 20px;
	font: 16px   Arial, Tahoma,  Sans-Serif;
	margin: 5px 0 5px 0;
}
.photo{
	float: left;
	padding:3px;
	margin: 5px;
	border:solid 1px #CCCCCC;
}
.photo img {
width:160px;
height:116px;

}
	
	.product_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 2px;	
		margin: 0 0 3px 0;
	}
	
.al {
font-size:16px;
}
.al strong{
color:#0000ff;
}
.colorchen{
color:#ff6600;
}

.xiaobiaoti{
background-color:#666699;
font-size:140%;
}

.title {
height:38px;
border-bottom:1px #000000 solid;
line-height:38px;
font-size:14px;
margin:2px 0 8px 0;
padding:0 0 0 20px
}
.product_class {
margin:6px 0 2px 0;
float:left;
clear:both;

}

.product_one {
width:340px;
height:160px;
overflow:hidden;
float:left;
margin:0 6px 20px 6px;
}
.product_left {
width:150px;
float:left
}
.product_smallimg img{
text-align:center;

}
.product_smallimg img{
width:150px;
height:135px;


}
.product_right {
width:auto;
}
.Detail {
float:right;
clear:both;
padding:5px 62px 0 0;
}
.product_name {
color:#0033CC;
text-align:center;
margin:8px 0 0 0 ;
}
.product_name a{
color:#0033CC;}

.xialei {
text-align:right;
padding:0 0 0 0px;
}
.xialei dl{
width:188px;
text-align:left;
}
.xialei dl dd{

}
.span1{
margin:0 ;
padding:0;
color: #7F9BC5;
}
.cc a {
color:red;
}
.cc a:hover {
color:#0099FF;
}