@charset "utf-8";
.m-daoyu{background: url(../images/bg-daoyuli.png);line-height: 30px;padding: 25PX 35PX 35PX 135PX;border: 1px solid #ddd; 
   }
.m-daoyu img{top: -21px;left: 24px;}
.m-daoyu p{text-indent: 2em;}

.u-tit-pic{margin:27px auto;text-align: :center;}
.u-tit-pic a img{max-width: 100%;margin:0 auto;}
.u-tit-pic img,.u-tit-pic div{display: inline-block;}
.u-tit-pic div{padding: 0 20px;}
.u-tit-pic .u-common1{font-size: 42px;}
.u-tit-pic .u-common2{font-size: 30px;}
.u-tit-pic h2{text-align: center;background: url(../images/bg-line2.png) center repeat-x;padding: 8px 0;margin-bottom: 26px;}
.u-tit-pic h2 a{font-family: blod;font-size: 26px;color: #0656b6;padding: 0 27px;background-color: #fff;}



.m-publicArea ul li{    padding: 10px;}
.m-publicArea ul li a{display: block;height: 140px;background: #f5f5f5;color: #333;padding: 26px 0;}
.m-publicArea ul li a i{    display: block;width: 40px; height: 40px; margin: 10px auto; font-size: 39px;line-height: 40px;color: #0656b6;}
.m-publicArea ul li a p{text-align: center;font-size: 18px;padding: 0 28px;}
.m-publicArea ul li.u-active a,.m-publicArea ul li:hover a{background: #0656b6;color: #fff;}
.m-publicArea ul li.u-active a i,.m-publicArea ul li:hover a i{color: #fff;}
.m-more{display: block;text-align: center;margin: 10px auto;width: 90px;height: 30px;line-height:30px;background: #0656b6;font-size: 18px;color: #ffffff;}
.m-more img{vertical-align: middle;margin-left: 10px;}
.m-more:hover{color: #fff;}

/*工作动态*/
.picqhbox{width: 100%;height: 309px; margin-bottom: 30px;position: relative;}
.spslide{width:100%;min-height:120px;overflow:hidden;position:relative;height: 309px!important;}
.spslide .img{overflow:hidden;position:absolute;transition:width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;width: 380px;height: 309px;}
.spslide .img .title{ height: 56px; line-height: 56px; text-align: left; font-size: 16px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display: block;padding-left: 20px; background: #dedede;}
.spslide .img img{width:100%;height:100%;margin:0;display: block;}
.spslide .img .ico{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.spslide_imgbox{padding: 5px;background: #ccc;border: 5px solid #c0c0c0;}
.spslide .img4{width:24%;height:84%;top:12%;left:0%;z-index:2;}
.spslide .img3{width:24%;height:84%;top:12%;right:0%;z-index:3;}
.spslide .img1{width:32.75%;height:100%;top:0;left:32.75%;z-index:5;}
.spslide .img2{width:28%;height:94%;top:6%;right:14%;z-index:4;}
.spslide .img5{width:28%;height:94%;top:6%;left:14%;z-index:3;}
.spslide .img4 .spslide_imgbox,.spslide .img3 .spslide_imgbox{height: 176px;}
.spslide .img2 .spslide_imgbox,.spslide .img5 .spslide_imgbox{height: 207px;}
.spslide .img1 .spslide_imgbox{height: 243px;}
.picqhbox .prev{ width: 35px; height:35px; background: url("../images/hber_index_right.png") no-repeat; cursor: pointer; position: absolute; right: 0; top:137px; z-index: 5}
.picqhbox .next{width: 35px; height: 35px; background: url("../images/hber_index_left.png") no-repeat; cursor: pointer;position: absolute; left: 0; top:137px; z-index: 5}

.m-zcwj ul li a{display: block;background: #ffffff;color: #666666;padding: 14px 20px;    box-shadow: darkgrey 0px 0px 7px 1px;height:190px;}
.m-zcwj ul li a:hover{background: #0656b6;color: #fff;}
.m-zcwj ul li a h2{font-size: 18px;font-weight: bold;line-height: 30px;margin-bottom: 7px;}
.m-zcwj ul li a p{font-size: 14px;margin-bottom: 43px;}
.m-zcwj ul li a span{font-size: 14px;padding-bottom: 20px;}
.m-zcwj ul li.u-active a{background: #0656b6;color: #fff;}

.m-special,.g-special img{height: 100px;}
.m-special{margin:0 -10px;}
.g-special .owl-item{display: block;padding:0 10px;}
.g-special .u-item img{width: 100%;display: block;margin: 0 auto;}
.g-special .owl-buttons div{position: absolute; top: 50%; margin-top: -20px; background-repeat: no-repeat; cursor: pointer;width: 20px;height: 40px;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
.m-publicArea ul li{width: 203px;}
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {




}
/*pad md*/
@media screen and (max-width: 991px ){
.u-tit-pic {margin: 17px auto;}
}
/*phone sm*/
@media screen and (max-width: 767px) {


	

}