body {
  overflow-x: hidden;
  margin: 0;
  font-family: '微软雅黑', Arial, sans-serif;
  background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%), url('/img/bg_imh/丝路山水地图 (2).jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
#main-title-secondary{
  font-size: 2rem;
  font-weight: bold;
  font-family: "Georgia", serif;
  text-align: center;
  position: fixed;
  top: 56%;
  z-index: 99999999;
  align-items: center;
  color: #555;
}

.textbox{
  position: absolute;
  width: 100%;

  top: 100rem;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.text-content{
  font-size: 1.2rem;
  position: relative;
  top: 30%;
  width: 70%;
  z-index: 10;
  font-size:2.5rem;
}

#main-title{
  font-size: 5rem;
  font-weight: bold;
  font-family: "Times New Roman", Times,"Segoe UI Black";
  text-align: center;
  position: fixed;
  top: 37%;
  z-index: 99999999;
  align-items: center;
  color: #333;
}
.mainpage_ctx {
  display: flex;
  overflow: hidden;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(240, 240, 240, 0);
  }
  .cloud-left-top{
    position: absolute;
    left: 0;
    top: -0%;
    width: 40%;
    z-index: -1;
  }
  #main-road {
    position: fixed;
    width: 60%;
    z-index: -1;
    left: 20%;
    top: 40%;
  }

  #mount-left {
    position: absolute;
    left: -10%;
    bottom: 0;
    top: 20%;
    width: 60%;
    z-index: 4;
    /*transition: all 0.1s ease;*/
  }

  #mount-right {
    position: absolute;

    /*transition: all 0.1s ease;*/
    right: 0%;
    top: 20%;
    bottom: 0;
    width: 60%;
    z-index: 4;
  }


.main-road{
  position: absolute;
  top: 20rem;
  width: 100%;
  z-index: -1;
}

.mount-left{
  position: absolute;
  left: -10rem;
  width: 60%;
  z-index: 4;
}

.mount-right{
  position: absolute;
  right: 0rem;
  width: 60%;
  z-index: 4;
}