@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;
}
b{ font-weight:100;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; color:#3F3F3F; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
a:link { text-decoration: none;color: #131313;}
a:visited {text-decoration: none; color: #131313;}
a:hover { text-decoration: none; color: #131313;}
a:active {text-decoration: none; color: #131313;}

.top_box{ width:100%; height:34px; background-color:#3f3f3f; min-width:1200px;}
.top{ width:1180px; height:34px; margin:0 auto;}
.top_l{ height:34px; line-height:34px; float:left; color:#fff;}
.top_r{ height:34px; line-height:34px; float:right; color:#fff;}
.top_r a{ margin:0 8px; color:#fff;}
.top_r a:hover{ text-decoration:underline;}

.logo_box{ width:100%; height:154px; overflow:hidden; background:url(../images/logo_bj.jpg) repeat-x; min-width:1200px;}
.logo{ width:1180px; height:64px; margin:0 auto; margin-top:45px;}
.logo_l{ width:800px; height:64px; float:left;}
.logo_tp{ width:165px; height:64px; float:left;}
.logo_l h1 img{ width:165px; height:64px;}
.logo_wz{ width:400px; height:64px; float:left; padding-left:10px; padding-top:5px;}
.logo_l p{ line-height:26px; font-size:16px; letter-spacing:1px;}
.logo_l span{ display:block; font-size:20px; font-weight:bold; color:#3c9900;}
.logo_r{ height:30px; float:right; padding-top:20px;}
.logo_r p{ font-size:14px;}
.logo_r p span{ font-size:30px; color:#ff7809; font-family:Impact; padding-left:6px;}

.nav_box{ width:100%; height:55px; background:url(../images/logo_bj.jpg) repeat-x; border-bottom:1px solid #3c9900; border-top:1px solid #c6c4c4; min-width:1200px;}
.nav { width:1180px; height:55px; margin:0 auto;}
.nav li { text-align:center; float:left; width:162px; height:55px; line-height:55px; border-right:1px solid #c6c4c4; position:relative;}
.nav li:hover { background:url(../images/nav_h.jpg) no-repeat center;}
.nav li:hover a { color:#fff;}
.nav li ul {display:none;position:absolute;z-index:999;background:#3c9900; font-weight:bold; border-radius:7px;}
.nav li ul li{ background: #185722;}
.nav li:hover ul {display:block; }
.nav li a {display:block;font-size:14px; width:162px; height:55px;}

.pics_wrap{ width:100%; height:620px; min-width:1200px;}
.html5zoo-1{ width:100%; height:620px; min-width:1200px;}
.banner1{width:100%; height:400px; min-width:1200px;}
.banner1 img{width:100%; height:400px; min-width:1200px;}

.footer{ width:100%; height:346px; min-width:1200px; background:url(../images/foot_bj.jpg) no-repeat center;}
.foot{ width:1060px; height:346px; margin:0 auto;}
.foot_u{ width:960px; height:60px; line-height:60px; text-align:center; float:left; font-size:12px; color:#d2e7ca; margin:0 auto; padding-top:30px;}
.foot_u a{ padding:0 38px; color:#fff; font-size:14px; font-weight:normal;}
.foot_u a:hover{ color:#d2e7ca; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}
.foot_d{ width:1060px; height:auto; overflow:hidden; margin:0 auto; padding-top:50px;}
.foot_l{ width:320px; float:left; padding-top:10px;}
.foot_l img{ width:302px; height:116px;}
.foot_m{ width:500px; line-height:26px; overflow:hidden; float:left; margin-left:40px; padding-top:40px; font-weight:normal;}
.foot_m a{-webkit-transition:all .9s ease 0s; -moz-transition:all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}
.foot_m a:hover{ color:#b9b9b9;}
.foot_r{ width:130px; height:160px; float:right;}
.foot_r img{ width:128px; height:128px; border:1px solid #ccc;}
.foot_r p{ width:130px; height:30px; line-height:30px; text-align:center;}

/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #3c9900 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #3c9900 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #3c9900 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #3c9900 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}