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

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


}

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

}

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


}

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

@media screen and (max-width:1366px){
    .contact-us{
        width: 80%;
    }
}

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

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

}

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

}

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

}

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

}

@media screen and (max-width:1024px){
    .contact-us{
        width: 95%;
    }
}

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

}

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

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

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

@media screen and (max-width:768px){
    .index-swiper-box .index-swiper-container .index-swiper-pagination{
        bottom: 10px;
    }
    .contact-us .contact-us-bt h1 {
        font-size: 30px;
    }
    .contact-us .online-message .online-message-post {
        justify-content: flex-end;
        flex-direction: column-reverse;
    }
    .contact-us .online-message .online-message-post form{
        width: 100%;
    }
    .contact-us .online-message .online-message-post > div{
        width: 100%;
    }
    .contact-us .online-message .online-message-post > div > div div:nth-child(1){
        width: 41px;
        margin-right: 30px;
    }
    .contact-us .online-message .online-message-post > div > div {
        justify-content: flex-start;
    }
    .contact-us {
        margin: 50px auto 40px;
    }
    .contact-us .online-message .online-message-post form button{
        display: block;
        margin: 15px auto 0;
    }
}

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

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

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

@media screen and (max-width:486px){
    .index-swiper-box .index-swiper-container .index-swiper-pagination {
        bottom: 5px;
    }
    .contact-us .contact-us-bt h1 {
        font-size: 20px;
    }
    .contact-us .contact-us-bt p {
        font-size: 16px;
    }
    .contact-us {
        margin: 25px auto 40px;
    }
    .contact-us .my-map {
        height: 425px;
        margin-top: 25px;
    }
    .contact-us .online-message > h1 {
        font-size: 20px;
    }
    .contact-us .online-message .online-message-post form button {
        height: 45px;
    }
    .contact-us .online-message .online-message-post > div > div div:nth-child(2) p {
        font-size: 16px;
    }
    .contact-us .online-message .online-message-post > div > div div:nth-child(1) {
        width: 30px;
    }
    .contact-us .online-message .online-message-post form textarea {
        height: 130px;
    }
    .contact-us .online-message .online-message-post form > h1 {
        font-size: 20px;
    }
}

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

}

@media screen and (max-width:340px){
    .contact-us .my-map {
        height: 400px;
    }
}