/* 800x600像素设备的样式 */
@media screen and (min-width: 800rem) and (min-height: 600rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 400rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left: 450rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 500rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 550rem;
    }
    
  }
/* 1024x768像素设备的样式 */
@media screen and (min-width: 1024rem) and (min-height: 768rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 750rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left: 800rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 800rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 900rem;
    }
  }
      /* 1280x720像素设备的样式 */
@media screen and (min-width: 1280rem) and (min-height:720rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 750rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left:800rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 800rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 850rem;
    }
  }
  /* 1920x1080像素设备的样式 */
@media screen and (min-width: 1920rem) and (min-height: 1080rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 700rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left: 800rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 800rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 900rem;
    }
  }
    /* 2560x1080像素设备的样式 */
@media screen and (min-width: 2560rem) and (min-height: 1080rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 850rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left:950rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 950rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 900rem;
    }
  }
      /* 3840x2160像素设备的样式 */
@media screen and (min-width: 3840rem) and (min-height: 2160rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 1600rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left:1700rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left: 1700rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 1800rem;
    }
  }
      /* 4480x2520像素设备的样式 */
@media screen and (min-width: 4480rem) and (min-height: 2520rem) {
    .page5 .teseBox .box1.on .showhero{
        left: 1900rem;
    }
    .page5 .teseBox .box2.on .showhero{
        left:2100rem;
    }
    .page5 .teseBox .box3.on .showhero{
        left:2000rem;
    }
    .page5 .teseBox .box4.on .showhero{
        left: 2200rem;
    }
  }