﻿@charset "utf-8";
/*base*/
a img {
	border: none;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #000;
}
em, var {
	font-style: normal;
}
ul, ol {
	padding: 0;
	list-style-type: none;
}
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, p {
	margin: 0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	font-family:宋体 微软雅黑 黑体;
}
body {
	background: #fff url(bg.gif) top center repeat-x;
	line-height: 20px;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}
.cl {
	clear:both;
	line-height:10px;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
/*body*/
.wrap{
	width:960px;
	margin:auto;
}
/*header*/
.logo{
	display:block;
	height:120px;
	width:960px;
	background:url(logo.jpg);
	text-indent:-999px;
}
.header {width: 960px;
margin: auto;
}
.header .add{
	float:right;
	height:120px;
	width:960px;
}
/*menu*/
.menu{
height:6px;
background:#000;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#menu{
width:960px;
margin:0 auto;

	height:30px;
	line-height:30px;
	background:#c3dae4;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#menu li{
position:relative;
	float:left;
	height:30px;
	padding:0;
}



.lil,.lir{
	background:#fff;
	font-weight:900;
}
.red{
color:red;}
#menu li.lir{
	
	float:right;
}
#menu li a{
	float:left;
	padding:0 13px;
	color:#000;
	font-size:12px;
}
#menu li a:hover{
background:#000;
	color:#fff;
}

#menu li a.hover{
background:#000;
	color:#fff;

}

#menu li ul { 
	z-index:100;
position:absolute;
	display: none;
	top: 28px;
	left:0px;
	border:1px dotted  #fff;
	border-top:none;
	
	
}
#menu li ul li{clear:both;white-space:nowrap;}
#menu li:hover ul, li.over ul {
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
position:absolute;
background:#000;
	display: block;
	border:1px dotted  #000;
	color:#fff;
	width:200px;

}
#menu li:hover ul li a, li.over ul li  a{

color:#fff;
padding-left:10px;
display: block;

}

/*main*/
#main{
	line-height:20px;
}
h2 a.more{
	float:right;
	width:46px;
	height:24px;
	overflow:hidden;
	background:url(more.gif) left center no-repeat;;
	text-indent:-999px;
	
	
}
/*mleft*/
.mleft{
	width:190px;
	float:left;
}
.mleft .p ul li{

border-bottom:1px dashed #cce9ff;
padding-top:2px;
padding-bottom:2px;
text-align:left;
padding-left:6px;
margin:2px;
height:22px;
overflow:hidden;

}
.mleft .p ul li:hover{
background:#ccc;
border-bottom:1px dashed #cce9ff;
padding-top:2px;
padding-bottom:2px;
text-align:left;
padding-left:6px;
margin:2px;
}
.box{
	background:#FFF;
	border:1px solid #ddd;
	margin-bottom:10px;
}
.box h2{
	height:30px;
	line-height:30px;
	background:url(h2.gif) left top repeat-x;
	padding-left:10px;

}
.mleft .box ul,.news .box ul{
	padding:10px;
}
/*mright*/
.mright{
	width:760px;
	float:right;
}
.mright .content{
	padding:10px;
	line-height:26px;
	font-size:14px;
}
.mright h1{
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
.mright .date{
    line-height:30px;float:right;
	color:#333333;
}
.linkpage{
	border-top:1px solid #f0f0f0;
	padding:10px;
}

#about {
_width:520px;
width:520px;
float:left;
}
#about p {
padding:0px 6px;
}
#product ul{
	padding-top:10px;
}
#product ul li{
display:block;
	padding:10px;
	clear:both;
}
#product ul li .pic{
	float:left;
	margin-right:20px;
	border:1px solid #dfdfdf;
	padding:5px;
}
#product ul li span,#product ul li b{
	display:block;
	height:27px;
	line-height:27px;
	text-align:center;
}
#product ul li b{
	color:#5F3C38;
}
#productsul li b em{
	color:#99999c;
	padding-right:5px;
}
.news{
	width:230px;
	float:right;
}
/*lin_list*/
#in_list
{

}
#in_list ul {
margin:0px;
padding:0px;
}
#in_list li{
overflow:hidden;
_width:170px;
	width:172px;
	height:147px;
	border:1px solid #fff;
	padding:7px;
	float:left;
}
#in_list li:hover{
overflow:hidden;
_width:170px;
	width:172px;
	height:147px;
	background-color:#f0EEEE;
	border:1px solid #ccc;
	padding:7px;
	float:left;
}
#in_list li img{
width:172px;
height:130px;
}
#in_list li span a{
color:#000;
font-weight:100;
}
#in_list li span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	
}
#demo li{
	width:180px;
	padding:5px 0 5px 10px;
	float:left;
}
#demo li img{
	width:180px;
	height:100px;
	border:1px solid #cdcdcd;
}
#demo li span{
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
}
/*form*/
.form li{
	padding:5px 0;
}
.btn input{
	padding:5px 10px;
	margin:0 10px;
}
label.error{
	color:#ff3300;
}
/*links*/
.nav,.links{
	padding:5px 10px;
	z-index:999px;
	border:1px solid #cce9ff;
}
.links a{
	padding:0 5px;
}
/*footer*/
.footer{
	min-height:52px;
	padding:10px;
	background:url(footer.gif);
	text-align:center;
}
.pimg{
margin:0 auto;border:1px solid #ccc;text-align:center;padding:2px;width:500px;}
.pimg img{
width:500px;
}
.ximg{
margin:0 auto;border:1px solid #ccc;text-align:center;padding:5px;width:210px;float:left;margin-right:10px;}
.ximg img{
width:200px;
}
.newlist{
padding-left:20px;
}
.newlist li{
 list-style-type:square;
 line-height:28px;
}
 .tytb{
border: 1px solid #ccc;width:100%;
}
 .tytb td{

border: 1px solid #ccc;text-align:center;background-color:#f7f7f7;line-height:25px;
}
 .tytb caption{
color:#000;line-height:35px;font-size:14px;font-weight:bold;
}
.banner{
left:0;top:0; z-index:-1;  height:260px;}