.jf_index_box {
  width: 100%;
  position: relative;
  margin-top: 100px;
}

.jf_index_1 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 35px;
}

.text_jf_1 {
  text-align: center;
  margin-top: -6.6vh;
}



.flow_1 {
  width: 100%;
  position: absolute;
  top: -110px;
  z-index: -1;
}

.text_jf_c {
  text-align: center;
  margin-top: 50px;
}

.text_jf_1_box_h5{
  display: none;
}

.ep_padd_1 {
  padding-top: 260px;
}

.ep_padd_2 {
  width: 185px !important;
  height: 100px !important;
  background-image: url("../images/index/z_1.png") !important;
}

.new_soon {
  text-align: center;
  margin-top: 80px;
}

.new_soon_h5 {
  text-align: center;
  margin-top: 80px;
  display: none;
}

.text_jf_2 {
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  font-weight: 400;
  font-size: 34px;
  color: #ffffff;
  line-height: 60px;
}


.text_jf_2_c {
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  font-weight: 400;
  font-size: 34px;
  color: #ffffff;
  line-height: 60px;
}

.jf_index_2 {
  width: 100%;
  height: 866px;
  background: url("../images/index/j_2.png") no-repeat;
  background-size: 100% 100%;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jf_index_3 {
  width: 579px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jf_index_4 {
  width: 100%;
  height: 866px;
  background: url("../images/index/j_5.png") no-repeat;
  background-size: 100% 100%;
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.jf_index_5 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jf_index_6 {
  width: 265px;
  margin-top: -15px;
  cursor: pointer;
}

.jf_index_7 {
  width: 495px;
  margin-bottom: 60px;
}

.jf_index_7_center{
  text-align: center;
}

.jf_index_8 {
  width: 155px;
  margin-top: 300px;
}
.jf_index_9 {
  font-weight: 400;
  font-size: 27px;
  color: #000000;
  line-height: 60px;
  text-align: center;
  margin-bottom: 0px;
}
.jf_index_9_copy {
  font-weight: 400;
  font-size: 27px;
  color: #000000;
  line-height: 60px;
  text-align: center;
  margin-top: 95px;
}
.jf_index_9_copy_1 {
  font-weight: 400;
  font-size: 27px;
  color: #000000;
  line-height: 60px;
  text-align: center;
  margin-top: 95px;
}
.jf_index_10 {
  margin-top: 30px;
  margin-bottom: 22px;
}
.jf_index_11 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.jf_index_12 {
  width: 191px;
  height: 42px;
  background: url("../images/index/btn.png") no-repeat;
  background-size: 100% 100%;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.gl_text_new{
  color: #edd097;
  font-weight: bold;
}

.ep_new_index_box {
  width: 100%;
  height: 1630px;
  background: url("../images/index/ep-bg.png") no-repeat;
  background-size: 100% 100%;
  margin-top: 115px;
}

.zj_new_1{
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tyty_body {
    /* background-image: linear-gradient(to left, #1E66B8, #033360) !important;
    background-attachment: scroll !important; */
    
    background-position: top center;
    background-size: cover;
  }
  .new_soon_h5 {
    text-align: center;
    margin-top: 40px;
    display: block;
  }
  .new_soon_h5 img{
    width: 100%;
  }
  .text_jf_1_box{
    display: none;
  }
  .text_jf_1_box_h5{
    display: block;
  }
  .text_jf_1_box_h5 img{
    width: 100%;
    margin-top: 30px;
  }
  .new_soon {
    display: none;
  }
  .ep_new_index_box{
    height: auto;
    background: none;
    margin-top: 55px;
  }
  .ep_padd_1 {
    padding-top: 0px;
  }
  .b_gq_box .b_gq_title::before{
    display: none;
  }
  .b_gq_box .b_gq_title::after{
    display: none;
  }
  .zj_new_1 img{
    width: 100%;
  }

  .flow_1 {
    display: none;
  }
  .jf_index_box {
    width: 100%;
    position: relative;
    margin-top: 30px;
  }
  .jf_index_1 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 1px;
  }
  .jf_index_1 img {
    width: 100%;
  }
  .jf_index_8 {
    display: none;
  }
  .jf_index_5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .jf_index_7 {
    width: 69%;
    margin-bottom: 27px;
    margin-top: 45px;
  }
  .jf_index_9_copy {
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 34px;
    text-align: center;
    margin-top: 80px;
  }
  .jf_index_9_copy_1{
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 34px;
    text-align: center;
    margin-top: 60px;
  }
  .jf_index_9 {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 34px;
    text-align: center;
    margin-bottom: 9px;
  }
  .jf_index_10 {
    margin-top: 22px;
    margin-bottom: 22px;
    width: 58%;
  }
  .jf_index_11 {
    margin-top: 3px;
    margin-bottom: 10px;
    width: 70%;
  }
  .jf_index_3 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .jf_index_6 {
    width: 50%;
    margin-top: -15px;
    cursor: pointer;
  }

  .jf_index_2 {
    width: 100%;
    height: 520px;
    /* height: auto;
    aspect-ratio: 9.4/14; */
    background: url("../images/index/j_2_h5.png") no-repeat;
    background-size: 100% 100%;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .jf_index_4 {
    width: 100%;
    height: 566px;
    background: url("../images/index/j_5.png") no-repeat;
    background-size: 100% 100%;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ep_padd_2{
    background-size: cover !important;
  }

}