.case_search {width: 280px;float: right;line-height: 40px;margin-top: 18px;/* border: 1px solid #d0d0d0; *//* border-radius: 6px; */position: relative;}

div#pages {text-align: center;}
li.new_page_jump {display: none;}
input#search {border: 0;width: 100%;text-indent: 1em;padding:2px 0; height: 32px;line-height:32px; font-family:"Microsoft Yahei";border-radius: 5px;border: 1px solid #d0d0d0; transition:0.5s all;}
input#search:focus {border:1px solid #458afb;outline: 0;transition:all 0.4s ease-in-out;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.case_search button {width: 30px;border: 0;height: 30px;background:url(../image/sesarch.png) no-repeat center;position:absolute;right: 5px;top: 5px; border-radius: 4px; transition:0.5s all;}
.case_search button:hover {background-color:#e7f1ff;}

.filter_tip {margin-bottom: 10px;}
.filter_tip ul{display: none; text-align: center;}

.filter_tip .item {display: inline-block;font-size:15px;padding: 0px 30px;margin: 0px 10px;line-height: 40px;color: #666666;background: #e6edf7;border-radius: 6px;cursor: pointer;transition: all 0.4s;}
.filter_tip .item:hover{ background: #d0d8ea; color: #000;}
.filter_tip .item.selected{ background: #4b78e9; color: #fff;}

.case_search input::-webkit-input-placeholder {color:#999;font-size:14px;font-family:'Microsoft Yahei';}
.case_search input:-moz-placeholder {color:#999;font-size:14px;font-family: 'Microsoft Yahei';}
.case_search input::-moz-placeholder {color:#999;font-size:14px;font-family: 'Microsoft Yahei';}
.case_search input:-ms-input-placeholder {color:#999;font-size:14px;font-family: 'Microsoft Yahei';}
#l-case .news_list .news_box_wz:hover .news_title a{color:#095ab5}
#l-case .news_list .news_box_wz:hover .news_bg{transform: scale(1.1);}
#l-case{background: #f1f8ff;padding: 45px 0;}
#l-case .news_list .news{width: 33.3%;float: left;margin: 25px 0;}
#l-case .news_list .news_box{margin: 0px 20px;box-shadow:0px 6px 15px #e6edf3 ;}
#l-case .news_list{margin: 0px -20px;}
#l-case .news_imgs{position: relative;padding-top: 50%;overflow: hidden;}
#l-case .news_imgs img{height: auto;width: 100%;max-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#l-case .news_imgs a:after{display:inline-block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;z-index: 1;background-color:#3e62bc;opacity:.2;filter:Alpha(opacity=20);pointer-events:none;}
#l-case .news_list .news_box_wz{background: #fff;}
#l-case .news_list .news_wz{padding: 25px;}
#l-case .news_list .news_title{font-size: 18px;height: 58px;line-height: 29px;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
#l-case .news_list .news_text{margin: 10px 0;font-size: 14px;height: 58px;line-height: 29px;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;}
#l-case .news_list .news_text a{color:#00000099}
#l-case .news_list span.time{padding-left:30px;background:url("../image/time.png") no-repeat left}
#l-case .news_list span.views{padding-left:30px;background:url("../image/views.png") no-repeat left;margin-left:20px}
#l-case .news_list .news_meta span{line-height:30px;display:block;float:left;font-size:12px;color:#999899}
#l-case .news_imgs .news_bg{ width: 100%; height: 100%; position: absolute; top: 0; right: 0;  left: 0;bottom: 0;margin: auto;transition: all 0.4s;}
#l-case .news_imgs .news_bg:hover{transform: scale(1.1);}

@media screen and (max-width: 999px){
#l-case .news_list{margin: 0;}
#l-case .news_list .news{margin:15px 0;}
#l-case .news_list .news_box{margin: 0px 0px;}
#l-case .news_list p{font-size:0.35rem!important;}
.filter_tip {margin-bottom: 0px;}
}


@media screen and (max-width: 767px){
.filter_tip .item {display: inline-block;/* float:left; */font-size:0.35rem;padding: 0px 0px;margin: 4px 0px;width:30%;line-height:0.85rem;color: #666666;background: #daeafb;border-radius: 4px;cursor: pointer;}
.filter_tip .item.selected{ background: #4b78e9; color: #fff;}

#l-case .news_list .news{width:100%}
.case_search {width: 100%;margin: 10px 0;line-height: 32px;}
.case_search input#search {text-indent: 1em;padding: 4px 0px;height: 20px;line-height: 20px;}
.case_search button {width:30px;border: 0;height:100%;background:url(../image/sesarch.png) no-repeat center;position:absolute;right: 5px;top:0px;}

}