@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
/*remembertodefinefocusstyles!*/
:focus {
	outline:0;
}
/*remembertohighlightinsertssomehow!*/
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
/*tablesstillneed'cellspacing="0"'inthemarkup*/
tbody,table {
	border-collapse:collapse;
	border-spacing:0;
}
input{padding:0; outline:0; margin:0; }
.clear{clear:both;}

/*************************************/

body{margin:0; background:url(../images/bg.jpg) no-repeat top center #fff; font-family:Arial, sans-serif;}
A:link { TEXT-DECORATION:none; color:#000;}
A:visited { TEXT-DECORATION: none;}
A:hover {TEXT-DECORATION: none; color:#F90;}

#header{width:1000px; margin:0 auto; padding-top:40px; position:relative;}
#header .logo{width:402px; height:122px; background:url(../images/logo.png) no-repeat; position:absolute; top:40px; left:10px;}
#header .sm_dh{width:100px;  position:absolute; height:40px; top:80px; right:120px;}

#header .daohan{height:60px; width:885px; background:url(../images/bdh.png) no-repeat center top; margin:80px auto 0px auto; padding:70px 0px 0px 60px;}
#header .daohan a{display:block; float:left; width:110px; text-align:center; line-height:50px; background:url(../images/dh_bg.gif) right center no-repeat; color:#666; font-size:14px;}
#header .daohan a:hover{background:url(../images/dh_a_bg.gif); color:#fff; font-weight:bold;}

#main{background:#f7f7f7; position:relative; height:200px;}
#main .home{width:996px; position:absolute; left:50%; margin-left:-490px; z-index:99999999; margin-top:-45px; background:url(../images/home_bg.png) no-repeat; height:231px;}
#main .home .title{line-height:30px;  height:30px; margin-top:7px; padding-top:10px; text-align:center;}

.habout{width:290px; padding:15px 30px; float:left; background:url(../images/ab_bg.gif) no-repeat right; font-size:12px; line-height:20px; color:#8e8e8e;}
.habout a{display:inline-block; *display:inline; *zoom:1; padding:3px 20px; margin-top:15px; background:#cccccc; color:#fff; margin-left:1px;}
.habout a:hover{background:#2c8b15;}
.products{width:620px; float:right;}

#footer{ height:130px; padding:10px; text-align:right; background:#f5f5f5; line-height:20px;}
.copyright{width:703px; margin:0 auto;  background:url(../images/m_logo.gif) no-repeat 20px  center; padding-left:300px; font-size:12px;}
.copyright a{color:#666;}
.copyright a:hover{color:#C60;}
#gpic {margin:10px auto 0px auto;}
#gpic td{width:174px; height:144px; }
#gpic td .li{padding:5px; width:174px; background:#FFF; border:1px solid #CCC;}
#gpic td img{width:174px; height:144px;}


#nav{width:125px; height:32px; background:url(../images/dh.png) no-repeat;}
#nav h3{ cursor:pointer; line-height:32px; font-size:14px; height:30px; padding-left:40px;color:#fff}
#nav a{display:block; text-align:center; font-size:12px;line-height:30px;color:#666666}
#nav a:hover{background-color:#eee; color:#000;}
#nav div{display:none; background:#FFF; border-top:none; margin-top:4px;}

#all{background:#fafafa; padding:10px 0px;}
#all .main{width:980px; margin:0 auto; background:url(../images/main_li.gif) repeat-y 245px #fff; border:1px solid #d5d5d5; 
-moz-border-radius: 10px; /* Firefox */   
-webkit-border-radius: 10px; /* Safari and Chrome */   
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */   
-moz-box-shadow: 0px 0px 10px #ccc; /* Firefox */   
-webkit-box-shadow: 0px 0px 10px #ccc; /* Safari and Chrome */   
box-shadow: 0px 0px 10px #ccc; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */   
  }
#all .main .left{float:left; width:245px;}
#all .main .right{float:right; width:723px;}

#all .main .left .box{width:220px; margin:20px auto; border:1px solid #CCC; font-size:12px;}
#all .main .left .box .title{line-height:34px; padding-left:20px; font-size:14px; font-weight:bold; border-bottom:1px solid #CCC; color:#333; }
#all .main .left .box a{display:block;  font-size:12px; font-weight:bold; padding:9px 0px 11px 35px; color:#000; background:url(../images/nt.gif) no-repeat 15px center ;}
#all .main .left .box a:hover{ color:#fff;}
#all .main .left .box ul li{list-style:none;  background:url(../images/box_bg.gif) repeat-x; border-bottom:1px solid #ccc;}
#all .main .left .box ul li:hover{background:url(../images/box_bg2.gif) repeat-x;}
#all .main .left .box p{padding:10px;}
.right .title{height:77px; width:90%; line-height:77px; background:url(../images/t_bg2.gif) no-repeat 20px  center; border-bottom:1px solid #ccc; padding-left:50px; position:relative;}
#position{position:absolute; line-height:30px; font-size:12px; top:30px; right:30px; }

/* 当前位置
-------------------------------------------------------------------*/
#position {
	line-height: 32px;
	height: 32px;
}
#position li.home {
	background-image: url(../images/r.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	height: 31px;
	float: left;
	padding-left: 20px;
}
#position li {
	margin:0 3px;
	background-image: url(../images/square.gif);
	background-repeat: no-repeat;
	background-position: -6000px center;
	padding-left: 1em;
}
#position  a{color:#333;}
#position a:hover{color:#F60;}


.artContent {
	clear:both;
	font-size:14px;
	line-height:26px;
	overflow:hidden;
	padding:9px 0;
	color:#646464;
}
.artContent img {
	max-width:650px;
	width:expression(this.width>650?650:true);
}
.details {
	background-image: url(../images/square.gif);
	background-repeat: no-repeat;
	background-position: -2000px center;
	padding-left: 1em;
	}
	
	#news li{line-height:40px; width:90%; margin:0 auto; font-size:12px; background:url(../images/nt.gif) no-repeat left center; border-bottom:1px solid #FAFAFA; padding-left:30px;}
	#news li a{color:#000;}
	#news li a:hover{color:#F90;}
	
	.aOrange,
.orangeA a:link, .orangeA a:visited {
	color:#f90;
}

.mL10 {
	margin-left:10px;
}

/* 分页
-------------------------------------------------------------------*/
.paglist {
	font-size:12px;
	text-align:center;
	height:24px;
	line-height:24px;
	border-top:1px dashed #999;
	width:95%; margin:0 auto;
	margin:6px 0 6px 0;
}
.paglist a {
	margin-left:3px;
}


/* 产品
-------------------------------------------------------------------*/
#products {
	font-size:12px;
	text-align:center;
	overflow:hidden;
}
#products li {
	width:28%;
	float:left;
	margin-top: 20px;
	margin-left:16px;
	position: relative;
	border:1px solid #CCC;
}
#products dl {
	padding:15px;
	margin: 0px auto;
	background-image: url(../images/img_bg.png);
	background-repeat: no-repeat;
}
#products dl dt {
	margin-bottom:10px;
}
#products dl dt a {
	display: table-cell !important;
	display:block;
	height:162px;
	font-size:130px;
	width:178px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	
}

#products dl dt img {
	vertical-align:middle;
	width:174px; height:144px;
	border-width: 0px;
}
#products dl dd {
	margin-top:3px;
}
#products dl dt .noLitpic {
	background-image: url(../images/litpic.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#products dl dt .vipLitpic {
	background-image: url(../images/litpic.gif);
	background-repeat: no-repeat;
	background-position: left -162px;
}

#bigpic {
	margin: 10px 0 20px 0;
}

#bigpic img {
	max-width:560px;
	width:expression(this.width > 560 ? '560px' : this.width);
}