@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background:#bec3c6 url(../images/main_bg.jpg) top left repeat-x;
	font-family:Verdana, Geneva, sans-serif, Arial, Tahoma,"宋体";
	color:#666;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
td,th{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif, Arial, Tahoma,"宋体";
	line-height:180%;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

a:link,a:visited{
	color:#666;
	text-decoration:none;
}
a:hover	{
	color:#FF6600;
	text-decoration:underline;
}
	
}

.special_color_1{ color:#F00;}
.special_font_1{ color:#ff6600; font-size:14px; font-weight:bold;}
/*------------------------------------------------main--------------------*/
/*------------------------------------------------top--------------------*/

.top_nav_bg{
	background:url(../images/top_nav_bg.gif) left bottom no-repeat;
}

.index_main_bg{
	background:url(../images/index_main_bg.gif) left center no-repeat;
}
.index_about{
	width:450px;
	height:125px;
	overflow:hidden;
}

.product_main_bg{
	background:url(../images/main_top_bg.gif) left top repeat-x;
	
}
.product_list_border{
	border-right:1px solid #b6b6b6;
	background:#e9e9e9;
}

a.link1,a.link1:visited{
	color:#FFF;
	text-decoration:none;
}
a.link1:hover{
	color:#FFF;
	text-decoration:none;
}
/*--------------top_nav----------*/
#nav{
	margin:	 10px 0 0;
	padding:0;
	float:right;
	height:27px;
}
#nav ul{
	width:426px;
	height:27px;
	background:url(../images/nav.gif) left top no-repeat;
}

#nav ul li{
	float:left;
}

#nav ul li a.nav_home{
	width:29px;
	height:27px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}

#nav ul li a.nav_home:hover{
	background:url(../images/nav.gif) left bottom;
}


#nav ul li a.nav_about{
	width:100px;
	height:27px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}

#nav ul li a.nav_about:hover{
	background:url(../images/nav.gif) -29px bottom;
}

#nav ul li a.nav_product{
	width:99px;
	height:27px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}

#nav ul li a.nav_product:hover{
	background:url(../images/nav.gif) -129px bottom;
}

#nav ul li a.nav_feedback{
	width:99px;
	height:27px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}

#nav ul li a.nav_feedback:hover{
	background:url(../images/nav.gif) -228px bottom;
}

#nav ul li a.nav_contact{
	width:99px;
	height:27px;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}

#nav ul li a.nav_contact:hover{
	background:url(../images/nav.gif) -327px bottom;
}


/*--------------top_search----------*/

.top_search{
	width:285px;
	margin-top:20px;
	margin-right:20px;
}
.input_box{
	width:128px;
	left:17px;
	padding-left:5px;
	color:#999;
}
.input_submit{
	width:38px;
	height:20px;
	background:url(../images/search_go.gif) left center no-repeat;
	border:none;
}
/*---------------NewProducts-------------*/

#newProduct_area{
	
}
#newProduct_area ul{
	margin:18px 0 0 0;
	width:450px;
}

#newProduct_area ul li{
	float:left;
	width:33%;
	text-align:center;
	line-height:32px;
}


/*--------------Product_list----------*/

ul.BigClass{ margin:0; padding:0; width:226px;}
ul.BigClass li{ background:url(../images/BigClass_bg_over.gif) left center no-repeat; width:226px; height:29px; 
                border-bottom:1px solid #cbcbcb; line-height:29px; text-indent:50px; display:block; }	
ul.BigClass li a{  width:226px; height:29px; display:block; text-decoration:none; color:#4c4c4c; font-weight:bold; }
ul.BigClass li a:hover{ color:#F00; background:url(../images/BigClass_bg.gif) left center no-repeat;}

/*-----------Product_content----------*/

.ShowClassGuide{ width:70%; float:left; text-indent:10px; color:#FFF; font-weight:bold;}
.ShowClassGuide a{ color:#FFF; text-decoration:none;}
.ShowClassGuide a:hover{ color:#FFF;}

.ShowProductTotal{ width:29%; float:right; text-align:right; color:#FFF; font-weight:bold; }

ul.Product_content_list{ margin:20px 0; width:660px; }
ul.Product_content_list li{ width:164px; height:200px; float:left; overflow:hidden; background:url(../images/Product_content_bg.gif) center top no-repeat;}

.product_div{ line-height:50px;}

ul.Product_content_list li img.product_pic{ margin:6px 0 0 0; }

.Change_color{ width:120px; height:35px; line-height:35px;}
.Change_color img.magnifier{ float:left;}
.Change_color a.color1{ width:30px; height:30px; display:block; border:1px solid #a3a3a3; float:left; margin:0 10px;}
.Change_color a.color1:hover{ border:2px solid #FF6600; background:url(../images/color_change_bg.gif) right bottom no-repeat;}
.Change_color a.color2{ width:30px; height:30px; display:block; border:1px solid #a3a3a3; float:left;}
.Change_color a.color2:hover{ border:2px solid #FF6600; background:url(../images/color_change_bg.gif) right bottom no-repeat;}

.description_bg{ background:url(../images/bar-prodetail.jpg) left center no-repeat; text-indent:35px; color:#ff6600; font-weight:bold;}

/*------------------------------------------------footer--------------------*/
.footer_bg{
	background:url(../images/footer_bg.gif) left center no-repeat;
}

#footer_content{ width:800px; margin:0 0 0 20px; }
