@charset "UTF-8";
/*****主入口*****/
/*****公用库*****/
/*****总样式*****/
/*****images(start)*****/
/**********images**********/
/*
  %xxx{ background: url(../images/public/footerIcon.png) no-repeat left/right top/bottom; }
  %xxx2{ background: url(../images/public/footerIcon.png) no-repeat 0 0; }
  */
.public-header .logo {
  background: url(../images/public/header-logo.png) no-repeat center; }

.public-header .btn-downLoad .icon {
  background: url(../images/public/header-download-icon-m.png) no-repeat center; }

.public-header .language-b .icon {
  background: url(../images/public/arrow-down.png) no-repeat center; }

.public-footer .content .logo {
  background: url(../images/public/footer-logo.png) no-repeat center; }

.public-footer .content .address {
  background: url(../images/public/footer-address.png) no-repeat left; }

.public-footer .content .email {
  background: url(../images/public/footer-email.png) no-repeat left; }

.public-footer .content .phone {
  background: url(../images/public/footer-phone.png) no-repeat left; }

.index-page1 {
  background: url(../images/index/page1/bg.jpg) no-repeat top center; }

.index-page1 .logo {
  background: url(../images/index/page1/logo.png) no-repeat center; }

.index-page2 {
  background: url(../images/index/page2/bg.jpg) no-repeat center; }

.index-page3 {
  background: url(../images/index/page3/bg.jpg) no-repeat bottom center; }

.index-page4 {
  background: url(../images/index/page4/bg.jpg) no-repeat center; }

.index-page4 .list-container .title::after {
  background: url(../images/index/page4/line.jpg) no-repeat; }

.index-page5 {
  background: url(../images/index/page5/bg.jpg) no-repeat center; }

.index-page5 .info-container .btn {
  background: url(../images/index/page5/btn-bg.png) no-repeat; }

.index-page5 .info-container .android {
  background: url(../images/index/page5/android.png) no-repeat; }

.index-page5 .info-container .ios {
  background: url(../images/index/page5/ios.png) no-repeat; }

/*****public(start)*****/
/*引入重置样式*/
html {
  font-size: 37.5px; }

/*屏幕适配*/
@media only screen and (min-width: 320px) {
  html {
    font-size: 32px !important; } }
@media only screen and (min-width: 360px) {
  html {
    font-size: 36px !important; } }
@media only screen and (min-width: 375px) {
  html {
    font-size: 37.5px !important; } }
@media only screen and (min-width: 384px) {
  html {
    font-size: 38.4px !important; } }
@media only screen and (min-width: 400px) {
  html {
    font-size: 40px !important; } }
@media only screen and (min-width: 412px) {
  html {
    font-size: 41.2px !important; } }
@media only screen and (min-width: 414px) {
  html {
    font-size: 41.4px !important; } }
@media only screen and (min-width: 480px) {
  html {
    font-size: 48px !important; } }
@media only screen and (min-width: 768px) {
  html {
    font-size: 76.8px !important; } }
@media only screen and (min-width: 1024px) {
  html {
    font-size: 102.4px !important; } }
@media only screen and (min-width: 768px) {
  html {
    font-size: 48px !important; } }
@media only screen and (min-width: 1024px) {
  html {
    font-size: 48px !important; } }
/*重置浏览器默认样式*/
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
dd,
form,
hr,
input,
textarea,
select,
button {
  margin: 0; }

ul,
ol,
option,
input,
textarea,
select,
button {
  padding: 0; }

article,
aside,
footer,
header,
hgroup,
main,
nav,
section,
figure,
li {
  display: block; }

input,
textarea,
select,
button,
iframe {
  border: 1px solid gray; }

input,
textarea,
select,
button {
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

ul,
ol {
  list-style-type: none; }

a {
  text-decoration: none;
  cursor: pointer; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

del {
  text-decoration: line-through; }

/*基本的初始化样式*/
html {
  font-size: 100%;
  /*用来防止IE和Opera浏览器下的Bug*/
  overflow: auto;
  /*隐藏滚动，垂直滚动根据内容自适应（去除IE默认垂直滚动条）*/
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
  /*在IE下body的百分高度需要在html设置此值*/ }

body {
  height: 100%;
  -webkit-font-smoothing: antialiased; }

fieldset,
img,
iframe {
  /*IE下img标签被a标签嵌套时，img标签就会有边框*/
  border: 0; }

a img,
img {
  /*解决图片在IE7以及IE6下的缩放影响图片质量的问题*/
  -ms-interpolation-mode: bicubic; }

q:before,
q:after {
  content: ''; }

i {
  /*i标签让内容斜体，根据具体使用情况判断是否需要初始化为不倾斜*/
  font-style: normal; }

a:focus,
area:focus {
  /* 去掉链接时的虚框 for Firefox */
  -moz-outline-style: none;
  outline-style: none; }

a:active,
li:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -moz-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -ms-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -o-tap-highlight-color: rgba(0, 0, 0, 0) !important; }

input::-webkit-input-speech-button {
  display: none; }

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none; }

input,
textarea {
  -webkit-user-select: text !important; }

#app {
  height: 100%; }

body {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC, Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  background-color: #000;
  color: #fff; }
  body::-webkit-scrollbar {
    display: none; }

a {
  color: inherit; }

/*****header-start*****/
.public-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
  height: 80px;
  padding-top: 2px; }
  .public-header .container {
    display: flex;
    position: relative;
    width: 1200px;
    margin: 0 auto; }
  .public-header .logo {
    display: block;
    width: 126px;
    height: 70px;
    margin-top: 10px; }
  .public-header .m-menu {
    display: none; }
  .public-header .pc-menu {
    display: block; }
    .public-header .pc-menu .menu-ul {
      display: flex;
      align-items: center; }
    .public-header .pc-menu .menu-li {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      cursor: pointer;
      font-size: 18px;
      color: #FFF;
      padding: 0 20px;
      margin: 0 20px;
      height: 80px;
      text-align: center;
      line-height: 22px;
      box-sizing: border-box;
      border-bottom: 3px solid transparent; }
      .public-header .pc-menu .menu-li:hover, .public-header .pc-menu .menu-li.active {
        border-bottom: 3px solid #ff9e0f; }
  .public-header .header-right {
    position: absolute;
    right: 27px;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%; }
  .public-header .btn-downLoad {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 20px;
    height: 50px;
    box-shadow: 2px 2px 18px 0px rgba(0, 0, 0, 0.4);
    background-color: #ffcf69;
    background: linear-gradient(to top, #8e7237, #ffcf69, #ffe09e, #ffcf69);
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    cursor: pointer; }
    .public-header .btn-downLoad .icon {
      display: block;
      width: 20px;
      height: 20px;
      background-size: 100% 100%;
      margin-left: 20px; }
  .public-header .language-b {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 50px;
    margin-left: 50px; }
    .public-header .language-b .cur {
      display: flex;
      align-items: center; }
    .public-header .language-b .text {
      font-size: 16px;
      color: #fff;
      opacity: 0.7; }
    .public-header .language-b .icon {
      display: block;
      width: 14px;
      height: 12px;
      margin-left: 12px; }
    .public-header .language-b .list {
      display: none;
      position: absolute;
      top: 43px;
      right: 0;
      background-color: #fff;
      border-radius: 12px;
      width: 158px;
      box-sizing: border-box;
      text-align: right;
      padding: 15px 35px 15px 0; }
    .public-header .language-b .item {
      line-height: 36px;
      font-size: 16px;
      color: #333; }
      .public-header .language-b .item:hover {
        color: #ff9e0f; }
    .public-header .language-b:hover .list {
      display: block; }

/*****header-end*****/
/*****footer-start*****/
.public-footer .container {
  width: 1200px;
  margin: 0 auto;
  text-align: center; }
.public-footer .content {
  display: flex;
  align-items: center;
  height: 219px;
  border-top: 1px solid #5a4818;
  border-bottom: 1px solid #5a4818;
  line-height: 26px;
  font-size: 16px;
  color: #fff; }
  .public-footer .content .logo-b {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 56px;
    width: 310px; }
  .public-footer .content .logo {
    display: block;
    width: 154px;
    height: 86px; }
  .public-footer .content .text-b {
    display: flex;
    flex-direction: column;
    padding-top: 5px;
    font-size: 16px;
    line-height: 18px; }
  .public-footer .content .info-b {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    text-align: left; }
  .public-footer .content .title {
    display: block;
    width: 170px;
    font-size: 24px;
    color: #ebceaa; }
  .public-footer .content .item-b {
    flex: 1;
    display: flex;
    flex-wrap: wrap; }
  .public-footer .content .item {
    display: block;
    padding-left: 26px;
    padding-right: 5%;
    box-sizing: border-box;
    white-space: normal;
    /* 保留空白符序列，但是正常换行 */
    word-break: break-all;
    /* 允许在单词内换行 */
    font-size: 16px;
    line-height: 20px; }
  .public-footer .content .address {
    background-position: left 4px;
    background-size: 17px 18px; }
  .public-footer .content .email {
    background-position: left 4px;
    background-size: 18px 14px; }
  .public-footer .content .phone {
    background-position: left 4px;
    background-size: 17px 17px; }
.public-footer .copyright {
  padding: 5px;
  line-height: 20px;
  font-size: 14px;
  color: #a8a8a8;
  opacity: 0.5; }

/*****footer-end*****/
/*****主体main-start*****/
.public-fixed {
  position: fixed;
  bottom: 7%;
  right: 40px;
  width: 72px; }
  .public-fixed .img-b {
    display: block;
    font-size: 0;
    margin: 16px 0; }
  .public-fixed img {
    width: 100%; }

/*****主体main-end*****/
/*****styles(start)*****/
.index-main .page-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
.index-main .title-content {
  width: 990px;
  margin: 0 auto;
  color: #fff;
  text-align: center; }
  .index-main .title-content .title {
    font-size: 70px;
    font-weight: bold;
    line-height: 80px; }
  .index-main .title-content .content {
    font-style: italic;
    font-size: 28px;
    line-height: 40px; }

.index-page1 .m-b {
  display: none; }
.index-page1 .page-container {
  height: 816px; }
.index-page1 .logo {
  display: block;
  width: 365px;
  height: 218px;
  position: absolute;
  top: 182px;
  left: 84px; }
.index-page1 .text-b {
  position: absolute;
  top: 400px;
  left: 40px;
  min-width: 450px;
  font-weight: bold;
  color: #fff;
  text-align: center; }
.index-page1 .text1 {
  font-size: 94px;
  line-height: 96px; }
.index-page1 .text2 {
  font-size: 50px;
  line-height: 50px; }

.index-page2 .m-b {
  display: none; }
.index-page2 .page-container {
  height: 765px; }
.index-page2 .title-content {
  position: relative;
  top: -22px; }

.index-page3 .m-b {
  display: none; }
.index-page3 .page-container {
  height: 870px; }
.index-page3 .title-content {
  position: relative;
  top: 20px; }
.index-page3 .text-container {
  position: absolute;
  left: 0;
  top: 196px;
  width: 580px;
  height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff; }
  .index-page3 .text-container .text {
    font-size: 26px;
    line-height: 30px;
    padding-bottom: 50px; }
  .index-page3 .text-container .reinforcement {
    font-size: 22px;
    line-height: 26px;
    opacity: 0.8; }
    .index-page3 .text-container .reinforcement p {
      padding-bottom: 25px; }

.index-page4 {
  margin-top: 50px; }
  .index-page4 .m-b {
    display: none; }
  .index-page4 .page-container {
    height: 920px; }
  .index-page4 .title-content {
    position: relative; }
  .index-page4 .list-container {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 85px; }
    .index-page4 .list-container .list {
      width: 455px; }
      .index-page4 .list-container .list:last-child .item {
        flex-direction: row-reverse; }
      .index-page4 .list-container .list:last-child .content {
        text-align: right;
        padding: 0 10px 0 0; }
      .index-page4 .list-container .list:last-child .title {
        padding: 0 0 0 10px; }
        .index-page4 .list-container .list:last-child .title::after {
          transform: rotate(180deg); }
      .index-page4 .list-container .list:last-child .text {
        padding: 0 0 0 10px; }
    .index-page4 .list-container .item {
      display: flex;
      height: 180px; }
    .index-page4 .list-container .icon {
      font-size: 0;
      flex-shrink: 0; }
      .index-page4 .list-container .icon img {
        width: 100%; }
    .index-page4 .list-container .icon1 {
      width: 110px; }
    .index-page4 .list-container .icon2 {
      width: 98px; }
    .index-page4 .list-container .icon3 {
      width: 102px; }
    .index-page4 .list-container .icon4 {
      width: 100px; }
    .index-page4 .list-container .icon5 {
      width: 90px; }
    .index-page4 .list-container .icon6 {
      width: 88px; }
    .index-page4 .list-container .content {
      flex: 1;
      color: #fff;
      padding-left: 10px; }
    .index-page4 .list-container .title {
      position: relative;
      font-size: 32px;
      font-weight: bold;
      line-height: 44px;
      padding-right: 10px; }
      .index-page4 .list-container .title::after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        bottom: 0; }
    .index-page4 .list-container .text {
      font-size: 20px;
      line-height: 30px;
      padding: 6px 10px 6px 0; }

.index-page5 {
  height: 683px; }
  .index-page5 .img-m {
    display: none; }
  .index-page5 .title-content {
    position: relative;
    top: 0px; }
  .index-page5 .img-b {
    position: relative;
    width: 1220px;
    margin: 50px auto 0;
    font-size: 0; }
  .index-page5 .info-container {
    position: absolute;
    top: 15%;
    bottom: 8%;
    right: 5%;
    display: flex;
    align-items: center;
    width: 630px;
    padding-bottom: 108px; }
    .index-page5 .info-container .text {
      font-size: 56px;
      font-weight: bold;
      color: #5f5041;
      line-height: 64px; }
    .index-page5 .info-container .btn-b {
      position: absolute;
      bottom: 30px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      font-size: 18px;
      color: #fff; }
    .index-page5 .info-container .btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 298px;
      height: 74px;
      padding-left: 30px;
      box-sizing: border-box; }
    .index-page5 .info-container .btn-text {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center; }
      .index-page5 .info-container .btn-text span {
        padding: 0 5px; }
    .index-page5 .info-container .ios,
    .index-page5 .info-container .android {
      object-fit: cover;
      display: block;
      width: 34px;
      height: 40px;
      flex-grow: 0; }
    .index-page5 .info-container .ios {
      background-size: 100% 100%; }
    .index-page5 .info-container .android {
      background-size: 100% 100%; }

.chinese .index-page3 .text-container .text {
  line-height: 40px;
  padding-bottom: 70px; }

@media only screen and (max-width: 1199px) {
  /*图片资源*/
  .public-header .logo {
    background: url(../images/public/header-logo-m.png) no-repeat;
    background-size: 100%; }

  .public-header .m-menu .menu-icon {
    background: url(../images/public/header-menu-m.png) no-repeat center; }

  .public-header .m-menu .menu-icon.active {
    background: url(../images/public/close-m.png) no-repeat center; }

  .public-header .m-menu .menu-language .arrow {
    background: url(../images/public/arrow-down-m.png) no-repeat center;
    background-size: 100% 100%; }

  .public-header .m-menu .menu-language .icon {
    background: url(../images/public/language-m.png) no-repeat center;
    background-size: 100% 100%; }

  .public-footer .content .logo {
    background: url(../images/public/footer-logo-m.png) no-repeat center;
    background-size: 100% 100%; }

  .index-page4 .list-container .title::after {
    background: url(../images/index/page4/line-m.jpg) no-repeat; }

  .index-page5 {
    background: url(../images/index/page5/bg-m.jpg) no-repeat bottom center; }

  .index-page5 .info-container .btn {
    background: url(../images/index/page5/btn-bg-m.png) no-repeat center; }

  /*初始化适合此项目的样式*/
  body,
  section {
    font-size: 0.2222222222rem; }

  input,
  textarea,
  select,
  button {
    font-size: 0.2222222222rem; }

  .public-header {
    height: 0.9074074074rem;
    padding-top: 0; }
    .public-header .container {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100%; }
    .public-header .logo {
      width: 1.3333333333rem;
      height: 0.7407407407rem;
      margin-top: 0.1481481481rem; }
    .public-header .pc-menu,
    .public-header .header-right .language-b {
      display: none; }
    .public-header .m-menu {
      display: block; }
      .public-header .m-menu .menu-icon {
        background-size: 0.3148148148rem 0.3055555556rem;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 1.037037037rem;
        height: 0.9074074074rem; }
        .public-header .m-menu .menu-icon.active {
          background-size: 0.2407407407rem 0.2407407407rem; }
      .public-header .m-menu .menu-content {
        position: fixed;
        top: 0.9074074074rem;
        bottom: 0;
        background: rgba(37, 37, 37, 0.95);
        border: 0.5px solid #38302b;
        width: 40%;
        left: -40%;
        padding: 0 0.212962963rem;
        box-sizing: border-box; }
      .public-header .m-menu .menu-item {
        display: flex;
        align-items: center;
        height: 1.0185185185rem;
        padding-left: 0.25rem;
        border-bottom: 0.5px solid #38302b; }
        .public-header .m-menu .menu-item .text {
          font-size: 0.3333333333rem;
          color: #b6b5b6; }
      .public-header .m-menu .menu-language {
        position: relative;
        display: flex;
        align-items: center;
        height: 0.5185185185rem;
        margin-top: 0.3518518519rem;
        padding-left: 0.1111111111rem; }
        .public-header .m-menu .menu-language .cur {
          display: flex;
          align-items: center; }
        .public-header .m-menu .menu-language .text {
          font-size: 0.3518518519rem;
          color: #fff;
          margin: 0 0.25rem; }
        .public-header .m-menu .menu-language .icon {
          display: block;
          width: 0.3703703704rem;
          height: 0.3703703704rem; }
        .public-header .m-menu .menu-language .arrow {
          display: block;
          width: 0.2777777778rem;
          height: 0.2407407407rem; }
        .public-header .m-menu .menu-language .list {
          display: none;
          position: absolute;
          top: 0.5185185185rem;
          left: 0.2407407407rem;
          background-color: #fff;
          border-radius: 0.2222222222rem;
          min-width: 2.4074074074rem;
          box-sizing: border-box;
          padding: 0.1851851852rem 0.2777777778rem; }
        .public-header .m-menu .menu-language .item {
          line-height: 0.5555555556rem;
          font-size: 0.3333333333rem;
          color: #000; }
          .public-header .m-menu .menu-language .item:active {
            color: #ff9e0f; }
    .public-header .header-right {
      right: 0.2314814815rem; }
    .public-header .btn-downLoad {
      padding: 0 0.1851851852rem;
      height: 0.5rem;
      box-shadow: 0.0185185185rem 0.0185185185rem 0.1666666667rem 0px rgba(0, 0, 0, 0.4);
      border-radius: 0.1111111111rem;
      font-size: 0.2407407407rem; }
      .public-header .btn-downLoad .icon {
        width: 0.2407407407rem;
        height: 0.2407407407rem;
        margin-left: 0.1111111111rem; }

  .public-footer .container {
    width: 100%; }
  .public-footer .content {
    flex-direction: column;
    height: auto;
    padding: 0.2222222222rem 0;
    border-top: 0.5px solid #5a4818;
    border-bottom: 0.5px solid #5a4818;
    line-height: 0.2777777778rem;
    font-size: 0.2222222222rem; }
    .public-footer .content .logo-b {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-right: 0;
      width: auto; }
    .public-footer .content .logo {
      width: 2.7777777778rem;
      height: 1.4814814815rem; }
    .public-footer .content .text-b {
      display: flex;
      flex-direction: row;
      padding-top: 0.0925925926rem;
      font-size: 0.2777777778rem;
      line-height: 0.3703703704rem;
      color: #5c5c5c; }
    .public-footer .content .text1 {
      padding-right: 0.1851851852rem; }
    .public-footer .content .info-b {
      flex: 1;
      display: flex;
      justify-content: center;
      box-sizing: border-box;
      padding: 0.1851851852rem 11% 0 0; }
    .public-footer .content .title {
      width: auto;
      padding-right: 0.462962963rem;
      font-size: 0.2777777778rem;
      line-height: 0.3703703704rem; }
    .public-footer .content .item-b {
      flex: auto;
      display: block; }
    .public-footer .content .item {
      padding-left: 0.5092592593rem;
      padding-right: 0;
      box-sizing: border-box;
      font-size: 0.2777777778rem;
      line-height: 0.3703703704rem;
      padding-bottom: 0.1851851852rem;
      white-space: nowrap; }
      .public-footer .content .item:last-child {
        padding-bottom: 0; }
    .public-footer .content .address {
      background-position: left 0.0740740741rem;
      background-size: 0.3148148148rem 0.3333333333rem; }
    .public-footer .content .email {
      background-position: left 0.0740740741rem;
      background-size: 0.3333333333rem 0.2592592593rem; }
    .public-footer .content .phone {
      background-position: left 0.0740740741rem;
      background-size: 0.3148148148rem 0.3148148148rem; }
  .public-footer .copyright {
    padding: 0.1851851852rem;
    line-height: 0.3703703704rem;
    font-size: 0.2777777778rem;
    opacity: 0.5; }

  .public-fixed {
    position: fixed;
    bottom: 22%;
    right: 1%;
    width: 9%; }
    .public-fixed .img-b {
      margin: 10% 0; }

  .index-main .page-container {
    width: 100%; }
  .index-main .title-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5%; }
    .index-main .title-content .title {
      font-size: 0.6481481481rem;
      line-height: 0.8333333333rem; }
    .index-main .title-content .content {
      font-size: 0.2592592593rem;
      line-height: 0.3703703704rem;
      color: #b0b0b0; }

  .index-page1 {
    background: none;
    position: relative; }
    .index-page1 .m-b {
      display: block;
      font-size: 0; }
    .index-page1 .bg-m {
      width: 100%; }
    .index-page1 .logo-m {
      position: absolute;
      top: 28%;
      left: 14%;
      width: 22%; }
    .index-page1 .page-container {
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .index-page1 .logo {
      display: none; }
    .index-page1 .text-b {
      position: absolute;
      top: 49%;
      left: 0;
      min-width: 50%;
      font-weight: bold;
      color: #fff;
      text-align: center; }
    .index-page1 .text1 {
      font-size: 0.787037037rem;
      line-height: 0.787037037rem; }
    .index-page1 .text2 {
      font-size: 0.3703703704rem;
      line-height: 0.3703703704rem; }

  .index-page2 {
    position: relative;
    background: none; }
    .index-page2 .m-b {
      display: block;
      font-size: 0; }
    .index-page2 .bg-m {
      width: 100%; }
    .index-page2 .page-container {
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .index-page2 .title-content {
      position: relative;
      top: -2%; }

  .index-page3 {
    position: relative;
    background: none; }
    .index-page3 .m-b {
      display: block; }
    .index-page3 .bg-m {
      width: 100%; }
    .index-page3 .page-container {
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    .index-page3 .title-content {
      position: relative;
      top: 0; }
    .index-page3 .text-container {
      position: absolute;
      left: 18%;
      top: 52%;
      width: 64%;
      height: 38%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: #fff; }
      .index-page3 .text-container .text {
        font-size: 0.3148148148rem;
        line-height: 0.3703703704rem;
        padding-bottom: 0.3703703704rem; }
      .index-page3 .text-container .reinforcement {
        font-size: 0.2592592593rem;
        line-height: 0.3148148148rem; }
        .index-page3 .text-container .reinforcement p {
          padding-bottom: 0.2777777778rem; }

  .index-page4 {
    position: relative;
    background: none;
    margin-top: 0; }
    .index-page4 .m-b {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    .index-page4 .bg-m {
      width: 100%; }
    .index-page4 .page-container {
      height: auto; }
    .index-page4 .list-container {
      position: relative;
      bottom: auto;
      padding: 59% 11% 14%;
      box-sizing: border-box;
      flex-direction: column; }
      .index-page4 .list-container .list {
        width: 100%; }
        .index-page4 .list-container .list:last-child .item {
          flex-direction: row; }
        .index-page4 .list-container .list:last-child .content {
          text-align: left;
          padding-left: 2%; }
        .index-page4 .list-container .list:last-child .title {
          padding: 0 3%; }
          .index-page4 .list-container .list:last-child .title::after {
            transform: rotate(0deg); }
        .index-page4 .list-container .list:last-child .text {
          padding: 0 3%; }
      .index-page4 .list-container .item {
        display: flex;
        height: auto;
        padding-bottom: 5%; }
      .index-page4 .list-container .icon1 {
        width: 12%; }
      .index-page4 .list-container .icon2 {
        width: 12%; }
      .index-page4 .list-container .icon3 {
        width: 12%; }
      .index-page4 .list-container .icon4 {
        width: 12%; }
      .index-page4 .list-container .icon5 {
        width: 11%; }
      .index-page4 .list-container .icon6 {
        width: 11%; }
      .index-page4 .list-container .content {
        flex: 1;
        color: #fff;
        padding-left: 2%; }
      .index-page4 .list-container .title {
        font-size: 0.3333333333rem;
        line-height: 0.462962963rem;
        padding: 0 3%; }
        .index-page4 .list-container .title::after {
          background-size: 100% 100%;
          height: 0.0185185185rem; }
      .index-page4 .list-container .text {
        font-size: 0.2777777778rem;
        line-height: 0.3703703704rem;
        padding: 0.0925925926rem 3% 0; }

  .index-page5 {
    background-size: 100%;
    height: auto;
    padding-bottom: 15%; }
    .index-page5 .img-m {
      display: block;
      width: 100%; }
    .index-page5 .img {
      display: none; }
    .index-page5 .title-content {
      position: relative;
      top: 0px; }
    .index-page5 .img-b {
      width: 100%;
      margin: 5% auto 0;
      font-size: 0; }
    .index-page5 .info-container {
      position: absolute;
      top: 7%;
      bottom: 8%;
      right: 5%;
      display: flex;
      align-items: center;
      width: 52%;
      padding-bottom: 10%; }
      .index-page5 .info-container .text {
        font-size: 0.462962963rem;
        line-height: 0.5555555556rem; }
      .index-page5 .info-container .btn-b {
        bottom: 8%;
        font-size: 0.2222222222rem; }
      .index-page5 .info-container .btn {
        background-size: 100% 100%;
        width: 46%;
        height: auto;
        padding: 2% 0 2% 5%; }
      .index-page5 .info-container .btn-text {
        flex-direction: column; }
        .index-page5 .info-container .btn-text span {
          padding: 0; }
      .index-page5 .info-container .ios,
      .index-page5 .info-container .android {
        width: 0.3148148148rem;
        height: 0.3703703704rem; }

  .chinese .index-page3 .text-container .text {
    line-height: 0.462962963rem;
    padding-bottom: 0.6481481481rem; } }