.zt11_ul ul { width: 110%; padding-top: 10px; }
.zt11_ul li { float: left; width: 215px; height: 300px; padding: 9px; border: 1px #eee solid; background-color: #fff; overflow: hidden; margin: 0 20px 20px 0; transition: all .3s ease-in-out; }
    .zt11_ul li img { width: 215px; height: 190px; margin-bottom: 10px; }
    .zt11_ul li h1 { display: block; height: 30px; line-height: 30px; font-size: 18px; color: #333; padding: 0 5px; }
    .zt11_ul li p { height: 40px; line-height: 20px; color: #999; overflow: hidden; margin-bottom: 5px; padding: 0 5px; }
    .zt11_ul li span { display: block; line-height: 20px; color: #b50006; font-size: 12px; padding: 0 5px; }
    .zt11_ul li:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.14); transform: translateY(-4px); border: 1px #ddd solid; }


.zt11_img ul { width: 110%; padding-top: 10px; }
.zt11_img li { float: left; width: 215px; height: 195px; padding: 9px; border: 1px #eee solid; background-color: #f8f8f8; overflow: hidden; margin: 0 20px 20px 0; transition: all .3s ease-in-out; position: relative; }
    .zt11_img li em { display: block; width: 215px; height: 110px; padding: 20px 0; background-color: #fff; margin-bottom: 10px; }
    .zt11_img li img { width: 215px; height: 110px; }
    .zt11_img li p { display: block; height: 30px; line-height: 30px; text-align: center; font-weight: bold; font-size: 18px; color: #333; padding: 0 5px; }
    .zt11_img li a:nth-child(1) { display: block; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 195px; }
    .zt11_img li:hover { box-shadow: 0 0 12px rgba(0,0,0,0.14); transform: translateY(-2px); border: 1px #ddd solid; color: #b50006; }
        .zt11_img li:hover p { color: #b50006; }