

@media   screen and (max-width:360px) and (max-height:640px){ 
    .page2 .vbgbox{margin-top: 70rem;}
    .page2 .dec{margin-top: 20rem;}

    .page5 .plBox{margin-top: 30rem;}
    .page6 .list{  margin-top: -70rem;  transform:  scale(.8) translateZ(0); }




}

@media   screen and (max-width: 420px) and (max-height:750px){ 

    .page2 .vbgbox{margin-top: 70rem;}
    .page2 .dec{margin-top:80rem;}

    .page3 .title{margin-top: 150rem;}
    .page3 .renwubox{margin-top: 0;}
    .page3 .txt{margin-top: -20rem;}
    .page3 .txt p{overflow-y: auto;overflow-x: hidden;height: 150rem;}


    .page4 .title{margin-top: -150rem;}
    .page4 .imgbox{margin-top: 20rem;height: 670rem;}
    .page4 .txt{margin-top: 40rem;height: 350rem;}

    .page5 .plBox{margin-top: 30rem;}
    .page5 .jlbox{margin-top: 20rem;}

    .page6 .title{margin-top: 150rem;}
    /* .page6 .list{  margin-top: -70rem;  transform:  scale(.8) translateZ(0); }
    .page6 .list .com{margin-bottom: 20rem;}
   */
}

/* iphone15pm适配 */

@media only screen and (device-width: 393px) and (device-height: 659px) {
    .page6 .list{
        height: 750rem;
    }
}

@media only screen and (min-width : 600px) and (max-width : 900px){ 
    /* .page2 .dec {bottom: 20rem;}
  
    .page3 .title{margin-top: 150rem;}

    .page3 .content .renwubox{
        transform:  scale(.8) translateZ(0); 
        margin-top: -80rem;
    }
    .page3 .dectxt{margin-top: -100rem;}
    .page3 .dectxt p{overflow-y: scroll;overflow-x: hidden;height:220rem;}

    .page4 .title{margin-top: 150rem;}
    .page4 .imgbox{height: 500rem;margin-top: 0;}
    .page5 .plBox{margin-top: 25rem;}
    .page5 .jlbox{margin-top: 50rem;}

    .page6 .title{margin-top: 150rem;}

    .page6 .list{margin-top: -20rem; transform:  scale(.85) translateZ(0); } */
}

/* ipad */
@media only screen and (min-width : 740px) and (max-width : 1400px){ 
    /* .page2 .content, .page3 .content, .page5 .content, .page6 .content{
        transform: translate(-50%) scale(.7) translateZ(0); 
    } */
/* .page2 .title{
    margin-top: 70rem;  
}

 .page2 .vbgbox{margin-top: 80rem;} 

.page3 .title,.page3 .renwubox{margin-top: 0;}
.page3 .dectxt p{overflow-y: auto;height: auto;}


.page4 .title{margin-top: -210rem;transform: scale(.7) translateZ(0);}
.page4 .imgbox{
    
    margin-top: 10rem;
    height: 630rem;
}


.page4 .txt{margin-top: -70rem;transform: scale(.7) translateZ(0);}
.page4 .txt p{
    overflow-y: auto;height: auto;
}
.page4 .honor{    transform: scale(.7) translateZ(0);
    margin: -85rem auto 0;}
.page5 .title{  margin-top: 20rem;  }
.page6 .title{  margin-top: 0rem;  } */


.page5 .btn{
    bottom: -40rem;
}
}


/* @media only screen and (min-width : 820px) and (max-width :1180px){ 
    .page2 .dec{bottom:40rem;}
    .page3 .dectxt p{overflow-y: auto;height: auto;}
    .page4 .txt p{height: 250rem;}
} */



@media only screen and (max-aspect-ratio: 9/16) {

    .page5 .btn{
        bottom: -40rem;
    }
   
   
   }

























