.iframe{width:100%;height:40px;overflow:hidden;}
#header{ width:100%;min-width: 1180px; height:39px; margin:0 auto;background: #f5f5f5; border-bottom:1px solid #ddd;}
.header{ width:1180px; height:39px; margin:0 auto;}
.header ul{ float:left;margin-left: -10px;}
.header li{ float:left; font: normal 12px/39px "microsoft yahei","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:9px 5px 9px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:9px 3px; background: #76a246; cursor:pointer;color: #fff;}
.header li a{ color:#666;padding: 0 10px;}
.header li a.home{color: #76a243;}
.header p{ line-height:39px; float:right; color:#dfdfdf; margin-right:-6px;}
.header p a{ display:inline-block; color:#666; padding:0 6px;}
.header p a.mobile{ padding-left:22px; background:url(../../images/topic/topic.png) no-repeat 5px 12px; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}

.top{
	width:1180px;
	margin: 0 auto;
	padding: 23px 0;
}
.top .logo{
	float: left;
	margin-top: 7px;
}
.top .h1{
	height: 40px;
	border-left: 1px solid #dddddd;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 17px;
}
.top .h1 h1{
	font-size: 30px;
	line-height: 40px;
	color: #000;
	font-weight: normal;
}
.top .h1 h1 b{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #76a243;
	border-radius: 2px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin-right: 5px;
}
.topAdv{
	float: right;
}
.topAdv img{
	width: 720px;
	height: 74px;
}
/* Tophead */
.Tophead{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.Tophead ul{
	position: absolute;
	top: -40px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 40px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	font-size: 12px;
	position: relative;
}
.Tophead li .ServiceTop::after{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #e2e2e2;
}
.Tophead li:last-child .ServiceTop::after{
	display: none;
}
.Tophead li .ServiceTop a{
	color: #666;
}
/* 两个下拉 */
.Tophead li.mobile .ServiceTop a,.Tophead li.weixin .ServiceTop a{
	color: #138146;
}
.Tophead li .ServiceTop i{
	margin-right: 6px;
	font-size: 13px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 9999;
	box-sizing: border-box;
}
.ServiceBot1 {
	width: 672px;
	padding: 18px 14px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
}
.ServiceBot1 .item {
	float: left;
	width: 25%;
}
.ServiceBot1 .item .image{
	padding: 4px 4px 0;
	border-radius: 8px;
	display: inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
}
.ServiceBot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.ServiceBot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.ServiceBot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.Tophead li.mobile .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.mobile .hover::after{
	display: none;
}
/* weixin */
.ServiceBot2{
	height: 220px;
	width: 740px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.ServiceBot2 .gzRight{
	width: 440px;
	border-left: 1px solid #f3f3f3;
	float: right;
}
.ServiceBot2 .gzRight a{
	height: 110px;
	padding: 65px 20px 27px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	float: left;
	cursor: pointer;
}
.ServiceBot2 .gzRight a:nth-child(1)::after,
.ServiceBot2 .gzRight a:nth-child(2)::after,
.ServiceBot2 .gzRight a:nth-child(3)::after,
.ServiceBot2 .gzRight a:nth-child(4)::after{
	position: absolute;
	content:'';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a::before{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a:nth-child(4n)::before{
	display: none;
}
.ServiceBot2 .gzRight a i{
	position: absolute;
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 31px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-1.png) no-repeat;
	background-size: 100% 100%!important;
	display: inline-block;
	vertical-align: top;
}
.ServiceBot2 .gzRight a:nth-child(2) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-2.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(3) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-3.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(4) i{
	width: 63px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-4.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(5) i{
	width: 28px;
	height: 24px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-5.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(6) i{
	width: 41px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-6.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(7) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-7.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(8) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-8.png) no-repeat;
}
.ServiceBot2 .gzRight a.focus,.ServiceBot2 .gzRight a:hover{
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 2px 12px 0px rgba(40, 40, 40, 0.1);
}
.ServiceBot2 .gzRight a.focus::after,.ServiceBot2 .gzRight a.focus::before{
	display: none;
}
.ServiceBot2 .zgLeft{
	width: 299px;
	height: 100%;
	float: right;
	position: relative;
	display: none;
}
.ServiceBot2 .zgLeft p{
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 50%;
	width: 20px;
	line-height: 28px;
	font-size: 20px;
	color: #c27468;
	transform: translateY(-50%);
}
.ServiceBot2 .zgLeft img{
	position: absolute;
	left: 66px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.Tophead li.weixin .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.weixin .hover::after{
	display: none;
}
#nav{
	width: 100%;
	min-width: 1180px;
	height: 50px;
	background: #76a243;
}
.nav{
	width: 1180px;
	margin: 0 auto;
}
.nav p{
	width: 1213px;
	font-size: 18px;
	line-height: 50px;
	margin-left: -33px;
}

.nav p a{
	color: #fff;
	margin: 0 33px;
}

.praise{
	width: 99px;
	height: 100px;
	background: url(../../images/topic/topic.png) no-repeat 0 -40px;
	position: absolute;
	top: -4px;
	right: -4px;
}

#loopedSlider{
	width: 1178px;
	height:457px;
	border: 1px solid #eaeaea;
	margin: 20px auto;
	box-shadow: 0 0 15px #EAEAEA;
	position: relative;
}
.borderLine{
	width: 182px;
	height: 80px;
	position: absolute;
	top: -3px;
	left: -3px;
	background: none;
	border: 3px solid #ed6d00;
	display: none;
}
.slidepic{
	position:absolute;
	height:415px;
	width:1140px;
	top: 20px;
	left: 19px;
	overflow:hidden;
}
.slidepic div{
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	height: 315px;
	width:1140px;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
}
.slidepic div p{
	width: 380px;
	position: absolute;
	top: 0;
	right: 0;
}
.slidepic div p b{
	display: block;
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	color: #333;
}
.slidepic div p span{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	font-weight: normal;
	font-family: "microsoft yahei";
}
.slidepic div p a{
	display: block;
	width: 102px;
	height: 30px;
	border: 1px solid #76a243;
	margin: 0 auto;
	text-indent: 14px;
	background: url(../../images/topic/topic.png) no-repeat 77px -154px;
	font-size: 14px;
	line-height: 30px;
	color: #76A243;
	margin-top: 30px;
}
.pagination{
	width:1150px;
	height: 80px;
	position: absolute;
	top: 355px;
	left: 12px;
}
.pagination li,.nav-buttons li{
	float:left;
	margin-left: 9px;
	display:inline;
	position: relative;
}
.pagination li:hover .borderLine{
	display: block;
}
.pagination>li>a{
	display:inline-block;
	width:182px;
	height:80px;
	overflow:hidden;
	background: #c9c9c9;
}
.pagination a img{
	width:182px;
	height:80px;
}
.pagination li.focus .borderLine{
	display: block;
}
.nav-buttons li.p{
	position:absolute;
	top:50px;
	left:-40px;
}
.nav-buttons li.n{
	position:absolute;
	top:50px;
	right:-40px;
}
.nav-buttons li a{
	display: inline-block;
	width: 19px;
	height: 36px;
}
.nav-buttons li a.previous{
	/*background: url(../../images/build2018/buildBg2018.png) no-repeat 0 -404px;*/
}
.nav-buttons li a.nexts{
	/*background: url(../../images/build2018/buildBg2018.png) no-repeat -53px -404px;*/
}
.slidepic div img{
	width: 721px;
	height: 315px;
	position: absolute;
	top: 0;
	left: 0;
}
.main{
	width: 1180px;
	margin: 0 auto 0;
}
.titleBox{
	width: 100%;
	height: 70px;
	position: relative;
	margin-bottom: 20px;
}
.titleBox p{
	width: 100%;
	border-top: 6px solid #e6e6e6;
	position: absolute;
	bottom: 9px;
	left: 0;
	z-index: 1;
}
.title{
	width: 180px;
	text-align: center;
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -90px;
	z-index: 2;
}
.title h2{
	font-size: 28px;
	line-height: 40px;
	color: #000;
}

.title a{
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	padding: 0 5px;
	margin-top: 5px;
	color: #999;
}
.news .title h2 span{
	color: #0189ff;
}
.news .title a{
	border: 1px solid #4dacff;
}
.exhi .title h2 span{
	color: #35a6a4;
}
.exhi .title a{
	border: 1px solid #5db8b6;
}
.company .title h2 span{
	color: #af6117;
}
.company .title a{
	border: 1px solid #cfa074;
}
.activity .title h2 span{
	color: #f08170;
}
.activity .title a{
	border: 1px solid #f39a8d;
}
.product .title h2 span{
	color: #ddaa37;
}
.product .title a{
	border: 1px solid #e4bb5f;
}
.conLeft{
	width: 540px;
	height: 368px;
	float: left;
	box-shadow: 0px 0px 15px #e2e2e2;
}
.conLeft img{
	width: 540px;
	height: 236px;
}
.conLeftTxt{
	width: 500px;
	padding: 16px 20px;
}
.conLeftTxt h3{
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 10px;
}
.conLeftTxt h3 a{
	color: #333;
}
.conLeftTxt p{
	font-size: 14px;
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
	color: #666;
}
.conLeftTxt p a{
	color: #76a243;
}

.conRight{
	width: 640px;
	float: left;
}
.conRight ul{
	float: left;
}
.conRight ul li{
	width: 300px;
	height: 174px;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 15px #e2e2e2;
	position: relative;
	overflow: hidden;
}
.conPic{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
.conPic img{
	width: 300px;
	height: 130px;
}
.conPic p{
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	padding: 0 15px;
}
.conPic p a{
	color: #333;
}
.conText{
	width: 260px;
	height: 144px;
	padding: 15px 20px;
	background: #76a243;
	position: absolute;
	top: 174px;
	left: 0;
	z-index: 10;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.conText b{
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.conText b a{
	color: #fff;
}
.conText p{
	margin-top: 15px;
	font-size: 12px;
	line-height: 20p;
	color: #fff;
	text-align: justify;
}
.conRight ul li:hover .conText{
	top: 0;
}
.advBanner{
	width: 1180px;
	margin: 10px auto 30px;
}
.advBanner img{
	width: 1180px;
	height: 90px;
}

.footer{
	background-color: #333333;
	padding: 20px 0 0 0;
}
.Foot{
	width: 1180px;
	margin:0 auto;
	color: #fff;
	overflow: hidden;
}
.footLeft{
	width: 820px;
	float: left;
}
.footMenu{
	color: #666666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	text-indent: -6px;
}
.footMenu a{
	color: #fff;
	margin: 0 6px;
}
.footMenu a:hover{
	color: #ff6600;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #76a244;
}
.footLeft p a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #858688;
	border-radius: 11px;
	padding: 0 10px 0 0;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
.footLeft p a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 400;
	height: 20px;
	width: 100px;
	 text-align: center;
	 font-family: "microsoft yahei";
	}
	.footLeft p a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.footLeft p a:hover .QQhover{
	 display: inline-block;
	}
.footLeft p a b{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: top;
	background: #afb1b0 url(https://www.hbzhan.com/images/News/newsIndex.png) no-repeat -83px -239px;
}
.copyright{
	border-top: 1px solid #666666;
	margin-top: 24px;
	padding-top: 20px;
	color: #cacaca;
}
.footRight{
	width: 360px;
	float: right;
	text-align: center;
	padding-top: 20px;
}
.footRight p{
	display: inline-block;
	width: 100px;
	margin: 15px;
}
.footRight p img{
	border:1px solid #999999;
	margin:5px 0;
}
/*goTop*/
.backHome {
	width: 54px;
	position: relative;
}

.backHome a.guest,
.backHome a.guest,
.backHome a.price,
.backHome a.rightWx,
.backHome a.back,
.backHome .qq {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(../../images/topic/rightBar2.png) no-repeat 0 0 #76a346;
	text-decoration: none;
}

.backHome a:hover {
	color: #fff !important;
	opacity: 1;
	filter: alpha(opacity=100);
}

.backHome a.guest {
	background: url(../../images/topic/rightBar2.png) no-repeat 0 -114px #76a346;
}

.backHome a.price {
	background: url(../../images/topic/rightBar2.png) no-repeat 0px -57px #76a346;
}

.backHome a.rightWx {
	background: url(../../images/topic/rightBar2.png) no-repeat 0px -222px #76a346;
}

.backHome img {
	position: absolute;
	right: 65px;
	top: 77px;
	max-width: 100px;
	width: 100px;
	height: 100px;
	display: none;
}
.appItem {
	position: absolute;
	right: 80px;
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 168px;
	top: 50px;
	line-height: 18px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	display: none;
}
.appItem .image {
	padding: 14px;
}
.appItem p {
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #44a631;
	font-weight: bold;
	background: #f5f8f2;
}
.appItem.weixinItem p {
	font-size: 15px;
}
.weixinItem {
	top: 80px;
	width: 348px;
}
.weixinItem .item {
	float: left;
	width: 50%;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.weixinItem .image {
	width: 156px;
	height: 156px;
	margin: 0 auto;
	padding: 8px;
}
.weixinItem .item:last-of-type {
	border-right: 0;
}
.weixinItem .image img {
	position: static;
	width: auto;
	height: auto;
	display: block;
	max-width: 100%;
}
.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 527px;
	_top: expression(eval(document.documentElement.scrollTop+527));
	display: none;
	font: normal 11px "Microsoft Yahei", "simhei";
}

.toTop a,
.toTop a:hover {
	display: block;
	width: 54px;
	height: 19px;
	padding: 35px 0px 0 0px;
	background: url(../../images/topic/rightBar2.png) no-repeat 0px -170px #76a346;
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: #fff !important;
	text-decoration: none;
	text-align: center;
}

.toTop a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#goTop {
	position: fixed;
	_position: absolute;
	top: 177px;
	display: block;
	right: 10px;
	z-index: 99999;
}

*html,
* html body {
	background-attachment: fixed;
}

*html #goTop {
	position: absolute;
	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+145));
}

.backHome .qq {
	position: relative;
	z-index: 99999;
	background: url(../../images/topic/rightBar2.png) no-repeat 0px -288px #76a346;
}

.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.qqconsult {
	display: none;
	position: absolute;
	left: -170px;
	top: -30px;
	width: 160px;
	padding-right: 10px;
	z-index: 9999;
}

.qqBox {
	width: 140px;
	height: 124px;
	background-color: #fff;
	border: #76a346 10px solid;
}

.qqBox h3 {
	width: 138px;
	background-color: #76a346;
	border: #fff 1px solid;
	height: 28px;
}

.qqBox h3 {
	font: 16px/28px "microsoft yahei";
}

.qqBox p {
	margin-left: 8px;
}

.qqBox p span {
	margin-top: 10px;
	float: left;
	line-height: 16px;
	color: #333333;
	margin-right: 12px;
	font-family: "microsoft yahei";
}

.qqBox p a {
	margin-top: 10px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	height: 16px;
	line-height: 16px;
	width: 68px;
	color: #fff;
	font-family: "microsoft yahei";
	position: relative;
}
.qqBox p a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 400;
	height: 20px;
	width: 100px;
	 text-align: center;
	 font-family: "microsoft yahei";
	}
	.qqBox p a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.qqBox p a:hover .QQhover{
	 display: inline-block;
	}
.qqBox p a.btn1 {
	background-color: #76a346;
}

.qqBox p a.btn2 {
	background-color: #f26522;
}

.backHome .app {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(../../images/topic/rightBar2.png) no-repeat 0 -344px #76a346;
	text-decoration: none;
}

.appBot {
	position: absolute;
	top: 0;
	right: 60px;
	display: none;
}

.appBot img {
	max-width: 223px;
	width: auto !important;
	height: auto !important;
	position: static;
	display: block;
}



/*topicList*/
.topicList ul{
	width: 1200px;
	margin-left: -20px;
}
.topicList ul li{
	width: 575px;
	height: 451px;
	float: left;
	margin-left: 20px;
	margin-bottom: 30px;
	box-shadow: 0px 0px 15px #e9e9e9;
}
.topicList ul li img{
	width: 575px;
	height: 252px;
}
.topicText{
	width: 535px;
	height: 169px;
	padding: 15px 20px;
}
.topicText h3{
	font-size: 18px;
	line-height: 30px;
	color: #000;
	margin-bottom: 15px;
}
.topicText h3 a{
	color: #000;
}
.topicText p{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-bottom: 20px;
}
.policy{
	padding-top: 20px;
	border-top: 1px solid #eeeeee;
}
.policy span{
	font-size: 14px;
	line-height: 36px;
	color: #999;
	float: left;
}
.policy a{
	width: 110px;
	height: 36px;
	float: right;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	background: #92b964;
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
}
.newspages{width: 100%; height: 40px;margin: 0 auto;padding: 20px 0;text-align: center;font:normal 12px/40px "Tahoma";}
.newspages a{ width: 40px; height: 38px; display: inline-block; border:1px solid #e6e6e6; border-left: 0; text-align: center; font:normal 12px/38px "Tahoma"; color: #666666; vertical-align: middle; background: #fff;}
.newspages a.ft{border-left: 1px solid #e6e6e6;border-right:0;background: url(https://www.hbzhan.com/images/brand2018/companyList.png) no-repeat -56px -530px #fff;}
.newspages a.next{margin-right:15px;background: url(https://www.hbzhan.com/images/brand2018/companyList.png) no-repeat 15px -530px #fff;}
.newspages a.prev{ width: 68px; background: url(https://www.hbzhan.com/images/brand2018/companyList.png) no-repeat 8px -467px #fff; border-left: 1px solid #e6e6e6; }
.newspages a.lt{ width: 68px; background: #fff url(https://www.hbzhan.com/images/brand2018/companyList.png) no-repeat 8px -497px; }
.newspages a.on{ background: #519126; border:1px solid #519126; border-left: 0; color: #fff; font-weight: bold; }
.newspages input{ width: 38px; height: 38px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/38px "Tahoma"; margin: 0 10px; vertical-align: middle; }
.newspages button{ width: 52px; height: 40px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/40px "Tahoma"; vertical-align: middle; cursor: pointer; background: url(https://www.hbzhan.com/images/brand2018/companyList.png) no-repeat 0 -386px; }

.topicListTop {
	width: 1180px;
	margin: 0 auto;
}

.topicListTop p {
	font: normal 14px/54px "microsoft yahei";
	text-indent: 28px;
	background: url("/images/topics/topiclist.png") 0 -112px no-repeat;
}

.topicListTop p a {
	color: #333;
	margin: 0 5px;
}