@charset "utf-8";
/* CSS Document */
.ls-special-header{ height: 360px; background: url("../images-zt/kp-bannerbg.png") center top no-repeat;}
.ls-special-header .container{ position: relative;}
.ls-special-header .guidang{ position: absolute; right:10px; top:50px;}
.ls-special-header .img_title{ display: none;}
.ls-special-logo{ margin-top: 20px;}
.ls-special-logo img{ width:auto;height: auto;}
.ls-special-topr{ margin-top: 20px;}
.ls-special-topr ul li{ margin-left: 12px;float: left;}
.ls-special-topr ul li a{display: block; padding: 0 12px; background: rgba(0,0,0,0.15); border-radius: 6px; line-height:32px;font-size: 16px; color: #fff;}
.ls-special-topr ul li a:hover{ background: rgba(0,0,0,0.3);}
.ls-special-topr ul li.num-old .ico{ display: inline-block; width: 17px; height: 32px; background: url("../images_xmt/old-icon.png") center center no-repeat; margin-right: 8px; vertical-align: top;}
.ls-special-topr ul li.num-wza .ico{ display: inline-block; width: 17px; height: 32px; background: url("../images_xmt/wza-icon.png") center center no-repeat; margin-right: 8px; vertical-align: top;}
.ls-special-ban{ padding: 50px 0 0 0; text-align: center; clear: both;}
.ls-special-ban img{ max-width: 100%; height: auto;}
/*主体*/
.ls-column-list{  margin: 40px 0; min-height: 300px;}
.ls-column-list ul.picture-list{ clear:both;  overflow:hidden; margin-right: -40px; }
.ls-column-list ul.picture-list li{float:left;height:auto;margin: 0 40px 40px 0;  width:400px; background: #F7F7F7; padding: 20px 20px 15px 20px; box-sizing: border-box;}
.ls-column-list ul.picture-list li a{ display: block; float: none;}
.ls-column-list ul.picture-list li .img_img{  display: block;}
.ls-column-list ul.picture-list li a img{width:100%; height:204px;}
.ls-column-list ul.picture-list li a:hover{ color:#015293;}
.ls-column-list ul.picture-list li a:hover .img_img{ background:#d8e8f7;}
.ls-column-list ul.picture-list li .img_title{ display:block; margin-top: 8px; font-size: 18px;  height:60px;line-height:30px;display:-webkit-box;   overflow: hidden; text-overflow: ellipsis; word-bread:break-all; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ls-column-list ul.picture-list li .date{ display: block;  font-size: 16px; color: #999; line-height: 30px; margin-top: 4px;}
.ls-column-list .pagination{ margin-top: 0;}
/*视频列表 */
@media (max-width:1279px) and (min-width:992px){
    .ls-column-list ul.picture-list{  margin-right: -20px; margin-top: 20px;}
    .ls-column-list ul.picture-list li{margin:0 20px  30px 0; width:317px;  padding: 15px; }
    .ls-column-list ul.picture-list li a img{ height:163px;}

}
@media (max-width: 991px) {
    .ls-special-header{ height: auto;  padding-bottom: 40px;}
    .ls-special-ban{ padding: 40px  10px 0 10px; }
    .ls-column-list{ margin-bottom:20px;}
    .ls-column-list ul.picture-list li{ width: 364px; }
    .ls-column-list ul.picture-list li a img{ height:184px;}
}
@media (max-width: 767px) {
    .ls-special-header .guidang{ width: 180px !important; height: 180px !important; background-size: 100% 100% !important;}
    .ls-special-topr{ position: absolute; margin: 0; right: 10px; top:10px;}
    .ls-special-logo{ margin-top: 35px;}
    .ls-special-logo img{ max-width: 90%;}
    .ls-special-ban{ padding: 20px 10px 0 10px; }
    .ls-column-list{ margin:10px; min-height: auto;}
    .ls-column-list ul.picture-list{ margin-bottom: 10px;  }
    .ls-column-list ul.picture-list li{ width: auto; float: none; margin:0 0 10px 0; padding: 10px;  }
    .ls-column-list ul.picture-list li a img{ height:auto;}
    .ls-column-list ul.picture-list li .img_title{ height: auto; display: block; text-overflow:inherit;}
}