@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial,"宋体",Geneva, Helvetica, sans-serif ;
	background:#FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color:#3c3c3c;
}

form{
	margin:0;
	padding:0;
	display:inline;
}

ul,li {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

input,button {
	border:none;
	background:none;
	vertical-align:middle;
}

button{
	cursor:pointer;
}

img{
	border:none;
}

.clear{
	clear:both;
}

#loading{
	margin:0 auto;
	width:1000px;
	height:550px;
	background:url(images/7.jpg) no-repeat left top;
	margin-top:-280px; top:50%;left:50%; margin-left:-500px;
	position:absolute; 
}

#loading p{
	text-align:left;
	padding:480px 0 0 50px;
}

#loading p a{
	margin:0 15px;
}

#loading02{
	margin:0 auto;
	width:1000px;
	height:550px;
	background:url(images/5.jpg) no-repeat left top;
	margin-top:-280px; top:50%;left:50%; margin-left:-500px;
	position:absolute; 
}

#loading02 p{
	text-align:center;
	padding:480px 0 0 50px;
}

#loading02 p a{
	margin:0 15px 0 0;
}
#main{
	margin:0 auto;
	width:1000px;
	height:auto;
	border-left:1px solid #ece9d8;
	border-right:1px solid #ece9d8;
	background:#FFFFFF url(images/body-top.gif) repeat-x left top;
}

#header{
	background:url(images/header-bg.gif) repeat-x left top;
	margin:7px auto 0 auto;
	height:65px;
	width:100%;
	clear:both;
}

#header .left{
	float:left;
	height:65px;
	width:320px;
}

#header .right{
	float:left;
	font-size:14px;
	font-weight:bolder;
	line-height:65px;
	padding:0 0 0 40px;
}

#header .right a{
	float:left;
	color:#333333;
	text-decoration:none;
	margin:auto 10px;
	width:87px;
	text-align:center;
}

#header .right a:hover, #header .right a .on{
	float:left;
	color:#fff;
	width:87px;
	text-align:center;
	text-decoration:none;
	background:url(images/header-li.gif) no-repeat center center;
}


#banner{
	margin:0 auto;
}

#con{
	background:url(images/con-bg.gif) no-repeat left top;
	margin:10px auto 0 auto;
	width:100%;
	height:auto;
	clear:both;
}

#left{
	float:left;
	margin:0 40px 0 0;
	width:205px;
	height:auto;
	background:url(images/con-bg.gif) no-repeat left top;
}

#right{
	float:left;
	margin:0;
	width:755px;
	height:auto;
	overflow:hidden;
}


.leftlist{
	float:left;
	margin:10px 0 10px 20px;
	width:145px;
	height:600px;
}

.leftlist li {
	background: url(images/leftlist-bg.gif) no-repeat left -26px;
	float:left;
	line-height:26px;
	font-weight:normal;
	text-align:left;
	text-indent:40px;
	width:100%;
	margin:3px 0px;
	overflow:hidden;
}

.leftlist li.on, .leftlist li.on a{
	background:url(images/leftlist-bg.gif) no-repeat left top;
	line-height:26px;
	color:#565656;
	font-weight:bolder;
}


.leftlist li a {
	width:100%;
	color:#565656;
	text-decoration: none;
	float:left;
}

.leftlist li a:hover {
	background:url(images/leftlist-bg.gif) no-repeat left top;
	color:#565656;
	font-weight:bolder;
}


.box{
	float:left;
	margin:0 auto 20px auto;
	width:100%;
	height:auto;
	clear:both;
	overflow:hidden;
}

.div-p{
	width:100%;
	height:30px;
	margin:30px 0;
	text-align:left;
	float:left;
}

.title{
	float:left;
	background:url(images/title-bg.gif) no-repeat left top;
	height:35px;
	width:100%;
	line-height:35px;
	font-size:14px;
	font-weight:bolder;
	color:#565656;
	text-align:left;
	text-indent:25px;
}

.aboutus{
	float:left;
	margin:20px 10px 10px 10px;
	line-height:25px;
	text-align:left;
}

.aboutus dl{
	float:left;
	text-align:left;
	clear:both;
	margin:auto 0px auto 50px;
	width:500px;
	color:#565656;
	line-height:30px;
	height:250px;
	background:url(images/bg.jpg) no-repeat right bottom;
}

.aboutus dl a{
	float:left;
	color:#565656;
	text-decoration:underline;
}

.aboutus dl span{
	float:left;
	color:#565656;
}

.aboutus dt{
	float:left;
	text-align:right;
	clear:both;
	margin:auto 0px auto 100px;
	_margin:auto 0px auto 50px;
	width:550px;
	color:#565656;
	line-height:30px;
}

.aboutus dt a{
	float:right;
	color:#565656;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
}

.aboutus dt span{
	float:right;
	color:#565656;
}



.title02{
	float:left;
	background:url(images/title-bg02.gif) no-repeat left top;
	height:35px;
	width:100%;
	line-height:35px;
	font-size:14px;
	font-weight:bolder;
	color:#565656;
}

.title02 a{
	float:left;
	color:#565656;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
}


.indexpic{
	float:left;
	line-height:25px;
	text-align:left;
	width:100%;
	height:auto;
}

.piclist{
	float:left;
	width:172px;
	height:96px;
	margin:10px 5px 20px 0;
	border:1px solid #c9c9c9;
}

.piclist img{
	float:left;
	margin:1px;
	width:170px;
	height:94px;
}

.piclist03{
	float:left;
	width:152px;
	height:202px;
	margin:10px 5px 20px 0;
	border:1px solid #c9c9c9;
}

.piclist03 img{
	float:left;
	margin:1px;
	width:150px;
	height:200px;
}

.piclist02{
	float:left;
	width:172px;
	height:112px;
	margin:10px 5px 0 0;
	border:1px solid #c9c9c9;
}

.piclist02 img{
	float:left;
	margin:1px;
	width:170px;
	height:110px;
}

.piclist-span{
	float:left;
	margin:1px;
	width:170px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin:0 0 30px 0;
}

.piclist-span02{
	float:left;
	margin:1px;
	width:150px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:0 0 30px 0;
}


.QA{
	float:left;
	margin:20px 10px 10px 10px;
	line-height:25px;
	text-align:left;
}


.QA li{
	float:left;
	line-height:25px;
	text-align:left;
	clear:both;
	width:650px;
	border-bottom:1px dashed #ccc;
	margin:5px 0;
}

.QA li a{
	float:left;
	line-height:25px;
	text-decoration:none;
	color:#565656;
}


.QA li a:hover{
	float:left;
	line-height:25px;
	text-decoration:underline;
	color:#565656;
}

#footer{
	background:url(images/footer-bg.gif) repeat-x left top;
	margin:15px auto 0 auto;
	height:80px;
	width:100%;
	clear:both;
	color:#787878;
}

#footer .left{
	float:left;
	border-right:1px solid  #c9c9c9;
	width:690px;
	padding:10px;
	line-height:23px;
	text-align:center;
}
#footer .right{
	float:left;
	width:280px;
	line-height:23px;
	text-align:center;
	padding:10px 0 0 0
}