/* CSS Document */

body{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/index_02.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#666666;
}

#main{width:960px; margin:20px; float: none; clear: both; position : relative;}

td{font-size:12px; line-height:18px;}
#header{ margin-top:8px; margin-bottom:10px; width:100%; float:left; position : relative;}

#header .left{ width:500px; height:60px; float:left;}
#header .right{ width:460px; height:60px; float:left;}






#banner{ width:100%; height:238px; float:left; position : relative;}
#banner .img{ height:203px; float:none;}
#banner .dh{ height:50px; margin-bottom:35px;} 

#sider ul{width:575px;float:left; margin:0px;}
#sider li{ 
 text-align: center;
 float: left;
 width: 80px;
 margin: 0px;
 padding: 0px;
 list-style-type: none;}

#zhong{
	width:960px;
	clear:both;
	float: none;
}
#zhong .zo{width:371px; margin-right:10px; float:left;}
#zhong .zo1{ padding-left:28px; padding-right:5px;}

#zhong .yo{width:575px; float:right;}
#zhong .yo1{ padding-left:15px; padding-right:28px; float:left;}
.bottom{width:960px; height:80px; padding:20px; background-image:url(../images/bottom.jpg); background-repeat:no-repeat; clear: both;}
 
#sider { 
    float : left; 
    position : absolute; 
    width : 575px; 
    height : 52px; 
    top : 175px; 
    left : 0px;
} 
.clear { 
    clear : both; 
}
.tubiao{color:#0066CC; font-weight:bold; font-size:8px;}


a:link,a:visited {font-size: 12px; color: #666666;text-decoration: none;}
a:hover {font-size: 12px; color: #0066CC; text-decoration: underline;}

.a:link,.a:visited {font-size:14px; font-weight:bold; color:#999999;text-decoration: none;}
.a:hover {font-size:14px; font-weight:bold; color: #0066CC; text-decoration: underline;}

.b:link,.b:visited {font-size: 12px; color: #666666; text-decoration: underline;}
.b:hover {font-size: 12px; color: #0066CC; text-decoration: none;}


/* about */
#aboutz{
	width:920px;
	margin:20px;
	clear:both;
	text-align:justify;
}
#bt{ height:47px;}
#bt1{ height:47px;}
#bt2{ height:47px; background:url(../images/d3.jpg) no-repeat top center;}

h1{
	color:#0066CC;
	font-size:18px;
	font-weight:bold;
	text-decoration: underline;
	background-image:url(../images/tubiao.jpg);
	background-repeat:no-repeat;
	padding-left:35px;
	background-position: left center;
	height:30px;
}
.txtblue{ color:#0066CC;}


/* faq */

#faq{
	width:940px;
	margin-bottom:20px;
	margin-right:20px;
	margin-top:20px;
	clear:both;
}
#faqleft{ width:240px; margin-right:10px; float:left; background-image:url(../images/leftbj2.jpg); background-repeat:repeat-y;}
#faqleft1{
	width:263px;
	margin-right:10px;
	float:left;
	background-image:url(../images/fqbj.jpg);
	background-repeat:no-repeat;
	background-position: right top;
}
#faqleft1 ul{ margin-top:20px; margin-right:15px; margin-left:10px;}
#faqleft1 li{
background-image:url(../images/tubiao1.jpg);
background-repeat:no-repeat;
padding-left:17px;
padding-bottom:5px;
	height:25px;
	list-style-type: none;
}

#faqright{ width:650px; float:right; text-align: justify;}
#faqleft ul{ margin-top:20px; margin-left:35px; margin-right:8px;}
#faqleft li{
	background-image:url(../images/leftbj4.jpg);
	background-repeat:repeat-x;
	height:25px;
	margin:0px;
	width:210px;
	list-style-type: none;
	padding:5px;
}

.txt14{ font-size:14px; font-weight:bold; color:#FFFFFF;}



/* customer */
#customer{ width:100%; padding-bottom:10px; float:left; border-bottom:#CCCCCC solid 1px; margin-bottom:10px;}
.customerleft{ width:16%; height:105px; margin-right:10px; border:solid 1px #CCCCCC; padding:3px; float:left;}
.customerright{ width:80%; margin:2px; float:right;}

/* enjoy */

#enjoy{
	width:100%;
	padding-bottom:10px;
	float:left;

	margin-bottom:10px;
	background-image:url(../images/bjd.jpg);
	background-repeat:no-repeat;
	background-position: top;
}
#enjoybt{width:100%; height:27px; float:left; padding-left:10px; padding-top:3px; margin:0px; font-weight:bold; font-size:14px; color:#3399ff;}
.enjoyleft{ width:67%; margin:10px; padding:3px; float:left;}
.enjoyright{ width:27%; margin:10px; float:right;}

/* demo */
#demo{
	width:100%;
	padding-bottom:10px;
	float:left;
	border:#CCCCCC solid 1px;
	margin-bottom:10px;
	margin-top:1px;
	background-image:url(../images/sprites-t1.gif);
	background-repeat:repeat-x;
	background-position: top;
}
#demobt{width:100%; height:27px; float:left; padding-left:10px; padding-top:3px; margin:0px; font-weight:bold; font-size:14px; color:#ffffff;}
.demoleft{ width:900px; margin:10px; padding:3px;}


/* contact */

select{color:#999999; height:18px; margin-left:10px; margin:3px; background-color:#eeeeee; border:solid 1px #cccccc;}
textarea{color:#999999; height:60px; margin-left:10px; margin:3px; background-color:#eeeeee; border:solid 1px #cccccc;}

/* products */
#pro{width:650px; padding-bottom:20px; float:right;}

.proleft{ width:152px; height:105px; margin-right:10px; border:solid 1px #CCCCCC; padding:3px; float:left;}
.proright{ width:485px; margin:0px; float:right;}
h2{ font-size:14px; font-weight:bold; text-decoration:underline; color:#333333;}
dt{
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/20060905030502943.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:20px;
}
h3{font-size:16px; font-weight:bold;}




/* buy */

#buy{ width:100%; padding-bottom:10px; float:left; border-bottom:#CCCCCC solid 1px; margin-bottom:10px;}
.buyleft{ width:16%; height:105px; margin-right:10px; border:solid 1px #CCCCCC; padding:3px; float:left;}
.buyright{ width:80%; margin:2px; float:right;}
.buyleft1{ width:70%; margin:2px; float:left;}
.buyright1{ width:25%; margin-top:40px; float:right;}