@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
body{font-size:12px;color:#666;}
img{ border:0;}
a{ color:#333; font:Arial, Helvetica, sans-serif;text-decoration:none;}
.clear{ clear:both;}
input,select{ vertical-align:middle;}

#wrap{ width:1000px; margin:auto; background:url(../images/bodybg.jpg) repeat-y;}
#banner{}
	#banner h1{ text-indent:-9999px; float:left;}
#content{ width:800px;padding:10px 100px 0;background:url(../images/bg.jpg) bottom no-repeat;}
#about{ width:257px; float:left;background:url(../images/about01.gif) no-repeat;}
	#about h2{ width:200px; height:38px; float:left; text-indent:-9999px;}
	#about a{ width:50px; height:38px; float:left; text-indent:-9999px;}
	#about p{ text-indent:2em; line-height:24px;}
	
#product{ width:324px; height:38px;text-align:center;float:left; background:url(../images/pro01.gif) no-repeat;}
#demo{ overflow:hidden; width:324px; height:260px; margin-top:10px}
	#product h2{ width:270px; height:38px; float:left; text-indent:-9999px;}
	#product a{ width:50px; height:38px; float:left; text-indent:-9999px;}
	#product ul{}
	#product li{float:left; width:105px;}
	#product li a{ text-indent:0;width:100px; height:auto;}
	#product li img{ width:90px; height:80px;display:block; padding:5px;  background:url(../images/probg.jpg) no-repeat;}
	.homeProName{height:10px; width:80px; overflow:hidden; padding:10px 0 10px 0;}
#contact{ width:196px; float:left; margin-bottom:18px;}
	#contact img{ padding:5px 0 0 5px;}
#foot{text-align:center; padding-bottom:64px;}
	#foot p{ height:18px;}
	
	
	
/*------------------------------------------------page css-------------------------------------------*/
#pageContent{ width:800px;padding:10px 100px 0 100px;background:url(../images/bg.jpg) bottom no-repeat;}
.jj{ _margin:0 0 0 -10px;}

#pageProCon{}
	#pageProCon img{ width:300px; height:262px; float:left; display:block; margin:10px 10px 10px 0; padding:5px; border:1px solid #ededed;}
	#pageProCon strong{ font-weight:600; display:block; color:#218e9d; padding:30px 0 10px 0;}
	#pageProCon p{ line-height:24px;}

#pageLeft{width:196px; float:left; margin-bottom:18px;}
	#pageLeft ul{ width:197px; margin-bottom:5px;}
	.bg{ background:url(../images/libg.gif);}
	#pageLeft li{ width:169px;}
	#pageLeft li a{ height:30px; margin-left:14px;display:block; padding:5px 0 0 40px; background:url(../images/li.gif) no-repeat;}
	#pageLeft li a:hover{ color:#006666;}
	.first{ padding-top:20px;}
	.end{ padding-bottom:40px;}
	.title{ width:177px; height:24px; font-weight:600; font-size:14px; color:#FFF; background-color:#218e9d;padding:16px 0 0 20px;}
	
	#pageLeft li p a{background:url(../images/subli.gif) 25px 5px no-repeat;height:18px;}
	#pageLeft img{padding:3px 0 0 0;}

#pageRight{ padding:10px 0 0 220px; margin-bottom:18px;}
	.path{ width:552px; height:32px; text-align:right; padding-right:20px; line-height:32px; background:url(../images/path.gif) no-repeat;}
	.pathTitle{ font-weight:600; color:#218e9d; font-size:14px; padding-left:35px; float:left;}
	
	.pagePro{ padding:20px 0 0 10px;}
		.pagePro ul{}
		.pagePro li{float:left; width:135px; *width:135px;}
		.pagePro li a{ text-indent:0; display:block;width:100px; text-align:center;}
		.pagePro li img{ width:90px; height:80px;display:block; padding:5px;  background:url(../images/probg.jpg) no-repeat;}
		.proName{height:24px; padding:10px 0 5px 0;}
		
	.page_list{ padding:0 50px 30px 50px;}

#pageAbout{ padding:20px 20px 0 20px;}
	#pageAbout ul{}
	#pageAbout li{ width:272px; height:28px; float:left;}
	#pageAbout p{ line-height:24px; text-indent:2em;}

.guestbook_list{ padding:10px}
.guestbook_list li{padding-bottom:10px}
.guestbook_list li .info{padding:8px 30px; background:url(../images/icon2.gif) no-repeat 10px 10px #F7EFE2;}
.guestbook_list li .content{ padding:5px 30px; line-height:20px;}
.guestbook_list li .as{padding:5px 30px; background:url(../images/icon1.gif) no-repeat 10px 5px; }

.guestbook_submit{ padding:10px}
.guestbook_submit li{ margin:10px 0px}
.guestbook_submit li input{ margin-right:5px; border:1px #208e9b solid}
.guestbook_submit li textarea{ border:1px #208e9b solid; width:250px; height:80px; color:#666; font-size:12px; padding:5px; margin-left:60px}
.guestbook_submit li button{ margin-left:60px}

.pro_list{ padding:10px}
.pro_list li{ margin:20px 0px}
.pro_list li .pic{ float:left; width:300px; height:200px; padding:5px; border:1px #ccc solid}
.pro_list li .info{ float:left; margin-left:20px; line-height:22px; width:410px}
.pro_list li .info a{ font-size:14px; font-weight:bold}
.pro_list li .info img{ margin-left:300px; margin-top:5px}