li{width:300px;}

.list100{text-align:center;width:100%;height:auto;margin-top:10px;}
.list100 li{height:100px;margin:5px;border-radius:4px;background:#FFF;display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list100 li:hover{background:#FFF;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}

.list100SXZY01{text-align:center;width:100%;height:auto;margin-top:10px;}
.list100SXZY01 li{height:100px;margin:5px;border-radius:4px;background:url(bg-100-01.jpg);display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list100SXZY01 li:hover{background:url(bg-100-02.jpg);box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}
.list100SXZY01 li .icon{width:300px;height:100px;font-size:16px;font-family:'Microsoft YaHei';line-height:33px;margin-left:25px;margin-right:15px;text-align:center;text-shadow:1px 1px 1px #AAAAAA,-1px -1px 1px #FFFFFF;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;}
.list100SXZY01 li:hover .icon{font-size:16px;color:#996600;}

.list100SXZY02{text-align:center;width:100%;height:auto;margin-top:10px;}
.list100SXZY02 li{height:100px;margin:5px;border-radius:4px;background:url(bg-100-01.jpg);display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list100SXZY02 li:hover{background:url(bg-100-02.jpg);box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}
.list100SXZY02 li .icon{width:300px;height:100px;font-size:18px;font-family:'Microsoft YaHei';line-height:33px;margin-left:20px;margin-right:20px;text-align:center;text-shadow:1px 1px 1px #AAAAAA,-1px -1px 1px #FFFFFF;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;}
.list100SXZY02 li:hover .icon{font-size:18px;color:#996600;}

.list100SXZY03{text-align:center;width:100%;height:auto;margin-top:10px;}
.list100SXZY03 li{height:100px;margin:5px;border-radius:4px;background:url(bg-100-01.jpg);display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list100SXZY03 li:hover{background:url(bg-100-02.jpg);box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}
.list100SXZY03 li .icon{width:300px;height:100px;font-size:24px;font-family:'Microsoft YaHei';line-height:50px;margin-left:28px;margin-right:12px;text-align:center;text-shadow:1px 1px 1px #AAAAAA,-1px -1px 1px #FFFFFF;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;}
.list100SXZY03 li:hover .icon{font-size:24px;color:#996600;}

.list300{text-align:center;width:100%;height:auto;margin-top:10px;}
.list300 li{height:300px;margin:5px;border-radius:4px;background:#FFF;display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list300 li:hover{background:#FFF;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}

.list400{text-align:center;width:100%;height:auto;margin-top:10px;}
.list400 li{height:400px;margin:5px;border-radius:4px;background:#FFF;display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list400 li:hover{background:#FFF;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}

.list600{text-align:center;width:100%;height:auto;margin-top:10px;}
.list600 li{height:600px;margin:5px;border-radius:4px;background:#FFF;display:inline-block;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.2);-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;overflow:hidden;position:relative;}
.list600 li:hover{background:#FFF;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4);}