@charset "utf-8";
/* CSS Document */
/*互动横幅*/
.ls-hdjltop{height: 185px; margin: 27px 0 32px; background: url("../images-new/hdjl-topbg.png") no-repeat; background-size: 100% 100%;}
.ls-hdlm1{ margin: 54px 0 0 56px; float: left;}
.ls-hdlm1 .img_title{display: none;}
.ls-hdlm2{width: 473px; margin-top: 67px; float: right;}
.ls-hdlm2 li{float: left; margin-right:40px;}
.ls-hdlm2 li a{ line-height: 52px;text-shadow: 0px 2px 6px rgba(25, 131, 214, 0.6); font-size:30px; font-weight:bold;color: #FFFFFF;letter-spacing: 0.03em; display: block;}
.ls-hdlm2 li img{ display: inline-block;}
.ls-hdlm2 li a:hover{ text-shadow: 0px 2px 6px #007FE1;}
.ls-hdlm2 li a:hover img{-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-hdlm1{ margin-left: 26px;}
    .ls-hdlm2{width: 330px;}
    .ls-hdlm2 li{ margin-right: 20px;}
    .ls-hdlm2 li a{ font-size: 20px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-hdlm1{ margin: 24px 0 0 56px;}
    .ls-hdlm2{ margin-top: 10px;}
}
@media (max-width: 991px){
    .ls-hdjltop{  margin: 15px 0;}
    .ls-hdlm1{ margin: 0px; float: none;text-align: center;padding: 20px;}
    .ls-hdlm1 img{width: 100%; height: auto;}
    .ls-hdlm2{width: 100%; margin-top: 0px; float: none; text-align: center;}
    .ls-hdlm2 li{float: none; margin:0 20px; display: inline-block;}
    .ls-row{ margin: 0 10px;}
    .ls-module{ width: auto!important; float: none;}
    .ls-btabs{overflow: hidden;}
}
@media (max-width: 767px){
    .ls-hdjltop{height: auto; margin: 10px 0;}
    .ls-hdlm2{ padding-bottom: 10px;}
    .ls-hdlm2 li{ margin:0 10px 10px;}
    .ls-hdlm2 li a{ font-size: 20px;}
}
/*留言选登*/
.ls-hdjl-left{width:850px; margin: 0px 0 20px;}
.ls-hdjlcontent{ margin-top: 12px;font-size: 18px;}
.ls-message-title{background: #EBF6FF; height: 46px; line-height: 46px;color: #007FE1; position: relative;}
.ls-message-title p{ border-right:2px solid #fff;}
.ls-message-title p.p3{ border-right: none;}
.ls-message-list{ margin-top: 8px;}
.ls-message-list ul li{ position: relative;height: 44px; line-height: 44px;padding: 2px 0px;color: rgba(0, 0, 0, 0.8);}
.ls-hdjlcontent p,.ls-message-list ul li div{ position: absolute; top:0px;text-align: center;}
.ls-hdjlcontent .p1{ position: static; margin-right: 284px;   }
.ls-hdjlcontent .p2{width: 140px; right: 142px;}
.ls-hdjlcontent .p3{width: 140px; right: 0px;}
.ls-message-list .p2{ color: rgba(0, 0, 0, 0.4);}
.ls-message-list .p1{ text-align: left;}
.ls-message-list .p1 a{padding-left: 32px; background: url("../images-new/mail-ico.png") left center no-repeat; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ls-hdjl-right{width: 518px; margin-bottom:32px;}
.histrybtn{float:right; line-height: 34px;color:#007FE1; font-size: 18px; padding-left: 29px; background: url("../images-new/historybtn.png") left center no-repeat;}
.histrybtn:hover{ color:#FFC300;text-decoration: underline;}
.ls-hdjl-total{margin-top: 12px;  background: url("../images-new/lytjbg.png") right bottom no-repeat; border: 1px solid #D9F2FF;height: 288px;padding: 20px; }
.ls-yeartab{width: 110px; border-radius: 4px;background: #DEF3FF;padding: 4px; height: 26px;float:left; position: relative;    z-index: 1;}
.ls-yeartab ul li{width: 50%; float: left;text-align: center;}
.ls-yeartab ul li a,.ls-yeartab ul li span{color: #007FE1;line-height: 26px; font-size: 18px;display: block;}
.ls-yeartab ul li.active a{ background: #FFFFFF;border-radius: 4px;}
.ls-totalnum{ float:right; font-size: 18px; color: #6A7590; line-height: 34px;}
.ls-totalnum span{ margin-left: 20px;}
.ls-totalnum span i{ font-style: normal;}
.ls-lytjbox{ text-align: center;}
.chart-box { width: 100%;   height: 258px;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-hdjl-left{width: 750px;}
    .ls-hdjl-right{width: 418px;}
    .ls-totalnum{ font-size: 14px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-hdjl-left{width: 614px;}
    .ls-hdjl-right{width:358px;}
    .ls-hdjlcontent .p1{  margin-right: 224px;   }
    .ls-hdjlcontent .p2{width: 120px; right: 102px;}
    .ls-hdjlcontent .p3{width: 100px; }
}
@media (max-width: 991px){
    .ls-hdjl-total{ height: auto;overflow: hidden;min-height: 248px; background-size: 100% 100%;padding: 15px;}
    .ls-hdjl-left,.ls-hdjl-right{ margin-bottom: 15px;}
    .ls-hdjlcontent{  font-size: 16px;}
    .ls-hdjlcontent .p1{  margin-right: 224px;   }
    .ls-hdjlcontent .p2{width: 120px; right: 102px;}
    .ls-hdjlcontent .p3{width: 100px; }
    .chart-box{ height: 218px;}
}
@media (max-width: 767px){
    .ls-hdjl-total{padding: 10px;}
    .ls-hdjl-left,.ls-hdjl-right{ margin-bottom: 10px;}
    .ls-totalnum{ font-size: 14px;}
    .ls-totalnum span{ margin: 0 10px 0 0;}
    .ls-message-list ul li{ height: 34px; line-height: 34px;}
    .ls-yeartab ul li a, .ls-yeartab ul li span{ font-size: 16px;}
    .chart-box{ height: 218px;}
}
@media (max-width: 517px){
    .ls-hdjlcontent .p1{  margin-right: 82px;   }
    .ls-hdjlcontent .p2{display: none;}
    .ls-hdjlcontent .p3{width: 80px; }
}
/*在线访谈*/
.ls-zxftbox{background: #F0F9FE;padding: 24px 0 32px; overflow: hidden;}
.ls-zxftbox-l{width:846px;}
.ls-interview-con{ margin-top: 16px;}
.ls-interview-con .ftimg{width: 380px; height: 240px;float:left;}
.ls-interview-con .ftimg img{width: 100%; height:100%;}
.ls-interview-con .ftcon{ margin-left: 404px;color: rgba(0, 0, 0, 0.8); font-size: 18px;}
.ls-interview-con .ftcon .title{line-height: 34px; margin-bottom: 7px; }
.ls-interview-con .ftcon .title a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: rgba(0, 0, 0, 0.8); font-size: 24px; font-weight: bold;}
.ls-interview-con .ftcon .title a:hover{color: #007FE1;}
.ls-interview-con .ftcon p{ line-height: 36px;}
.ls-interview-con .ftcon .zy_con{ line-height: 30px;}
.ls-interview-con .ftcon .zy_con span{height: 90px;float:left; }
.ls-zxftbox-r{width: 518px;}
.ls-interview-list{ margin-top: 16px;position: relative; background: url("../images-new/ft-linebg.png") 6px top repeat-y;}
.ls-interview-list ul li{background: url("../images-new/ft-dot.png") left 5px no-repeat; margin-bottom: 36px;padding-left: 29px; }
.ls-interview-list ul li:last-child{ margin-bottom: 0;}
.ls-interview-list ul li a{ line-height: 24px; margin-bottom: 8px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-size: 18px;float:none;}
.ls-interview-list ul li .date{float:none; display: block; line-height: 22px; background: url("../images-new/ft-datetime.png") left center no-repeat; padding-left: 22px;color: rgba(0, 0, 0, 0.4); font-size: 16px;}
.ls-interview-list ul li a:hover{color: #007FE1;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-zxftbox-l{width:746px;}
    .ls-interview-con .ftimg{width: 320px; }
    .ls-interview-con .ftcon{margin-left: 344px;}
    .ls-zxftbox-r{width: 418px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-zxftbox-l{width:614px;}
    .ls-interview-con .ftimg{width: 300px; height: 189px; }
    .ls-interview-con .ftcon{ margin-left: 320px;  font-size: 16px;}
    .ls-interview-con .ftcon p{ line-height: 30px;}
    .ls-interview-con .ftcon .zy_con{ line-height: 24px;}
    .ls-interview-con .ftcon .zy_con span{height: 96px;  }
    .ls-zxftbox-r{width: 358px;}
    .ls-interview-list ul li{ margin-bottom: 30px;}
}
@media (max-width: 991px){
    .ls-zxftbox-l{ overflow: hidden; margin-bottom: 15px;}
    .ls-interview-con .ftcon{ font-size: 16px;}
    .ls-zxftbox{ padding:15px 0px;}
}
@media (max-width: 767px){
    .ls-interview-con{ margin-top: 10px;}
    .ls-interview-con .ftimg{width: 100%; height: auto;float:none;}
    .ls-interview-con .ftimg img{  height:auto;}
    .ls-interview-con .ftcon{ margin-left:0px;  font-size: 16px;padding-top: 10px;}
    .ls-interview-con .ftcon .title{ margin-bottom: 0px;}
    .ls-interview-con .ftcon .title a{ white-space: normal; font-size: 20px;}
    .ls-interview-con .ftcon .zy_con span{ height: auto;}
    .ls-interview-list ul li{ margin-bottom: 15px;}
    .ls-interview-list ul li a{ white-space: normal;}
}
/*征集调查答问知识库*/
.ls-zjdcbox{background: url("../images-new/zjdcbg.png") center bottom  no-repeat;padding: 32px 0;}
.ls-collect-list{ margin-top: 16px;}
.ls-collect-list .bd{ height: 165px; overflow: hidden;}
.ls-collect-list .bd li .collect-list{ float: left; width: 445px; height: 165px;  margin-right: 32px;}
.ls-collect-list .bd li>div:last-child{   margin-right: 0;}
.ls-collect-list .bd li .collect-list .collect-con{  border: 1px solid #C8ECFF;background: #fff; height: 126px; padding:12px 20px 20px; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; box-shadow: 5px 5px 5px rgba(229, 245, 252, 0.8); }
.ls-collect-list .bd li .collect-list .collect-con:hover,.ls-dzzsk-list .bd li .aq-info .aq-con:hover{border-color:#007FE1; }
.ls-collect-list  li .collect-title{  height: 90px; display: block; display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:3; }
.ls-collect-list  li .zt{ display: inline-block; border-radius: 12px 0px 8px 12px; line-height: 20px; text-align: center; font-size: 14px; color: #999; width: 62px; height: 20px; border: 1px solid #999999; }
.ls-collect-list  li .zt.starting{ background: #007FE1; border: 1px solid #007FE1; color: #fff; }
.ls-collect-list  li .zt.nostart{ background: red; border: 1px solid red; color: #fff; }
.ls-collect-list  li .collect-title a{ font-size: 18px; line-height: 30px; float: none; display: inline;}
.ls-collect-list  li .collect-title a:hover{ color:#007FE1;}
.ls-collect-list  li .collect-date{ position: relative; margin-top: 8px; color: rgba(0, 0, 0, 0.4); font-size: 18px;}
.ls-collect-list  li .collect-date .feedbackLink{ position: absolute; right: 0; top:0; color: #007FE1;  font-size: 18px;}
.ls-collect-list  li .collect-date .feedbackLink:hover{ color: #94070A; }
.ls-collect-list .hd { text-align: center; margin-top: 29px; font-size: 0; height: 12px; line-height: 0; }
.ls-collect-list .hd  li{ display: inline;}
.ls-collect-list .hd  li { display: inline-block; cursor: pointer; margin-left: 10px; transition: 0.4s all; width:12px; height: 12px; background: rgba(0, 127, 225, 0.4)!important; border-radius: 50%;}
.ls-collect-list .hd li span{ display:block; font-size: 0; height: 100%;}
.ls-collect-list .hd li.on{ width: 32px; background: #007FE1 !important;border-radius: 16px; }
.ls-dzzsk-list .bd li .aq-info{float: left; width: 445px; height: 165px;  margin-right: 32px;}
.ls-dzzsk-list .bd li .aq-info .aq-con{ font-size: 16px; line-height: 24px;  border: 1px solid #C8ECFF;background: #fff; height: 122px; padding:16px 20px 20px; -moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s; box-shadow: 5px 5px 5px rgba(229, 245, 252, 0.8); }
.ls-dzzsk-list li .aq-wen{ margin-bottom: 24px; color: #007FE1;     overflow: hidden;min-height: 50px; display: block; display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2;  }
.ls-dzzsk-list li .aq-wen a{ color: #007FE1;  font-size: 18px;}
.ls-dzzsk-list li .aq-wen a:hover{ color:#FFC300 }
.ls-dzzsk-list li .aq-da{    overflow: hidden; color: rgba(0, 0, 0, 0.8);height: 56px; line-height: 28px; display: block; display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.ls-dzzsk-list li .aq-ico{  display: inline-block;  text-align: center; width: 38px;height: 24px; line-height: 24px; color: #fff; background: #007FE1;  border-radius: 10px 10px 0 10px; margin-right: 8px; }
.ls-dzzsk-list li .aq-da .aq-ico{  background: #FFC300; margin-right: 0px;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-collect-list .bd li .collect-list,.ls-dzzsk-list .bd li .aq-info{width: 378px;}
    .ls-dzzsk-list li .aq-wen{ margin-bottom: 10px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-collect-list .bd li .collect-list,.ls-dzzsk-list .bd li .aq-info{width: 317px; margin-right: 20px;}
    .ls-collect-list li .collect-date,.ls-collect-list li .collect-date .feedbackLink{ font-size: 16px;}
    .ls-dzzsk-list li .aq-wen{ margin-bottom: 10px;}
}
@media (max-width: 991px){
    .ls-zjdcbox{ padding: 15px 0px;}
    .ls-collect-list .bd li .collect-list,.ls-dzzsk-list .bd li .aq-info{width: 239px; margin-right: 15px;}
    .ls-collect-list .bd li .collect-list .collect-con{ padding: 10px; height: 138px;}
    .ls-collect-list li .collect-title{ height: 78px;}
    .ls-collect-list  li .collect-title a{ font-size: 16px; line-height: 26px;}
    .ls-collect-list li .collect-date{ font-size: 14px;}
    .ls-collect-list li .collect-date .feedbackLink{ position: static; display: block; font-size: 16px;}
    .ls-dzzsk-list li .aq-wen{ margin-bottom: 15px;}
    .ls-collect-list .hd{ margin-top: 15px;}
}
@media (max-width: 767px){
    .ls-zjdcbox{ padding: 10px 0px;}
    .ls-collect-list{ margin-top: 10px;}
    .ls-collect-list .bd{ height: auto;}
    .ls-collect-list .bd li .collect-list,.ls-dzzsk-list .bd li .aq-info{width: auto; margin-right: 0px;float: none; margin-bottom: 10px;}
    .ls-collect-list .hd{ margin-top: 0px;}
}