@charset 'utf-8';
/* 政府信息公开年报 淮北县区 */
body{background:#fff;}
a{color: #333;transition: all .4s;}
a:hover{color:#386ec0;}
.img_title{display:none;}
.pos_rel{position:relative;}
.zt_header{width: 100%;height: 349px;background: url("../images/banner_infoTopic.png") no-repeat center top;}
.index_logo{height: auto;position: absolute;top: 12px;left: 0;}
.index_logo img{width:auto;height:60px;}
.backhome{position:absolute;top:15px;right:0;}
.backhome li{float:left;margin-left:10px;}
.backhome li a{display:block;background:rgba(0,0,0,.3);color:#fff;border-radius:4px;font-size:15px;height:32px;line-height:32px;padding:0 15px;}
.backhome li a:hover{color:#fff;font-weight:bold;}
.zt_logo{width: 1010px;height: 72px;position: absolute;top: 147px;left: 0;}
.guidang{position: absolute;top: 40px;z-index: 9999;right: 0;}
.main_content{margin:21px auto 30px;}
.year_title{width: 100%;height: 56px;text-align: center;}
.year_title ul li{width: 182px;height: 56px;line-height: 56px;font-weight: bold;font-size: 27px; float: left; color: #666;}
.year_title ul li.active{background: url("../images/titleBg_infoTopic.png") no-repeat center center; color: #fff;}
.year_title ul li a{color: #666;}
.year_title ul li.active a{color: #fff;}
.state_title{width: 100%;height: 38px;margin-top: 35px;line-height: 38px;position: relative;background: url("../images/titleBg_infoTopic_01.png") no-repeat center center;text-align: center;}
.state_title span{display: inline-block;*zoom:1;*display:inline;width: 207px;height: 38px;line-height: 38px;font-size: 38px;font-weight: bold;color: #386ec0;}
.main_lists{margin-top: 36px;width: 100%;height: auto;overflow: hidden;}
.main_lists ul{width: 110%;}
.main_lists ul li{float: left;margin-right:20px;width: 283px;height: 63px;margin-bottom: 24px;line-height: 63px;border: 1px solid #d1d1d1;background: #fbfbfb;text-align: center;}
.main_lists ul li a{color: #333;font-size: 20px;display: block;width: 100%;float: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_lists ul li:hover{background: #386ec0;}
.main_lists ul li:hover a{color: #fff;}
.main_lists_01{text-align: center;}
.main_lists_01 ul{width: 100%;text-align: center;}
.main_lists_01 ul li{float: none;display: inline-block;*zoom:1;*display:inline;margin-right: 0;}
.hide.active{display: block !important;}
@media (max-width: 1199px) and (min-width: 992px){
    .zt_header{height:300px;background-size:auto 100%;}
    .index_logo{top:10px;}
    .index_logo img{height:55px;}
    .backhome{top:10px;}
    .zt_logo{width:auto;height:auto;position:static;padding-top:120px;}
    .zt_logo img{width:auto;max-width:95%;height:auto;}
    .year_title ul li{font-size:26px;}
    .state_title span{font-size:36px;}
    .main_lists ul li{margin-right:16px;width:234px;height:58px;margin-bottom:20px;line-height:58px;}
    .main_lists ul li a{font-size:18px;}
}
@media (max-width:991px) {
    .zt_header{height:240px;background-size:auto 100%;}
    .index_logo{top:10px;left:10px;}
    .index_logo img{height:50px;}
    .backhome{top:10px;right:10px;}
    .zt_logo{width:auto;height:auto;position:static;padding-top:100px;}
    .zt_logo img{width:auto;max-width:100%;height:auto;}
    .main_content{margin:15px 15px 10px;}
    .year_title ul li{font-size:24px;}
    .state_title{margin-top:15px;}
    .state_title span{font-size:34px;}
    .main_lists{margin-top:15px;}
    .main_lists ul li{margin-right:15px;width:234px;height:54px;margin-bottom:15px;line-height:54px;}
    .main_lists ul li a{font-size:16px;}
}
@media (max-width:767px) {
    .zt_header{height:auto;}
    .zt_logo{padding:80px 0 30px;}
    .main_content{margin:10px;}

    .year_title{height:auto;}
    .year_title ul li{width:150px;height:50px;line-height:50px;font-size:22px;}
    .year_title ul li.active{background-size:100% 100%;}

    .state_title{margin-top:10px;}
    .state_title span{font-size:30px;}
    .main_lists{margin-top:10px;}
    .main_lists ul{width:100%;}
    .main_lists ul li{margin-right:2%;width:49%;height:52px;margin-bottom:10px;line-height:50px;box-sizing:border-box;}
    .main_lists ul li:nth-of-type(2n){margin-right:0;}
}
@media (max-width:459px) {
    .index_logo{position:static;padding-top:60px;text-align:center;}
    .index_logo img{max-width:85%;max-height:50px;height:auto;}
    .zt_logo{padding:15px 0 25px;}
    .main_lists ul li{margin-right:0;width:100%;}
}