@charset "utf-8";

body { font-size: 14px; font-family: "微软雅黑"; background: #fff; min-width:1200px; }

* { padding: 0; margin: 0; }

a { text-decoration: none; }

ul, li { list-style: none; }

img { border: 0; }

input { font-family: "微软雅黑"; outline: none; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1100px; margin: 0 auto; }

.all1 { width: 1100px; margin: 0 auto; overflow: hidden; background:#fff; margin-bottom:30px;}

/*header样式开始*/








.top { width: 100%; max-width: 1920px; background: #333333; height: 30px; }

.top .left { float: left; }

.top .left span { font-size: 12px; color: #FFFFFF; line-height: 30px; }

.top .right { float: right; }

.top .right ul li { float: left; font-size: 12px; color: #ffffff; line-height: 30px; }

.top .right ul li:nth-child(1) { margin-right: 6px; }

.right ul li:nth-child(3) { margin-left: 10px; }

.right ul li img { margin-top: 7px; display: block; box-sizing: border-box; }

.red { color: #FF2626; }

/*header样式结束*/

/*nav样式开始*/







.header { width: 100%; max-width: 1920px; background:#fff;}

.header .logoimg { float: left; width: 300px; height: 112px; }

.header .logoimg img { width: 300px; height: 112px; }

.nav { float: right; }

.nav ul li { float: left; width: 100px; font-size: 16px; margin: 0 auto; height: 112px; }

.nav ul li a { display: block; width: 64px; color: #333; height: 60px; line-height: 60px; margin: 26px auto; text-align: center; box-sizing: border-box; }

.d { border-bottom: 2px solid red !important; }

.menuCurrent { }

.header .two li { height: 60px !important; }

.header .two li a { margin: 0 auto !important; color: #fff; }

.nav ul li .two { display: none; }

.nav ul li:hover .two { display: block; position: absolute; width: 100px; float: left; z-index: 9999; background: rgba(0,0,0,0.5); }

/*nav样式结束*/

/*首页banner样式开始*/







.t-banner { width: 100%; height: 700px; overflow: hidden; position: relative; z-index: 1; }

.t-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.t-banner .bd ul { width: 100% !important; }

.t-banner .bd li { width: 100% !important; height: 700px; overflow: hidden; text-align: center; }

.t-banner .bd a { display: block; width: 100%; height: 100%; }

.t-banner .bd img { width: 100%; height: 700px; }

.t-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0px; left: 0; height: 30px; line-height: 30px; }

.t-banner .hd ul { text-align: center; }

.t-banner .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 6px 1px 8px; overflow: hidden; background: #7d7d7d; opacity: 0.8; line-height: 999px; border-radius: 50%; }

.t-banner .hd ul .on { background: #fff; }

.t-banner .prev, .t-banner .next { display: block; position: absolute; background: rgba(255,255,255,0.6); top: 50%; left: 1%; }

.t-banner .next { left: auto; right: 1%; }

.t-banner .prev i, .t-banner .next i { display: block; z-index: 1; width: 34px; height: 60px; cursor: pointer; background: url("img/prev.png")/*tpa=http://www.hbhzjs.cn/skin/img/prev.png*/ no-repeat center; background-size: 20px 20px; }

.t-banner .next i { background: url("img/next.png")/*tpa=http://www.hbhzjs.cn/skin/img/next.png*/ no-repeat center; background-size: 20px 20px; }

/*首页banner样式结束*/

/*banner样式开始*/







.banner { background: url("img/bannar.jpg")/*tpa=http://www.hbhzjs.cn/skin/img/bannar.jpg*/ no-repeat; height: 570px; }

.w-banner { width: 100%; height: 600px; overflow: hidden; position: relative; z-index: 1; }

.w-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.w-banner .bd ul { width: 100% !important; }

.w-banner .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; }

.w-banner .bd img { width: 100%; height: 570px; }

.w-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0px; left: 0; height: 30px; line-height: 30px; }

.w-banner .hd ul { text-align: center; }

.w-banner .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 6px 1px 8px; overflow: hidden; background: #7d7d7d; opacity: 0.8; line-height: 999px; border-radius: 50%; }

.w-banner .hd ul .on { background: #fff; }

.w-banner .prev, .w-banner .next { display: block; position: absolute; background: rgba(255,255,255,0.6); top: 50%; left: 1%; }

.w-banner .next { left: auto; right: 1%; }

.w-banner .prev i, .w-banner .next i { display: block; z-index: 1; width: 34px; height: 60px; cursor: pointer; background: url("img/prev.png")/*tpa=http://www.hbhzjs.cn/skin/img/prev.png*/ no-repeat center; background-size: 20px 20px; }

.w-banner .next i { background: url("img/next.png")/*tpa=http://www.hbhzjs.cn/skin/img/next.png*/ no-repeat center; background-size: 20px 20px; }

/*banner样式结束*/

/*about样式开始*/







.about { margin-top: 40px; }

.tit h2 { font-size: 24px; font-weight: bold; color: #212121; text-align: center; }

.tit span { font-size: 12px; color: #CCCCCC; text-align: center; display: block; line-height: 150%; font-style: oblique }

.about_left { width: 520px; float: left; }

.about_left .img1 { background: url("img/about2.png")/*tpa=http://www.hbhzjs.cn/skin/img/about2.png*/ no-repeat; width: 27px; height: 26px; display: block; float: left; }

.about_left h3 { font-size: 18px; color: #333; line-height: 150%; padding-left: 40px; }

.about_left p { font-size: 14px; color: #333; line-height: 232%; text-indent: 10px; padding-bottom: 10px; }

.about_right { float: right; border: 5px solid #ddd; margin-top: 17px; }

.lxgd { margin-top: 20px; }

.lxgd ul li { font-size: 12px; color: #333; line-height: 143%; float: left; margin-left: 45px; }

.lxgd ul li:nth-child(2) { float: right; }

.lxgd ul li .img3 { background: url("img/about3.png")/*tpa=http://www.hbhzjs.cn/skin/img/about3.png*/ no-repeat; width: 12px; height: 17px; display: block; float: left; padding-right: 5px; }

.lxgd ul li span { font-size: 12px; font-weight: bold; float: left; }

.lxgd ul li .more { color: #fff; background: #B20000; border-radius: 50%; width: 13px; height: 13px; display: block; text-align: center; line-height: 11px; margin: 2px 0 0 3px; }

.red1 { color: #B20000; }

/*about样式结束*/

/*business样式开始*/







.business { margin: 55px 0 25px 0; }

.business ul li:hover .zzc { display: block; }

.business ul li .zzc { position: absolute; top: 0; width: 275px; height: 350px; background: rgba(0,0,0,0.3); display: none; }

.business ul { margin-top: 30px; }

.business ul li:hover span { color: #B20000; }

.business ul li { width: 25%; height: 350px; float: left; position: relative; }

.business ul li span { display: block; background: rgba(43, 61, 79, 0.4); width: 100%; height: 61px; position: absolute; bottom: 0; text-align: center; color: #fff; font-size: 20px; font-weight: bold; line-height: 61px; }

/*business样式结束*/

/*news样式开始*/







.news { background: #EFEFEF; }

.news_left { width: 550px; float: left; padding: 50px; box-sizing: border-box; }

.news_left video { width: 450px; height: 367px; background: #666; }

.news_right { width: 550px; padding: 50px; box-sizing: border-box; float: right; }

.news_more { border-bottom: 1px solid #999; height: 35px; }

.news_more ul li:nth-child(1) { border-bottom: 1px solid #B20000; }

.news_more ul li { font-size: 18px; line-height: 167%; color: #212121; float: left; padding-bottom: 5px; }

.news_more .img1 { background: url("img/news2.png")/*tpa=http://www.hbhzjs.cn/skin/img/news2.png*/ no-repeat; width: 16px; height: 16px; display: block; float: left; padding-right: 5px; margin-top: 5px; }

.news_more ul li:nth-child(2) { float: right; }

.news_more ul li .more { color: #fff; background: #B20000; border-radius: 50%; width: 13px; height: 13px; display: block; text-align: center; line-height: 11px; margin: 8px 0 0 3px; }

.news_more span { font-size: 12px; font-weight: bold; float: left; }

.Headlines { margin-top: 25px; }

.Headlines img { width: 120px; height: 90px; float: left; margin-right: 10px; }

.Headlines span { color: #333333; font-size: 12px; line-height: 150%; margin: 5px 0px; display: block; }

.Headlines h4 { font-size: 14px; color: #333; line-height: 150%; }

.Headlines p { color: #333333; font-size: 12px; line-height: 150%; }

.news_list ul li { background: url("img/news3.png")/*tpa=http://www.hbhzjs.cn/skin/img/news3.png*/ no-repeat; background-position: 0 17px; padding-left: 20px; font-size: 14px; line-height: 310%; }

.news_list ul li a { color: #333; }

.news_list ul li span { float: right; }

.news_list ul li p { float: left; }

/*news样式结束*/

/*Case样式开始*/






.Case { padding-bottom: 20px; }

.Case_left { width: 685px; margin-top: 40px; float: left; }

.Case_img { float: left; margin-right: 15px; }
.Case_img img{width:167px; height:125px;}

.Case_list { margin-top: 25px; }

.Case_list ul li { margin-bottom: 30px; }

.Case_list h3 { font-size: 14px; color: #333; line-height: 150%; padding-bottom: 5px; }

.Case_list p { font-size: 14px; color: #333; line-height: 180%; }

.Case_list span { font-size: 12px; color: #333; line-height: 150%; }

.Case_right { width: 355px; float: right; margin-top: 40px; }

.Case_img1 { padding: 40px 40px 35px 40px; box-sizing: border-box; }

.Case_img1 img { width: 270px; height: 140px; }

.Make { margin-top: 10px; width: 100%; height: 230px; overflow: hidden; position: relative; }

.Make .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; width: 342px; }

.Make .bd li { height: 230px; overflow: hidden; text-align: center; }

.Make .bd li a { display: block; height: 230px; }

.Make .bd li img{width:342px; height:160px;}

.Make .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }

.Make .hd ul { text-align: right; }

.Make .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 3px 1px 1px; overflow: hidden; background: #BBBBBB; line-height: 999px; border-radius: 50%; }

.Make .hd ul .on { background: #B20000; }

.Make .bd ul li span { font-size: 12px; color: #1F1F1F; text-align: left; line-height: 150%; display: block; width: 330px; margin: 0 auto; margin-top: 10px; }

/*Case样式结束*/

/*footer样式开始*/

.footer {/* background: #1E548D;*/ background: #323232; }

.footer .all { padding: 40px 20px; }

.footer_nav { float: left; }

.footer_nav ul li { float: left; width: 130px; text-align: center; }

.footer_nav a { color: #aaa; font-size: 16px; }

.footer_nav a:hover { /*color: #B20000 !important;*/ border-bottom: 1px solid #bbb; }

.footer_nav .two { margin-top: 20px; }

.footer_nav .two li { line-height: 200%; }

.footer_nav .two a { font-size: 12px; color: #aaa; }

.lxfs ul li { margin-bottom: 25px; }

.lxfs { float: right; width: 300px; }

.tel_img { width: 40px; text-align: center; float: left; }

.lxfs ul li span {color: #aaa; }

.ba { text-align: center; margin-top: 50px; color: #aaa; font-size: 12px; line-height: 180%; }

.ba a { color: #aaa; font-size:12px; }

.ba a:hover { /*color: #B20000;*/ border-bottom: 1px solid #bbb; }

.ba_t { text-align: center; color: #fff; font-size: 12px; line-height: 180%;/* background: #1E548D;*/ background: #323232; padding: 15px 0; }

.ba_t a { color: #fff; }

.ba_t a:hover { color: #B20000; }

/*footer样式结束*/

/*news单页样式开始*/







.news_tit { padding-left: 21px; padding-bottom: 37px; line-height: 24px; font-size: 18px; margin-top: 20px; color: #cbcaca; background: url("img/b3.jpg")/*tpa=http://www.hbhzjs.cn/skin/img/b3.jpg*/ no-repeat left bottom; }

.news_tit span { font-size: 24px; font-weight: bold; color: #464646; padding-right: 8px; margin-right: 8px; border-right: 1px solid #cbcaca; }

.news_nav { float: right; margin-bottom: 24px; }

.news_nav ul li { float: left; margin-right: 4px; width: 110px; height: 26px; line-height: 26px; text-align: center; background: #666; color: #FFF; }

.news_nav li.classon { background: #285da3 !important; }

.news_nav ul li a { color: #fff; display: block; width: 100%; }

.news_nav ul .thisclass { background: #285da3; }

.nav_list { border-top: 1px solid #e6e6e6; box-sizing: border-box; width:820px;float:right; }


.nav_list ul li a { color: #000; border-bottom: 1px solid #eee; display: block; width: 100%; height: 48px; }

.nav_list ul li a:hover { color: #285da3; background: #ececec; }

.nav_list ul li span { float: left; }

.nav_list ul li { line-height: 48px; }

.nav_list ul li font { float: right; margin-right:10px; }

.nav_list ul li i { display: block; width: 55px; float: left; background: url("img/i8.png")/*tpa=http://www.hbhzjs.cn/skin/img/i8.png*/ no-repeat center; height: 48px; }

/*news单页样式结束*/

/*case单页样式开始*/







.case_list { border-top: 1px solid #e6e6e6; box-sizing: border-box; }

.case_list ul li { float: left; width: 223px; padding: 3px; border: 1px solid #999999; margin: 28px 22px 0; padding-bottom: 0; }

.case_list ul li img { width: 223px; height: 167.25px; }

.case_list ul li img:hover { opacity: 0.8; }

.case_list ul li span { color: #504b4b; font-size: 14px; line-height: 34px; text-align: center; display: block; }

.case_list ul li span:hover { color: #2b5fa4; }

/*case单页样式结束*/

/*内页样式开始*/






.article_article { width: 820px; float:right;}

.article_tit div { font-size: 18px; font-weight: bold; padding: 15px 0 5px; text-align: center; }

.article_tit span { text-align: center; color: #999; padding-top: 5px; padding-bottom: 20px; display: block; }

.article_article .content { padding: 24px; padding-bottom: 30px; line-height: 25px; }

.article_article .content img { max-width: 100%; margin: 0 auto; }

.article_article .content div { line-height: 37px; font-size: 14px; color: #000000 !important; }

.content span { color: #000000 !important; }
.neirong{line-height: 25px;}
/*内页样式结束*/

/* pages */





.pages UL { text-align: center; margin: 0 auto; margin-top: 30px; }

.pages UL LI { width: auto; display: inline-block; border: 1px solid #ccc; margin-bottom: 30px; color: #888; padding: 6px 10px; text-align: center; margin-right: 6px; }

.pages UL LI span { line-height: 35px; margin: 0 10px; }

.pages UL LI a { display: block; color: #888; }

.thisclass { display: block; }

.pages UL LI select { border: 0; background: none; color: #888; }

.pages UL LI:hover { border: 1px solid #285da3; color: #285da3; }

.pages UL LI:hover a { color: #285da3; }

.pages UL .thisclass { background: #285da3 !important; border: 1px solid #285da3 !important; color: #fff !important; }

.pages UL .thisclass a { color: #fff !important; }

/*----------------------------侧边客服---------------------------------------*/



.sider { width: 65px; height: auto; position: fixed; right: 0px; bottom: 150px; padding-bottom: 15px; z-index: 99999; }

.sider ul li { text-align: center; padding: 10px; cursor: pointer; width: 40px; height: 40px; margin-top: 5px; background: #bbb; border-radius: 5px; }

.sider ul li a { color: #fff; }

.sider ul li p { color: #fff; }

.sider span { text-align: center; color: #fff; display: block; line-height: 26px; }

.dhzx { width: 275px; height: 105px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; position: fixed; bottom: 205px; right: 72px; background: #fff; text-align: center; line-height: 30px; display: none; }

.sider .dhzx p { font-size: 20px; color: #dc262a; font-weight: bold; }

.dhzx span { padding-top: 15px; display: block; color: #666; }

.sider .dhzx font { font-size: 12px; color: #666; }

.dh:hover .dhzx { display: block; }

.dhzx2 { width: 275px; height: auto; border: 1px #dc262a solid; border-bottom-left-radius: 10px; border-top-left-radius: 10px; position: fixed; bottom: 400px; right: 109px; background: #fff; text-align: center; line-height: 30px; display: none; }

.sider .dhzx2 p { font-size: 20px; color: #dc262a; font-weight: bold; }

.dhzx2 span { padding-top: 15px; display: block; color: #666; }

.sider .dhzx2 font { font-size: 12px; color: #666; }

.dh:hover .dhzx2 { display: block; }

.dbg { width: 100%; height: 100%; position: fixed; z-index: 999; display: none; top: 0; }

.lybd { width: 430px; margin: 0 auto; position: fixed; left: 50%; margin-left: -215px; top: 50%; margin-top: -200px; background: #fff; padding: 20px 0; z-index: 999; }

.lybd i { width: 25px; height: 25px; background: url("img/x.jpg")/*tpa=http://www.hbhzjs.cn/skin/img/x.jpg*/ no-repeat; position: absolute; right: 0px; top: 0px; background-size: 100%; z-index: 9999; cursor: pointer; }

/*在线留言样式开始*/




.nav_list font { display: block; }

.nav_list img { margin-bottom: 20px; }

.bg_zxly { text-align: center; }

.right_ttbg { text-align: center; padding-bottom:30px; }

.wz_bg { margin-top: 40px; }

.bg_cc { margin-top: 30px; }

.right_ttbg .coolbg:hover { background: #d5975a; border: 1px solid #d5975a; border-radius: 5%; color: #FFF; }

.right_ttbg .coolbg { width: 80px; height: 30px; cursor: pointer; }

/*在线留言样式结束*/


/*后加合作企业样式开始*/


.hz {padding: 40px 0; /*background: #eee;*/ }

.hzqy { width: 100%; height: 170px; overflow: hidden; position: relative; z-index: 1; margin-top: 40px; }

.hzqy .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.hzqy .bd li { width: 222px; height: 150px; padding: 10px; overflow: hidden; text-align: center; }

.hzqy .bd li img { padding: 10px; width: 200px; height: 120px; border: 1px solid #bbb; background: #fff; }

/*后加合作企业样式结束*/

/*新工程案例样式开始*/


.content { background: #fff; overflow: hidden; }

.lm_l { float: left; width: 230px; box-shadow: 0 1px 6px #C2C2C2; -moz-box-shadow: 0 1px 6px #C2C2C2; -o-box-shadow: 0 1px 6px #C2C2C2; -ms-box-shadow: 0 1px 6px #C2C2C2; -webkit-box-shadow: 0 1px 6px #C2C2C2; padding-bottom: 20px; }

.zc_one { padding-bottom: 20px; width: 210px; margin: 0 auto; }

.zc_one h3, .zc_two h4 { font-size: 16px; color: #D80000; padding-top: 16px; padding-bottom: 10px; }

.zc_one li { float: left; width: 100%; padding: 4px 0; border-bottom: 1px solid #cdcdcd; font-size: 14px; text-align: center; line-height: 30px; }

.zc_one li .son li { border-bottom: 0px; background: #F4F4F4; margin-bottom: 1px; line-height: 20px; color: #ddd; }

.zc_one li .son li a { color: #333; font-weight: normal; }

.zc_one li a { color: #000; display: block; width: 100%; }

.zc_one li:hover a, .zc_one li.chs a { color: #D80000; font-weight: bold; }

.zc_two { width: 210px; margin: 0 auto; }

.zc_two h3 { font-size: 13px; padding-bottom: 4px; }

.zc_two div { color: #232323; line-height: 24px; font-size: 12px; }

.con_r { width: 820px; float: right; padding-right: 12px; }

.position { border-bottom: 1px solid #ddd; }

.curlm { float: left; font-size: 16px; font-weight: bold; color: #D80000; padding-bottom: 4px; background: url("img/xbj.png")/*tpa=http://www.hbhzjs.cn/skin/img/xbj.png*/ bottom left no-repeat; padding-top: 14px; width: 85px; text-align: center; }

.wz { float: right; line-height: 40px; font-size: 12px; color: #474747; margin-right:10px; }

.wz a { color: #474747; }

.wz a:hover { color: #D80000; }

.cont { font-size: 13px; line-height: 28px; color: #232323; padding-top: 32px; }

.cont img { max-width: 100%; }

.list_cp li { float: left; width: 226px; height: 226px; margin-right: 30px; margin-bottom: 30px; }

.list_cp li img { width: 100%; height: 100%; display: block; }

.list_gc { padding-top: 0; }

.list_gc li { margin-top: 0; margin-bottom: 20px; }

.list_gc li img { padding-left: 12px; }

.gcal li img { width: 150px; height: 110px; float: left; margin-right: 24px; display: block; }

.gcal li .ycxx h3 { font-size: 14px; color: #232323; padding-bottom: 10px; padding-top: 5px; }

.gcal li .ycxx div { font-size: 12px; line-height: 22px; color: #232323; }
.gcal li:hover h3 {
    color: #D80000;
}
.gcal1 li img { width: 150px; height: 210px; float: left; margin-right: 24px; display: block; }

.gcal1 li .ycxx h3 { font-size: 14px; color: #232323; padding-bottom: 10px; padding-top: 5px; }

.gcal1 li .ycxx div { font-size: 12px; line-height: 22px; color: #232323; }
.gcal1 li:hover h3 {
    color: #D80000;
}
/*新工程案例样式结束*/

/*新加服务流程样式开始*/
.process{background:url("img/222222.png")/*tpa=http://www.hbhzjs.cn/skin/img/222222.png*/ no-repeat center 10px #eee; width:100%; height:330px;border-top: 1px solid transparent;}
.process .tit{margin:40px 0 0 0;}
/*新加服务流程样式结束*/