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

}


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

}

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

}

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

}

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

}

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

}

@media screen and (max-width: 1440px){
    .header .anav{
        width: 100%;
    }
    .footer .footer_bottom{
        width: 100%;
    }
    .footer .footer_bottom p{
        white-space: nowrap;
    }
    .footer .footer_top{
        width: 100%;
    }
    .footer .footer_bottom p{
        margin: 0 150px;
    }
    .footer .footer_top{
        justify-content: space-around;
    }
}

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

}

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

}


@media screen and (min-width: 820px){
    body .menu-nav{
        display:none;!important;
    }
    .footer .footer_top .tel{
        display: block;
    }
    .footer .footer_top .contact h1 .top{
        display: none;
    }


}
@media screen and (max-width: 820px){
    .header .right .language .earth{
        position: static;
    }
    .header .right .language{
        align-items: center;
    }
    .header .right .search{
        margin: 0 10px;
    }
    .header{
        padding: 0 2%;
    }
    .sec1{
        padding-top: 53px;
    }
    .sec1 .banner img{
        height: 25vh;
    }
    .sec1 .banner .joke{
        left: 6%;
    }
    .sec1 .banner .joke {
        width: 155px;
        height: 170px;
        bottom: -25%;
        left: 6%;
    }
    .sec1 .banner .joke span{
        height: 50px;
    }
    .sec1 .banner .joke p{
        font-size: 20px;
        margin-top:20px;
    }

    body .menu-nav{
        display:block;!important;
    }
    .top-header .logo{
        margin-left: 20px!important;
    }
    .top-header .logo a img{
        width: 100px;
    }
    .first .righticons .item img {
        width: 10px;
    }
    .top-header{
        height: 50px!important;
    }

    .top-header .right .search{
        margin: 0 14px 0;
    }
    .top-header .right .language .earth img{
        width: 15px;
    }
    .header .logo img{
        width: 100px;
    }
    .header{
        height: 53px;

    }
    .header .logo{
        margin-left: 20px;
    }
    .header .right .nav{
        display: none;
    }
    .footer .footer_top{
        width: 100%;
        flex-direction: column;
        padding: 0 6%;
    }
    .footer .footer_top .tel{
        display: none;
    }
    .footer .footer_top .contact h1{
        display: flex;
    }
    .footer .footer_top .contact h1 .top{
        display: flex;
        align-items: center;
        margin-left: 15px;
    }
    .footer .footer_top .contact h1 .top .circle{
        margin-right: 10px;
    }
    .footer .footer_top .contact h1{
        margin: 16px 0;
        justify-content: center;
    }
    .footer .footer_top .app .bottom{
        display: none;
    }
    .footer .footer_top .app a:first-child{
        margin: 0;
    }
    .footer .footer_bottom{
        width: 100%;
        flex-direction: column;

    }
    .footer .footer_bottom p{
        margin:0;
    }
    .footer .footer_bottom{
        justify-content: center;
    }
    .footer .footer_top .contact{
        font-size: 12px;
    }
    .footer .footer_top .contact h1{
        font-size: 18px;
    }
    .footer .footer_top .contact{
        text-align: center;
    }
    .footer .footer_top .app .top{
        justify-content: center;
    }
    .footer .footer_top .logo{
        display: flex;
        justify-content: center;
    }

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

}


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

}

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

}

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

}