@media (max-width: 1360px) {
    .pcHead .middle{display: none}
    .pcHead .left{width: 170px;}
    .pcHead .left .logo img{padding-left: 30px;max-height: 24px}


    .hc-nav-trigger{top: 25px}
    .pcHead .hc-nav-trigger span{width: 20px;}
    .hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after{height: 2px;}
    .hc-nav-trigger span::after{bottom: -8px;}
    .hc-nav-trigger span::before{top: -8px}

    .hc-offcanvas-nav .flex{display: unset}
    .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){top: -66px}
    .hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link{border-top: none;}
    .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{border-bottom: none}
    .hc-offcanvas-nav .nav-content>.nav-close:first-child a, .hc-offcanvas-nav .nav-title+.nav-close a.has-label, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{border-top: none}


    .index1,
    .index2,
    .index3,
    .index4,
    .index5,
    .index8,
    .index7{width: 95%;}
    .index2 .bodyList .list{flex-direction: column}
    .index2 .bodyList .item{width: 100%;max-width: 550px;margin: 0 auto}
    .index2 .bodyList{margin-top: 20px;}
    .index3{margin: 0 auto}

    .list_pro_banner .textBox{max-width: 500px}
    .list_pro_body .item{width: 25%;}

    .single_pro_1 .content{width: 95%;}
    .single_pro_1 .content .right .buyBox .buy{padding: 0 100px}

    @media (max-width: 1100px) {
        .list_pro_banner .textBox{max-width: 350px}
        .list_pro_banner .tit{font-size: 26px;}

        .single_pro_1 .content .left{width: 400px;}
        .single_pro_1 .content .left .img{height: 400px;}




        footer{padding: 20px 0 0}
        .foot .module{flex-direction: column;gap: 20px;}
        .foot .left{width: 100%;}
        .foot .right{padding-left: 0;flex-direction: column;}
        .foot .right ul{margin-right: 0;display: flex;flex-direction: column;align-items: center;}
        .foot .right::before{display: none;}
        .foot .copyright{padding: 15px 0;}
    }

    @media (max-width: 980px) {
        .index3 .content{flex-direction: column}
        .index3 .content .right{width: 95%;margin: 0 auto;order: 1}
        .index3 .content .left{width: 95%;order: 2;margin-top: 20px;}
        .index5 .list .left{width: 60%;}
        .index8 .list .right{width: 55%;}
        .index9 .tit{display: block;text-align: center}
        .index9 .tit p{display: inline-block}
        footer .topBox .links{flex-direction: column}
        footer .topBox .item{width: 100%;padding: 16px 0;cursor: pointer}
        footer .topBox .item .top{}
        footer .topBox .item .top p{font-size: 18px;}
        footer .topBox .item i{display: block;}

        footer .topBox .item .linkBox{display:none}
        footer .topBox .item.active .linkBox{display:block}


        .list_pro_banner .textBox{max-width: 300px}
        .list_pro_banner .tit{font-size: 26px;}
        .list_pro_body .item{width: 33.333%;}
        .single_pro_1 .content{flex-direction: column}
        .single_pro_1 .content .right{width: 100%;margin-left: 0;margin-top: 30px;}
        .single_pro_1 .content .left{width: 100%;display: flex;justify-content: center}
        .single_pro_1 .content .left .img{width: auto;max-height: 100%;height: auto}

        .single_pro_1 .content .left .img img{max-width: 100%;width: auto}

    }
    @media (max-width: 768px) {
        .pcHead .right .btn a.reg{display: none}
        .pcHead .right .icons .help{display: none}
        .pcHead .right .icons{display: none}
        .index1 .tit{font-size: 32px;}
        .index1 .desc{font-size: 16px;}
        .index2>.tit{font-size: 24px;}
        .index2 .topList .item{padding: 15px 20px}
        .index2 .bodyList .item .content .title{font-size: 20px;}
        .index3>.tit{font-size: 24px;}
        .index3 .content .left .list h3{font-size: 20px;}
        .index4>.tit,
        .index5 .list .left h3,
        .index7>.tit,.index8>.tit,.index8 .list .right h3{font-size: 24px;}
        .index5 .list .item{flex-direction: column}
        .index5 .list .left{width: 100%;}
        .index5 .list .right{width: 100%;margin-left: unset;margin-top: 20px;}
        .index5 .list .item .btn a{width: 100%;box-sizing: border-box;text-align: center}
        .index5 .list .item:nth-of-type(even) .left{order: unset}
        .index5 .list .item:nth-of-type(even) .left{margin-left: unset;}
        .index7 .list .item{width: 33%;}
        .index8 .list .item{flex-direction: column}
        .index8 .list .left{width: 100%;}
        .index8 .list .right{width: 100%;margin-left: unset;margin-top: 20px;}
        .index9 .tit *{font-size: 32px;}
        .index9{padding: 30px 10px;display: block}

        .list_pro_banner{min-height: unset}
        .list_pro_banner .insideWidth{display: none}
        .list_pro_banner .bg_img{position: relative;width: 100%;height: auto}
        .list_pro_banner .bg_img img{width: 100%;height: auto;}
        .list_pro_body .item{width: 50%;}
        .single_pro_1 .content .right .buyBox .buy{padding: 0;width: 0;flex: 1;justify-content: center}

    }

}