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