@media screen and (max-width: 768px) {
.onlyMobile{
    display: inline-block;
}
.onlyPc{
    display: none;
}
    .bottomNav {
        display: none;
    }

    .bottomNav1 {
        display: block;
    }
    .nav {
        display: none;
    }
    .nav1Top {
        display: block;
    }

    .nav1 {
        display: block;
    }

.bottomRegion {
    display: inline-block;
}

.banner .text {
    font-size: 4.5vw;

}

.region2 {
        background-color: #f7f7f7;

}

.region1 {
        background-color: #ffffff!important;
}


.region2_1  {
        background-color: #ffffff!important;
}



.region2_1 .title{
        margin: 3vw 0 2.5vw ;

}

.region1  .title{
        margin: 3vw 0 2.5vw ;

}

.region3 .title{
        margin: 3vw 0 2.5vw ;

}


.js111 {
        width: 7vw!important;
     height: 1.5px!important;
}

.hx222{
width: 7vw!important;
    height: 1px!important;
}

.bottomRegion .info {
    margin-top: -3vw;

}

    .ProgressBar{
      width: 60vw;
    }

    .center1{
      width: 60vw;
      height: 60vw;
      animation: centerA1 1s infinite alternate ease-in-out;
    }

@keyframes centerA1 {
  from {
    top: 70%;
  }

  to {
    top: 74%;
  }
}
.centerIcon {
    width: 25vw;
    top: 15%;
}
.filing .content p{
    font-size: 2vw;
}

}