.elabIntroduce{
  //overflow: scroll;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  //overflow: hidden;
  position: absolute;
  background-color: #2C2E34;
}
.elabIntroduce-body{
  position: relative;
  width: 100vw;
  height: calc(100% - 64px);
  //overflow-x: hidden;
  //overflow-y: auto;
  margin-top: 64px;
  background-color: #2C2E34;
}

.alignLeft{
  text-align: left;
}

.alignRight{
  text-align: right;
}

@media (max-width: 767px){
  .alignRightYear{
    left: -100px;
  }
  .elab-creator{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: calc(100vh - 64px);
  }
  .elab-creator-bg{
    position: absolute;
    //height: 100%;
    width: 100%;
    height: calc(100vh - 64px);
  }
  .elab-creator-bg-image{
    width: 100%;
    //height: 100%;
    height: calc(100vh - 64px);
    object-fit: cover;
  }
  .elab-creator-introduce{
    position: absolute;
    margin-top: 0px;
    width: 100%;
    height: 100%;
  }
  .elab-creator-introduce-title{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-top: calc(50vh - 25px - 22px - 64px - 10px);
  }
  .elab-creator-introduce-title p{
    font-family: "AritaHeiti-Bold";
    font-size: 50px;
    height: 50px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-align: center;
  }
  .elab-creator-introduce-subTitle{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
  }
  .elab-creator-introduce-subTitle p{
    font-family: "AritaHeiti-Bold";
    font-size: 16px;
    height: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
  }
  .elab-creator-button{
    position: absolute;
    width: 100%;
    bottom: 70px;
    text-align: center;
    font-size: 0;
  }
  .elab-creator-button-left{
    position: relative;
    display: inline-block;
    width: 80px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 17px;
    text-align: center;
  }
  .elab-creator-button-left p{
    font-family: AritaHeiti-Bold;
    font-size: 12px;
    line-height: 34px;
    height: 34px;
    color: #202020;
    text-align: center;
    font-weight: 700;
  }
  .elab-creator-button-right{
    position: relative;
    display: inline-block;
    margin-left: 40px;
    width: 80px;
    height: 34px;
    background: #FFFFFF;
    border-radius: 17px;
    text-align: center;
  }
  .elab-creator-button-right p{
    font-family: AritaHeiti-Bold;
    font-size: 12px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    line-height: 34px;
    height: 34px;
  }
  .elab-introduce{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    margin-bottom: 10vh;
  }
  .elab-introduce-title{
    position: relative;
    width: 100%;
    margin-top: 16vh;
    text-align: center;
  }
  .elab-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 7px;
    text-align: center;
    font-weight: 700;
  }
  .elab-introduce-content1{
    position: relative;
    width: 100%;
    margin-top: 6vh;
  }
  .elab-introduce-content1 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 25px;
  }

  .elab-introduce-content2{
    position: relative;
    width: 100%;
    margin-top: 6vh;
  }
  .elab-introduce-content2 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 25px;
  }

  .elab-yewu{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: 46vh;
  }
  .elab-yewu-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #FFFFFF;
  }
  .elab-yewu-bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .elab-yewu-content{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .elab-yewu-content-title{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 3vh;
  }
  .elab-yewu-content-title p{
    font-family: "AritaHeiti-Bold";
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 7px;
    font-weight: 600;
  }
  .elab-yewu-content-description{
    position: absolute;
    width: 100%;
    bottom: 2vh;
    font-size: 0px;
    vertical-align: center;
  }
  .elab-yewu-description1{
    position: relative;
    display: inline-block;
    width: 80%;
    height: 15vh;
    font-size: 0px;
    //float: left;
    vertical-align: middle;
  }
  .elab-yewu-description2{
    position: relative;
    display: inline-block;
    width: 80%;
    height: 15vh;
    font-size: 0px;
    vertical-align: middle;
  }
  .elab-yewu-description3{
    position: relative;
    display: inline-block;
    width: 80%;
    height: 15vh;
    font-size: 0px;
    //float: left;
    vertical-align: middle;
  }
  .elab-yewu-description4{
    position: relative;
    display: inline-block;
    width: 80%;
    height: 15vh;
    font-size: 0px;
    //float: left;
    vertical-align: middle;
  }
  .elab-yewu-description-title{
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 0px;
    margin-bottom: 0px;
  }
  .elab-yewu-description-title p{
    font-size: 44px;
    line-height: 44px;
    font-weight: 700;
    color: #3FACBF;
    letter-spacing: 0;
    text-align: center;
    font-family: "DINCond";
    margin-bottom: 2px;
  }
  .elab-yewu-description-content{
    position: relative;
    text-align: center;
    width: 100%;
    height: 34px;
    font-size: 0px;
  }
  .elab-yewu-description-content p{
    font-family: "AritaHeiti-Light";
    font-size: 12px;
    line-height: 14px;
    height: 34px;
    color: #FFFFFF;
    letter-spacing: 1.7px;
    text-align: center;
    opacity: 0.7;
  }

  .elab-timeLine{
    position: relative;
    margin-top: 90px;
    width: 92vw;
    margin-left: 4vw;
  }
  .elab-timeLine-container{
    margin-left: calc(38%);
  }
  .timeLine-year{
    position: relative;
    height: 140px;
    width: 40vw;
  }
  .timeLine-year p{
    font-family: "DINCond";
    font-size: 66px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
    line-height: 58px;
  }
  .timeLine-events{
    position: relative;
    height: 16px;
  }
  .timeLine-events p{
    font-family: "AritaHeiti-Light";
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 16px;
    opacity: 0.8;
  }

  .year-2018{
    position: relative;
    height: 184px;
    width: 40vw;
    border-left: white;
  }
  .elab-timeLine-month{
    position: relative;
    font-family: "DINCondensed-Bold";
    font-size: 54px;
    color: #3FACBF;
    letter-spacing: 0;
    line-height: 54px;
    width: 40vw;
  }
  .elab-timeLine-introduce{
    width: 40vw;
    position: relative;
    font-family: "AritaHeiti-Light";
    font-size: 14px;
    color: #FFFFFF;
    text-align: right;
    letter-spacing: 1px;
    line-height: 16px;
  }
  .year-2017{
    position: relative;
    width: 40vw;
    height: 214px;
    border-left: white;
  }
  .year-2016{
    position: relative;
    height: 214px;
    width: 40vw;
    border-left: white;
  }
  .year-2015{
    width: 40vw;
    position: relative;
    height: 214px;
    border-left: white;
  }
  .timeLine-btn{
    width: 120px;
    height: 40px;
    //margin: 10px auto;
    border-radius: 20px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
    left: -84px;
  }
  .timeLine-btn p{
    font-family: "AritaHeiti-Bold";
    font-size: 16px;
    height: 40px;
    color: #202020;
    text-align: center;
    line-height: 40px;
  }

  .elab-news{
    position: relative;
    width: 92vw;
    height: 60vh;
    margin-left: 4vw;
    margin-top: 2vh;
    //padding-bottom: 30px;
    margin-bottom: 30px;
  }
  .elab-news-slider{
    position: absolute;
    width: 92vw;
    height: 60vh;
    //padding-bottom: 30px;
    z-index: 1;
  }
  .slideImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .elab-news-btn{
    position: absolute;
    width: 100%;
    bottom: 5vh;
    z-index: 2;
  }
  .joinBtn{
    width: 120px;
    height: 40px;
    border-radius: 20px;
    background: #ffffff;
    margin-left: auto ;
    margin-right: auto;
    position: relative;
    bottom: 5vh;
  }
  .joinBtn p{
    font-family: "AritaHeiti-Bold";
    font-size: 16px;
    color: #202020;
    text-align: center;
    line-height: 40px;
    text-align: center;
  }
}

@media (min-width: 768px){
  .alignRightYear{
    left: -120px;
  }
  .elab-creator{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: calc(100vh - 64px);
  }
  .elab-creator-bg{
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .elab-creator-bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
    //background-size: contain;
  }
  .elab-creator-introduce{
    position: absolute;
    margin-top: 0px;
    width: 100%;
    height: 100%;
  }
  .elab-creator-introduce-title{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-top: calc(50vh - 38px - 22px - 64px - 10px);
  }
  .elab-creator-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 76px;
    height: 76px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 14.48px;
    text-align: center;
  }
  .elab-creator-introduce-subTitle{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
  }
  .elab-creator-introduce-subTitle p{
    font-family: AritaHeiti-Bold;
    font-size: 43px;
    height: 43px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
  }
  .elab-creator-button{
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
  }
  .elab-creator-button-left{
    position: relative;
    display: inline-block;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-left p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    color: #202020;
    text-align: center;
    font-weight: 700;
  }
  .elab-creator-button-right{
    position: relative;
    display: inline-block;
    margin-left: 40px;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-right p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    line-height: 50px;
    height: 50px;
  }
  .elab-introduce{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    margin-bottom: 10vh;
  }
  .elab-introduce-title{
    position: relative;
    width: 100%;
    margin-top: 16vh;
    text-align: center;
  }
  .elab-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    text-align: center;
    font-weight: 700;
  }
  .elab-introduce-content1{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content1 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-introduce-content2{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content2 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-yewu{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: 60vh;
  }
  .elab-yewu-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #FFFFFF;
  }
  .elab-yewu-bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .elab-yewu-content{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .elab-yewu-content-title{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 6vh;
  }
  .elab-yewu-content-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    font-weight: 700;
  }
  .elab-yewu-content-description{
    position: absolute;
    width: 100%;
    bottom: 0px;
    font-size: 0px;
    vertical-align: center;
    float: left;
  }
  .elab-yewu-description1{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description2{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description3{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description4{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description-title{
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 0px;
  }
  .elab-yewu-description-title p{
    font-size: 104px;
    font-weight: 700;
    color: #3FACBF;
    letter-spacing: 0;
    text-align: center;
    font-family: "DINCond";
  }
  .elab-yewu-description-content{
    position: relative;
    text-align: center;
    width: 100%;
    height: 90px;
    font-size: 0px;
  }
  .elab-yewu-description-content p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    line-height: 24px;
    height: 90px;
    color: #FFFFFF;
    letter-spacing: 1.7px;
    text-align: center;
  }

  .elab-timeLine{
    position: relative;
    margin-top: 90px;
    width: 92vw;
    margin-left: 4vw;
  }
  .elab-timeLine-container{
    margin-left: calc(47%);
  }
  .timeLine-year{
    position: relative;
    height: 140px;
    width: 40vw;
  }
  .timeLine-year p{
    font-family: "DINCond";
    font-size: 86px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
    line-height: 69px;
  }
  .timeLine-events{
    position: relative;
    height: 24px;
    width: 40vw;
  }
  .timeLine-events p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 22px;
    opacity: 0.8;
  }

  .year-2018{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .elab-timeLine-month{
    position: relative;
    font-family: "DINCondensed-Bold";
    font-size: 86px;
    color: #3FACBF;
    letter-spacing: 0;
    line-height: 69px;
    width: 40vw;
    top: -30px;
  }
  .elab-timeLine-introduce{
    position: relative;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: right;
    line-height: 36px;
    width: 40vw;
    top: -30px;
  }
  .year-2017{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2016{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2015{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .timeLine-btn{
    width: 160px;
    height: 50px;
    left: -100px;
    //margin: 10px auto;
    border-radius: 25px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
  }
  .timeLine-btn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    height: 50px;
    color: #202020;
    text-align: center;
    line-height: 50px;
  }

  .elab-news{
    position: relative;
    width: 92vw;
    height: 90vh;
    margin-left: 4vw;
    margin-top: 2vh;
    margin-bottom: 50px;
  }
  .elab-news-slider{
    position: absolute;
    width: 92vw;
    height: 90vh;
    z-index: 1;
  }
  .slideImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
    //background-size: cover;
  }
  .elab-news-btn{
    position: absolute;
    width: 100%;
    bottom: 5vh;
    z-index: 2;
  }
  .joinBtn{
    width: 160px;
    height: 50px;
    border-radius: 25px;
    background: #ffffff;
    margin-left: auto ;
    margin-right: auto;
    position: relative;
    bottom: 5vh;
  }
  .joinBtn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    color: #202020;
    text-align: center;
    line-height: 50px;
    text-align: center;
  }
}

@media (min-width: 992px){
  .alignRightYear{
    left: -120px;
  }
  .elab-creator{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: calc(100vh - 64px);
  }
  .elab-creator-bg{
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .elab-creator-bg-image{
    width: 100%;
    height: 100%;
    //background-size: contain;
    object-fit: cover;
  }
  .elab-creator-introduce{
    position: absolute;
    margin-top: 0px;
    width: 100%;
    height: 100%;
  }
  .elab-creator-introduce-title{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-top: calc(50vh - 38px - 22px - 64px - 10px);
  }
  .elab-creator-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 76px;
    height: 76px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 14.48px;
    text-align: center;
  }
  .elab-creator-introduce-subTitle{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
  }
  .elab-creator-introduce-subTitle p{
    font-family: AritaHeiti-Bold;
    font-size: 43px;
    height: 43px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
  }
  .elab-creator-button{
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
  }
  .elab-creator-button-left{
    position: relative;
    display: inline-block;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-left p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    color: #202020;
    text-align: center;
    font-weight: 700;
  }
  .elab-creator-button-right{
    position: relative;
    display: inline-block;
    margin-left: 40px;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-right p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    line-height: 50px;
    height: 50px;
  }
  .elab-introduce{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    margin-bottom: 10vh;
  }
  .elab-introduce-title{
    position: relative;
    width: 100%;
    margin-top: 16vh;
    text-align: center;
  }
  .elab-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    text-align: center;
    font-weight: 700;
  }
  .elab-introduce-content1{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content1 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-introduce-content2{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content2 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-yewu{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: 60vh;
  }
  .elab-yewu-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #FFFFFF;
  }
  .elab-yewu-bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .elab-yewu-content{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .elab-yewu-content-title{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 6vh;
  }
  .elab-yewu-content-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    font-weight: 700;
  }
  .elab-yewu-content-description{
    position: absolute;
    width: 100%;
    bottom: 0px;
    font-size: 0px;
    vertical-align: center;
    float: left;
  }
  .elab-yewu-description1{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description2{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description3{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description4{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description-title{
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 0px;
  }
  .elab-yewu-description-title p{
    font-size: 104px;
    font-weight: 700;
    color: #3FACBF;
    letter-spacing: 0;
    text-align: center;
    font-family: "DINCond";
  }
  .elab-yewu-description-content{
    position: relative;
    text-align: center;
    width: 100%;
    height: 90px;
    font-size: 0px;
  }
  .elab-yewu-description-content p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    line-height: 24px;
    height: 90px;
    color: #FFFFFF;
    letter-spacing: 1.7px;
    text-align: center;
  }

  .elab-timeLine{
    position: relative;
    margin-top: 90px;
    width: 92vw;
    margin-left: 4vw;
  }
  .elab-timeLine-container{
    margin-left: calc(47%);
  }
  .timeLine-year{
    position: relative;
    height: 140px;
    width: 40vw;
  }
  .timeLine-year p{
    font-family: "DINCond";
    font-size: 86px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
    line-height: 69px;
  }
  .timeLine-events{
    position: relative;
    height: 24px;
    width: 40vw;
  }
  .timeLine-events p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 22px;
    opacity: 0.8;
  }

  .year-2018{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .elab-timeLine-month{
    position: relative;
    font-family: "DINCondensed-Bold";
    font-size: 86px;
    color: #3FACBF;
    letter-spacing: 0;
    line-height: 69px;
    width: 40vw;
    top: -30px;
  }
  .elab-timeLine-introduce{
    position: relative;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: right;
    line-height: 36px;
    width: 40vw;
    top: -30px;
  }
  .year-2017{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2016{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2015{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .timeLine-btn{
    width: 160px;
    height: 50px;
    left: -100px;
    //margin: 10px auto;
    border-radius: 25px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
  }
  .timeLine-btn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    height: 50px;
    color: #202020;
    text-align: center;
    line-height: 50px;
  }

  .elab-news{
    position: relative;
    width: 92vw;
    height: 90vh;
    margin-left: 4vw;
    margin-top: 2vh;
    margin-bottom: 50px;
  }
  .elab-news-slider{
    position: absolute;
    width: 92vw;
    height: 90vh;
    z-index: 1;
  }
  .slideImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
    //background-size: cover;
  }
  .elab-news-btn{
    position: absolute;
    width: 100%;
    bottom: 5vh;
    z-index: 2;
  }
  .joinBtn{
    width: 160px;
    height: 50px;
    border-radius: 25px;
    background: #ffffff;
    margin-left: auto ;
    margin-right: auto;
    position: relative;
    bottom: 5vh;
  }
  .joinBtn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    color: #202020;
    text-align: center;
    line-height: 50px;
    text-align: center;
  }
}

@media (min-width: 1200px){
  .alignRightYear{
    left: -120px;
  }
  .elab-creator{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: calc(100vh - 64px);
  }
  .elab-creator-bg{
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .elab-creator-bg-image{
    width: 100%;
    height: 100%;
    //background-size: contain;
    object-fit: cover;
  }
  .elab-creator-introduce{
    position: absolute;
    margin-top: 0px;
    width: 100%;
    height: 100%;
  }
  .elab-creator-introduce-title{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    margin-top: calc(50vh - 38px - 22px - 64px - 10px);
  }
  .elab-creator-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 76px;
    height: 76px;
    font-weight: 700;
    color: #FFFFFF;
    letter-spacing: 14.48px;
    text-align: center;
  }
  .elab-creator-introduce-subTitle{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
  }
  .elab-creator-introduce-subTitle p{
    font-family: AritaHeiti-Bold;
    font-size: 43px;
    height: 43px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
  }
  .elab-creator-button{
    position: absolute;
    width: 100%;
    bottom: 50px;
    text-align: center;
  }
  .elab-creator-button-left{
    position: relative;
    display: inline-block;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-left p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    line-height: 50px;
    height: 50px;
    color: #202020;
    text-align: center;
    font-weight: 700;
  }
  .elab-creator-button-right{
    position: relative;
    display: inline-block;
    margin-left: 40px;
    width: 160px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    text-align: center;
  }
  .elab-creator-button-right p{
    font-family: AritaHeiti-Bold;
    font-size: 18px;
    font-weight: 700;
    color: #202020;
    text-align: center;
    line-height: 50px;
    height: 50px;
  }
  .elab-introduce{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    margin-bottom: 10vh;
  }
  .elab-introduce-title{
    position: relative;
    width: 100%;
    margin-top: 16vh;
    text-align: center;
  }
  .elab-introduce-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    text-align: center;
    font-weight: 700;
  }
  .elab-introduce-content1{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content1 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-introduce-content2{
    position: relative;
    width: 74%;
    margin-left: 13%;
    margin-top: 6vh;
  }
  .elab-introduce-content2 p{
    opacity: 0.8;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 40px;
  }

  .elab-yewu{
    position: relative;
    width: 92vw;
    margin-left: 4vw;
    height: 60vh;
  }
  .elab-yewu-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 8px;
    background-color: #FFFFFF;
  }
  .elab-yewu-bg-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .elab-yewu-content{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .elab-yewu-content-title{
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 6vh;
  }
  .elab-yewu-content-title p{
    font-family: AritaHeiti-Bold;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: 7.78px;
    font-weight: 700;
  }
  .elab-yewu-content-description{
    position: absolute;
    width: 100%;
    bottom: 1vh;
    font-size: 0px;
    vertical-align: center;
    float: left;
  }
  .elab-yewu-description1{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description2{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description3{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description4{
    position: relative;
    display: inline-block;
    width: 25%;
    font-size: 0px;
    float: left;
  }
  .elab-yewu-description-title{
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 0px;
  }
  .elab-yewu-description-title p{
    font-size: 104px;
    font-weight: 700;
    color: #3FACBF;
    letter-spacing: 0;
    text-align: center;
    font-family: "DINCond";
  }
  .elab-yewu-description-content{
    position: relative;
    text-align: center;
    width: 100%;
    height: 90px;
    font-size: 0px;
  }
  .elab-yewu-description-content p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    line-height: 24px;
    height: 90px;
    color: #FFFFFF;
    letter-spacing: 1.7px;
    text-align: center;
  }

  .elab-timeLine{
    position: relative;
    margin-top: 90px;
    width: 92vw;
    margin-left: 4vw;
  }
  .elab-timeLine-container{
    margin-left: calc(47%);
  }
  .timeLine-year{
    position: relative;
    height: 140px;
    width: 40vw;
  }
  .timeLine-year p{
    font-family: "DINCond";
    font-size: 86px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: left;
    line-height: 69px;
  }
  .timeLine-events{
    position: relative;
    height: 24px;
    width: 40vw;
  }
  .timeLine-events p{
    font-family: "AritaHeiti-Light";
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 22px;
    opacity: 0.8;
  }

  .year-2018{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .elab-timeLine-month{
    position: relative;
    font-family: "DINCondensed-Bold";
    font-size: 86px;
    color: #3FACBF;
    letter-spacing: 0;
    line-height: 69px;
    width: 40vw;
    top: -30px;
  }
  .elab-timeLine-introduce{
    position: relative;
    font-family: "AritaHeiti-Light";
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: right;
    line-height: 36px;
    width: 40vw;
    top: -30px;
  }
  .year-2017{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2016{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .year-2015{
    position: relative;
    height: 214px;
    border-left: white;
    width: 40vw;
  }
  .timeLine-btn{
    width: 160px;
    height: 50px;
    left: -100px;
    //margin: 10px auto;
    border-radius: 25px;
    position: relative;
    text-align: center;
    background: #FFFFFF;
  }
  .timeLine-btn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    height: 50px;
    color: #202020;
    text-align: center;
    line-height: 50px;
  }

  .elab-news{
    position: relative;
    width: 92vw;
    height: 90vh;
    margin-left: 4vw;
    margin-top: 2vh;
    margin-bottom: 50px;
    overflow-x: hidden;
  }
  .elab-news-slider{
    position: absolute;
    width: 92vw;
    height: 90vh;
    z-index: 1;
  }
  .slideImage{
    width: 100%;
    height: 100%;
    object-fit: cover;
    //background-size: cover;
  }
  .elab-news-btn{
    position: absolute;
    width: 100%;
    bottom: 5vh;
    z-index: 2;
  }
  .joinBtn{
    width: 160px;
    height: 50px;
    border-radius: 25px;
    background: #ffffff;
    margin-left: auto ;
    margin-right: auto;
    position: relative;
    bottom: 5vh;
  }
  .joinBtn p{
    font-family: "AritaHeiti-Bold";
    font-size: 18px;
    color: #202020;
    text-align: center;
    line-height: 50px;
    text-align: center;
  }
}
