@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
ul li{ list-style-type:none;}
td,th{
	font-size:12px;
}
div {
    padding:0; margin:0
}
ul {
	padding:0; margin:0
}
li {
	padding:0; margin:0
}
a {
	padding:0; margin:0;
	cursor:pointer;
}
form {
	padding:0; margin:0
}
img {
	border: 0
}

a:active,a:link,a:visited{
	font-weight: normal;
	color: #555;
	text-decoration: none;
	font-size: 12px;
}
a:hover{
	font-weight: normal;
	font-size: 12px;
	color: #C30013;
	text-decoration:none;
}

html{background:#efe7f2;}
body{
	color:#555;
	font-size:12px;
	background-color: #CCCCCC;
}
#head{ width:100%; height:85px; margin:0 auto; overflow:hidden; position:relative;}
#top{ width:960px; height:85px;margin:0 auto; overflow:hidden; position:relative;}
#topright{ width:205px; float:right; padding-right:10px; padding-top:40px;}
#topright ul{ list-style:none;}
#topright li{width:100px; height:15px; display:inline; margin-right:10px;}
.bg01{ background:url(../images/icon_01.jpg) no-repeat left top; padding-left:16px;}
.bg02{ background:url(../images/icon_02.jpg) no-repeat left top; padding-left:18px;}
.fl{ float:left;}
.fr{ float:right;}
#nav{ width:100%; height:36px; background:url(../images/bg_nav.jpg) repeat-x; margin:0 auto; position:relative;}
#nul{width:960px;height:36px;margin:0 auto;z-index:30;}
#nul li{width:120px; height:36px; float:left; background:url(../images/nav_line.jpg) no-repeat center right;}
#nul li a{width:120px; height:36px; line-height:36px; color: #FFF; font-weight:bold; font-size:14px; font-family:"΢ÈíÑźÚ";display: block; text-align: center;}
#nul li a:hover{background:url(../images/bg_nav_1.jpg) repeat-x;}
#nul div{width:120px;position:absolute; top:36px;visibility: hidden;background:#fff;z-index:999;}
#nul div a{width:120px; height:17px; padding-top:8px;position:relative;display:block; background:none;color:#555;font:12px arial;}
#nul div a:hover{ background:#a084b8; color:#FFF;}
#banner{ width:100%; height:299px; background:#d0cbd2; overflow:hidden;position:relative;}
#content{ width:960px; height:auto; background:#fff; margin:0 auto; overflow:hidden; position:relative;}
.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/nothing.gif")}
.contmain{ width:940px; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.lwidth200{ width:200px; height:215px; overflow:hidden; position:relative;}
.lwidth400{ width:400px; height:215px; overflow:hidden; position:relative;}
.lwidth620{ width:620px; height:250px; overflow:hidden; position:relative;}
.lwidth300{ width:300px; height:250px; overflow:hidden; position:relative;}
.border{border-bottom:1px solid #c3bddf; height:26px; line-height:26px; margin:0 auto; overflow:hidden; position:relative}
*html.border{border-bottom:1px solid #c3bddf; height:16px; padding-top:10px;position:relative}
.font{ color:#0F9161; font-size:14px;font-family:"΢ÈíÑźÚ";}
.font1{ color:#c1c0c0; font-size:12px; margin-left:6px;}
.font2{ color:#F00; font-size:10px; font-family:"ËÎÌå-PUA";}
.font3{color:#fff; font-size:12px;margin-left:6px;}
.font img{ margin-top:10px;}
.mt10{ margin-top:10px;}
.mt3{ margin-top:3px;}
.mt15{ margin-top:15px;}
.mt30{ margin-top:30px;}
.mb20{ margin-bottom:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}
#news{ width:405px; height:auto; padding-top:10px; margin:0 auto; overflow:hidden; position:relative;}
#news ul{ list-style:none;}
#news ul li{width:379px; height:28px; line-height:28px; border-bottom:1px dotted #999999; background:url(../images/icon_text.jpg) no-repeat 3px center; padding-left:16px; padding-right:10px;}
#news ul li span{ float:right;}
#video{ width:290px; margin:0 auto;  margin-top:10px;overflow:hidden;position:relative;}
#service{ width:200px; height:28; background:url(../images/bg_service.jpg) no-repeat; overflow:hidden; position:relative;}
#sercont{ width:198px; height:175px; border:1px solid #c3bddf; border-top:none; display:block; overflow:hidden; position:relative;}
#sercont p{ width:180px; margin:0 auto; color:#555; margin-top:10px; margin-bottom:20px; text-indent:24px; line-height:23px;}
#about{
	width:600px;
	height:206px;
	margin-top:5px;
	overflow:hidden;
	position:relative;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}
#about img{padding-left:10px; float:right}
#about p{line-height:23px; padding-top:5px; color:#555; text-indent:24px;}
#cont{
	width:286px;
	height:206px;
	line-height:23px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	background:#f5f5f5;
	margin:0 auto;
	margin-top:10px;
	overflow:hidden;
	position:relative;
	padding-right: 10px;
}
.fonitit{ font-size:13px; font-weight:bold;}
#contact ul{ list-style:none;}
#contact ul li{ line-height:23px; color:#555; margin-left:20px; margin-right:20px;}
.fcor{ color:#F00;}
#product{ width:100%; height:180px; background:url(../images/bg_product.jpg) repeat-x center top; padding:20px 0; margin-top:5px; overflow:hidden; position:relative;}
.bordernone{ border-bottom:none;}
#prolink{ float:left; margin-left:10px;}
#prolink li{display:inline;color:#555;}
#prolink li a{ margin-right:3px; margin-left:5px;}
#demo {
overflow:hidden;
width:98%;
height:180px;
margin:0 auto;
margin-top:10px;
}
#indemo {
float: left;
height:180px;
width: 800%;
}
#demo1 dl{
height:180px;
float: left;
padding:0 15px;
cursor:pointer;
}
#demo1 img{width:200px; height:150px; border:#DBDBDB 1px solid;}
#demo1 dt{ text-align:center; width:202px; height:30px; line-height:30px; }
#demo1 dt a:active{width:202px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#demo1 dt a:link{width:202px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#demo1 dt a:visited{width:202px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#demo1 dt a:hover{width:202px; height:30px; background:url(../images/bg_hover.jpg) no-repeat bottom; color:#FFF; display:block}
#demo2 {
float: left;
}

#foot{ width:100%; height:86px; background:url(../images/bg_foot.jpg) repeat-x; color:#555; margin:0 auto; text-align:center; overflow:hidden; position:relative;}

#nbanner{
	width:100%;
	height:200px;
	background:#006633;
	overflow:hidden;
	position:relative;
	background-color: #FFFFFF;
}
#ncontent{
	width:960px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	background-color: #FFFFFF;
}
.bgncont{ background:url(../images/bg_main.jpg);}
#nl1{ width:230px; height:100%;min-height:500px; background:#FFF; float:left; overflow:hidden; position:relative;}
#nnav{ width:230px; height:auto; background:url(../images/bg_nnav.jpg) no-repeat; overflow:hidden; position:relative;}
#nnav ul{ list-style:none;}
#nnav li{ font-size:13px; font-weight:bold; line-height:30px; background:url(../images/line.jpg) no-repeat center bottom; margin-right:20px; margin-left:10px; text-align:center;}
.nfont{ color:#933; font-size:14px; font-weight:bold; font-family:"΢ÈíÑźÚ";}
.nborder{ width:200px; height:40px; border:1px solid #CCC; margin:0 auto; margin-top:10px;overflow:hidden; position:relative;}
.nnews{ width:160px; height:30px; line-height:30px; text-align:center;background:#f9f6f6; margin:0 auto; margin-top:5px; display:block;}
.nnews:hover{ background:#1C9376; color:#FFF;}
#relate{ width:220px; height:auto; margin:0 auto; margin-top:15px; overflow:hidden; position:relative;}
#relate ul{ margin-left:10px; margin-right:10px;}
#relate ul li{ line-height:23px;}
.contact{ text-align:left; line-height:23px; padding:15px 5px;}
#nr1{ width:690px; height:auto; float:right;  overflow:hidden; position:relative;}
#nr1top{ width:643px; height:30px; line-height:30px; background:url(../images/dir.png) no-repeat center left; padding-left:27px; border-bottom:1px solid #CCC; margin:0 auto; overflow:hidden; position:relative;}
#nr1top a{color:#555}
#nr1top a:hover{ color:#928276;}
#nr1top span{color:#FF0000}
#nr1cont{width:670px; height:auto; padding:20px 0 10px; margin:0 auto; overflow:hidden; position:relative;}
#nr1cont ul{ list-style:none;}
#nr1cont li{ background:url(../images/icon_text.gif) no-repeat 5px center; padding-left:20px; border-bottom:1px dotted #CCCCCC; line-height:30px;}
#nr1cont span{ float:right;}
.page{ width:100%; height:25px; text-align:right; margin:0 auto; margin-top:10px; margin-bottom:10px;position:relative;}
.text{ width:20px; text-align:center;}
.btn{ width:25px; height:20px; font-size:13px;}
#nr2cont{width:650px; height:auto; margin:0 auto; overflow:hidden; position:relative;}
#nr2cont h3{text-align:center; margin:25px auto 0;}
.rq{width:650px; height:25px; line-height:25px; border-bottom:1px dotted #CCCCCC; color:#ccc; text-align:center; padding-top:15px; margin:0 auto;}
.rq2{width:650px; height:15px; border-bottom:1px dotted #CCCCCC; margin:0 auto;}
.txt{ width:650px; text-align:left; line-height:200%; padding:15px 0; margin:0 auto;}
#nr3cont{width:670px; height:auto; margin:0 auto; overflow:hidden; position:relative;}
#produce{ width:660px; margin:0 auto; padding-top:15px; overflow:hidden; position:relative;}
#produce dl{float:left; padding:5px 10px 10px; text-align:center; width:200px; height:180px; cursor:pointer;}
#produce dt{ text-align:center; width:200px; height:30px; line-height:30px; }
#produce img{width:200px; height:150px; border:#DBDBDB 1px solid;}
#produce dt a:active{width:202px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#produce dt a:link{width:202px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#produce dt a:visited{width:200px; height:30px; background:url(../images/icon_03.gif) no-repeat bottom right; display:block}
#produce dt a:hover{width:202px; height:30px; background:url(../images/bg_hover.jpg) no-repeat bottom; color:#FFF; display:block}
#nr3cont p{ color:#9a7e99; text-indent:24px; line-height:25px; margin-top:15px;}
#nr4cont{width:650px; height:auto; text-align:left; line-height:200%; padding:15px 0; margin:0 auto; overflow:hidden; position:relative;}