.hksp{width:100%;height:auto;    margin-top: 25px;}
.hksp li{ width:29%;float:left;margin:0 2% 25px 2%; position: relative;   overflow: hidden;}
.hksp li img{width:100%;margin:0 auto;display: block;-moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;}
.hksp li p{height:45px!important;line-height:45px!important;font-size:16px!important;    border-bottom: 1px solid #efefef;    text-indent: 0!important;}
.hksp li p span{text-align: right;font-size: 16px!important;line-height: 45px!important;
    float: right; color:#666;}
    
.hksp li img:hover{transform:translateZ(0) scale(1.05);-o-transform:translateZ(0) scale(1.05);-moz-transform:translateZ(0) scale(1.05);-webkit-transform:translateZ(0) scale(1.05);-ms-transform:translateZ(0) scale(1.05);}

.hksp li::before{background: url(images/ss-bf.png) no-repeat center center;
    content: "";
    width: 63px;
    height: 63px;
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -55px;
    left: 50%;
    margin-left: -30px;}
    
@media screen and (max-width: 1000px) {

.hksp li{ width:100%;float:none;margin:0 auto;margin-bottom:25px;}
.hksp li img{width:100%;margin:0 auto;}
}