@charset "utf-8";
@import url(css/DIY.css);
/* CSS Document */
body{margin:0;padding:0;font:normal 12px/22px "宋体","Arial Narrow";background:#f3fff2 url(images/bg.jpg) repeat-x;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input,select{font-size:12px;}
img{border:0;}
ul,li{list-style-type:none;}

a{color:#333;text-decoration:none;}
a:hover{color:#090;text-decoration:underline;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.fb{font-weight:bold;}
.fnb{font-weight:normal;}

.ffa{font-family:Arial, Helvetica, sans-serif;}
.cGray{color:#999;}
.cGreen{color:#090;}
.w910{width:910px;margin:0 auto;}
.w300{width:300px;}
.blank8{
    height:8px;
    font-size:1px;
    display:block;
    clear:both;
    overflow:hidden;}
.blank20{
    height:20px;
    font-size:1px;
    display:block;
    clear:both;
    overflow:hidden;}
.blank26{
    height:26px;
    font-size:1px;
    display:block;
    clear:both;
    overflow:hidden;}
.ml18{margin-left:18px;display:inline;}
.ml20{margin-left:20px;display:inline;}
.mt10{margin-top:10px;}
.mr18{margin-right:18px;}
.mb20{margin-bottom:20px;}

#header{
	width:910px;
	margin:0 auto;
	background:#ecffeb url(images/Header.jpg) no-repeat;
}
#header01{
	width:910px;
	margin:0 auto;
	background:#ecffeb url(images/Header01.jpg) no-repeat;
}
#header div{
	height:100px;}
#header01 div{
	height:100px;}
#header ul{
	float:right;
	margin-top:50px;
	margin-right:10px;}
#header01 ul{
	float:right;
	margin-top:50px;
	margin-right:10px;}
#header ul a{
	display:block;
	float:left;
	width:72px;
	text-align:center;
}
#header01 ul a{
	display:block;
	float:left;
	width:72px;
	text-align:center;}
#nav li{
	float:left;
	position:relative;
	width:100px;
	height:32px;
	text-align:center;
	background:url(images/Nav1.jpg) repeat-x;}
#nav li.w5{width:5px;}
#nav li.left,#nav li.right{
	width:5px;
	background:url(images/NavLeft.jpg) no-repeat;}
#nav li.right{background:url(images/NavRight.jpg) no-repeat;}
#nav li a{
	display:block;
	padding:5px;
	color:#fff;
	font-size:14px;
	font-weight:bold;}
#nav li ul{position:absolute;display:none;}
#nav li ul#nav24{width:130px;left:0;}
#nav li ul a,#nav li ul span{
	padding:0;
	color:#000;
	float:left;
	font-size:12px;
	font-weight:normal;}
#nav li ul a:hover{
	color:#090;}
#nav #nav21{width:200px;left:0;}
#nav #nav22{width:820px;left:-250px;}
#nav #nav23{width:120px;left:0;}

.titles{
	height:30px;
	overflow:hidden;
	background:url(images/titleBg.png) no-repeat;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	color:#3f873b;
	text-indent:1em;
}
.titles .more{
	display:block;
	width:45px;
	height:17px;
	float:right;
	background:url(images/more.png) no-repeat;
	margin:7px;
	+margin-top:-23px;
	text-indent:-9999px;
}

#news,#intro,#case,#contact{
	width:290px;
	height:215px;
	overflow:hidden;
	float:left;
}
#news ul{
	margin-top:5px;
}
#news ul li{
	line-height:29px;
	border-bottom:1px dotted #5a5a5a;
	padding:0 3px;
}
#news ul li span{
	+margin-top:-30px;
}
#intro .introc{
	margin-top:5px;
	height:178px;
	background:url(images/introc.jpg) no-repeat center center;
	border:1px solid #86c54e;
}
#intro .introc  .p{
	margin-top:110px;
	padding:0 8px;
}
#case .picg{
	padding:3px;
	margin-top:5px;
	height:172px;
	border:1px solid #86c54e;
	overflow:hidden;
}
#show{
	height:190px;
	margin-top:10px;
	overflow:hidden;
	background:url(images/CaseBg.png) no-repeat;}
#show a{padding:5px;display:block;}
#product{
	width:600px;
	float:left;
}
#product .titles{
	background:url(images/titleBgl.png) no-repeat;
}
#product .productc{
	width:100%;
	margin-top:5px;
	height:180px;
	overflow:hidden;
	background:#CCC;
}
#contact .contactc{
	height:165px;
	background:url(images/ContactBg2.jpg) no-repeat;
	color:#FFF;
	padding:10px 28px;
}
#showBar{
	width:890px;
	margin:0 auto;
	padding:10px;
	background:url(images/ShowBarBg.png) no-repeat;}
#showBar ul{
	width:890px;
	height:90px;
	overflow:hidden;}
#showBar a{
	display:block;
	float:left;
	margin:0 6px;}

#sideBar{
	margin-left:10px;
	display:inline;
	width:250px;}
#sideBar .contact{
	width:230px;
	height:170px;
	background:url(images/ContactBg.jpg) no-repeat;
	color:#fff;
	padding:6px 10px;
}
#sideBar .contact ul{
	color:#fff;
	width:230px;
	margin:0 10px;
	padding:5px 0;}
.bbd1{border-bottom:1px dashed #aaa;}

#sideBar h3{
	padding-left:16px;
	font:bold 14px/25px "宋体","Arial Narrow";
	background:url(images/TitleBg.jpg) no-repeat;}
#sideNav ul li{
	border-bottom:1px groove #E6E6E6;
	padding-left:30px;
	background:url(images/Icon01.gif) no-repeat 3px center;}
#sideNav ul li a{
	line-height:32px;
	color:#090;}



#content{
	margin-left:20px;
	display:inline;
	width:500px;
	padding:0 60px;
	background:url(images/ContentBg.jpg) no-repeat;}
#content h3{
	text-align:center;
	font:bold 14px/60px "宋体","Arial Narrow";
	color:#090;}
#content .list li{
	height:24px;
	padding:5px 0 0 15px;
	border-bottom:1px dotted #CCC;
	background:url(images/Icon02.gif) no-repeat 0 11px;}
#content .list li a{line-height:24px;}
#content .list li.title{
	height:30px;
	border:none;
	background:url(images/TitleBgl.png) no-repeat;}
#content .list li.title a{
	font-size:14px;
	font-weight:bold;
	color:#3F873B;}

#content h4{font:bold 12px/30px "宋体","Arial Narrow";}
#content .pic{
	padding:2px;
	border:1px solid #ccc;}
#content .pict li{
	width:240px;
	float:left;}
#content ul.contact{
	width:280px;
	margin-left:110px;
	display:inline;}

.show .left,.show .right{
	width:50px;
	height:250px;
	float:left;
	background:url(images/ShowLeft.gif) no-repeat center center;}
.show .right{background:url(images/ShowRight.gif) no-repeat center center;}
.show a{
	display:block;
	width:36px;
	height:36px;
	margin-left:7px;
	margin-top:107px;}
.caption{
	width:500px;
	height:24px;
	overflow:hidden;
	border-bottom:1px solid #090;}
.caption span{
	font:bold 14px/26px "宋体","Arial Narrow";
	display:block;
	float:left;
	color:#fff;
	background:url(images/Title1.png) repeat-x;}


#footer{
	height:65px;
	padding-top:15px;
	background:url(images/Footer1.gif) repeat-x;
	text-align:center;}

/* 轮换 */
.BI_Right1 {
	margin-top:5px;
	position:relative;
	float:left;
	width:600px;
	height:180px;
	overflow:hidden;	
}
.BI_Right1 .e_BI_1 {
	width:320px;
	height:180px;
	float:left;
}
.BI_Right1 .e_BI_1 .pic {
	width:280px;
	padding:4px;
	border:1px solid #86c54e;
}
.BI_Right1 .e_BI_1 a, .BI_Right1 .e_BI_1 img {
	width:280px;
	height:170px;

}
.BI_Right1 .e_BI_2 {
	width:280px;
	height:180px;
	float:left;
	color:#034b9f;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-indent:60px;
	line-height:48px;
}
.BI_Right1 .e_BI_3 {
	position:absolute;
	z-index:1000;
	right:0px;
	bottom:0px;
	width:280px;
	text-align:left;
	text-indent:30px;
}
.BI_Right1 .e_BI_3 a {
	display:block;
	line-height:34px;
	font-size:12px;
}
.BI_Right1 .e_BI_3 .AdvIout {
	font-weight:bold;
	color:#000;
	font-weight:none;
	text-decoration:none;
	background:url(images/ico1.png) no-repeat 1% 50%;
	border-bottom:1px dotted #5a5a5a;
}
.BI_Right1 .e_BI_3 .AdvIon {
	color:#109900;
	font-weight:bold;
	text-decoration:underline;
	background:url(images/ico1.png) no-repeat 1% 50%;
	border-bottom:1px dotted #5a5a5a;
}