html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
h1
{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #FF3300;
 font-size:14px;
 font-weight:bold;
 width:180PX;
 height:30PX;
 padding:13px 0 0 0px;
}
h2
{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #000;
 font-size:12px;
 font-weight:bold;
 border-bottom:#CCCCCC thin dotted;
 width:500PX;
 height:30PX;
 padding:13px 0 0 10px;
}
h3
{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #242528;
 font-size:14px;
 font-weight:bold;
 border-bottom:#CCCCCC thin dotted;
 width:950PX;
 padding:13px  0  2px 0px;
}
h4
{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #FF3300;
 font-size:12px;
 font-weight:bold;
}
p
{
  font-family:"Times New Roman", Times, serif;
  font-size:14px;
  color:#333333;
  line-height:20px;
  padding:10PX;
}
body
{
  font-family:Arial, Helvetica, sans-serif;
  background-color:#018fcd;
/*  background: url(images/pattern.jpg) repeat;*/
  font-size:12px;
}

#wraper
{
 width:100%;
  margin: 0 auto;
}
#header
{
	width:960px;
	height:80px;
	margin:0 auto;
}
.logo
{
float:left;
width:300px;
padding-left:20px;
padding-top:10px;
}
.social
{
 float:right;
 width:300px;
 color:#FFFFFF;
 font-weight:bold;
 padding-top:30px;
}
.social li
{
display:inline;
padding:20px 8px 0  0;
}
#menu {
	background: url(images/bg-menu.gif) repeat-x;
	height:35px;
	width:960px;
	border: #FFFFFF thin solid;
	margin:0 auto;
}
	#nav {
		margin:0 20px 0 2px; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			margin:0 1px;
			padding-left:20px;
			padding-right:20px;

		}
		
			#nav li:hover {
			float:left; 
			display:block; 
			background:#fff;
			position:relative;
			z-index:500; 
			margin:0 1px;
			padding-left:20px;
			padding-right:20px;
		}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:12px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#000; 
			text-align:center; 
	}

		#nav li a:hover {
			color:#000;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			float:left; 
			display:block; 
			background:#fff;
			position:relative;
			z-index:500; 
			margin:0 1px;
			padding-left:20px;
			padding-right:20px;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:100px; 
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#fff;
		}
		
		#nav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
#main_wraper
{
	background-color: #ffffff;
	padding: 20px 0 20px 0;
}
#main
{
	width:960px;
	margin:0 auto;
}
#main_left
{
	width:210px;
	float:left;
}
#main_middle
{
	width:500px;
	float:left;
	margin-left:10px;
}
#main_right
{
	width:210px;
	float:right;
	margin-left:5px;
}
#news
{
 border-right:#CCCCCC thin solid;
 width:190px;
 padding:10px 5px 0 8px;
}
#video
{
 border-left:#CCCCCC thin solid;
 width:190px;
 padding:10px 8px 0 5px;
}
#banner
{
 height:220px;
}
.wel
{
  padding-top:10px;
}
.slider 
{
 height:220px;
 margin-top:5px;
 border:thick #000 solid; 
}

.slider-holder ul
{
  list-style: none outside none; 
  overflow: hidden; 
}
.slider-holder ul {list-style: none; overflow: hidden; }
.slider-holder ul li,

.slider-nav { position: absolute; bottom: 10px; right: 26px; display: block; }
.slider-nav ul { list-style: none; }
.slider-nav ul li { float: left; display: inline;  width: 33px; height: 32px; margin-right: 2px; }
.slider-nav ul li a { display: block; height: 32px; background-color: #252626;  font-size: 18px; text-align: center; line-height: 31px;  color: #fff; text-decoration: none; }
.slider-nav ul li a.active { background-color: #ffcb05; color: #000; }
.jcarousel-container,
.jcarousel-clip { position: relative; height: 220px; width: 500px; }

#RODUCT
{
 width:960PX;
 margin:0 auto;
 margin-top:20PX;
}
.box{
	float:left;
	border-right:1px solid #cbcbcb;
	width:210px;
	position:relative;
	padding-top:20px;
	margin-top:10px;
	padding-right:15px;
}
.box_img
{
float:left;
width:100px;
height:50px;
}

 .box_p{
line-height:18px;
padding:10px 0 0 0;
margin:0;
float:right;
width:100px;
text-shadow:white 1px 1px;
}
#footer_wraper
{
 width:100%;
}
#footer {
	background: url(images/bg-menu.gif) repeat-x;
	height:35px;
	width:960px;
	border: #FFFFFF thin solid;
	margin:0 auto;
	margin-bottom:20px;
}
.SPAN-TEXT
{
 color:#000000;
 font-weight:bold;
 padding-right:5PX;
}
.SPAN-TEXT1
{
 color:#900;
 font-weight:bold;
 padding-right:5PX;
}
.SPAN-TEXT3
{
 color:#000;
 font-weight:bold;
 padding-right:5PX;
 }
.read
{
 color:#fff; font-weight:bold; background-color:#018fcd; font-size:9px;  border-radius:3px; padding:5px; text-decoration:none;
}
.divbr
{
 height:20px;
 width:960px;
}
.divbr1
{
 height:20px;
 width:600px;
 border-bottom:#CCCCCC thin dotted;
}
.conleft
{
 float:left;
 width:500px;
 border-right:#f2efef thin solid;
 padding-right:10px;
}
.conright
{
 float:right;
 width:410px;
 margin-left:20px;
}



.iframe-tab
{
 width:220px;
 float:left;
}
.iframe-tab li
{
 width:230px;
 display:block;
 padding:15px 5px 0 5px; 
}
.iframe-tab li a
{
color:#990000; font-weight:bold; text-decoration:none;
}
.iframe-tab li a:hover
{
color:#000; font-weight:bold; text-decoration:none;
}

.pr_img
{
 float:right;
 width:250px;
}
.pr_text
{
 float:left;
 width:350px;
}
.client
{
width:400px;
margin-left:20px;
height:50px;
}
.client_img
{
width:50px;
float:left;
}
.client_text
{
width:250px;
float:right;
}
.strong
{
 font-weight:bold;
}
.quality
{
width:940px;
margin-left:20px;
height:50px;
}
.quality_img
{
width:100px;
float:left;
}
.quality_text
{
width:800px;
float:right;
line-height:20px;
}