body {
	margin: 0;
	padding: 0;
	background:#F0F7F0;
	border: 0;
	color:#143502;
	font-size:12px;
	line-height:150%;
	font-family: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;
}
#homem{
	position: absolute;   
	border:solid 3px #8d9e8d;
	background:#bee1be;
  width:450px;    
  height:250px;    
  left:50%;    
  top:50%;    
  margin-left:-225px; /*设置为宽度的一半*/   
  margin-top:-125px; /*设置为高度的一半*/   
}

div{
	padding:0;
	margin:0;
	border:0;
}
p,td,th,ul,ol,li,h1,h2,h3,h4,h5,h6{
	font-family: 'Lucida Grande','Lucida Sans Unicode','宋体','新宋体',arial,verdana,sans-serif;
	font-size:12px;
	line-height:150%;
	}

.hide{
	display:none;
}
/* ---( top style )---------------------------------------- */
#top{
	width:1002px;
	height:165px;
	background: #EDF6EE url(../images/top.gif) no-repeat left top;
}
/* ---( navigator style)---------------------------------------- */
#menu{
	position:absolute;
	left:0;
	width:488px;
}
#menu ul{
	clear:left;
	border:0;
	padding:0;
	margin:0;
	list-style: none;
}
#menu li{
	float:left;
}
#menu ul li a {
	display: block;
	height: 40px;
	margin: 0;
	padding: 0px;
	}
#navhome,#navhome a{
	width: 105px;
	background: url(../images/menu_1.gif) no-repeat left top;
}
#navhome a:hover {
	background: url(../images/menu_1o.gif) no-repeat;
	}
#price,#price a{
	width: 102px;
	background: url(../images/menu_2.gif) no-repeat left top;
}
#price a:hover {
	background: url(../images/menu_2o.gif) no-repeat;
	}
#example,#example a{
	width: 92px;
	background: url(../images/menu_3.gif) no-repeat left top;
}
#example a:hover {
	background: url(../images/menu_3o.gif) no-repeat;
	}
#aboutus,#aboutus a{
	width: 98px;
	background: url(../images/menu_4.gif) no-repeat left top;
}
#aboutus a:hover {
	background: url(../images/menu_4o.gif) no-repeat;
	}
#diy,#diy a{
	width: 91px;
	background: url(../images/menu_6.gif) no-repeat left top;
}
#diy a:hover {
	background: url(../images/menu_6o.gif) no-repeat;
	}
#blog,#blog a{
	width: 91px;
	background: url(../images/menu_5.gif) no-repeat left top;
}
#blog a:hover {
	background: url(../images/menu_5o.gif) no-repeat;
	}
#menuright{
	margin-left:488px;
	width:auto;
	height:40px;
	background: #EDF6EE url(../images/menu_r.gif) no-repeat left top;
	}
/* ---( top_pic style )---------------------------------------- */
#picl{
	position:absolute;
	left:0;
	width:778px;
	height:199px;
	background: #EDF6EE url(../images/pic_l.jpg) no-repeat left top;
}
#picr{
	margin-left:778px;
	width:224px;
	height:199px;
	background: #EDF6EE url(../images/pic_r.gif) no-repeat;
	}
/* ---( main)---------------------------------------- */
#contain{
	width:1002px;
}
#conbg{
	width:1002px;
	float: left;
	background: url(../images/main_bg.gif) repeat;
}
#left{
	float:left;
	width:198px;
	background: #EDF6EE url(../images/left_bg.gif) repeat;
}
#menu2{
	background: #EDF6EE url(../images/left_bg2.gif) repeat;
	height:189px;
}
#menu2 ul{
	clear:left;
	list-style: none;
	margin:0;
	padding:10px 25px;
}
#menu2 ul li{
	height:35px;
	font:12px/35px 宋体;
	line-height:35px;
	text-align:right;
	border-bottom:1px dashed #DEF4DA;
	padding:0;
	margin:0;	
}
#menu2 ul li a {
	margin:0;
	padding:0;
	display: block;
	color:#021200;
	text-decoration:none;
	}
#menu2 ul li a:hover{
	color:#FCFDFC;
	font-weight: bold;
		}
#m01 a{
	background: #ABCFA9 url(../images/01.gif) no-repeat left center;
}
#m01 a:hover{
	background: #ABCFA9 url(../images/01_o.gif) no-repeat left;
}
#m02 a{
	background: #ABCFA9 url(../images/02.gif) no-repeat left center;
}
#m02 a:hover{
	background: #ABCFA9 url(../images/02_o.gif) no-repeat left;
}
#m03 a{
	background: #ABCFA9 url(../images/03.gif) no-repeat left center;
}
#m03 a:hover{
	background: #ABCFA9 url(../images/03_o.gif) no-repeat left;
}
#m04 a{
	background: #ABCFA9 url(../images/04.gif) no-repeat left center;
}
#m04 a:hover{
	background: #ABCFA9 url(../images/04_o.gif) no-repeat left;
}
#left_pic{
	width:198px;
	height:289px;
	background: url(../images/left_pic.gif) no-repeat;
}
/* ---( main_right style )---------------------------------------- */
#title{
	float:left;
	padding:3px 3px;
	width:65px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:59px;
}
html>#title{
	width:59px;
	}
#right{
	margin:20px;
	margin-left:263px;
}

	.box {
		padding:0 25px 0 0;
		background:transparent url(../images/con_r_0.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 25px;
		background:url(../images/con_l_0.gif) 0 0 repeat-y;
	}
	.bt {
		height:26px;
		margin:0 -25px;
		background:transparent url(../images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:26px;
		background:transparent url(../images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:26px;
		margin:0 -25px;
		background:transparent url(../images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:26px;
		background:transparent url(../images/box.gif) 0 100% no-repeat;
	}
	.box_con,.box p, .box ul{
		background:#fff;
	}

/* ---( bottom Styles )---------------------------------------- */
#bottom{
	clear: both;
	background: url(../images/bottom_bg.gif) repeat-x;
	width:1002px;
	height:73px;
}
#bottom_main{
	margin-left:235px;
	width:540px;
	height:73px;
	text-align:center;
	background: url(../images/cauda.gif) no-repeat right;
}
#bottom_main p{
	padding:15px;
}

/* ---( price Styles )---------------------------------------- */
.type_l{
	float:left;
	width:160px;
	background:#fff url(../images/line_s.gif) repeat-y right;
}
.type_r{
	padding: 10px 30px 10px 0;
	padding-left:150px;/*for FF*/*padding-left:10px;/*for IE7*/_padding-left:10px;/*for IE6*/
	background:#fff;
	height:210px;
}
.add{
	list-style-image:url(../images/icon1.gif);
}
.pay_title{
	font-weight: bold;
	color: #2F3A2F;
	list-style-image: url(../images/icon3.gif);
}
.type_r ul li{
	margin-left:30px;
	text-align:left;
}
.icon2{
	list-style-image:url(../images/icon5.gif);
}
.icon2 li{
	padding-left:5px;
	color:#EC870E;
}
h1{
	font-size:12px;
	line-height:31px;
	text-align:center;
	color:#fff;
	width:150px;
	margin-bottom:0;
	background: url(../service/images/type_t_bg.jpg) no-repeat;
}
.leaf{
	background:url(../service/images/leaf_bg.gif) repeat-x;
	height:50px;
}
.box1{
	padding:6px 20px;
	font-size:12px;
	width:90%;
	border:1px dashed #666;
	background:#FFFAB3;

}

/* ---( domain Styles )---------------------------------------- */
#doman{
	margin: 0;
	padding: 1px 0;
}
.con_font{
	color:#EC870E;
}

/* ---( opus Styles )---------------------------------------- */
#opus img{
	border:1px solid #666;
}
#opus div{
	padding-top:40px;
	color:#fff;
	font-weight: bold;
}
.page{
	clear: both;
	text-align:right;
	padding:6px 20px;
	width:90%;
	border:1px dashed #666;
	margin-top:10px;
	margin-bottom:5px;
	background:#fff;
}

#opus li{
	background: url(../opus/images/opus_bg.gif) no-repeat center center;
	text-align:center;
	padding:0;
	margin:0;
	width:220px;	
	padding-top:58px;
	height:260px;	
	list-style: none;
	float:left;
	voice-family:"\"}\"";
	voice-family:inherit;
	padding-top:68px;
	height:220px;
}

/* ---( custom Styles )---------------------------------------- */
#custom img{
	border:1px solid #666;
}
#custom div{
	padding-top:20px;
	color:#fff;
	font-weight: bold;
}
.page{
	clear: both;
	text-align:right;
	padding:6px 20px;
	width:90%;
	border:1px dashed #666;
	margin-bottom:5px;
	background:#fff;
}

#custom li{
	background: url(../opus/images/cus_bg.gif) no-repeat center center;
	text-align:center;
	padding:0;
	margin:0;
	width:165px;	
	padding-top:25px;
	height:165px;	
	list-style: none;
	float:left;
	voice-family:"\"}\"";/*前面ie6以下，后面ie6以上(包括ie6)*/
	voice-family:inherit;
	padding-top:30px;
	height:161px!important;height:156px;/*前面firfox，后面ie*/
}

/* ---( aboutus Styles )---------------------------------------- */
#contact ul{
	list-style:none;
	font-size:13px;
}
#contact ul li{
	padding:2px;
}
#contact{
	background: url(../aboutus/images/about_bg.gif) no-repeat;
	width:410px!important;width  /**/:480px;
	padding-top:165px;
	padding-left:70px;
	height:450px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height:360px;	
}


/* ---( knowledge Styles )---------------------------------------- */
.box p,.box_con p{
	text-indent: 20pt;
	margin:0;
	padding:8px 5px;
}
h2{
	font-size:12px;
	font-style:inherit;
	padding:5px;
	margin:0;
}

/* ---( diy Styles )---------------------------------------- */
#diy_sm{
	background:url(../diy/images/sm1024.jpg) no-repeat;
	height:188px;
}
#diy_sm p{
	background:transparent;
	padding:15px 25px 5px 15px;
	font-size:13px;
}
.zhongdian{
	color:#900;
}
#diy_sm ul,#diy_type{
	list-style:none;
	background:transparent;
	margin:0;
}
#show{
	text-align:center;
	padding:0 10% 0 30%;

}
#show li{
	float:left;
	margin:0 10px;
}
#free{
	background:url(../diy/images/btn1.gif) no-repeat;
}
#enter{
	background:url(../diy/images/btn2.gif) no-repeat;	
}
#free a,#enter a{
	display:block;
	width:87px;
	height:87px;
}
#diy_type{
	margin:30px 0 0 0;
	padding:0;
	width:100%!important;	width:98%;
}
#diy_content{
	margin:0;
	background:transparent;
	padding:15px 10px 0 39px;
	list-style-image:url(../images/icon1.gif);
}
.diy_type_bg{
	background:url(../diy/images/type_bg.jpg) no-repeat;
	height:268px;
	margin:0;
	padding:0;
	float:left;
	width:216px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:218px;
}
#diy_content li{
line-height:200%;
	
}
.title{
	font-weight: bold;
	color:#25382B;
	list-style-image:url(../images/icon5.gif);
}
.bgfont{
	background:#fff;
	color:#C16239;
}


/* ---( news(op_list) Styles )---------------------------------------- */
#op_list{
	margin: 0;
	padding-left:30px;
	list-style:none;
}
#op_list li{
	margin: 0x 3px 0 8px; 
	padding: 3px 0 3px 25px; 
	background: url(../images/icon2.gif) no-repeat 0 50%; 
}
.newstime{
	text-align:right;
	border-bottom:dashed 1px #006600;
	color:#FF6600;
}

/* ---( link Styles )---------------------------------------- */
a:link {
	color: #021200;
	text-decoration: none;
	list-style-type: none;
	}

a:visited {
	color: #000;
	text-decoration: none;
	}
	
a:hover {
	color: #027c38;
	text-decoration: none;
	}
a.yellowlink:link {
	color: #EC870E;
	text-decoration: none;
	}
a.yellowlink:visited {
	color: #EC870E;
	text-decoration: none;
	}
a.yellowlink:hover {
	color: #945305;
	text-decoration: underline;
	}
a.yellowlink2:link {
	color: #BD6B09;
	text-decoration: underline;
	}
a.yellowlink2:visited {
	color: #BD6B09;
	text-decoration: underline;
	}
a.yellowlink2:hover {
	color: #945305;
	text-decoration: underline;
	}