﻿@charset "utf-8";
/* CSS Document */
/*头条新闻*/
.one{background:#ffffff;margin-top:23px;padding: 20px;}
.news{height: 99px;border-bottom: 1px  dashed #d0d0d0;text-align: center;}
.news .title{font-size:28px;}
.news a{color: #333333;}
.news .remarks{font-size: 15px;color: #999999;text-indent: 2em;text-align: left;margin-top: 5px;}
.news a.detailed{color: #ffa200;}
/**/
.one2{margin-top: 20px;}
/**轮播图**/
.twbox {width:587px;height:330px;overflow: hidden;}
.ind-flash .flash-slide{position: relative;height:100%; width: 100%;}
.ind-flash .ind-flashPic,.ind-flash .ind-flashPic ul,.ind-flash .ind-flashPic li,.ind-flash .ind-flashPic img,.ind-flash .ind-flashPic a{height:100%; width: 100%; }
.ind-flash .ind-flashPic{ position:relative; z-index:0;}
.ind-flash .ind-flashPic li{ zoom:1; vertical-align:middle;}
.ind-flash .ind-flashPic a{display:block; color: #fff; position: relative;}
.ind-flash .ind-flashPic img{display:block;}
.ind-flash .ind-flashPic .title{display: block; height: 40px; line-height:40px; padding: 0 120px 0 15px; font-size: 16px;font-weight: bold; background: rgba(0, 0, 0, 0.45); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.ind-flash .ind-flashPic a:hover .title{color: #fff;}
.ind-flash .ind-flashNum{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:14px; z-index:1; }
.ind-flash .ind-flashNum ul{ overflow:hidden; zoom:1; float:left;}
.ind-flash .ind-flashNum ul li{ float:left; margin-right:8px; width:12px; height:12px;  font-size: 0; background:#fff;overflow: hidden; cursor: pointer; border-radius: 50%;}
.ind-flash .ind-flashNum ul li.on{background: #ff9600;}
/*tab切换*/
.tab {width:553px;height:330px;}
.tab_top {width:100%;height:53px;border-bottom:1px solid #c0c0c0;}
.tab_top ul li{float: left;font-size: 20px;color:#c0c0c0;text-align: center;margin-right: 23px;font-weight: normal;  height: 42px;line-height: 42px;}
.tab_top ul li.zyzz{background: url(../images/dot.png) left center no-repeat;padding-left: 20px;}
.tab_top ul li.active a{color:#cf001a;}
.tab_top ul li a{color: #333333;}
.tab ul li img{float: left;margin-top: 8px;}
.tab_top ul li.first{width: 130px;height: 42px;line-height: 42px;border-radius: 4px;background:#cf001a;}
.tab_top ul li.first a{color: #fff!important;}
.tab_title {overflow: hidden;}
.tab_title2 {display: none;}
.tab_title2.active {display: block;}
.tab_title2 ul{margin-top:2px;}
.tab_title2 ul li {height:34px;line-height:34px;overflow: hidden;background: url(../images/dot.png) left center no-repeat;padding:2px 0 2px 10px;font-size: 16px;vertical-align: middle; position: relative;}
.tab_title2 ul li a{color: #333333;display: block;max-width: 460px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab_title2 ul li a:hover{color: #ff0000;}
.tab_title2 ul li .starting{float: right;margin-right: 5px;color:#55a82d;}
.tab_title2 ul li .nostart{float: right;margin-right: 5px;color:#fa8400;}
.tab_title2 ul li .over{float: right;margin-right: 5px;color:#ff0000;}
.tab_title2 ul li .date{color: #999999;font-size:16px;margin-left: 10px; position: absolute; right:0; top:0;}
/***/
.tab_top2{width:100%;height:30px; overflow: hidden;}
.tab_top2 ul li{float: left;font-size: 20px;color:#c0c0c0;text-align: center;margin-right: 23px;font-weight: normal;background: none;}
.tab_top2 ul li.active a{color:#ff0000;}
.tab_top2 ul li a{color: #333333;}
/*重要转载*/
.zyxx .tab_top2 ul li{font-size: 16px;margin-right:0px;padding-left: 10px;}
.zyxx .tab_top2 ul li a{color:#ff0000;max-width: none;}
.zyxx .tab_title2 ul li{height: 26px;line-height: 26px;}
/*第二板块安徽政务服务*/
.ahzw{padding: 20px;margin-top: 20px;background: #fff;}
.ahzw .img_title{display: none;}
/*机构概况*/
.jggk{background: #fff;padding:16px 20px;margin-top: 20px;overflow: hidden;}
.jggk_left{width: 76px;height: 68px;font-size: 22px;padding-left: 20px;background: url("../images/g.png") no-repeat;}
.jggk_left a{color: #ffffff;}
.jggk_right ul li{width: 247px;height: 68px;line-height: 68px;margin-left: 16px;float: left;font-size: 22px; text-align: center;}
.jggk_right ul li a{color: #fff;}
.jggk_right ul li img{transition: all .6s;}
.jggk_right ul li:hover img{transform: translateX(10px);-ms-transform: translateX(10px);-moz-transform: translateX(10px);-webkit-transform: translateX(10px);}
.jggk_right ul li .img_title{margin-left: 10px;}
.jggk_right ul li.num1{background:#f4740a;}
.jggk_right ul li.num2{background:#4a7fca;}
.jggk_right ul li.num3{background:#55af89;}
.jggk_right ul li.num4{background: #ee5c5e;}
/*第三板块政务公开*/
.three{background: #ffffff;margin-top: 20px;padding:14px 19px 15px 20px;overflow: hidden;height: auto;}
.three_top{height: 53px;border-bottom:1px solid #cf001a;}
.three_top ul li{height: 45px;line-height: 45px;border-radius: 6px;float: left;margin: 0 46px;font-size: 22px;padding: 0 20px;text-indent:56px;}
.three_top ul li a{color: #cf001a;}
.three_top ul li.active a{color: #fff;}
.three_top ul li.kk{background:#f2f2f2 url("../images/icon9.png") no-repeat  25px center;}
.three_top ul li.kk2{background:#f2f2f2 url("../images/icon6.png") no-repeat 25px center;}
.three_top ul li.kk3{background:#f2f2f2 url("../images/icon7.png") no-repeat 25px center;}
.three_top ul li.kk4{background:#f2f2f2 url("../images/icon8.png") no-repeat 25px center;}
.three_top ul li.kk.active{background: #cf001a url("../images/icon5.png") no-repeat  25px center;}
.three_top ul li.kk2.active{background: #cf001a url("../images/icon10.png") no-repeat  25px center;}
.three_top ul li.kk3.active{background: #cf001a url("../images/icon11.png") no-repeat  25px center;}
.three_top ul li.kk4.active{background: #cf001a url("../images/icon12.png") no-repeat  25px center;}
/*三切换内容*/
.three_bot{overflow: hidden;}
.three_bot2{display: none;}
.three_bot2.active{display: block;}
.three_bot2 .tab_top2{margin-top: 10px;line-height: 22px;border-bottom: 1px solid  #d9d9d9;}
.three_left{width:551px;margin-top: 10px;}
.three_left .tab_title2 ul li{height:auto;line-height:25px;overflow: hidden;background: url(../images/dot.png) left 21px no-repeat;padding-left: 10px;font-size: 16px;vertical-align: middle;padding-bottom:8px;padding-top:8px;border-bottom: 1px solid #CCCCCC;}
.three_left .tab_title2 ul li a{float:left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 450px;}
.three_left .tab_title2 ul li .date{font-size: 15px;margin-left: 5px;padding-left: 5px; top:8px;}
.three_left2{width: 100% !important; clear: both; overflow: hidden;}
.three_left2  .tab_title2 ul{width: 110%;}
.three_left2  .tab_title2 ul li{ width: 541px; margin-right: 20px; float: left;}
 .tab_gklist ul li{padding:8px 50px 8px 14px; position: relative;}
 .tab_gklist ul li .col-block{float:left;max-width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tab_gklist ul li .date{display:block;position:absolute;right:0;top:8px;white-space:nowrap;font-size:14px;color:#999;}
 .tab_gklist ul li .title{display:block;float:none !important;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:0; max-width: none !important;}
 .tab_gklist ul li .explain-list, .tab_gklist ul li .policy-list{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .tab_gklist ul li .explain-list .split-line,  .tab_gklist ul li .policy-list .split-line{padding:0 1px;color:#999;font-size:12px;}
 .tab_gklist ul li .explain-list a,  .tab_gklist ul li .policy-list a{display:inline;color:#dd0000;float:none;background:none;max-width:none;padding:0;margin:0;}
 .tab_gklist ul li .explain-list a:hover,  .tab_gklist ul li .policy-list a:hover{color:#dd0000;}
 .tab_gklist ul{margin-top: 0px;}
/*局属单位*/
.three_right{width:590px;margin-top:10px;}
.three_right .tab_title2 .img_title{display: none;}
.three_right .tab_gklist ul{margin-top: 0px;}
.three_right .tab_gklist ul li{height:22px;line-height:22px;margin: 0 auto;}
/*政民互动*/
.zwfw_img ul li{float:left;width: 48%;height:120px;line-height: 120px;background:#cf001a;margin-top: 10px;text-align: center;}
.zwfw_img ul li a{color:#fff;font-size: 22px;}
.zwfw_img ul li.num2{float: right;}
.zwfw_img ul li.num4{float: right;}
/*部门信箱*/
.tab_title2 .hd_telbox{height: 28px;background: #fafafa;margin-top: 8px;}
.tab_title2 .hd_telbox p{float: left;height: 28px;line-height: 28px;font-size: 15px;color: #535353;}
.tab_title2 .hd_telbox p.p1{width: 25%;text-indent: 10px;}
.tab_title2 .hd_telbox p.p2{width: 60%;text-align: center}
.tab_title2 .hd_telbox p.p3{width: 15%;text-align: center;}
.tab_title2 .hd_xdbox li{height: 30px;line-height: 30px;background: none;padding-left:0px;}
.tab_title2 .hd_xdbox li p{float: left;height: 30px;}
.tab_title2 .hd_xdbox li p.p1{width: 25%;text-indent: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999;}
.tab_title2 .hd_xdbox li p.p2{width: 60%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;}
.tab_title2 .hd_xdbox li p.p3{width: 15%;text-align: center;}
.tab_title2 .hd_xdbox li p.p3 span{color: #fa8400;}
/*民生工程*/
.three_left .tab_top2 ul li.more{float: right!important;font-size: 14px;}
.three_left .tab_top2 ul li.more a:hover{color: #ff0000;}
.three_right .tab_top2 ul li.more{float: right!important;font-size: 14px;}
.three_right .tab_top2 ul li.more a:hover{color: #ff0000;}
/*政务公开小图标*/
.icon{height: 100px;border: solid 1px #c0c0c0;margin-top: 15px;}
.icon ul li{width:16.6%;height: 68px;float: left;position: relative;text-align: center;margin-top: 16px;}
.icon ul li a{ display: block; height: 68px;border-left:1px dotted #c7c7c7; }
.icon ul li img{transition: all 3s; height: 30px; width: auto;}
.icon ul li:hover img{transform: rotateY(360deg);}
.icon ul li:hover .img_title{color:#ff0000;}
.icon ul li .img_title{display: block;margin-top: 15px;font-size: 16px;color: #333333; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; height: 22px; line-height: 22px;}
.icon ul li.num1 a{border-left: none;}
/*专题轮播*/
.zhbanner{padding:20px;margin-top: 20px;background: #fff;}
.zhbanner .j-scroll{position:relative;overflow: hidden;height:70px;}
.zhbanner .j-scroll .prev{display: block;width:20px;height:34px;position: absolute;top:19px;background: url(../images/prev.png) no-repeat;cursor: pointer;left:0;}
.zhbanner .j-scroll .next{display: block;width:20px;height:34px;position: absolute;top:19px;background: url(../images/next.png) 0 0 no-repeat;cursor: pointer;right: 0;}
.zhbanner ul li{float: left;margin-right:20px; width: 280px; height: 70px;}
.zhbanner ul li img{ width: 100%; height: 100%;}
.zhbanner .scroll-wrap ul li .title{display: none;}
.zhbanner .img_title{display: none;}
/*第四板块*/
.tup{padding:20px;background: #fff;height: auto;overflow: hidden;margin-top: 20px;}
.tup ul li{float:left;margin: 5px 9px;}
.tup ul li .img_title{display: none;}
/*有情链接*/
.linkbox {background: #fff;padding: 10px 20px;margin-top: 20px;}
.yqlink span{color: #333333;font-size: 18px;margin-top: 13px;}
.is-select{margin-left: 10px;}
.is-select .select {position: relative;float: left;z-index: 94;height:34px;margin-top: 11px;margin-right:20px;}
dl.last {margin-right: 0 !important}
.is-select .select dt {height:30px;display: inline-block;color: #333333; background: url(../images/linkico.png) right center  no-repeat;  border: 1px solid #d0d0d0; line-height:30px;text-indent:65px;font-weight: normal;cursor: pointer;width:250px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 99;font-size: 14px;}
.is-select .select dd {position: absolute;left: 0; right:0; bottom: 32px;background: #fff;display: none;z-index: 98;border: #ddd 1px solid; border-bottom: none;}
.is-select .select dd ul {padding: 5px 5px; max-height: 400px;overflow-y: auto;overflow-x: hidden;}
.is-select .select dd ul li {background: #f7f7f7;border-bottom: #fff 1px solid;}
.is-select .select dd ul li a {display: block;padding: 0 5px;font: normal 12px/26px "Microsoft Yahei";white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;}
.is-select .select dd ul li a:hover {background: #f0f0f0;text-decoration: none;color: red;}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    /*头条*/
    .news{ height: auto; padding-bottom: 8px;}
    /*轮播*/
    .twbox{width:485px;}
    /*最新要闻*/
    .tab{ width: 450px;}
    .tab_top ul li.first{ width: 120px;}
    .tab_top ul li{ margin-right: 12px;}
    .tab_title2 ul li a{ max-width: 350px;}
    /*机构概况*/
    .jggk_right ul li{  width: 195px;}
    /*三大版本*/
    .three_top ul li{  margin: 0 21px;}
    .three_left{  width: 451px;}
    .three_right{ width: 480px;}
    .three_left2  .tab_title2 ul li{   width: 441px;}
    /*专题图*/
    .zhbanner ul li{  margin-right: 15px;width: 227px;}
    /*友情链接*/
    .is-select .select dt{   width: 199px;}
}
@media only screen and (max-width:991px) {
    /*头条*/
    .news{ height: auto; padding-bottom: 8px;}
    /*轮播*/
    .twbox{width:auto; float: none; margin-bottom: 20px; height: 410px;}
    .tab{ width: auto; height: auto;  float: none;}
    .tab_title2 ul li a,.three_left .tab_title2 ul li a{ max-width: 630px;}
    /*三大版本*/
    .three_top ul li{height: 45px;line-height: 45px;border-radius: 6px;float: left;margin: 0 5px;font-size: 22px;padding: 0 12px;text-indent: 46px;}
    .three_top ul li.kk{background-position: 20px center;}
    .three_top ul li.kk2{background-position: 20px center;}
    .three_top ul li.kk3{background-position: 20px center;}
    .three_top ul li.kk4{background-position: 20px center;}
    .three_top ul li.kk.active{background-position: 20px center;}
    .three_top ul li.kk2.active{background-position: 20px center;}
    .three_top ul li.kk3.active{background-position: 20px center;}
    .three_top ul li.kk4.active{background-position: 20px center;}
    .three_left,.three_right{ width: auto; float: none; height: auto;}
    .jggk_right ul li{  width: 140px;}
    .jggk_right ul li .img_title {margin-left: 0;}
    .three_left2 .tab_title2 ul {width: 100%;}
    .three_left2  .tab_title2 ul li{ width: auto; float: none;}
    /*友情链接*/
    .is-select .select dt{text-indent: 20px;width: 162px;}
}
@media only screen and (max-width:767px) {
    .one,.jggk,.three,.linkbox,.zhbanner{ padding:10px;}
    /*轮播*/
    .twbox{height: 410px;}
    /*列表*/
    .tab_title2 ul li{ padding-right: 50px;}
    .tab_title2 ul li a,.three_left .tab_title2 ul li a{ max-width: none;  float: none;}
    .tab_title2 ul li a img,.three_left .tab_title2 ul li a img{ display: none;}
    /*机要概况*/
    .jggk_left{ float: none;}
    .jggk_right{ float: none; margin-top: 10px;}
    .jggk_right ul li{ width: 48%; margin:0 1% 10px 1%;}
    /*三大版本*/
    .three_top{ height: auto; }
    .tab_top{ height: auto; padding-bottom: 8px;}
    .tab_top ul li{ height: 42px; line-height: 42px;}
    .tab_top2{ height: auto; padding-bottom: 8px;}
    .three_top ul li{  width: 48%; padding: 0; margin: 0 1% 10px 1%;     text-indent: 56px;}
    .icon{ height: auto;  padding-bottom: 16px;}
    .icon ul li{ width: 33.3%;}
    .icon ul li.num4 a{border-left: none;}
    /*底部链接*/
    .yqlink span{ display: block; float: none;}
    .is-select{ float: none; margin-left: 0;}
    .is-select .select{ float: none; margin-right: 0;}
    .is-select .select dt{ width: auto; display: block;}
}
@media (max-width:667px) {
    /*轮播*/
    .twbox{height:354px;}
}
@media (max-width:567px) {
    /*轮播*/
    .twbox{height:298px;}
}
@media (max-width:467px) {
    /*轮播*/
    .twbox{height:242px;}
    /*三大版本*/
    .three_top ul li{  width: 100%;  margin: 0 0 10px 0;  }
    .icon ul li{ width: 48%;}
    .icon ul li.num4 a{     border-left: 1px dotted #c7c7c7;}
    .icon ul li.num3 a,.icon ul li.num5 a{border-left: none;}
}
@media (max-width:367px) {
    /*轮播*/
    .twbox{height:186px;}
}









