@charset "utf-8";

.page-poster{background-image: url(../images/news_poster_bg.jpg);width: 100%;height: 195px;background-repeat: no-repeat;background-size: cover;background-position: center;line-height: 195px;text-align: center;}
.page-poster .slogan{width: 324px}

.case-list .filter{padding: 20px 38px 0;}
.case-list .filter .item{margin-top: 10px;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;}
.case-list .filter label{display: inline-block;width: 84px;height: 25px;line-height: 25px;text-align: center;background: #961b1e;color: #FFFFFF;font-size: 1.083em;letter-spacing: 2px;margin-right: 5px;}
.case-list .filter .query-item{display: inline-block;-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1;position: relative;border: 1px solid #B5B5B5;}
.case-list .filter .name{height: 23px;width: 126px;background: #ffffff;display: inline-block;padding: 0 12px;line-height: 23px;position: relative}
.case-list .filter .icon-down-arrow{background: url(../images/down_arrow.png);height: 8px;width: 15px;position: absolute;right: 12px;top: 9px}
.case-list .filter .catary-ul{position: absolute;background: #ffffff;color: #000;font-size: 1em;width: 100%;text-align: center;top: 25px;display: none;border-style: solid;border-width: 0 1px 1px;border-color: #B5B5B5;z-index: 9;left: -1px;}
.case-list .filter .query-item.open .catary-ul{display: block}
.case-list .filter .catary-ul li{line-height: 30px;cursor: pointer;}
.case-list .filter-result{padding: 16px 38px 6px;font-size: .93em;}
.case-list .filter-case{padding: 0 14px;}
.filter-case ul{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;}
.filter-case ul li{border: 1px solid #961B1E;width: 48%;margin: 10px -2px 0;}
.filter-case ul li .case-intro{padding: 0 6px 6px;}
.filter-case ul li:nth-of-type(2n){margin-left: 4%;}
.filter-case ul li img{width: 100%;height: 98px}
.filter-case ul li h1{font-size: .917em;padding: 7px 0;font-weight: 600;text-align: center;}
.filter-case ul li p{font-size: .972em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.filter-case a.more{display: block;width: 100%;text-align: center;background: #961B1E;color: #FFFFFF;text-align: center;height: 41px;line-height: 41px;letter-spacing: 2px;padding-left: 2px;margin: 9px 0 9px -2px;}
.filter-case a .icon-down-arrow{display: inline-block;background: url(../images/down_arrow_w.png);height: 8px;width: 15px;margin-left: 5px;}

@media screen and (max-width:320px){
  .page-poster .slogan{width: 310px}
}