/* 等页面制作完，生成对应的字体文件 */
  @font-face {
    font-family: siyuanregular;
    src: ,
      ,
      ,
      ;
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: siyuanbold;
    src: ,
      ,
      ,
      ;
    font-weight: 400;
    font-style: normal;
  }

  /* 数字/英文字体 */
  @font-face {
    font-family: 'manroperegular';
    src: ,
      ,
      ,
      ;
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'manropebold';
    src: ,
      ,
      ,
      ;
    font-weight: 400;
    font-style: normal;
  }

  body {
    font-family: manroperegular, siyuanregular, sans-serif;
  }

  .bold {
    font-family: manropebold, siyuanbold, sans-serif;
    font-weight: bold;
  }

  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* 图片通用 */
  .banner .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  /* pc端图片 */
  @media (min-width: 768px) {
    .banner {
      position: relative;
      width: 100%;
      background-size: 100% 100.1%;
      background-repeat: no-repeat;
      overflow: hidden;
    }

    .banner_1 {
      margin-top: 40px;
    }

    .banner_2 {
      padding-top: 38.02%;
      background-image: ;
    }

    .banner_3 {
      padding-top: 58.33%;
    }

    .banner_4 {
      padding-top: 65.36%;
    }

    .banner_5 {
      padding-top: 63.54%;
    }

    .banner_6 {
      padding-top: 69.27%;
    }

    .banner_7 {
      padding-top: 56.77%;
    }

    .banner_8 {
      padding-top: 65.10%;
    }

    .banner_9 {
      padding-top: 52.34%;
    }

    .banner_10 {
      padding-top: 91.15%;
    }

    .banner_11 {
      padding-top: 56.77%;
    }

    .banner_12 {
      padding-top: 56.77%;
    }

    .banner_13 {
      padding-top: 70.31%;
    }

    .banner_14 {
      padding-top: 67%;
    }

    .banner_15 {
      padding-top: 41.67%;
    }

    .banner_16 {
      padding-top: 47.92%;
    }

    .banner_17 {
      padding-top: 33.85%;
    }

    .banner_18 {
      margin-top: 40px;
      width: 100%;
      height: auto;
    }
  }

  /* 移动端图片 */
  @media (max-width: 767px) {
    .banner {
      position: relative;
      width: 100%;
      background-size: 100% 100.1%;
      background-repeat: no-repeat;
      overflow: hidden;
    }

    .banner_1 {
      margin-top: 40px;
      width: 100%;
      height: auto;
    }

    .banner_2 {
      padding-top: 90.93%;
      background-image: ;
    }

    .banner_3 {
      padding-top: 240%;
    }

    .banner_4 {
      padding-top: 180%;
    }

    .banner_5 {
      padding-top: 168%;
    }

    .banner_6 {
      padding-top: 190.67%;
    }

    .banner_7 {
      padding-top: 138.67%;
    }

    .banner_8 {
      padding-top: 197.33%;
    }

    .banner_9 {
      padding-top: 186.67%;
    }

    .banner_10 {
      padding-top: 352.53%;
    }

    .banner_11 {
      padding-top: 162.67%;
    }

    .banner_12 {
      padding-top: 150.67%;
    }

    .banner_13 {
      padding-top: 173.33%;
    }

    .banner_14 {
      padding-top: 181.6%;
    }

    .banner_15 {
      padding-top: 148.8%;
    }

    .banner_16 {
      padding-top: 213.33%;
    }

    .banner_17 {
      padding-top: 46.67%;
    }

    .banner_18 {
      margin-top: 40px;
      width: 100%;
      height: auto;
    }
  }

  /* pc端样式 */
  @media all and (min-width: 768px) {
    .max {
      display: block !important;
    }

    .min {
      display: none !important;
    }

    .size-68 {
      font-size: 3.54vw;
    }

    .size-64 {
      font-size: 3.33vw;
    }

    .size-60 {
      font-size: 3.13vw;
    }

    .size-50 {
      font-size: 2.6vw;
    }

    .size-48 {
      font-size: 2.5vw;
    }

    .size-40 {
      font-size: 2vw;
    }

    .size-36 {
      font-size: 1.88vw;
    }

    .size-30 {
      font-size: 1.56vw;
    }

    .size-26 {
      font-size: 1.35vw;
    }

    .size-24 {
      font-size: 1.25vw;
    }

    .text {
      width: 100%;
      position: absolute;
      padding: 0;
      margin: 0;
    }
    .title_0 {
      margin-bottom: 0.3vw;
    }
    .title_1 {
      margin-bottom: 0.2vw;
    }
    .title_2 {
      color: #666666;
    }

    .banner_2 .text_1 {
      top: 6.29vw;
    }
    .banner_2 .text_1 p {
      width: 100vw;
      text-align: center;
      letter-spacing: 0.17vw;
    }

    .banner_3 .text_1 {
      top: 6.29vw;
    }
    .banner_3 .text_1 p {
      width: 100vw;
      text-align: center;
      letter-spacing: 0.17vw;
    }

    .banner_4 .text_1 {
      top: 35vw;
      left:60vw;
    } 

    .banner_4 .title_1 p {
      letter-spacing: 0.57vw;
    } 

    .banner_5 .text_1 {
      top: 4.21vw;
      text-align: center;
    } 

    .banner_6 .text_1 {
      top: 17vw;
      text-align: center;
    } 

    .banner_7 .text_1 {
      top: 5.5vw;
      text-align: center;
    } 

    .banner_8 .text_1 {
      top: 34.5vw;
      left: 60vw;
      text-align: left;
    } 

    .banner_9 .text_1 {
      top: 16.5vw;
      left:11.5vw;
      text-align: left;
    } 

    .banner_9 .text_1 .title_1 p {
      letter-spacing: 0.47vw;
    }
    /* .banner_9 .text_2 {
      top: 35.83vw;
      left:33.28vw
    } */
    /* .banner_9 .text_2 .title_2 {
      display: flex;      
    } */
    /* .banner_9 .text_2 p {
      margin-right: 14.7vw
    } */


    .banner_10 .text_1 {
      top: 16vw;
      text-align: center;
    } 

    .banner_10 .text_1 .title_1{
      letter-spacing: 0.37vw;
      color: #ff7200;
    } 

    .banner_11 .text_1 {
      top: 5vw;
      text-align: center;
    } 
    .banner_11 .text_1 .title_1 {
      letter-spacing: 0.37vw;
      color:#fff;
    } 
    .banner_11 .text_1 .title_2 {
      color:#fff;
    } 

    .banner_12 .text_1 {
      top: 5vw;
      text-align: center;
    } 

    .banner_13 .text_1 {
      top: 37.5vw;
      left: 60vw;
      text-align: left;
    } 
    .banner_13 .text_1 .title_1{
      letter-spacing: 0.37vw;
    } 

    .banner_14 .text_1 {
      top: 5.5vw;
      text-align: center;
    } 

    .banner_15 .text_1 {
      top: 5.5vw;
      text-align: center;
    } 

    .banner_16 .text_1 {
      top: 6vw;
      text-align: center;
    } 
    .banner_16 .text_1 .title_1 {
      letter-spacing: 0.37vw;
    } 

    .banner_17 .text_1 {
      top: 14vw;
      left: 63vw;
      width: 18vw;
      height: 4vw;
      cursor: pointer;
    }

    .blue_box {
      color: rgb(0,150,255);
    }

    #parameter,#word {
      display: none;
    }
  }

  /* 移动端样式 */
  @media all and (max-width: 767px) {
    .max {
      display: none !important;
    }

    .min {
      display: block !important;
    }

    .size-68 {
      font-size: 9.07vw;
    }

    .size-64 {
      font-size: 9vw;
    }

    .size-60 {
      font-size: 8vw;
    }

    .size-58 {
      font-size: 7.73vw;
    }

    .size-52 {
      font-size: 6.93vw;
    }

    .size-50 {
      font-size: 6.4vw;
    }

    .size-48 {
      font-size: 6vw;
    }

    .size-40 {
      font-size: 5vw;
    }

    .size-35 {
      font-size: 4.67vw;
    }

    .size-30 {
      font-size: 4vw;
    }

    .size-26 {
      font-size: 3.47vw;
    }

    .text {
      width: 100%;
      position: absolute;
      padding: 0;
      margin: 0;
    }

    .title_1 {
      margin-bottom: 1.33vw;
    }
    /* .title_1 p:first-child{
      margin-bottom: -2vw;
    } */
    .title_2 {
      color: #666666;
    }

    /* p {
      text-align: justify;
    } */

    /* .banner_2 .text_1 {
      top: 13.67vw;
      text-align: center;
    } */

    .banner_3 .text_1 {
      top: 6vw;
      text-align: center; 
    }

    .banner_4 .text_1 {
      top: 47.5vw;
      left: 9vw;
    }
    .banner_4 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_5 .text_1 {
      top: 16vw;
      left: 9vw;
    }
    .banner_5 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_6 .text_1 {
      top: 47.5vw;
      left: 9vw;
    }
    .banner_6 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_7 .text_1 {
      top: 16vw;
      left: 9vw;
    }
    .banner_7 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_8 .text_1 {
      top: 47.5vw;
      left: 9vw;
    }
    .banner_8 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_9 .text_1 {
      top: 16vw;
      left: 9vw;
    }
    .banner_9 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_10 .text_1 {
      top: 32vw;
      left: 9vw;
    }
    .banner_10 .title_0 {
      margin-bottom: 2.5vw;
    }
    .banner_10 .title_1 {
      letter-spacing: 0.37vw;
	    color: #ff7200;
    }

    .banner_11 .text_1 {
      top: 16vw;
      left: 9vw;
    }
    .banner_11 .title_1{
      letter-spacing: 0.37vw;
      color:#fff;
    }
    .banner_11 .title_2{
      color:#fff;
    }
    
    .banner_12 .text_1 {
      top: 16vw;
      left: 9vw;
    }
    .banner_12 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_13 .text_1 {
      top: 47.5vw;
      left: 9vw;
    }
    .banner_13 .title_1 {
      letter-spacing: 0.37vw;
    }

    .banner_14 .text_1 {
      top: 16vw;
      left: 7.5vw;
      letter-spacing: 0.37vw;
      line-height: 11vw;
    }
  
    .banner_15 .text_1 {
      top: 16vw;
      left: 7vw;
    }
    .banner_15 .title_1 {
      letter-spacing: 0.67vw;
    }
    
    .banner_16 .text_1 {
      top: 16vw;
      text-align: center;
    }
    .banner_16 .title_1 {
      letter-spacing: 0.37vw;
    }
    

    .banner_17 .text_1 {
      top: 18vw;
      left: 62vw;
      width: 30vw;
      height: 8vw;
    }

    .banner_20 .text_1 {
      top: 13.33vw;
      text-align: center;
    }

    .banner_21 .text_1 {
      top: 38.2vw;
      left: 72.8vw;
    }
    .banner_21 .text_2 {
      top: 101.1vw;
      left: 72.8vw;
    }
    .banner_21 .text_3 {
      top: 95.2vw;
      left: 74.1vw;
      width: 13.73vw;
      height: 0.8vw;
      background-color: #15c0e4;
      border-radius: 0.4vw;
    }

    .banner_22 .text_1 {
      top: 13.33vw;
      text-align: center;
    }
    .banner_22 .title_2 {
      width: 74.27vw;
      margin: 0 auto;
      color: rgb(29,29,29);
    }

    .banner_23 .text_1 {
      top: 10.33vw;
      text-align: center;
    }
    .banner_23 .title_2 {
      width: 74.27vw;
      margin: 0 auto;
      color: rgb(29,29,29);
    }

    .banner_24 .text_1 {
      top: 13.33vw;
      text-align: center;
    }
    .banner_24 .title_2 {
      width: 74.27vw;
      margin: 0 auto;
      color: rgb(29,29,29);
    }

    .banner_25 .text_1 {
      top: 13.33vw;
      text-align: center;
    }
    .banner_25 .title_2 {
      width: 74.27vw;
      margin: 0 auto;
      color: rgb(29,29,29);
    }

    .banner_26 .text_1 {
      top: 11.33vw;
      text-align: center;
    }
    .banner_26 .title_2 {
      width: 45.27vw;
      margin: 0 auto;
      color: rgb(29,29,29);
    }

    .banner_27 .text_1 {
      top: 21vw;
      left: 59vw;
      width: 34vw;
      height: 8vw;
    }

    .blue_box {
      color: rgb(0,150,255);
    }

    #parameter,#word {
      display: none;
    }
  }

  .rb_btn_slidedown {
    -webkit-transform: translatey(-160px);
    transform: translatey(-160px);
   }

  /* 文字动画 */
 @-webkit-keyframes text-animate {
  0% {
    opacity: 0;
    -webkit-transform: translatey(30px);
    transform: translatey(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

@keyframes text-animate {
  0% {
    opacity: 0;
    -webkit-transform: translatey(30px);
    transform: translatey(30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translatey(0);
    transform: translatey(0);
  }
}

.text-move-after {
  opacity: 0;
}

.text-move-delay-after {
  opacity: 0;
}

.text-move {
  opacity: 0;
}

.text-move-delay {
  opacity: 0;
}

.text-move-delayer {
  opacity: 0;
}

.text-animate {
  -webkit-animation: text-animate ease-out 0.7s forwards;
  animation: text-animate ease-out 0.7s forwards;
}

.text-animate-delay {
  -webkit-animation: text-animate ease-out 0.7s 0.5s forwards;
  animation: text-animate ease-out 0.7s 0.5s forwards;
}

.text-animate-delayer {
  -webkit-animation: text-animate ease-out 0.7s 1s forwards;
  animation: text-animate ease-out 0.7s 1s forwards;
}


@media screen and (max-width: 767px) {
  .player-mask .player {
    width: 100%;
  }

  .player-mask .player .close {
    top: -40px;
    right: 10px;
  }
}

/* 蒙版动画 */
.mask {
  opacity: 0;
  transition: opacity 0.3s;
}

.mask.mask-show {
  opacity: 1;
}

.mask-text {
  opacity: 0;
}