/* 全局 */
*{padding:0;margin:0;font-family: "思源黑体","黑体",SimHei;}
body{padding:0;margin:0;text-align:left;background:#fff;}
body,html{width:100%;background:#fff;}
div,p,img,span,form,table,td,input{margin:0;padding:0}
a,textarea,button,input,ul,li,div,span,td{appearance: none;-webkit-appearance:none;}
.fl{float:left}
.fr{float:right}
.fc{text-align:center}
.ma{margin:0 auto;}
.clear{clear:both}
.clear::after{content: "";display: block;clear: both;}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:none}
a:hover{text-decoration:none}
.disnone{display: none !important;}
.display{display: block !important;}
img{width: 100%;display: block;}
ul li{list-style:none}
.fixed{position: fixed !important;}

.whole{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.flexsb{
    display: flex;
    justify-content: space-between;
}
.mt30{
    margin-top: 30px !important;
}
.mt15{
    margin-top: 15px !important;
}
.pc{
    
}
.mob{
    display: none;
}
/* head */
header{
    width: 100%;
    height: 507px;
    background: url("../images/head.jpg") no-repeat top center;
    position: relative;
}
.yujing{
    position: absolute;
    top: 60px;
    right: 30px;
    z-index: 1000000;
}
.head{
    max-width: 100%;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.toptool{
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}
.shanghai{
    font-size: 16px;
    font-weight: bold;
    color: #0e67cc;
}
.shanghai>span{
    font-size: 14px;
    margin-left: 30px;
}
.righttool{
    width: 450px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kefu{
    height: 30px;
    padding: 0 10px;
    color: #0e67cc;
    font-size: 14px;
    line-height: 30px;
    border: 1px solid #0e67cc;
    border-radius: 30px;
}
.kefu a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #0e67cc;
    font-weight: bold;
    line-height: 30px;
}
.icon{
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}
.ghb,.wza{
    font-size: 14px;
    color: #333333;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    align-self: center;
    cursor: pointer;
}
.ewm{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 1.5;
    display: flex;
    align-self: center;
    position: relative;
}
.ewmblock{
    width:390px;
    height:90px;
    border-radius: 10px;
    box-shadow: 0px 0px 3px 1px #cdcdcd;
    background-color: #ffffff;
    position: absolute;
    right:0px;
    top:40px;
    z-index: 10000;
    display: none;
    justify-content: space-around;
}
.ewm:hover .ewmblock{
    display: flex;
}
.ewmb{
    width:180px;
    height:80px;
    border-right: 1px solid #313131;
    margin:5px;
    margin-right:0;
    float: left;
}
.ewmb:last-child{
    border: none;
}
.ewmimg{
    width:80px;
    float: left;
}
.ewmsm{
    margin-left:10px;
}
.ewmsm p{
    font-size: 12px;
    line-height: 20px;
    color:#313131;
}
.ewmsm .tt{
    font-size:14px;
    color:#0d2d4f;
    font-weight: bold;
}
.logo{
    width: 340px;
    margin: 0 auto;
    margin-top: 16px;
}
.hotline{
    width: 100%;
    margin-top: 35px;
}
.hotline ul{
    width: 100%;
    display: flex;
    justify-content: center;
}
.hotline ul li{
    padding: 0 10px;
    border-right: 1px solid #333;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
}
.hotline ul li:last-child{
    border: none;
}
.hotline ul li a{
    color: #333;
}
.search{
    width: 630px;
    height: 60px;
    border-radius: 15px;
    background: #fff;
    display: flex;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
}
.search-input{
    width: 80%;
    height: 100%;
    line-height: 60px;
    border: none;
    color: #333333;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 15px;
}
.searchbut{
    width: 20%;
    height: 100%;
    background: linear-gradient(to right,#0e67cc,#3d92f1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.fangdajing{
    width: 22px;
}
.search-text{
    font-size: 24px;
    color: #fff;
}
.maindh{
    width: 100%;
    height: 60px;
    background: url("../images/dh.png") center bottom no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.maindh ul{
    width: 100%;
    box-sizing: border-box;
    padding: 0 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.maindh ul li{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.maindh ul li:hover a{
    border-bottom: 2px solid #fff;
}
.maindh ul li a{
    color: #fff;
    padding-bottom: 10px;
}
/* news */
.topnews{
    width: 100%;
    background: linear-gradient(to right,#0e67cc, #3d92f1);
    padding: 45px 0;
}
.mainblock{
    width: 1200px;
    margin: 0 auto;
}
.picnews{
    width: 430px;
}
.picscroll{
    width: 100%;
}
.picscroll img{
    height: 280px;
}
.newstab{
    width: 730px;
}
.swiper-pagination-bullets.newspic-pagination{
    width: 100%;
    position: relative;
    bottom: 0;
    margin-top: 15px;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #72dfd0;
}
.newsline{
    width: 100%;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between;
}
.newstab-title{
    display: flex;
}
.newstab-name{
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    margin-right: 30px;
    cursor: pointer;
}
.newstab-name.active{
    font-weight: bold;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
}
.newsicon{
    width: 20px;
    display: inline-block;
    margin-right: 5px;
}
.newsmore{
    color: #fff;
    font-size: 14px;
    line-height: 2;
    display: none;
}
.newsmore a{
    color: #fff;
}
.newsmore.active{
    display: block;
}
.newstab-block{
    width: 100%;
}
.newstab-content{
    width: 100%;
    margin-top: 20px;
    display: none;
}
.newstab-content.active{
    display: block;
}
.newstab-list{
    width: 100%;
}
.newstab-list li{
    width: 100%;
    padding: 10px 0;
    padding-left: 30px;
    box-sizing: border-box;
    background: url("../images/point.png") left center no-repeat;
    display: flex;
    justify-content: space-between;
}
.newstab-list li>a{
    width: 84%;
    font-size: 17px;
    color: #fff;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newstab-list li>.time{
    width: 15%;
    font-size: 17px;
    color: #fff;
    line-height: 1.5;
    text-align: right;
}
/* 信息公开 */
.lmname{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.lmtitle{
    width: calc(100% - 70px);
    background: url("../images/line.jpg") center repeat-x;
    display: flex;
    justify-content: center;
}
.lmtext{
    padding: 0 10px;
    background: #fff;
    font-size: 24px;
    font-weight: bold;
    color: #0e67cc;
    line-height: 1.5;
    display: flex;
    align-items: center;
}
.lmpoint{
    width: 8px;
    height: 8px;
    border: 2px solid #0e67cc;
    border-radius: 50%;
    margin: 0 10px;
}
.indexlmicon{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}

.lmmore{
    width: 60px;
    font-size: 14px;
    color: #0e67cc;
    text-align: right;
}
.lmmore a{
    color: #0e67cc;
}
.infoblock{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.infonews{
    width: 49%;
}
.infotab{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.infontitle{
    display: flex;
}
.info-name{
    font-size: 22px;
    color: #999;
    line-height: 2;
    font-weight: bold;
    margin-right: 30px;
    cursor: pointer;
}
.info-name.active{
    color: #0e67cc;
    border-bottom: 2px solid #0e67cc;
}
.infomore .more{
    font-size: 14px;
    color: #0e67cc;
    display: none;
}
.infomore .more a{
    color: #0e67cc;
}
.infomore .more.active{
    display: block;
}
.infotabblock{
    width: 100%;
    margin-top: 30px;
}
.infocontent{
    width: 100%;
    display: none;
}
.infocontent.active{
    display: block;
}
.infolist{
    width: 100%;
}
.infolist li{
    width: 100%;
    padding: 10px 0;
    padding-left: 30px;
    box-sizing: border-box;
    background: url("../images/point2.png") left center no-repeat;
    display: flex;
    justify-content: space-between;
}
.infolist li>a{
    width: 84%;
    font-size: 17px;
    color: #333333;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.infolist li>.time{
    width: 15%;
    font-size: 17px;
    color: #999999;
    line-height: 1.5;
    text-align: right;
}
.normaltitle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.title{
    font-size: 22px;
    color: #0e67cc;
    line-height: 2;
    font-weight: bold;
    margin-right: 30px;
    /* cursor: pointer; */
    border-bottom: 2px solid #0e67cc;
    display: flex;
    align-items: center;
}
.xxgk{
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    border: 0.5px solid #e7e7e7;
}
.xxgk-but{
    width: 33.33%;
    height: 38px;
    box-sizing: border-box;
    border: 0.5px solid #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
}
.xxgk-but a{
    width: 100%;
    height: 100%;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xxicon{
    display: inline-block;
    width: 17px;
    margin-right: 10px;
}
.xxgk-but:hover{
    border-color: #0e67cc;
    background: #0e67cc;
    color: #fff;
}
.xxgk-but:hover a{
    color: #fff;
}
.xxgk-but:hover img{
    filter: brightness(100);
}
.gkmu{
    width: 100%;
    display: flex;
}
.gkmubut1{
    width: 25%;
    height: 40px;
    background: url("../images/gkmu1_07.jpg") no-repeat;
    background-size: cover;
    color: #0e67cc;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.gkmubut1 a{
    color: #0e67cc;
}
.gkmubut2{
    width: 25%;
    height: 40px;
    background: url("../images/gkmu2_07.jpg") no-repeat;
    background-size: cover;
    color: #0e67cc;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.gkmubut2 a{
    color: #0e67cc;
}
.gkmubut3{
    width: 25%;
    height: 40px;
    background: url("../images/gkmu3_07.jpg") no-repeat;
    background-size: cover;
    color: #0e67cc;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.gkmubut3 a{
    color: #0e67cc;
}
.gkmubut4{
    width: 25%;
    height: 40px;
    background: url("../images/gkmu4_07.jpg") no-repeat;
    background-size: cover;
    color: #0e67cc;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.gkmubut4 a{
    color: #0e67cc;
}
.banner1{
    width: 100%;
    margin-top: 30px;
}
.banner-next,.banner-prev{
    color: #fff;
}
/* 便民服务 */
.bmfw{
    width: 100%;
    background: url("../images/bmxx.jpg") no-repeat;
    background-size: cover;
    padding: 30px 0;
}
.bmfwtitle{
    width: 100%;
    background: url("../images/bmfwtitbg.jpg") no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bmfwname{
    width: calc(100% - 70px);
    background: url("../images/line2.png") center repeat-x;
    display: flex;
    justify-content: center;
}
.bmfwtext{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    display: flex;
    align-items: center;
    background: #2fc1f1;
}
.bmpoint{
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0 10px;
}
.bmicon{
    width: 30px;
    display: inline-block;
    margin-right: 10px;
}
.bmfwmore{
    width: 60px;
    font-size: 14px;
    color: #fff;
    text-align: right;
}
.bmfwmore a{
    color: #fff;
}
.bm-sectitle{
    width: 100%;
    border: 1px solid #fff;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
}
.bm-sectitle a{
    color: #fff;
}
.bm-jiantou{
    width: 0;
    height: 0;
    border: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid #31cbe8;
    margin: 0 auto;
}
.bm-line{
    width: 50%;
    border: 2px solid #31cbe8;
    margin: 0 auto;
}
.hmblock{
    width: 100%;
    background: url("../images/hmbg.png") center no-repeat;
    background-size: contain;
}
.hmline1{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.hmbut{
    height: 109px;
}
.hmbut img{
    width: auto;
    height: 100%;
    filter: brightness(100);
}
.hmbut:hover img{
    filter: inherit;
}
.hmline2{
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
/* 零距离 */
.ljltab{
    width: 100%;
    margin-top: 30px;
}
.ljltab-title{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.ljltab-name{
    font-size: 22px;
    color: #999;
    line-height: 2;
    font-weight: bold;
    margin-right: 80px;
    cursor: pointer;
}
.ljltab-name a{
    color: #999;
}
.ljltab-name.active{
    color: #0e67cc;
    border-bottom: 2px solid #0e67cc;
}
.ljltab-name.active a{
    color: #0e67cc;
}
.ljltab-content{
    width: 100%;
    display: none;
}
.ljltab-content.active{
    display: block;
}
.ljlbut{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ljlbut1{
    width: 226px;
    background: url("../images/hd1.png") no-repeat center;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    margin-top: 30px;
    border-radius: 22px;
    overflow: hidden;
}
.ljlbut2{
    width: 226px;
    background: url("../images/hd2.png") no-repeat center;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    margin-top: 30px;
    border-radius: 22px;
    overflow: hidden;
}
.ljlbut3{
    width: 226px;
    background: url("../images/hd3.png") no-repeat center;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    margin-top: 30px;
    border-radius: 22px;
    overflow: hidden;
}
.ljlbut4{
    width: 226px;
    background: url("../images/hd4.png") no-repeat center;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    margin-top: 30px;
    border-radius: 22px;
    overflow: hidden;
}
.ljlbut1 a,.ljlbut2 a,.ljlbut3 a,.ljlbut4 a{
    color: #fff;
}
/* 便民 */
.bmxxblock{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bmxxbut{
    width: 49%;
    margin-top: 30px;
    border: 1px dashed #fff;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 2;
}
.bmxxbut a{
    display: flex;
    width: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
}
.bmxxicon{
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    filter: brightness(100);
}
.bmxxbut:hover{
    border-color: #2fc1f1;
    color: #2fc1f1;
}
.bmxxbut:hover a{
    color: #2fc1f1;
}
.bmxxbut:hover .bmxxicon{
    filter: none;
}
/* 专题 */
.ztbanner{
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.ztscroll{
    width: 90%;
    margin: 0 auto;
}
/* 底部 */
.foot{
    width: 100%;
    margin-top: 30px;
    background: #0e67cc;
}
.flink-title{
    width: 100%;
    background: #01a0e8;
}
.flinkname{
    width: 1200px;
    margin: 0 auto;
    background: url("../images/line2.png") center repeat-x;
    display: flex;
    justify-content: center;
}
.flinktext{
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 2;
    display: flex;
    align-items: center;
    background: #01a0e8;
}
.mainflink{
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.firstlink{
    font-size: 22px;
    line-height: 1.5;
    color: #fff;
    padding: 0 30px;
    border: 1px solid #fff;
    border-radius: 22px;
}
.firstlink a{
    color: #fff;
}
.firstlink:hover{
    color: #01a0e8;
    border-color: #01a0e8;
}
.firstlink:hover a{
    color: #01a0e8;
}
.secondlink{
    width: 100%;
    padding-bottom: 30px;
    display: flex;
}
.seclink-name{
    width: 24%;
    margin-top: 30px;
    border-right: 1px solid #fff;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: relative;
}
.seclink-name.active{
    color: #01a0e8;
}
.link-detail{
    /* display: none; */
    width: 100%;
    /* position: absolute; */
}
.link-jiantou{
    width: 0;
    height: 0;
    border: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid #ffffff;
    margin: 0 auto;
}
.link-block{
    width: 100%;
    /* height: 150px; */
    /* padding: 15px; */
    box-sizing: border-box;
    /* background: #fff; */
    border-radius: 15px;
    overflow: hidden;
    display: none;
}
.link-content{
    width: 100%;
    height: 100%;
    /* overflow-y: auto; */
    display: flex;
    flex-wrap: wrap;
}
.link{
    /* width: 100%; */
    /* text-align: center; */
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 15px;
    margin-right: 15px;
}
.link a{
    color: #fff;
}
.banquan{
    width: 100%;
    border-top: 1px solid #0b74d5;
    padding-bottom: 30px;
}
.bq-info{
    width: 62%;
    color: #21abe0;
    font-size: 14px;
    line-height: 2;
}
.bq-info p{
    color: #21abe0;
    font-size: 14px;
    line-height: 2;
}
.bq-info a{
    color: #21abe0;
}
.bq-jiucuo{
    width: 18%;
    display: flex;
    justify-content: space-around;
}
.jcicon{
    width: 96px;
}
.bsicon{
    width: 40px;
}
.bq-beian{
    width: 20%;
    color: #21abe0;
    font-size: 14px;
    line-height: 2;
}
.bq-beian a{
    color: #21abe0;
    font-size: 14px;
    line-height: 2;
}
.baicon{
    display: inline-block;
    width: 17px;
    margin-right: 5px;
}
/* 网上受理 */
.positon{
    width: 100%;
    background: #f5f5f5;
    padding: 10px 0;
}
.brandnav{
    display: inline-block;
    color: #333;
    font-size: 17px;
    line-height: 2;
}
.brandnav a{
    color: #333;
    font-size: 17px;
    line-height: 2;
}
.wssl-left{
    width: 19%;
}
.wsll-right{
    width: 77%;
}
.lmnav{
    width: 100%;
}
.lmnav li{
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    color: #333;
    line-height: 2;
    font-size: 17px;
    margin-bottom: 15px;
}
.lmnav li a{
    color: #333;
    line-height: 1.5;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.lmicon{
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}
.lm-name{
    width: calc(100% - 25px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.lmnav li.active{
    background: #0e67cc;
    color: #fff;
}
.lmnav li.active a{
    color: #fff;
}
.lmnav li.active .lmicon{
    filter: brightness(100);
}
.listtitle{
    display: flex;
    align-items: center;
    color: #0e67cc;
    font-size: 22px;
    line-height: 2;
    font-weight: bold;
}
.listicon{
    display: inline-block;
    width: 33px;
    margin-right: 10px;
}
.wsslliat{
    width: 100%;
}
.wsslliat li{
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
}
.wsslliat li:last-child{
    border: none;
}
.zixun{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.zixuntit{
    width: 77px;
    background-color: #0e67cc;
    color: #fff;
    font-size: 17px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.zixun-content{
    width: calc(100% - 90px);
    font-size: 17px;
    line-height: 1.5;
    color: #333;
}
.zixun-content p{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
}
/* pagenav */
.pagination{
	display:block;
	text-align:center;
	margin:0;
    margin-top: 30px;
}
.whj_jqueryPaginationCss-1{
	display:inline-block;
}
.whj_jqueryPaginationCss-1>div,.whj_jqueryPaginationCss-1>input{
	float:left;
	/* border:1px solid #ddd; */
	margin-left: -1px;
	color: #0e67cc;
	background-color: #f5f5f5;
    margin: 0 5px;
}
.whj_jqueryPaginationCss-1>div.whj_checked{
	color: #fff;
	cursor: default;
	background-color: #0e67cc;
	border-color: #0e67cc;
}
.whj_jqueryPaginationCss-1>input{
	max-width:50px;
	line-height:34px;
}
.whj_jqueryPaginationCss-1>div{
    font-size: 17px;
	line-height: 2;
	padding: 0 12px;
	color: #0e67cc;
	cursor: pointer;
	border-color: #ddd;
	background-color: #f5f5f5;
}
.whj_jqueryPaginationCss-1>div:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.whj_jqueryPaginationCss-1>div:last-child{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.whj_jqueryPaginationCss-1>div.whj_hoverDisable{color:#777;}

.pagination.pagination-centered>ul{
	text-align: center;
	margin: 20px auto;
	display: flex;
	justify-content: center;
}
.pagination.pagination-centered>ul li a{
	margin:0 7px;
}
/* 便民服务 */
.fxyj{
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
    background: linear-gradient(to right,#297fe0,#50d1bf);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fxyjname{
    color: #fff;
    font-size: 22px;
    line-height: 2;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.fxyjicon{
    display: inline-block;
    width: 24px;
    margin-right: 10px;
}
.fxyjtime{
    font-size: 17px;
    color: #fff;
}
.fxyj-content{
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fxyj-text{
    width: 49%;
}
.fxyj-text-tit{
    font-size: 22px;
    line-height: 2;
    color: #0e67cc;
    font-weight: bold;
}
.fxyj-text-zw{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
}
.fxyj-pic{
    width: 49%;
}
.shuiwei{
    width: 100%;
    display: flex;
    background: #f5f5f5;
}
.shuiwei-title{
    width: 20%;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.swicon{
    width: 50px;
    margin-bottom: 15px;
}
.sw-tit{
    color: #0e67cc;
    font-size: 22px;
    text-align: center;
}
.shuiwei-content{
    width: 20%;
    padding: 20px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.sw-position{
    width: 100%;
    color: #333;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.sw-datail{
    width: 100%;
}
.sw-timeline{
    color: #333;
    font-size: 17px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.sw-timeline .sw-num{
    color: #0e67cc;
    font-size: 24px;
    margin-right: 30px;
}
.shuiwei-content:last-child{
    border: none;
}
.realtime-detail{
    width: 46%;
    background: linear-gradient(to right,#297fe0,#50d1bf);
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
}
.realtimeinfo{
    width: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #f5f5f5;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.realtime-place{
    width: 30%;
}
.realtime-place-qu{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 17px;
}
.realtime-icon{
    width: 40px;
    height: 40px;
    margin: 10px auto;
}
.realtime-icon img{
    height: 100%;
    object-fit: contain;
}
.realtime-name{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 17px;
}
.realtime-text{
    width: 70%;
}
.realtime-more{
    width: 100%;
    text-align: right;
    color: #fff;
    font-size: 17px;
}
.realtime-more a{
    color: #fff;
}
.realtime-location{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin: 10px 0;
}
.realtime-num{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.realtime-place2{
    width: 50%;
}
.realtime-text2{
    width: 50%;
}
.realtime-num2{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}
.slbg{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.slbgbut{
    width: 49%;
    background: #0e67cc;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    font-weight: bold;
    position: relative;
}
.slbgbut a{
    width: 100%;
    display: block;
    color:#fff;
}
.slbh-jt{
    position: absolute;
    top: 0;
    right: 10px;
    color: #fff;
    font-size: 22px;
    line-height: 2;
}
.slsectitle{
    width: 100%;
    font-size: 22px;
    line-height: 2;
    text-align: center;
    color: #0e67cc;
    position: relative;
    font-weight: bold;
}
.slsectitle>.biaozhu{
    color: #333;
    font-size: 17px;
    position: absolute;
    top: 0;
    right: 0;
}
.hedaoinfo{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.hedaoinfo-detail{
    width: 49%;
    padding: 20px;
    box-sizing: border-box;
    background: #f5f5f5;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.heinfo-title{
    width: 25%;
}
.hedaoinfo-icon{
    width: 90px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.hedaoinfo-name{
    width: 100%;
    text-align: center;
    color: #0e67cc;
    font-size: 22px;
}
.hedaoinfo-content{
    width: 70%;
    color: #333;
    font-size: 17px;
    line-height: 2;
}
.hedaoinfo-content p{
    color: #333;
    font-size: 17px;
    line-height: 2;
}
.hedaoinfo-content p.beizhu{
    color: #999999;
}
.hedaoinfo-detail.sp{
    padding-bottom: 0;
}
.hedaoinfo-detail.sp .heinfo-title{
    width: 40%;
}
.hedaoinfo-detail.sp .hedaoinfo-content{
    width: 55%;
}
.hedaoinfo-detail.sp .hedaoinfo-icon{
    width: 100%;
    margin-bottom: 0;
}
.hedaoinfo-detail.sp .hedaoinfo-name{
    text-align: left;
}
.gsbut{
    width: 100%;
    background: #0e67cc;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 2;
    font-weight: bold;
    position: relative;
    margin-top: 30px;
}
.gsbut a{
    color: #fff;
}
.title>.sect{
    margin-left: 30px;
    border-bottom: 0;
    color: #333;
}
.paishui{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}
.paishuititle{
    display: flex;
}
.paishui-name{
    font-size: 22px;
    color: #333;
    line-height: 2;
    font-weight: bold;
    margin-right: 30px;
    cursor: pointer;
}
.paishui-name.active{
    color: #0e67cc;
    border-bottom: 2px solid #0e67cc;
}
.paishuimore .more{
    font-size: 14px;
    color: #0e67cc;
    display: none;
}
.paishuimore .more a{
    color: #0e67cc;
}
.paishuitable{
    width: 100%;
    background: #f5f5f5;
}
.paishuitable ul{
    width: 100%;
}
.paishuitable ul li{
    width: 100%;
    display: flex;
}
.paishuitable ul li>.pstable{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    width: 22%;
    text-align: center;
    padding: 10px 0px;
    border-right: 2px solid #fff;
    box-sizing: border-box;
}
.paishuitable ul li>.pstable:last-child{
    border: none;
    width: 12%;
}
.paishuitable ul li>.pstable.sp{
    font-weight: bold;
}
.paishuitable ul li>.pstable .address{
    width: 21px;
    display: inline-block;
}
/* 防汛防台 */
.fxftnav{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.fxftmenu{
    width: 13%;
    background: #f5f5f5;
    font-size: 22px;
    line-height: 1.5;
    color: #0e67cc;
    font-weight: bold;
    text-align: center;
}
.fxftmenu a{
    color: #0e67cc;
}
.fxftmenu:hover{
    color: #fff;
    background: #0e67cc;
}
.fxftmenu:hover a{
    color: #fff;
}
.fxftblock{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.fxft-left{
    width: 60%;
}
.fxftpicnews{
    width: 35%;
}
.fxft-newslist{
    width: 60%;
}
.fxftpicscroll{
    width: 100%;
}
.fxftpicscroll img{
    height: 275px;
}
.swiper-pagination-bullets.fxftnewspic-pagination{
    width: 100%;
    position: relative;
    bottom: 0;
    margin-top: 15px;
}
.fxftnewspic-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #e7e7e7;
    opacity: 1;
}
.fxftnewspic-pagination .swiper-pagination-bullet-active{
    background: #0e67cc;
}
.fxft-right{
    width: 37%;
}
.yjpic{
    width: 100%;
}
.shuiweitable{
    width: 100%;
    background: #f5f5f5;
}
.shuiweitable ul{
    width: 100%;
}
.shuiweitable ul li{
    width: 100%;
    display: flex;
    border-bottom: 2px solid #fff;
}
.shuiweitable ul li>.swtable{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    width: 33%;
    text-align: center;
    padding: 10px 0px;
    border-right: 2px solid #fff;
    box-sizing: border-box;
}

.shuiweitable ul li>.swtable:last-child{
    border: none;
}
.shuiweitable ul li>.swtable.sp{
    font-weight: bold;
    color: #0e67cc;
}
.shuiweitable ul li>.swtable .address{
    width: 21px;
    display: inline-block;
}
/* 稿件 */
.article-title{
    width: 100%;
    text-align: center;
    font-size: 22px;
    line-height: 1.5;
    color: #0e67cc;
    margin-bottom: 15px;
}
.article-time{
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 1.5;
    color: #999999;
    margin-bottom: 30px;
}
.article-content{
    width: 100%;
    margin-top: 30px;
    font-size: 17px;
    line-height: 2;
    color: #333;
}
.article-content p{
    font-size: 17px;
    line-height: 2;
    color: #333;
}
.xxgkmx{
    width: 100%;
    display: flex;
    justify-content: end;
    position: relative;
}
.xxgkmingxi{
    width: 120px;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    background: #0e67cc;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.xxgkmingxi-info{
    width: 440px;
    position: absolute;
    top: 30px;
    right: 0;
    display: none;
}
.xxgkmx-name{
    width: 100%;
    display: flex;
    background: #f5f5f5;
}
.xxgkmx-title{
    width: 25%;
    border: 0.5px solid #fff;
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.xxgkmx-content{
    width: 75%;
    border: 0.5px solid #fff;
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    text-align: center;
    padding: 10px 10px;
    box-sizing: border-box;
    font-weight: bold;
}
.xxgkmx-name.sp{
    background: #7fd6ed;
}
/* 局长信箱 */
.xxshuoming{
    width: calc(100% - 350px);
}
.zwweibo{
    width: 330px;
}
.smtext{
    width: 100%;
    font-size: 17px;
    line-height: 2;
    color: #333;
}
.smtext p{
    font-size: 17px;
    line-height: 2;
    color: #333;
    text-align: justify;
}
.smtext a{
    font-size: 17px;
    line-height: 2;
    color: #0e67cc;
    text-decoration: underline;
}
.xxhuifu{
    border-top: 1px solid #e4e4e4;
    width: 100%;
    padding-top: 30px;
}
.xxtitle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.huifu-info{
    display: flex;
}
.huifu-num{
    font-size: 17px;
    line-height: 1.5;
    color: #0e67cc;
    margin-right: 30px;
}
.xiexing{
    padding: 0 20px;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    background: #0e67cc;
}
.xiexing a{
    color: #fff;
}
.xxsearch{
    width: 100%;
    margin-top: 15px;
}
.xxsearch-info{
    width: 100%;
    display: flex;
    margin-bottom: 15px;
}
.xxsearch-name{
    font-size: 17px;
    line-height: 2;
    color: #333;
    margin-right: 30px;
}
.xxsearch-keyword{
    width: 66%;
    border: 1px solid #e4e4e4;
    font-size: 17px;
    line-height: 2;
    color: #333;
    box-sizing: border-box;
    padding: 0 10px;
}
.xxsearch-time{
    width: 25%;
    border: 1px solid #e4e4e4;
    font-size: 17px;
    line-height: 2;
    color: #333;
    padding: 0 10px;
    margin-right: 30px;
}
.xxsearch-but{
    padding: 0 20px;
    font-size: 17px;
    line-height: 2;
    color: #fff;
    background: #0e67cc;
}
.xxsearch-but a{
    color: #fff;
}
/* 管网改造 */
.info-item{
    width: 100%;
}
.gzmubiao{
    margin-top: 15px;
    width: 100%;
    background: linear-gradient(to right,#2a80e1,#1bb7ae);
    font-size: 17px;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.gzlianxi{
    width: 100%;
    margin-top: 30px;
    padding: 0 20px;
    padding-top: 30px;
    box-sizing: border-box;
    border-top: 1px solid #e4e4e4;
    font-size: 17px;
    line-height: 2;
    color: #999;
}
/* 市民零距离 */
.smhuifu-info{
    display: flex;
}
.smhuifu-num{
    font-size: 14px;
    line-height: 1.5;
    color: #0e67cc;
    margin-right: 15px;
}
.smhuifu{
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background: #0e67cc;
}
.smhuifu a{
    color: #fff;
}
.smhuifu2{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-right: 15px;
    font-weight: bold;
}
.wszxtab{
    display: flex;
}
.wszxtab-name{
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin-right: 10px;
    font-weight: bold;
    margin-right: 15px;
    padding: 0 10px;
}
.wszxtab-name.active{
    color: #fff;
    background: #0e67cc;
}
.wszxtabblock{
    width: 100%;
}
.wszxtab-content{
    width: 100%;
    display: none;
}
.wszxtab-content.active{
    display: block;
}
.wsts-shuoming{
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #f5f5f5;
    color: #333;
    font-size: 17px;
    line-height: 2;
    margin-top: 15px;
}
.wsts-shuoming p{
    color: #333;
    font-size: 17px;
    line-height: 2;
}
.wsts-address{
    width: 100%;
    margin-top: 15px;
}
.wsts-address ul{
    width: 100%;
}
.wsts-address ul li{
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e7e7e7;
}
.wsts-address ul li>.wststable{
    font-size: 17px;
    line-height: 2;
    color: #333;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
}
.wsts-address ul li.sp{
    font-weight: bold;
    background: #0e67cc;
    color: #fff;
    border: none;
}
.wsts-address ul li.sp .wststable{
    color: #fff;
}
.zsktab{
    width: 100%;
    margin-top: 15px;
}
.zskname{
    width: 100%;
    background: #f5f5f5;
    text-align: center;
    font-size: 17px;
    color: #333;
    line-height: 2;
    margin-bottom: 10px;
    cursor: pointer;
}
.zskname.active{
    color: #fff;
    background: #0e67cc;
}
.zskcontent{
    width: 100%;
    display: none;
}
.zskcontent.active{
    display: block;
}
.fthg{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.fthg-pic{
    width: 19%;
}
.fthgtitle{
    width: 80%;
}
.fthg-name{
    width: 100%;
    padding-bottom: 10px;
    font-size: 14px;
    color: #0e67cc;
    line-height: 1.5;
}
.fthg-name a{
    color: #0e67cc;
}
/* 网上投诉 */
.xxselect{
    width: 25%;
    border: 1px solid #e4e4e4;
    font-size: 17px;
    line-height: 2;
    color: #333;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 30px;
}
.yzminput{
    width: 15%;
    border: 1px solid #e4e4e4;
    font-size: 17px;
    line-height: 2;
    color: #333;
    box-sizing: border-box;
    padding: 0 10px;
    margin-right: 30px;
}
.yzm{
    width: 67px;
}
.neironginput{
    width: 80%;
    height: 55px;
    border: 1px solid #e4e4e4;
    font-size: 17px;
    color: #333;
    box-sizing: border-box;
    padding: 5px 10px;
}
.tssumbit{
    width: 30%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.tousu-info{
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e4e4e4;
}
.table-title{
    width: 100%;
    font-size: 22px;
    color: #0e67cc;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
}
.tousu-address{
    width: 100%;
    margin-top: 15px;
    border: 1px solid #e7e7e7;
}
.tousu-address ul{
    width: 100%;
}
.tousu-address ul li{
    width: 100%;
    padding: 10px 0;
    display: flex;
    border-bottom: 1px solid #e7e7e7;    
}
.tousu-address ul li>.tousutable{
    font-size: 17px;
    line-height: 2;
    color: #333;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #e7e7e7;
}
.tousu-address ul li>.tousutable:last-child{
    border-right: none;
}
.tousu-address ul li.sp{
    font-weight: bold;
    background: #0e67cc;
    color: #fff;
    border: none;
}
.tousu-address ul li.sp .tousutable{
    color: #fff;
}
.tousu-address2{
    width: 100%;
    margin-top: 15px;
    border: 1px solid #e7e7e7;
}
.tousu-address2 ul{
    width: 100%;
}
.tousu-address2 ul li{
    width: 100%;
    padding: 10px 0;
    display: flex;
    border-bottom: 1px solid #e7e7e7;    
}
.tousu-address2 ul li>.tousutable{
    font-size: 17px;
    line-height: 2;
    color: #333;
    width: 33.33%;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px solid #e7e7e7;
}
.tousu-address2 ul li>.tousutable:last-child{
    border-right: none;
}
.tousu-address2 ul li.sp{
    font-weight: bold;
    background: #0e67cc;
    color: #fff;
    border: none;
}
.tousu-address2 ul li.sp .tousutable{
    color: #fff;
}
/* 信息公开 */
.xxgk-left{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.glgk{
    width: 19%;
    text-align: center;
}
.xxgk-tit{
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    background: #0e67cc;
    margin-bottom: 15px;
}
.xxgk-item{
    display: inline-block;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 5px;
}
.xxgk-cion{
    height: 34px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.xxgk-cion img{
    width: auto;
    height: 34px;
    margin: 0 auto;
}
.xxgk-name{
    text-align: center;
    font-size: 17px;
    line-height: 1;
    color: #333;
}
.sqgk-item{
    width: 100%;
    background: #fff;
    font-size: 22px;
    line-height: 2;
    color: #999999;
    font-weight: bold;
    margin-bottom: 45px;
}
.sqgk-item:last-child{
    margin-bottom: 0;
}
.sqgk-icon{
    display: inline-block;
    width: 27px;
    margin-right: 30px;
}
.sqgk-item a{
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20%;
    color: #999999;
    font-weight: bold;
}
.sqgk-item:hover{
    background: #0e67cc;
    color: #fff;
}
.sqgk-item:hover a{
    color: #fff;
}
.sqgk-item:hover .sqgk-icon{
    filter: brightness(100);
}
.sqgk2-item{
    width: 100%;
    background: #f5f5f5;
    font-size: 22px;
    line-height: 2;
    color: #999999;
    font-weight: bold;
    margin-bottom: 40px;
}
.sqgk2-item:last-child{
    margin-bottom: 0;
}
.sqgk2-item a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    color: #999999;
    font-weight: bold;
}
.sqgk2-item:hover{
    background: #0e67cc;
    color: #fff;
}
.sqgk2-item:hover a{
    color: #fff;
}
.sqgk2-item:hover .sqgk-icon{
    filter: brightness(100);
}
/* 知识库 */
.zsk{
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
}
.zsk:last-child{
    border-bottom: none;
}
.zsk-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 政府信息公开 */
.xxgk-cont {
    width: 1200px;
    background: #f0f0f0;
    padding: 30px;
    display: flex;
    box-sizing: border-box;
}

.right-side-inner {
    border: 1px solid #dadada;
    background: #fff;
    padding: 30px;
    flex: 1;
    margin-left: 20px;
}

.right-side-inner h1 {
    font-size: 38px;
    color: #0e67cc;
    margin: 25px 0px 38px 0px;
    text-align: center;
    font-weight: 600;
}

.right-side-inner p {
    text-indent: 2em;
    font-size: 20px;
    line-height: 180%;
}

.slimScrollDiv,
.lsm-scroll {
    height: auto !important;
}

.scroll_wrap {
    height: 970px;
    overflow: auto;
}

.scroll_wrap {
    height: 920px;
    overflow: auto;
    padding-right: 20px;
}

.scroll_wrap .scroll_slider:hover {
    opacity: 1;
}

.title-red {
    font-size: 18px;
    padding: 10px 20px;
    /*background: #ffe2e2;*/
    background: #0e67cc;
    color: #eeeeee;
    border-bottom: 1px solid #0e67cc;
    display: block;
    clear: both;
    font-weight: bold;
}

.uli14 {
    padding: 10px 0;
    clear: both;
    width: 100%;
    display: flex;
}

.uli14 li {
    margin: 16px 0 26px;
    background: url("../images/point2.png") left center no-repeat;
}

.uli14 li a {
    color: #666;
    font-size: 16px;
    position: relative;
    padding-left: 10px;
}

.btn-list {
    width: 100%;
    clear: both;
    display: flex;
    flex-wrap: wrap;
}

.btn-list li a {
    background: #0e67cc;
    color: #eeeeee;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}

.btn-list li {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

.xxgk-cont .nav-tabs {
    width: 260px;
}

.xxgk-cont .nav-tabs li {
    width: 100%;
}

.xxgk-cont .nav-tabs li i {
    font-size: 40px;
}

.xxgk-cont .nav-tabs li a {
    cursor: pointer;
    height: 72px;
    line-height: 28px;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #dadada;
    font-size: 23px;
    color: #0e67cc;
    margin-bottom: 10px;
    padding-left: 20px;
    border-radius: 0;
}

.xxgk-cont .nav-tabs li i {
    font-size: 40px;
}

.xxgk-cont .nav-tabs li span {
    margin-left: 10px;
    display: block;
}
.xxgk-cont .nav-tabs li:hover{
    font-weight: bold;
}

.xxgk-cont .nav-tabs li.active a {
    color: white;
    font-weight: bold;
    height: 72px;
    line-height: 28px;
    display: flex;
    align-items: center;
    background: #0e67cc;
    border: 1px solid #dadada;
}

.xxgk-cont .tab-content {
    flex: 1;
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.col-md-3{
    width: 25%;
}
/* 白皮书 */
.bps-title{
    width: 100%;
    background: linear-gradient(to right,#2a80e1,#1bb7ae);
    font-size: 30px;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.bps-shuoming{
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    background: #f5f5f5;
    color: #333;
    font-size: 24px;
    line-height: 2;
    margin-top: 15px;
}
.bps-shuoming p{
    color: #333;
    font-size: 24px;
    line-height: 2;
}
.bps-list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,30%);
    justify-content: space-between;
    margin-top: 30px;
}
.bps-list li{
    width: 100%;
    margin-bottom: 10px;
    font-size: 30px;
    color: #fff;
    line-height: 2;
    border-radius: 10px;
}
.bps-list li:nth-child(3n+1){
    background: #2c82e3;
}
.bps-list li:nth-child(3n+2){
    background: #26a2c4;
}
.bps-list li:nth-child(3n+3){
    background: #54d6bf;
}
.bps-list li a{
    display: block;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bps-icon{
    display: inline-block;
    width: 25px;
}
.bpsbq{
    width: 100%;
    color: #333;
    font-size: 24px;
    line-height: 2;
    margin-top: 30px;
}
.bps-bpsbq p{
    color: #333;
    font-size: 24px;
    line-height: 2;
}
/* 实时雨量 */
.yl-title{
    width: 100%;
    background: linear-gradient(to right,#2a80e1,#1bb7ae);
    font-size: 30px;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    box-sizing: border-box;
}
.yuliangtable{
    width: 100%;
    background: #f5f5f5;
}
.yuliangtable ul{
    width: 100%;
}
.yuliangtable ul li{
    width: 100%;
    display: flex;
}
.yuliangtable ul li>.yltable{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    width: 12.5%;
    text-align: center;
    padding: 10px 0px;
    box-sizing: border-box;
}
.yuliangtable ul li>.yltable.sp{
    font-weight: bold;
}
.yuliangtable ul li>.yltable .address{
    width: 21px;
    display: inline-block;
}
/* 双公示 */
.sgs-title{
    width: 100%;
    display: flex;
    margin-top: 30px;
}
.sgs-name{
    padding: 0 20px;
    font-size: 22px;
    line-height: 2;
    color: #333;
}
.sgs-name a{
    color: #333;
}
.sgs-name.active{
    color: #fff;
    background: #0e67cc;
}
.sgs-name.active a{
    color: #fff;
}
.sgstable{
    width: 100%;
    background: #f5f5f5;
}
.sgstable ul{
    width: 100%;
}
.sgstable ul li{
    width: 100%;
    display: flex;
}
.sgstable ul li>.gstable{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    width: 75%;
    text-align: left;
    padding: 10px 30px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.sgstable ul li>.gstable a{
    display: block;
    width: 100%;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sgstable ul li>.gstable:last-child{
    width: 25%;
    text-align: center;
    border: none;
}
.sgstable ul li>.gstable.sp{
    font-weight: bold;
}
/* 双随机 */
.sjjtable{
    width: 100%;
    background: #f5f5f5;
}
.sjjtable ul{
    width: 100%;
}
.sjjtable ul li{
    width: 100%;
    display: flex;
}
.sjjtable ul li>.sjjgtable{
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    width: 35%;
    text-align: left;
    padding: 10px 30px;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.sjjtable ul li>.sjjgtable:nth-child(3){
    width: 15%;
    text-align: center;
    border: none;
}
.sjjtable ul li>.sjjgtable:last-child{
    width: 15%;
    text-align: center;
    border: none;
}
.sjjtable ul li>.sjjgtable.sp{
    font-weight: bold;
}

@media screen and (max-width: 750px){
    .pc{
        display: none;
    }
    .mob{
        display: block;
    }
    .yujing,.head{
        display: none;
    }
    header{
        height: 60px;
    }
    .mt30{
        margin-top: 15px !important;
    }
    .mob-head{
        width: 100%;
        position: absolute;
        z-index: 100;
    }
    .mob-dh{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px;
        padding: 0 10px;
        box-sizing: border-box;
        background: #fff;
        position: relative;
    }
    .mob-logo{
        width: 170px;
    }
    .mob-bar{
        width: 30px;
        height: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    .border1,.border2,.border3{
        width: 100%;
        height: 5px;
        position: relative;
        background: #0e67cc;
        transition: all 0.1s ease-out;
    }
    .mob-bar.open .border1{
        transform: rotate(45deg);
        transform-origin: 0 0;
    }
    .mob-bar.open .border2{
        opacity: 0;
    }
    .mob-bar.open .border3{
        transform: rotate(-45deg);
        transform-origin: 0 100%;
    }
    .mob-menu{
        width: 100%;
        background: #0e67cc;
        display: none;
    }
    .dhlist{
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    .dhlist li{
        width: 100%;
        padding: 10px 6px;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        border-bottom: 1px solid #fff;
    }
    .dhlist li a{
        color: #fff;
    }
    .dhlist li:last-child{
        border: none;
    }
    .mainblock{
        width: 96%;
        margin: 0 auto;
    }
    .flexsb{
        flex-wrap: wrap;
    }
    .topnews{
        padding: 0 ;
        background: #fff;
    }
    .picnews{
        width: 100%;
        position: relative;
    }
    .swiper-pagination-bullets.newspic-pagination{
        position: absolute;
        bottom: 10px;
    }
    .newstab{
        width: 100%;
        margin-top: 15px;
    }
    .newstab-name{
        color: #333;
        font-size: 18px;
        margin-right: 15px;
    }
    .newsicon{
        display: none;
    }
    .newstab-name.active{
        color: #0e67cc;
        border-bottom: 2px solid #0e67cc;
    }
    .newsmore{
        color: #0e67cc;
    }
    .newsmore a{
        color: #0e67cc;
    }
    .newstab-content{
        margin-top: 10px;
    }
    .newstab-list li{
        padding: 5px;
        padding-left: 15px;
        background: url("../images/point2.png") left center no-repeat;
    }
    .newstab-list li>a{
        width: 100%;
        color: #333;
        font-size: 14px;
    }
    .newstab-list li>.time{
        display: none;
    }
    .picscroll img{
        height: 230px;
    }
    .fxftpicscroll img{
        height: 230px;
    }
    .lmname{
        padding-bottom: 5px;
        border-bottom: 2px solid #f3f3f3;
    }
    .lmtitle{
        justify-content: start;
        background: none;
    }
    .lmpoint{
        display: none;
    }
    .lmtext{
        font-size: 18px;
    }
    .indexlmicon{
        width: 20px;
    }
    .infoblock{
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .infonews{
        width: 100%;
    }
    .infotabblock{
        margin-top: 15px;
    }
    .infolist li{
        padding: 5px;
        padding-left: 15px;
    }
    .infolist li>a{
        width: 100%;
        font-size: 14px;
    }
    .infolist li>.time{
        display: none;
    }
    .info-name{
        font-size: 18px;
    }
    .title{
        font-size: 18px;
    }
    .xxgk{
        margin-top: 15px;
    }
    .banner1{
        margin-top: 15px;
    }
    .swiper-button-prev:after, .swiper-button-next:after{
        font-size: 22px;
    }
    .ljltab{
        margin-top: 15px;
    }
    .ljltab-name{
        margin-right: 5px;
        font-size: 15px;
    }
    .ljlbut{
        width: 100%;
    }
    .ljlbut1,.ljlbut2,.ljlbut3,.ljlbut4{
        width: 49%;
        margin-top: 15px;
        font-size: 18px;
    }
    .bmfw{
        padding-top: 15px;
    }
    .bmfwtitle{
        background: none;
    }
    .bmfwname{
        justify-content: start;
        background: none;
    }
    .bmfwtext{
        background: none;
        font-size: 18px;
    }
    .bmpoint{
        display: none;
    }
    .bmicon{
        width: 20px;
    }
    .bm-sectitle{
        font-size: 18px;
    }
    .bm-jiantou{
        display: none;
    }
    .hmblock{
        margin-bottom: 15px;
    }
    .hmline2{
        width: 80%;
        margin-top: 15px;
    }
    .bmxxbut{
        margin-top: 15px;
        font-size: 16px;
    }
    .bmxxicon{
        width: 18px;
    }
    .ztbanner{
        margin-top: 15px;
    }
    .flink-title,.mainflink,.secondlink{
        display: none;
    }
    .bq-info{
        width: 100%;
        padding-bottom: 15px;
        border-bottom: 1px solid #f3f3f3;
    }
    .bq-info p{
        font-size: 12px;
        text-align: center;
    }
    .bq-jiucuo{
        width: 45%;
        margin-top: 15px;
    }
    .bq-beian{
        margin-top: 15px;
        width: 55%;
        font-size: 12px;
    }
    .brandnav,.brandnav a{
        font-size: 16px;
    }
    .article-time{
        margin-bottom: 15px;
    }
    .article-content{
        margin-top: 15px;
    }
    .fxyjname{
        font-size: 18px;
    }
    .fxyjicon{
        width: 18px;
    }
    .fxyjtime{
        font-size: 14px;
    }
    .fxyj-content{
        width: 90%;
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .fxyj-text{
        width: 100%;
    }
    .fxyj-text-tit{
        font-size: 18px;
    }
    .fxyj-text-zw{
        font-size: 14px;
    }
    .fxyj-pic{
        width: 100%;
    }
    .shuiwei{
        flex-wrap: wrap;
    }
    .shuiwei-title{
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    .shuiwei-content{
        width: 50%;
        padding: 10px;
        border-bottom: 1px solid #fff;
    }
    .sw-position{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .sw-timeline{
        font-size: 14px;
        justify-content: center;
    }
    .sw-timeline .sw-num{
        font-size: 18px;
    }
    .realtimeinfo{
        margin-top: 15px;
        background: none;
        padding: 0;
    }
    .realtime-place-qu,.realtime-name,.realtime-more,.realtime-location{
        font-size: 14px;
    }
    .realtime-icon{
        width: 25px;
        height: 25px;
    }
    .slbg{
        margin-top: 15px;
        flex-wrap: wrap;
    }
    .slbgbut{
        width: 100%;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .slbh-jt{
        font-size: 16px;
    }
    .slsectitle{
        font-size: 18px;
    }
    .slsectitle>.biaozhu{
        display: none;
    }
    .hedaoinfo{
        flex-wrap: wrap;
    }
    .hedaoinfo-detail{
        width: 100%;
        margin-top: 15px;
    }
    .hedaoinfo-icon{
        width: 100%;
    }
    .hedaoinfo-name{
        font-size: 18px;
    }
    .hedaoinfo-content,.hedaoinfo-content p{
        font-size: 14px;
    }
    .gsbut{
        margin-top: 15px;
        font-size: 16px;
    }
    .paishui-name{
        font-size: 18px;
    }
    .paishuitable ul li>.pstable{
        font-size: 14px;
    }
    .bps-title{
        font-size: 18px;
    }
    .bps-shuoming{
        padding: 10px;
        font-size: 16px;
    }
    .bps-shuoming p{
        font-size: 16px;
    }
    .bps-list li{
        font-size: 14px;
    }
    .bps-icon{
        display: none;
    }
    .bpsbq,.bpsbq p{
        font-size: 16px;
    }
    .fxftnav{
        flex-wrap: wrap;
    }
    .fxftmenu{
        width: 49%;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .fxftblock{
        flex-wrap: wrap;
        margin-top: 15px;
    }
    .fxft-left,.fxft-right{
        width: 100%;
    }
    .fxftpicnews,.fxft-newslist{
        width: 100%;
    }
    .shuiweitable ul li>.swtable{
        font-size: 16px;
    }
    .gzmubiao{
        font-size: 16px;
    }
    .smtext,.smtext p,.gzlianxi,.gzlianxi p{
        font-size: 14px;
    }
    .wssl-left,.wsll-right{
        width: 100%;
    }
    .zwweibo{
        display: none;
    }
    .xxshuoming{
        width: 100%;
    }
    .listtitle{
        font-size: 18px;
        margin-top: 15px;
    }
    .listicon{
        width: 20px;
    }
    .lmnav{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #e7e7e7;
    }
    .lmnav li{
        width: 49%;
        margin-bottom: 10px;
    }
    .xxtitle{
        flex-wrap: wrap;
    }
    .huifu-info{
        width: 100%;
        flex-wrap: wrap;
    }
    .huifu-num{
        margin-right: 10px;
        font-size: 14px;
    }
    .xiexing{
        padding: 0 5px;
        font-size: 14px;
    }
    .xxsearch-name{
        font-size: 16px;
        margin-right: 5px;
    }
    .xxsearch-keyword{
        font-size: 16px;
    }
    .xxsearch-time{
        width: 20%;
        margin-right: 5px;
        font-size: 16px;
    }
    .xxsearch-info{
        flex-wrap: wrap;
    }
    .xxsearch-but{
        /* margin-top: 10px; */
        font-size: 16px;
        padding: 0 10px;
    }
    .whj_jqueryPaginationCss-1>div{
        font-size: 14px;
        padding: 0 6px;
    }
    .sgs-name{
        font-size: 16px;
    }
    .sgstable ul li>.gstable{
        font-size: 14px;
        padding: 5px 10px;
        width: 70%;
    }
    .sgstable ul li>.gstable:last-child{
        width: 30%;
    }
    .smhuifu-num{
        margin-right: 10px;
    }
    .smhuifu-info{
        margin-top: 10px;
    }
    .wsts-shuoming{
        padding: 10px;
        font-size: 16px;
    }
    .wsts-shuoming p{
        font-size: 16px;
    }
    .wsts-address ul li>.wststable{
        font-size: 14px;
    }
    .zskname{
        font-size: 16px;
    }
    .fthg-name{
        padding: 0;
    }
    .sjjtable ul li>.sjjgtable{
        width: 25%;
        font-size: 14px;
        padding: 10px;
    }
    .sjjtable ul li>.sjjgtable:nth-child(3),.sjjtable ul li>.sjjgtable:last-child{
        width: 25%;
    }
    .yuliangtable ul li>.yltable{
        font-size: 11px;
    }
    .yuliangtable ul li>.yltable .address{
        width: 15px;
    }
    .zixuntit{
        font-size: 14px;
    }
    .wsslliat li{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .zixun-content,.zixun-content p{
        font-size: 14px;
    }
    .xxselect{
        margin-right: 5px;
        font-size: 14px;
    }
    .yzminput{
        margin-right: 5px;
    }
    .table-title{
        margin-top: 15px;
        font-size: 18px;
    }
    .tousu-address ul li>.tousutable{
        font-size: 14px;
    }
    .tousu-address2 ul li>.tousutable{
        font-size: 14px;
    }
    .xxgk-tit{
        font-size: 14px;
    }
    .xxgk-name{
        font-size: 12px;
    }
    .xxgk-item{
        width: 100%;
        box-sizing: border-box;
    }
    .sqgk-item{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .sqgk-icon{
        width: 18px;
    }
    .sqgk2-item{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .xxgk-cont{
        width: 100%;
        padding: 10px;
    }
    .xxgk-cont .nav-tabs{
        width: 30%;
    }
    .xxgk-cont .nav-tabs li a{
        padding-left: 10px;
        font-size: 14px;
        line-height: 2;
    }
    .xxgk-cont .nav-tabs li i{
        font-size: 20px;
    }
    .right-side-inner{
        padding: 10px;
    }
    .right-side-inner h1{
        margin-bottom: 15px;
        font-size: 18px;
    }
    .btn-list li{
        width: 49%;
    }
    .scroll_wrap{
        height: auto;
        padding-right: 0;
    }
    .btn-list li a{
        font-size: 14px;
    }
    .col-md-3{
        width: 50%;
    }
    .title-red{
        padding: 5px 10px;
        font-size: 16px;
    }
    .uli14{
        flex-wrap: wrap;
    }
    .uli14 li{
        margin-bottom: 16px;
    }
    .uli14 li a{
        font-size: 14px;
    }
    .zsk{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .xxhuifu{
        padding-top: 15px;
    }
}