.caseList ul{display:block;position:relative;width:100%}.caseList ul li{border-radius:6px;box-sizing:border-box;display:block;float:left;margin-bottom:30px;padding:0 10px;width:33.33333333%}.caseList ul li .pic{border-radius:6px 6px 0 0;overflow:hidden}.caseList ul li .pic img{border-radius:10xp 10px 0 0;transition:all .5s}.caseList ul li .info{background:#fff;border-radius:0 0 6px 6px;box-shadow:0 2px 10px #c1c1c1;padding:10px 20px 10px 10px;position:relative}.caseList ul li .info .name{color:#333;font-size:14px;font-weight:700}.caseList ul li .info .descript,.caseList ul li .info .name{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caseList ul li .info .descript{color:#666;height:20px}.caseList ul li:hover .info .descript{color:#00a0e9}.caseList ul li .info i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVChTY2xoaNjMwMAg8v///87GxsYNQDZewGxvb7+dkZFRBoh7HBwcXID8mwcPHnwClccAjFCaob6+XgGoqRnIjAHiDUAbS4E23gFLIgG4BhgAajQBauwHMi2AeA5QI1Bf4wuwJBBgaIABoMYQoMZ2IFMCqKkXSE8AavyAUwMIADWxAKkcoMZ6IP0DqLGVCSyDAwBN/AOkHgDxGyAWAGqUx+ckkF+6gUwbIF4C9csDbJ4GBTHI7aDQ2gFUWAlUeAEsCQRwDUCFICuLgcwSIL4BVFgIVHgALIkEGKEeS4F67AtQYS1Q4QqwLBbABFQ4H4jzgQo7gVgTn2IGBgYGAOGLZEVUZXtfAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:8px 12px;color:#999;font-size:18px;height:12px;position:absolute;right:10px;top:42%;width:8px}.caseList ul li:hover .info i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTExLTMwVDE4OjE1OjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0xMS0zMFQyMjoyNjo1MCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0xMS0zMFQyMjoyNjo1MCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzZhNDU0NS02NzhhLTQyNGUtYjk2MS1lNTQ1ODg5MjEzMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM2YTQ1NDUtNjc4YS00MjRlLWI5NjEtZTU0NTg4OTIxMzIxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDM2YTQ1NDUtNjc4YS00MjRlLWI5NjEtZTU0NTg4OTIxMzIxIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzZhNDU0NS02NzhhLTQyNGUtYjk2MS1lNTQ1ODg5MjEzMjEiIHN0RXZ0OndoZW49IjIwMjItMTEtMzBUMTg6MTU6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FFl9tAAAAy0lEQVQokYXQIU9CARiF4Qd2fwCBQGCzWNyMsFkIbhR/AsHgZqQaTLo5A52N6N0IsBFg4wdocCNgsBEsBgubwWAgEAz3Y1PHhdPf77znK0iXU5TRwcSeFHGOJwzwiJN9wBeucYQPzDDGYR6wyXu01UNxgR4qecAmL2ighSbecIsSFKTLXcoJ2rjBCvfbGn5nHaqf0XCwC6jJvjbCs+wpV9uAKvqYh0YdF9H0Z3QJd7KRxzjFGV7/j0pwGcO+49owzzPBQ/h20I2hufkBLI0nNOHw4fAAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:8px 12px}.caseList ul li:hover img{transform:scale(1.1)}.caseList ul li:hover .name{color:#00a0e9}@media only screen and (max-width:1200px){.caseList ul li .info .name{font-size:13px}}@media only screen and (max-width:1000px){.caseList ul li .info .descript,.caseList ul li .info .name{font-size:12px}.caseList ul li{padding:0 5px}}