@charset "utf-8";
/* CSS Document */

.case{background:url(fwbg.jpg) no-repeat center center; background-size:cover; padding:0px 0 0}
.case01{ width:100%; display:flex; flex-wrap:wrap;}
.case01 dl{ width:48%;margin-bottom:50px; display:flex; box-shadow:0px 5px 10px -5px rgba(0, 0, 0, 0.07); transition:all 0.35s}
.case01 dl:nth-child(2n+1){ margin-right:4%; }
.case01 dl h5{ width:60%;}
.case01 dl ul{ width:40%; background:#fff; padding:20px 30px; background:#fff; box-sizing:border-box; border:1px solid #eee; border-left:none; position:relative}

.case01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px;}
.case01 dl dt a{font-size:21px; color:#333}
.case01 dl dd{ width:100%; overflow:hidden; line-height:40px; position:absolute; left:30px; bottom:20px}
.case01 dl dd a{ padding:7px 15px 8px; border-radius:18px; padding:7px 15px 4px; border:1px solid #eee; font-size:14px; color:#888}
.case01 dl:hover{box-shadow:0px 5px 10px -5px rgba(58, 86, 151, 0.3);}
.case01 dl:hover dd a{ border:1px solid #125db2; color:#125db2}
.case01 dl:hover dt a{ color:#125db2}

@media (max-width:767px){
	
	

.case01 dl{ width:100%;margin-bottom:20px;}
.case01 dl:nth-child(2n+1){ margin-right:0; }
.case01 dl h5{ width:60%;}
.case01 dl ul{ width:40%;  padding:15px; }

.case01 dl dt{  line-height:22px; max-height:44px; overflow:hidden}
.case01 dl dt a{font-size:17px; color:#333}
.case01 dl dd{ width:100%; overflow:hidden; line-height:40px; left:15px; bottom:10px}
.case01 dl dd a{ padding:7px 15px 8px; border-radius:18px; padding:5px 15px 7px; border:1px solid #eee; font-size:13px;}

	
	
	
	
	
	
	
	
	
	
}