﻿/*公共部分*/
body{margin:0;padding:0;Font-family:'PingFangSC','Microsoft YaHei', '微软雅黑','helvetica neue', Helvetica,Tahoma, Arial, STXihei, “华文细黑”, SimSun, “宋体”, Heiti, “黑体”, sans-serif;font-size:14px;width: 100%;min-width: 1200px;background:#fff;}
input,select{vertical-align:middle;}
img{margin:0;padding:0;border:none; vertical-align: middle;}
a{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
ul,li,ol,p,h1,h2,h3,h4,div{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer;ime-mode:disabled;vertical-align:middle;outline-style:none;}
input{border-radius:0;/*-webkit-appearance:none;*/ /*去除input默认样式*/}
em{font-style:normal;}
table{border-collapse: collapse;}
i,s,em{text-decoration: none;font-style:normal;}
a{color:#333;}
a:hover,a:focus{color:#333;}
/*京东清楚浮动的方法*/
.clearfix:before,.clearfix:after{content: "";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;/*IE7/6*/}
/*清楚层公共*/
.layout:after{content:""; clear:both; display:block; height:0; visibility:hidden;}
.layout{zoom:1;}
/*公共调用class*/
.w12{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.m30{margin:30px 0 0 0;}
.mar30{margin:30px 30px 0 30px;}
img{transition: all .3s ease;}
/*通用样式命名*/
.pr{position:relative;}
.pa{position:absolute;}
.tc{text-align:center;}
.tr{text-align:right;}
.appear{    -webkit-animation: opacity_show 0.83s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;-moz-animation: opacity_show 0.83s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;-o-animation: opacity_show 0.83s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;opacity: 1 !important;}
/* animation: opacity_show 0.83s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards; */
/**/
.marB20{margin-bottom:20px;}
.marR20{margin-right:20px;}
.mrt10 {margin-top: 10px;}

.fL{float:left;}
.fR{float:right;}
.txtright img{width: 100%;}
/*header*/
.main-content{width:1200px; margin:0 auto;}
.header-b{width:1200px;height:440px;margin: 0px auto;min-width:1200px;position: relative;}
.box{width:1200px;margin:0 auto;}
.header-pad{padding:35px 0 0 0;position: absolute;top: 0;}
.header-L{position:relative;float:left;width:520px;}
.header-R{overflow:hidden;text-align:right;padding-top:20px;margin-right: 140px;}
.header-R a{display:inline-block;line-height:30px;border-radius:3px;text-align:center;padding:0 25px;color:#333;background:#fff;margin-right:8px;font-size:14px;}
.header-R a:hover,.header-R a:focus{background:#dd342f;color:#fff;}
/*导航*/
.menu { width: 100%; height: 60px; margin:0 auto; background: #ca231e; min-width:1200px; }
#nav h1 { color: #FFF; font-size: 18px; text-align: center;line-height:60px; font-weight: normal; height: 60px; overflow: hidden; cursor: pointer; }
#nav .active a h1{background: #ba141a;color:#fff;}
#nav .mainlevel { float: left; /*IE6 only*/}
#nav .mainlevel a { text-decoration: none; line-height: 40px; display: block; width:120px; font-size: 14px; color: #fff;box-sizing:border-box;}
#nav .mainlevel a:hover h1{background:#ba141a;transform:rotate(360deg);}
#nav .mainlevel ul li a{width:150px;}
#nav .mainlevel ul li a:hover { display: block; text-decoration: none; color: #fff; background: #ba141a; }
#nav .mainlevel ul { display: none; position: absolute; z-index: 2000; box-shadow:1px 1px 5px rgba(0,0,0,0.5);}
#nav .mainlevel li { display: block;  background: #ca231e; text-align: center; line-height: 40px; height: 40px; width: 150px; z-index: 2000; /*IE6 only*/ }

/*footer*/
.footerbox{width:100%;padding:25px 0;background:#f2f2f2;margin-top:20px;}
.aboutUs{text-align:center;color:#666;}
.aboutUs a{display:inline-block;color:#666;line-height:24px;padding:0 10px;text-align:center;}
.footerbox p{margin-top: 5px;color:#666;font-size:12px;text-align:center;}
.footerbox p .jh{display:inline-block;width:20px;height:30px;background:url(https://www.hbcf.org.cn/static/07956b5a-e24e-4e9f-9d28-002e95eace05/dm01/static/images/beiimg.png) left center no-repeat;vertical-align: middle;}
.footerbox p a{color:#666;}
.txtLeft{width:800px;position:relative;margin-right:30px;text-align:left;font-size:14px;color:#666;line-height:22px;}
.txtLeft p,.txtLeft span{font-size:14px;color:#666;text-align:left;}
.ImgRing {overflow:hidden;}
.ImgRing li{
	padding:15px;
	text-align:center;
	box-sizing: border-box;
}
.ImgRing img{width:100px;height:100px;}
.ImgRing h4{line-height:30px;font-size:12px;color:#333;}
/*返回顶部*/
.izl-rmenu {position:fixed;right:1%;bottom:10px;z-index:999;padding-left:190px;overflow:hidden;}
.izl_top {border-radius:5px;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.16);}
.izl-rmenu .btn {width:100px;height:80px;cursor:pointer;position:relative;background:#fff;display:block;border-radius:0;border-bottom:1px solid #ccc;}
.izl-rmenu .btn p {color:#666;font-size:14px;}
.izl-rmenu .btn:hover {background-color:#ca231e;}
.izl-rmenu .btn:hover p {color:#fff;}

.izl-rmenu .btn-phone a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 0;}
.izl-rmenu .btn-phone:hover a {background-position:0 -43px;}
.izl-rmenu .btn-phone .ptxt {z-index:-1;border-radius:5px;padding:10px 20px;position:absolute;left:0;top:0;width:184px;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.16);background:#fff;}
.izl-rmenu .btn-phone .ptxt p {color:#333;line-height:24px;text-align:left;}
.izl-rmenu .btn-phone .ptxt p.mb10 {margin-bottom:10px;}
/* .btn-Email a{background:url(../image/email.png) no-repeat;} */
.izl-rmenu .btn-Email {border-radius:5px 5px 0 0;}
.izl-rmenu .btn-Email a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/email.png) no-repeat;background-position:6px 4px;}
.izl-rmenu .btn-Email:hover a {background:url(../image/emailHover.png) no-repeat; background-position:6px 4px;}
.izl-rmenu .btn-Email .ptxt {z-index:-1;border-radius:5px;padding:10px 20px;position:absolute;left:0;top:0;width:184px;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.16);background:#fff;}
.izl-rmenu .btn-Email .ptxt p {color:#333;line-height:24px;text-align:left;}
.izl-rmenu .btn-Email .ptxt p.mb10 {margin-bottom:10px;}
.izl-rmenu .btn-jz a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -86px;}
.izl-rmenu .btn-jz:hover a {background-position:0 -129px;}
.izl-rmenu .btn-zj a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -430px;}
.izl-rmenu .btn-zj:hover {background-color:#fff;}
.izl-rmenu .btn-zj:hover p {color:#666;}
.izl-rmenu .btn-wz a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -473px;}
.izl-rmenu .btn-wz:hover {background-color:#fff;}
.izl-rmenu .btn-wz:hover  p {color:#666;}
.izl-rmenu .btn-wx a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -172px;}
.izl-rmenu .btn-wx:hover a {background-position:0 -215px;}
.izl-rmenu .btn-wx .pic {z-index:-1;border-radius:5px;padding:10px 0;position:absolute;left:0;bottom:0;width:184px;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.16);background:#fff;}
.izl-rmenu .btn-wx .pic p {line-height:24px;color:#333;text-align:center;}
.izl-rmenu .btn-wx .picImg {width:148px;height:148px;}
.izl-rmenu .btn-wb {border-radius:0 0 5px 5px;border-bottom:none;}
.izl-rmenu .btn-wb a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -258px;}
.izl-rmenu .btn-wb:hover a {background-position:0 -301px;}
.izl-rmenu .btn-top {border-radius:5px;margin-top:15px;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.16);border-bottom:none;display:none;}
.izl-rmenu .btn-top a {margin:0 auto;display:block;width:49px;height:43px;background:url(../image/ricon.png) no-repeat;background-position:0 -344px;}
.izl-rmenu .btn-top:hover a {background-position:0 -387px;}
.izl-rmenu .btn-zj a {animation:myfirst 3s linear 0.1s infinite alternate;-moz-animation:myfirst 3s linear 0.1s infinite;-webkit-animation:myfirst 3s linear 0.1s infinite;-o-animation:myfirst 3s linear 0.1s infinite;}
.izl-rmenu .btn-wz a {animation:myfirst 3s linear 0.1s infinite alternate;-moz-animation:myfirst 3s linear 0.1s infinite;-webkit-animation:myfirst 3s linear 0.1s infinite;-o-animation:myfirst 3s linear 0.1s infinite;}
@keyframes myfirst {10% {transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);}
20% {transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);}
30% {transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);}
40% {transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}
50%,100% {transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}
@-webkit-keyframes myfirst {10% {transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);}
20% {transform:rotate(-10deg);-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);}
30% {transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);}
40% {transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}
50%,100% {transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
}
/*头部项目搜索*/
.searchBox{background:#fff;padding:4px;display:block;position:relative;width:320px;box-sizing:border-box;float:right;margin-top:50px;}
.searchLeft{position:absolute;left:4px;top:4px;height:30px;text-align:center;width:70px;border:none;background-image: linear-gradient(0deg, #f99a1e 0%, #f45353 100%), linear-gradient(#ffffff,#ffffff);border-radius:3px;color:#fff;font-size:12px;box-sizing:border-box;}
.searchLeft select::-ms-expand{display:none;background: linear-gradient(0deg, #f03c3c 0%, #fba560 100%);}
.searchLeft select{display:inline-block;border:none;background:none; width:100%;display:inline-block;height:30px;box-sizing:border-box;padding:0 3px;text-align:center;font-size:14px;}
.searchLeft option{display:inline-block;height:30px;border:none;background:none;-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;background-image: linear-gradient(0deg, #f99a1e 0%, #f45353 100%);color:#333;font-size:14px;}
.searchCenter{display:block;width:100%;padding:0 72px 0 72px;box-sizing: border-box;height:30px;font-size:14px;color:#666;border-radius:3px;overflow:hidden;box-shadow: 0px 1px 2px 0px 
		#ffffff, inset 0px 1px 2px 0px rgba(178, 178, 178, 0.8);border:none;}
.searchRight{position:absolute;right:4px;top:4px;display:inline-block;width:70px;height:30px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;background-image: linear-gradient(0deg, #f99a1e 0%, #f45353 100%);border:none;border-radius:3px;}
/*banner二级*/
.bannerBar{background-repeat:no-repeat;background-size:100% 100%;margin-bottom:20px;width:100%;height:0!important;background:none!important;}
.bannerTxt{color:#fff;width:1000px;margin:0 auto;}
.bannerTxt h2{font-size:50px;margin-bottom:20px;margin-top:150px;}
.bannerTxt p{line-height:2.1;font-size:22px;}
/*xieyi-popup*/
.pcBar{height:620px;overflow-x:scroll;}
.hvT img{width: 45% !important;
    /* margin: 0 auto; */
    margin: 10px 2% 10px 2%;
    display: inline-block;
    float: left;
    vertical-align: text-top;
    padding: 0;}
	/*2019.1.11*/
     .jzBox{padding-bottom:10px;position:relative;padding-left:50px;min-height: 160px;}
     .jzBox h2{font-size:16px;font-weight:bold;position:absolute;left:0;top:0;bottom:10px;width:40px;text-align:center;line-height:30px;box-sizing: border-box;background:#ea2b32;color:#fff;padding:24px 10px 0;}
  .jzBox p{display:inline-block;margin-right:10px;font-size:14px;color:#666;word-break: break-all;}
    .jzBox p span{color:#ea2b32;}
.jzBox h4{color:#ea2b32;}
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8) url('../image/loading.gif') 50% 50% no-repeat;
}

body.loading .modal {
    display: block;
    overflow: hidden;
}
/* 图片弹出的大图 */
.proContentImgs .ts{position:absolute;top:10px;right:10px;color:#fff;display:none;background:rgba(0,0,0,.7);padding:5px 10px;}
.fundBigImg .ts{position:absolute;left:10px;bottom:10px;color:#fff;background:rgba(0,0,0,.7);padding:5px 10px;}
.fundBigImg{position:relative;}
/*mask*/
.mask{
				width: 100%;
			    height: 100%;
			    position: fixed;
			    background: rgba(0,0,0,0.4);
			    top: 0;
			    left: 0;
			    z-index: 300;
			    display: none;
			}
			.dhs_mask{
				position:absolute;
				left:50%;
				top:20%;
				margin-left:-300px;
				width:600px;
				padding:50px;
				box-sizing: border-box;
				text-align:center;
				/*margin: 20% 25% 0;*/
				background:#fff;
			}
			.dhs_mask .erImg{
				width:100%;
				text-align:center;
			}
			.dhs_mask .erImg img{
				display:block;
				max-width:100%;
				margin:0 auto;
			}
			.dhs_mask .erImg p{
				text-align:center;
				font-size:16px;
				color:#333;
				padding-top:10px;
			}
			/*hubei pvstyle*/
.newsUl li .img{float:left;width:80px;position:relative;margin-right:15px;}
.newsUl li .img  a {width:80px;height:50px;display:block;padding:0;}
.newsUl li .img a img{width:100%;height:100%;object-fit: cover;}
.right{overflow:hidden;}
.right p{line-height:24px;font-size:14px;color:#666;}
.newsUl li .right h4 a{line-height:26px;}
.marT20{margin-top:20px;}


