.suwis-case{padding-top:3%;padding-bottom:3%;min-height:500px}.suwis-case-title{padding-bottom:5%}.suwis-case-category-title{margin:0;font-size:22px;font-weight:200;line-height:58px;color:#333}.suwis-case-list{position:relative;width:102%;left:-1%}.suwis-case-box{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:22%;float:left;margin:1%;text-align:center;background:#fff}.suwis-case-box:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.suwis-case-box dl dt{margin-bottom:10px}.suwis-case-box dl dd{padding:0 10px}.suwis-case-box a{position:relative;display:block;color:#333}.suwis-case-box .d-qrcode{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;display:none\9}.suwis-case-box .d-qrcode img{width:100px;position:relative;top:50%;margin-top:-50px}.suwis-case-box:hover .d-qrcode{opacity:1;display:block\9}@media screen and (max-width:1200px){.suwis-case-box{width:28%;margin:2%}}@media screen and (max-width:640px){.suwis-case-category-title span{padding-left:2px}.suwis-case-box{width:46%}.suwis-case-box a{font-size:12px}}