@charset "utf-8";
/* CSS Document */
.mubank{ width:998px; height:auto; margin:0 auto; border:1px solid #CCC; margin-top:10px; overflow:hidden;}
.mubank h2{ font-size:24px; margin-left:20px; margin-top:10px;border-bottom:1px solid #cfcfcf; height:40px; margin-bottom:20px; width:960px;}

.list-case{margin:30px 0 0px;padding:0;}
.list-case,.list-case li{list-style:none;}
.list-case li{width:25%;float:left;text-align:center;margin-bottom:20px;}
.list-case li a{width:202px;display:inline-block;border-radius:2px;position:relative;cursor:pointer;}
.list-case li a > *{display:block;}
.list-case li a > span{border:1px solid #ccc;d
box-shadow:0 0 5px rgba(0,0,0,0.25);height:341px;overflow:hidden;}
/*.list-case li a:before{content:"";position:absolute;right:0;top:0;width:44px;height:44px;background:url(../img/code.png) right top no-repeat;z-index:9;}*/
.list-case li a > small{color:#333;line-height:30px;margin:0;font-size:16px;}
.list-case li a >.case-hover{background:rgba(0,0,0,0.8);position:absolute;width:100%;height:251px;font-size:18px;top:0px;left:0;text-align:center;padding:45px 0;display:none;}
.list-case li a:hover >.case-hover{display:block;}
/*.list-case li a:hover::before{background:url(../img/code_hl.png) right top no-repeat;}*/
.list-case li a >.case-hover>*{display:block;margin:45px auto;color:#fff;font-style:normal;}
.case-btn{border-radius:5px;border:1px solid #fff;background:rgba(255,255,255,0.1);width:100px;line-height:30px;}