/* CSS Document */
html{
background-color:#f2f2f2;
/*background:url(../images/bg.jpg);
*/}
*{ margin:0; border:0; padding:0;}

body{
font-size:12px;
margin:0 auto;
height:auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
a{
text-decoration:none;
color:#000000;
}
ul{
list-style:none;
}
#header{
width:1000px;
margin:0 auto;
height:420px;
}
.logo{
width:100%;
height:65px;
}
.dh{
width:100%;
height:40px;
background:url(../images/dh_li.jpg) repeat-x;
}
.dh ul{
list-style:none;
}
.dh li{
float:left;
line-height:40px;
margin:0 7px;
}
.dh li a{
color:#fff;
display:block;
font-size:14px;
text-decoration:none;
width:96px;
height:40px;
text-align:center;
font-weight:bolder;
}
.dh li a:hover{
background:url(../images/dh_hover.jpg) no-repeat;
color:#000000;
}
.flash{
height:300px;
margin-top:10px;
margin-bottom:5px;
}
#content{
width:1000px;
margin:10px auto;
clear:both;
min-height:400px;
overflow:hidden;
}
.about{
width:483px;
float:left;
height:210px;
margin-left:7px;
border:#cbd6da 1px solid;

}
.art{
margin:0;
padding:0;
z-index:1;
width:480px;
color:#000000;

}
.about p{
margin:0 20px;
padding:0;
line-height:25px;
text-align:left;
text-indent:2em;
padding-top:12px;
}
.span{
background:url(../images/product.png) no-repeat;
height:35px;
width:483px;
display:block;
line-height:35px;
font-size:14px;
color:#FFFFFF;
text-indent:1em;
border-bottom:1px solid #000;
}
.more{
background:url(../images/more.png) no-repeat;
width:66px;
height:35px;
display:block;
margin:8px 0 0 0;
line-height:27px;
text-align:center;
float:right;
padding:0;
}
.more a{
color:#FFFFFF;
text-decoration:none;
}
.more a:hover{
color:#000000;
text-decoration:underline;
}
.news{
width:483px;
float:right;
height:210px;
margin-right:7px;
border:#cbd6da 1px solid;

}
.news ul{
margin:0 0 0 15px;
padding:0;
list-style:none;
color:#000000;
padding-top:12px;
}
.news ul li{
line-height:30px;
margin:0;
padding:0 0 0 15px;
background:url(../images/li.jpg) no-repeat left center;
}
.news ul li a{
color:#000000;
text-decoration:none;
}
.news ul li a:hover{
color:#000000;
text-decoration:underline;
}
.news ul li span{
float:right;
margin-right:10px;
}
.procudt{
width:981px;
float:left;
clear:both;
border:#cbd6da 1px solid;
height:300px;
margin:10px 0 0 7px;
}
.procudt .span{
background:url(../images/product.png) no-repeat;
height:35px;
width:100%;
display:block;
line-height:35px;
font-size:14px;
color:#FFFFFF;
text-indent:1em;
border-bottom:1px solid #000;
}
.procudt .span .more{
background:url(../images/more.png) no-repeat;
width:66px;
height:35px;
display:block;
margin-top:8px;
line-height:27px;
text-align:center;
float:right;
}
.procudt ul{
margin:0 0 5px 80px;
}
.procudt li a{
color:#FFFFFF;
text-decoration:none
}
.procudt li a:hover{
text-decoration:underline
}
.procudt li{
background:url(../images/pro_list.png) no-repeat;
width:74px;
height:33px;
float:left;
list-style:none;
font-weight:bolder;
text-align:center;
line-height:33px;
color:#FFFFFF;
margin:10px 0 10px 30px;
}
.procudt img{
border:#CCCCCC 1px solid;
padding:3px;
}
.link{
background:#02a3e7;
width:1000px;
min-height:30px;
overflow:hidden;
line-height:25px;
margin:5px auto;
color:#0088c2;
}
.link p{
float:left;
}
.link a{
color:#0088c2;
text-decoration:none;
}
#footer{
width:1000px;
margin:0 auto;
height:110px;
clear:both;
background:url(../images/foot_bg.jpg) repeat-x;

}
#footer .p{
text-align:center;
line-height:25px;
padding-top:5px;
color:#FFFFFF;
}

#footer a{
color:#02a3e7;
}


/*banner*/
.wrapper {
	
	width: 1000px;
	overflow: hidden;
	
}
.swipe {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
	list-style:none;
}
.swipe #pagenavi {
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 1000px;
}
.swipe #pagenavi a {
	width: 10px;
	height: 10px;
	line-height: 99em;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 4px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
*display:inline;
*zoom:1;
}
.swipe #pagenavi a.active {
	background: #C80002;
}