.banner{height: 284px;background-image: url(images/live_banner.jpg);}
.filter_inner{color: #333;width: 100%;}
.filter_inner div{margin-right:15px; }

.case_list{ margin-top:25px;}
.case_list .case_item{color:#333; margin:0 17px 36px 0;}
.case_list .case_item:nth-child(3n){ margin-right:0;}
/*.case_list .case_item img{width: 258px;height: 172px;display: block;}*/
.case_list .case_item .case_cover{width: 258px;height: 172px; background-repeat:no-repeat;background-position:center;background-size:cover;}
.case_list .case_item .case_title{line-height: 24px; font-size: 16px; display: block;word-break: break-all;word-wrap: break-word;text-align: justify;position: relative;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 248px; padding: 5px;}
.case_list .case_item span{display: block;font-size: 12px;margin-top: 5px; padding-left: 5px;color:#aaa;}
.case_list .case_item:hover{-webkit-box-shadow: 0px 0px 6px #ccc;-ms-box-shadow: 0px 0px 6px #ccc;-o-box-shadow: 0px 0px 6px #ccc;box-shadow: 0px 0px 6px #ccc;}
.case_list .case_item:hover .case_title{color:#333; -webkit-transition:.5s;transition:.5s}



.hot_block{margin: 10px 20px;display: inline-flex;}
.hot_block a{border: 1px solid #e2e2e2;margin: 0 10px 10px 0; padding: 2px 7px;display: inline-block;font-size: 12px;text-align:center;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px; }
.hot_block a:hover{ border-color: #FDF9F0; background-color: #FDF9F0;}