.iconnav{margin-top: 30px;}
.iconnav ul li{ float: left; width: 218px; height: 190px; border:1px solid #ebebeb;margin-right: 20px;margin-bottom: 30px; }
.iconnav ul li a{ display:block; width: 100%;height: 100%; position: relative;}
.iconnav ul li a p{ position: absolute;bottom:38px;left:0; width: 100%;height: 40px; background: #ededed;line-height: 40px; text-align: center; }
.iconnav ul li a span{ display: block; width: 98px;height: 98px; border:1px solid #dedede;border-radius: 50%;margin: 38px auto 0;}
.iconnav ul li a .icon1{background: url('/public/ckgsb/alumni/images/icon1.png') no-repeat center center;}
.iconnav ul li a:hover .icon1{ background: url('/public/ckgsb/alumni/images/icon1_active.png') no-repeat center center; }
.iconnav ul li a .icon2{background: url('/public/ckgsb/alumni/images/icon2.png') no-repeat center center;}
.iconnav ul li a:hover .icon2{ background: url('/public/ckgsb/alumni/images/icon2_active.png') no-repeat center center; }
.iconnav ul li a .icon3{background: url('/public/ckgsb/alumni/images/icon3.png') no-repeat center center;}
.iconnav ul li a:hover .icon3{ background: url('/public/ckgsb/alumni/images/icon3_active.png') no-repeat center center; }
.iconnav ul li a .icon4{background: url('/public/ckgsb/alumni/images/icon4.png') no-repeat center center;}
.iconnav ul li a:hover .icon4{ background: url('/public/ckgsb/alumni/images/icon4_active.png') no-repeat center center; }
.iconnav ul li a .icon5{background: url('/public/ckgsb/alumni/images/icon5.png') no-repeat center center;}
.iconnav ul li a:hover .icon5{ background: url('/public/ckgsb/alumni/images/icon5_active.png') no-repeat center center; }
.iconnav ul li a .icon6{background: url('/public/ckgsb/alumni/images/icon6.png') no-repeat center center;}
.iconnav ul li a:hover .icon6{ background: url('/public/ckgsb/alumni/images/icon6_active.png') no-repeat center center; }
.iconnav ul li a:hover p{ background: #0095d8; color: #fff; }
.iconnav ul li a:hover span{ border: 1px solid #0095d8; }
.iconnav ul .mr0{margin-right: 0;}