@media (min-width: 1280px) {
    .main_width{min-width: 1200px}
}

@media (max-width: 1279px) {
    .px_header{overflow: hidden;width: 100%;}

    .px_header .head .bannerText{height: 380px;min-height: unset}
    .main_width{width: 95%}
    .px_header .bgImg .fixedBox{width: 100%;overflow: hidden}
    .px_header .bgImg .fixedBox img{width: 100%;height: 604px;overflow: hidden;object-fit: cover}

    .px_header .head .bannerText h2{font-size: 28px;}
    .px_header .head .bannerText h3{font-size: 20px;letter-spacing:unset}

    .indexTit1 h3{font-size: 22px;}
    .index1{padding: 40px 0}
    .index1 .content{margin-top: 30px;}
    .index1 .content{background: #fff}
    .index1 .dec{flex-direction: column}
    .index1 .dec .left,.index1 .dec .right{width: 100%;}
    .index1 .dec .right{margin-left: unset;margin-top: 20px;}
    .index1 .content .list h4{font-size: 18px;}
    .index1 .dec .right h2{font-size: 22px;}
    .index1 .dec .right p{margin-top: 15px;font-size: 16px;}
    .index1 .position{max-width: 100%;overflow: hidden}
    .index2{padding: 40px 0}
    .index2 .title{flex-direction: column}
    .index2 .title h2{font-size: 22px;}
    .index2 .title h3{margin-left: unset;font-size: 18px;margin-top: 5px;}
    .index2 .content{display: flex;flex-direction: column}
    .index3{padding-top: 40px;}
    .index3 .content{display: flex;flex-direction: column}


    footer .content{display: flex;flex-direction: column;}
    footer .content .left{display: flex;justify-content: center;}
    footer .content .right{justify-content: center;margin-top: 30px;}

}

@media (max-width: 980px) {
    .px_header .head .content .right{display: none}
    .index1 .content{grid-template-columns: repeat(1,100%);grid-row-gap: 30px}
}

@media (min-width: 981px) {
    .hc-mobile-nav{display: none}
    .px_header .toggle{display: none}
}