@media (min-width:1921px){
    .banner {
        height: 80vh;
    }
    .banner .img1 {
        margin-top: -215px;
        margin-left: -240px;
        width: 500px;
        height: 500px;
        top: 50%;
    }
    .skip {
        width: 550px;
        height: 100px;
    }
    .country {
        width: 650px;
    }
}
@media (max-width: 1680px) {
    .banner {
        height: 75vh;
    }
    .banner .img1 {
        top: 56%;
        left: 51%;
        margin-top: -160px;
        margin-left: -160px;
        width: 265px;
        height: 266px;
    }
}
@media (max-width: 1366px) {
    .banner {
        height: 75vh;
    }
    .banner .img1 {
        top: 61%;
        left: 53%;
        margin-top: -160px;
        margin-left: -160px;
        width: 220px;
        height: 220px;
    }
    .box .cont .serTop img {
        height: 255px;
    }
}
@media (max-width: 1280px) {
    .banner {
        height: 70vh;
    }
}

@media (max-width: 768px) {
    .banner {
        height: unset;
        padding-top: 15%;
    }
    .banner .img1 {
        margin-top: -25.5px;
        margin-left: -50.5px;
        width: 75px;
        height: 75px;
        top: 59%;
    }
    .skip {
        position: absolute;
        width: 100px;
        height: 20px;
        z-index: 3;
    }
    .city {
        top: 35%;
    }
    .country {
        top: 40%;
    }
    .air {
        top: 60%;
    }
    .disater {
        bottom: 25%;
    }
    .navs {
        width: 100%;
    }
    .navs li {
        font-size: 20px;
    }
    /* content */
    .content .row {
        width: unset;
    }
    .box .cont .serTop img {
        height: 200px;
    }
    /* 遥感图像切图 */
    .modal.fade .modal-dialog {
        transition: transform 0.4s ease-out;
        transform: scale(0.5);
    }
    .modal.fade.show #cutImages {
    transform: scale(1);
    }
    .modal.fade.show #cut-one {
    transform: scale(1);
    }
    .modal-backdrop.show {
    opacity: 0.5;
    }
    /* 遥感图像切图 */
}

@media screen and (min-width:1200px){
    
}