@charset "gb2312";
*{ margin:0;padding:0;}
body { font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-align:center;}
img{ border:0; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
ul{ list-style-type:none;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#f00;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
#container{ width:780px; margin:0 auto;}
#nav{ width:100%; height:53px; background:url(../img/navBG.gif) repeat-x;}
#nav h1{ width:200px; height:43px; background:url(../img/logo.png) no-repeat; text-indent:-2000px;}
#nav li{ display:inline; height:43px; line-height:43px; padding-right:40px;}
#banner{ width:100%; height:96px; background:url(../img/banner.png) no-repeat;}
#products_item{width:780px; height:30px; background:url(../img/pro_item_bg.gif); margin:0 auto; font-weight:bold; text-align:center; color:#666;}
#products_item ul li{display:inline; line-height:30px; background:url(../img/dash.gif) right top no-repeat; margin-left:8px; padding-right:8px;}
#products_item #nobg{background:none;}
#content_top{width:780px; margin:6px auto 0; text-align:left;}
#company_info{width:594px; float:right; border:1px solid #cedeeb; padding:1px; position:relative;}
#company_info h3{background:url(../img/title_tompanyinfo.gif); width:141px; height:30px; text-indent:-10000px; float:left;}
#company_info a#company_id{color:#FF0000; float:right; display:block; line-height:30px; width:453px; background:url(../img/title_tompanyinfo_bg.gif) repeat-x; text-align:center; font-weight:bold; font-size:13px; letter-spacing:1px;}
#company_info a#company_id:hover{color:#f00;}
#company_info p{padding:6px; line-height:200%; color:#333; font-size:13px;}
#company_info p span{ background:url(../img/icon.gif) left center no-repeat; line-height:200%; padding-left:10px; padding-right:2px; margin-left:120px;}
#project{width:177px; float:left;}
#project h3{background:url(../img/title_project.jpg) left top no-repeat; text-indent:-10000px; height:32px;}
#project #bulletindemo{border:1px solid #cc6; background-color:#ffffdf; height:136px; margin-top:2px; line-height:150%; padding:0 5px; overflow:hidden;}
*+html #project #bulletindemo{ height:130px;}
#search{width:780px; margin:6px auto 0; background:url(../img/searchbg.gif); height:32px; position:relative; text-align:left;}
#search p{height:32px; line-height:32px; background:url(../img/searchbg_left.gif) left top no-repeat; padding-left:25px;}
#search p a{color:#F5F5F5; text-decoration:none; font-weight:bold; margin-right:12px;position:relative;}
#search p a:hover{text-decoration:underline;}
#search p input{font-size:13px; margin:4px 15px 0 0; position:relative;}
#search #text{margin-left:100px; margin-right:15px;}
#search #price{position:absolute; right:0; bottom:0; background:url(../img/searchbg_right.gif) right top no-repeat; margin:0; padding-right:20px; top:0;}
*html #search #text{ top:-2px;}
*+html #search #text{ top:-4px;}
*+html p input{ top:-2px;}
*+html #search p a{ top:-5px;}
*html #search p a{ top:-4px;}
#intro{ width:100%; margin-top:1px;}
#list #why,#intro #left{ width:178px; border:1px solid #dedede; border-top:0; border-right:3px solid #dedede; height:303px;}
#list h3,#intro #left h3{ height:27px; line-height:27px; font-weight:normal; background:#ccf; text-align:center;}
#intro #left p,#intro #left ul{ text-align:left; padding-left:7px;}
#intro #left p{ font-weight:bold; background:url(../img/dot.gif) top repeat-x; line-height:18px; padding-top:9px; color:#666; padding-bottom:1px;}
#intro #left li{ margin-top:2px;}
#intro #left img{vertical-align:top;}
#intro #left #history{ text-align:center; padding:0; padding-top:5px;}
#intro #right{ width:598px; text-align:left;}
#intro #right ul{ width:298px; height:76px; float:left; background:url(../img/dot.gif) bottom repeat-x; border-right:1px solid #cbf3f5;}
#intro #right ul li{ float:left;}
#intro #right .left{ width:75px; border-right:1px solid #cbf3f5;}
#intro #right .right{ width:221px;}
#intro #right p{ text-indent:2em;line-height:20px;}
#intro #right img{ padding-top:4px; padding-left:4px;}
#intro #right h2{ padding-top:6px;}
#intro #right p,#intro #right h2{ padding-left:3px; padding-top:6px; padding-right:3px;}
#advertise{ width:100%; margin-top:5px; margin-bottom:5px;}
#list{ text-align:left;}
#list #why{ background:url(../img/dot.gif) repeat-x top; height:220px;}
#list .container{ width:288px; margin-left:10px;}
#list .container li,#list #why li{ border-bottom:1px dashed #ccc; margin-left:5px; height:22px; line-height:22px; margin-right:2px;}
#list .container h6{ height:24px; background:url(../img/indexbutc.gif) no-repeat; line-height:24px; padding-left:33px; text-align:right; padding-right:30px;}
#list .container img{ position:relative; top:6px;}
#list .container ul{ width:286px; border:1px solid #cbf3f5; border-top:0; height:196px; clear:both;}
#list .container li{ background:url(../img/ic.gif) left center no-repeat;  height:25px; line-height:25px; padding-left:12px;}
#list .container li a{ margin-right:5px;}
#product{ width:778px; background:#fffff0; border:1px solid #cc6; text-align:left; margin-top:10px;}
#product li{
	float:left;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
	padding-left: 4px;
}
#footer{ width:100%; background:url(../img/bottbg.gif) left top repeat-x; margin-top:2px;}
#footer p,#footer ul{ padding-top:6px;}
#footer li{ display:inline; padding-left:3px; padding-right:3px;}
#footer .dashed{ background:url(../img/dot.gif) bottom repeat-x;}
#demo {overflow:hidden; height:135px;}
#indemo {height:800%;}
#demo1 {}
#demo2 {}