@charset "utf-8";
/* CSS Document */
.ban_son{margin-bottom:0px}
.case-1{ display:flex; width:100%;justify-content:space-between; flex-wrap:wrap;}
.case-son{ width:48%; display:flex; position:relative; padding-bottom:70px; margin-bottom:60px}
.case-son img{ max-width:100%}
.case-son ul{ position:absolute; left:20%; bottom:15px; width:75.2%; background:rgba(255,255,255,1); padding:40px 4% 30px; display:flex;  box-shadow:5px 5px 8px #e9e9e9;}
.case-son ul h6{ width:130px; margin-right:40px; display:flex; align-items:center;justify-content:center;}

.case-son ul h6 img{ max-width:100%; transition:all 0.5s}
.case-son ul dl{ flex:1}
.case-son ul dl p{ line-height:20px; font-size:16px; color:#f7941c;margin-bottom:5px;}
.case-son ul dl p span{ text-transform:uppercase}
.case-son ul dl dt{ line-height:26px; height:26px; overflow:hidden; margin-bottom:13px }
.case-son ul dl dt a{ color:#333; font-size:22px; font-weight:bold}
.case-son ul dl dt a:hover{ color:#0153bf; }
.case-son:hover ul dl dt a{ color:#0153bf;}
.case-son:hover h6 img{ transform:rotateY(180deg)}
.case-son ul dl dd{ line-height:22px; font-size:14px; color:#888;text-align: justify}
	

/******** 手机版 ********/
@media (max-width:767px){
	
.case-son{ width:100%;padding-bottom:30px; margin-bottom:10px }
.case-son ul{padding:10px 15px; box-sizing:border-box; width:90%; left:5%;box-shadow:0px 5px 5px #e9e9e9;}
.case-son ul h6{ width:60px; margin-right:20px;}
.case-son ul dl p{ line-height:16px; font-size:12px;margin-top:10px;}
.case-son ul dl dt a{ font-size:17px}
.case-son ul dl dd{ display:none}
.m_50{ margin-bottom:20px}
}



/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.case-son{ width:48%;padding-bottom:50px; margin-bottom:40px }
.case-son ul{padding:20px 4% 20px;}
.case-son ul dl p{  font-size:12px; }
.case-son ul dl dt a{ font-size:19px}
.case-son ul dl dd{ display:none}
}

/******** 1400px ********/
@media (min-width:1440px){
	
}