/* 热点资讯 */
.rdzx {
    width: 1200px;
    height: 128px;
    /* background-color: #fff; */
    padding: 10px 40px 10px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 10px auto 0px;
}

.rdzx_mid {
    width: 100%;
    height: 90px;
    overflow: hidden;
    position: relative;

}

.rdzx_tit {
    width: 72%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bolder;
    color: #fff;
    text-shadow: 2px 2px 2px #154671;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
    margin-bottom: 6px;
}


.rdzx_article {
    color: #a9c4e3;
    text-indent: 0rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 显示的行数，可以根据需要修改 */
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-pagination1 {
    height: 20px;
    margin: 0 auto;
    position: absolute;
    top: auto !important;
    right: auto !important;
    bottom: 5px;
    left: calc(50% - 5%);
    width: 10%;
    /* background-color: #FE4B4A; */
    display: flex;
    justify-content: space-between;
}

.swiper-pagination1 span {
    display: block;
    /* position: relative; */
    overflow: hidden;
    width: 30px;
    height: 4px;
    cursor: pointer;
    margin: 0 5px;
    background-color: #8bafd9;
    font-size: 0;
    opacity: 1;
    border-radius: 0px;
}

span.my-bullet-active {
    background-color: #c9dfff;
}


/* 政务资讯 */
.zwzx {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.zwzx_lf {
    width: 54%;
    height: 400px;
    background: url(../img/lunbo_bg.png) repeat top left;
}

.zwzx_rt {
    width: 44%;
    height: auto;
}

.zwzx_pic {
    width: 98%;
    height: 422px;
    margin: 6px auto 0px;
    overflow: hidden;
    position: relative;
}

.zwzx_pic a {
    display: block;
    width: 100%;
    position: relative;
}

.zwzx_pic img {
    width: 100%;
    height: 387px;
}

.zwzx_pic a p {
    display: block;
    width: 100%;
    padding: 10px 115px 10px 15px;
    position: absolute;
    left: 0%;
    bottom: 4px;
    background-color: #3337;
    color: #fff;
    letter-spacing: 0.125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.swiper-pagination2 {
    position: absolute;
    z-index: 22;
    display: flex;
    justify-content: flex-end;
    padding-right: 6px;
    bottom: 50px !important;
}

.swiper-pagination2 span {
    background-color: #DCDCDB;
    opacity: 1;
}

.swiper-pagination2 span:last-child {
    margin-right: 20px;
}

.my-bullet-active2 {
    display: block;
    width: 20px;
    border-radius: 4px;
}


.zwzx_nav {
    width: 100%;
    height: 80px;
    /* background-color: #499AF5; */
    display: flex;
    justify-content: space-between;
}

.zwzx_nav li {
    width: 15.5%;
    color: #fff;
    border-radius: 8px;
    background-image: linear-gradient(to bottom, #fff, #B4E0FE);
}

.zwzx_nav li a {
    width: 100%;
    height: 80px;
    /* font-weight: bold; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #356397;
}

.zwzx_nav li i {
    display: block;
    margin-bottom: 4px;
}

.zwzx_nav li:nth-child(1) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/csyw_2.png) no-repeat;
    opacity: 0.5;
}

.zwzx_nav li:nth-child(2) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/bmdt_2.png) no-repeat;
    opacity: 0.5;
}

.zwzx_nav li:nth-child(3) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/xzdt_2.png) no-repeat;
    opacity: 0.5;
}

.zwzx_nav li:nth-child(4) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/tzgg_2.png) no-repeat;
    opacity: 0.5;
}

.zwzx_nav li:nth-child(5) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/bmzx_2.png) no-repeat;
    opacity: 0.5;
}

.zwzx_nav li:nth-child(6) i {
    width: 30px;
    height: 30px;
    background: url(../img/icon/ywzz_2.png) no-repeat;
        opacity: 0.5;
}

.zwzx_nav li.on {
    background-image: linear-gradient(to bottom, #f3fbff, #64bdff);
}

.zwzx_nav li.on a {
    color: #125db2;
}

/* .zwzx_nav li:nth-child(1).on i {
    background: url(../img/icon/csyw_1.png) no-repeat;
}

.zwzx_nav li:nth-child(2).on i {
    background: url(../img/icon/bmdt_1.png) no-repeat;
}

.zwzx_nav li:nth-child(3).on i {
    background: url(../img/icon/xzdt_1.png) no-repeat;
}

.zwzx_nav li:nth-child(4).on i {
    background: url(../img/icon/tzgg_1.png) no-repeat;
}

.zwzx_nav li:nth-child(5).on i {
    background: url(../img/icon/bmzx_1.png) no-repeat;
}

.zwzx_nav li:nth-child(6).on i {
    background: url(../img/icon/ywzz_1.png) no-repeat;
} */

.zwzx_list {
    /* background-color: #fff; */
    border-radius: 8px;
    padding: 0px 10px 10px;
    margin-top: 5px;
    background-color: #ffffff;
}

.zwzx_list li {
    display: flex;
    justify-content: space-between;
    height: 2.625rem;
    border-bottom: 1px dashed #c2c2c2;
}

.zwzx_list li a {
    display: block;
    line-height: 2.5rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%;
    
    background: url(../img/zmhd_index/dian.png) no-repeat left center;
    padding: 0 16px;
}

.zwzx_list li a:hover {
    color: #1659A0;
    background: url(../img/zmhd_index/dian2.png) no-repeat left center;
}

.zwzx_list li span {
    font-size: 0.9rem;
    line-height: 2.5rem;
    color: #707070;
}

.gwyxx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.gwyxx li {
    width: 32%;
    background-color: #fff;
    height: 48px;
    border-radius: 8px;
    overflow: hidden;
}

.gwyxx li a {
    height: 48px;
    line-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #42608f;
    text-align: center;
    font-size: 1.125rem;
    background-color: #e2efff;
}

.gwyxx li a img {
    width: 26px;
    margin-right: 10px;
}

.sytl{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 12px;
}

/* 政府信息公开 */
.title {
    width: 100%;
    background: url(../img/biaoti.png) no-repeat;
    background-size: 100%;
    height: 54px;
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
    align-items: end;
}

.title a {
    color: #0064bb;
    font-size: 2rem;
    font-weight: bolder;
}

.zfxxgk {
    width: 1200px;
    margin: 0 auto 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zfxxgk_lf {
    width: 74%;
}

.zfxxgk_lf_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.zfxxgk_lf_top li {
    height: 60px;
    width: 170px;
    background: url(../img/zfxxgk/xxgk_bg.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.7s;
}

.zfxxgk_lf_top li:hover{
    transform: scale(1.1);
}

.zfxxgk_lf_top li a {
    padding: 16px;
    height: 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    font-size: 1.4rem;
    text-shadow: 1px 1px 1px #1e4f83;
}

.zfxxgk_lf_top li a img {
    width: 36px;
}

.zfxxgk_nav {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #9FB5D7;
}

.zfxxgk_nav li {
    line-height: 50px;
    /* width: 15%; */
    text-align: left;
}

.zfxxgk_nav li a {
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 35px;
    color: #96adc5;
    font-weight: bold;
}

.zfxxgk_nav li.on {
    color: #1659A0;
}

.zfxxgk_nav li.on a {
    height: 49px;
    font-weight: bolder;
    color: #1659A0;
    border-bottom: 3px solid #1659A0;
}

.zfxxgk_list {
    background-color: #fff;
    margin-bottom: 10px;
}

.zfxxgk_list li {
    display: flex;
    justify-content: space-between;
    height: 2.75rem;
    border-bottom: 1px dashed #c2c2c2;
}

.zfxxgk_list li a {
    display: block;
    line-height: 2.75rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%;
    
    background: url(../img/zmhd_index/dian.png) no-repeat left center;
    padding: 0 16px;
}
.zfxxgk_list li a:hover{
    color: #1659A0;
    background: url(../img/zmhd_index/dian2.png) no-repeat left center;
}

.zfxxgk_list li span {
    font-size: 0.9rem;
    line-height: 2.75rem;
    color: #B4B4B4;
}

.zfxxgk_rt {
    width: 24%;
}

.zfxxgkzl {
    width: 100%;
    height: 90px;
    background: url(../img/zfxxgk/xxgk_zfxxgkzl.png) no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
}

.zfxxgkzl a {
    display: block;
    text-align: center;
    line-height: 80px;
    font-size: 1.375rem;
    font-weight: bolder;
    letter-spacing: 0.2rem;
    color: #4489C2;
}

.zfxxgk_lf_mid {
    display: flex;
    flex-wrap: wrap;
}

.zfxxgk_lf_mid li {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
    background: url(../img/zfxxgk/xxgk_bg_2.png) no-repeat;
    background-size: 100%;
    transition: all 0.7s;
}

.zfxxgk_lf_mid li:hover{

    transform: scale(1.1);
}

.zfxxgk_lf_mid li a {
    padding: 10px 20px 10px 20px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    /* font-weight: bolder; */
    color: #24709f;
}

.zfxxgk_lf_mid li a span {
    font-size: 1rem;
}

.wgk {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.wgk li {
    width: 18.5%;
    height: 80px;
}

.wgk li a img{
    transition: all 0.7s;
}
.wgk li:hover a img{
    transform: scale(1.1);
}

/* 政务服务 */
.zwfw_bg {
    /* background: url(../img/bg2.png) top center no-repeat; */
    background-size: 100% 100%;
    height: auto;
    padding: 10px 0px 10px;
}

.zwfw {
    width: 1200px;
    margin: 0 auto 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zwfww {
    width: 100%;
}

.zwfww a {
    /* display: block; */
    width: 100%;
}

.zwfww img {
    width: 100%;
}

.grfw,
.frfw,
.fwbm {
    width: 32%;
    background-color: #fff;
    border-top: 2px solid #3F70C2;
}

.zwfw_list {
    padding: 20px;
}

.zwfw_list p {
    width: 100%;
    margin-bottom: 6px;
}

.zwfw_list p a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: #16589F;
}

.zwfw_list p img:nth-child(1) {
    width: 36px;
    margin-right: 10px;
}

.zwfw_list p img:nth-child(2) {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.zwfw_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zwfw_list ul li {
    width: 33%;
    text-align: center;
    height: 2.5rem;
    line-height: 2.5rem;
}

.zwfw_list ul li a {
    display: block;
    font-size: 1rem;
    color: #24709f;
    transition: all 0.7s;
}

.zwfw_list ul li a:hover{
    transform: scale(1.1);
}

.bdtsfw {
    margin-top: 6px;
    width: 100%;
    background-color: #fff;
    border-top: 2px solid #3F70C2;
    padding-top: 20px;
}

.bdtsfw_nav {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #6A91D2;
}

.bdtsfw_nav li {
    height: 50px;
}

.bdtsfw_nav li:nth-child(1) {
    margin-right: 40px;
}

.bdtsfw_nav li a {
    font-size: 1.625rem;
    display: inline-block;
    height: 50px;
    color: #6a8bbf;
}

.bdtsfw_nav li.on a {
    color: #1659A0;
    border-bottom: 3px solid #1659A0;
}

.bdtsfw_list {
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bdtsfw_list li {
    width: 19%;
    background-color: #F7F7F7;
    transition: all 0.7s;
}
.bdtsfw_list li:hover{
    transform: scale(1.1);
}

.bdtsfw_list li a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
}

.bdtsfw_list li a img {
    width: 100%;
    height: 95px;
    margin-bottom: 10px;
}

.bdtsfw_list li a span {
    margin-bottom: 10px;
    color: #1659a0;
}

.bdtsfw_list2 li a img {
    width: 100%;
    height: 95px;
    margin-bottom: 10px;
}


/* 政民互动 */
.content2 {
    width: 100%;
    background-color: #fff;
}

.zmhd {
    width: 1200px;
    margin: 0 auto 20px;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zmhd_lf {
    width: 74.5%;
}

.zwfw12345 {
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/zmhd/zmhd_12345.png) no-repeat;
    /* background-size: 100%; */
    margin-bottom: 10px;
}

.ldlyb {
    display: block;
    width: 100%;
    height: 100px;
    background: url(../img/zmhd/zmhd_ldlyb.png) top center no-repeat;
    margin-bottom: 10px;
    background-size: 100% 100%;
}

.zmhd_nav {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    border-bottom: 1px solid #6A91D2;
}

.zmhd_nav li {
    height: 50px;
    margin-right: 40px;
}

.zmhd_nav li a {
    font-size: 1.5rem;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #95abc5;
    /* color: #1659A0; */
    /* border-bottom: 3px solid #1659A0; */
}

.zmhd_nav li.on a {
    font-size: 1.5rem;
    display: inline-block;
    font-weight: bolder;
    height: 50px;
    color: #1659A0;
    border-bottom: 3px solid #1659A0;
}

.more {
    display: block;
    line-height: 50px;
    color: #333;
    font-size: 1.25rem;
}

.zmhd_list {
    /* padding: 10px 0px; */
    background-color: #fff;
    height: 270px;
    overflow: hidden;
    /* margin-bottom: 15px; */
}

.zmhd_list li {
    display: flex;
    justify-content: space-between;
    height: 2.625rem;
    border-bottom: 1px dashed #c2c2c2;
}

.zmhd_list li a {
    display: block;
    line-height: 2.5rem;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 77%;
    
    background: url(../img/zmhd_index/dian.png) no-repeat left center;
    padding: 0 16px;

}
.zmhd_list li a:hover{
    color: #1659A0;
    background: url(../img/zmhd_index/dian2.png) no-repeat left center;
}

.zmhd_list li span {
    font-size: 0.9rem;
    line-height: 2.5rem;
    color: #B4B4B4;
}

.zmhd_rt {
    width: 23%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zmhd_rt a{
    transition: all 0.7s;
}
.zmhd_rt a:hover{
    transform: scale(1.1);
}
.zcwdk,
.hygq,
.zxft {
    display: block;
    width: 100%;
    height: 56px;
    padding-left: 20px;
    line-height: 56px;
    font-size: 1rem;
    margin-bottom: 10px;
}

.zcwdk {
    background: url(../img/zmhd/zmhd_zcwdk.png) no-repeat;
    background-size: 100%;
    width: 100%;
    font-size: 1.125rem;
    color: #24709f;
}

.hygq {
    background: url(../img/zmhd/zmhd_hygq.png) no-repeat;
    background-size: 100%;
    width: 100%;
    font-size: 1.125rem;
    color: #24709f;
}

.zxft {
    background: url(../img/zmhd/zmhd_zxft.png) no-repeat;
    background-size: 100%;
    width: 100%;
    font-size: 1.125rem;
    color: #24709f;
}

.wxf {
    width: 49%;
    height: 60px;
    margin-bottom: 10px;
    background-color: #F6F6F6;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.125rem;
    color: #24709f;
}

.wxf img {
    margin-left: 20px;
}


.ztzl {
    width: 1200px;
    margin: 0 auto 40px;
    position: relative;
}

.ztzl_main {
    width: 90%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 130px;
}

.ztzl_main li a {
    width: 100%;
}

.ztzl_main li a img {
    width: 100%;
    height: 130px;
}

.swiper-button-prev2 {
    position: absolute;
    width: 30px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #4ca5ff33;
    color: #5c7fa2;
    left: 0px;
    bottom: calc(65px - 40px);
    z-index: 22;
    cursor: pointer;
    border-radius: 24px;
}

.swiper-button-next2 {
    position: absolute;
    width: 30px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #4ca5ff33;
    color: #5c7fa2;
    right: 0px;
    bottom: calc(65px - 40px);
    z-index: 22;
    cursor: pointer;
    border-radius: 24px;
}


@media screen and (max-width:768px) {

    /* 热点资讯 */
    .rdzx {
        width: 100%;
        padding: 10px 2vw 5px;height: 100px;
        margin-bottom: 5px;
    }

    .rdzx_tit {
        font-size: 1.3rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset;
    }

    .rdzx_tit{
        width: 90%;
    }

    .rdzx_article {
        font-size: 1rem;
    }

    .rdzx_tit {
        margin-bottom: 6px;
    }
    .rdzx_article{
        display: none;
    }
    .swiper-pagination1 {
        width: 30%;
        left: calc(50% - 15%);
    }

    .rdzx_mid {
        height: 100px;
    }

    /*  */
    .zwzx {
        width: 100%;
        flex-wrap: wrap;
        padding: 0px 2vw;
        margin-bottom: 0px;
    }

    .zwzx_lf {
        width: 100%;
        height: 63vw;
        margin-bottom: 10px;
    }

    .zwzx_pic {
        height: 60vw;
    }

    .zwzx_pic img {
        height: 60vw;
    }

    .zwzx_rt {
        width: 100%;
    }

    .zwzx_nav {
        flex-wrap: wrap;
        height: auto;
    }
    .zwzx_nav li i{
        display: none;
    }
    .zwzx_nav li {
        width: 32.5%;
        margin-bottom: 1vw;
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
    }
    .zwzx_nav li a{
        height: 40px;
        line-height: 40px;
    }

    .zwzx_list li a{
        width: 70%;
    }
    .zwzx_pic a p {
        bottom: 4px;
    }
    .gwyxx {
        flex-wrap: wrap;
        display: none;
    }

    .gwyxx li {
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
    }

    .gwyxx li a img {
        margin-right: 30px;
    }

    .gwyxx li a {
        height: 40px;
        line-height: 42px;
    }

    .title {
        background: url(../img/biaoti.png) top center no-repeat;
        background-size: 280vw;
        align-items: center;
        height: 70px;
        margin-bottom: 0;
    }

    .bdtsfw_list li a img {
        height: 80px;
    }

    .wgk li img {
        width: 100%;
    }


    .zfxxgk {
        width: 100%;
        padding: 0px 2vw;
    }

    .zfxxgk_lf {
        width: 100%;
    }

    .zfxxgk_rt {
        width: 100%;
    }

    .zfxxgk_lf_top {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .zfxxgk_lf_top li {
        width: 49%;
        margin-bottom: 5px;
    }

    .zfxxgk_lf_top li a {
        font-size: 1.25rem;
        padding: 20px;
    }

    .zfxxgkzl a {
        font-size: 1.9rem;
    }

    .zfxxgk_nav li{
        width: 33%;
    } 

    .zfxxgk_nav li a {
        font-size: 5vw;
        margin-right: 0px;
        font-weight: bold;
        text-align: center;
        display: block;
    }
    
    .zfxxgk_list li a{
        width: 75%;
    }

    .wgk {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .wgk li {
        width: 48%;
        margin: 0 auto;
        height: 19vw;
    }
    .wgk li.pc_none{
        width: 98%;
        margin: 0 auto;
    }

    .zwfw {
        width: 100%;
        padding: 0px 2vw;
    }
    .zwfw12345 {
        background: url(../img/zmhd/zmhd_12345.png) top center no-repeat;
        background-size: 200vw;
        height: 23vw;
        background-position: -57vw 0;
    }
    .zwfw_list p{
        margin-bottom: 10px;
    }
    .zfxxgk_lf_mid li a {
        font-weight: bolder; 
    }
    .bdtsfw_nav li a {
        font-size: 1.4rem;
    }
    .grfw,
    .frfw,
    .fwbm {
        width: 100%;
        margin-bottom: 10px;
    }

    .bdtsfw_list {
        flex-wrap: wrap;

    }

    .bdtsfw_list li {
        width: 49%;
        margin-bottom: 5px;
    }

    .zmhd {
        width: 100%;
        padding: 0px 2vw;
    }

    .zmhd_lf {
        width: 100%;
    }

    .zmhd_rt {
        width: 100%;
        padding: 0px 2vw;
    }

    .zmhd_nav li {
        margin-right: 0px;
        width: 33%;
        text-align: center;
    }

    .zmhd_nav li a {
        font-size:4.5vw;
        margin-right: 0px;
        display: block;
    }

    .zmhd_nav li.on a {
        font-size: 4.5vw;
        margin-right: 0px;
    }
    .zmhd_list li a{
        width: 75%;
    }
    .ldlyb {
        /* height: 130px; */
    }

    .zcwdk,
    .hygq,
    .zxft {
        height: 75px;
        line-height: 75px;
    }

    .ztzl {
        width: 100%;
    }
    .mb{
        display: none;
    }
}