.petlist{ max-width:1000px;margin:0 auto;text-align:center; }
.pl-tip{ width:75%;margin:0 auto;text-align:center; font-size:36px; color:#d8332d; margin-top:30px; margin-bottom:20px;}
.pl-tip img{ width:5%;}
.pl-tip span{ color:#000; font-size:28px;}
.petlist li{ float:left;margin:0 auto; padding:1%; width:31.3%; display:block; position:relative}
.petlist li img{width:100%}
.petlist li .tit-bg{position: absolute; bottom:14px;; width:94%;background-color:rgba(0,0,0,.5);color:#fff;box-sizing:border-box;padding:10px 15px 10px 15px; float:left}
.tit-bg	dd{ text-align:left;}
.tit-bg .btline{ border-bottom:#FFF 1px solid; font-family: Century Gothic; padding-bottom:6px;}
.tit-bg .list-tt{ font-size:14px; font-weight:bolder; padding-top:6px;}
.petlist a:hover{background:#000;opacity:0.8;color:#fff;display:block; height: auto}




@media (max-width: 768px) { .petlist li{ width:48%}   .petlist li .tit-bg{ width:96%;bottom:8px;padding:10px;}
                            .tit-bg .list-tt{ font-size:12px;}   .pl-tip{ font-size:22px}  .pl-tip span{ font-size:18px;}   .pl-tip img{ width:8%;}}