@charset "utf-8";
/* CSS Document */
.case_11{ padding:50px 0 0px; background:#f6f7f9;}
.case_12{ background:#f6f7f9; }
.case_13{ margin:50px 0 30px}
.case_13 dl{ width:100%; float:left; overflow:hidden; margin-bottom:50px; display:flex; position:relative;justify-content:flex-end}
.case_13 dl:nth-child(2n){justify-content:start}
.case_13 dl ul{ background:rgba(255,255,255,.95);z-index:9; position:absolute; padding:50px; box-sizing:border-box; transition:all 0.5s}
.case_13 dl:nth-child(odd) ul{ left:0}
.case_13 dl:nth-child(even) ul{ right:0}
.case_13 dl dt{ width:100%; float:left; overflow:hidden; line-height:45px; margin-bottom:10px}
.case_13 dl dt a{ font-size:36px; color:#333; transition:all 0.5s}
.case_13 dl dd{ width:100%; float:left; overflow:hidden; line-height:26px; font-size:16px; color:#666; transition:all 0.5s}
.case_13 dl h5{ width:100%; overflow:hidden; transition:all 0.5s; line-height:40px}
.case_13 dl h5 a{ font-size:16px; color:#da251c; font-weight:normal; transition:all 0.5s; padding:8px 18px 9px 18px; border:1px solid rgba(218,37,28,.1)}
.case_13 dl h5 a span{ padding:1px 4px 1px 5px; background:#da251c; color:#fff; font-family:"宋体"; font-size:14px; border-radius:50%; margin-left:5px; transition:all 0.5s}
.case_13 dl ul:hover{ background:rgba(218,37,28,.95)}
.case_13 dl ul:hover dt a,.case_13 dl ul:hover dd{ color:#fff;}
.case_13 dl ul:hover h5 a{ background:#fff}


@media (max-width:767px){


.case_11{ padding:10px 0 0px; background:#f6f7f9;}
.case_13{ margin:10px 0 15px}


.case_13 dl{ margin-bottom:15px;}
.case_13 dl ul{ width:60%; height:50%; top:25%; padding:10px}
.case_13 dl dt{ line-height:30px; margin-bottom:10px}
.case_13 dl dt a{ font-size:19px; }
.case_13 dl dd{ display:none}
.case_13 dl h5{ float:left;}
.case_13 dl h5 a{ font-size:12px; color:#da251c; padding:3px 10px 5px 10px; border:1px solid rgba(218,37,28,.3)}
.case_13 dl h5 a span{ padding:0; background:none; color:#da251c; font-family:"宋体"; font-size:14px;  margin-left:5px; transition:all 0.5s}

}


@media (min-width:768px){
.case_13 dl ul{ width:550px;  height:70%; top:15%; }
.case_13 dl h5{ position:absolute; left:50px; bottom:50px; }

}