/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:12px; color:#6e6e6e; }


/******header*******/
/*********nav*********/
.top_layer{ width:100%; position:absolute; z-index:999;}
.topkuai{ height:98px; width:1300px; margin:auto; background:#FFF; border-bottom:1px solid rgba(255,255,255,0.3); margin-top:25px;}
.nav{ width:1300px; margin:auto;}
.tlogo{ width:610px; float:left; padding-top:10px; padding-left:15px;}
.nav1{ width:625px; padding-top:20px; float:left;}
.nav2{ width:50px; padding-top:35px; text-align:center; float:right;}
.nav2 a{ margin-left:5px; display:block; width:28px; line-height:28px; font-size:14px; height:28px; color:#FFF; background:#234c8e; border-radius:50px;}
.nav2 a:hover{color:#FFF; background:#ff6600;}

.banner{ width:100%; height:700px;}
.bwz1{font-size:36px; font-weight:bold; color:#fff; padding-left:42%; padding-top:22%; text-shadow:rgba(0,0,0,0.2) 3px 4px 5px;}
.bwz2{font-size:16px; font-family:Arial, Helvetica, sans-serif; width:60%; text-transform:uppercase; padding-top:10px; padding-left:42%; line-height:26px; color:#fff; text-shadow:rgba(0,0,0,0.2) 3px 4px 5px;}
.bwz3{font-size:36px; font-weight:bold; color:#fff; padding-left:2%; padding-top:22%; text-shadow:rgba(0,0,0,0.2) 3px 4px 5px;}
.bwz4{font-size:16px; font-family:Arial, Helvetica, sans-serif; width:60%; text-transform:uppercase; padding-top:20px; padding-left:2%; line-height:26px; color:#fff;}
.bwz5{font-size:36px; font-weight:bold; color:#fff; padding-left:39%; padding-top:22%; text-shadow:rgba(0,0,0,0.2) 2px 2px 2px;}
.bwz6{font-size:16px; font-family:Arial, Helvetica, sans-serif; width:60%; text-transform:uppercase; padding-top:20px; padding-left:39%; line-height:26px; color:#fff; text-shadow:rgba(0,0,0,0.2) 2px 2px 2px;}

.cen{ width:1300px; margin:auto; height:auto;}

.xwbt{text-align:center; font-size:36px; font-weight:bold; color:#212121; margin-top:70px;}
.xwbt01{text-align:center; font-size:16px; color:#0c1f38; line-height:34px; margin-bottom:40px;}

.dbdhk{width:100%; background:#fff; padding-top:75px; padding-bottom:75px;}
.dbdhk1{width:360px; height:319px; position:relative;}
.dbdh a{border-radius:5px; width:165px; height:122px; display:block; margin-top:25px; color:#fff; background:#CB0F17; line-height:32px; position:absolute; z-index:99; left:0px; margin-top:20%; padding-left:30px; padding-top:50px; font-size:24px;font-family: "微软雅黑";}
.dbdh a span{font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.dbdh a:hover{background:#FF7E00; color:#ffffff;}

.dbdha a{ background:#1454bd;}
.dbdhb a{ background:#EB5612;}
.dbdhc a{ background:#6D6D6D;}


/******底部区域*******/
.wrapper{ width:1300px; margin:0 auto; overflow:hidden;}





.wrapper{ width:1004px; margin:0 auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:700px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute; top: 0; width:100%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:700px;display: block; }
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46.3%; bottom:3%; width:100%;  position: absolute; z-index:9999999; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #ff6600;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.index_focus_pre {left: 30px;background-position: 0 0;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;}
.index_focus_next {right: 30px;background-position: 0 0;}
.index_focus_next:hover {right: 30px;background-position: 0 0;}



.cpkuai{ width:100%; padding-top:60px; background:url(http://www.hbhml.com/Html/images/aboutbg.jpg);}
.cpkuainr{ width:1300px; margin:auto; margin-bottom:30px;  z-index:1; font-size:15px; line-height:26px; color:#414141; display: flex; flex-wrap: wrap; justify-content: space-between;}

.cppro{ width:15%; height:260px; position:relative; overflow:hidden; margin-bottom:60px; border-radius:30px;}
.cppro:hover{position:relative; top:10px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.cppronr{ width:100%; height:110px;padding-top:40px; background:rgba(13,111,183,0.9); position:absolute;bottom:0px; text-align:center;}
.cppronr01{color:#FFF; font-size:20px;line-height:30px; font-weight:bold; padding-bottom:10px; width:80%; margin:auto;}
.cppronr02{color: rgba(255,255,255,0.8); font-size:18px; text-align:center; line-height:28px; padding-top:20px;}
.cppronr:hover{ background:#FF8400; color:#FFF;}

.cpk{ width:100%; padding-top:75px; padding-bottom:75px; height:720px;}
.canpin01{ padding-top: 50px; line-height: 70px; text-align: center; font-size: 46px; font-weight: bold; color: #D6D6D6; text-transform: uppercase; }
.canpin02 { text-align:center; font-size:34px;color:#212121;}
.canpin03{ text-align:center; font-size:16px; color:#787878; line-height:26px; margin-bottom:50px; padding-top:20px;}



.syxwk{ width:1300px; margin:auto; height:auto; padding-top:35px; padding-bottom:55px;}
.xwt{ width:559px; height:368px; float:left; position:relative;}
.xwtsj{ width:559px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../image/xwbj.png) repeat-y;}
.xwtsj01{ width:117px; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj01 span{ font-size:44px; color:#fff;}




.xwtsj02{ width:312px; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:30px;}


.xwkuai{ width:580px; height:auto; float:right;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:460px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:85px; height:80px; padding-top:5px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; }
.xwzximg span{ font-size:40px; color:#333;}

.ggt{ width:100%; height:296px; background:url(../image/zsbj2.jpg) center center no-repeat fixed;}
.ffsfs{ padding-top:80px;}
.newsbt{ font-size:30px; color:#FFF; line-height:60px; text-align:left; width:700px}
.newsbt span{ font-size:48px; color:#FFF; line-height:60px;}
.newsbtnr{ font-size:18px; color:#FFF; line-height:28px; padding-top:10px;text-align:left; width:700px}
.newsbtan a{text-align:center; border-radius:10px; background:#FFFFFF; border:1px dashed rgba(255,255,255,0.2); width:200px; height:80px; display:block; margin-top:30px;  font-size:18px; color:#0076C0; line-height:80px; float:right;}
.newsbtan a:hover{background:#FF6600; color:#ffffff;}



.contact01{ width: 1300px; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:80px; padding-bottom:60px;}
.contact01 dl{ width: 370px; height: 450px; background: #fff; color: #7d7d7d; line-height: 25px; font-size: 14px;}
.contact02s{}
.contact02{ font-size: 18px; color: #212121; font-weight:bold; margin:15px auto 0px; line-height: 49px; width: 370px;}
.contact02 a{ color:#212121;}
.contact02 a:hover{ color:#ff0000;}

.contact02wz{ font-size: 14px; color: #7D7D7C; line-height: 26px; margin:0px auto 5px; width: 370px; text-align:justify; }
.contact02an{ font-size: 14px; color: #35BD4D; margin:0px auto 0px; width: 370px; padding-top:20px; }
.contact02an a{ color: #212121; }
.contact02an a:hover{ color:#9DCE66;}

.syxw{height:38px; line-height:38px; font-size:32px; width:30%; margin-top:70px; font-weight:bold; color:#333;}
.syxwdh{width:70%; margin-top:70px;}

a.dha { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #fff; background:#0d6fb7; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#0d6fb7; }
a.dh1:active { color: #ffffff; background:#CC0810;}


/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s; -moz-animation: slide01 1s; -ms-animation: slide01 1s; -o-animation: slide01 1s; animation: slide01 1s;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}


/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s; -moz-animation: slide02 1s; -ms-animation: slide02 1s; -o-animation: slide02 1s; animation: slide02 1s;
    visibility: visible; 
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}



/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s; -moz-animation: slide03 1s; -ms-animation: slide03 1s; -o-animation: slide03 1s; animation: slide03 1s;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s; -moz-animation: slide04 1s; -ms-animation: slide04 1s; -o-animation: slide04 1s; animation: slide04 1s;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}





.canpinbt{ width:100%; height:59px; margin-top:50px; background:url(http://www.hbhml.com/Html/images/cbb.jpg) top center no-repeat;}
.cen{ width:1300px; margin:auto; height:auto;}



.cpkuai{ width:100%; height:540px; background: url(http://www.hbhml.com/Html/images/cbjt.jpg) center center no-repeat; border-top:7px solid #FFB400;}
.cpbt{text-align:center; font-size:28px; color:#FFF; line-height:58px; padding-top:40px;}
.cpbt span{line-height:14px; font-size:14px; color:rgba(255,255,255,0.8);}

.cpnr{ width:1300px; margin:0 auto;display: flex; flex-wrap: wrap; justify-content: space-between;}


a.cplb {
	font-family:"微软雅黑";
	font-size: 14px;
	line-height:44px;
	font-style: normal;
	text-decoration: none;
	background:rgba(255,255,255,0.1);
	border:1px solid #FFF;
	margin-top:22px;
	color: #fff;
	display:block;
	width:18%;
	height:44px;
	text-align:center;
}
a.cplb:visited {color: #fff;}
a.cplb:hover {color:#ffffff; background:#FF8A00;}
a.cplb:active {color: #ffffff;}


/*-------------------------------  ■ 内页区域---------------------------------*/



/******底部区域*******/
.footer{width: 100%;height: 360px;background: url(../image/footerbj.jpg)top center no-repeat;}
.footert{width:100%; height:7px; margin-bottom:50px;}
.footer1{float: left; width: 400px; height:260px; border-right:1px solid  rgba(255,255,255,0.2); font-size:12px; color:rgba(255,255,255,0.5); line-height:28px; padding-right:80px;}
.footerbt{ height:38px; line-height:38px; font-size:18px; color:#FFF;background: url(../image/fbj1.png) left center no-repeat; padding-left:58px; font-weight:bold; margin-bottom:40px;}
.footer2{float: left; width: 280px; height:260px; border-right:1px solid  rgba(255,255,255,0.2); font-size:12px;padding-left:80px;}
.footer2 ul li{ width:100px; line-height:32px; float:left; color:rgba(255,255,255,0.5); font-size:12px; background: url(http://www.hbhml.com/Html/images/dd.jpg) left center no-repeat; padding-left:20px;}
.footer2 ul li a{ color:rgba(255,255,255,0.5);}
.footer2 ul li a:hover{ color:#F00;}
.footer3{float: left; width: 270px; height:260px; padding-left:80px;}
.footer3nr{ color:rgba(255,255,255,0.5); font-size:12px;  line-height:32px;}

.footer4{ width:100%; line-height:70px; height:70px; background:#191919;font-size:12px; text-align:center;color:rgba(255,255,255,0.8);}
.footer4 a{ color:rgba(255,255,255,0.8); }
.footerbq a{color: #fff; }



/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #fff;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#fff;
}
.style10:link {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:visited {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 12px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 12px;




	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
/*---------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; line-height: 58px;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:79px; left:0;background:#234c8e; width:1300px; height:300px; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000; border-top:none; width:100px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:32px; line-height:32px; color:#000; font-size:12px;}
ul.menu ul li a:hover {background-color:#1454BD; color:#fff; font-size:12px;}
ul.menu ul ul {left:114px; top:0px}
ul.menu .menulink {border:0px solid; padding:5px 20px 7px 20px; color:#000;  font-family:"微软雅黑"; font-size:15px;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #1454BD; background:url(../image/dhbj.jpg) bottom repeat-x;}
ul.menu .topline {border-top:1px solid #aaa}


/*-----------翻页样式-----------*/
.contentPage{text-align: center; margin:0px 3px; padding:0px; padding-top:15px; width: 100%; color: #666; line-height: 30px; text-decoration: none;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #eeeeee; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #eeeeee; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
/*-----------content pages end-----------*/

/*---------------*/

.product01{ position:relative; cursor:pointer; float:left; width:325px; border:#CFEBF3 5px solid; height:240px; font-size:12px; overflow:hidden; display:block; line-height:28px;}
.pro04{ position:absolute; text-align:center; padding-top:140px; z-index:99999; display:none; top:0; left:0; width:325px; height:240px; background:url(../image/imgtt.png) no-repeat top center; cursor:auto;}
.pro04 span{margin:auto; font-size:16px; color:#ffffff; font-family:"微软雅黑"; text-align:center;}
.pro04 span a{color:#ffffff;}


/*------tab---------*/
.gsjjnr{background: url(../image/bj.jpg) center center no-repeat fixed;}


.sycpbtk{width:100%; text-align:center; padding-bottom:10px; padding-top:60px;}
.sycpbtkbt{width:100%; font-size:40px; color:#000;}
.sycpbtkxbt{width:100%; background:url(http://www.hbhml.com/Html/css/images/xx.jpg) bottom center no-repeat; padding-bottom:20px; margin-bottom:20px; font-size:20px; color:#555;}



.index_cp02{ width:1300px; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_cp02 dl{ width:395px; height:480px; margin-bottom:70px; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl dt{ height:246px; overflow:hidden; background:#fff;}
.index_cp02 dl dt:hover img{ height:266px; width:405px; margin-left:-8px; margin-top:-4px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_cp02 dl dd{padding:19px 29px 0; border-top:none; background:#fff;}
.index_cp02 dl dd h2 a{ text-transform:uppercase; display:block; font-size:16px; line-height:30px; height:30px; color:#2c353c; font-weight:bold;}
.index_cp02 dl dd h2 a:hover{ color:#F00;}
.index_cp02 dl dd span{ margin:5px 0 13px; display:block; line-height:28px; font-size:14px; color:#616e77;  height:100px; overflow:hidden;}
.index_cp03{ font-size:16px; color:#2c353c; width:120px; height:32px; border:1px solid #CCC; display:block; text-align:center; line-height:32px;}
.index_cp03:hover{ color:#ffffff; text-decoration:underline; background:#F00;}




.footer_nav{ height:285px; background:#006dbf; padding-top: 55px;} 
.footer_nav01{ float: left; width: 900px; }
.footer_nav01 ul{float: left; padding: 0px 110px 0px 0px;}
.footer_nav01 ul span{font-size: 15px; color: #fff; margin-bottom: 10px; display: block; font-weight:bold;}
.footer_nav01 ul li{ line-height: 30px; }
.footer_nav01 ul li a{ color: #fff; font-size: 13px;}
.footer_nav01 ul li a:hover{ color: #fff;}


.footer_nav02{ float: right; }
.footer_nav02 dl{ float: left; text-align: center; font-size: 14px; color: #fff; width: 120px; margin-left: 20px; }
.footer_nav02 dl dd{ line-height: 40px; }

.footer_nav03{ padding-left: 16px; color: #b5b5b5; height: 35px; line-height: 35px; width:240px; margin-left:20px; border:#b5b5b5 solid 1px; color: #b5b5b5; margin-top: 15px; }
.footer_nav02 em{ font-size: 30px; line-height: 58px; color: #fff; font-family:arial; margin-left:35px; }


.footerbq{ background: #414141; line-height: 28px; padding-top:20px; padding-bottom:20px; font-size: 13px; color: #fff; }




.dbdhk{width:100%; background:#F7F7F7; padding-top:75px; padding-bottom:75px;}
.dbdhk1{width:360px; height:319px; position:relative;}
.dbdh a{border-radius:50px; width:165px; height:122px; display:block; margin-top:25px; color:#fff; background:#CB0F17; line-height:32px; position:absolute; z-index:99; left:0px; margin-top:20%; padding-left:30px; padding-top:50px; font-size:24px;font-family: "微软雅黑";}
.dbdh a span{font-size:13px; color:rgba(255,255,255,0.5); text-transform:uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
.dbdh a:hover{background:#FF7E00; color:#ffffff;}

.dbdha a{ background:#0f3572;}
.dbdhb a{ background:#EB5612;}
.dbdhc a{ background:#6D6D6D;}



.spdh{ font-size:14px; color:#fff; width:140px; height:38px; border:1px solid #CCC; font-weight:normal; display:block; text-align:center; line-height:38px; margin-top:50px;}
.spdh:hover{ color:#ffffff; text-decoration:underline; background:#ff6600;}




.daohang{width:1120px; background:#234c8e; margin:auto; margin-top:30px;}
.daohangbt{height:40px; font-weight:bold; font-size:20px; color:#FFFFFF; border-bottom:1px solid #6880b0;}
.daohangbt span{font-size:14px; color:rgba(255,255,255,0.8); font-weight:normal;}
.daohangnr{width:100%; padding-top:30px;}
.daohang02{float:left; height:180px; width:620px; padding-left:30px; margin-left:60px; border-left:1px solid rgba(255,255,255,0.4);}
.daohang03 a{font-size:15px;padding-left:60px; margin-left:10px; margin-bottom:10px; color:#0089d1; background: #FFFFFF url(../image/jt.png) 20px center no-repeat; height:60px; line-height:60px; width:130px; border:1px solid rgba(255,255,255,0.6); float:left; display:block;}
.daohang03 a:hover{color:#fff; background: #ff6600 url(../image/jt1.png) 20px center no-repeat;}


.mbfor{display:none;}
.mbdh{ display:none;}
#banner{display:none;}

.sycpkbj{background:url(../image/bb.jpg) center center no-repeat; background-size:cover; width:100%; margin-top:50px; padding-top:80px; padding-bottom:80px;}

/*------tab---------*/
@media all and (max-width:1199px){
#wu{display:none;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.cen01{ width:90%; padding-left:5%; padding-right:5%;}
.nav{ width:100%; margin:auto;}
.tlogo{ width:100%; text-align:center;}
.nav1{ width:95%; padding-top:20px; float:left;}
.nav2{ width:5%;}
.topkuai{ width:100%; height:180px;}
.menu li{ width:12%; text-align:center; padding:none; margin:none;}

.contact01{ width:90%;}
.contact01 dl{ width: 30%; height: 450px;}
.contact02s img{ width:100%;}
.contact02wz{ width: 100%;}
.right-map{ display:none;}
.ul-num{ display:none;}
.m-you{float:none; width:90%!important;max-width:90%!important; padding-left:5%; padding-right:5%;}
.xwt{ display:none;}

.syxwk{ width:100%; padding-left:nene;  height:auto; padding-top:35px; padding-bottom:55px;}
.xwkuai{ width:95%!important;max-width:95%!important; padding-left:5%;  height:auto; float:right;}
.xwzxwz{width:95%!important;max-width:95%!important;  float:none;}
.xwzximg{ display:none;}
.footer{ display:none;}
.dbdhk1{width:30%;}
.globalR-side-bar{display:none;}
.footer4{ width:100%; line-height:28px; text-align:center; padding-top:10px; padding-bottom:10px;}

.cpkuainr{ width:94%; padding-left:3%; padding-right:3%; margin:auto; margin-bottom:30px;  z-index:1; font-size:15px; line-height:26px; color:#414141; display: flex; flex-wrap: wrap; justify-content: space-between;}

}

@media all and (max-width:900px){
	
	.menu li{ width:15%; text-align:center; padding:none; margin:none; height:20px;}
	.cppro{ width:30%; height:260px; position:relative; overflow:hidden; margin-bottom:60px; border-radius:30px;}
	.cpproimg img{ width:100%;}
	.gsjjnr{background: url(../image/bj.jpg) center center no-repeat;}
	.newsbt{ font-size:18px; color:#FFF; line-height:60px; text-align:left;}
	.newsbt span{ font-size:24px; color:#FFF; line-height:20px;}
	.newsbtnr{ font-size:16px; color:#FFF; line-height:28px; padding-top:10px;text-align:left; width: auto;}
	.newsbtan{ display:none;}
	.ggt{ width:100%; padding-top:40px; height:auto; padding-bottom:40px; background:url(../image/zsbj2.jpg) center center no-repeat;}
	.ffsfs{ padding-top:0px;}
	
.sycpbtk{width:90%; padding-left:5%; padding-right:5%; text-align:center; padding-bottom:10px; padding-top:20px;}
.sycpbtkbt{width:90%; padding-left:5%; padding-right:5%; font-size:26px; color:#000;}
.sycpbtkxbt{width:90%; padding-left:5%; padding-right:5%; background:url(http://www.hbhml.com/Html/css/images/xx.jpg) bottom center no-repeat; padding-bottom:20px; margin-bottom:20px; font-size:18px; color:#555;}

.mbfor{display:block;}
.mbdh{ display:block;}

.bwz3{font-size:20px; padding-left:2%; padding-top:22%;}
.bwz4{font-size:12px; width:80%; padding-left:2%; line-height:16px;}
.bwz5{font-size:20px; padding-left:2%; padding-top:22%;}
.bwz6{font-size:12px; width:80%; padding-left:2%; line-height:16px;}



}

@media all and (max-width:768px){
.banner{ width:100%; height:300px; margin-bottom:85px;}
.index_focus {height:300px;}
.index_focus .pic {height:300px;}
.top_layer{display:none;}
.topkuai{display:none;}
.souk{display:none;}

.index_lx{ width:94%; margin:auto; margin-bottom:75px; padding-left:3%; padding-right:3%;}
.index_lx02{width:100%; margin-bottom:20px;}
.index_lx02 dl dd{ padding-left:5%;}
.index_cp02{ width:94%; padding-left:3%; padding-right:3%;}
.index_cp02 dl{ width:100%; height: auto; margin-bottom:70px; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.index_cp02 dl dd{ width:90%; height:216px; padding:19px 29px 0; border-top:none; background:#fff;}

.syabk{width:100%; height: auto; padding-top:70px; padding-bottom:70px;}
.syabbt01{text-align:center; width:90%; padding-left:5%; padding-right:5%;}

.bwz{font-size:22px;}
.bwz01{font-size:14px; width:90%; line-height:22px;}

.index_focus .slide_nav{ left:42%; z-index:1;}
.index_focus .slide_nav a{ font-size:18px;}
.footerbq{height: auto; padding-bottom:20px;}

.sybtbt{text-align:center; font-size:30px; font-weight:bold; color:#212121; margin-top:20px;}
.sybtbt01{text-align:center; font-size:14px; padding-left:10%; padding-right:10%; color:#0c1f38; line-height:20px; margin-bottom:10px;}


.cpnr{ width:94%; padding-left:3%; padding-right:3%; }
a.cplb { width:45%; height:42px; line-height:40px;}


}


@media all and (max-width:450px){
	.dbdhk1{width:100%;}
	.syxw{ width:100%;}
}