/* 通用样式 */
*{
    margin:0;
    padding:0;
}
.complete-bod{
    width:1100px;
    margin:0 auto;
}
/* 浮动的父元素有高度 */
.float-block:after{
    content:'';
    display:block;
    clear:both;
    overflow:auto;
}
/* input解决边框 */
input{
    border:none;    
}
input:focus{
	outline: medium;
}
input {
     vertical-align:middle;
     
}
/* 左浮动 */
.float-le{
    float:left;
}
.float-rig{
    float:right;
}
/* 通用微软雅黑 */
.font-fam{
    font-family: "微软雅黑";
}
ul{
    list-style:none;
}
/* 通用样式结束 */
.back-img img{
  width:100%;
}
.cen-boy .cent-body .bod-one .hed-on,.cen-boy .cent-body .bod-two .hed-on,.cen-boy .cent-body .bod-tree .hed-on{
    margin:40px 0 30px 0;
    position:relative;
    text-align:center !important;
}
.cen-boy .cent-body .bod-one .hed-on p,.cen-boy .cent-body .bod-two .hed-on p,.cen-boy .cent-body .bod-tree .hed-on p{
        width:100%;
        height:5px;
        background:url(imado.png) repeat-x;
}
.cen-boy .bod-one .hed-on .text,.cen-boy .bod-two .hed-on .text,.cen-boy .bod-tree .hed-on .text{
    width:130px;
    height:40px;
    background:#fff;
    position:absolute;
    top:-18px;
    left:44%;
    font-size:28px;
    color:rgb(196,3,17);
}
.cent-body .bod-one .hed-to .body-fora{
    height:494px;
}
/* iframe{
    display:none;
} */
/* 汛期信息开始 */
.cen-boy .bod-two{
    margin:30px 0;
}
.cen-boy .bod-two .bod-body ul{
    width:100%;
    margin-top:-20px;
}
.cen-boy .bod-two .bod-body ul li:first-child{
    margin-left:0px !important;
}
.cen-boy .bod-two .bod-body ul li a{
    display:inline-block;
    width:100%;
    height:110px;
}
.cen-boy .bod-two .bod-body ul li:first-child+li+li+li+li{
    margin-left:0px !important;
}
.cen-boy .bod-two .bod-body ul li{
    float:left;
    width:23.45%;
    box-shadow: #F5F5F5 1px 0px 4px 3px ;
    margin:23px 0 0 22px;
    position:relative;
}
.cen-boy .bod-two .bod-body ul li a span{
    display:inline-block;
    width:168px;
    font-family: "微软雅黑";
    color:rgb(51,51,51);
    font-size:20px;
    font-weight: 600;
    position:absolute;
    top:29px;
    left:17px;
}
.cen-boy .bod-two .bod-body ul li a img{
    position:absolute;
    top:35px;
    right:17px;

}
/* 汛期信息结束 */
/* 防汛服务开始 */
.cen-boy .bod-tree .bree-body ul li:first-child{
    margin-left:0 !important;
}
/* 悬停显示隐藏开始 */
.cen-boy .bod-tree .bree-body ul li:first-child{
    position:relative;
    width:23%;
    height:174px;
    background:url(cz-1.png);
}
.cen-boy .bod-tree .bree-body ul li:first-child div{
  width:100%;
  height:100%;
}
.cen-boy .bod-tree .bree-body ul li:first-child .fl-a span{
    font-size:20px;
    display:inline-block;
    color:#fff;
    font-weight: 600;
    width:200px;
    margin:20px auto 0 35px;
}
.cen-boy .bod-tree .bree-body ul li:first-child .fl-a{
    transition:all 0.3s linear;
    position:absolute;
    top:0;
    left:0;
}
.cen-boy .bod-tree .bree-body ul li:first-child .fl-b{
    position:absolute;
    top:0;
    left:0;
    opacity: 0;
    transition:all 0.3s linear;
}
.cen-boy .bod-tree .bree-body ul li:first-child:hover .fl-a{
    opacity: 0;
}
.cen-boy .bod-tree .bree-body ul li:first-child:hover .fl-b{
    opacity: 1;
}
.cen-boy .bod-tree .bree-body ul li:first-child .fl-b .fl-b-bod{
  width:80%;
  height:80%;
  margin:24px auto 17px auto;
}
.cen-boy .bod-tree .bree-body ul li:first-child .fl-b .fl-b-bod a{
    font-size:20px;
    color:rgb(244,253,255);
    font-weight: 600;
    display:inline-block;
    width:85px;
    line-height:36px;
    text-align:center;
    background:rgba(60,97,168,0.9);
    margin: 20px 0 0 15px;
    border-radius:10%;
float:left;
}
/* 悬停显示隐藏结束 */
.cen-boy .bod-tree .bree-body ul li:first-child+li a{
    width:100%;
    height:174px;
    display:inline-block;
  background:url(cz-2.png);
}
.cen-boy .bod-tree .bree-body ul li:first-child+li+li a{
    width:100%;
    height:174px;
    display:inline-block;
  background:url(cz-3.png);
}
.cen-boy .bod-tree .bree-body ul li:first-child+li+li+li a{
    width:100%;
    height:174px;
    display:inline-block;
  background:url(cz-4.png);
}

.cen-boy .bod-tree .bree-body ul li a span{
    font-size:20px;
    display:inline-block;
    color:rgb(244,253,255);
    font-weight: 600;
    width:200px;
    margin:20px auto 0 35px;
}
.cen-boy .bod-tree .bree-body ul li{
    float:left;
    width:23%;
    height:174px;
    box-shadow: #F5F5F5 1px 0px 4px 3px ;
    margin-left:28.5px;
}
.cen-boy .bod-tree>p{
    width:100%;
    height:5px;
    background:url(imado.png) repeat-x;
    margin:30px 0 20px 0;
}
/* 第二行内容样式 */
.cen-boy .bod-tree .bree-for{
    margin-bottom:48px;
}
.cen-boy .bod-tree .bree-for ul li{
    float:left;
}
.cen-boy .bod-tree .bree-for ul li:first-child+li{
    margin:0 25px;
}