@charset "utf-8";
/* CSS Document */
/***互动交流***/
.hd_left{ width: 700px;}
.hd_right{ width: 480px;}
/*公开列表*/
.gk_list{ width: 100%; clear:both;}
.gk_list ul{ margin-top: 5px;}
.gk_list ul li{ font-size: 16px; line-height: 31px; height: 35px; vertical-align: middle; padding:0 80px 0 12px;background: url(../images/icon.png) no-repeat left 15px; position: relative; }
.gk_list li .nr {float: left;max-width: 98%;display: block; padding: 2px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list ul li .date{ color: #999; font-size: 14px; position: absolute; right:0; top:2px;}
.gk_list ul li .gl { display:inline-block; max-width: 80%; height: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list ul li .split{padding:0 4px;font-size:12px;display:inline-block; }
.gk_list ul li  a.a{color:#f00;font-size:15px;display:inline-block; }
.gk_list ul li a.title{    display: block;float: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*信件选登 回应关切*/
.hd_xdbox{ height: 270px;}
.hd_xdbox .ind_list li a {max-width: 570px;}
.hdbox{ padding: 10px 0 0 0;}
.hd_title{ height: 30px; line-height: 30px; background: #dceefe; position: relative; font-size: 14px; margin: 10px 0;}
.hd_title ul li{ float: left; height: 30px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hd_title ul li.t1{ margin-right: 320px; padding-left: 50px;}
.hd_title ul li.t3{ position: absolute; right:0; top:0; width: 120px; text-align: center;}
.hd_title ul li.t2{ position: absolute; right:120px; top:0; width: 200px; text-align: center;}
.hd_list ul li{ position: relative; font-size: 16px; height: 33px;}
.hd_list ul li p{ height: 33px; line-height: 33px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hd_list ul li p.t1{margin-right: 320px; padding-right: 10px; }
.hd_list ul p.t3{ position: absolute; right:0; top:0; width: 120px; font-size: 14px; text-align: center;  color: #999;}
.hd_list ul p.t2{ position: absolute; right:120px; top:0; width: 200px; font-size: 14px; text-align: center;}
/*咨询投诉*/
.hd_btnli{ height: 150px;}
.hd_btnli ul li{ height: 150px; width: 25%; float: left;}
.hd_btnli ul li a{ padding: 0 1%; text-align: center; display: block;}
.hd_btnli ul li .img_title{ color: #0154a4; font-size: 18px;  display: block; height: 40px; line-height: 40px;}
.hd_btnli ul li a:hover img{ transition: ease-in-out .7s; transform: rotate(360deg);}
/*信件统计*/
.hd_tjbox{ height: 320px; }
.hd_tjbox .ind_atabs ul li{ margin-right: 0;}
.hd_tjbox2 .ind_atabs ul li{ margin-right: 26px;}
.hd_tjbox2 .ind_atabs ul li a{ font-weight: bold;}
.hd_tjbox .ind_atabs ul li .red{ color: #f00 !important;}
.hd_tjnum ul li{ float: left;  width: 32%; padding-right: 1%; font-size: 16px; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hd_tjnum ul li .num{ padding-right: 4px; font-weight: bold; color: #0154a4; }
.lxnum{ line-height: 46px; font-family: "Microsoft YaHei"; font-size: 14px; font-weight:normal;}
.lxnum #caseNumAll{ margin-right: 10px;}
.lxnum .date{ font-weight: normal; font-size: 14px; padding-left: 10px;}
.tj_teambox .tj_item{ height: 54px; overflow:hidden; margin-top: 10px; font-size: 16px; position: relative;}
.tj_teambox .tj_item .tit{ display:block; position: absolute; left:0; top:0;  line-height: 54px;  width: 70px;height: 54px;text-align: center;color: #fff;background: #8ac6fb;border-radius: 6px;font-weight: bold;}
.tj_teambox .tj_item ul{ padding-left: 80px; display: block; }
.tj_teambox .tj_item li{  display: inline; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; font-size: 15px; float: left; width: 33.3%; height: 26px; line-height: 24px;}
.tj_teambox .tj_item li .red{ color: #f00;}
.tj_teambox .tj_item li.hf{ width: 49%;}
/* 信件统计图表 */
.tj_echartsBox{ padding: 17px 0 0;}
.tjechart_scroll{ padding: 0 28px; overflow: hidden; position: relative;}
.tjechart_scroll .prev,.tjechart_scroll .next{position:absolute; top: 50%; margin-top: -25px; width: 28px; height: 50px; display: block; background: 0 0 no-repeat; background-image:  url("../images/hd_prvebg.png") !important; cursor: pointer; z-index: 1;}
.tjechart_scroll .prev{left: 0;}
.tjechart_scroll .prev:hover{ background-position: -28px 0;}
.tjechart_scroll .next{ right: 0; background-position: -56px 0;}
.tjechart_scroll .next:hover{ background-position: -84px 0;}
.tjechart_list{ height: 240px; overflow: hidden; width: 100% !important; position: relative; z-index: 0;}
.tjechart_list li{float: left; text-align: center; width: 100%;}
.tjechart_list li .title{ display: inline-block; padding: 0 25px; height: 39px; line-height: 38px; margin-bottom: 6px; position: relative; color: #0557a6; font-size: 20px; background: #e7f3fe;}
.tjechart_list li .title i{display: block; position: absolute; width: 13px; height: 7px; background: url("../images/hd_arrow.png") 0 0 no-repeat; bottom: -7px; left: 50%; margin-left: -5px;}
.tjechart_list li .echartBox{ height: 195px; width: 100%;}
/* 信件统计图表 20210826 */
.tj_new_add{padding-left: 80px; display: block;}
.tj_teambox .tj_item .tj_new_add ul{display: block;float:left;width:33.333%;padding-left:0;}
.tj_teambox .tj_item .tj_new_add ul li{display: block;width:100%;}
/*统计下方按钮*/
.hd_lmbtn{ margin-bottom: 15px; height: 87px;}
.hd_lmbtn ul{ width: 110%;}
.hd_lmbtn ul li{ height: 87px;  width: 153px; float: left; margin-right:10px; text-align: center; }
.hd_lmbtn ul li a{ display: block; height: 72px; background:#dceefe; padding-top: 15px; font-size: 0; line-height: 0;}
.hd_lmbtn ul li span{display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;}
.hd_lmbtn ul li .img_title{ width: 100%; text-align: center; font-size: 16px; height: 38px; line-height: 38px;}
.hd_lmbtn ul li .img_img{ width: 34px; height: 29px; overflow: hidden;}
.hd_lmbtn ul li.num1 a{ padding-top: 17px;height: 70px;}
.hd_lmbtn ul li.num1 .img_title{ display: none;}
.hd_lmbtn ul li.num1 .img_img{height: 54px; width: 112px;}
/*问答知识库*/
.hd_wdbox{ height: 392px;}
.wd_search{ height: 40px; border: 1px solid #dceefe; margin-top: 10px; position: relative; padding-right: 45px;}
.wd_search li{font-size:0; line-height: 0;height:40px;}
.wd_search li input{ background: none; width: 100%;height:100%;border:0 none; vertical-align: middle;}
.wd_search li.se_box{position:relative;}
.wd_search li.se_box .msg-box{left:5px;top:0;position:absolute;}
.wd_search li.se_box input{text-indent: 15px; vertical-align:top; border:none; line-height:30px; color:#999; font-size: 14px;}
.wd_search li.sea_an{width:45px;height:40px; position: absolute; right: 0; top: 0;}
.wd_search li.sea_an input{background: url(../images/wd_searchbtn.png) center center no-repeat #dceefe; font-size:0; overflow:hidden;cursor:pointer;}
.hd_wdbox .ind_list li a{ max-width:none !important; margin-right:0; float:none; display:block;}
/*在线访谈*/
.hd_zxft{ height: 394px;}
.hdy_ftbox{ margin-top: 10px; height: 180px;}
.hdy_ftbox .ftimg{ float: left; width: 300px;  height: 180px;}
.hdy_ftbox .ftimg img{ width: 100%;  height: 180px;}
.hdy_ftbox .ftcon{ margin-left: 318px;}
.hdy_ftbox .ftcon .title{ padding-left: 2px; font-size: 18px; font-weight: bold; height: 66px; line-height: 30px; overflow: hidden;}
.hdy_ftbox .ftcon li{ width: 100%; font-size: 16px;}
.hdy_ftbox .ftcon .xx{ height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hdy_ftbox .ftcon .nr{ height:52px;line-height: 28px; overflow: hidden; white-space: normal;}
.hdy_ftbox .ftcon .nr .tit{ display: block; float: left;  height:52px; line-height: 28px;}
.hdy_ftbox .ygnr{ line-height: 28px; font-size: 16px; padding: 6px 0 0 0; text-indent: 2em;}
.hd_zxft .ind_list li{ padding-right: 240px;}
.hd_zxft .ind_list li a {max-width: none;  float:none; display:block;}
/*舆情回应 调查征集*/
.hd_zcdt{ height: 265px;}
.hd_zcdt .ind_list li{ padding-right: 85px;}
.hd_zcdt .ind_list li a{max-width: 580px;}
.hd_zcdt .gk_list ul{margin-top: 10px;}
.ind_zjlist{ margin-top: 12px;}
.ind_zjlist li{ height: 31px; line-height: 31px; padding: 2px 85px 2px 59px; font-size: 16px; position: relative;}
.ind_zjlist li .date{font-size: 14px; color: #999; position: absolute; top: 2px; right: 0;}
.ind_zjlist li .zt{ position:absolute; left:0; top:6px; line-height: 22px; display: inline-block; width: 49px; height: 22px; text-align: center; font-size: 12px; color: #fff; background: #c0c0c0;  border-radius: 5px; -moz-border-radius: 5px; }
.ind_zjlist li .starting{ background: #8ac6fb;}
.ind_zjlist li a{display: block; float: none; height: 34px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hd_hybox .ind_list li a { max-width: 340px;}
@media (min-width: 992px) and (max-width:1199px) {
    .hd_left {width: 490px;}
    .hd_title ul li.t2,.hd_list ul li p.t2{width: 100px;}
    .hd_title ul li.t1,.hd_list ul li p.t1{margin-right: 220px;}
    .hd_xdbox .ind_list li a {max-width: 370px;}
    .hdy_ftbox .ftimg {width: 250px;}
    .hdy_ftbox .ftcon {margin-left: 270px;}
    .ind_gktabs{ font-size: 15px;}
    .ind_gktabs ul li.line {width: 14px;}
    .hd_zcdt .ind_list li a {max-width: 358px;}
}
@media (max-width: 991px) and (min-width: 768px){
    .hd_xdbox .ind_list li a {max-width: 630px;}
    .hd_lmbtn ul li {width: 249px; }
    .hd_zcdt .ind_list li a {max-width: 588px;}
}
@media (max-width: 991px){
    .hd_left,.hd_right{width: auto; float: none;}
    .hd_xdbox,.hdy_ftbox,.hd_zxft,.hd_tjbox {height: auto;}
    .hd_wdbox{ height: auto; padding-bottom: 10px;}
    .hd_hybox{ padding-bottom: 20px;}
    .hd_tjnum{ margin-bottom: 10px;}
    .hd_tjnum ul li{ height: 30px; line-height: 30px;}
}

@media (max-width: 767px){
    .ind_list li a {max-width:none !important; margin-right:80px;}
    .hd_zcdt .ind_list li a {margin-right:90px;}
    .hd_title ul li.t2,.hd_list ul li p.t2{ display: none}
    .hd_title ul li.t3,.hd_list ul li p.t3{ width: 100px;}
    .hd_title ul li.t1,.hd_list ul li p.t1{margin-right: 100px;}
    .hd_tjsearch{ display: none;}
    .hdy_ftbox .ftimg {float: none; margin: 0 auto;}
    .hdy_ftbox .ftcon .title{ height: auto;}
    .hdy_ftbox .ftcon .nr {height: auto; padding-bottom: 8px;}
    .hdy_ftbox .ftcon {margin-left:0;}
    .hdy_ftbox{ border-bottom: 1px solid #ddd;}
    .hd_lmbtn ul{ width: 100%;}
    .hd_lmbtn ul li {width: 31%; margin: 0 1%;}
    .hd_zcdt{ height: auto;}
}

@media (max-width: 500px){
    .hd_btnli ul li {width: 50%;}
    .hd_lmbtn ul li.num1{ width: 100%; margin: 0 0 10px 0;}
    .hd_lmbtn ul li {width: 48%;margin: 0 1%;}
    .tj_teambox .tj_item .tit{ position: static; height: 30px; line-height: 30px;}
    .tj_teambox .tj_item{ height:auto;}
    .tj_teambox .tj_item ul,.tj_teambox .tj_item .tj_new_add{padding-left: 0;}
    .tj_teambox .tj_item ul li{ width: 50%;}
   .hd_tjbox .ind_atabs ul, .hd_tjbox .ind_atabs .lxnum{ float: none;}
   .hdy_ftbox .ftimg{width:100%}
}
@media (max-width: 400px){
    .tj_teambox .tj_item .tj_new_add ul{width:50%}
}