/* CSS Document */


#preLoadImages {
  width: 0px;
  height: 0px;  
  background:url(../images/about-frame.png);
  background:url(../images/bg.png);
  background:url(../images/body-bottom.png);
  background:url(../images/body-top.png);
  background:url(../images/earth.png);
  background:url(../images/footer-bg.png);
  background:url(../images/footer-bg1.png);
  background:url(../images/hotpro.png);
  background:url(../images/hotnews-frame.png);
  background:url(../images/left-bottom.png);
  background:url(../images/left-top.png);
  background:url(../images/product-bg.png);
  background:url(../images/service-frame.png);
  display:inline;    
}


body{
	padding:0;
	margin:0;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #535353;
	line-height:17px;
	text-align:justify;
	clear:both;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

a {
text-decoration: none;
cursor: hand;
color: #000000;
font-family: Tahoma, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 10px; 
}

/*------------------------------------------------top--------------------*/

#topmain
{
	width:100%;
	height:176px;
	background:url(../images/top-bg.png) repeat-x;	
}

#top{
	width:1003px;
	margin:0 auto;
	height:176px;
	background:url(../images/earth.png) center top;		
}

#logo{
	width:117px;	
	height:117px;
	float:left;			
}

#flag{
	width:40px;	
	height:40px;		
}


#search {
	width:200px;
	height:25px;
	background:url(../images/search-bg.png) right;	
}


.search_input {
	width:164px;
	height:25px;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#acacac;
	letter-spacing:0.2px;	
	padding:1px 0px 0px 5px;	
	border:0 ;
	float:left;
	
}



/*-----------------------------------------------body-------------------*/

#body{
	width:1003px;
	margin:0 auto;
	padding-top:20px;		
}

#hotpro{
	width:1003px;
	height:376px;
	background:url(../images/hotpro.png) no-repeat center;		
}

.pdf {
	width: 20px;
	height: 23px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/pdf.png);
}

.pdf:hover {
    background-image:url(../images/pdf-hv.png);
}

.download {
	width: 24px;
	height: 23px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/download.png);
}

.download:hover {
    background-image:url(../images/download-hv.png);
}

#hotnews{
	width:932px;
	margin: 0 auto;
	height:209px;			
}

#partner-scroll{
	width:932px;
	margin: 0 auto;
	height:110px;
	position: relative;			
}

#partner-scroll div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}

#leftmenu{
	width:260px;
	background:url(../images/sub-bg.png) repeat-y;
	height:auto;
	float:left;				
}

#right{
	width:743px;	
	height:auto;
	background:url(../images/body-bg.png) repeat-y;
	float:right;				
}


#product{
	width:713px;
	padding-left:11px;							
}



#content{	
	width:673px;	
	padding-left:40px;
						
}



/*-----------------------------------------------btn-------------------*/ 


a.letbtn,a.letbtn:link,a.letbtn:visited,a.showbtn,a.showbtn:link,a.showbtn:visited
{
display:block;
color:#444;
background-color:#8ed1db;
font-size:13px;
font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
text-align:center;
text-decoration:none;
margin-left:1px;
padding:2px;
}

a.letbtn:hover,a.letbtn:active,a.showbtn:hover,a.showbtn:active
{
color:#fff;
background-color:#373334;
}




/*-----------------------------------------------contact-------------------*/
#contact-bg{	
	width:613px;
	height:450px;
	padding-left:39px;	
	float:left;
}


#contact {
	width:470px;
	margin:0 auto;
	padding-left:30px;		
}

#contact-area {
	width: 470px;		
	padding:20px 0 0 0;			
}

#contact-area input, #contact-area textarea {
	padding: 1px;
	width: 270px;
	height:18px;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;	
	margin: 0px 0px 5px 0px;
	background:#d0d0d0;
	border: 1px solid #bdbdbd;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #303030;
}

#contact-area input.submit-button {
	width: 60px;
	height:20px;
	float: left;
	margin:0 0 0 130px;
}

#contact-area input.reset-button {
	width: 60px;
	height:20px;
	float: left;	
	margin:0 0 0 10px;	
}

#contact input.ratio-button {
	width:10px;
	height:10px;	
	margin:5px 0 0 0;	
}

label {
	float: left;
	text-align:left;	
	width: 130px;	
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;	
}

#contact-text {
	width: 200px;
	height:auto;
	font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color:#303030;
	float:left;	
}



/*-----------------------------------------------color-------------------*/

.color_1
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #c53903;	
	}
a:link.color_1 {
	color: #c53903;
	text-decoration: none;
	}
a:visited.color_1 {
	color: #c53903;
	text-decoration: none;
	}
a:hover.color_1 {
	color: #5caa3a;
	text-decoration:underline;
	}
	

.color_2
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;		
	color: #5caa3a;		
	}



.color_3
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #717171;		
	}
a:link.color_3 {
	color: #717171;
	text-decoration: none;
	}
a:visited.color_3 {
	color: #717171;
	text-decoration: none;
	}
a:hover.color_3 {
	color: #999999;	
	}

.color_4
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #FFF;		
	}
a:link.color_4 {
	color: #FFF;
	text-decoration: none;
	}
a:visited.color_4 {
	color: #FFF;
	text-decoration: none;
	}
a:hover.color_4 {
	color: #FFF;
	text-decoration: underline;	
	}

.color_5
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #FFF;
	text-decoration: underline;		
	}

.color_6
	{	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #717171;		
	}
a:link.color_6 {
	color: #717171;
	text-decoration: none;
	}
a:visited.color_6 {
	color: #717171;
	text-decoration: none;
	}
a:hover.color_6 {
	color: #e3490e;		
	}

.color_7
	{	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;		
	color: #535353;		
	}
a:link.color_7 {
	color: #535353;	
	text-decoration: none;
	}
a:visited.color_7 {
	color: #535353;	
	text-decoration: none;
	}
a:hover.color_7 {
	color: #535353;	
	text-decoration: underline;	
	}

/*------------------------------------------------footer--------------------*/

#footermain {		
	width:100%;
	height:150px;
	background:url(../images/footer-bg.png) repeat-x;			
}

#footer {		
	width:1003px;
	margin:0 auto;
	height:150px;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#e3490e;
	font-size:13px;		
}

.up {
	width: 24px;
	height: 24px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/up.png);
}

.up:hover {
    background-image:url(../images/up-hv.png);
}

.back {
	width: 24px;
	height: 24px;
	display: block;
	font-size: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-image:url(../images/back.png);
}

.back:hover {
    background-image:url(../images/back-hv.png);