@charset "utf-8";
/* CSS Document */
.mt30 { margin-top: 30px; }

/*便民热线*/
.ls-bmrx { 
  /* background: url(../images-hdjl/ls-bmrx.png) no-repeat;  */
  background: #fff4e8;
  padding: 26px 0 26px 150px; height: 140px; box-sizing: border-box; position: relative; }
.ls-bmrx .ls-bmrx-txt { display: inline-block; font-size: 28px; color: #cb0003; font-weight: bold; line-height: 1.6; padding-left: 130px; text-align: justify; background: url(../images-hdjl/hd_12345.png) no-repeat 0 center; }
.ls-bmrx .ls-bmrx-txt .ft { letter-spacing: 4.8px; }
.ls-bmrx .j-links { position: absolute; top: 40px; right: 140px; }
.ls-bmrx .j-links .select { float: left; width: 140px; }
.ls-bmrx .j-links .select.select1 { margin-right: 15px; }
.ls-bmrx .j-links .select dt { border-radius: 100px; background: #fff; border: 1px solid #cb0003; text-align: center; }
.ls-bmrx .j-links .select dt.active { background: #cb0003; position: relative; }
.ls-bmrx .j-links .select dt.active::after { content: ""; display: block; width: 11px; height: 6px; background: url(../images-hdjl/xjt.png) no-repeat; position: absolute; bottom: -6px; left: 50%; margin-left: -5px; }
.ls-bmrx .j-links .select dt a { padding-right: 30px; background: url(../images-hdjl/xjt.png) no-repeat right center; line-height: 35px; font-size: 16px; color: #cb0003; }
.ls-bmrx .j-links .select dt.active a { color: #fff; background: url(../images-hdjl/xjt-bl.png) no-repeat right center; }
.ls-bmrx .j-links .select dd { display: none; position: absolute; top: 44px; width: 140%; left: 0; overflow: hidden; z-index: 9999; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); border-radius: 10px; }
.ls-bmrx .j-links .select dd ul { padding: 15px 30px; background: #fff; overflow: hidden; border: #ddd 1px solid; }
.ls-bmrx .j-links .select dd ul li { float: left; height: 40px; line-height: 40px; width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ls-bmrx .j-links .select dd ul li a { display: block; padding: 0 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
@media (min-width: 1200px) and (max-width: 1419px) {
  .ls-bmrx { padding: 26px 0 26px 86px; }
  .ls-bmrx .j-links { right: 60px; }
}
@media (max-width: 1199px) {
  .ls-bmrx { padding: 20px 0 20px 16px; }
  .ls-bmrx .ls-bmrx-txt { padding-left: 94px; }
  .ls-bmrx .j-links { right: 15px; }
  .ls-bmrx .j-links .select dd { width: 116%; }
  .ls-bmrx .j-links .select dd ul { padding: 15px; }
}
@media (max-width:991px) {
  .mt20 { margin-top: 15px; }
  .mt30 { margin-top: 20px; }
  .ls-bmrx { height: auto; background-size: 100% 100%; padding: 20px 50px; }
  .ls-bmrx .j-links { position: relative; margin-top: 10px; top: auto; right: auto; }
  .ls-bmrx .j-links .select dd { width: 100%; }
  .ls-bmrx .j-links .select dd ul li { width: 33.3%; }
}
@media (max-width:767px) {
  .mt20 { margin-top: 10px; }
  .mt30 { margin-top: 20px; }
  .ls-bmrx .j-links .select dd ul { padding: 10px; }
  .ls-bmrx { padding: 20px; }
  .ls-bmrx .ls-bmrx-txt br { display: none; }
}
@media (max-width:600px) {
  .ls-bmrx .j-links .select dd ul li { width: 50%; }
  .ls-bmrx { padding: 10px; }
  .ls-bmrx .ls-bmrx-txt { background: transparent; padding-left: 0; }
  .ls-bmrx .j-links .select.select1 { margin-right: 7px; }
  .ls-bmrx .j-links .select { width: 134px; }
}
@media (max-width:400px) {
  .ls-bmrx .j-links .select dd ul li { width: 100%; }
}
/*便民热线 end*/
/* 切换选项卡 */
.ls-hdtab .ls-tabs { border-bottom: 2px solid #d61618; }
.ls-hdtab .ls-tabs li { float: left; width: 318px; margin-right: 22px; }
.ls-hdtab .ls-tabs li a { display: block; background: #fff4e8; padding: 20px 0; text-align: center; }
.ls-hdtab .ls-tabs li a .img { display: inline-block; margin-right: 5px; width: 44px; vertical-align: middle; height: 36px; overflow: hidden; }
.ls-hdtab .ls-tabs li a .title { display: inline-block; max-width: 78%; font-size: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; line-height: 40px; }
.ls-hdtab .ls-tabs li.last { margin-right: 0; }
.ls-hdtab .ls-tabs li.active a { background: #d61618; }
.ls-hdtab .ls-tabs li.active a img { margin-top: -40px; }
.ls-hdtab .ls-tabs li.active a .title { color: #fff; }
.ls-hdtab .ls-tabs li a .title br { display: none; }
@media (min-width: 1200px) and (max-width: 1419px) {
  .ls-hdtab .ls-tabs li { width: 268px; margin-right: 15px; }
}
@media (max-width: 1199px) {
  .ls-hdtab { margin-top: 20px; }
  .ls-hdtab .ls-tabs li { width: 216px; margin-right: 15px; margin-top: 10px; }
  .ls-hdtab .ls-tabs li a { padding: 10px 0; }
  .ls-hdtab .ls-tabs li a .title { line-height: 30px; max-width: 75%; }
  .ls-hdtab .ls-tabs li a .title br { display: block; }
}
@media (max-width:991px) {
  .ls-hdtab { margin-top: 10px; }
  .ls-hdtab .ls-tabs li { width: 49.5%; margin-right: 1%; }
  .ls-hdtab .ls-tabs li:nth-of-type(2n) { margin-right: 0; }
  .ls-hdtab .ls-tabs li a .title { max-width: 70%; }
}
@media (max-width:767px) {
  .ls-hdtab { margin-top: 0; }
}
@media (max-width:400px) {
  .ls-hdtab .ls-tabs li { width: 100%; }
}
/* 切换选项卡 end */

/*写信*/
.ls-xx { border: 1px solid #ddd; position: relative; }
.ls-xx::before { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 33.3%; top: 0; background: #ddd; }
.ls-xx::after { content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 66.6%; top: 0; background: #ddd; }
.ls-xx li { float: left; width: 33.3%; box-sizing: border-box; height: 160px; }

.ls-xx li:nth-last-of-type(1) { border-right: 0; }
.ls-xx li .list { width: 100%; height: 100%; box-sizing: border-box; padding: 30px 0 30px 30px; }
.ls-xx li img { margin-right: 26px; }
.ls-xx li .img-title { display: inline-block; max-width: 70%; }
.ls-xx li .img-title>a { font-size: 22px; font-weight: bold; display: block;}
.ls-xx li .img-title span { line-height: 1.5; font-size: 16px; font-weight: normal; color: #9e9e9e; margin-top: 6px; max-height: 80px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: justify; overflow: hidden; }
.ls-xx li a.red { display: inline; color: red; }
@media (max-width: 1419px) {
  .ls-xx li { height: 140px; }
  .ls-xx li .list { padding: 20px 0 20px 15px; }
  .ls-xx li img { margin-right: 20px; }
  .ls-xx li .img-title { max-width: 68%; }
}
@media (max-width: 1199px) {
  .ls-xx li img { margin-right: 10px; }
  .ls-xx li .img-title { max-width: 64%; }
}

@media (max-width:991px) {
  .ls-xx li { height: auto; }
  .ls-xx li .list { padding: 15px; text-align: center; }
  .ls-xx li .img-title { max-width: 100%; }
  .ls-xx li img { margin-right: 0; margin-bottom: 10px; }
  .ls-xx li .img-title span { max-height: none; display: block; }
}
@media (max-width:767px) {
  .ls-xx li .list { padding: 10px; }
}
@media (max-width:400px) {
  .ls-xx::before ,.ls-xx::after {
    display: none;
  }
  .ls-xx li { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; }
  .ls-xx li:nth-last-of-type(1) { border-bottom: 0; }
}
/*写信 end*/

/*回复选登*/

.ls-hfxd { width: 882px; }
.hd_mesgbox .li-p { text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hd_mesgbox .p2 { width: 140px; position: absolute; top: 2px; right: 208px; 
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.hd_mesgbox .p3 { width: 100px; position: absolute; top: 2px; right: 0; }
.hd_mesgbox .p1 { margin-right: 370px; }
.hd_mesghead { height: 44px; background: #f8f8f8; position: relative; }
.hd_mesghead .li-p { height: 44px; line-height: 44px; font-size: 17px; color: #394351; font-weight: bold; }
.hd_mesglist { font-size: 16px; padding-top: 14px; }
.hd_mesglist li { height: 42px; line-height: 42px; padding: 2px 0; vertical-align: bottom; overflow: hidden; position: relative; border-bottom: 1px dashed #dbdbdb; }
.hd_mesglist .p1 a { display: block; padding: 0 10px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1419px) {
  .ls-hfxd { width: 700px; }
}
@media (max-width: 1199px) {
  .ls-hfxd { width: 575px; }
  .hd_mesgbox .p2 { right: 122px; }
  .hd_mesgbox .p1 { margin-right: 254px; }
}
@media (max-width:991px) {
  .ls-hfxd { width: auto; float: none; }
}
@media (max-width:767px) {
}
@media (max-width:470px) {
  .hd_mesgbox .p1 { margin-right: 220px; }
  .hd_mesgbox .p2 { right: 100px; width: 120px; }
}
@media (max-width:370px) {
  .hd_mesgbox .p1 { margin-right: 100px; }
  .hd_mesgbox .p2 { display: none; }
}
/*回复选登 end*/

/*信件统计*/
.ls-xjtj { width: 430px; }
.ls-xjtj .ind-title { border-bottom: 0; }
.ls-xjtjbox { border: 1px solid #ddd; padding: 22px; height: 390px; box-sizing: border-box; }
.ls-xjtjbox>img { max-width: 100%; height: auto; }
.ls-xjtj .lmmesg-historyData { background: #f8f8f8; padding: 8px 25px; margin-bottom: 10px; }
.ls-xjtj .lmmesg-historyData li { line-height: 30px; max-width: 50%; }
.ls-xjtj .lmmesg-historyData li i { font-style: normal; }
.ls-xjtj .lmmesg-historyData li .tj_s { font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ls-xjtj .lmmesg-historyData li .tj_s:nth-of-type(2n) { margin-right: 0; }
.ls-xjtj .lmmesg-historyData li .tj_s .num { color: #d61618; font-size: 18px; padding-left: 15px; }
@media (max-width: 1419px) {
  .ls-xjtj { width: 400px; }
}
@media (max-width: 1199px) {
  .ls-xjtj { width: 315px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ls-xjtjbox { padding: 10px; }
  .ls-xjtj .lmmesg-historyData { padding: 8px; }
  .ls-xjtj .lmmesg-historyData li .tj_s .num { padding-left: 6px; }
}
@media (max-width:991px) {
  .ls-xjtj { width: auto; float: none; }
  .ls-xjtjbox { height: auto; }
}
@media(min-width:470px) and (max-width:991px) {
  .ls-xjtj .lmmesg-historyData li { float: none; max-width: none; }
  .ls-xjtj .lmmesg-historyData li .tj_s { float: left; width: 33.3%; text-align: center; }
}
@media (max-width:767px) {
  .ls-xjtjbox { padding: 10px; }
  .ls-xjtj .lmmesg-historyData { padding: 8px; }
}
@media (max-width:350px) {
  .ls-xjtj .lmmesg-historyData li { float: left; max-width: 100%; }
}
/*信件统计 end*/

/*在线访谈*/
.hd-zxftcon { width: 820px; }
.hd-zxftcon .ftimg { float: left; width: 380px; height: 240px; }
.hd-zxftcon .ftimg a, .hd-zxftcon .ftimg img { display: block; width: 100%; height: 100%; }
.hd-zxftcon .ftcon { float: right; width: 420px; height: 240px; overflow: hidden; }
.hd-zxftcon .ftcon .ft-title { display: block; font-size: 22px; font-weight: bold; line-height: 38px; display: -webkit-box; max-height: 76px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hd-zxftcon .ftcon .ft-title a { color: #d61618; }
.hd-zxftcon .ftcon li { line-height: 30px; height: 30px; font-size: 16px; color: #666; position: relative; padding: 2px 0 2px 80px; }
.hd-zxftcon .ftcon li .tit { width: 80px; font-weight: bold; position: absolute; left: 0; top: 4px; }
.hd-zxftcon .ftcon li.nr, .hd-zxftcon .ftcon li.xx { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hd-zxftcon .ftcon li.jianjie { height: auto; display: -webkit-box; max-height: 90px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hd-zxftcon .ftcon li.jianjie a { color: #ff6200; }
.hd-zxftcon .ftcon li.jianjie a:hover { text-decoration: underline; }
.hd-fthg { width: 485px; height: 240px; background: #f9f9f9; }
.hd-fthg .news-list { padding: 5px 18px 0; }
.hd-fthg .news-list li { height: 32px; line-height: 32px; padding-right: 0; }
.hd-fthg .news-list li .date { display: none; }
.hd-fthg .news-list li a { float: none; display: block; }
.ft-tabs { height: 32px; line-height: 32px; padding-top: 10px; }
.ft-tabs ul { background: url(../images-new/ft-lineico.png) left center no-repeat; padding-left: 5px; }
.ft-tabs li { font-size: 20px; color: #394351; padding: 0 10px; }
.ft-tabs li.active { font-weight: bold; }
.ft-tabs li a { color: #394351; }
.ft-tabs .ftyg-btn { width: 73px; height: 30px; padding-left: 35px; line-height: 30px; background: #fff no-repeat 8px center; background-image: url(../images-new/hd_ftygico.png)!important; border-radius: 3px; color: #ef8945; }
.ft-tabs .ftyg-btn:hover { box-shadow: #f1d9c6 0 0 5px 1px; -webkit-box-shadow: #f1d9c6 0 0 5px 1px; }

/*征集调查*/
.hd-zjdcbox { width: 810px; min-height: 368px; padding-right: 20px; border-right: 1px dashed #e7e7e7; }
.zjdc-list { overflow: hidden; }
.zjdc-list li { padding: 15px 0; border-bottom: 1px dashed #e7e7e7; position: relative; }
.zjdc-list li .zt { position: absolute; left: 0; top: 15px; width: 106px; height: 30px; color: #999; background: #f9f9f9; border-radius: 20px; line-height: 30px; text-align: center; font-size: 16px; }
.zjdc-list li .zt.starting { color: #d61618; }
.zjdc-list li .zjcon { padding-left: 116px; }
.zjdc-list li .zjcon .zjtit { line-height: 28px; font-size: 17px; display: -webkit-box; max-height: 60px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.zjdc-list li .zjcon .zjtit .title { font-weight: bold; }
.zjdc-list li .zjcon .jg { margin-left: 5px; }
.zjdc-list li .zjcon .jg a.result { padding-left: 5px; color: #ff6200; }
.zjdc-list li .zjtime { font-size: 15px; color: #999; line-height: 24px; margin-top: 6px; }
.zjdc-list li .zjcon span { margin-right: 20px; }

/*答问知识库*/
.hd-dwzskbox { width: 490px; height: 373px; }
.hd-dwzskbox .news-list { padding-top: 10px; }
.hd-dwzskbox .news-list li { padding-right: 0; }
.hd-dwzskbox .news-list li a { float: none; display: block; }
.hd-dwzsklink { margin-top: 5px; border-top: 1px dashed #d9d9d9; }
.hd-dwzsklink li .img_title { display: none; }
.hd-dwzsklink li { float: left; width: 240px; margin-top: 15px; }
.hd-dwzsklink li.num2, .hd-dwzsklink li.num4 { float: right; }
.hd-dwzsklink li img { width: 100%; height: 60px; }

@media (min-width: 1200px) and (max-width:1429px) {
  /*在线访谈*/
  .hd-zxftcon { width: 700px; }
  .hd-zxftcon .ftimg { width: 320px; }
  .hd-zxftcon .ftcon { width: 360px; }
  .hd-fthg { width: 400px; }
  /*征集调查*/
  .hd-zjdcbox { width: 680px; }
  /*答问知识*/
  .hd-dwzskbox { width: 400px; }
  .hd-dwzsklink li { width: 195px; }
  .hd-dwzsklink li img { height: 50px; }
}
@media (max-width:1199px) {
  /*在线访谈*/
  .hd-zxftcon { float: none; width: auto; }
  .hd-fthg { float: none; width: auto; margin-top: 20px; }
}
@media (min-width: 992px) and (max-width:1199px) {
  /*在线访谈*/
  .hd-zxftcon .ftimg { width: 320px; }
  .hd-zxftcon .ftcon { width: 572px; }
  /*征集调查*/
  .hd-zjdcbox { width: 540px; }
  /*答问*/
  .hd-dwzskbox { width: 330px; }
  .hd-dwzsklink li { width: 160px; }
  .hd-dwzsklink li img { height: 40px; }
}
@media (max-width:991px) {
  /*在线访谈*/
  .hd-zxftcon .ftcon, .hd-zxftcon .ftimg { float: none; width: auto; height: auto; }
  .hd-zxftcon .ftimg { text-align: center; }
  .hd-zxftcon .ftimg img { width: auto; height: auto; max-width: 100%; display: inline-block; }
  .hd-zxftcon .ftcon { margin-top: 10px; }
  .hd-zxftcon .ftcon li { height: auto; }
  .hd-zxftcon .ftcon li.nr, .hd-zxftcon .ftcon li.xx { white-space: normal; }
  .hd-zxftcon .ftcon li.jianjie { display: block; max-height: none; }
  /*征集调查*/
  .hd-zjdcbox { float: none; width: auto; height: auto; min-height: auto; padding-right: 0; border-right: 0; }
  /*答问*/
  .hd-dwzskbox { float: none; width: auto; height: auto; }
  .hd-dwzsklink li { width: 346px; }
  .hd-dwzsklink li img { height: 86px; }
}
@media (max-width:767px) {
  /*在线访谈*/
  .hd-zxftcon .ftcon li { padding-left: 0; font-size: 15px; line-height: 26px; }
  .hd-zxftcon .ftcon .ft-title { font-size: 20px; }
  .hd-zxftcon .ftcon li .tit { position: static; width: auto; }
  /*征集调查*/
  .zjdc-list li .zt { width: 86px; }
  .zjdc-list li .zjcon { padding-left: 96px; }
  .zjdc-list li .zjcon .zjtit { font-size: 16px; }
  .zjdc-list li .zjcon span { display: inline-block; }
  .zjdc-list li .zjtime { font-size: 14px; }
  /*答问*/
  .hd-dwzsklink li { width: 49%; margin-top: 10px; }
  .hd-dwzsklink li img { height: auto; }
}
@media (max-width:374px) {
/*.bmrx-links li{width:48%;margin-top:10px;}
    .bmrx-links li.num2{margin-right:0;}
    .bmrx-links li.num3{width:100%;}
    .hd-links1,.hd-links2{float: none;width:auto;}
    .hd-links1 li a{padding:15px 5px;}*/
  .bmrx-tit img { display: block; margin: auto; }
  /*答问*/
  .hd-dwzsklink li { width: 100%; }
}