@CHARSET "UTF-8";

.pro li {
    border-bottom: 1px dotted #ccc;
    float: left;
    padding: 10px;
    margin-bottom: 30px;
    position: relative;
    width: 930px;
    height: 140px;
}
.pro {
    list-style: none;
}
 

.pro li { border-bottom: 1px dotted #ccc; float: left; padding: 10px; margin-bottom: 30px; position: relative; width: 930px; height: 140px; }
.pro li a.proa { margin-right: 20px; width: 180px; height: 135px; position: absolute; top: 10px; }
.pro li a img { width: 180px; height: 135px; }
.pro li h2 { color: #444; font-size: 16px; position: absolute; left: 200px; top: 10px; }
.pro li p { position: absolute; left: 200px; top: 40px; width: 730px; height: 65px; color: #666; font-size: 13px; line-height: 1.8; }
.pro li a.more_detail { position: absolute; right: 60px; top: 115px; padding: 3px 10px; border: 1px solid #ccc; color: #444; }
.pro li:hover a { color: #005ea7; border-color: #005ea7; -webkit-transition: all .5s; transition: all .5s; }
.pro li:hover { background: #e7f1ff; -webkit-transition: all .5s; transition: all .5s; }
.pro li:hover h2 { color: #005ea7; -webkit-transition: all .5s; transition: all .5s; }