.caseList{margin-top: 20px;}
.caseList .toptitle{font-size: 30px;color: #000;text-align: center;position: relative;font-weight: bold;margin-top: 30px;margin-bottom: 30px;}
.caseList .toptitle::after{position: absolute;content: '';bottom: -5px;left: 0;right: 0;width: 50px;background: #fcc800;height: 4px;margin: auto;}
.caseList .card-deck .card{-webkit-box-flex: inherit;-webkit-flex: inherit;-ms-flex: inherit;flex: inherit;padding: 0 10px;border-radius: 0;border: 0;margin: 10px 0;}
.caseList .card-deck .card:hover a .card-title{color: #fcc800;}
.caseList .card-deck a{overflow: hidden;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;}
.caseList .card-deck a .card-title{font-size: 20px;color: #484646;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.caseList .card-deck a .card-text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 15px;color: #636363;}
@media (max-width: 767px){
	.caseList .toptitle{font-size: 24px;}
	.caseList .card-deck a .card-title{font-size: 18px;}
	.caseList .card-deck a .card-text{font-size: 14px;}
}
/* add*/
.caseList .card-deck .card a img{height:200px;}

/* add 2019.7.5 列表删除描述时间, 标题放图片上*/
.card-title{margin-bottom:0;}
.caseList .card-deck a{position:relative;}
.card-body{position: absolute;width: 100%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: flex;background: rgba(0,0,0,.5);align-items:center;justify-content: center}
.caseList .card-deck a .card-title{align-items:center;display:flex;}
.caseList .card-deck a .card-title{color:#fff;}

/*2020.04.15*/
.caseList_box{margin:50px auto; overflow: hidden;}
.caseList_box ul{margin:0 -10px; overflow: hidden;}
.caseList_box li{float:left; margin-bottom:20px;}
.caseList_box li a{display: block; text-align: center;}
.caseList_box li .img{border: 1px solid #f2f2f2;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;overflow: hidden;}
.caseList_box li .img img{margin: 0 auto; }
.caseList_box li .text{font-size: 16px; color: #333; font-weight: bold; padding: 15px 10px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden; -webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.caseList_box li a:hover .img{border-color: #fcc800;}
.caseList_box li a:hover .text{background: #fcc800;}


.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;}
	
}