@charset "utf-8";
/* CSS Document */
/*信箱栏目*/
.hd_contain{ padding: 25px 0 0px; overflow: hidden;}
.hdxx_list{ margin-bottom: 9px; height: auto; overflow: hidden;}
.hdxx_list ul li{ width: 285px; height: 110px; float: left; margin-right: 20px;}
.hdxx_list ul li a{ height: 102px; padding: 8px 35px 0px 31px; color: #3366cc;   display: block; font-size: 22px; background:url("../images_new/qzxx_bg.png") center no-repeat; background-size: 100% 100%;}
.hdxx_list ul li.num4{ margin-right: 0px;}
.hdxx_list ul li .img_title{ line-height: 56px; float: left; background: url("../images_new/hd_line.png") left bottom no-repeat;}
.hdxx_list ul li img{ float: right; margin-top: 18px;}
.hdxx_list ul li a:hover img{transition: all .6s;-webkit-transition: all .6s;transform:scale(1.1);-webkit-transform:scale(1.1);}
/*回复选登*/
.hdxd_box{ width: 895px; height: 488px; overflow: hidden;  }
.mesbox p{position: absolute;top:0;text-align: center;display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mesbox .p2{width: 146px;right:385px;}
.mesbox .p3{width: 142px;right:243px;}
.mesbox .p4{width: 118px;right:125px;}
.mesbox .p5{width: 125px;right:0;}
.mesbox .p1{position:static;margin-right: 531px; }
.mesghead{height: 45px;line-height: 45px;font-size: 16px; overflow: hidden;background: #f7f7f7; font-weight:bold;position: relative;}
.mesglist{padding-top:8px;}
.mesglist li{overflow: hidden;height: 60px;line-height: 60px;font-size: 16px; vertical-align: bottom;position: relative;}
.mesglist li.even{ background: url("../images_new/hfxd_listbg.png") center repeat-x;}
.mesglist li .p1{ text-align: left; height: 56px; line-height: 56px; padding: 2px 2px 2px 28px;}
.mesglist li .p1 a{display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mesglist .responseNo{color: #e84242;}
.mesglist li .p3,.mesglist li .p5{ color: #999;}
/*信件统计*/
.xjtj-box{ width:285px; }
.xjtj-title{ height: 56px; line-height: 56px;}
.xjtj-title span{ color: #3366cc; font-size: 24px; font-weight: bold; float: left;}
.xjtj-title .xjtj-a{ float: right; background: url("../images_new/nllx_btn.png") left center no-repeat; padding-left: 22px; line-height: 44px; font-size: 14px; margin-top: 12px;}
.xjtj-main{ height: 398px; background: #f5faff; margin-bottom: 25px; padding: 9px 10px 0;}
.bnby-tj{padding-bottom: 5px;border-bottom: 1px solid #ccc;}
.bnby-tj li{width: 25%;text-align: center;float: left;}
.bnby-tj li p.title{height: 30px;line-height: 30px;font-size: 14px;}
.bnby-tj li p.count{font-size: 18px;height: 32px;line-height: 32px;color: #457ac9;}
.bnby-tj-main{height: 45px;line-height: 45px;text-align: center;}
.bnby-tj-main li{width: 50%;float: left;font-size: 14px;}
.bnby-tj-main li i{font-style: normal;color: #457ac9;font-size: 18px;}
 

.count-ul{width: 100%;height: auto; padding-top: 10px; border-top: 1px solid #ccc;}
.count-ul li{height: 32px;line-height: 32px;padding-left: 57px;position: relative;}
.count-ul li .tit{ background:#3366cc;position: absolute;left: 0;top: 0;display:block;width: 45px;height: 24px;line-height: 24px;color: #fff;text-align: center;font-size: 16px;border-radius: 4px; margin-top: 4px;}
.count-ul li .count-div span{display: block;float: left;width: 50%;}
.count-ul li .count-div span i{ color: #ef0000; font-style: normal;}
/*在线访谈*/
.zxftbox{ padding-top: 10px; overflow: hidden; height: 330px; background: #f9f9f9; margin-bottom: 8px;}
.ft_left{ width: 890px;   height: 233px; overflow: hidden; padding-top: 15px; }
.ft_left .ftimg{ width: 420px; height: 233px; float: left;}
.ft_left .ftimg img{ width: 100%; height: 100%;}
.ft_left .ftcon{ margin-left:445px; }
.ft_left .ftcon .title{ line-height: 46px; font-size: 20px; color: #db0000; font-weight: bold; }
.ft_left .ftcon .title a{ color: #db0000;  }
.ft_left .ftcon p,.ft_left .ftcon .zy_con{ line-height: 32px; font-size: 16px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ft_right{ padding: 15px 0 0 25px; width: 269px; height: 255px; background: url("../images_new/fthg_tit.png") left 44px no-repeat;}
.ft_hg{ line-height: 38px; }
.ft_hg a{ font-size: 20px; font-weight: bold; color: #3366cc;}
.ft_right ul{ padding-top: 5px;}
.ft_right ul li{ line-height: 28px; margin-bottom: 13px;}
.ft_right ul li a{ font-size: 16px; float: none; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ft_right ul li .date{ color: #999;}
.ftyg_btn{ line-height: 42px; font-size: 14px; padding-left: 24px; background: url("../images_new/ftyg_tit.png") left center no-repeat; margin-top: 14px;}
/*征集调查*/
.myzjbox,.dwzskbox{ width: 590px; overflow: hidden; height: 350px;}
.dwzs_list{ padding-top: 10px;}
.dwzs_list .list li a{ float: none; display: block; font-size: 16px;}
.myzj_con li{ padding: 17px 0px 0; height: 67px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; position: relative;}
.myzj_con li .zt{ position: absolute; left: 0px; top: 17px; width:60px; height: 50px; border-radius: 5px; text-align: center; line-height: 50px; font-size: 16px;  }
.myzj_con li .starting{ color: #ef6e31; background: #fdf0ea;}
.myzj_con li .nostart{ background: #e84242; color: #fff;}
.myzj_con li .over{ color: #fff; background: #999;}
.myzj_con li .con{ padding: 0 60px 4px 75px;}
.myzj_con li .con a{ float: none; line-height: 24px; font-size: 16px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.myzj_con li .con .date{ line-height: 24px; color: #999; font-size: 14px;}
.myzj_con li .result{ position: absolute; right:2px; line-height: 24px; top:17px;}
.myzj_con li .result a{font-size: 14px; color: #b68c60; }
.myzj_con li .wy_start a{ text-decoration: underline; color: #ed0000;}
/*政民互动 end*/
@media (min-width: 992px) and (max-width:1199px) {
/*信箱栏目*/
.hdxx_list ul li{ width: 233px;  }
/*回复选登*/
.hdxd_box{ width: 687px; }
.mesbox .p2{width: 146px;right:275px;}
.mesbox .p3{width: 105px;right:170px;}
.mesbox .p4{width: 90px;right:80px;}
.mesbox .p5{width: 80px;right:0;}
.mesbox .p1{margin-right: 421px; }
.mesglist li .p1{ padding-left: 10px;}
/*在线访谈*/
.ft_left{ width: 690px;  }
.ft_left .ftimg{ width: 320px; }
.ft_left .ftcon{ margin-left:345px; }
/*征集调查*/
.myzjbox,.dwzskbox{ width: 486px;}
}
@media (max-width: 991px){
.hd_contain{ padding: 15px 10px 0px;}
/*信箱栏目*/
.hdxx_list ul li{ width: 175px; margin-right: 15px;  }
.hdxx_list ul li a{ padding: 8px 15px 0px;}
/*回复选登*/
.hdxd_box{ width:auto; height: auto; float: none; }
.mesbox .p2{width: 146px;right:275px;}
.mesbox .p3{width: 105px;right:170px;}
.mesbox .p4{width: 90px;right:80px;}
.mesbox .p5{width: 80px;right:0;}
.mesbox .p1{margin-right: 421px; }
.mesglist li{ height: 50px;line-height: 50px;}
.mesglist li .p1{   height: 46px; line-height: 46px; padding: 2px 2px 2px 18px;}
/*信件统计*/
.xjtj-box{ width:auto;float: none; }
.bnby-tj li{ width: 25%;  }
.bnby-tj li:nth-of-type(2n){ float: left;}
.xjtj-main{height: auto; margin-bottom: 15px;padding: 9px 15px;}
/*在线访谈*/
.zxftbox{ height: auto; padding: 10px 0px;}
.zxftbox .container{ width: 748px; padding: 0 10px;}
.ft_left{ width: auto; float: none;  }
.ft_left .ftimg{ width: 320px; }
.ft_left .ftcon{ margin-left:345px; }
.ft_right{ width: auto; float: none; height: auto;padding: 15px 0px 10px 35px;background: url(../images_new/fthg_tit.png) 10px 44px no-repeat; }
/*征集调查*/
.myzjbox,.dwzskbox{ width: auto; float: none; height: auto;padding: 0 10px  10px;}
}
@media (max-width: 767px){
.hd_contain{ padding: 10px 10px 0px;}
/*信箱栏目*/
.hdxx_list{ margin-bottom: 0px;}
.hdxx_list ul li{ width: 49%; margin-right: 2%; margin-bottom: 2%;  }
.hdxx_list ul li.num2{ margin-right: 0px;}
/*回复选登*/
.mesbox .p2,.mesbox .p3,.mesbox .p5{display: none;}
.mesbox .p4{width: 90px;right:0px;}
.mesbox .p1{margin-right: 90px; }
.mesglist li .p1{ padding: 2px 2px 2px 10px;}
/*信件统计*/
.bnby-tj li{ width: 50%;  }
.xjtj-main{margin-bottom: 10px;padding: 9px 10px;}
/*在线访谈*/
.zxftbox .container{ width: auto; }
.ft_left{ height: auto; padding-top: 10px;}
.ft_left .ftimg{ width: auto; height: auto; float: none; }
.ft_left .ftcon{ margin-left:0px; }
/*征集调查*/
.myzj_con li{ padding: 10px 0px; height: auto;  }
.myzj_con li .zt{ top: 10px; width:50px; height: 40px;  line-height: 40px; font-size: 14px;  }
.myzj_con li .con{ padding: 0 0px 4px 65px;}
.myzj_con li .con a{ white-space: normal; }
.myzj_con li .result{ display: none;}
}
@media (max-width: 400px){
/*信箱栏目*/
.hdxx_list ul li{ width: 100%; margin-right:0;  }
.hdxx_list ul li.num2{ margin-right: 0px;}
}
/*-----互动交流主页 end-----*/