@media (min-width: 2056px) {

  .iframe-close{
    font-size: 2.3vw !important;
  }

  .pointContent.practicability{
    width: 75%;
  }

  .pointContent.performance {
    width: 75%;
  }

  .pointContent.modular {
    width: 67%;
  }

  .egmpText{
    font-size: 38px;
  }

  .pointContent {
    font-size: 23px;
  }
  .rightBtn {
    width: 7.5vw;
    top: 46%;
  }
  .publicTitle {
    font-size: 22px;
  }
  .publicDesc {
    font-size: 26px;
  }
  .libtn {
    font-size: 26px;
  }
  .slognDesc,
  .publicTitle {
    font-size: 31px;
  }
  .Namebox {
    height: 46px;
    line-height: 46px;
  }
  .name1,
  .name2 {
    height: 46px;
    line-height: 46px;
  }

  .libtn.active .name1 {
    margin-top: -46px;
  }

  .libtn:hover .name1 {
    margin-top: -46px;
  }
  .yuanwai {
    width: 30px;
    height: 30px;
  }
  .yuanxin {
    width: 12px;
    height: 12px;
  }
  .sx {
    right: 14px;
    top: 26px;
    width: 2px;
    height: 92%;
  }
}


@media (min-width: 2560px) {
  .rightBtn {
    width: 6vw;
  }
  .anchor{
    left: 42%;
  }

  .topNum span:first-child{
    font-size: 2.2vw;
  }
}

@media (max-width: 1800px) {
  .pointContent.reliability{
    width: 39% !important;
  }
  /* .pointContent{
    bottom: 3%;
  } */
}

@media (max-width: 1600px) {
  .pointContent.reliability{
    width: 39% !important;
  }
  
}



@media (max-width: 1366px) {
  .pointContent.performance{
    width: 76% !important;
  }
  .pointContent.reliability{
    width: 49% !important;
  }

  .pointContent.practicability{
    width: 76% !important;
  }
}

@media (max-width: 1280px) {
  
  .audioBox {
    width: 10%;
  }
  .nbgBox {
    width: 13%;
  }
  .nbgBox p {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .pointContent.practicability{
    width: 95% !important;
  }
}

@media (max-width: 1200px) {
  .loadingBox{
    width: 28%;
  }
  .publicDesc {
    /* font-size: 14px; */
  }

  .pointContent.modular{
    width: 68% !important;
  }


  .pointContent {
    font-size: 14px;
  }
}

@media (max-width: 900px) {

  .changeAudio {
    width: 76%;
  }
  .a-desc{
    font-size: 12px;
  }


  .nbgBox {
    top: 72%;
    width: 16%;
  }

  .egmpText{
    font-size: 20px;
  }
  
}


@media (max-width: 767px) {
  .audioBox {
    /* width: 5%; */
  }
  .slognTitle {
    font-size: 5vw;
  }
  .slognDesc {
    font-size: 10px;
  }

  .publicTitle {
    font-size: 12px;
  }
  .publicDesc {
    font-size: 14px;
  }

  .hxbox .hx:nth-child(-n + 3) {
    display: none;
  }

  .libtn {
    font-size: 12px;
  }
  .Namebox {
    height: 2vh;
    line-height: 2vh;
  }

  .rightBg {
    width: 71%;
    display: block;
    height: 85%;
    margin-top: 26%;
  }
}

@media (max-width: 600px) {

  .iframe-close{
    /* right: 15%; */
  }

  .loadingBox{
    width: 26%;
  }

  .pointContent{
    bottom: 2%;
  }

  .changeAudio{
    width: 80%;
  }
  .a-desc{
    font-size: 10px;
  }
  .audioBox {
    width: 12%;
  }

  .sx {
    height: 90%;
  }
  .iconfont {
    font-size: 30px !important;
  }
  .homeslogn,
  .public_slogn {
    top: 15%;
  }

  .nbgBox {
    top: 62%;
    width: 16%;
  }
  .nbgBox p {
    font-size: 11px;
  }

  .hxbox .hx:nth-child(-n + 6) {
    display: none;
  }
  .rightBtn {
    width: 11%;
    top: 50%;
  }
  .hxbox .hx {
    margin: 2% 29%;
  }

  .publicTitle {
    font-size: 14px;
  }
  .publicDesc {
    font-size: 11px;
  }
  .descText {
    font-size: 10px;
  }
  .topNum span:first-child {
    font-size: 4vw;
    width: 8vw;
  }
  .topNum span:last-child {
    font-size: 2.5vw;
  }

  .pointContent {
    font-size: 10px;
  }
  .videoIcon{
    font-size: 18px;
  }

  #myvideo{
    height: 81%;
    margin-top: 0%;
  }
}


@media only screen and (min-width: 840px) and (max-width: 1000px) and (orientation: landscape) {
  .rightBtn {
    width: 10%;
    top: 49%;
  }
  .hxbox .hx:nth-child(-n + 8) {
    display: none;
  }

  .slognTitleText {
    font-size: 20px;
  }

  .slognDesc {
    font-size: 10px;
  }

  .libtn {
    font-size: 12px;
  }

  .publicTitle {
    font-size: 11px;
  }
  .publicDesc {
    font-size: 12px;
  }
  .descText {
    font-size: 10px;
  }
  .topNum span:first-child {
    font-size: 4vw;
    width: 8vw;
  }
  .topNum span:last-child {
    font-size: 2.5vw;
  }

  .pointContent {
    font-size: 12px;
  }
  .nbgBox {
    top: 55%;
    width: 11%;
  }
  .nbgBox p {
    font-size: 10px;
  }
  .public_slogn {
    /* top: 9%; */
  }
  .homeslogn {
    top: 15%;
  }
}