.homebg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background: url(../images/homebg.jpg) no-repeat center #3d5743;
    background-size: 100% auto;
}
.homebg div {
    /*enable 3D rendering*/
    transform: translateZ(0);
    will-change: transform;
}
.layer img {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
}
.doctor img {
    width: 55%;
    margin-left: 0;
    margin-top: 20%;
}
.lingzhi img {
    width: 20%;
    margin-left: -3%;
    margin-top: -3%;
}
.img1 img {
    width: 24%;
    margin-left: 0;
    margin-top: 15%;
}
.img2 img {
    width: 10%;
    margin-left: 23%;
    margin-top: 0%;
}
.img3 img {
    width: 20%;
    margin-left: 30%;
    margin-top: 0%;
}
.img4 img {
    width: 10%;
    margin-left: 60%;
    margin-top: 10%;
}
.img5 img {
    width: 30%;
    margin-left: 70%;
    margin-top: 0%;
}
.img6 img {
    width: 10%;
    margin-left: 60%;
    margin-top: 30%;
}
.img7 img {
    width: 10%;
    margin-left: 70%;
    margin-top: 30%;
}
.img8 img {
    width: 7%;
    margin-left: 80%;
    margin-top: 40%;
}
.img9 img {
    width: 10%;
    margin-left: 40%;
    margin-top: 30%;
}
.searchbox {
    position: absolute;
    top: 30%;
    left: 20%;
    width: 60%;
    overflow: hidden;
}
.searchbox img {
    width: 100%;
}
.message {
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}
.message input {
    background: #fff;
    width: 88%;
    height: 6vh;
    float: left;
    padding-left: 2%;
    font-size: 2.5vh
}
.message button {
    width: 10%;
    float: left;
    height: 6vh;
    background: #eedcc8;
    cursor: pointer;
}
.message button img {
    width: 50%;
    line-height: 6vh;
    display: block;
    margin: 0 auto;
}




.down {
    position: relative;
    animation: example 1s infinite linear;
}
@keyframes example {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

.down{ width: 6%; margin: 0 auto;  position: absolute; left:50%; margin-left: -3%; bottom:10%}
.down img{ width: 100% }

@media screen and ( max-width:1080px) {
    .homebg {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        left: 0;
        background: url(../images/wap-homebg.jpg) no-repeat center top #3d5743;
        background-size: auto 100%;
    }
    .homebg div {
        /*enable 3D rendering*/
        transform: translateZ(0);
        will-change: transform;
    }
    .layer img {
        display: none;
    }
    .lingzhi img {
        display: block;
        width: 40%;
        margin-left: -8%;
        margin-top: -8%;
    }
    .searchbox {
        position: absolute;
        top: 30%;
        left: 5%;
        width: 90%;
        overflow: hidden;
    }
    .searchbox img {
        width: 100%;

    }
    .message {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
    }
    .message input {
        background: #fff;
        width: 83%;
        height: 6vh;
        float: left;
        padding-left: 2%;
        font-size: 2.5vh
    }
    .message button {
        width: 15%;
        float: left;
        height: 6vh;
        background: #eedcc8;
        cursor: pointer;
    }
    .message button img {
        width: 50%;
        line-height: 6vh;
        display: block;
        margin: 0 auto;
    }

    .down{ width: 20%; margin: 0 auto;  position: absolute; left:50%; margin-left: -10%; bottom:10%}
    .down img{ width: 100% }
}