charset "utf-8";
/* CSS Document */
body { font-family: "microsoft yahei", Arial; font-size: 12px; margin:0; padding:0; background:#ffffff; color:#3c3c3c; background:#ffffff;text-align: center;width: 100%;}
* { margin:0; padding:0 }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form, input, button, option, textarea, select { margin: 0px; padding: 0px; }
input, button, textarea, select { font:100% Tahoma, Helvetica, Arial, sans-serif; }
a { text-decoration: none; cursor:pointer; outline:none; blr:expression(this.onFocus=this.blur());
color:#272727;font-family: "microsoft yahei"; }
span{font-family: "microsoft yahei";}
p{font-family: "microsoft yahei";}
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
th { font-weight:normal; }
img { border: 0; }
h1{ color:#33580a; font-weight:normal;line-height: 75px;width: 285px;font-size: 21px;}
h3 { font-size:14px;  font-weight:bold; }
h4 { font-size: 12px;    font-weight:bold; }
.clear { clear: both; }
.copy { font-family:Arial, Helvetica, sans-serif; }
table { font-size:inherit; font:100%; }
img { border:none;  }
/*翻页*/
.fanye{
	width: 100%;
    text-align: center;
    padding: 30px 0 30px;
}

.fanye a{
	display: inline-block;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    border: 1px solid #9c9c9c;
    margin: 0 2px;
    font-size: 14px;
    color: #777777;
}
.fanye .prev,.fanye .next{
	width: 60px !important;
}
.fanye a:hover,.fanye .on{
	background: #34BD7E;
	border-color: #34BD7E;
	color: #FFFFFF;
}
/*banner*/
.banner{
	position: relative;
	width: 100%;
	height: 686px;
}
.banner .bd{
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.banner .bd ul {
	width: 100% !important;
	height: 686px !important;
}

.banner .bd ul li {
	width: 100% !important;
	text-align: center;
}

.banner .bd ul li a {
	display: block;
	height: 686px;
	background-position: center;
	background-repeat: no-repeat;
}

.banner .hd {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 50px;
	text-align: center;
	z-index: 1;
}
.banner .hd ul {}
.banner .hd ul li {
	margin: 0 4px;
	width: 48px;
	height: 7px;
	background: #fff;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	font-size: 0;
	border-radius: 4px;
}

.banner .hd .on {
	background: #017cc9;
}

/*header*/
.header{
	width: 100%;
	height: 88px;
	background: rgba(255,255,255,0.3);
	position: absolute;
	top: 0;
	z-index: 111;
}
.header .top{
	width: 1200px;
	height: 88px;
	margin: 0 auto;
}
.header .top .logo{
	float: left;
	margin-top: 20px;
	width: 224px;
	height: 59px;
}
.header .top .nav{
	width: 760px;
	height: 55px;
	margin-top: 33px;
	float: left;
	margin-left: 50px;
}
.header .top .nav li{
	height: 55px;
	float: left;
}
.header .top .nav li a{
	padding-top: 10px;
	display: block;
	color: #ffffff;
	font-size: 16px;
	margin: 0 12px;
	height: 43px;
}
.header .top .nav li:hover a,.header .top .nav .on a{
	border-bottom: 2px solid #017cc9;
}
.header .top .tel{
	width: 132px;
	padding-left: 34px;
	height: 52px;
	float: right;
	margin-top: 20px;
	float: right;
	background: url(../images/tel_03.png) left center no-repeat;
}
.header .top .tel span{
	display: block;
	line-height: 26px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-indent: 8px;
}