*{padding:0;margin:0;font-family:"思源黑体"}
h2{margin:15px 0;}
.content{margin: 0 auto;max-width:365px;margin-top:20px;text-align:center}

.style1 ul li{float:center;margin:0 6px;position:relative;list-style:none; }
.style1 ul li{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.style1 ul li .img { width:100%; overflow:hidden; position:relative;}
.style1 ul li .title { width:100%; overflow:hidden;}
.style1 ul li .img .words { width:100%; height:365px; position:absolute; left:0; top:365px; opacity:0; transition:.3s; background:rgb(0,0,0,0.5);}
.style1 ul li .img .words .wd { margin:0 auto; width:90%; height:108px; overflow:hidden; margin-top:25px; color:#fff; font-size:12px; line-height:22px; text-align:left;}
.style1 ul li .img .words .wd1 { margin:0 auto; width:90%; height:88px; overflow:hidden; margin-top:25px; color:#fff; font-size:12px; line-height:22px; text-align:left;}
.style1 ul li .img .words .wdbt { margin:0 auto; margin-top:10px; width:35%; line-height:30px; text-align:center; color:#fff; font-size:14px; background-color:#06F; border-radius:5px;}
.style1 ul li:hover .img .words { top:0; opacity:1;} 

.style1 ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 365px;left:0;font-size:12px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s;}
.style1 ul li:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.style1 ul li:hover span{ opacity:0}