*{ margin:0px;
   padding:0px;
   list-style:none;
}

body {
	background-image: url(../images/bg.jpg);
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background-attachment: fixed;
}

#master-waper {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#wrapper
{
 width:980px;
 height: auto;
 position:relative;
    margin:0 auto;
    color:#FFFFFF;
}
#header
{
	width:980;
	height:120px;
	background-image: url(../images/kh-hd.jpg);
}
.name
{
	width:450px;
	height:80px;
	margin-left:0px;
	margin-top:10px;
	
}
.com
{ width:234px;
  height:28px;
  color:#242424;
  font-size: 35px;
}
#slider{ margin:74px 0px 0px 0px; padding:0; width:980px; height:auto;}
.line
{
	width:228px;
	height:14px;
	color:#242424;
}
.navigate
{
	width:980px;
	height:70px;
	float:right;
	margin-top: 91px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navigate a
{
	color:#FF0000;
	text-decoration:none;
}
.navigate a:hover
{
	color:White;
	text-decoration:none;
}
.ul1
{
	width: 463px;
	height:16px;
}
.ul1 li
{
width:84px;
height:34px;
float:left;}

.ul1 li a
{
  text-align:center;
	height:16px;
	float:left;
	text-decoration:none;
	padding:12px;
	color:#242424;	
}
.ul1 li a:hover
{
	width:78px;
	height:16px;
 background-color:#036FB9;
 -webkit-border-radius:20px;
 
}
.ul1 li a:active
{
	width:70px;
	height:16px;
 background-color:#42C5E6;
 -webkit-border-radius:20px;}
 .clear
 {
 	clear:both;
 }
 #content1
 {
 	width:620px;
 	height:150px;
 	height:250px;
	float:left;
 }
#content1 .line1
 {
 	width:620px;
 	height:35px;
 	text-align: center;
margin-top: 10px;
font-size: 24px;
color: #fff;
background-color:#3E679F;
padding:5px;

 }
#content1 .line2
 {
 	width:620px;
 	height: 63px;
 	text-align:justify;
 	color:Black;
margin-top: 10px;
float:left;
 }
 #enq{ margin:15px 0px  0px 0px; padding:0; width:320px; height: auto; float:right; color:Black;  background:#FFFFFF; box-shadow: 10px 10px 5px #888888;}
 .enq-h{ margin:0; padding:0; width:300px; height:80px; float:right; color:Black;}
 .enq-code{ margin:0; padding:0; width:300px; height:auto; float:right; color:Black;}
 
#content1 .line3
 {
 	width:980px;
 	height:60px;
 	text-align:justify;
 	margin-top:10px;
 	 	color:Black;
 }
 #content2
 {
 	width:980px;
 	height: 518px;
 	background-color:#F9F9F9;
 }
  #content2 .line1
  {
  	margin-top: 21px;
  	width:auto;
  	height:30px;
  	color:#242424;
  	margin-left: 32px;
font-size: 22px;
padding-top: 20px;

  }
#content2 .lowimg1
{
	width:232px;
	height:auto;
	margin-left:10px;
	float:left;
}
#content2 .lowimg1 .line1
{
	width:232px;
	height:auto;
margin-top: 0px;
font-size: 12px;
margin-left: 0px;
}
h1
{
	font:15px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
}
#content2 .lowimg1 .ex1
{
	
padding-top: 12px;
float: right;}
#content2 .lowimg1 .ex1 a
{
	text-decoration:none;
	color: red;}

  #content2 .line2
  {
  
  	margin-top: 21px;
  	width:auto;
  	height:30px;
  	color:#242424;
  	margin-left: 32px;
font-size: 22px;
padding-top: 20px;
  }
  #content2 .lowimg2
  {
  	width:232px;
	height:auto;
	margin-left:10px;
	float:left;
	}
#content2 .lowimg2 .line2
{width:232px;
	height:auto;
margin-top: 0px;
font-size: 12px;
margin-left: 0px;
}
#content2 .ex2
{color: red;
float: right;
padding-left: 148px;
padding-top: 25px;}
#content2 .ex2 a
{
	text-decoration:none;
	color: red;}	
  #content2 .lowimg3
  {width:232px;
	height:auto;
	margin-left:10px;
	float:left;
	}
#content2 .lowimg3 .line3
{width:232px;
	height:auto;
	margin-top: 20px;
font-size: 12px;
margin-left: 0px;
color:Black;
}
#content2 .ex3
{color: red;
float: right;
padding-top: 23px;}
#content2 .ex3 a
{
	text-decoration:none;
	color: red;}
  #content2 .lowimg4
  {width:232px;
	height:auto;
	margin-left:10px;
	float:left;
	}
#content2 .lowimg4 .line4
{width:232px;
	height:auto;
	margin-top: 20px;
font-size: 12px;
margin-left: 0px;
color:Black;
}
#content2 .ex4
{color: red;
float: right;
padding-top: 8px;}
#content2 .ex4 a
{
	text-decoration:none;
	color: red;}
#footer
{
	width:980px;
	height: 110px;
	background-color:#173884;
	margin:0 auto;
	
}
#bottom
{
	width:auto;
	height:auto;
	background-color:#173884;
	margin-top: 0px;
	padding:5px;
}
#bottom a{ text-decoration:none; color:#fff;}
#bottom a:hover{ text-decoration:none; color:#0066CC;}
.menu
{
 width: 450px;
margin-top: 0px;
margin-left: 37px;
padding-top: 21px;
float: left;
}
.menu a
{
	color:White;
	text-decoration:none;
}

.menu a:hover
{
	color:#FF0000;
	text-decoration:none;
}

.tel
{
	width: 184px;
height: 62px;
margin-left: 39px;
padding-top: 0px;}
.no2
{
	width:150px;
	height:auto;
	margin-left: 108px;
}
.no3
{
	width:150px;
	height:auto;
	margin-top: -18px;
margin-left: 106px;
}
.fax1
{
	width: 190px;
	margin-left: 40px;
	float: left;}
.fax2
{
	width:90px;
	margin-top: -18px;
margin-left: 103px;
}
.fol
{
	width: 250px;
height: 35px;
float: right;
padding-right: 29px;
padding-top: 13px;
}
.com1
{
	width: 321px;
height: 30px;
float: right;
padding-right: 54px;
margin-top: -10px;
}
.h
 {
	width:965px;
	height:35px;
	margin-top: 10px;
	font-size: 24px;
	color: #fff;
	background-color:#3E679F;
	-moz-border-radius-topleft: 20px;
	padding:5px;
 }	
#map{ margin:0; padding:0; width:550px; height:380px; float:right; border:1px solid #0066FF; box-shadow: 10px 10px 5px #888888; }
#add{ margin:0; padding:0; width:365px; height:530px; float: left; background:url(../images/bg_contact_form.png); color:#000000;}
.add-tex{
	margin:20px;
	padding:0;
	width:350px;
	height:470px;
	color:#013565;
	line-height:1.8em;
}
#con{ margin:0; padding:0; width:400px; height:380px; float:right; border:1px solid #0066FF; box-shadow: 10px 10px 5px #888888;}

#about{ margin:0; padding:0; width:980px; height:280px; color:#000000;}
	
<----------product----------
#pro-main1,#pro-main2,#pro-main3
{
	width:970px;
	height: 273px;
	background-color:#E7D7C0;
	margin:-17px auto;
}
#pro-main4{
	width:970px;
	height: 336px;
	background-color:#E7D7C0;
	margin:-3px auto;}
#pro-main1 h1,#pro-main2 h1,#pro-main3 h1,#pro-main4 h1
{
	font-style: italic;
	line-height: 1.25em;
	font-size:16px;
	color:#000;
	margin-left: 28px;
width: 200px;
padding-top: 12px;
}
#prohdr
{
	width:850px;
	height:250px;
	margin:0px auto;
}

#protb1,#protb2,#protb3{
	width:970px;
	height:365px;}
#protb4{
	width:970px;
	height: auto;
}
	
	#pro1,#pro1,#pro4,#pro5,#pro8,#pro10,#pro13,#pro15,#pro18
	{
		width:410px;
		height:75px;
		float:left;
		padding: 15px;
	}
h2
{
 color:#593E1A;
 padding-left: 7px;
 width: 182px;
float: left;}

 #proimg1,#proimg4,#proimg5,#proimg8, #proimg10, #proimg13,#proimg15,#proimg18
 {
 float:left;}
 .prop1,.prop4,.prop5,.prop8,.prop10,.prop13,.prop15,.prop18
 {
	 width:224px;
height: 48px;
	color:#000; 
		 padding-left: 7px;
	 font-family: verdana,Arial,MS Sans Serif;
	 padding-left: 70px;
padding-top: 23px;
 }
 #r1
 {
	width: 96px;
	height: 20px;
	color: #F00;
	float: left;
	margin-top:21px;
 }
 #sp
 {
	width: 100px;
	height: 20px;
	color: #F00;
	float: left;
	margin-left:20px;
	margin-top:21px;
 }
 #sp a{ text-decoration:none; color:#FF0000;}
 #sp a:hover{ text-decoration:none; color: #000033;}
 #r1 a
 {text-decoration: none;
 color: #F00;}
 

	#pro2,#pro6,#pro9,#pro11,#pro14,#pro16
	{
		width:410px;
		height:75px;
		float:left;
		padding: 15px;
	}
h3
{
 color:#593E1A;
 padding-left: 7px;
width: 217px;
float: left;
font-size: 17px;}

 #proimg2,#proimg6,#proimg9,#proimg11,#proimg14,#proimg16
 {
 float:left;}
 .prop2,.prop6,.prop9,.prop11,.prop14,.prop16
 {
	 width: 320px;
height: 48px;
	color:#000; 
		 padding-left: 7px;
	 font-family: verdana,Arial,MS Sans Serif;
	 padding-left: 70px;
padding-top: 23px;
 }

 #pro3,#pro7, #pro12,#pro17
	{
		width:410px;
		height:75px;
		float:left;
		padding: 15px;
	}
h3
{
 color:#593E1A;
 padding-left: 7px;
width: 217px;
float: left;
font-size: 17px;}
 #proimg3,#proimg7,#proimg12,#proimg17
 {
 float:left;}
 .prop3,.prop7,.prop12,.prop17
 {
	 width: 320px;
height: 48px;
	color:#000; 
		 padding-left: 7px;
	 font-family: verdana,Arial,MS Sans Serif;
	 padding-left: 70px;
padding-top: 23px;
 }
 
#pro-main4 .bli,#scp
 {
	 width: 200px;
font-size: 17px;
line-height: 1.25em;
margin-left: 28px;
color: black;
float: left;
padding-top: 12px;
font-style: italic;}
#pro-main4 .bli1
{width: 200px;
color: black;
font-size: 17px;
line-height: 1.25em;
margin-left: 115px;
float: left;
padding-top: 12px;
font-style: italic;}
#pro-main4 .bli2
{width: 200px;
color: black;
font-size: 17px;
line-height: 1.25em;
margin-left: 115px;
float: left;
padding-top: 12px;
font-style: italic;}
	
	
#line1,#line2
{
width:980px;
height:auto;
}
	
#ab-tex{ margin:0; padding:0; width:650px; height:280px; float:left;}
#ab-img{ margin:0; padding:0; width:300px; height:auto; float:right;}
.tab{ margin:10px; padding:0; width:960px; height:auto; color:#000000; text-align:center; font-size:16px;}