@charset "utf-8";
/* CSS Document */
.hdcontain{ padding-top: 20px;}
.hdleft{ width: 940px;}
/*互动栏目*/
.hdbtn{ height: 170px; margin-bottom: 25px;}
.hdbtn ul li{ width: 220px; height:170px; float: left; margin-right: 20px; text-align: center;}
.hdbtn ul li.num4{ margin-right: 0;}
.hdbtn ul li a{   border-radius: 5px; height: 140px; padding-top: 30px; line-height: 66px; font-size: 22px; display: block;}
.hdbtn ul li img{ display: block; margin: 0 auto;}
.hdbtn ul li a:hover{ color: #185cbd;}
.hdbtn ul li a:hover img{transition:all .6s;-webkit-transition:all .6s;transform:rotateZ(360deg);}
.hdbtn ul li.num1 a{ background: #fef9ee;}
.hdbtn ul li.num2 a{ background: #fef5f4;}
.hdbtn ul li.num3 a{background: #f3f7ff;}
.hdbtn ul li.num4 a{background: rgba(86, 228, 216, 0.08);}
/*互动列表*/
.ind_mesgbox{ height: 340px; overflow: hidden; padding-top: 4px;}
.ind_mesgcon p,.ind_mesgcon li p{position: absolute;top:0;text-align: center;display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind_mesgcon .p0{width: 214px;left:0px;  text-align: left;}
.ind_mesgcon .p1{position:static;margin:0 285px 0 214px; text-align: left; }
.ind_mesgcon .p2{width: 209px;right:76px;}
.ind_mesgcon .p3{width: 76px;right:0px;}
.ind_mesghead{height: 42px;line-height: 42px;font-size: 18px;  overflow: hidden; font-weight:bold;position: relative; padding: 2px 0px;}
.ind_mesghead li .p0{text-indent: 47px;}
.ind_mesghead li .p1{ text-align: left; text-indent: 168px;  }
.ind_mesglist li{overflow: hidden;height: 40px;line-height: 40px;font-size: 18px; vertical-align: bottom;position: relative; padding: 2px 0px; border-bottom: 1px dashed #e5e5e5; }
.ind_mesglist li .p0,.ind_mesglist li .p2{ color: #888;}
.ind_mesglist li .p1 a{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wlwz-zjdc-list{ padding-top: 6px;}
.wlwz-zjdc-list ul li{ height: 42px; line-height: 42px;background: url("../images_new/icon.gif") left center no-repeat; padding:2px 0 2px 12px; position: relative;}
.wlwz-zjdc-list ul li a{ display: block; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-right: 90px; float: none;}
.wlwz-zjdc-list ul li .date{ position: absolute; right:0px; top:2px;}
.wlwz-zjdc-list .pagination{ display: none;}
.hdright{ width: 300px;}
/*制度建设*/
.zdjsbox{ height: 140px; background: url("../images_new/zd_bg.png") right bottom no-repeat #eef4ff;margin-bottom: 14px; padding: 30px 0 0 49px;}
.zdjs_tit a{ line-height: 42px; margin-bottom:4px; font-size: 24px; font-weight: bold; color: #185cbd; }
.zdjsbox ul li{ height: 28px; line-height: 28px;}
.zdjsbox ul li a{ font-size: 16px; color: #858585; display: block;}
.zdjsbox ul li a:hover{color: #275bb0;}
/*办件统计*/
.bjtj_tit{ height: 44px; line-height: 44px;}
.bjtj_tit .tit{ font-size: 22px; font-weight: bold; color: #275bb0;}
.bjtj_tit .lxbtn{ color: #666; font-size: 14px; padding-left: 21px; line-height: 34px; margin-top: 10px; background: url("../images_new/histrybtn.png") left center no-repeat;}
.bjtj_nr{ height: 315px; margin-bottom: 25px; border: 1px solid #e5e5e5; border-radius: 5px; padding: 3px 14px 0px;}
.bjtj_tab{ height: 46px; }
.bjtj_tab ul li{ width: 33.3%; text-align: center; float: left; cursor: pointer;}
.bjtj_tab ul li span{ font-size: 16px; font-weight: bold;display: block;line-height: 46px;}
.bjtj_tab ul li.active span{ color: #275bb0; background: url("../images_new/yjtj_secdot.png") center bottom no-repeat;}
.bjtj_con{ padding-top: 15px; overflow: hidden;}
.bjtj_con ul li{ width: 50%; float: left; text-align: center; font-size: 20px; margin-bottom: 20px; line-height: 32px;}
.bjtj_con ul li span{ font-size: 18px; color: #666; display: block;}
.bjtj_con ul li em{ font-style: normal;}
/*在线访谈*/
.zxft_mainbox{ height: 426px; overflow: hidden; background: #f6f9ff;}
.hd_tab2{ height: 72px; line-height: 72px;}
.hd_tab2 ul{ background: url("../images_new/zxft_tit.png") left center no-repeat; overflow: hidden;}
.hd_tab2 ul li{ float: left;}
.hd_tab2 ul li a{ font-size: 22px; font-weight: bold; display: block; padding: 0 16px;}
.hd_tab2 ul li.active a{ color: #275bb0;}
.fthg a{ font-size: 16px; color: #666;}
.fthg span{  color: #dedede; text-align: center; padding: 0 10px;}
.fthg a:hover{ color:#275bb0;}
.wlwz_ftcon ul li{ width: 300px; height:324px; background: #fff; float: left; margin-right: 20px;}
.wlwz_ftcon ul li .ftimg{ height: 224px; overflow: hidden;}
.wlwz_ftcon ul li .ftimg img{ width: 100%; height: 100%;}
.wlwz_ftcon ul li.num4{ margin-right: 0px;}
.wlwz_ftcon ul li .ftcon{ padding: 7px 0 0 13px; line-height: 26px; font-size: 16px; color: #666; }
.wlwz_ftcon ul li .ftcon .title a{ font-size: 18px; font-weight: bold; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px;}
.wlwz_ftcon ul li .ftcon .jb{ height: 26px;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*征集调查*/
.listbox{ width: 620px;}
.zjdc_con{ height: 327px; overflow: hidden; margin-bottom: 23px;}
.zjdc_con ul li{ height: 28px; line-height: 28px; padding: 8px 50px 9px 97px; position: relative; font-size: 18px;}
.zjdc_con ul li .date{position:absolute; right: 0; top: 8px; font-size: 14px; color: #999;}
.zjdc_con ul li .zt{position: absolute; top: 8px; left: 0;}
.zjdc_con .result{color:#275bb0;display:block;float: left;padding-left: 5px;}
.zjdc_con ul li a{display:block;float: left; max-width:450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zjdc_con ul li a.title2{ max-width: 375px; float: left;}
.zjdc_con ul li .zt{display: block;width: 80px;height: 28px;font-size: 14px;line-height: 28px;color: #fff; text-align: center;border-radius: 14px;overflow: hidden;}
.zjdc_con ul li .over{background:#dcdcdc;}
.zjdc_con ul li .starting{background:#ff9604;}
.zjdc_con ul li .nostart{background:#ff3f04;}
.zjdc_con ul li.num1{ height: 90px; margin-bottom: 11px; background: #f6f9ff; padding: 0px;}
.zjdc_con ul li.num1 .tit{ width: 48px; height: 52px; background: #275bb0; font-size: 18px; font-weight: bold; line-height: 26px; padding:19px 15px; text-align: center;color: #fff; }
.zjdc_con ul li.num1 .con{ margin-left:96px; padding: 9px 10px 0 0; }
.zjdc_con ul li.num1 .con a{ height: 48px; line-height: 24px; font-weight: bold; font-size: 18px; white-space: normal; max-width: none; float: none;}
.zjdc_con ul li.num1 .con .date{ position: static; font-size: 16px; line-height: 28px; color: #888;}
@media (max-width: 1259px) and (min-width: 992px){
.hdleft{ width: 712px;}
.hdbtn ul li{ width: 163px;}
.ind_mesgcon .p0{width: 184px;}
.ind_mesgcon .p2{ width: 149px;}
.ind_mesgcon .p1{margin:0 225px 0 184px;}
.wlwz_ftcon ul li{ width: 233px; height:300px;}
.wlwz_ftcon ul li .ftimg{ height: 174px;}
.hdright{ width: 260px;}
.listbox{ width: 486px;}
.zjdc_con ul li a{ max-width: 325px;}
.zjdc_con ul li a.title2{ max-width: 245px;}
}
@media (max-width: 991px){
.hdcontain{ padding-top: 15px;}
.hdleft,.hdright{ width: auto; float: none;}
.hdbtn ul li{ width: 177px;}
.listbox{ width: auto; float: none; padding-bottom: 10px;}
.zjdc_con{ height: auto; margin-bottom: 0px;}
.bjtj_nr{ height: auto; margin-bottom: 15px;}
.bjtj_con ul li{ width: 16.66%;}
.zxft_mainbox{ height: auto;}
.wlwz_ftcon ul li{ width: 374px; height:auto; margin-bottom: 20px;}
.wlwz_ftcon ul li .ftimg{ height: 280px;}
.wlwz_ftcon ul li.num2{ margin-right: 0px;}
.wlwz_ftcon ul li .ftcon{ padding: 7px 0 10px 13px;}
.zjdc_con ul li a{ max-width: 585px;}
.zjdc_con ul li a.title2{ max-width: 515px;}
}
@media (max-width: 767px){
.hdcontain{ padding-top: 10px;}
.hdbtn{ height: auto; overflow: hidden; margin-bottom: 10px;}
.hdbtn ul li{ width: 23.5%; margin-right: 2%; height: auto;}
.hdbtn ul li a{ height: 118px; padding-top: 20px; line-height: 46px; font-size: 18px;}
.ind_mesgcon .p0,.ind_mesgcon .p2{ display: none;}
.ind_mesgcon .p1{margin:0 76px 0 0px;}
.bjtj_con ul li{ width: 33.33%;}
.wlwz_ftcon ul li{ width: 49%; margin-right: 2%;  margin-bottom: 10px;}
.wlwz_ftcon ul li .ftimg{ height: 164px;}
.wlwz_ftcon ul li .ftcon .title a{ white-space: normal;}
.bjtj_nr{ margin-bottom: 10px;}
.zdjsbox{ margin-bottom: 0px;}
.zjdc_con ul li{ height: auto; padding: 8px 0 9px; overflow: hidden;}
.zjdc_con ul li a.title2{ max-width: none; float: none;}
.zjdc_con ul li .date{ position: static;  padding-left: 10px;}
.zjdc_con ul li .zt{ position: static; float: left; margin-right: 6px; }
.zjdc_con ul li a{   max-width: none; display: inline;  white-space: normal; float: none;}
.zjdc_con .result{ float: none; display: inline;}
.zjdc_con ul li.num1{ height: auto;}
.zjdc_con ul li.num1 .tit{ width: auto; height: auto; padding: 10px 0px; float: none;}
.zjdc_con ul li.num1 .con{ margin-left: 0px; padding: 10px;}
.zjdc_con ul li.num1 .con .date{ display: block;}
.hd_tab2{ height: 52px; line-height: 52px;}
}
@media (max-width: 479px){
.wlwz_ftcon ul li{ width: auto; margin-right:0;   float: none;}
.wlwz_ftcon ul li .ftimg{ height:auto; width: 100%;}
.hdbtn ul li{ width: 48.5%; margin-bottom: 5px; }
.hdbtn ul li.num2{ margin-right: 0;}
}
/*历年来信情况*/
#grid1 td,#grid2 td{  border: 1px #d1d1d1 solid;  background-color: white;}
#tableTitle{  color: #039;  font-size: 18px;  font-weight: lighter;  font-style: normal;}
#acceptImage{ margin: 6px 5px 0 0;  display: inline-block;  background: #275bb0;    width: 14px;    height: 14px;}
#doneImage{    margin: 6px 5px 0 0;    display: inline-block;    background: #f3c152;    width: 14px;    height: 14px;}
.top,.bottom{    box-sizing: border-box;    padding:30px 0px 50px;}
.bottom{margin-top:32px;}
table{ table-layout: fixed;    width: 100%;}
table td{    text-align:center;    line-height: 36px;}
.history-grid-wrap td.feature {    color: #333;    font-weight: bold;}
@media (max-width: 991px){
.top, .bottom{padding:0 0 10px;}
}