@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
a{color:#000;}
a:hover{ text-decoration:none;}
img{border:0;}
.warning{ color:red;}

body{
	font-size:12px;
	background:url(topbg.gif) repeat-x;
	color:#333;
	margin:0 auto;
	line-height:18px;
	width:960px;
	position:relative;
	}

/*************key1************/
#key1 h1{
	font-size:18px;
	font-weight:bold;
	color:#3d3d3d;
	position:absolute;
	top:27px;
	left:171px;
}
#key1 p{
	font-size:13px;
	color:#4e4e4e;
	position:absolute;
	top:62px;
	left:171px;
}
/**********head***************/
#head{
	height:102px;
}
#logo{
	background:url(logo.gif) no-repeat;
	width:101px;
	height:67px;
	position:absolute;
	top:17px;
	left:34px;
}
#we{ width:340px; height:30px; line-height:30px; position:absolute;top:56px; right:10px; font-size:14px; text-align:right; font-weight:bold; color:#8c8c8c;}

/*************menu**********/
#menu{
	width:960px;
	height:39px;
	overflow:hidden;
}
#menu .menu_l{width:5px; height:39px; background:url(menu_l.gif) no-repeat; float:left;}
#menu .menu_r{width:5px; height:39px; background:url(menu_r.gif) no-repeat; float:left;}
#menu ul{
	float:left;
	background:url(menu_m.gif) repeat-x;
	height:39px;
	width:950px;
}
#menu ul li{
	list-style:none;
	float:left;
	background:url(sep.gif) no-repeat right center;
}
#menu ul li .edge{
	background:none; color:#000000;
}
#menu ul li a{
	color:#fcfbfb;
	font-size:16px;
	font-weight:bold;
	height:39px;
	line-height:39px;
	display:inline-block;
	padding:0 30px;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#000;
}

#banner{
	background:url(banner.jpg) no-repeat;
	width:958px;
	height:271px;
	border:#bebdbd 1px solid;
	border-top:none;
	clear:both;
}

/************main***********/
#main{
	margin:12px 0 0 0;
	width:960px;
	overflow:hidden;
}
/*****side***/
#side{
	float:left;
}
.sidetop{
	background:url(sidetop.gif) no-repeat;
	width:249px;
	height:19px;
}
.stfont{
		padding:12px 0 8px 0;
		text-align:center;
}
.stfont a{
	color:#0c0c0c;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.stfont a:hover{
	color:#bd0101;
}
/***sidelist**/
#list{
	background:url(listbg.gif) repeat-y;
	width:249px;
	padding:8px 0 10px 0;
	word-wrap:break-word;
	}
#list li{
	list-style:none;	
	_display:inline;
}
#list li a{
	color:#000;
	text-decoration:none;
	display:block;
	  padding:0 10px 0 0;
}
#list .mid1{
	margin:0 0 0 35px;
}
#list li h2{
	display:block;
	font-size:13px;
	padding:5px 0 9px 41px;	
	background:url(listico.gif) no-repeat 11px 6px;
}
#list .bg1{background:url(listhover1.gif) bottom repeat-x #f2f2f2;}
#list li a b{
	font-weight:normal;	
	display:block;
	font-size:13px;
	padding:5px 0 9px 41px;	
}

#list li a:hover{
	background:url(listhover1.gif) bottom repeat-x #f2f2f2;
}
#list li a:hover b{
	font-weight:bold;
	background:url(listico.gif) no-repeat 11px 6px;
}
/***info***/
.info{
	width:209px;
	background:url(infobg.gif) repeat-y;
	padding:0 20px;
	color:#000;
	line-height:20px;
	font-size:13px;
	overflow:hidden;
}
.infotop{
	background:url(info_line.gif) bottom repeat-x ;
	padding:35px 0 8px 0;

}
.info .blod_size{
	padding:5px; margin:5px 0 0 0;
	
}
.info .blod_size span{ font-weight:bold;}
.info .now{
	float:right;
	text-align:right;
	font-size:12px;
	padding:10px 0;
	clear:both;
}

/********content*****/
.desp2{ margin:10px 0 0 0; } 
#content{
	float:right;
	width:691px;
}
#content .focus {
	background:white;
	border:1px solid #CCCCCC;
}

#content .blur {
	background:#f7f7f7;
	border-bottom:#FFFFFF 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#FFFFFF 1px solid;
	border-top:#CCCCCC 1px solid;
}
/***search***/
#search{
	float:right;
	overflow:hidden;
	background:url(search_m.gif) repeat-x bottom;
	height:32px;
	padding:16px 0 0 0;
}
#search .sleft{
	float:left;
	background:url(search_l.gif) no-repeat;
	width:50px;
	height:32px;
	color:#4e5256;
	font-size:14px;
	font-weight:bold;
	line-height:32px;
	padding:0 0 0 18px;
}
#search .sright{
	float:left;
	background:url(search_r.gif) no-repeat right;
	width:2px;
	height:32px;
	padding:0 0 0 10px;
}
#search .text_l{
	height:27px;
	width:2px;
	background:url(text_l.gif) no-repeat bottom right;
	float:left;
	padding:0 0 0 8px;
}
#scenter{
	border:0;
	float:left;
	width:155px;
	background:url(text_m.gif) repeat-x bottom;
	height:18px;
  margin:6px 0 0 0;
	font-size:12px;
	color:#c6c4c4;
	padding:3px 0 0 5px;
}
#search .text_r{
	height:27px;
	width:2px;
	background:url(text_r.gif) no-repeat bottom left;
	float:left;
	padding:0 15px 0 0;
}
#search .button{
	float:left;
	border:0;
	background:url(searchbutton.gif) no-repeat;
	width:49px;
	height:28px;
	margin:4px 0 0 0px;
	cursor:pointer;
}
	
.position{
	clear:both;
	width:691px;
	background:url(position_m.gif) repeat-x bottom;
	height:37px;
	padding:17px 0 0 0;
}

.position_l{
	background:url(position_l.gif) no-repeat;
	width:5px;
	height:37px;
	float:left;
}
.position_r{
	background:url(position_r.gif) no-repeat;
	width:4px;
	height:37px;
	float:right;
}
.inl, .inr{
	width:5px;
	height:32px;
	margin:5px 0 0 0;
	float:left;
	}
.inm{
	height:32px;
	margin:5px 0 0 0;
	float:left;
	padding:0 15px;
	line-height:32px;
	font-weight:bold;
}
.inm h2{ font-size:12px; display:inline;}
.onel{background:url(inposition_l.gif) no-repeat;}
.onem{background:url(inposition_m.gif) repeat-x; color:#656565; font-size:12px;}
.oner{background:url(inposition_r.gif) no-repeat;}
.desp{
	clear:both;
	padding:10px 8px 9px;
}
.desp h2,
.desp h3,
.desp b,
.desp strong
{
	display:inline; font-size:12px;
}
.twol{background:url(inproduct_l.gif) no-repeat;}
.twom{background:url(inproduct_m.gif) repeat-x; color:#fff; font-size:16px;}
.twom h2{ font-size:16px}
.twom a,
.twom a:hover{ color:#FFFFFF;}
.twor{background:url(inproduct_r.gif) no-repeat;}
.pad{padding:10px 0 0 0;}

/***products****/
#products{
	clear:both;
	padding:15px 0 20px 3px;
	overflow:hidden;
	zoom:1;
}
#products h2{ display:inline; font-size:12px; font-weight:normal;}

#products li{
	width:160px;
	float:left;
	padding:6px;
	list-style:none;
	line-height:22px;
	height:200px;
	line-height:16px;
}
#products li a.frame img{
	border:#e6e6e6 1px solid;
	background:url(product.jpg) no-repeat;
	width:131px;
	height:131px;
	margin:0 0 5px 0;
}
#products li a.frame:hover img{
	border:red 1px solid;
}
#products .nfont{
	color:red;
}
#products li span, #products li b, #products li i{ font-weight:normal; font-style:normal;}
#products a{
	text-decoration:none;
}
#products a:hover{
	text-decoration:underline;
	color:#000000;
}
.line{
	clear:both;
	border-top:#b3b3b3 1px solid;
	margin:10px 0 0 0;
}
#products li.pic1 img{ display:block;}
/**************mod2**************/
#products li.pic2 {
	float:left;
	width:300px;
	display:inline;
	overflow:hidden;
	height:131px;
	padding:5px 5px 5px 6px;
	margin:10px 5px 5px 20px;
	
}
#products .pic2 img {float:left;	display:inline;}

#products .pic2 .picinfo {
	float:left;
	width:150px;
	display:inline;
	margin:10px 0 0 8px;

}

#products .pic2 .detail {
	height:80px;
}

/**************mod3**************/
#products li.pic3 {
	height:145px;
	width:630px;
	overflow:hidden;
	padding:10px 5px 0 8px;
	margin:4px 0 7px 15px;
	font-size:14px;
	list-style:none;
}

#products .pic3 img {
	float:left;
}

#products .pic3 .picinfo {
	float:left;
	width:480px;
	display:inline;
	margin:0 0 0 8px;
}

#products .pic3 .detaildesp {
	height:77px;
	overflow:hidden;
	font-size:12px;
}

#products .pic3 a.more {
	float:right;
	display:inline;
	margin:0 10px 0 0;
}

#products .gbg {
	background:#EFEFEF;
}

#prolist .productlist{
	clear:both;
	font-size:13px;
	font-weight:bold;
	margin:5px 10px 3px 0px;
	padding:2px 0 3px 14px;
	background:#e2e3e4;
	border:1px solid #d3d4d5;
}
#prolist a{ color:#000000; line-height:18px;}
#prolist b{color:red;}
#prolist li{ list-style:none; padding:0 0 0 10px; line-height:20px;}

#products .bigname {
  clear:both;
	overflow:hidden;
	font-weight:bold;
	display:block;
	background:#e2e3e4;
	border:1px solid #d3d4d5;
	margin:4px 6px 0 0px;
	font-size:14px;
	padding:3px 0 3px 15px;
}

#products .bigname a {
	color:black;
}
#products .bigname a:hover {
	color:red;
}
/******links*******/
.links{ line-height:22px;}
.links li{ list-style:none; padding:0 0 0 10px;}
.links a:hover{ color:red;}
/******links*******/
#links{
	clear:both;
	margin:15px 0 0 0;
	width:960px;
}
.r1, .r2, .r3{
	height:1px;
	border-left:#c4c3c3 1px solid;
	border-right:#c4c3c3 1px solid;
	overflow:hidden;
	
}
.r1{margin:0 3px; background:#c4c3c3;} 
.r2{margin:0 2px;}
.r3{margin:0 1px; height:2px;}

	
.sideborder{
	border-left:#c4c3c3 1px solid;
	border-right:#c4c3c3 1px solid;
}
#links ul{
	text-align:center;
}
#links ul li{
	list-style:none;
	display:inline;
	height:38px;
	line-height:38px;
	color:#000;
	padding:0 10px 0 0;
}
#links ul li a{
	color:#000;
	text-decoration:none;
	padding:0 10px 0 0;
	font-size:12px;
}
#links ul li a:hover{
	text-decoration:underline;
	font-weight:bold;
	color:#FF0000
}
#links ul li .ved{ color:red; font-weight:bold;}

/*****foot******/
#foot{
	background:url(footbg.gif) repeat-x top #f4f4f4;
	text-align:center;
	line-height:20px;
	color:#444444;
	padding:13px 0;
	font-size:12px;
}
#foot a{
	color:#b20101;
	text-decoration:underline
}
#foot a:hover{
	color:#444444;
	text-decoration:none;
}
#foot .keywordlist{
	margin:0 auto;
	width:100%;
	padding:0 0 5px 0;
	border-bottom:1px solid #CCCCCC;
}

#foot .keywordlist a {
	color:#333333;	
	font-size:11px;
	line-height:16px;
	padding:0 2px;
}
#foot .keywordlist a:hover,
#foot .keywordlist a.ved:hover {
	color:#ff0000; 
	text-decoration:none;
}
/**************flipmenu**************/
#flipmenu {
	display:none;
	z-index:99;
	list-style:none;
	position:absolute;
}

#flipmenu a.bigl {
	width:175px;
	color:#ffffff;
	display:block;
	font-size:11px;
	background:#de0303;
	text-decoration:none;
	padding:6px 2px 6px 10px;
	border-top:1px solid #feaaaa;
}

#flipmenu a.midl {
	width:165px;
	color:#ffffff;
	display:block;
	font-size:11px;
	background:#ef563d;
	text-decoration:none;
	padding:4px 2px 4px 20px;
}
#flipmenu a:hover {
	color:#000000;
	font-weight:bold;
	background:#fed9b5;
}
#flipmenu li a:hover {
	color:#000000;
	font-weight:bold;
}

#content .sitemap ul {margin:0 0 0 16px;}
#content .sitemap li {margin:2px 0 3px 18px; line-height:18px;}
#content .sitemap li a{ color:#333333; text-decoration:underline;}
#content .sitemap li a:hover{ color:#FF0000; text-decoration:none;}	
/********INTRODUCTION********/
.about{ width:670px; padding:10px;}
.about p{ margin:10px 0 0 0; line-height:20px; font-size:12px;}
.about_tit{ width:670px; height:25px; line-height:25px; margin:10px 0 0 0; font-size:16px; color:#6e6e6e; font-weight:bold; clear:both;}
.about img{ width:155px; height:115px;}
.about a{width:155px;height:165px;  margin:15px 12px 0 0; float:left; display:inline; line-height:24px; text-align:center; font-size:14px; text-decoration:none;}
/******bottom_links******/