.callus{
    background: url("../images/ditu.png") fixed #dddddd;
    padding: 6% 0;
    /*background: #dddddd;*/

}
.c-tit{
    margin: 1% auto;
}
.c-tit{
    width: 40%;
    margin:2% auto 1% auto;
    color: #222;
    /*color: #ffffff;*/
    text-align: center;

}
.c-tit>p{
    margin: 2% auto;
}
.c-dt{
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.dt-ms{
    position: absolute;
    top: 0;
    left: 0;

}
.dhq{
    width: 391px;
    height: 223px;
    background: url("../images/dhk.png") no-repeat;
    padding: 50px 70px 22px 39px;
    position: absolute;
    bottom: -49px;
    right: 12px;
    display: none;

}
.dt-ms>span:hover{
    cursor: pointer;
    color: #ea2934;
}
.c-dt .dt-ms:nth-child(1){

    top: 64%;
    left: 44%;
}
.c-dt .dt-ms:nth-child(2){

    top: 60%;
    left: 48%;
}
.c-dt .dt-ms:nth-child(3){
    top: 63%;
    left: 55%;
}
.c-dt .dt-ms:nth-child(4){

    top: 76%;
    left: 43%;
}
.c-dt .dt-ms:nth-child(5){
    top: 47%;
    left: 58%;
}
.c-dt .dt-ms:nth-child(6){

    top: 61%;
    left: 65%;
}
.c-dt .dt-ms:nth-child(7){

    top: 80%;
    left: 68%;
}.c-dt .dt-ms:nth-child(8){

    top: 30%;
    left: 72%;
}.c-dt .dt-ms:nth-child(9){

    top: 28%;
    left: 83%;
}.c-dt .dt-ms:nth-child(10){

    top: 11%;
    left: 90%;
}.c-dt .dt-ms:nth-child(11){

    top: 71%;
    left: 77%;
}.c-dt .dt-ms:nth-child(12){

    top: 55%;
    left: 74%;
}.c-dt .dt-ms:nth-child(13){

    top: 52%;
    left: 78%;
}.c-dt .dt-ms:nth-child(14){

    top: 55%;
    left: 80%;
}.c-dt .dt-ms:nth-child(15){

    top: 57%;
    left: 84%;
}
.c-lx{
    display: none;
}
.lx-nr{
    margin: 2% auto;
}

@-webkit-keyframes yd {
    from {top: 0;

    }
    to {top: -10px;

    }

}

@-o-keyframes yd {
    from {
        top: 0;

    }
    to {
        top: -10px;

    }

}

@-moz-keyframes yd {
    from {
        top: 0;

    }
    to {
        top: -10px;

    }

}

@keyframes yd {
    from {
        top: 0;


    }
    to {
        top: -10px;

    }

}

.dt-ms>span{
    position: relative;
    top: 0;
    left: 0;
    transition: .2s;
    color: #002085;
    font-size: 25px;
    -webkit-animation: .5s yd infinite linear alternate;
    -o-animation: .5s yd infinite linear alternate;
    animation: .5s yd infinite linear alternate;
}


@media screen and (max-width: 769px){
    .c-tit{width: 90%}
    .c-dt{width: 90%}

}@media screen and (max-width: 500px){

    .c-dt{display: none}
    .c-lx{
        display: block;
        width: 80%;
        margin: 1% auto;
    }

}