html,body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,button,p,blockquote,th,td,img,iframe,a{ margin: 0px; padding: 0px; }
/*table{ border-collapse:collapse; border-spacing:0;}*/
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
select,input,button,textarea,option { font: 12px "宋体", Arial, Helvetica, sans-serif; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
li{ list-style: none; }
body{ font: 12px "Arial",'����'; color: #333; position: relative; background: #fff;}
html{-webkit-text-size-adjust:none;}
/*----------------------------advice--------------------*/
#propose{ position:fixed; bottom:300px; left:50%; margin-left:490px; z-index:10000; display:block; width:30px; height:72px; background: url(/images/index/jianyi.gif) no-repeat center 0;}
#propose a{ display:block; float:left; font-family:"����"; text-align:center; font-size:12px; width:30px; height:72px; color:#666666; text-decoration:none; line-height:14px;}
#propose a:hover{ color:#ff6633;}
#propose_1{ position:fixed; bottom:200px; left:50%; margin-left:490px; z-index:10000; display:block; width:30px; height:72px; background: url(/images/index/jianyi.gif) no-repeat center 0;}
/* ������dz���IE6�����������ͨ�õķ��� */

* html,* html body /* ����IE6��bug */{background-image:url(about:blank);background-attachment:fixed;}
* html #propose_1/* IE6 ͷ���̶� */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop)+300);}
* html #propose_1 /* IE6 �Ҳ�̶� */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,300)));}
#propose_1 a{ display:block; float:left; font-family:"����"; text-align:center; font-size:12px; width:30px; height:72px; color:#666666; text-decoration:none; line-height:14px;}
#propose_1 a:hover{ color:#ff6633;}
/* --------------------------- newheader --------------------------- */
#nheadtitle{ width: 100%; margin: 0px auto; height: 25px; background: url(../images/Public/publicbg.jpg) repeat-x; border-bottom: 1px solid #c0e0b7; }
#nheadtitle-center{ width: 970px; margin: 0px auto; color: #636164; font: normal 12px '����'; position: relative; }
#nheadtitle-center p{ width: 285px; position: absolute; top: 0px; left: 0px; text-indent: 0px; line-height: 25px; }
#nheadtitle-center p a{ text-decoration: none; color: #636164; padding: 0px 3 0px 3px;}
#nheadtitle-center p a.gom{ color: #ff0000; }
#nheadtitle-center p a:hover{ color: #FB5005; }
#nheadtitle-center span{ width: 690px; position: absolute; top: 0px; right: 0px; text-align: right; color: #ABABAD; line-height: 25px; }
#nheadtitle-center span a{ text-decoration: none; color: #636164; padding: 0px 5px 0 5px; }
#nheadtitle-center span a.moblie { background: url(../images/index/moblie_yellow.gif) no-repeat scroll left 2px transparent; color: #FF6600;  line-height: 20px; padding: 2px 0 0 13px;}
#nheadtitle-center span a:hover{ color: #FB5005; }
#nwebnav{ width: 970px; height: 38px; margin: 0px auto; padding: 16px 0; overflow: hidden; }
.nwebnav-left{ width: 535px; display: block; float: left; height: 38px; }
.nwebnav-left span{ width: 21px; height: 38px; float: left; display: block; background: url(../images/Public/publicbg.jpg) 0px -27px no-repeat; }
.nwebnav-left p{ width: 510px; display: block; float: left; color: #CCCCCC; padding: 0 0 0 4px; }
.nwebnav-left p a{ text-decoration: none; color: black; padding: 0px 5px; font: normal 12px/20px '����'; }
.nwebnav-left p a:hover{ color: #FB5005; }
.nwebnav-left p b{ padding: 0px 0 0 4px; }
#nwebnav a.ared{ color: #ff0000; }
.nwebnav-right{ width: 422px; display: block; float: right; height: 38px; }
.nwebnav-right span{ width: 21px; height: 38px; float: left; display: block; background: url(../images/Public/publicbg.jpg) -21px -27px no-repeat; }
.nwebnav-right p{ width: 397px; display: block; float: left; color: #CCCCCC; padding: 0 0 0 4px; text-align: left; }
.nwebnav-right p a{ text-decoration: none; color: black; padding: 0px 5px; font: normal 12px/20px '����'; }
.nwebnav-right p a:hover{ color: #FB5005; }
.nwebnav-right p b{ padding: 0px 0 0 12px; }
#nheadbanner{ width: 970px; height: 90px; margin: 0px auto; }
.nheadbanner-adv{ width: 816px; display: block; float: left; position: relative; }
.nheadbanner-adv img{ height: 90px; }
.nheadbanner-bt{ width: 94px; height: 86px; border: 1px solid #E9E9E9; background: #F6F6F6; float: left; padding: 1px 29px; }
.nheadbanner-bt a{ width: 66px; height: 20px; display: block; float: left; margin: 6px 0 0 0; text-decoration: none; color: #0F4686; font: normal 12px/21px '����'; padding: 1px 0 0 28px; background: url(../images/Public/publicbg.jpg) no-repeat 0 -66px; }
.nheadbanner-bt a.abg1{ background: url(../images/Public/publicbg.jpg) no-repeat 0 -87px; }
.nheadbanner-bt a.abg2{ background: url(../images/Public/publicbg.jpg) no-repeat 0 -108px; }
.nheadbanner-adv b{width: 25px; height: 90px; display: block; position: absolute;background: url(../images/Public/namingAdv.gif) no-repeat;}
#nheadnav{ width: 970px; height: 43px; margin: 10px auto 0 auto; background: url(../images/Public/publicbg.jpg) repeat-x 0 -130px; }
#nheadnav span{ width: 173px; height: 43px; display: block; float: left; background: url(../images/Public/publicbg.jpg) no-repeat 0 -173px; }
#nheadnav p{ width: 787px; display: block; float: left; height: 43px; font: normal 12px/43px '����'; color: #b9e1ae; padding: 0px 0 0 8px; }
#nheadnav p a{ text-decoration: none; color: #fff; padding: 0 6px; }
#nheadnav p a:hover{ text-decoration: underline; color: #D6F7D5; }
#nheadnav b{ width: 2px; height: 43px; display: block; float: left; background: url(../images/Public/publicbg.jpg) no-repeat -96px -66px; }
#nheadsearch{ width: 970px; height: 32px;  position: relative; margin: 0px auto; position: relative; background: url(../images/Public/publicbg.jpg) repeat-x 0px -174px; z-index: 1; }
#nheadsearch ul{ width: 363px; position: absolute; top: 4px; left: 9px; height: 22px; }
#nheadsearch ul li{ list-style: none; display: block; float: left; padding: 0px 2px; }
#nheadsearch ul li input{ width: 251px; height: 17px; border: 0px; background: url(../images/Public/publicbg.jpg) no-repeat 0 -207px; font: normal 12px '����', "Arial"; color: #818588; padding: 5px 0 0 8px; }
#nheadsearch button{ width: 41px; height: 22px; border: 0px; background: url(../images/Public/publicbg.jpg) no-repeat -43px -27px; position: absolute; top: 5px; left: 327px; }
#ncontain{ width: 40px; height: 21px; color: #787677; background: #CBD9E2 url(../images/Public/publicbg.jpg) no-repeat -85px -27px; padding: 1px 0 0 7px; font: normal 12px/22px '����'; margin: 1px 0 0 0; z-index: 999; position: absolute;}
#nselectList{ width: 47px; display: none; margin: 4px 0 0 -7px; background: #eee; position: absolute;}
#nselectList span{ width: 40px; display: block; font: normal 12px/18px '����'; color: #062E75; padding: 2px 0 0 7px; }
#nheadsearchtext{ width: 420px; height: 16px; position: absolute; top: 10px; right: 0px; }
#nheadsearchtext b{ width: 70px; display: block; float: left; font: bold 12px/16px '����'; }
.nscrolltext{ width: 328px; display: block; float: left; }
.nscrolltext a:link,.nscrolltext a:visited{ width: 300px; display: block; float: left; font: normal 12px/16px '����'; height: 16px; overflow: hidden; padding: 0px 0 0 20px; text-decoration: underline; color: #00349A; background: url(../images/Public/publicbg.jpg) no-repeat -243px -27px; }
.nscrolltext a:hover{ text-decoration: none; color: black; }
.nscrollimg{ width: 15px; display: block; float: left; }
/* --------------------------- newfooter --------------------------- */
#nfoot{ width: 950px; margin: 10px auto 0 auto; padding: 13px 10px 0 10px; background: url(../images/Public/publicbg.jpg) repeat-x 0 -357px; }
#nfoot p{ width: 950px; display: block; float: left; text-align: center; color: #444446; font: normal 12px/26px '����',"Arial"; }
#nfoot span{ width: 950px; display: block; float: left; text-align: center; color: #ABABAD; font: normal 12px/26px "Arial",'����'; border-top: 1px solid #CCCCCC; padding: 8px 0 0 0; margin: 3px 0 0 0; }
#nfoot span a{ text-decoration: none; color: green; padding: 0px 10px; }
#nfoot span a:hover{ color: #FB5005; }
#nfoot p strong{ font: normal 11px "Arial"; padding: 0px 25px 0 0; }
#nfoot p b{ padding: 0px 3px; font: normal 12px/26px "Arial",'����';}
#nfoot p b img{ vertical-align: middle; }
#nfoot p b a{
	position: relative;
   cursor: pointer; 
   }
   #nfoot p b 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;
	
	height: 20px;
	width: 100px;
	text-align: center;
    resize: none;
    font-family:"Microsoft YaHei"
   }
   #nfoot p b a .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
   }
   #nfoot p b a:hover .QQhover{
	display: inline-block;
   }
.nfoot-bt{ width: 800px; margin: 10px auto 0 auto; border-top: 1px dashed #CCCCCC; padding: 15px 0 15px 0; text-align: center; }
.nfoot-bt a{ height: 32px; padding: 8px 0px 0 34px; display: inline-block; text-decoration: none; color: #424345; text-align: left; font: normal 12px/14px '����'; margin: 0px 2px; }
.nfoot-bt a.abt1{ width: 65px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -230px; }
.nfoot-bt a.abt2{ width: 54px; background: url(../images/Public/publicbg.jpg) no-repeat -106px -230px; }
.nfoot-bt a.abt3{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -273px; }
.nfoot-bt a.abt4{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -99px -273px; }
.nfoot-bt a.abt5{ width: 58px; background: url(../images/Public/publicbg.jpg) no-repeat -1px -316px; }
.nbigbox{ width: 970px; margin: 0 auto; overflow: hidden; }
.nbigbox-kong{ width: 970px; height: 10px; margin: 0 auto; overflow: hidden; }
.nwebnav{ border: 1px #D8D8D8 solid; width: 956px; height: 32px; background-image: url(../images/Public/last_top011.gif); text-align: left; line-height: 32px; padding-left: 12px; margin: 10px auto 0 auto; overflow: hidden; }
.nwebnav a{ padding: 0 10px; text-decoration: none; color: #333; }
.nwebnav a:hover{ color: #FB5005; }
.nwebnav span{ padding: 0px 10px; color: #FB5005; }
.nbigad{ width: 980px; margin: 0 auto; }
.nbigad ul{ float: left; width: 980px; }
.nbigad ul li{ float: left; padding: 10px 5px 0 5px; overflow: hidden; }
.nbigad ul li img{ display: block; }
.nbigaddl{ width: 980px; margin: 0 auto; }
.nbigaddl dl{ float: left; padding: 10px 5px 0 5px; overflow: hidden; }
.nbigaddl dl dt{ display: block; }
.nbigaddl dl dt img{ display: block; }
.nbigaddl dl dd{ text-align: center; padding-top: 4px; line-height: 16px; }
.nbigaddl dl dd a{ color: #333; text-decoration: none; }
/* 20240103 */
@font-face {
	font-family: 'hbzhan';  /* Project id 1875012 */
	src: url('//at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff2?t=1697617261003') format('woff2'),
		 url('//at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff?t=1697617261003') format('woff'),
		 url('//at.alicdn.com/t/c/font_1875012_yghyt0mh2h.ttf?t=1697617261003') format('truetype');
  }
.hbzhan{
    font-family:"hbzhan" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/* Tophead */
.Tophead{
	width: 970px;
	margin: 0 auto;
	position: relative;
}
.Tophead a{
	text-decoration: none;
}
.Tophead ul{
	position: absolute;
	top: -96px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 25px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 25px;
	line-height: 25px;
	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: 25px;
	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;
}
#nheadtitle-center span a.moblie{
    display: none;
}
#nheadtitle-center span{
    margin-right: 170px;
}