@media (max-width:1200px ) {
    header{padding-bottom: 80px;}
    header .headPc{display: none}
    header .mHeadBox{display: block}
    header .mHead{height: 80px;z-index: 50;width: 100%;margin: 0 auto;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: space-between;background-color: #f6f9fb;}
    header .mHeadBox{position: fixed;top: 0;left: 0;width: 100%;}
    header .mHeadBox.active{background-color: #3A52E6;top: 0}
    header .mHeadBox.active .hc-nav-trigger span,
    header .mHeadBox.active .hc-nav-trigger span::before,
    header .mHeadBox.active .hc-nav-trigger span::after{background-color: #fff;}
    header .mHead .hc-nav-trigger{top: unset;}
    header .mHead .hc-nav-trigger{position: relative;}
    header .mHead .hc-nav-trigger span,
    header .mHead .hc-nav-trigger span::before,
    header .mHead .hc-nav-trigger span::after{background-color: var(--mainColor);}
    header .mHead .hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label){top: -66px}
    header .mHead .toggle{right: 10px;}
    header .mHead .logo{margin-left: 10px;}
    header .mHead .logo img{max-height: 40px}


    .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav .nav-back a{border-radius:unset;border: none}
    .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 a.nav-next{border: none}

    .hc-offcanvas-nav ul.bottom-nav{position:absolute;left:0;right:0;bottom:0;z-index:10;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid rgba(0,0,0,0.15)}
    .hc-offcanvas-nav ul.bottom-nav li{flex:auto}
    .hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}
    .hc-offcanvas-nav ul.bottom-nav li img{width: 20px;}
    .hc-offcanvas-nav ul.second-nav .img{margin-right: 8px;}





    .listImg1 .list .item{width: 33.333%;}


}

@media (max-width: 980px) {
    .mainWidth{width: 95%}
    .commonBreadBox{padding: 20px 0}
    .indexTopTit,.indexTopTit2{font-size: 20px;}


    .index1 .swiper-pagination-bullet{width: 10px;height: 10px;}
    .index1 .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 50px;}
    .index2,.index4{padding-top: 50px;}
    .index2 .list{margin-top: 20px;}
    .index2 .list .item .top .text h3{font-size: 16px;}
    .index2 .list .item .top .text p{font-size: 14px;}
    .index2 .top .lineBox{display: none}
    .index2 .list .item .bottom{padding: 8px 15px}

    .index3{padding: 50px 0;margin-top: 20px;}
    .index3 .list .item .bottom h4,
    .index2 .list .item .bottom h4{font-size: 16px;}
    .index5{padding: 50px 0}
    .index5 .left .text{line-height: 32px;margin-top: 20px;}
    .index5 .right{padding-left: 0;padding-top: 30px;}
    .index5 .right .text{line-height: 32px;margin-top: 20px;}


    footer .footer1 .list{display: none}
    footer .footer1 .list{position: fixed;bottom: 0;left: 0;width: 100%;}
    footer .footer2 .left .logo img{max-width: 320px}
}

@media (max-width: 768px) {
    footer .footer2 .content{flex-direction: column}
    footer .footer2 .right{margin-left: 0;margin-top: 30px;}

    .listImg1 .list .item{width: 50%;}


    .singleBody2 .list .item{width: 100%;}
    .singleBody1 .pages{flex-direction: column}
    .singleBody1 .pages a{width: 100%;;max-width: 100%}
    .singleBody1 .pages .next{margin-top: 20px;}
}

@media (max-width: 576px) {
    .index2 .list .item .itemBody{margin: 8px}
    .index2 .list{margin-left: -8px;margin-right: -8px;}

    footer .footer2 .left .text .line.line2{display: block}
    footer .footer2 .left .text .line.line2 p{display: inline-block}
    footer .footer2 .left .text .copyright{margin-left: 0;}


    .listImg1 .list .item{width: 100%;}
    .commonPagePagesBox .pagePages a.first,
    .commonPagePagesBox .pagePages a.last{display: none}
}