@CHARSET "UTF-8";
.banner{
	background: url("images/bar.jpg") no-repeat center center;
	height: 300px
}
.filter-wrap,.sort-wrap{
	border: 1px solid #d2d2d2;
	background-color: #FFF !important;
}
.filter,.sort-wrap .sort{
	line-height: 30px;
	height: 30px;
	padding: 10px 15px;
}
.filter label{
	color: #999999 !important;
}
.classify{
	display: inline-block;
}
.classify li{
	display: inline-block;
}

.classify li a{
	padding: 5px 15px
}
.classify li a:HOVER,.classify li a.selected{
	background-color: #FF5722;
	color: #FFF !important;
}
.sort-wrap .sort a{
	margin-right: 10px;
}
.sort-wrap .sort a:HOVER,.sort-wrap .sort a.selected{
	color: #1E9FFF !important;
}
/*列表*/
.thumbnail{
	position:relative; 
	overflow:hidden;
	height: 260px;
	cursor: pointer;
    width: 100%;
}
.thumbnail img,.thumbnail .caption-wrap{
    width: 100%;
}
.thumbnail .caption h3{
    font-size: 24px;
    padding-top: 20px;
	padding-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
.thumbnail.hover{
}
.caption{padding:0 10px 10px 10px;}
.caption-wrap{position:absolute;height:auto;bottom:0px;background-color:#FFFFFF;z-index:2;color:#666!important }
.thumbnail.hover .caption-wrap{
    transition: bottom 200ms;
    -moz-transition: bottom 200ms; /* Firefox 4 */
    -webkit-transition: bottom 200ms; /* Safari 和 Chrome */
    -o-transition: bottom 200ms; /* Opera */
    background-color: #fa5527;
    color: #FFFFFF!important;
}
.content {
    position: relative;
    font-size: 14px;
    line-height: 1.8;
    overflow: hidden;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
}
.content p {
    margin-bottom: 1.5rem;
    text-align: justify;
    word-break: break-all;
}
.indent {
    text-indent: 2em;
}
.des{
    display: none;
}
.thumbnail.hover .caption h3{
    white-space : normal;
    font-size: 18px;
}
.thumbnail.hover .caption h3.layui-elip{
    text-overflow : clip;
    line-height: 1.5;
}
.thumbnail.hover .des{
    display: block;
}