@charset "utf-8";
/* CSS Document */
a:focus,input:focus,textarea:focus,select:focus,button:focus,textarea:focus{outline:none;}
.wza-on a:focus,.wza-on input:focus,.wza-on textarea:focus,.wza-on select:focus,.wza-on button:focus,.wza-on textarea:focus{outline:auto;}
body{ background: #f5f9ff; font-family: "Microsoft YaHei",微软雅黑,"PingFang SC",AliPuHui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
.hide{display: none;}
.hide.active{display: block !important;}
.zt_banner{ margin-top: 96px; width: 100%; font-size: 0; line-height: 0; background: url("../images_zsk/banbg.jpg") center top no-repeat!important;height: 300px; position: relative;}
.wza-on .zt_banner{margin-top: 0;}
.zt_banner .container-csrl{position: relative;}
.ban-img{ position: absolute; top: 133px; width:100%;left:0; margin-left:0; overflow: hidden; text-align: center;}
.ban-img img{height: auto; max-width: 96%;}
.ban-logo{ position: absolute; top: 40px; left: 0; right: 0; text-align: center; z-index: 1;}
.ban-logo img{width: auto; height: 55px;}
.container-dwzsk{width: 1260px; margin: 0 auto;}
@media (min-width: 992px) and (max-width: 1259px) {
  .container-dwzsk {width: 992px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .container-dwzsk {width: 768px;}
}
@media (max-width: 991px) {
 .ls-module{float: none !important; width: auto !important; height: auto !important;}
}
@media (max-width: 767px) {
  .container-dwzsk {width: auto;}
  .zt_banner{margin-top: 0; height: auto; padding: 30px 0 50px; background-size: auto 100% !important;}
  .ban-logo{ position: static; padding:0 0 20px;}
  .ban-img{ position: static;}
}
@media (max-width: 424px) {
  .ban-logo img{height: 38px;}
}

/*主体*/
.ls-dwzsk-container{ background: #fff; padding: 30px 24px 23px;}
@media (min-width: 992px) and (max-width: 1259px) {
  .ls-dwzsk-container{padding: 20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .ls-dwzsk-container{padding: 15px;}
}
@media (max-width: 767px) {
  .ls-dwzsk-container{padding: 10px;}
}

/*搜索*/
.ls-dwzsk-searchBox{border: 1px solid #d2e1fa; padding: 32px 22px 22px;}
.ls-dwzsk-search{width: 612px; padding: 4px; border-radius:46px; background: #f8f8f8; margin: 0 auto; transition: 0.4s all ease;}
.ls-dwzsk-search ul{position: relative; height: 38px; padding: 0 110px 0 162px;}
.ls-dwzsk-search li{font-size: 0; line-height: 0; height: 100%;}
.ls-dwzsk-search li input{width: 100%; border: 0 none; background: none; height: 100%; font-size: 15px; line-height: 38px;}
.ls-dwzsk-search .title{ color: #3573B5; font-size: 15px; line-height: 38px; left: 23px; padding-left: 32px; padding-right: 17px; position: absolute; top: 0;}
.ls-dwzsk-search .title::before{width: 24px; height: 24px; background: url("../images_zsk/sear_ico1.png") 0 0 no-repeat; background-size: 100% 100%; position: absolute; content: ""; left: 0; top: 50%; margin-top: -12px;}
.ls-dwzsk-search .title::after{width: 2px; height: 18px; background: #e2e7ee; position: absolute; content: ""; right: 0; top: 50%; margin-top: -9px;}
.ls-dwzsk-search .se_box input{color: #333;}
.ls-dwzsk-search .se_box input::-webkit-input-placeholder{color:#999;}
.ls-dwzsk-search .se_box input:-moz-placeholder{color:#999;}
.ls-dwzsk-search .se_box input:-ms-input-placeholder{color:#999;}
.ls-dwzsk-search .sea_an{ position: absolute; right: 0; top: 0; width: 100px;}
.ls-dwzsk-search .sea_an input{ text-indent: 50px; color: #fff; border-radius: 38px; background: #3573b5 url("../images_zsk/sear_ico2.png") 21px center no-repeat; background-size: auto 24px; text-align: left; transition: 0.4s all ease;}
.ls-dwzsk-search .sea_an input:hover{background-color: #0f72da;}
.ls-dwzsk-search.active{ background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

/*主题分类*/
.ls-zsk-type{ padding: 14px 0 0;}
.ls-zsk-type ul{ margin: 0 -5px;}
.ls-zsk-type li{float: left; padding: 10px 0 0; width: 12.5%;}
.ls-zsk-type li a{display: block; margin: 0 5px; line-height: 42px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 8px; background: #F8F8F8; border-radius: 4px; text-align: center; transition: 0.4s all ease;}
.ls-zsk-type li a:hover,.ls-zsk-type li a.active,.ls-zsk-type li.active a{ background: #3573b5; color: #fff !important; font-weight: bold;}
.ls-zsk-type .m-theme.num2{display: none;}
@media (min-width: 992px) and (max-width: 1259px) {
  .ls-zsk-type li{width: 16.6666%;}
  .ls-dwzsk-searchBox{padding:20px 15px 15px;}
  .ls-zsk-type{ padding: 9px 0 0;}
}
@media (max-width: 991px) {
  .ls-dwzsk-searchBox{padding:15px;}
  .ls-dwzsk-search{ width: auto;}
  .ls-dwzsk-search ul{height: 30px; padding: 0 70px 0 92px;}
  .ls-dwzsk-search li input{ font-size: 13px; line-height: 30px;}
  .ls-dwzsk-search .title{font-size: 13px; line-height: 30px; left: 10px; padding-left:0; padding-right: 10px;}
  .ls-dwzsk-search .title::before{display: none;}
  .ls-dwzsk-search .title::after{width: 2px; height: 18px; background: #e2e7ee; position: absolute; content: ""; right: 0; top: 50%; margin-top: -9px;}
  .ls-dwzsk-search .sea_an{ width: 66px;}
  .ls-dwzsk-search .sea_an input{text-indent: 30px; background-position: 10px center; border-radius: 30px; background-size: auto 16px;}

  .ls-zsk-type li{width: 20%;}
  .ls-zsk-type li a{font-size: 14px; line-height: 2.5;}
  .ls-zsk-type{ padding: 5px 0 0;}
}
@media (max-width: 767px) {
  .ls-dwzsk-searchBox{padding:10px 10px 12px;}
  .ls-zsk-type ul{ margin: 0 -3px;}
  .ls-zsk-type li{ padding: 6px 0 0; width: 25%;}
  .ls-zsk-type li a{margin: 0 3px;}
}
@media (max-width: 479px) {
  .ls-zsk-type li{width: 33.3%;}
}
@media (max-width: 374px) {
  .ls-dwzsk-search ul{height: 30px; padding-left: 10px;}
  .ls-dwzsk-search .title{display: none;}
  .ls-zsk-type li{width: 50%;}

}

/*列表*/
.ls-dwzsk-list{ padding: 8px 0 0;}
.ls-dwzsk-list ul{padding: 0 0 18px;}
.ls-dwzsk-list li{ margin: 24px 0 0 0; padding: 0 0 0 80px; position: relative; font-size: 16px;}
.ls-dwzsk-list li .xh{position: absolute; top: 20px; line-height: 32px; text-align: center; left: 0; width: 80px; color: #3573B5;}
.ls-dwzsk-list li .tit{ padding: 0 8px 0 9px; line-height: 1.6; font-weight: bold; color: #fff; font-size: 15px; border-radius: 10px 10px 0 10px; background: #3573b5; position: absolute; left: 0; top: 0;}
.ls-dwzsk-list li .title{height: 24px; padding-left: 48px; position: relative; line-height: 24px;}
.ls-dwzsk-list li .title a{max-width: 100%; font-size: 18px; font-weight: bold; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-dwzsk-list li .replyContent{ margin-top: 20px; max-height: 56px; *height: 56px; padding-left: 45px; color: #666; position: relative; line-height: 28px;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.ls-dwzsk-list li .replyContent .tit{top: 3px; background: #ea1711;}
.ls-dwzsk-list li .noteInfo{ margin-top: 16px; background: #f4f8ff; line-height: 0; font-size: 0; padding: 10px 0;}
.ls-dwzsk-list li .noteInfo span{display: inline-block; vertical-align: middle; line-height: 22px; font-size: 14px; color: #666; padding: 0 0 0 50px; min-width: 130px;}
@media (min-width: 992px) and (max-width: 1259px) {
  .ls-dwzsk-list li{padding: 0 0 0 50px;}
  .ls-dwzsk-list li .xh{width: 40px;}
}
@media(max-width: 991px) {
  .ls-dwzsk-list ul{padding: 0 0 8px;}
  .ls-dwzsk-list li{ margin: 15px 0 0 0; padding: 0 0 0 50px; font-size: 14px;}
  .ls-dwzsk-list li .xh{top: 10px; width: 40px;}
  .ls-dwzsk-list li .tit{ font-size: 13px;}
  .ls-dwzsk-list li .title{height: 24px; padding-left: 42px; position: relative; line-height: 24px;}
  .ls-dwzsk-list li .title a{font-size: 16px;}
  .ls-dwzsk-list li .replyContent{ margin-top: 6px; max-height: 44px; *height: 44px; padding-left: 40px; line-height: 22px;}
  .ls-dwzsk-list li .replyContent .tit{top: 3px;}
  .ls-dwzsk-list li .noteInfo{ margin-top: 8px; padding: 8px 0 8px 10px;}
  .ls-dwzsk-list li .noteInfo span{line-height: 1.6; font-size: 13px; padding: 0 0 0 30px; min-width: 0;}
}
@media (max-width: 767px) {
  .ls-dwzsk-list ul{padding: 0 0 3px;}
  .ls-dwzsk-list li{ margin: 10px 0 0 0; padding: 0;}
  .ls-dwzsk-list li .xh{display: none;}
  .ls-dwzsk-list li .replyContent{ margin-top: 4px;}
  .ls-dwzsk-list li .noteInfo{ margin-top: 5px; padding: 6px 0;}
  .ls-dwzsk-list li .noteInfo span{padding: 0 0 0 15px;}
}
.ls-dwzskwz-container{padding-top: 0 !important;}
.dwzskwz_tit{line-height: 0;}
.dwzskwz_tit span{ color: #fff; vertical-align: middle; display: inline-block; padding: 0 9px; border-radius: 12px 12px 0 12px; background: #3573b5; line-height: 1.6;}
.dwzskwz_tit span.num2{ background: #ea1711;}