﻿/* 
鱼设计工作室(http://www.51bangongjiaju.com)
创建时间@date2008-10-20
修改时间@date2008-10-20
*/

* {
	margin:0 auto;
	padding:0;
}
body {
	font-family:"verdana", "arial", "宋体", "sans-serif", "";
	font-size: 12px;
	color: #333;
	line-height:180%;
	height: auto;
	text-align:justify;
	text-justify:inter-ideograph;
}
img {
	border:none;
}
ul, li {
	display:block;
	list-style-type: none;
}
ol li {
	padding:5px;
}

/*超链接*/
a:link, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #f1af00;
	text-decoration:underline;
}
a:active {
	text-decoration: none;
}
a.a0:link, a.a0:visited {
	color:#333;
	font-weight:bold;
	font-size:14px;
	text-decoration: none;
}
a.a0:hover,a.a0:active{
	color: #f1af00;
}
a.a1:link, a.a1:visited {
	color:#333f00;
	text-decoration: none;
}
a.a1:hover {
	color:#ff0000;
	text-decoration:underline;
}
a.a1:active {
	text-decoration: none;
}
a.a2:link, a.a2:visited {
	color: #999;
	text-decoration:underline;
}
a.a2:hover {
	color:#f1af00;
	text-decoration:underline;
}
a.a2:active {
	text-decoration: none;
}

a.a3:link, a.a3:visited {
	color:#030;
	text-decoration: none;
}
a.a3:hover,a.a3:active{
	color: #f1af00;
}

a.a4:link, a.a4:visited {
	color:#666;
	font-weight:bold;
	text-decoration: none;
}
a.a4:hover,a.a4:active{
	color: #f1af00;
}

a.a5:link, a.a5:visited {
	color:#666;
	text-decoration: none;
}
a.a5:hover,a.a5:active{
	color: #f1af00;
}


/*Head*/
#head {
width:1004px;
height:52px;
border-top:0px solid #79c9ff;
background:url(../images/logo.gif) no-repeat;
}

#title{
width:1004px;
height:52px;
}

#title ul{
padding:15px 0 0 240px;
}

#title ul li{
float:left;
text-align:center;
padding:0 18px;
background:url(../images/line.gif) no-repeat 0 5px;
}

#title ul li a{
}

#title ul li.bg_none{
background:none;
}

#title ul li p.p{
font-size:10px;
line-height:80%;
}

/*Banner*/
#banner{
width:1004px;
height:170px;
}

#main{
width:1004px;
_margin-top:-2px;
}

#left{
float:left;
width:243px;
min-height:480px;
_height:480px;
background:url(../images/line_bg.gif) no-repeat right top;
}

h3{
display:block;
width:164px;
height:46px;
font-size:14px;
color:#FFF;
padding:10px 0 0 80px;
background:url(../images/title_bg.gif) no-repeat 11px 0;
}

#right{
float:left;
width:721px;
overflow:hidden;
padding:15px;
}

h5{
display:block;
font-size:12px;
font-weight:normal;
padding-left:24px;
color:#030;
border-bottom:1px solid #030;
background:url(../images/ico.gif) no-repeat 2px 5px;
}

ul.product{
padding-top:15px;
}

ul.product li{
float:left;
width:143px;
height:150px;
*height:116px;
text-align:center;
margin:5px 18px 0 18px;
_margin:0px 15px 0 15px;
}

ul.product li p{
line-height:200%;
margin-bottom:3px;
}

ul.product li img{
width:130px;
height:110px;
padding:2px;
border:1px solid #CCC;
}

#copy{
clear:both;
text-align:center;
width:100%;
height:55px;
color:#333;
padding-top:15px;
background:#ccc url(../images/copy_bg.gif) repeat-x;
}

.about{
padding:15px 0 0 0;
}

.about p{
text-indent:2em;
margin-bottom:10px;
line-height:200%;
}

#links{
clear:both;
width:1004px;
margin:3px auto;
padding-top:5px;
border-top:1px dotted #CCC;
}

#links p.st{
float:left;
font-weight:bold;
background-color:#eff2f4;
padding:0 5px;
}

#links ul{
float:left;
}

#links ul li{
float:left;
height:20px;
padding-right:6px;
padding-left:8px;
text-overflow:clip;
word-break:keep-all;
word-warp:warp;
}

#page{
width:700px;
text-align:right;
margin:25px 20px 0 0;
}

.list_pro{
padding:12px 0 0 0;
}

.list_pro div p{
margin-bottom:8px;
}

.list_pro img{
padding:2px;
border:1px solid #CCC;
float:left;
margin-right:12px;
vertical-align:top;
}

.addfav{
clear:both;
text-align:right;
padding:10px 0 0 0;
}

.list{
position:relative;
float:left;
width:350px;
min-height:72px;
_height:72px;
margin:20px 10px 0 0;
border-bottom:1px dashed #CCC;
}

.list p.pic{
position:absolute;
left:10px;
top:10px;
}

.list p.pic img{
width:67x;
height:50px;
}

.list p.link{
position:absolute;
left:90px;
top:6px;
}

.list ul.txt{
margin:25px 0 0 90px;
}

.list ul.txt li{
float:left;
padding-right:8px;
margin-right:8px;
text-overflow:clip;
word-break:keep-all;
word-warp:warp;
background:url(../images/line2.gif) no-repeat right;
}

#bbs{
clear:both;
margin-top:20px;
}

#bbs ul{
margin-top:10px;
}

#bbs ul li{
float:left;
width:300px;
border-bottom:1px dotted #CCC;
padding-left:16px;
margin:8px 20px 0 0;
background:url(../images/ico2.gif) no-repeat 0 6px;
}

#bbs ul li span.l{
float:left;
}

#bbs ul li span.r{
float:right;
font-size:11px;
}


/******  竖型鼠标触发伸缩菜单  ******/
#dlmenu {height:10em;margin:20px 0 0 2px;}
#menu { margin:0 0 10px; padding:0; position:absolute; width:230px;z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:none;}
#menu li:hover dt a , #menu li a:hover dt a {color:#333;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 230px; margin: 0;cursor:pointer;}
#menu dt {margin:0; padding: 0 0 0 10px;; font-size: 1.1em;background:url(../images/dot6.gif) no-repeat 0 10px;}
#menu dd {margin:0; padding:0 0 0 15px; font-size: 1em; text-align:left;background:url(../images/dot1.gif) no-repeat 22px 10px;}
.gallery dt a{display:block;color:#333;font-weight:bold;padding:5px 5px 5px 10px; }
.gallery dd a {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 23px;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dt a:hover {color:#333;}
#menu li dt a:hover,#menu li dd a:hover {color:#f30;text-decoration:underline;}
