@charset "UTF-8";
.clearfix:after{display:block;content:'';clear:both;}
.clearfix{zoom:1}
.hide{ display: none;}
.container{width:1280px; margin: 0 auto; position: relative;}
/*-------------------------- 政务公开页面------------------------------ */
.leader_box{ background-color: #edf6ff; padding: 37px 0; }
.leader_box .container{ padding: 0 36px 40px; background-color: #fff; box-sizing: border-box;}
.leader_box h2{float: left; width: 100%; font-size: 28px; line-height: 92px; color: #222;}
.leader_box h2 a{  color: #222;}
.l_leader{ width: 50%; }
.leader_pic{float: left; width: 144px; height: 189px; margin-right: 34px; overflow: hidden;}
.leader_pic img{ display: block; width: 100%; transition: all .5s;}
.leader_pic:hover img{ transform: scale(1.05,1.05);}
.leader_info h3{font-size: 24px; line-height: 52px; color: #222;}
.leader_info p{ font-size: 16px; line-height: 32px; color: #666; padding: 6px 0 16px;}
.leader_info p span{ font-weight: bold; color: #333;}
.mail_btn{display: inline-block; width: 210px; height: 52px; padding-right: 20px;
    background: #97c1fb url(../img/zwgk_xx_icon.png) no-repeat; background-position: 24px center; background-size: 27px 21px; 
    border-radius: 4px; font-size: 18px; line-height: 52px; color: #fff; text-align: right; 
    box-sizing: border-box; transition: all .5s;  }
.mail_btn:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.3);}

.l_leader_list{ padding-top: 27px;}
.l_leader_list a{display: inline-block; padding-left: 15px; margin-right: 52px; background: url(../img/zwgk_dot_icon.png) no-repeat left center; background-size: 5px 5px; font-size: 18px; line-height: 34px; color: #222; }
.l_leader_list a:last-child{ margin-right: 0;}
.l_leader_list a:hover{ color: #00a0e9;}
 
.r_leader{ width: 550px; padding: 8px 0 0 60px; border-left: 1px solid #ebebeb; box-sizing: border-box;}
.r_leader li{ float: left; width: 226px; height: 64px; margin-right: 15px; margin-bottom: 15px; 
    border: 1px solid #ebebeb; border-radius: 10px;padding: 5px;box-sizing: border-box;
    font-size: 18px; line-height: 64px; color: #666; text-align: center; overflow: hidden; }
.r_leader li:nth-child(2n){ margin-right: 0;}
.r_leader li a{ display: block; width: 100%; height: 100%;line-height: 51px}
.r_leader li img{ display: inline-block; margin-right: 15px; vertical-align: middle; line-height: 62px; }
/*.r_leader li span{ display: inline-block; vertical-align: middle; line-height: 62px; }*/
.r_leader li a:hover img{ transform: scale(1.1,1.1);}


.r_leader li a{
    position: relative;

}

.r_leader li a::before, .r_leader li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    transition: .3s ease-in-out;
}

.r_leader li a::before {
    top: -5px;
    left: -5px;
    border-top: 1px solid #b3c9de;
    border-left: 1px solid #b3c9de;
}
.r_leader li a::after {
    right: -5px;
    bottom: -5px;
    border-bottom: 1px solid #b3c9de;
    border-right: 1px solid #b3c9de;
}
.r_leader li a:hover::before,
.r_leader li a:hover::after {
    width: calc(100% + 9px);
    height: calc(100% + 9px);
}


.zwgk_box01{ padding: 22px 0 48px;}
.zwgk_news_list{width: 880px;}
.news_list_menu{height: 62px;border-bottom: 1px solid #e5e5e5; margin-bottom: 9px; position: relative;}
.news_list_menu ul{display: inline-block;}
.news_list_menu ul li{float: left; margin-left: 45px; font-size: 24px; line-height: 62px; font-weight: bold; position: relative; }
.news_list_menu ul li::before{ content: ""; position: absolute; left: -23px; top: 21px; width: 1px; height: 20px; background-color: #e6e6e6;}
.news_list_menu ul li:nth-child(1){margin-left: 0;}
.news_list_menu ul li:nth-child(1)::before{ content: none;}
.news_list_menu ul li a{ display: block; color: #222;}
.news_list_menu .news_list_act::after{ content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 5px; background-color: #017add;}
.news_list_menu .news_list_act{color:#017add !important;}
.news_list_menu .news_list_act a{color:#017add !important;}
.more_cont{float: right; margin: 20px 0 0 0;  font-size: 14px; color: #666; line-height: 42px;}

.list ul li{height: 48px; padding: 0 160px 0 20px; font-size: 18px; line-height: 48px; position: relative;}
.list ul li:before{ content: ""; position: absolute; left: 4px; top: 22px; width: 5px; height: 5px; background-color: #15477d; border-radius: 50%;}
.list ul li a{ display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.list ul li a:hover{ color: #0162b9;}
.list ul li span{ position: absolute; right: 0; top: 0; color: #666; }



/* 政府信息公开 */
.zfxxgk_box {width: 365px; margin-top: 10px; background-color: #edf3f9; border-radius: 5px;  overflow: hidden;}
.zfxxgk_box h2{height: 53px; background-color: #15477d; border-radius: 5px 5px 0 0;
    font-size: 24px; line-height: 52px; color: #fff; text-align: center; position: relative;}
.zfxxgk_box h2::before{content: ""; position: absolute; left: 5%; top: 50%; width: 90%; height: 1px; background-color: #5c7fa4; z-index: 0; }
.zfxxgk_box h2 span{ display: inline-block; padding: 0 20px; background-color: #15477d; position: relative; z-index: 1; }
.gk_list{ padding: 22px 20px 10px;}
.gk_list li{ width: 100%; height: 49px; margin-bottom: 10px; background-color: #fff; border-radius: 5px;
    font-size: 18px; line-height: 50px; color: #222; text-align: center;box-shadow: 3px 3px 5px rgba(0,0,0,0.2)}
.gk_list li:hover{box-shadow:none; transform: translateY(3px);translateX(3px);}
.gk_list li a{ display: block; width: 100%; height: 100%;}
.gk_list li span{ display: inline-block; position: relative;}
.gk_list li span::before,.gk_list li span::after{content: ""; position: absolute; top: 50%; margin-top: -3px; width: 5px; height: 5px; background-color: #017add; transform: rotate(45deg);}
.gk_list li span::before{ left: -27px;}
.gk_list li span::after{ right:-20px}

/* 重点领域信息公开 */
.zdlygk_box{ float: left; width: 100%;}
.zdlygk_box h2{ background: url(../img/zwgk_line.png) no-repeat center center; font-size: 28px; line-height: 106px; text-align: center; color: #222;}
.zdlygk_list li{ float: left; width: 15.625%; height: 112px; margin-right: 1.25%; 
    background-color: #edf6ff; border: 1px solid #cbdff4; text-align: center; box-sizing: border-box;
    transition: transform .3s;
}
.zdlygk_list li:hover{transform: translateY(-10px);}
.zdlygk_list li:last-child{ margin-right: 0;}
.zdlygk_list li a{ display: block; width: 100%; height: 100%; padding-top: 15px; box-sizing: border-box;}
.zdlygk_list li img{ display: block; margin: 0 auto;}
.zdlygk_list li span{ display: block; font-size: 20px; line-height: 42px; color: #222;}

.zwgk_box02{padding: 40px 0 34px; background-color: #f5f5f5;}
.zwgk_box02 .zwgk_news_list{ width: 48.6%; padding: 10px 24px 25px; background-color: #fff; box-sizing: border-box;}
.zwgk_box02 .list ul li{height: 46px;line-height: 46px; padding-right: 106px;}

/* ---------------------------领导细览---------------------------- */
.bgc{ background:#f5f5f5;}
i{font-style:normal;}
.leaderCont{ background:#fff; margin-top: 20px;}
.leaderCont #left{float:left;width:300px;padding:30px 10px 30px 30px;background:#f8f8f8;margin-top:40px;}
.leaderCont #left h3{color:#015293;font-size:22px;padding-bottom:20px;border-top: 1px solid #dae5e4;text-align: center;}
.leaderCont #left .ld img{display:block;width:156px;height:221px;margin:25px auto;}
.leaderCont #left h3 i{color:#333333;margin-left:23px;}
.leaderCont #right{margin-top:40px;float:right;width:calc(100% - 400px);background:#fff;padding-right:20px;}
.leaderCont #right h3{height:43px;border-bottom:1px soldi #e3e3e3;font-size:22px;color:#015293;}
.leaderCont #right h3 span{display:inline-block;box-sizing:border-box;height:100%;border-bottom:3px solid #015293;}
.leaderCont #right .cont{margin-bottom:30px;padding-top:20px;}

/* ---------------------------领导信箱---------------------------- */
.xxlist{ 
    width: 936px;
    margin-bottom: 70px;
}
.xjtj{
    padding: 30px ;
}
.xjtj span{
    font-size: 24px;
}
.letter_box {
    position: relative;
}

.letter_box .letter_label {
    background-color: #e9f4ff;
}

.letter_box .letter_label li {
    float: left;
    height: 50px;
    line-height: 50px;
}

.letter_box .letter_label li:nth-child(1) {
    padding-left: 25px;
    box-sizing: border-box;
    width: 48%;
}

.letter_box .letter_label li:nth-child(2),
.letter_box .letter_label li:nth-child(3),
.letter_box .letter_label li:nth-child(4) {
    width: 17%;
    text-align: center;
}

.letter_lists {
    padding-top: 15px;
    min-height: 80px;
}

.letter_lists li {
    height: 45px;
    line-height: 45px;
    background-image: url(../images/ghzas.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}

.letter_lists li a {
    display: block;
    width: 47%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.letter_lists li span {
    width: 17.3%;
    float: left;
    text-align: center;
}
.fenye_box_xx {
    text-align: center;
    margin-top: 80px;
}

#turnpage {
    display: inline-block;
    color: #707070;
    line-height: 31px;
}

#turnpage2 {
    display: none;
}

#turnpage {
    display: inline-block;
    color: #707070;
    line-height: 31px;
}

#turnpage a,
#turnpage2 a {
    line-height: 31px;
    border: 1px solid #999898;
    color: #707070;
    border-radius: 3px;
    margin-right: 12px;
    float: left;
    cursor: pointer;
}

#turnpage a.next,
#turnpage2 a.next {
    margin-right: 0;
}

#turnpage a:hover,
#turnpage2 a:hover {
    border: 1px solid #1764ce;
    background-color: #1764ce;
    color: #ffffff;
}

#turnpage .prev,
#turnpage .next,
#turnpage2 .prev,
#turnpage2 .next {
    width: 84px;
}

#turnpage .dangqian,
#turnpage2 .dangqian {
    width: 31px;
    border: 1px solid #1764ce;
    background-color: #1764ce;
    color: #ffffff;
}

#turnpage .list,
#turnpage2 .list {
    width: 31px;
}

.tzxx_box {
    width: 936px;
    padding-top: 30px;
    margin-bottom: 70px;
}

.tzxx_box .tzxx_label {
    height: 50px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
}

.tzxx_box .tzxx_label img {
    margin-left: 8px;
}

.tzxx_box .tzxx_con {
    padding-top: 25px;
}

/*信件查询*/

.letter_search_box {
    width: 100%;
    padding: 37px 0;
    background-color: #f0f7ff;
    margin: 34px 0;
    text-align: center;
}

.letter_search_box input {
    width: 300px;
    height: 47px;
    padding: 0 30px;
    box-sizing: border-box;
    border: 1px solid #e6e8ea;
    border-radius: 5px;
    margin-right: 10px;
    outline: 0;
}

#letterSubmit {
    width: 221px;
    height: 45px;
    line-height: 45px;
    background-color: #3287fa;
    border: none;
    border-radius: 5px;
    vertical-align: middle;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    outline: 0;
}

#letterSubmit img {
    vertical-align: text-bottom;
}
.letter_box .loading{ display: none; margin: 0 auto;}


/* 信息报送排名 */
.rankTitle{margin-bottom: 20px; font-size: 30px; line-height: 80px; border-bottom: 2px solid #017add;}
.rankBox  h3{width: 36%;}
.rankBox02  h3{width: 44%;}
.rankBox  h3 span{float: right; width: 120px;}
.rankBox .leftData{ float: left; width: 36%;}
.rankBox .leftData02{ float: left; width: 44%;}
.rankBox .leftData li{ height: 50px; position: relative; font-size: 18px; line-height: 50px;}
.rankBox .leftData .score{ float: right; width: 120px; text-align: center;}
.rankBox .leftData .mc{ float: left; padding-left: 30px;}
.rankBox .leftData .numh{ position: absolute; left: 0; top: 0;}

.rankBox .rightChart{ float: right; width: 60%; height: 500px;}
.rankBox .rightChart02{ float: right; width: 52%;}
#rightChart01,#rightChart02,#rightChart03{ height: 100%;}

/* 网站地图 */
.wzdtBox{width: 100%; margin-top: 20px;}
.wzdtBox h2{ border-bottom: 2px solid #017add;}
.wzdtBox h2 a{ display: inline-block; padding: 0 20px; background-color: #017add; font-size: 24px; line-height: 60px; color: #fff;}
.wzdtBox .wzdtCont{ margin: 20px 0;}
.wzdtBox .wzdtCont a{ display: inline-block; font-size: 18px; line-height: 40px; margin-right: 30px;}
.wzdtBox .wzdtCont a:hover{ color: #017add;}
/*移动端*/
@media (max-width: 750px) and (min-width: 320px){
    .container{width:96%;}
    .leader_box{ padding: 20px 0; }
    .leader_box .container{ padding: 0 15px 20px;}
    .leader_box h2{float: none; line-height: 40px; font-size: 18px}
    .l_leader{ width: 100%; }
    .leader_pic{float: none;display: block; margin:0 auto;}
    .leader_pic img{ display: block; width: 100%; transition: all .5s;}
    .leader_pic:hover img{ transform: none;}
    .leader_info h3{font-size: 16px; text-align: center}
    .leader_info p{font-size: 14px;}
    .mail_btn{display: block; margin: 0 auto; }

    .l_leader_list{ padding-top: 20px;}
    .l_leader_list a{margin-right: 10px; }
    .l_leader_list a:last-child{ margin-right: 0;}
    
    .r_leader{ width: 100%; padding: 8px 0 0; border-left: none; box-sizing: border-box;}
    .r_leader li{ width: 48%; height: 64px; margin-right: 4%; box-sizing: border-box;}
    .r_leader li:nth-child(2n){ margin-right: 0;}
    .r_leader li img{ margin-right: 10px; }

    .zwgk_box01{ padding: 20px 0;}
    .zwgk_news_list{width: 100%;}
    .news_list_menu ul li{font-size: 20px;}

    .list ul li{padding: 0 100px 0 20px; }
    .zfxxgk_box {width: 100%; margin-top: 20px; }
    /* 重点领域信息公开 */
    .zdlygk_box h2{ font-size: 24px; }
    .zdlygk_list li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 15px; } 
    .zdlygk_list li:nth-child(2n){ margin-right: 0;}

    .zwgk_box02{padding: 40px 0 34px; }
    .zwgk_box02 .zwgk_news_list{ width: 100%; padding: 10px 12px 25px; }

    /* 领导信箱 */
    .letter_lists li {
        height: 90px;
        background-position: left 20px;
    }
    .letter_lists li span {
        display: block;
        width: 49.5%;
    }
    .letter_lists li .mobile {
        height: 45px;
        line-height: 20px;
        color: #666666;
    }
    .tzxx_box {
        width: 100%;
    }
    /*信件查询*/
    .letter_search_box input {
        width: 90%;
        margin-bottom: 20px;
    }

    /* 信息报送排名 */
    .rankTitle{margin-bottom: 20px; font-size: 24px; line-height: 60px;}
    .rankBox  h3{width: 100%; font-size: 12px; }
    .rankBox02  h3{width: 100%;}
    .rankBox  h3 span{float: right; width: 70px; text-align: center;}
    .rankBox .leftData{ float: left; width: 100%;}
    .rankBox .leftData02{ float: left; width: 100%;}
    .rankBox .leftData li{ height: 50px; position: relative; font-size: 14px; line-height: 50px;}
    .rankBox .leftData .score{ float: right; width: 60px; text-align: center;}
    .rankBox .leftData .mc{ float: left; padding-left: 20px; font-size: 12px;}
    .rankBox .leftData .numh{ position: absolute; left: 0; top: 0;}

    .rankBox .rightChart{ float: right; width: 100%; height: 500px;}
    .rankBox .rightChart02{ float: right; width: 100%;}
    #rightChart01,#rightChart02,#rightChart03{ height: 100%;}

}