@charset "utf-8";
/* CSS Document */
.ls-lmcontainer{ margin-bottom: 30px;}
/* 滚动条 */
.slimScrollRail{ background: #d9f1ff !important; }
.slimScrollBar{ background: #007fe1 !important; }
.wza-black-white .interview-detail .slimScrollBar{ background: white !important; }
.wza-yellow-black .interview-detail .slimScrollBar{ background: black !important; }
.wza-blue-yellow .interview-detail .slimScrollBar{ background: yellow !important; }
.wza-yellow-blue .interview-detail .slimScrollBar{ background: blue !important; }
.wza-white-black  .interview-detail .slimScrollBar{ background: black !important; }
.wza-black-yellow .interview-detail  .slimScrollBar{ background: yellow !important; }
.wza-black-white .ls-ft-top .slimScrollBar{ background: white !important; }
.wza-yellow-black .ls-ft-top .slimScrollBar{ background: black !important; }
.wza-blue-yellow .ls-ft-top .slimScrollBar{ background: yellow !important; }
.wza-yellow-blue .ls-ft-top .slimScrollBar{ background: blue !important; }
.wza-white-black  .ls-ft-top .slimScrollBar{ background: black !important; }
.wza-black-yellow .ls-ft-top  .slimScrollBar{ background: yellow !important; }
/* 最新访谈 */
.ls-ft-top{border-radius: 12px;  background: rgb(240, 249, 254); padding: 30px; margin-bottom: 30px;}
.ft-golink{ position: absolute; padding-right: 30px; right: 0; top:0;  line-height: 28px;  background: url(../images-new/ft-link.png) right center no-repeat; font-size: 18px;color: rgb(0, 127, 225);}
.ft-golink:hover{ font-weight: bold;}
.ls-ft-box{ background: #fff;  padding: 30px; margin-top: 22px;}
.ls-ft-box .ls-ft-left{  width: 985px; float:left;}
.ls-ft-box .ls-ft-left .ft-pic{  width: 520px;}
.ls-ft-box .ls-ft-left .ft-pic img{  width: 100%; height: 304px;}
.ls-ft-box .ls-ft-left .ft-content{  margin-left: 550px;}
.ls-ft-box .ls-ft-left .ft-content .ft-title{  height: 58px; line-height: 58px; font-size: 28px; font-weight: bold; color: #007FE1; }
.ls-ft-box .ls-ft-left .ft-content .ft-title a{  max-width: 100%; display: inline-block; color: #007FE1;  white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-ft-box .ls-ft-left .ft-content .ft-li{height: 32px; line-height: 32px; margin: 6px 0; font-size: 18px; }
.ls-ft-box .ls-ft-left .ft-content .ft-nr{ line-height: 32px; font-size: 18px;  margin: 6px 0; }
.ls-ft-box .ls-ft-left .ft-content .ft-li .tit,.ls-ft-box .ls-ft-left .ft-content .ft-nr .tit{ font-weight: bold; display: block; float:left; width: 92px; }
.ls-ft-box .ls-ft-left .ft-content .ft-li .txt,.ls-ft-box .ls-ft-left .ft-content .ft-nr .info{  display: block; margin-left: 92px; }
.ls-ft-box .ls-ft-left .ft-content .ft-nr .info a{color: #007FE1; }
.ls-ft-box .ls-ft-left .ft-content .ft-nr .info a:hover{color: #f00; }
.ls-ft-box .ls-ft-right{  width: 242px;   height: 304px; background: #F0F9FE; float:right;}
.ls-ft-box .ls-ft-right .ft-dw-title{ height: 20px; padding: 20px 0; color: #007FE1;font-size: 18px;  font-weight: bold; }
.ls-ft-box .ls-ft-right .ft-dw-title .tit{ display: inline-block; padding-left: 18px; height: 20px; line-height: 20px; border-left:6px solid #007FE1; }
.ls-ft-box .ls-ft-right .ft-dw-info{   height: 220px; overflow: hidden; margin: 0 15px;  font-size: 16px; line-height: 2;}
.ls-ft-box .ls-ft-right .slimScrollDiv{ padding-right: 15px; }

@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-ft-top{padding: 20px; }
    .ls-ft-box .ls-ft-left{  width: 825px;}
    .ls-ft-box .ls-ft-left .ft-pic{  width: 440px;}
    .ls-ft-box .ls-ft-left .ft-pic img{  height: 257px;}
    .ls-ft-box .ls-ft-left .ft-content{  margin-left: 470px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-ft-top{padding: 20px; }
    .ls-ft-box{ padding: 20px;}
    .ls-ft-box .ls-ft-left{ width: auto; float: none;}
    .ls-ft-box .ls-ft-right{ width: auto; float: none; margin-top: 30px;}

}
@media (max-width: 991px){
    .ls-ft-top{padding: 20px; }
    .ls-ft-box{ padding: 20px;}
    .ls-ft-box .ls-ft-left{ width: auto; float: none;}
    .ls-ft-box .ls-ft-right{ width: auto; float: none; height: auto; margin-top: 30px;}
    .ls-ft-box .ls-ft-left .ft-content .ft-li,.ls-ft-box .ls-ft-left .ft-content .ft-nr{height: auto; line-height: 1.8; font-size: 16px; }
    .ls-ft-box .ls-ft-left .ft-pic{  width: auto; float: none; height: auto;}
    .ls-ft-box .ls-ft-left .ft-pic img{  height: auto;}
    .ls-ft-box .ls-ft-left .ft-content{  margin-left: 0;}
    .ls-ft-box .ls-ft-right{  margin-top: 20px;}
    .ls-ft-box .ls-ft-right .ft-dw-info{ height: auto;}
    .ls-ft-box .ls-ft-right .slimScrollDiv{ padding-right: 0; height: auto !important;}
    .ls-ft-box .ls-ft-right .j-scrollbar{  height: auto !important;}
    .ls-ft-box .ls-ft-right .slimScrollRail,.ls-ft-box .ls-ft-right .slimScrollBar{ display: none; }

}
@media (max-width: 767px){
    .ls-ft-top{ margin: 0 10px 10px 10px; padding: 10px}
    .ls-ft-box{ padding:10px;}
    .ls-ft-box .ls-ft-right{  margin-top: 10px;}
}
/* 访谈回顾 */
.ls-fthg-box .ft-year{ position: absolute; right: 0; top:0; width: 120px; height: 34px; line-height: 34px;  background: #d9f1ff; border: 1px solid #c7ebff; cursor: pointer;}
.ls-fthg-box .ft-year select{ width: 100%; padding: 0 10px; box-sizing: border-box; background: transparent; border: none; text-align: center;  font-size: 18px; line-height: 34px; color: #007FE1;}
.ls-fthg-box .ft-year .selectBox-dropdown{ width: 100% !important; cursor: pointer; box-sizing: border-box; padding: 0 10px; color: #007FE1;}
.ls-fthg-box .ft-year .selectBox-dropdown .selectBox-label{color: #007FE1 !important; }
.ls-fthg-box .ft-year .selectBox-dropdown .selectBox-arrow{ right: 10px; width: 18px; height: 28px; background: url(../images-new/year-select.png) center center no-repeat !important;}
.selectBox-dropdown-menu{background: #fff !important; border: 1px solid #c7ebff !important; border-top:none !important;  }
.selectBox-options li a{ font-size: 18px; line-height: 34px; text-align: left !important; padding-left: 10px;}
.selectBox-options li.selectBox-hover a{  background: #d9f1ff !important;;color: #007FE1 !important;}
.interview-list{ margin-top: 30px;}
.interview-list li{ height: 222px;  position: relative; border-bottom: 1px dashed rgba(0, 127, 225, 0.4);  padding-bottom: 40px; margin-bottom: 40px;}
.interview-list li i{ font-style: normal;}
.interview-list li .interview-img{ float: left; width: 380px; height: 222px;}
.interview-list li .interview-img img{  width: 100%; height: 222px;}
.interview-list li .interview-info{  margin: 0 374px 0 415px;}
.interview-list li .interview-info .interview-title{ font-size: 20px; margin-bottom: 4px; font-weight: bold; height: 40px; line-height: 40px;}
.interview-list li .interview-info .interview-title a{  display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.interview-list li .interview-info .interview-font{ font-size: 18px;margin:  3px 0; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; height: 32px; line-height: 32px; padding-left: 90px; position: relative;}
.interview-list li .interview-info .interview-note{ font-size: 18px;margin:  3px 0; padding-left: 90px;  line-height: 32px; position: relative;}
.interview-list li .interview-info  .tit{  position: absolute; left:0; top:2px; width: 90px;}
.interview-list li .interview-info .interview-note a{color: #007FE1; }
.interview-list li .interview-info .interview-note a:hover{color: #f00; }
.interview-list li .interview-zj{ position: absolute; right: 0; top:0; width:300px;   height: 220px; padding-left: 30px; border-left:2px solid #e3f5ff;}
.interview-list li .interview-zj .ft_resultwz{border: 1px solid rgb(200, 236, 255); background: linear-gradient(180.00deg, rgb(240, 249, 254),rgb(255, 255, 255) 100%); height: 140px;}
.wza-black-white .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.wza-yellow-black .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.wza-blue-yellow .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.wza-yellow-blue .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.wza-white-black .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.wza-black-yellow .interview-list li .interview-zj .ft_resultwz{ background: transparent; }
.interview-list li .interview-zj .ft_resultwz .ft_xjlist{ height: 20px; padding: 15px 0; color: #007FE1;font-size: 18px;  font-weight: bold; }
.interview-list li .interview-zj .ft_resultwz .ft_xjlist .tit{ display: inline-block; padding-left: 18px; height: 20px; line-height: 20px; border-left:6px solid #007FE1; }
.interview-list li .interview-zj .ft_resultwz  .result-font{ font-size: 16px;  padding: 0 0 0 20px; line-height: 32px;}
.interview-list li .interview-zj .ft_resultwz  .result-font .font-span{ display: block;}
.interview-list li .interview-zj .ft_resultwz  .result-font i{ font-style: normal;  color:#007FE1;}
.interview-list li .interview-zj .result-link{ margin-top: 18px;}
.interview-list li .interview-zj .result-link a{ display:block; height: 60px; line-height: 60px;  font-size: 16px; text-align: center; background: url(../images-new/tp-link.png) bottom right no-repeat #f0f9fe;   float: none; }
.interview-list li .interview-zj .result-link a.sl-link{ float: none; background: url(../images-new/sl-link.png) bottom right no-repeat #f0f9fe; }
@media (min-width: 1200px) and (max-width: 1399px) {
    .interview-list li .interview-info {margin: 0 364px 0 405px;}
    .interview-list li .interview-info .interview-note{ line-height: 30px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .interview-list li{  height: auto;}
    .interview-list li:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
    .interview-list li .interview-info {margin: 0 0 0 405px;}
    .interview-list li .interview-zj{ margin-top: 20px;  border:none;  padding: 0;  width: 100%; float: left; position: static; display: block;}
    /*.interview-list li .interview-zj .result-link a{ width: 49%;}*/
}
@media (max-width: 991px){
    .interview-list{ margin-top: 20px;}
    .interview-list li{  height: auto;   padding-bottom: 30px; margin-bottom: 30px;}
    .interview-list li:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
    .interview-list li .interview-info {margin: 0 0 0 400px;}
    .interview-list li .interview-info  .tit{   width: 84px;}
    .interview-list li .interview-info .interview-font{ font-size: 16px; padding-left: 84px; white-space: normal;  height: auto; line-height: 1.8;}
    .interview-list li .interview-info .interview-note{ font-size: 16px;line-height: 1.8; padding-left: 84px;}
    .interview-list li .interview-zj{ margin-top: 20px;    border:none;  padding: 0;  width: 100%; float: left; position: static; display: block;}
    /*.interview-list li .interview-zj .result-link a{ width: 49%;}*/

}
@media (max-width: 767px){
    .ls-fthg-box{ margin: 0 10px;}
    .ls-fthg-box .ft-year { background: none; width: auto; border: none;}
    .ls-fthg-box .ft-year select{    background: #d9f1ff; border: 1px solid #c7ebff;  width: auto; font-size: 16px; }
    .interview-list{ margin-top: 10px;}
    .interview-list li{    padding-bottom: 20px; margin-bottom: 20px;}
    .interview-list li .interview-img{ float: none; text-align: center; width: auto; height: auto;}
    .interview-list li .interview-img img{ width: 100%; height: auto;}
    .interview-list li .interview-info {margin: 10px 0 0 0;}
    .interview-list li .interview-zj{margin-top: 10px; height: auto;}
    .interview-list li .interview-zj .ft_resultwz{ height: auto; padding-bottom: 10px;}
    .interview-list li .interview-zj .ft_resultwz .ft_xjlist{  padding: 10px 0;  }
}

/* 访谈文章 */
.ls-interview-top{ border-radius: 12px; background: rgb(240, 249, 254); padding: 30px; margin-bottom: 30px; }
.ls-interview-top .interview-img{ width: 520px; height: 304px; float: left;}
.ls-interview-top .interview-img img{ width: 100%; height: 304px;}
.ls-interview-top .interview-info{ margin-left: 550px;}
.ls-interview-top .interview-wztitle{ color:#007FE1; font-size: 30px; text-align: center; font-weight: bold; line-height: 46px; }
.ls-interview-top .ls-article-menu{ padding: 12px 0;}
.ls-interview-top .interview-infocon{ padding: 10px 0 0 0;}
.ls-interview-top .interview-infocon .p1,.ls-interview-top .interview-infocon .p2{ margin: 4px 0; font-size: 18px; line-height: 1.8; }
.ls-interview-top .interview-infocon .bt{ float: left; display: block; font-weight: bold; width: 90px;}
.ls-interview-top .interview-infocon .nr,.ls-interview-top .interview-infocon .interview-names,.ls-interview-top .interview-infocon .note-content{ display: block; margin-left: 90px;}
.ls-interview-top .interview-infocon i{ font-style: normal; }
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-interview-top{ padding: 20px;}
}
@media  (max-width:1199px) {
    .ls-interview-top{ padding: 20px;}
    .ls-interview-top .interview-img{ width: auto;  text-align: center; height: auto; float: none;}
    .ls-interview-top .interview-img img{ width: auto; max-width: 100%; height: auto;}
    .ls-interview-top .interview-info{ margin: 10px 0 0 0;}
}
@media (max-width: 991px){
    .ls-interview-top{ padding: 20px; margin-bottom: 20px;}
    .ls-interview-top .interview-infocon .p1, .ls-interview-top .interview-infocon .p2{ font-size: 16px;}
    .ls-interview-top .interview-infocon .bt{  width: 84px;}
    .ls-interview-top .interview-infocon .nr,.ls-interview-top .interview-infocon .interview-names,.ls-interview-top .interview-infocon .note-content{ margin-left: 84px;}
}
@media (max-width: 767px){
    .ls-interview-top{padding: 10px;  margin-bottom: 10px;}
    .interview-detail{ padding:0 10px;}
    .ls-interview-top .interview-wztitle{ font-size: 28px; line-height: 1.6;}


}
/* 访谈文章-部门介绍 */
.ls-interview-bm{  padding: 26px 30px; margin-bottom: 30px; border: 1px solid #d9f2ff; background: url(../images-new/ft-wzico.png) left top no-repeat; }
.interview-bminfo{ margin-top: 10px;  font-size: 18px; line-height: 1.8;     text-align: justify;}
.interview-bm-note{  height: 100px; overflow: hidden;}
.interview-bm-note .slimScrollDiv{  padding-right: 20px;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-interview-bm{padding: 20px;}
}
@media  (max-width:1199px) {
    .ls-interview-bm{padding: 20px;}

}
@media (max-width: 991px){
    .ls-interview-bm{ padding: 20px; margin-bottom: 20px;}
    .interview-bm-note{  height: auto; font-size: 16px; }
    .interview-bm-note .slimScrollDiv{  height: auto !important; padding-right: 0;}
    .interview-bm-note .j-scrollbar{  height: auto !important;}
    .interview-bm-note .slimScrollRail,.interview-bm-note .slimScrollBar{ display: none !important; }
}
@media (max-width: 767px){
    .ls-interview-bm{ padding: 10px; margin-bottom: 10px;}
    .interview-bm-note{  }
}
/* 访谈文章-精彩图片 */
.ls-interview-img{ padding: 26px 30px; border: 1px solid #d9f2ff; background: url(../images-new/ft-wzico.png) left top no-repeat;margin-bottom: 30px;  }
.ft-slide{  position: relative; margin-top: 20px;  height: 210px; }
.ft-slide .ls-prev,.ft-slide .ls-next{ position: absolute; width: 24px; height: 40px; display: block; top: 50%; margin-top: -20px;   z-index: 2; cursor: pointer;  background: rgba(0, 0, 0, 0.5);  background-repeat: no-repeat; background-position: center center;  opacity: 0.65;}
.ft-slide .ls-prev{left: 0;  border-radius: 0 4px 4px 0; background-image: url("../images-new/ft-prve.png") !important;   }
.ft-slide .ls-next{right: 0; border-radius: 4px 0 0 4px;background-image: url("../images-new/ft-next.png") !important;    }
.ft-slide  .ls-prev:hover,.ft-slide  .ls-next:hover{  opacity: 1;  }
.ft-imglist{  height: 100%; overflow: hidden;}
.ft-imglist li{ float: left; width: 342px;  height: 210px; text-align: center;}
.ft-imglist li .img{display: block; margin-right: 24px; height: 100%; }
.ft-imglist li img{ width: 100%; height: 100%;}
.ft-imglist li .title{ display: none; }
@media (min-width: 1200px) and (max-width: 1399px) {
 .ls-interview-img{ padding: 20px; }
 .ft-slide{ height: 197px;}
 .ft-imglist li{  width: 297.5px; height: 197px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-interview-img{ padding: 20px; }
    .ft-slide{   height: 219px; }
    .ft-imglist li{  width: 329px; height: 219px;}
}
@media (max-width: 991px){
    .ls-interview-img{ padding: 20px; margin-bottom: 20px; }
    .ft-slide{   height: 255px; }
    .ft-imglist li{  width: 383px; height: 255px;}
}
@media (max-width: 767px){
    .ls-interview-img{ padding: 10px; margin-bottom: 10px; }
    .ft-slide{  height: 210px;  width: 316px; margin: 10px auto 0 auto; }
    .ft-imglist{  width: 316px; margin: 0 auto;}
    .ft-imglist li{ float: left; width: 316px; height: 210px;}
    .ft-imglist li .img{ margin-right: 0; }
}
/* 访谈文章-访谈详情 */
.ls-interview-desc{  padding: 26px 30px;margin-bottom: 30px;  border: 1px solid #d9f2ff; background: url(../images-new/ft-wzico.png) left top no-repeat; }
.interview-desc-info{ height: 1150px; margin-top: 10px; overflow: hidden;}
.interview-desc-info .slimScrollDiv{ padding-right: 30px;}
.interview-video{ font-size: 18px; line-height: 1.8;}
.interview-info-list li{  font-size: 18px; line-height: 1.8;  }
.interview-info-list li .interview-body,.interview-info-list li .interview-reply{padding: 20px; }
.interview-info-list li .interview-reply{  background: #f0f9fe; border-bottom: 1px dashed rgb(202, 237, 255);}
.interview-info-list li i{ font-style: normal;}
.interview-info-list li .interview-username{ color: #007FE1;}
.interview-info-list li .interview-datetime{ color: #999;}
.interview-info-list li .interview-infonr{ display: block; margin-top: 8px;}
@media (min-width: 1200px) and (max-width: 1399px) {
    .ls-interview-desc{ padding: 20px;}
}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-interview-desc{ padding: 20px;}
}
@media (max-width: 991px){
    .ls-interview-desc{ padding: 20px; margin-bottom: 20px;}
    .interview-info-list li{ padding: 15px; font-size: 16px;}
    .interview-desc-info{ height: auto;}
    .interview-desc-info .slimScrollDiv{ padding-right:0; height: auto !important;}
    .interview-desc-info .j-scrollbar{  height: auto !important;}
    .interview-desc-info .slimScrollRail,.interview-desc-info .slimScrollBar{ display: none !important; }
    .interview-info-list li .interview-body,.interview-info-list li .interview-reply{padding: 10px; }
}
@media (max-width: 767px){
    .ls-interview-desc{ padding: 10px; margin-bottom: 10px;}
    .interview-desc-info{ margin-top: 0;}
    .interview-info-list li{ padding: 10px; }
}

/* 访谈文章-留言 */
.interview-table{  padding: 26px 30px;margin-bottom: 30px;  border: 1px solid #d9f2ff; background: url(../images-new/ft-wzico.png) left top no-repeat;}
.interview-table table{ margin: 10px 0 0 0; font-size: 18px; line-height: 1.6;}
.interview-table table th{ width: 120px; text-align: right; vertical-align: top;}
.interview-table table th,.interview-table table td{ padding:0 10px 15px 10px; position: relative;}
.interview-table .msg-box{ position: absolute; top:0;}
.interview-table input{  border: 1px solid #ddd; padding: 0 8px; line-height: 40px; height: 40px; font-size: 16px;}
.interview-table textarea{ width: 100%; box-sizing: border-box; border: 1px solid #ddd; padding: 0 8px; line-height: 40px;  font-size: 16px;}
.interview-table .poll_input input{ width: 140px;}
.interview-table  input:hover,.interview-table  textarea:hover {border-color: #2163ff;}
.interview-table  input:focus,.interview-table  textarea:focus {outline: 0;-webkit-box-shadow: 0 0 0 2px rgba(24,144,255,.2);box-shadow: 0 0 0 2px rgba(24,144,255,.2);}
.interview-table .btn-group .btn-submit{ width: 100px; background:#007FE1; height: 42px; line-height: 42px;border: none; color: #fff; font-weight: bold; border-radius: 5px;}
@media (max-width: 991px){
    .interview-table{ padding: 20px;}
}
@media (max-width: 767px){
    .interview-table{ padding: 10px;}
    .interview-table table th,.interview-table table td{ display: block; padding: 0; box-sizing: border-box; text-align: left; width: 100%;}
    .interview-table table th{ padding-bottom: 10px;}
    .interview-table input,.interview-table textarea{ margin-bottom: 10px; width: 100%; box-sizing: border-box;}
}
