<ul class="aj-c2-list clearFix">

               <li style="background:#f6f6f6;"><a href="/ajxy/xyfm/index.shtml" target="_blank"><img src="/src/images/aj-img1.png" height="59" alt=""><p>校园风貌</p></a></li>

               <li style="background:#ececec;"><a href="/ajxy/ajwh/index.shtml" target="_blank"><img src="/src/images/aj-img2.png" alt=""><p>校园文化</p></a></li>

               <li style="background:#f6f6f6;"><a href="/ajxy/xyry/index.shtml" target="_blank"><img src="/src/images/aj-img3.png" height="59" alt=""><p>校园荣誉</p></a></li>

             </ul>

.aj-c2-list{

 width: 100%;

 margin-top: 26px;

}

.aj-c2-list li{

 width: 33.3%;

 float: left;

 height: 178px;

}

.aj-c2-list li img{

 display: block;

 margin: 0 auto;

 margin-top: 36px;

 transition: all 1s ease;

}

.aj-c2-list p{

 font-size: 18px;

 color: #61476e;

 text-align: center;

 font-weight: bold;

 margin-top: 22px;

}

.aj-c2-list li:hover img{

 transform: scale(-1,1);

}

.aj-c2-list li img{

transition: all 0.6s;

}