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

}

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

@media screen and (max-width:1280px) {
    .header_box{
        width: 80%;
    }
    .banner{
        height: auto;
    }
    .index{
        height: 450px;
    }
    .index_show{
        width: 80%;
        height: 100%;
    }
    .index_title {
        margin-top: 60px;
    }
    .index_content {
        margin-top: 30px;
    }
    .index_btn {
        margin-top: 30px;
    }
    .footer_show{
        width: 80%;
    }
    .footer_box::after {
        display: none;
    }
     .index_bg{
        transform: translateX(-50%) skewX(-8deg);
    } 
    .about_nav_show{
        width: 80%;
    }
    .about_show{
        width: 80%;
    }
    .about2_show{
        width: 80%;
    }
    .about_banner_text{
        height: 100%;
        justify-content: space-evenly;
    }
    .about_banner_content{
        margin-top: 0px;
    }
    .about3_show{
        width: 80%;
    }
    .careers_show{
        width: 80%;
    }
    .careers_footer_img {
        margin-top: 80px;
    }
    .careers_footer {
        height: 450px;
    }
    .content_show{
        width: 90%;
    }
}

@media screen and (max-width:1024px) {
    .index {
        height: 400px;
    }
    .index_show{
        justify-content: space-around;
    }
    .index_title {
        margin-top: 0px;
    }
    .index_content{
        margin-top: 0px;
    }
    .index_btn{
        margin-top: 10px;
    }
    .address{
        margin-top: 30px;
    }
    .about3_title{
        line-height: 1;
        white-space:nowrap;
        text-align: center;
    }
    .careers_footer {
        height: 400px;
    }
    .careers_footer_title {
        margin-top: 60px;
    }
}

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

@media screen and (max-width:768px) {
    .header{
        position: relative;
    }
    .header_box{
        width: 100%;
        justify-content: space-around;
    }
    .go {
        display: block;
    }
    .nav {
        width: 100%;
        margin-left: 0;
        top: 88px;
        height: auto;
        display: none;
        position: absolute;
        flex-wrap: wrap;
        background-color: rgba(51, 51, 51, 1);
        transition: auto;
        overflow: hidden;
        z-index: 999;
    }

    .nav ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .nav ul li img{
        display: none !important;
    }
    .nav ul li {
        width: 100%;
        height: 80px;
        display: block;
        text-align: center;
        line-height: 3;
    }
    .footer{
        height: auto;
    }
    .footer_content{
        flex-direction: column;

        margin-top: 30px;

    }
    .footer_box{
        margin-bottom: 20px;
    }
    .index{
        height: auto;
    }
    .index_show{
        padding-bottom: 20px;
    }
    .about_nav_show{
        width: 100%;
    }
    .about_nav_logo{
        margin-right: 0px;
    }
    .about_banner_text{
        width: 90%;
        justify-content: center;
    }
    .about2_footer{
        height: auto;
        flex-wrap: wrap;
        flex-direction: unset;
    }
    .about2_footer_box{
        width: 50%;
    }
    .careers_boxes{
        flex-direction: column;
        margin-top: 20px;
    }
    .careers_box{
        width: 100%;
        margin-bottom: 20px;
    }
    .careers_footer_img {
        margin-top: 50px;
    }
    .careers_footer{
        height: auto;
        padding-bottom: 30px;
    }
    .about3_show{
        flex-direction: column-reverse;
    }
    .about3_l{
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0px;
    }
    .about3_map{
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
     .content_show {
        margin-top: 50px;
    }
     .about_nav_box{
        flex-direction: column;
    }
    .nav_en{
        display: none;
    }
    .about_nav {
        height: 70px;
    }
    .change::after{
        height: 3px;
    }
    .index_content{
        line-height: 1;
        font-size: calc(var(--font20) - 2px);
    }
    .about_text {
        line-height: 25px;
        margin-top: 30px;
    }
    .about_img{
        flex-direction: column;
        margin-top: 20px;
    }
    .about_img_box{
        width: 100%;
        margin-top: 0px;
        padding-bottom: 20px;
    }
    .address{
        margin-top: 20px;
    }
    .index_title_en::before{
        width: 30px;
        left: -40px;
    }
    .index_title_en::after{
        width: 30px;
        right: -40px;
    }
    .about_banner_content{
        font-size: calc(var(--font20) - 2px);
        margin-top: 10px;
    }
    .about_banner_title{
        font-size: calc(var(--font30) - 2px);
    }
}

@media screen and (max-width:550px) {
    .index_bg {
        transform: translateX(-50%) skewX(-4deg);
    }
    .about_nav_box::before{
        display: none;
    }
    .about2_show{
        width: 90%;
    }
    .about_banner_content{
        line-height: 1;
        
    }
    .about_banner_title{
        line-height: 1;
    }
    .footer_title{
        margin-top: 30px;
    }
    .about3_map{
        height: 300px;
    }
    .careers_content_box {
        margin-top: 20px;
    }
}

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