/* CSS Document */

@charset "utf-8";

*{margin:0;padding:0}
body{width:960px;margin:0 auto;font-size:13px;font-family:"ËÎÌå", Arial;color:#000000; line-height:22px;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
h2{margin:5px 0;height:20px;border-bottom:1px solid #eee}
h2 img{float:left;display:inline}
h3{ color:#ff6600; font-weight:bold;}
a{text-decoration:none}

ul ,li {list-style:none;}
td {height:24px; line-height:24px;}

##span{float:right;background:url("images/more.jpg") no-repeat 100% top; width:20%;height:19px;text-indent:-999em;}
.font{color:#5E7813}
#header{height:100px;}
#header h1{float:left; width:310px; height:100px; background:url("images/logo.jpg") no-repeat 0 50%; text-indent:-999em}
#header h6{float:right; width:600px; height:20px; margin:10px 0; text-align:right; color:#8C8C8C}
#header h6 a{color:#8C8C8C}
#header a{color:#ffffff;text-decoration:none;}
#header ul{float:right; width:630px; height:40px; background:url("images/nav_2.jpg") repeat-x;color:#fff}
#header ul li{float:left; text-align:center; list-style-type:none; padding:0 17px; height:40px; line-height:40px;}
#nav_s{background:url("images/nav_1.jpg") no-repeat left top}
#nav_e{background:url("images/nav_3.jpg") no-repeat right top}
#banner{width:960px; clear:both;}
#top{width:100%}

#pro_main {width:960px; border-top:2px solid #CCCCCC; background:url(images/proclass.jpg) left repeat-y; padding:10px 0 0 0; text-align:left;}
#main {width:960px; text-align:left;}
#L {float:left; width:216px; background:url(images/LL.jpg) top no-repeat; height:390px; padding:14px 0 0 0;}
	#title_l {height:24px; line-height:24px; padding:0 0 0 40px;}
	#ocontent_l {margin:10px 0 0 0;}
#OR {float:right; width:726px;}
	#otitle {height:30px; line-height:30px; border-bottom:1px solid #cccccc; background:url(images/otitle_icon.jpg) center left no-repeat; margin:7px 0 0 0; padding:0 0 0 15px;}
		#otitle h1 {font-size:14px; font-weight:bold; color:#d92d23;}
	#Position {width:200px; float:right; text-align:right;}
	#ocontent {margin:10px 0 0 0;}
		#ocontent p {text-indent:2em; color:#000000; line-height:30px;}
		#ocontent td {height:26px; line-height:26px; padding:0 0 0 3px;  color:#000000;}
		#ocontent td p { text-indent:0;}

#product{float:left; width:328px;}

#about{float:right;width:624px; height:149px; margin:0 0 0 5px;}
	#about_txt {height:104px; padding:5px 5px 5px 8px; line-height:23px;}

#bottom{clear:both; margin:5px 0;}
#service{float:left;width:328px; margin:0 5px 0 0;}
	#service ul {margin:0; padding:0;}
	#service li { line-height:24px;}
#bs_serve{float:left;width:314px;background:url("images/contact_bj.jpg") no-repeat 100% 80%;}
	#bs_serve ul{margin:0 20px;}
	#bs_serve ul li{line-height:24px;}
#contact{float:right;width:304px; background:url("images/contact_bj2.jpg") no-repeat 100% 80%;}
	#contact p {height:24px; line-height:24px;}
#footer{clear:both;background:#F7F7F7;height:70px;line-height:70px;}
#footer img{float:left;}

.clear {clear:both;}

.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 106px;
	height: 116px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
	line-height:22px;
}
.kwicks.horizontal li {
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 {background:url(images/pro1.jpg);
}
#kwick_2 {background:url(images/pro2.jpg);
}
#kwick_3 {background:url(images/pro3.jpg);
}