body {
    font-family: "微软雅黑";
}

.head {
    width: 100%;
    height: 350px;
    position: relative;
    left: 0;
    top: -10px;
    z-index: 111;
}

.foot {
    width: 100%;
    height: 580px;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin-top: -355px;
}

@media screen and (max-width:1280px) {
    .foot {
        width: 100%;
        height: 380px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -355px;
    }
}

@media screen and (min-width:1536px) {
    .foot {
        width: 100%;
        height: 460px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -355px;
    }
}

@media screen and (min-width:1920px) {
    .foot {
        width: 100%;
        height: 580px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -355px;
    }
}

@media screen and (min-width:1950px) {
    .foot {
        width: 100%;
        height: 760px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -355px;
    }
}

@media screen and (min-width:2560px) {
    .foot {
        width: 100%;
        height: 1175px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -10px;
    }
}

.zhong {
    width: 100%;
    height: 4900px;
    margin-top: -110px;
}

.indexs {
    width: 100%;
    min-height: 100vh;
    position: relative;
    top: -352px;
    z-index: 110;
}

.indexs img {
    width: 100%;
    margin-top: -10px;
}

/* 右方悬浮 */
.right {
    position: fixed;
    bottom: 10%;
    right: 20px;
    width: 450px;
    height: 270px;
    /* background: white; */
    z-index: 111111;
}

@media screen and (max-width:1280px) {
    .right {
        position: fixed;
        bottom: 5%;
        right: 20px;
        width: 300px;
        height: 270px;
        /* background: red; */
        z-index: 111111;
    }
}