.part1{
	width: 1200px;
	margin: 0 auto;
}
.part1Left{
	width: 583px;
	height: 346px;
	float: left;
	border: 1px solid #e6e6e6;
	border-top: 3px solid #ffb600;
	background: #f5f5f5;
}
.place,.number{
	width: 260px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
}
.part1Left h2{
	font-size: 18px;
	line-height: 18px;
	color: #333;
	text-indent: 10px;
	border-left: 4px solid #ffb600;
	margin-bottom: 15px;
}
.placeBox,.numberBox{
	padding-top: 35px;
}
.part1Right{
	width: 585px;
	float: right;
	position: relative;
}
.part1Right h2{
	font-size: 24px;
	line-height: 25px;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 2px solid #e6e6e6;
	overflow: hidden;
}
.part1Right h2 b{
	color: #ffb600;
}
.part1Right h2 a{
	font-size: 14px;
	line-height: 25px;
	color: #999;
	float: right;
	font-weight: normal;
}
.part1Right dl {
	height: 60px;
}
.part1Right dl dt{
	font-size: 20px;
	line-height: 30px;
	margin: 20px 0 15px;
	font-weight: bold;
}
.part1Right dl dt a {
	color: #333;
	max-height: 60px;
	overflow: hidden;
	display: inline-block;
}
.part1Right dl dt a:hover{
	color: #76a246;
}
.part1Right dl dd {
	font-size: 14px;
	line-height: 25px;
	color: #999;
	border-bottom: 1px dashed #f0f0f0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 125px;
}
.part1Right ul{
	padding-top: 20px;
}
.part1Right ul li{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 12px;
	height: 30px;
	overflow: hidden;
}
.part1Right ul li a {
	color: #333;
	width: 520px;
	display: inline-block;
}
.part1Right ul li span{
	font-size: 14px;
	color: #999999;
	float: right;
}
.part1Right ul li:hover a{
	color: #76A246;
}
.company{
	width: 1200px;
	margin: 20px auto 30px;
}
.title{
	height: 52px;
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	position: relative;
}
.title h2{
	font-size: 24px;
	line-height: 52px;
	color: #FFB600;
	margin-left: 20px;
}
.title h2 b{
	display: inline-block;
	margin-left: 15px;
	padding-top: 20px;
	padding-left: 20px;
	background: url(../../images/project/project.png) no-repeat 0 -156px;
	position: relative;
	top: 3px;
}
.titleNav{
	position: absolute;
	top: 0;
	right: 20px;
}
.titleNav p{
	font-size: 18px;
	line-height: 48px;
	color: #eaeaea;
}
.titleNav p a{
	padding: 0 30px;
	color: #999;
	position: relative;
}
.titleNav p a.focus{
	color: #333;
	font-weight: bold;
}
.titleNav p a em{
	width: 12px;
	height: 6px;
	position: absolute;
	top: 28px;
	left: 50%;
	margin-left: -6px;
	background: url(../../images/project/project.png) no-repeat 0 -200px;
	display: none;
}
.titleNav p a.focus em{
	display: block;
}
.companyList{
	display: none;
}
.companyList ul{
	width: 1220px;
	margin-left: -20px;
	float: left;
}
.companyList ul li{
	width: 181px;
	height: 98px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #e6e6e6;
}
.companyList ul li table{
	width: 181px;
	height: 98px;
}
.companyList ul li table{
	width: 181px;
	height: 98px;
	text-align: center;
	vertical-align: middle;
}
.companyList ul li table img{
	max-width: 181px;
	max-height: 98px;
}
.companyList ul li:hover{
	border: 1px solid #76A246;
}
.main{
	width: 1200px;
	margin: 0 auto 25px;
}
.left{
	width: 870px;
	float: left;
}
.leftList{
	margin-top: 5px;
	height: 495px;
	overflow: hidden;
	display: none;
}
.leftList dl{
	padding: 15px 0;
	border-bottom: 1px dashed #f0f0f0;
}
.leftList dl dt{
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.leftList dl dt a {
	color: #333;
	width: 740px;
	display: inline-block;
}
.leftList dl dt:hover a{
	color: #76A246;
}
.leftList dl dt span{
	font-size: 12px;
	color: #999;
	float: right;
}
.leftList dl dd{
	font-size: 12px;
	line-height: 25px;
	color: #999;
	white-space: 20px;
	overflow: hidden;
}
.right{
	width: 300px;
	float: right;
}
.rightCard{
	width: 298px;
	border: 1px solid #E6E6E6;
}
.rightTitle{
	height: 52px;
	background: #f8f8f8;
	padding-left: 15px;
	overflow: hidden;
}
.rightTitle span{
	width: 30px;
	height: 30px;
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
}
.rightTitle span.fire {
	background: url(../../images/project/fire.png) no-repeat 0px -4px;
}
.rightTitle span.message {
	background: url(../../images/project/message.png) no-repeat -2px -4px;
}
.rightTitle span.news {
	background: url(../../images/project/news.png) no-repeat 0px -2px;
}
.rightTitle span.book {
	background: url(../../images/project/book.png) no-repeat -2px -3px;
}
.rightTitle span.camera {
	background: url(../../images/project/camera.png) no-repeat -2px -3px;
}
.rightTitle span.building {
	background: url(../../images/project/building.png) no-repeat -0px -2px;
}
.rightTitle span.point {
	background: url(../../images/project/point.png) no-repeat -2px -3px;
}
.rightTitle h2{
	font-size: 18px;
	line-height: 52px;
	color: #333;
	display: inline-block;
}
.rightTitle a.more{
	font-size: 14px;
	line-height: 52px;
	color: #999;
	float: right;
	margin-right: 20px;
}
.standard dl{
	margin-top: 15px;
	padding: 0 5px 0 15px;
}
.standard dl dt{
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	padding-left: 10px;
	background: url(../../images/project/project.png) no-repeat 0 -221px;
}
.standard{
	padding-bottom: 20px;
}
.standard dl dt a{
	color: #333;
}
.standard dl dt a:hover{
	color: #76A246;
}
.standard dl dd{
	font-size: 12px;
	line-height: 20px;
	color: #dcdcdc;
}
.standard dl dd span{
	margin: 0 10px;
	color: #999;
}
.policy{
	height: 492px;
}
.policyBox{
	margin-top: 15px;

}
.policyBox p{
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	padding-left: 12px;
	background: url(../../images/project/project.png) no-repeat 0 -221px;
	margin: 0 5px 10px 15px;
}
.policyBox p a{
	color: #333;
}
.policyBox p a:hover{
	color: #76A246;
}
.policyBox dl{
	margin: 0 15px;
	padding-bottom: 20px;
	overflow: hidden;
	border-bottom: 1px dashed #EAEAEA;
}
.policyBox dl dt{
	width: 90px;
	float: left;
}
.policyBox dl dt table{
	width: 90px;
	height: 56px;
}
.policyBox dl dt table td{
	width: 90px;
	height: 56px;
	text-align: center;
	vertical-align: middle;
}
.policyBox dl dt table td img{
	border-radius: 3px;
}
.policyBox dl dd{
	width: 170px;
	float: right;
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	padding-top: 6px;
}
.policyBox dl dd a{
	color: #999;
}
.unit{

}
.unit ul{
	padding: 15px;
}
.unit ul li{
	font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    padding-left: 12px;
    background: url(../../images/project/project.png) no-repeat 0 -219px;
	margin-bottom: 9px;
}
.unit ul li a{
	color: #333;
}
.unit1 ul li a{
	display: inline-block;
	width: 200px;
	overflow: hidden;
}
.unit ul li a:hover{
	color: #76A246;
}
.unit ul li span{
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0px 6px;
	background: #fff2d2;
	color: #f8ab06;
	float: right;
	margin-top: 6px;
}

.exposure{
	padding-bottom: 25px;
}
.exposure dl{
	margin: 0 15px;
	margin-top: 20px;
	overflow: hidden;
}
.exposure dl dt{
	width: 100px;
	float: left;
}
.exposure dl dt table{
	width: 100px;
	height: 56px;
}
.exposure dl dt table td{
	width: 90px;
	height: 58px;
	text-align: center;
	vertical-align: middle;
}
.exposure dl dt table td img{
	border-radius: 3px;
}
.exposure dl dd{
	width: 155px;
	float: right;
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	padding-top: 6px;
}
.exposure dl dd a{
	color: #999;
}
.engineering{
	width: 1200px;
	margin: 0 auto 30px;
}
.engineering ul{
	width: 1220px;
	margin-left: -20px;
}
.engineering ul li{
	width: 183px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
}
.engineering ul li img{
	width: 183px;
	height: 122px;
}
.engineering ul li p{
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-top: 10px;
}
.engineering ul li p a{
	color: #333;
}
.engineering ul li p a:hover{
	color: #76A246;
}
.engList{
	display: none;
}
.link{
	width: 1200px;
	margin: 0 auto 30px;
}
.link h2{
	font-size: 18px;
    line-height: 18px;
    color: #333;
    text-indent: 10px;
    border-left: 4px solid #ffb600;
    margin-bottom: 20px;
}
.link ul li{
	font-size: 12px;
	line-height: 25px;
	float: left;
	margin-right: 20px;
}
.link ul li a{
	color: #333;
}
.link ul li a:hover{
	color: #76A246;
}
.content table tr td div {
	height: 60px;
	overflow: hidden;
}
.header span a.mobile{
	display: none;
}
.header span{
	margin-right: 158px;
}
/* Tophead */
.Tophead{
	margin: 0 auto;
	position: relative;
}
.Tophead.main{
	margin-bottom: 0;
}
.Tophead ul{
	position: absolute;
	top: -35px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 32px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	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: 4px;
	font-size: 13px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 32px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 99999;
	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;
}