.kxyjbox li{width:31.3%;float:left;margin:1%;position:relative;overflow:hidden;}
.kxyjbox li a{display:block; position: absolute;top: 50%;left: 0;width: 100%;color: #fff;font-size: 30px;font-weight: bold; margin-top: -26px;letter-spacing: 8px;text-align:center;z-index:10;}
.kxyjbox li img{transition: 1s;width:100%;}
.kxyjbox li:hover img{transform: scale(1.2);}
.kxyjbox li span{transition: 1s;}
.kxyjbox li span{width:100%;height:100%;position:absolute;top:0;left:0;background:#87ccff;opacity:0.6;z-index:9;}
/*
.kxyjbox li:nth-child(1) span{
background: #78c1f7;
}

.kxyjbox li:nth-child(2) span{
background: #61d8f9;
}
.kxyjbox li:nth-child(3) span{
background:#91b3fb;
}
.kxyjbox li:nth-child(4) span{
background:#85bfff;
}
.kxyjbox li:nth-child(5) span{
background:#95e9ff;
}
.kxyjbox li:nth-child(6) span{
background: #9df0f5;
}
*/



@media (max-width: 991px){

.kxyjbox li{width:48%;}
.kxyjbox li a{font-size: 25px;}

}

@media (max-width: 568px){

.kxyjbox li{width:100%;margin:2% 0;}
.kxyjbox li a{font-size: 20px;letter-spacing: 5px;}

}