@charset "UTF-8";
.main-wrap{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.main-layout{
    width: 1200px;
    height: auto;
    position: relative;
}
.tabs-switch{
    width: 100%;
    height: 518px;
    background: linear-gradient(#9ACEFE 0%, #FFFFFF 42%, #FFFFFF 100%);
    box-shadow: 0px 4px 51px 0px rgba(38, 62, 121, 0.13);
    border-radius: 8px;
    position: relative;
    z-index: 999;
}

.main-tabs{
    width: 123px;
    height: 100%;
    border-radius: 8px 0px 0px 8px;
    background: #0064C2;
}
.main-tabs li{
    width: 100%;
    height: calc(100% / 5);
    font-size: 20px;
    color: #FFFFFF;
    font-width: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}
.main-tabs li.active{
    background-color: #F1A23C;
}
.main-tabs li:first-child{
    border-radius: 8px 0px 0px 0px;
}
.main-tabs li:last-child{
    border-radius: 0px 0px 0px 8px;
}

.main-container{
    display: flex;
    justify-content: space-between;
}
.switch-right{
    width: calc(100% - 123px);
    height: auto;
    display: none;
    box-sizing: border-box;
}
.switch-right.active{
    display: block;
}
.container-layout{
    box-sizing: border-box;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    height: 470px;
}
.container-left{
    width: 560px;
    height: auto;
    box-sizing: border-box;
}
.swiper1{
    position: relative;
    height: 100%;
}
.swiper1 p{
    position: absolute;
    bottom: 0px;
    background-color: rgba(0, 0, 0, .61);
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #FFFFFF;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 80px 0 18px;
}
.swiper1 img{
    width: 100%;
    height: 100%;
}
.swiper1 a{
    width: 100%;
    height: 100%;
}
.swiper1 .swiper-pagination{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 42px;
    bottom: 0px;
    padding-right: 20px;
    box-sizing: border-box;
}

.swiper1 .swiper-pagination-bullet{
    width: 5px;
    height: 5px;
    background-color: #fff;
    opacity: 1;
}
.swiper1 .swiper-pagination-bullet-active{
    width: 11px;
    border-radius: 2px;
    background-color: #0175F0;
}

.container-right{
    width: 460px;
    height: auto;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-list{
    box-sizing: border-box;
    padding: 0 20px;
}
.news-tabs{
    display: flex;
    align-items: center;
    height: 64px;
    border-bottom: 1px solid rgba(153, 153, 153, .09);
}
.news-tabs li{
    width: 96px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 40px;
    justify-content: center;
    transition: all .3s ease-in-out 0s;
}
.news-tabs li:last-child{
    margin-right: 0px;
}
.news-tabs li a{
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    transition: all .3s ease-in-out 0s;
}
.news-tabs li.active a{
    color: #C20000;
    font-weight: bold;
}
.news-tabs li.active{
    /*border-bottom: 2px solid #2D73BB;*/
    position: relative;
    transition: all .3s ease-in-out 0s;
}
.news-tabs li.active:after{
    content: "";
    width: 100%;
    height: 2px;
    display: inline-block;
    position: absolute;
    background-color: #C20000;
    left: 0px;
    bottom: 0px;
}
.social{
    width: 100%;
    height: 131px;
    background: url("../images/social.png") no-repeat center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 205px;
}
.social a{
    font-size: 16px;
    color: #0064C2;
    position: relative;
    padding-left: 15px;
    margin-top: 15px;
}
.social a:first-child{
    margin-top: 0px;
}
.social a:before{
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    left: 0px;
    background-color: #0064C2;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/*
* @author:Mr.Zhu
* @title:政务公开
* @date:2021/12/22 14:48
*/
.zwgk-box{
    box-sizing: border-box;
    padding: 18px;
}
.zwgk-cont{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.zwgk-left{
    width: 600px;
    height: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px;
}
.zwgk-tabs li.active a{
    color: #C20000;
}
/*.zwgk-tabs li.active{*/
/*    border-bottom: 2px solid #2D73BB*/
/*}*/
.news-tabsCont li:hover a *{
    color: #C20000;
}
.news-tabsCont li:hover:before{
    background-color:#C20000 ;
}
.zwgk-tabsCont li a{
    height: 36px;
}

/*
* @author:Mr.Zhu
* @title:重点领域信息公开
* @date:2021/12/22 15:13
*/
.zdlyxxgk{
    box-sizing: border-box;
    padding: 0 20px;
}
.zdlyxxgk h3{
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0;
}
.zdlyxxgk h3 i{
    display: inline-block;
    width: calc(100% - 162px);
    height: 1px;
    background-color: rgba(153, 153, 153, .11);
}
.zdlyxxgk-list{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zdlyxxgk-list a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zdlyxxgk-list i{
    width: 2px;
    height: 19px;
    background-color: rgba(0, 100, 194, .8);
    border-radius: 1px;
}
.zdlyxxgk-list a span{
    display: inline-block;
    margin-top: 15px;
}
.zdlyxxgk-list li img{
    max-width: 100%;
    height: 36px;
}
.zdlyxxgk-list li:hover img{
    transform: rotateY(360deg);
    transition: all 1s;
}
/*
* @author:Mr.Zhu
* @title:政府信息公开
* @date:2021/12/22 15:39
*/
.zwgk-right{
    width: 419px;
    height: auto;
    box-sizing: border-box;
    border-radius: 8px;
    background: url("../images/zfinforopen.png") no-repeat center center;
}
.zwgk-right h3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-left: 46px;
    padding-right: 70px;
    margin-top: 44px;
}
.zwgk-right h3 a{
    color: #0064C2;
    font-size: 22px;
    font-weight: bold;
}
.zfxxgk-list{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-top: 20px;
}
.zfxxgk-list li{
    width: calc(100% / 2);
    margin-top: 23px;
}
.zfxxgk-list li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.zfxxgk-list li a img{
    width: 86px;
    height: 49px;
}
.zfxxgk-list li a span{
    font-size: 16px;
    color: #333333;
    font-width: 400;
}

/*
* @author:Mr.Zhu
* @title:公众参与
* @date:2021/12/22 16:02
*/
.gzcy-box{
    padding: 18px;
}
.zgcy-cont{
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.gzcy-left{
    width: 600px;
    height: 100%;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 20px;
}
.gzcy-left_top{
    display: flex;
    width: 100%;
    height: 190px;
    justify-content: space-between;
}
.wsxx{
    width: 220px;
    height: 100%;
    background: url("../images/wsxx_bg.png") no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
}
.wsxx h3{
    font-size: 26px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 30px 0px 25px 32px;
    align-self: flex-end;
}
.wsxx a{
    width: 78px;
    height: 25px;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 25px;
    display: block;
    /*margin-left: 43px;*/
    margin-bottom: 15px;
}
.wsxx a:last-child{
    margin-bottom: 0px;
}
.jbdh{
    width: 320px;
    height: 100%;
    background: url("../images/jbdh_bg1.png") no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px 12px;
    box-shadow: 0px 3px 9px 0px rgba(54, 153, 153, 0.22);
}
.jbdh-box1{
    width: 100%;
    /*height: 117px;*/
    height: 95px;
    box-sizing: border-box;
    /*padding-left: 78px;*/
    /*padding-top: 33px;*/
    /*padding-top: 20px;*/
}
.jbdh-box1 p{
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    color: #185A8A;
    font-weight: 400;
}
.jbdh-box1 span{
    display: block;
    color: #185A8A;
    font-weight: bold;
    font-size: 14px;
    /*line-height: 30px;*/
}
.jbdh-box2{
    display: flex;
    flex-direction: column;
    height: auto;
    box-sizing: border-box;
    text-align: left;
    line-height: 20px;
}
.jbdh-box2 p{
    font-size: 14px;
    font-weight: 400;
    color: #185A8A;
}
.jbdh-box2 span{
    font-weight: bold;
}

.gzcy-left_bottom h3{
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(153, 153, 153, .09);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gzcy-left_bottom h3 a{
    font-size: 22px;
    color: #C20000;
    font-weight: bold;
    height: 100%;
    line-height: 55px;
    border-bottom: 2px solid #C20000;
    box-sizing: border-box;
}
.gzcy-left_bottom h3 a.more{
    font-size: 12px;
    border: none;
    color: #666666;
    font-weight: 400;
}
.yjzj-list{
    box-sizing: border-box;
    padding-top: 10px;
}
.yjzj-list li{
    box-sizing: border-box;
    padding-left: 17px;
    position: relative;
}
.yjzj-list li:hover p{
    color: #C20000;
}
.yjzj-list li:before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    background-color: #333333;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all .3s;
}
.yjzj-list li:hover:before{
    background-color: #C20000;
}
.yjzj-list li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 41px;
}
.yjzj-list li a p{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    width: calc(100% - 280px);
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
}

.yjzj-list li a span{
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}
.yjzj-list li a button{
    border: none;
    outline: none;
    width: 62px;
    height: 21px;
    border-radius: 4px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}
.yjzj-list li a button.not-finished{
    background-color: #6FD17B;
    color: #fff;
}

.gzcy-right{
    width: 420px;
    height: auto;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 20px;
}

/*
* @author:Mr.Zhu
* @title:网上调查
* @date:2021/12/22 17:19
*/
.wsdc{
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    background: url("../images/wsdc-bg.png") no-repeat center center;
    font-size: 26px;
    color: #613242;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.wsdc img{
    margin-left: 34px;
}
.wsdc-list{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-top: 10px;
}
.wsdc-list li{
    box-sizing: border-box;
    padding-left: 17px;
    position: relative;
}
.wsdc-list li:hover a *{
    color: #055FB2;
}
.wsdc-list li:before{
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #333333;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.wsdc-list li:hover:before{
    background-color: #055FB2;
}
.wsdc-list a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
}
.wsdc-list p{
    color: #333333;
    font-size: 16px;
    font-width: 400;
    width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .3s;
}
.wsdc-list span{
    font-size: 16px;
    color: #999999;
    transition: all .3s;
}
.wxwb{
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    margin-top: 10px;
}
.wxwb a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wxwb a span{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    margin-top: 15px;
}
.wxwb a img{
    max-width: 100%;
    height: auto;
}
/*
* @author:Mr.Zhu
* @title:专题专栏
* @date:2021/12/22 17:48
*/
.special-column{
    width: 100%;
    height: auto;
    background-color: #fff;
    box-shadow: 0px 4px 51px 0px rgba(38, 62, 121, 0.13);
    border-radius: 8px;
    margin: 20px 0 18px;
    box-sizing: border-box;
    padding: 0 20px 10px;
    flex-direction: column;
    justify-content: flex-start;
}
.ztzl-tit{
    height: 58px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
}
.ztzl-tit h3{
    display: flex;
    align-items: center;
}
.ztzl-tit h3 a{
    font-size: 22px;
    color: #0064C2;
    font-width: 400;
}
.ztzl-tit h3 img{
    margin-left: 12px;
}

.ztzl-cont{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.swiper2 .swiper-slide a{
    height: 90px;
    box-sizing: border-box;
    width: 100% !important;
}
.swiper2 .swiper-slide a img{
    width: 100%;
    height: 100%;
}

.ztzl-tit .swiper-pagination{
    right: 0px;
}
.ztzl-tit .swiper-pagination-bullet{
    background-color: #999999;
    opacity: 1;
    margin: 0 5px;
}
.ztzl-tit .swiper-pagination-bullet-active{
    width: 20px;
    border-radius: 4px;
    background-color: #0175F0;
}

/*
* @author:Mr.Zhu
* @title:max-width:1200px
* @date:2021/12/23 10:23
*/
@media screen and (max-width: 1200px) {
    .main-layout{
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }
    .tabs-switch{
        flex-direction: column;
        height: auto;
    }
    .main-tabs{
        display: flex;
        width: 100%;
        height: 60px;
        border-radius: 8px 8px 0 0;
    }
    .main-tabs > li{
        height: 100%;
    }
    .main-tabs li:last-child{
        border-radius: 0 8px 0 0;
    }
    .switch-right{
        width: 100%;
    }
    .notice{
        margin-top: 10px;
        border-radius: 0px;
    }
    .container-left{
        width: 53%;
    }
    .container-right{
        width: 45%;
    }
    .social{
        padding-left: 100px;
    }
    .swiper1 a{
        width: 100%;
        height: 415px;
    }
    .zwgk-right,.gzcy-right{
        width: 40%;
    }
    .zwgk-left,.gzcy-left{
        width: 58%;
    }
    .wsxx{
        width: 39%;
        height: auto;
    }
    .jbdh{
        width: 59%;
    }
    .gzcy-left_top{
        height: auto;
    }
    .jbdh-box1{
        height: auto;
    }
}

/*
* @author:Mr.Zhu
* @title:max-width:996px
* @date:2021/12/23 10:45
*/
@media screen and (max-width: 996px) {
    .main-layout{
        width: 750px;
        padding: 0px;
    }
    .container-layout{
        flex-direction: column;
        height: auto;
    }
    .swiper1 img{
        height: 480px;
    }
    .container-left,.container-right{
        width: 100%;
    }
    .swiper1 a{
        height: auto;
    }
    .social{
        background-size: cover;
    }
    .zwgk-cont{
        flex-direction: column;
    }
    .zwgk-left, .gzcy-left{
        width: 100%;
    }
    .zwgk-right, .gzcy-right{
        width: 100%;
    }
    .zwgk-right{
        background-size: cover;
        margin-top: 20px;
        padding: 10px;
    }
    .zfxxgk-list li{
        width: calc(100% / 3);
    }
    .zfxxgk-list{
        padding-top: 0px;
    }
    .zwgk-right h3{
        margin-top: 15px;
    }
    .zgcy-cont{
        flex-direction: column;
    }
    .wsxx,.jbdh{
        background-size: cover;
        width: 49%;
    }
    .wsdc{
        background-size: cover;
    }
}

/*
* @author:Mr.Zhu
* @title:max-width:768px
* @date:2021/12/23 11:29
*/
@media screen and (max-width: 768px) {
    .main-layout{
        width: 100%;
        padding: 0 20px;
    }
    .special-column{
        height: auto;
        padding: 10px 20px;
    }
    .swiper1 img{
        height: 300px;
    }
}

/*
* @author:Mr.Zhu
* @title:max-width:616px
* @date:2021/12/23 13:53
*/
@media screen and (max-width: 616px) {
    .gzcy-left_top{
        flex-direction: column;
        height: auto;
    }
    .wsxx, .jbdh{
        width: 100%;
    }
    .wsxx{
        box-sizing: border-box;
        padding: 10px;
    }
    .wsxx h3{
        margin: 10px 0 10px 32px;
    }
    .jbdh{
        box-sizing: border-box;
        padding: 10px;
        margin-top: 10px;
    }
    .yjzj-list li a span{
        display: none;
    }
    .yjzj-list li a p{
        width: calc(100% - 80px);
    }
    .zdlyxxgk-list{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .zdlyxxgk-list i{
        display: none;
    }
    .zdlyxxgk-list li{
        width: calc(100% / 4);
        margin: 10px 0;
    }
    .main-layout{
        padding: 0 10px;
    }
    .zwgk-box,.gzcy-box{
        padding: 5px;
    }
    .news-tabs li{
        margin-right: 0px;
    }
    .news-tabs{
        justify-content: space-between;
    }
    .news-list,.zdlyxxgk{
        padding: 0 10px;
    }
    .notice{
        padding: 0 10px;
    }
    .container-layout,.special-column,.gzcy-left{
        padding: 10px;
    }
    .zfxxgk-list li{
        width: calc(100% / 2);
    }
    .zwgk-right h3{
        padding: 0 10px;
    }
    .main-tabs li{
        font-size: 16px;
    }
    .swiper2 .swiper-slide a{
        height: auto;
    }
}
/*
* @author:Mr.Zhu
* @title:max-width:414px
* @date:2021/12/23 14:31
*/
@media screen and (max-width: 414px) {
    .news-tabs li a{
        font-size: 18px;
    }
    .swiper2 .swiper-slide a{
        width: 100%;
    }
    .social{
        padding-left: 20px;
    }
    .zdlyxxgk-list li{
        width: calc(100% / 3);
    }
    .swiper1 img{
        height: 200px;
    }
}