@charset "utf-8";
/*default css*/
h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em{ padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, h7 { font-size:14px; font-weight:bold; }
img{ border:0; }
ul, ol { list-style:none; }
a { color:#000; text-decoration:none; }
a:hover { color:#005a84; text-decoration:underline; }
body { font:12px Arial, "宋体", Verdana, sans-serif; background-image:url(images/background.gif);}
em { font-style: normal; }

/*all style*/
#head #hd, #head #topnav, #foot #ft, #content { width:940px; margin:0 auto; }
.fl, .float_left{ float:left; }
.fr, .float_right{ float:right; }
.clear, .float_clear{display: block;}
.hidden { display:none; }
th,td{ padding:4px; }

/*head*/
#head { margin-top:10px;}
	#head div#hd { position:relative; background-image:url(images/index.gif); height:150px; }
		  div#hd div.logo { margin:12px 10px 0px 14px; }
		  div#hd div.userstatus { position:absolute; top:20px; right:20px;}
		  		 div.userstatus ul li { float:left; padding:8px;}
			div#hd div.menu { float:right; padding-right:20px; color:#666 }
			div#hd div.menu a { color:#666; font-weight:900; text-decoration:none; }
			
		  div#hd div.search { position:absolute; top:100px; left:150px;}
		  		 div.search  { float:left; padding:8px;}
				 div.search input.keywords { padding:1px 2px; color:#999; width:100px; height:16px; font-size:12px; margin:0; border:1px solid #ccc;}
				 div.search input.submit { padding:0; margin:0; border:1px solid #fff; width:18px; height:20px; cursor:pointer; background-image:url(images/search.gif); text-indent:-200px;}
				 
/*foot*/
#foot { clear:both; color:#666; }
	#foot div#ft { height:50px; padding:10px 0 0 0; margin-bottom:20px; text-align:right; }
	#foot div#ft .logo_ft { width:187px; height:34px; background-image:url(images/logo_ft.gif); background-repeat:no-repeat;}
	#foot div#ft a { color:#666;}
	#foot em { padding:0 6px;}
	
	#foot ul.links { margin:10px; text-align:left; }
		#foot ul.links li { float:left; line-height:26px; }
		#foot ul.links a { display:block; white-space:nowrap; color:#0097CC;  text-decoration:none; }

div.index_bg{ padding-top:0px; height:inherit; background-image:url(images/index.gif); background-position:0 -800px; clear:both; height:100%;overflow:auto; width:940px; margin:0 auto; background-repeat:no-repeat; }
div.index_bg2{  padding-top:0px; height:inherit; background-image:url(images/index2.gif); clear:both; height:100%;overflow:auto; width:940px; margin:0 auto;background-repeat:repeat-y; }



/*content*/
#content{ padding-top:0px; height:inherit; background-image:url(images/index.gif); background-position:0 -150px; clear:both; height:100%;overflow:auto; background-repeat:no-repeat;}

	#content #sidebar { float:left; width:180px; padding:5px 0 134px 16px; }
		#sidebar h2 { color:#fff; font-size:14px; font-weight:600; height:16px; padding:5px 25px; }
		#sidebar ul { position:relative; overflow:hidden; }
			#sidebar ul li { margin:0; padding:0; height:1%;}
				#sidebar li a { display:block;color:#525252; /*color:#ff6600;*/font-size:12px;text-decoration:none; padding:4px 10px 4px 20px; margin:0 3px 1px 3px; height:1%; border-bottom:1px solid #f2f2f2; background-image:url(images/sidebar_bg_nav.gif); background-repeat:no-repeat; font-weight:700; }
				#sidebar li li a { color:#525252; padding-left:30px; border-bottom:1px solid #fff ; font-weight:500; background-image:none;}
				#sidebar li a.here, #sidebar li a:hover { font-weight:700; color:#ff6600;}		
				
	#content #sidebar .sidebar { width:177px; margin:0px 5px 10px 20px; padding:0 0 4px 0;background-image:url(images/sidebar_foot.gif); background-position:bottom; background-repeat:no-repeat;}
		#sidebar .sidebar h2 {background-image:url(images/sidebar_head.gif); background-repeat:no-repeat; color:#fff; font-size:12px; font-weight:600; height:13px; padding:8px; }
		#sidebar .sidebar .information {background-image:url(images/sidebar_content.gif);}
		#sidebar .sidebar .more {font-size:12px; font-weight:900; padding-right:10px; text-align:right; padding:10px;}
		#sidebar .sidebar .more a {color:#ff6600; text-decoration:none }

				
	#content #main { float:right; width:693px; padding:14px 16px 10px 10px; overflow:hidden;}
		#main h2 { display:none; color:#51B400; font-size:16px; padding-left:12px; padding-bottom:10px; border-bottom:1px solid #A8B5BD;text-transform:uppercase;}
			#main h2 a { text-decoration:none; color:#51B400; }
			#main h2 em { padding:0 8px; }
			
	/* banner start  */
	#banner { z-index:3;}
	#banner div.swf { }
	#banner div.text{ margin:20px 14px 10px 4px; padding:10px 20px 10px 10px; background-color:#0CC; color:#333; }


	/* banner end  */

/*about*/
.about { padding:10px 20px 10px 10px; margin-top:20px; color:#4C5B62; line-height:22px; }
	.about p { margin-bottom:10px; }
			
/*contact*/
.contact { padding:10px 20px 10px 10px; margin-top:20px; color:#4C5B62; line-height:22px; }

/*news*/
.news{}
	/* title */
	.news h3 { padding:10px 0; margin-right:20px; font-size:24px; color:#333; border-bottom:dotted 1px #0777bc; }

	/* display product as list */
    .news .news_list { margin-top:10px; padding:10px; }
    .news .news_list ul { list-style:square; color:#0097CC; }
	.news .news_list ul li {margin-bottom:2px; margin-left:20px;}

	/* product details */
    .news .news_view {margin:20px 0; padding-bottom:20px; margin-right:20px;}
		.news .news_view div.news_view_title{ text-align:center; font-size:18px; font-weight:900; padding-bottom:10px;}
		.news .news_view div.news_view_content {}
		.news .prevnext{font-size:14px; margin-top:10px; padding-bottom:25px; border-bottom:1px dashed #AAB5BB;text-align:left; padding-left:24px; clear:both; color:#666;}
		.news .prevnext span{float:right;}
		
	/* news prev next navbar */
	.news .pagearea{font-size:14px; margin-top:20px; padding-bottom:15px;text-align:left; padding-left:24px; clear:both;}
		.news .pagearea span{float:right;}
		

/*product*/
.product{}
	
	/* title */
	.product h3 { padding:10px 0; margin-right:20px; font-size:18px; color:#333; border-bottom:solid 1px #999; }
	.product h4 { font-size:12px; clear:both; padding:6px 20px; margin-right:20px; margin-bottom:20px; font-size:12px; color:#fff; background-color:#f60; font-weight:900;}

	/* display product as list */
    .product .product_list { margin-top:3px; font-size:12px;}
    .product .product_list ul { border-bottom:solid 1px #999; height:116px; margin:0 20px 3px 0; padding:10px 0;}
	.product .product_list ul li { color:#333; }
		.product .product_list ul li strong { color:#ff6600; }
		.product .product_list ul li em { padding:0 8px;}
		
	.product .product_list ul li.style_look { float:left; margin-left:0px;}
		.product .product_list ul li.style_look img { width:100px; height:100px; padding:2px; border:1px solid #C4D2DB; margin-right:20px; margin-bottom: 10px;}		
		.product .product_list ul li.style_look img:hover { border:1px solid #8EC5E6;}
	.product .h4 { clear:both; margin:10px 10px 10px 0; position:relative; zoom:1; }
	.product .h4 span { cursor:pointer; }
	.product .h4 span.click_tomore { cursor:pointer; position:absolute; right:4px; top:10px; }
    .product .pdt_box { float:left; width:132px; height:150px; margin:0; border:none; text-align:left; overflow:hidden; zoom:1;  }
	.product .pdt_box_text { width:100px; padding:10px 30px 0 0; word-break:break-all;word-wrap:break-word;  }
	.product .pdt_box_text a{ font-size:9px; color:#666; }
	
	/* display product as icon */
    .product .product_icon { margin-top:10px;}
    .product .product_icon ul {float:left;height:130px; width:139px; padding:10px 17px;}
	.product .product_icon ul li { text-align:center; color:#999; }
		.product .product_icon ul li strong { color:#F60;}
		
	.product .product_icon ul li.style_look {}
		.product .product_icon ul li.style_look img { width:100px; height:100px; padding:2px; border:1px solid #C4D2DB; }		
		.product .product_icon ul li.style_look img:hover { border:1px solid #8EC5E6;}

	/* product details */
    .product .product_view { padding-left:15px;}	
	.product .product_view div.ralation { border-top:dotted 1px #0777bc; padding:4px; margin-right:20px; }
	
	.product .product_view div.img { width:320px; height:320px; float:left; }
	.product .product_view div.img_r { position:relative; zoom:1; float:right; width:310px; height:320px; padding-right:20px; overflow:hidden; }
	
	.product .product_view div.seo { height:180px; font-size:12px; overflow:hidden; }
	.product .product_view div.seo strong { line-height:24px; font-size:14px; color:#ff6600;}
	.product .product_view div.seo div.file { font-size:14px; color:#000;}
	.product .product_view div.seo div.file a { font-size:14px; color:#3366ff;}
	.product .product_view div.imgs { position:absolute; bottom:0px; left:0px; }
	.product .product_view div.imgs img { border:1px solid #CCC; margin:6px 6px 0 0;}
	
	.product .product_view div.content { padding:4px; }
	
	/* product prev next navbar */
	.product .pagearea{font-size:14px; margin-top:20px; padding-bottom:15px;text-align:left; padding-left:24px; clear:both;}
		.product .pagearea span{float:right;}	

/* digg pager */
ul#pagenav {font-size: 12px;font-weight: bold;list-style: none;margin: 0px;padding: 0px;}
	#pagenav li {list-style: none;background-color: #fff;margin: 0px;display: block;float: left;margin-left: 2px;margin-right: 2px;}
	#pagenav li.disabled {border: 1px solid #DDDDDD;padding: 1px 0px 1px 7px;display: block;color: #ccc;}
	#pagenav li.current {border: 1px solid #2E6AB1;padding: 1px 5px 1px 7px;background-color: #2E6AB1;color: #fff;}
	#pagenav li.none {border: 1px none;padding: 1px 3px 1px 7px;}
	#pagenav li input { border:none;background:none; width:20px; height:18px;}
	a.page_txt,a.page_num {border: 1px solid #9AAFE5;padding: 1px 4px 1px 7px;display: block;text-decoration: none;color: #105CB6;}
	a.page_txt:hover,a.page_num:hover {border: 1px solid #EC870E;color: #EC870E;}
	a.page_num_1 {width:10px;} a.page_num_2 {width:17px;} a.page_num_3 {width:21px;} a.page_num_4 {width:28px;}
	a.page_num_5 {width:35px;} a.page_num_6 {width:42px;} a.page_num_7 {width:49px;} a.page_num_8 {width:56px;}

/* validator begin */
.onShow{background:url(images/onShow.gif) no-repeat; padding-left:25px; font-size: 12px;line-height:22px; vertical-align:middle;/*display:none;*/}
.onFocus{background:#E9F0FF url(images/onFocus.gif) no-repeat;padding-left:25px; font-size: 12px;line-height:22px; vertical-align:middle;}
.onError{ background:#FFF2E9 url(images/onError.gif) no-repeat;padding-left:25px;font-size: 12px;line-height:22px; vertical-align:middle;}
.onCorrect{background:#E9FFEB url(images/onCorrect.gif) no-repeat;padding-left:25px;font-size: 12px;line-height:22px; vertical-align:middle;}
.onSuccess{ background:#E9FFEB url(images/onSuccess.gif) no-repeat; padding-left:25px;font-size: 12px;line-height:22px; vertical-align:middle;}
.onLoad{background:#E9FFEB url(images/onLoad.gif) no-repeat 3px 3px;padding-left:25px;font-size: 12px;line-height:22px; vertical-align:middle;} 
/* validator end */

/* form start */
.form { margin:40px 0;}
.form h3 { margin:20px 0;}
.form input {float:left;color:#390;width:200px;border: 1px solid #69C; height:16px;line-height: 18px;padding: 2px;text-indent: 2px; font-weight:800; margin-right:10px;}
.form textarea {color:#390;width:300px;border: 1px solid #69C;height:100px;}
.form .textarea {height:110px;}
.form label{display:block;float:clear_both;width:700px;	height:30px;}
.form span {dispaly:block;font-size:14px;color:#555;float:left;width:200px;text-align:right;}
.form em {display:block;height:20px;overflow:hidden; font-style:normal;}
.form strong {font-size:14px;padding:2px;color:#390;float:left;width:350px;}
.form .submit, .form .reset {color:#fff; border:none; background-image:url(images/btn.jpg);font-size:12px;font-weight:800;width:80px;height:26px;cursor:pointer;}
.form .reset { margin-left:33px;}
.form .error {color:red; font-size:16px; background-color:#F99; line-height:28px; margin:20px 0;}
/* form end */

/* form1 start */
.form1 input {}
.form1 input:radio[name='sex'] {}
.form1 input[type='text'],.form1 textarea{}
.form1 input:checkbox[@name='checkbox1[]'] {}
.form1 input:radio[@name='radio'] {}
.form1 input:submit {}
/* form1 end */

/* 页面圆角框架 */
.box { position:relative; background-image:url(images/box_m.jpg); padding:8px 10px 60px 20px; overflow:hidden;zoom:1;}
.box .box_t { background-image:url(images/box_t.jpg); position:absolute; top:0px; left:0px; width:690px; height:8px;line-height:8px;}
.box .box_b { background-image:url(images/box_b.jpg); position:absolute; bottom:0; left:0px; width:690px; height:60px;;}
.box .box_gotop { position:absolute; bottom:-4px; left:600px; width:100px; height:24px;}

.box_msg { background-image:url(images/box_msg.gif); margin:20px 0 0 20px; width:178px; height:200px; overflow:hidden; zoom:1; background-repeat:no-repeat; }
.box_msg .newsletter { margin:45px 10px 0 10px; }
/*.box_msg .submit {border:1px solid #fff; border:none; height:26px; padding:4px; width:80px; background-image:url(images/btn.jpg); color:#fff; cursor:pointer;}*/