.z-footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0.13rem;
	z-index:99;
}
.z-footer ul{
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px -5px 5px #f7f7f7;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.z-footer ul li{
    text-align: center;
    width: 20%;
    padding-top: 0.05rem;
    padding-bottom: 0.04rem;
}
.z-footer ul li p{
    padding-top: 0.3rem;
}
.z-footer ul li.on p{
    color: #c20007;
}
.z-footer ul li:nth-child(1){
    background: url("../images/public/z-footerimg2.png")no-repeat center 0.05rem;
    background-size: 0.25rem 0.25rem;
    transition: all 0.3s ease;
	filter:grayscale(100%);
}
.z-footer ul li:nth-child(2){
    background: url("../images/public/z-footerimg4.png")no-repeat center 0.05rem;
    background-size: 0.25rem 0.25rem;
    transition: all 0.3s ease;
	filter:grayscale(100%);
}
.z-footer ul li:nth-child(3){
    background: url("../images/public/z-footerimg6.png")no-repeat center 0.05rem;
    background-size: 0.25rem 0.25rem;
    transition: all 0.3s ease;
	filter:grayscale(100%);
}
.z-footer ul li:nth-child(4){
    background: url("../images/public/z-footerimg8.png")no-repeat center 0.05rem;
    background-size: 0.25rem 0.25rem;
    transition: all 0.3s ease;
	filter:grayscale(100%);
}
.z-footer ul li:nth-child(5){
    background: url("../images/public/z-footerimg10.png")no-repeat center 0.05rem;
    background-size: 0.25rem 0.25rem;
    transition: all 0.3s ease;
	filter:grayscale(100%);
}
.z-footer ul li:nth-child(1).on{
    filter:grayscale(0%);
}
.z-footer ul li:nth-child(2).on{
    filter:grayscale(0%);
}
.z-footer ul li:nth-child(3).on{
    filter:grayscale(0%);
}
.z-footer ul li:nth-child(4).on{
    filter:grayscale(0%);
}
.z-footer ul li:nth-child(5).on{
    filter:grayscale(0%);
}