.caseList_list ul li{ margin-bottom: 20px;}
.caseList_list ul li a{display: flex;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.caseList_list ul li .img{overflow: hidden;}
.caseList_list ul li .img img{ width: 175px; height: 130px; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.caseList_list ul li .text{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 10px 50px 10px 35px;background: #f6f6f6;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.caseList_list ul li .text .title{font-size: 18px; color: #323232; margin-bottom: 12px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.5s ease all; transition: 0.5s ease all;max-width: 430px;}
.caseList_list ul li .text .desc{color: #737373; font-size: 14px; line-height: 1.8; overflow: hidden; height: 25px; overflow: hidden;}
.caseList_list ul li .text .date{ float: left; margin-top: 15px; font-size: 14px;color: #737373;}
.caseList_list ul li .text .date img{margin-bottom: 3px; margin-right: 6px;}
.caseList_list ul li .text .btn{float: right; width: 120px; height: 40px; color: #fff; font-size: 14px; margin-top: 0; opacity: 0; -webkit-transition: 0.5s ease all; transition: 0.5s ease all;background: #fcc800;}

.caseList_list ul li a:hover{box-shadow: 0px 0px 20px 0px rgba(1, 1, 1, 0.1);}
.caseList_list ul li a:hover .text{background: #fff;}
.caseList_list ul li a:hover .text .title{color: #fcc800;}
.caseList_list ul li a:hover .text .btn{opacity: 1;}

@media (max-width:767px){
	.caseList_list ul li a{-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 5px;}
	.caseList_list ul li .img img{width:100%;height:auto;}
	.caseList_list ul li .text {padding: 15px;}
	
}