@media screen and (max-width:912px) {
    .mian-index{
        padding-top: 6vh;
    }
    .header-app{
        display: block;
    }
    .banner-box .banner-desc{
        left: 50% !important;
        bottom: 70% !important;
        transform: translate(-50%, 50%);
    }
    .banner-box .banner-desc .desc-content{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      /* width: 90vw;
      box-sizing: border-box; */
    }
    .banner-box{
        /* background-image: url('../assets/Group 91.png'); */
    }
   
    footer .footer-warp .footer-bottom-a{
        display: flex;
    }
    .service{
        padding: 1rem 0;
    }
    
    .ability-box .ability-list .ability-card{
        padding: 20px 10px;
    }
    .header-box,
    .banner-box .banner-desc .nav-detail,
    .ability-box .ability-list .ability-card>.card-desc,
    footer .footer-warp  .footer-bottom,
    .footer-header .h-warp-right,
    .ability-box .ability-header>.title-sub,
    .scheme .scheme-header>.title-sub,.footer-header .h-warp-left .h-logo{
        display: none;
    }
    .footer-header{
        margin-bottom: 0;
    }
    .h-warp-left .num-warp{
      display: flex;
    }
    .footer-header .h-warp-left .num-warp .h-phone{
        margin-right: 20px;
        margin: 10px 10px 0 0 ;
        font-size: 0.4rem;
    }
    .footer-header .h-warp-left .num-warp .h-normal{
        display: flex;
        align-items: flex-end;
        padding-bottom: 0.08rem;
    }
}

@media screen and (min-width:912px) {
    .header-app{
        display: none;
    }
    .header-box{
        display: flex;
    }
    footer .footer-warp  .footer-bottom-a{
        display: none;
    }
    footer .footer-warp  .footer-bottom{
        display: flex;
    }

}
@media screen and (max-width:768px) {
    .back-scroll{
        display: none;
    }
}

@media screen and (max-width:567px) {
    .banner-desc{
        width: 90vw;
    }
    footer .footer-warp{
        width: 90% !important;
    }
}
@media screen and (max-width:1210px) {
    .header-box .header-right{
        margin-left: 140px;
    }
    .dx-card .dx-card-list{
        flex-wrap: wrap;
        width: 70%;
    }
    .dx-card .dx-card-list .dx-card-item{
        width: 49%;
        margin-bottom: 20px;
    }


    .boot-box{
        height: auto;
        padding: 80px 0;
    }
    .boot-box .boot-warp .boot-left-header{
        text-align: center;
    }
    .boot-box .boot-warp{
      flex-direction: column;
      width: 70%;
    }
    .boot-box .boot-warp .boot-left{
        margin-right: 0;
    }
    .boot-box .boot-warp .boot-right{
        width: 90%;
        height: auto;
    }
    .boot-left .boot-list .boot-item>.boot-content{
        width: 100%;
    }
    .boot-box.boot2 .boot-right{
        order: 1;
    }
    .boot-box.boot2 .boot-right{
        margin-right: 0;
        order: 2;
    }

    .ability-box .ability-list{
        width: 70%;
    }
    .ability-box .ability-list .ability-card{
        width: 30%;
        height: auto;
    }
    .scheme-list .scheme-item{
        width: 100%;
    }
    .scheme-list{
        width: 70%;
    }
    .service .service-list{
        width:70%;
        flex-wrap: wrap;
    }
    .service .service-list .service-card{
        margin-bottom: 20px;
        width: 45%;
    }

    footer  .footer-warp{
        width: 70%;
    }

    /* 底部app */
    footer  .footer-warp .footer-header{
      flex-direction: column;
    }
    .footer-header .h-warp-left{
        border-right: none;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .footer-header .h-warp-right{
        justify-content: space-around;
    }
    .boot-item>.content-desc{
        padding-left: 0;
    }
    .scheme .scheme-header>.title, .ability-box .ability-header>div:nth-child(1){
        margin-bottom: 0;
    }
    .ability-box{
        padding-top: 1rem;
    }
    .scheme{
        padding-top: 1rem;
    }
}


@media screen and (max-width:610px) {
    .dx-card .dx-card-list{
        flex-wrap: wrap;
    }
    .dx-card .dx-card-list .dx-card-item{
        width: 49%;
        margin-bottom: 20px;
    }
    .dx-card .dx-card-list,footer .footer-warp,.service .service-list,.boot-box .boot-warp,.scheme-list,.ability-box .ability-list{
        width: 93%;
    }
    .service .service-list .service-card{
        width: 48%;
    }
    .scheme{
        margin-bottom: 54px;
    }
}

@media screen and (max-width:510px) {
    .dx-card .dx-card-list .dx-card-item{
        height: 300px;
        padding: 38px 20px 40px 24px;
    }
    .dx-card-list .dx-card-item .card-box{
        margin-top: 18px;
        font-size: 0.24rem;
    }
    .dx-card-list .dx-card-item .card-box>.card-name{
        font-size: 0.28rem;
    }
    .dx-card-list .dx-card-item .img{
        width: 65px;
        height: 65px;
        padding: 0 !important;
        margin-bottom: 35px;
    }   
    
    .boot-content>.content-title{
        font-size: 0.28rem;
    }
    .boot-item>.content-desc{
        font-size: 0.24rem;
    }
    .ability-box .ability-list .ability-card>.card-title{
        font-size: 0.20rem;
    }
}

@media screen and (max-width:483px) {
    .dx-card .dx-card-list .dx-card-item{
        height: 290px;
        padding: 25px 15px 40px 20px;
    }
    .dx-card-list .dx-card-item .img{
        width: 55px;
        height: 55px;
        margin-bottom: 22px;
    }
    .service{
        padding:0.5rem 0;
    }
    .banner-box{
        height: 516px;
    }
}


/* 调整图卡布局 */
@media screen  and (max-width:390px) {
    .service{
        background-image: url('../assets/ysbg.jpg');
    }
}


@media screen and (max-width:1180px) {
    .header-box .header-left {
        margin-right: 50px;
    }
    .header-box .header-right {
        margin-left: 60px;
    }
}

@media screen and (max-width:1100px) {
    .header-box .header-left {
        margin-right: 30px;
    }
    .header-box .header-right {
        margin-left: 0;
    }
    .header-box .header-center .center-item{
        margin-right: 20px;
    }
}

@media screen and (max-width:930px) {
    .header-box .header-right {
        margin-left: 20px;
    }
    .header-box .header-center .center-item{
        margin-right: 15px;
    }
}