/* default */
*{
	margin:0;
	padding:0;
	}
body{
	background:url(../images/bg.jpg) repeat-x #e8ecef;
	font-family:Arial, Helvetica, sans-serif,"宋体";
	font-size:12px;
	margin:0;
	padding:0;
	border-bottom:3px solid #000;
	}
.song{
	font-family:"宋体";
}
hr{
	border-top:1px dotted #000;
	height:0;
	border-bottom:none;
	}
a {blr:expression(this.onFocus=this.blur());
	outline:none}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #00b3ff;
}
a:active {
	text-decoration: none;
	color: #000000;
}
.linkblue12,.linkblue12:link,.linkblue12:visited{
	background:#00b3ff;
	color:#FFFFFF;
	padding:1px 0 0 1px;
	margin-left:2px;
	}
	
.linkblue12:hover{
	background:#00b3ff;
	color:#000;
	padding:1px 0 0 1px;
	margin-left:2px;
	}
.linkwhite12,.linkwhite12:link,.linkwhite12:visited{
	color:#FFFFFF;
	}
	
.linkwhite12:hover{
	color: #00b3ff;
	}ul,li{
	list-style:none;
	}
textarea{
	font-size:12px;
	}
.png{
	position:relative;
	}
.txt14blackb{
	font-size:14px;
	font-weight:bold;
	}
.txt12blackb{
	font-size:12px;
	font-weight:bold;
	color:#000000
	}
#container{
	margin:0 auto;
	width:920px;
	height:955px;
	}
#logo{
	position:absolute; 
	top:43px; 
	left:4px; 
	width: 150px; 
	height: 38px; 
	}
#tel{
	position:absolute; 
	top:60px; 
	left:790px; 
	width: 122px; 
	height: 23px;
	text-align:right;
	}
	#container #flash{
	width:920px;
	height:519px;
	float:left;
	background: transparent url(../images/flash_bg.png) no-repeat top right;
	overflow:hidden;
	}
	
	#container #menu{
	  text-align:center;
	  float:left;
	  width:920px;
	  height:55px;
	  background: transparent url(../images/menu_bg.png) no-repeat;
}

	#menu ul{
	  height:21px;
	  text-align:center;
	  color:#FFF;
	  list-style:none;
	  margin:0 auto;
	  padding:0;
	  width:450px;
	  
}
	
	#menu ul li{
	  display:inline;
	  height:21px;
	
}
	#menu a{
	  text-decoration: none;
	  color:#000;
	  width:75px;
	  height:21px;
	  display:block;
	  font-weight:bold;
	  float:left;
	  background:url(../images/menu1.gif) no-repeat right;
	  line-height:23px;
	  }
	#menu a:hover{
	  text-decoration: none;
	  color:#fff;
	  background:url(../images/menu2.gif) no-repeat;
	  width:75px;
	  height:21px;
	  display:block;
}
	#menu .now{
	  text-decoration: none;
	  color:#fff;
	  background:url(../images/menu2.gif) no-repeat;
	  line-height:23px;
}

#container #pro{
	  float:left;
	  width:600px;
	  height:243px;
}
#container #tit{
	  float:left;
	  width:159px;
	  height:25px;
	  margin-bottom:13px;
}
#container #tit #txt{
	  float:left;
	  width:128px;
	  height:25px;
	  background:url(../images/tit1.gif) no-repeat;
	  color:#fff;
	  font-weight:bold;
	  line-height:23px;
	  padding-left:10px;
}
#container #tit li a{
	  float:left;
	  width:21px;
	  height:21px;
	  background:url(../images/more.gif) no-repeat;
}
#container #tit li a:hover{
	  float:left;
	  width:21px;
	  height:21px;
	  background:url(../images/more1.gif) no-repeat;
}
#container #pic li{
	  float:left;
	  width:93px;
	  height:210px;
	  margin-right:20px;
}
#container #pic #fir{
	  float:left;
	  width:110px;
	  height:210px;
	  margin-right:3px;
}
#container #news{
	  float:left;
	  width:320px;
	  height:243px;
}
#container #news #event{
	  float:left;
	  width:320px;
	  height:220px;
	  line-height:24px;
}
#container #news #event li{
	  float:left;
	  width:261px;
	  height:24px;
	  line-height:24px;
}
#container #news #event li a:hover{
	border-bottom:1px #00b3ff dashed;
}
#container #news #event #date{
	  float:left;
	  width:59px;
	  height:24px;
	  line-height:24px;
	  font-size:10px;
	  color:#666666;
	  font-family:Arial, Helvetica, sans-serif;
}
#container #copyr{
	  float:left;
	  width:790px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	  margin-top:100px;
	  padding-right:130px;
	  background:url(../images/color.gif) no-repeat right #e6e9ee;
}
#container #copyr #helloin{
	  float:left;
	  width:770px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	 
}
#container #copyr #zz{
	  float:left;
	  width:20px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	 
}
.pink{
	background:#ff1166;
	color:#FFFFFF;
	padding:2px 0 0 2px;
	margin-left:2px;
	font-size:12px;
	font-weight:normal;
	}
.blue{
	background:#00b3ff;
	color:#FFFFFF;
	padding:2px 0 0 2px;
	margin-left:2px;
	font-size:12px;
	font-weight:normal;
	}
/* detail */
.detailbody{
	background:url(../images/bg_detail.jpg) repeat-x #e7ebf2;
	border-bottom:3px solid #000;
	}
#container_detail{
	width:1002px;
	margin:0 auto;
	height:100%;
	overflow:hidden
	}
#container_detail #top{
	width:1002px;
	height:90px;
	float:left;
	}
	#container_detail #top #logo_detail{
	width: 150px; 
	height: 38px; 
	float:left;
	margin:43px 36px 0px 65px;
	}
	*html #container_detail #top #logo_detail{
	width: 150px; 
	height: 38px; 
	float:left;
	margin:43px 36px 0px 25px;
	}
	#container_detail #top #logo_detail a{
	width:155px;
	height:38px;
	float:left;
	}
	#container_detail #top #menu_detail{
	width:575px;
	height:25px;
	float:left;
	margin:50px 0 0 0;
	}
	#menu_detail ul{
	  height:23px;
	  text-align:center;
	  color:#FFF;
	  list-style:none;
	  float:left;
	  padding:0;
	  width:462px;
    }
	
	#menu_detail ul li{
	  display:inline;
	  height:23px;
	}
	#menu_detail a{
	  text-decoration: none;
	  color:#fff;
	  width:77px;
	  height:23px;
	  display:block;
	  font-weight:bold;
	  float:left;
	  background:url(../images/menu1_detail.gif) no-repeat right;
	  line-height:25px;
	  }
	#menu_detail a:hover{
	  text-decoration: none;
	  color:#fff;
	  background:url(../images/menu2_detail.gif) no-repeat right;
	}
	#menu_detail .now{
	  text-decoration: none;
	  color:#fff;
	  background:url(../images/menu2_detail.gif) no-repeat right;
	  line-height:25px;
	}
	#tel_detail{
	  width: 122px; 
	  height: 23px; 
	  float:left;
	  background: transparent url(../images/tel.png) no-repeat;
	  margin:49px 0px 0px 0px;
	}
	#container_detail #main{
		width:1002px;
		float:left;
		}
	#container_detail #copyr{
	  float:left;
	  width:813px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	  margin-top:100px;
	  padding-right:130px;
	  background:url(../images/color.gif) no-repeat right;
}
#container_detail #copyr #helloin{
	  float:left;
	  width:770px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	 
}
#container_detail #copyr #zz{
	  float:left;
	  width:20px;
	  height:24px;
	  line-height:24px;
	  font-size:11px;
	  color:#000;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:right;
	 
}
	#flash{
	width: 260px;
	line-height:23px;
	float:left
	}
	#con{
	width: 675px;
	line-height:23px;
	float:left;
	margin-top:27px;
	margin-left:5px;
	}
	#container_detail #main #tit{
		width:685px;
		float:left;
		margin-top:83px;
		}
		#container_detail #main #title{
		width:288px;
		height:28px;
		background:url(../images/tit_bg.gif) repeat-x;
		float:left;
		}
		#container_detail #main #title #about{
		width:288px;
		height:28px;
		background:url(../images/tit_about.png) no-repeat;
		float:left;
		}
		#container_detail #main #title #service{
		width:283px;
		height:28px;
		background:url(../images/tit_service.png) no-repeat;
		float:left;
		}
		#container_detail #main #location{
		width:102px;
		height:28px;
		background:url(../images/tit_bg.gif) repeat-x;
		float:left;
		margin-left:295px;
		line-height:30px;
		overflow:hidden;
		text-align:center;
		color:#FFFFFF;
		}
/*service*/
#container_detail #main #con #step li{
		width:680px;
		height:100px;
		float:left;
		border-bottom:1px dotted #999999;
		background:url(../images/step1.png) no-repeat;
		}
#container_detail #main #con #step #complete{
		width:680px;
		height:100px;
		float:left;
		border-bottom:1px dotted #999999;
		background:url(../images/step2.png) no-repeat;
		}
		#container_detail #main #con #step li a{
		width:680x;
		height:85px;
		float:left;
		padding:15px 0 0 0;
		display:block;
		}
		#container_detail #main #con #step li a:hover{
		width:680px;
		height:85px;
		float:left;
		background:url(../images/step1_1.png) no-repeat #bbd5dd;
		padding:15px 0 0 0;
		filter:alpha(opacity=80); /*IE*/
  		-moz-opacity:0.8; /*MOZ , FF*/
  		opacity:0.8;/*CSS3, FF1.5*/
		color:#000000;
		display:block;
		}
		#container_detail #main #con #step li .complete{
		width:680x;
		height:85px;
		float:left;
		padding:15px 0 0 0;
		}
		#container_detail #main #con #step li .complete:hover{
		width:680px;
		height:85px;
		float:left;
		background:url(../images/step2_1.png) no-repeat #efd9e2;
		padding:15px 0 0 0;
		filter:alpha(opacity=80); /*IE*/
  		-moz-opacity:0.8; /*MOZ , FF*/
  		opacity:0.8;/*CSS3, FF1.5*/
		color:#000000
		}
		#container_detail #main #con #step li .step{
		width:90px; 
		float:left; 
		height:85px; 
		text-align:center; 
		font-size:15px; 
		font-weight:bold; 
		font-family:Arial; 
		line-height:70px; 
		color:#FFFFFF
		}
		#container_detail #main #con #step li .txt{
		width:590px; 
		float:left; 
		height:85px;
		}
/*newslist*/
		#container_detail #main #con #top{
		width:675px;
		height:30px;
		border-bottom:1px dotted #000000;
		}
		#container_detail #main #con #top #class{
		width:375px;
		height:30px;
		float:left;
		}
		#container_detail #main #con #pagelist{
		width:675px;
		height:25px;
		float:left;
		text-align:right;
		color:#CCCCCC;
		font-size:10px;
		padding-top:5px;
		margin-top:5px;
		}
		#container_detail #main #con #news{
		width:675px;
		}
		#container_detail #main #con #news li{
		width:655px;
		float:left;
		border-bottom:1px dotted #000;
		padding:10px;
		}
		.red{background:#bac1ca;}
		.red1{background:#999999;}
		#container_detail #main #con #news li #image{
		width:67px;
		height:54px;
		float:left;
		margin-right:20px;
		}
		#container_detail #main #con #news li #image .img{
		width:67px;
		height:54px;
		float:left;
		border:3px solid #F5F5F5;
		}
		#container_detail #main #con #news li #image .img:hover{
		width:67px;
		height:54px;
		float:left;
		border:3px solid #E1E1E1;
		}
		#container_detail #main #con #news li #txt{
		width:503px;
		float:left;
		color:#333333;
		margin-right:10px;
		line-height:22px
		}
		#container_detail #main #con #news li #txt a{
		color:#000000;
		font-size:14px;
		font-weight:bold;
		}
		#container_detail #main #con #news li #txt a:hover{
		color:#00b3ff;
		font-size:14px;
		font-weight:bold;
		}
		#container_detail #main #con #news li #date{
		width:52px;
		height:54px;
		float:left;
		color:#333333;
		background:url(../images/date.png) no-repeat;
		color:#FFFFFF;
		line-height:10px;
		text-align:center;
		font-size:10px;
		padding-top:10px;
		margin-top:5px;
		}
		#container_detail #main #con #news li #date span{
		width:52px;
		margin-top:15px;
		float:left;
		color:#121212;
		font-size:12px;
		font-weight:bold;
		line-height:15px;
		}
/*productlist*/
		#container_detail #main #con #news li #image_pro{
		width:313px;
		height:131px;
		float:left;
		margin-right:15px;
		}
		
		#container_detail #main #con #news li #txt_pro{
		width:265px;
		float:left;
		color:#333333;
		margin:6px 10px 0 0;
		line-height:22px
		}
		#container_detail #main #con #news li #txt_pro a{
		color:#000000;
		font-size:14px;
		font-weight:bold;
		}
		#container_detail #main #con #news li #txt_pro a:hover{
		color:#00b3ff;
		font-size:14px;
		font-weight:bold;
		}
		#container_detail #main #con #news li #date_pro{
		width:50px;
		height:54px;
		float:left;
		color:#333333;
		background:url(../images/date1.png) no-repeat;
		color:#FFFFFF;
		line-height:10px;
		text-align:center;
		font-size:10px;
		padding-top:10px;
		margin-top:32px;
		}
		#container_detail #main #con #news li #date_pro span{
		width:50px;
		margin-top:15px;
		float:left;
		color:#121212;
		font-size:12px;
		font-weight:bold;
		line-height:15px;
		font-weight:normal;
		}
/*contact*/
#container_detail #main #con #wenzi{
		width:675px;
		height:80px;
		float:left;
		line-height:22px;
		border-bottom:1px dotted #000;
		margin-bottom:20px

		}
#container_detail #main #con #contact{
		width:252px;
		height:228px;
		float:left;
		line-height:24px;
		border:1px dotted #000;

		}
		#container_detail #main #con #contact li{
		width:225px;
		height:46px;
		padding:17px 13px 13px 13px;
		float:left;
		overflow:hidden
		}
#container_detail #main #con #qa{
		width:420px;
		height:230px;
		float:left;
		}
#container_detail #main #con #list{
		width:675px;
		float:left;
		margin-top:25px!important;
		margin-top:8px;
		border-top:1px dotted #000;
		}
		#container_detail #main #con #list li{
		width:655px;
		float:left;
		border-bottom:1px dotted #000;
		padding:10px
		}
		#list h1,#list h2{
		width:655px;
		font-size:12px;
		font-weight:normal;
		float:left;
		}
/*pages*/

#pages{
			color:#0091e5;
			font-size:11px;
			float:left;
			width:16px;
			margin-right:1px;
			margin-top:10px;
			}
	#pages a{
			display:block;
			width:16px;
			height:16px;
			line-height:16px;
			color:#000;
			text-decoration:none;
			float:left;
			text-align:center;
			margin-right:1px;
			margin-bottom:1px;
			font-size:11px;
			}
	#pages a:hover{
			background:#000;
			display:block;
			width:16px;
			height:16px;
			color:#fff;
			text-decoration:none;
			float:left;
			text-align:center;
			margin-right:1px;
			margin-bottom:1px;
			font-size:11px;
			}
	#pages .now{
			background:#000;
			display:block;
			width:16px;
			height:16px;
			line-height:16px;
			color:#fff;
			text-decoration:none;
			float:left;
			text-align:center;
			margin-right:1px;
			margin-bottom:1px;
			font-size:11px;
			}
/*input*/
.input_on{
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_off{
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}
.input_move{
height:18px;
border:1px solid #999;
background-color:#FFFFCC;
}
.input_out{
/*height:16px;默认高度*/
height:18px;
border:1px solid #CCC;
background-color:#FFF;
}