@charset "gb2312";
* {
	margin:0px;
	padding:0px;
	border:0px;
}
body { 
	font-family:"??им?",Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 12px;
	line-height: 1.6em; 
}
.maindiv{
	background: #fff;
	position:absolute;
	left:50%;
	width:928px;
	margin-left:-464px;
}
.img {
	padding: 0 8px 8px 0;
	float: left;
}
.img2 {
	padding: 0 0 3px 3px;
	float: right;
}
a{
	color: #000; text-decoration:none;
}

/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#top {
	position:absolute;
	top:0px;
	left:0px;
	width: 928px;
	height:105px;
	color:#666;
	background: url(../images/logo.gif) no-repeat left top;
}
#rightheader{ 
	position:absolute;
	top:0px;
	right:0px;
	width: 500px;
	height:75px;
	padding:8px 0px 15px 0px;;
	text-align:right;
	background: #fff;
}
#rightheader span{
	color:#0066CC;
}
#rightheader #f_search{
    margin-top:2px;
	width: 283px;
	background: url(../images/sign.gif) no-repeat left;	
}
input.search { width:185px; height: 18px; border:1px solid #ccc; background: #FFF; padding:4px 5px 0px 5px; color: #666; font-size:90%; size:50;
}
input.submit { width: 16px; height: 16px; background: url(../images/select.gif) no-repeat}
#f_search img{
	width: 16px; height: 16px; margin-left:-22px; cursor:hand;
}
#rightheader a {
	color: #666; text-decoration:underline;
}
#regdiv{
	margin-top:4px;
	margin-right:25px;
}
a .blue{
	color:#0066CC; text-decoration:underline;
}
#regdiv a .orange{
	color:#F2B600; text-decoration:underline;
}
#helpdiv{
	width:18px;
	height:18px;
	position:absolute;
	top:79px;
	right:0px;
	cursor:hand;
}
a .help{
	display: block;
	width:18px;
	height:18px;
    text-decoration:none;
}

/* MENU 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
.menudiv { 
	position:absolute;
	top:105px;
	left:0px;
	background:#9F9F9F; 
	width: 928px;
	height: 28px; 
	color: #FFF; 
}
#menu{
	width: 847px;
	height: 28px;
	margin:0 auto;
	line-height: 28px;  
	list-style-type: none;
	border:1px solid #fff;
	border-width: 0px 1px;
	background:#9F9F9F; 
}
#menu li {
 float: left; width: 105px;text-align:center; background:#9F9F9F; border:1px solid #fff; border-width: 0px 1px 0px 0px;
}
#menu li a {
 display: block; width: 105px; color:#fff; text-decoration:none;font-weight:bold; font-size: 14px;
}
#menu li a:hover{
 color:#426D7E; background:#D6F2FE;text-decoration:none;
}
	#menu li.b0 { border:0px;}
	#menu li a.c1 { color:#426D7E; background:#D6F2FE;}
	#menu li a.c1:hover { color:#426D7E; background:#D6F2FE;}
	#menu li a.c2:hover { color:#85BA29; background:#DDFD90;}
	#menu li a.c3:hover { color:#E99E0D; background:#FFFEA1;}
	#menu li a.c4:hover { color:#D94C9E; background:#FBE3F9;}
	#menu li a.c5:hover { color:#A946DB; background:#E5CBF5;}
	#menu li a.c6:hover { color:#CCFFFF; background:#6F99C1;}

/* BANNER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
#banner { 
	position:absolute;
	top:133px;
	left:0px;
	width: 928px;
	height: 359px; 
	background: url(../images/banner.jpg) no-repeat left top;
}

/* NEWS
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#newsdiv { 
	position:absolute;
	top:515px;
	left:0px; 
	width: 928px;
	height: 277px;	
}
.NewsBox {
	border: 1px solid #ccc;
	margin-right:11px;
	float: left;
	height: 275px;
	width: 300px;
}
.NewsBox h3 {
	float: left;
	height: 35px;
	width: 280px;
	color: #000;
	font-size:8pt;
	font-weight:bold;
	padding-left:20px;
	padding-top:8px;
	background: url(../images/titleline.gif) repeat-x left top;
}
.more{
	margin-left:174px;
}
.NewsBox p {
	line-height: 1.5em;
	margin: 3px 10px 13px 10px;
	width: 280px;
}
.c{
	line-height: 1.2em;
	margin:10px 0px;
	text-align:center;
	font-size:90%;
}
.text_o{
	font-family:Arial;text-decoration: line-through;
}
.green{
	color:#669933;
}
.green2{
	color:#669933; font-weight:bold;font-size:14px; font-family:Arial; text-decoration: blink;
}
.NewsBox p a {
	color:#000;font-size: 12px;text-decoration:none;background: url(../images/arrow.gif) no-repeat; padding-left:9px;
}
.NewsBox p a:hover{
	color:#F2B600; text-decoration:none;
}
.arrow{
	margin-right:5px;
}
.blue{
	color:#0066CC;
}


/* 
----------------------------------------------------------------------------
#news li {
    float: left; 
	width: 300px; 
	border:1px solid #ccc; border-width: 1px;
	background: url(../images/titleline.gif) repeat-x left top;
	margin-right:11px;
}
#news li a {
 color:#000;font-size: 12px;padding-left:20px; padding-top:5px; font-weight:bold; text-decoration:none; 
}
#news li a:hover{
 color:#F2B600; text-decoration:none;
}
	#news li.N3 { margin:0px;}

#news li ul {
 line-height: 18px; list-style-type: none;text-align:left; width: 290px; margin-top:5px; margin-bottom:10px; margin-left:0; margin-right:0;
}
#news li ul li{
 float: left; width: 290px; background: #000; border:0px;
}
#news li ul a{
 text-align:left;color:#333; font-weight:normal;text-decoration:none;
}
#news li ul a:hover  {
 color:#F2B600;text-decoration:none;
}
--------------------------------------------------------------------*/


/* Products
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#Productsdiv { 
	position:absolute;
	top:810px;
	left:0px; 
	width: 928px;
	height: 520px;	
	background: url(../images/cpbg.gif) repeat-x left top;
}
#Productsdiv h2 {
	height: 26px;
	width: 92px;
	font-size:8pt;
	font-weight:bold;
	padding-left:8px;
	padding-top:5px;
	text-align:center;	
}
.icon {
	position:absolute;
	top:8px;
	left:13px; 
	width: 8px;
	height: 11px;
	background: url(../images/icon.gif) no-repeat;
}
#prolist{
	position:absolute;
	top:26px;
	left:0px; 
	width: 926px;
	height: 800px;
	border:1px solid #ccc;
	border-width: 1px;	overflow:hidden;
}
#products{
	position:absolute;
	top:0px;
	left:0px; 
	width: 885px;
	height: 800px;
	padding:15px 20px 34px 23px;
	font-family:"??им?";
	font-size:11px;

}
.probox{
	float: left;  width: 176px; 	height: 240px; 	padding-top:5px; padding-left:5px; background:url(../images/pro.jpg) no-repeat top left;
}

.prodetails{
	margin-top:10px;
	margin-left:50px;
	width:90px;
	height:25px;
}
#more{
	position:absolute;
	bottom:8px;
	right:20px;
    color:#636363;
	font-size:11px;
}
#more a{
	color:#0DA4D6;
}
#more a:hover{
	color:#F2B600; 
}


/* otherdiv
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#otherdiv { 
	position:absolute;
	top:1630px;
	left:0px; 
	width: 926px;
	height: 158px;	
	border:1px solid #ccc;
	border-width: 1px;
}
.itemBox {
	float: left;
	height: 158px;
	width: 231px;
}
.itemBox p {
	line-height: 1.6em;
	padding:12px 0px 12px 30px;
	width: 201px;
}
.itemBox a {
	color:#000;font-size: 12px;text-decoration:none;background: url(../images/arrow.gif) no-repeat; padding-left:9px;
}
.itemBox a:hover{
	color:#F2B600; text-decoration:none;
}



/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#line { 
	position:absolute;
	top:1630px;
	left:0px; 
	width: 928px;
	height: 5px;	
    background:url(../images/line.gif) no-repeat left top;
}
#footer { 
	position:absolute;
	top:1790px;
	left:0px; 
	width: 928px;
	height: 135px;	
	background: url(../images/footerbg.gif) repeat-x left top;
}
#flogo{
	position:absolute;
	top:42px;
	left:109px; 
	width: 162px;
	height: 61px;	
	background: url(../images/flogo.gif) no-repeat;
}
#sline{
	position:absolute;
	top:20px;
	left:340px; 
	width: 8px;
	height: 98px;	
	background: url(../images/sline.gif) no-repeat;
}
#copyright{
	position:absolute;
	top:40px;
	left:350px; 
	width: 400px;
	height: 70px;
	text-align:center;
	color:#676767;
	line-height:1.3em;	
}
.red{
	color:#FF0000; font-weight:bold;
}
#back{
	position:absolute;
	top:50px;
	right:35px;
	padding-left:15px;
	line-height:1.8em;		
	background: url(../images/uparrow.gif) no-repeat left;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/