@media screen and (max-width: 1885px) {
  .page1,
  .page2,
  .page3,
  .page4 {
    width: 70%;
  }
}
@media screen and (max-width: 1850px) {
  .page5 {
    width: 80%;
  }
}
@media screen and (max-width: 1705px) {
  .page1,
  .page2,
  .page3,
  .page4 {
    width: 80%;
  }
  .pageone,
  .pagetwo,
  .page_three,
  .page_four,
  .page_five,
  .page_six {
    width: 90%;
  }
  .pagetwo_img_dh1{top: 280px!important;left: 1020px!important;}
  .app_lay1{transform:scale(0.8);width:100%!important;}
  .page_four_lists {
    padding-left: 7%;
}
  .page_four_lists>li {
    width: 30%;
    margin-bottom: -6%;
    float: left;
    text-align: center;
}
.page_five_dh1{top: 12%;}
}
@media screen and (max-width: 1640px) {

  .page5 {
    width: 90%;
  }
  .device {
    top: 5.5%;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 70%;
  }
  html {
    font-size: 6px;
  }
}
@media screen and (max-width: 1550px) {
  .box > ul > li {
    width: 49%;
  }
}
@media screen and (max-width: 1520px) {
  .tit > span {
    transform: scale(0.8);
  }
}
@media screen and (max-width: 1500px) {
  .page1,
  .header,
  .page2,
  .page3,
  .page4 {
    width: 90%;
  }
}
@media screen and (max-width: 1485px) {
  .tit > span:nth-child(1) {
    float: left;
  }
  .tit > span:nth-child(3) {
    float: right;
  }
  .page8 {
    width: 80%;
  }
  .lists > li {
    width: 49.5%;
  }
  .pagetwo_img_dh1{top: 295px!important;left: 920px!important;}
  .page_five_dh1{top: 8%;}
  .page_four_lists {
    padding-left: 1%;
}
  .page_four_lists>li {
    width: 31%;
    margin-bottom: -8%;
    float: left;
    text-align: center;
}
}
@media screen and (max-width: 1350px) {
  .device .arrow-left,
  .device .arrow-right {
    top: 60%;
  }
  .page3 > ul > li {
    width: 49%;
  }
  .page_four_lists > li {
    width: 50%;
  }
  .page_four_bg {
    min-height: 2300px;
  }

}
@media screen and (max-width: 1250px) {
  ul.new_tit > li:nth-child(2) {
    font-size: 80px;
  }
  .pageone > div {
    width: 100%;
  }
  .page_three_content > div {
    width: 100%;
  }
  .page_three_bg {
    min-height: 1800px;
  }
  html {
    font-size: 5px;
  }
  .device {
    top: 4.5%;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 55%;
  }
  body > div.page2bg > div > ul.cards > li {
    width: 100%;
  }
  body > div.page2bg > div > ul.cards > li:nth-child(2) {
    margin-top: -300px;
  }
  body > div.page2bg > div > ul.cards > li:nth-child(3) {
    margin-top: -300px;
  }
}
@media screen and (max-width: 1065px) {
  html {
    font-size: 4px;
  }
  .masktxt > span:nth-child(1) {
    font-size: 20px;
  }
  .masktxt > span:nth-child(2) {
    font-size: 16px;
  }
  .page_four_lists > li {
    width: 100%;
  }
  .page_four_bg {
    min-height: 4100px;
  }
  .device {
    top: 3%;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 45%;
  }
  .page8 > ul.back > li {
    width: 100%;
  }
  .page8bg {
    min-height: 1600px;
  }
  .lists > li {
    width: 100%;
  }
  .page1 > .left {
    width: 100%;
  }
  .page1 > .left > p {
    text-align: center;
    padding-left: 0;
  }
  .page1 > .right {
    width: 100%;
    text-align: center;
  }
  .bottom {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
  }
  .page1bg {
    min-height: 1470px;
  }
  ul.new_tit > li:nth-child(2) {
    flex: 0 0 60%;
    font-size: 70px;
  }
  .subtit {
    font-size: 30px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 40px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2) {
    font-size: 30px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5) {
    font-size: 30px;
  }
}
@media screen and (max-width: 850px) {
  .page_five_balls > div {
    width: 80px;
    height: 80px;
  }
  .page_five_balls > div > span {
    font-size: 16px;
  }
  .page_five_lines > div {
    height: 250px;
  }
  .page_five_lines > div:nth-child(1) {
    left: 5%;
    top: 110px;
    transform: rotate(15deg);
  }
  .page_five_lines > div:nth-child(2) {
    left: 20%;
    top: -130px;
    transform: rotate(168deg);
  }
  .page_five_lines > div:nth-child(3) {
    left: 32%;
    top: 80px;
    transform: rotate(10deg);
  }
  .page_five_lines > div:nth-child(4) {
    left: 43%;
    top: -200px;
    transform: rotate(165deg);
  }
  .page_five_lines > div:nth-child(5) {
    left: 56%;
    top: 40px;
    transform: rotate(15deg);
  }
  .page_five_lines > div:nth-child(6) {
    left: 70%;
    top: -240px;
    transform: rotate(168deg);
  }
  .page_five_lines > div:nth-child(7) {
    left: 83%;
    top: 10px;
    transform: rotate(15deg);
  }
  .masktxt > span:nth-child(1) {
    font-size: 16px;
  }
  .masktxt > span:nth-child(2) {
    font-size: 12px;
  }
  ul.new_tit > li:nth-child(2) {
    flex: 0 0 70%;
    font-size: 60px;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 30%;
  }
  .subtit {
    font-size: 26px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 36px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2) {
    font-size: 26px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5) {
    font-size: 26px;
  }
  .navs {
    display: none;
  }
  body > div.page1bg > div.anim > div > p:nth-child(2) > img {
    width: 100%;
    max-width: 655px;
  }
  body > div.page1bg > div.anim > div > p:nth-child(3) > img {
    width: 81%;
    max-width: 529px;
  }
}
@media screen and (min-width: 851px) {
  
}
@media screen and (max-width: 850px) {
  .page_five_balls > div {
    width: 80px;
    height: 80px;
  }
  .page_five_balls > div > span {
    font-size: 16px;
  }
  .page_five_lines > div {
    height: 250px;
  }
  .page_five_lines > div:nth-child(1) {
    left: 5%;
    top: 110px;
    transform: rotate(15deg);
  }
  .page_five_lines > div:nth-child(2) {
    left: 20%;
    top: -130px;
    transform: rotate(168deg);
  }
  .page_five_lines > div:nth-child(3) {
    left: 32%;
    top: 80px;
    transform: rotate(10deg);
  }
  .page_five_lines > div:nth-child(4) {
    left: 43%;
    top: -200px;
    transform: rotate(165deg);
  }
  .page_five_lines > div:nth-child(5) {
    left: 56%;
    top: 40px;
    transform: rotate(15deg);
  }
  .page_five_lines > div:nth-child(6) {
    left: 70%;
    top: -240px;
    transform: rotate(168deg);
  }
  .page_five_lines > div:nth-child(7) {
    left: 83%;
    top: 10px;
    transform: rotate(15deg);
  }
  .masktxt > span:nth-child(1) {
    font-size: 16px;
  }
  .masktxt > span:nth-child(2) {
    font-size: 12px;
  }
  ul.new_tit > li:nth-child(2) {
    flex: 0 0 70%;
    font-size: 60px;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 30%;
  }
  .subtit {
    font-size: 26px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 36px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2) {
    font-size: 26px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5) {
    font-size: 26px;
  }
  .navs {
    display: none;
  }
  body > div.page1bg > div.anim > div > p:nth-child(2) > img {
    width: 100%;
    max-width: 655px;
  }
  body > div.page1bg > div.anim > div > p:nth-child(3) > img {
    width: 81%;
    max-width: 529px;
  }

  .page1>.left>p:nth-child(3)>button{display: inline-block;float:none;}
    .page1_lottie2,.pagetwo_img_dh2,.page_five_lines,.page_six_content>span img{display:none!important;}
    .page2,.page_five_bg,.pagetwobg,.page_three_bg{padding:0!important;}
    .new_tit,.page_three_content,.page_three_left > .page_three_left_content > P:nth-child(2),.page_five_balls{margin:0;}
    .page1bg,.page_three_bg,.page_five_bot,.page_six_bot,.pagetwobg, .page_three_bg,.page_four_lists>li>span,.page_four_bg,.page_six_bg{height:auto!important;min-height:auto!important;}
    .wapper,.new_tit,.page_four_lists>li>span,.page_four_lists>li>span>img,.page_four_lists_content,.pagetwo_img img{width: 100%!important;}
    .pageone{position:relative;}
    .pageone_left{top:0;left:-120px;position:absolute;}
    .pageone_right{top:-160px;right:-100px;position:absolute;}
    .pageone_right > span:nth-child(4){left: -15%;}
    .aboutpag1_dh1{right:0!important;left: -30%!important;}
    .page_three_left > .page_three_left_content{margin-top:0;}
    .page_three_hj {top: -10%;left: -40%;}
    .page_three_bg{min-height: 700px!important;padding-top:30px;}
    .page_five_bg,.page8bg{min-height:880px;}
    .page_five_bg dl{position:relative!important;left:0!important;top: 0!important;right: 0!important;bottom: 0!important;}
    .page_five_bot{position:relative;margin-top:40px;text-align:center;}
    .page_five_bot dl{height: 120px!important;padding-top: 0!important;}
    .page_five_bot dl::after{display:none!important;}
    .page_six_bot{text-align:center;}
    .page_six_bot p{position:relative;margin: 0!important;display:inline-block;float:none!important;margin:0 auto!important;}
.video_lay{width: 100%;height: 100%;margin: 0;top: 0!important;left:0!important;}
.page_four_lists_content{top: 0;left: 0;height: auto!important;}
.page_five_hj{top: -40px;}
.page_five_balls{text-align:center;margin-top:50px;}
.page_five_balls div{position:relative;left: 0!important;top: 0!important;display:inline-block;text-align:center;line-height:80px;float:none;
 display:inline-block;    
}
.page_six_bg{padding-top: 30px;}
.page_six_txt.st,.page_six_txt.nd,.page_six_txt.rd,.page_six_txt.th{width:100%;left: 0;top: 0;right: 0;display:inline-block;}
.page_six_anima{position:relative;display:none;}
.page_six_txt{height: auto;position:relative;text-align:left;}
.page_six_txt span{width: 100%;display:inline-block;}
.page_six_bg{padding-bottom: 40px;}
@media screen and (max-width: 650px) {
  html {
    font-size: 3px;
  }
  .page_three_left > ul > li {
    width: 100%;
  }
  .page_six_txt:nth-child(odd) {
    margin-top: 30px;
  }
  .page_three_bg {
    min-height: 2300px;
  }
  ul.new_tit > li:nth-child(2) {
    flex: 0 0 70%;
    font-size: 46px;
  }
  .subtit {
    font-size: 23px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 32px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2) {
    font-size: 23px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5) {
    font-size: 23px;
  }
  .page3 > ul > li {
    width: 100%;
  }
  .page7,
  .page6,
  .page8 {
    width: 90%;
  }
  .footer > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 550px) {
  .device {
    top: 2.5%;
  }
  .device .arrow-left,
  .device .arrow-right {
    top: 25%;
  }
}
@media screen and (max-width: 470px) {
  html {
    font-size: 2px;
  }
  ul.new_tit > li:nth-child(2) {
    flex: 0 0 70%;
    font-size: 30px;
  }
  .subtit {
    font-size: 20px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(1) {
    font-size: 28px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(2) {
    font-size: 20px;
  }
  body > div.page8bg > div > ul.back > li:nth-child(1) > div > p:nth-child(5) {
    font-size: 20px;
  }
}