.w236{ width:100%; overflow:hidden}
.w904{ width:100%; overflow:hidden}
.pic_list3 li{ width:282px; height:250px; float:left; margin-left:10px; margin-top:25px; font-size:14px; text-align:center}
.pic_list3 li a{ display:block;  border:1px solid #e8e5e5; background:#fff; padding:5px; text-align:center}
.pic_list3 li a img{ display:block; height:195px; width:100%; margin:0 auto}
.pic_list3 li .text{ line-height:50px; height:50px; color:#333; font-size:16px;}
.pic_list3 li .menban{display:block; background:url(../images/tm02.png);display:table; z-index:10; position:absolute; width:228px; height:171px; top:0; left:0; color:#fff; text-align:center;  opacity:0;transition: all 0.5s; }
.pic_list3 li:hover .menban{ opacity:1}
.pic_list3 li .menban span{ vertical-align:middle; display:table-cell; }
.pic_list3 li .menban span em{border-bottom:1px solid #fff;border-top:1px solid #fff; font-size:12px; padding:10px 9px; }
.pic_list3 li a:hover .text{ color:#38ac80}
.pic_list3{margin: -34px -41px;}
h2{margin: 0;}
.bg-eae{color: black;}
.f24{font-weight: bolder;}

.men{width: 282px; height: 250px; float: left;}

@media screen and (max-width: 1200px) { .pic_list3{margin: -34px 23px;}  }
@media screen and (max-width: 709px) { .pic_list3{margin: -34px 9px;}  }
@media screen and (max-width: 680px) { .pic_list3{margin: -34px -33px;}  }
@media screen and (max-width: 320px) { .pic_list3{margin: -34px -18px;} }
@media screen and (max-width: 414px) { .pic_list3{margin: -34px 3px;} }