@font-face {
  font-family: 'Brush';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/laptops/megapad-10/fonts/Brush%20Script%20MT%20Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'SemiboldTitle';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('truetype');
}
@font-face {
  font-family: 'BoldTitle';
  /* src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_5_Semibold.otf') format('opentype'); */
  src: url('https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans_No3_6_Bold_new.otf') format('truetype');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.main {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.screen {
  width: 100vw;
  position: relative;
}
.data-megabook_pc {
  display: block;
}
.data-megabook_m {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
.linner_tit {
  background: linear-gradient(to right, #44D3B5, #81D0AC);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_dbtit {
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_airtit {
  background: linear-gradient(to left, #00afd7, #6b90fd);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_tit_2 {
  background: linear-gradient(to right, #0DAA7D, #5AC3A5, #0DAA7D);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h {
  background: linear-gradient(to right, #9b2ccb, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_h_y {
  background: linear-gradient(to right, #ffc000, #f40d4c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linner_bg {
  background: linear-gradient(to bottom, #D2F0DC, #F5F5F5);
}
.linner_bg_sec {
  background: linear-gradient(to bottom, #C1D4F6, #F8F7FF);
}
.linner_blue {
  background: linear-gradient(135deg, #5578BD, #172F57);
}
.linner_black {
  background: linear-gradient(135deg, #6C6F73, #202123);
}
.linner_white {
  background: linear-gradient(135deg, #ffffff, #B5B5B5);
}
.linner_big {
  background: radial-gradient(circle, #8e8e8e, #ffffff);
}
.colorwhite {
  color: #ffffff !important;
}
span {
  color: #000;
}
.imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.imgbox .imginner {
  width: 100%;
}
.screen1 {
  background: linear-gradient(to bottom, #ccccca, #e5e5e3);
}
.screen1 .imgbox {
  padding: 0 2.2265625vw 0 44.3359375vw;
  position: relative;
}
.screen1 .imgbox .logoimg {
  position: absolute;
  top: 17.4609375vw;
  left: 13.28125vw;
  width: 7.1875vw;
}
.screen1 .imgbox .logobox {
  position: absolute;
  top: 20.1171875vw;
  left: 13.28125vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .logobox .logotit {
  font-weight: 600;
  font-size: 3.90625vw;
  line-height: 4.6875vw;
  color: #000000;
}
.screen1 .imgbox .titbox {
  position: absolute;
  top: 30.7421875vw;
  left: 13.28125vw;
  display: flex;
  align-items: center;
}
.screen1 .imgbox .titbox span {
  text-align: left;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5vw;
  color: #000000;
  padding-right: 1.09375vw;
  position: relative;
}
.screen1 .imgbox .titbox span:not(:first-child) {
  padding-left: 1.09375vw;
}
.screen1 .imgbox .titbox span:not(:first-child)::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: '';
  display: block;
  width: 0.078125vw;
  height: 0.9375vw;
  background: linear-gradient(to bottom, #fff, #000, #fff);
}
.screen1 .imgbox .outertit {
  position: absolute;
  bottom: 2.34375vw;
  right: 13.28125vw;
  width: 22.3046875vw;
  height: 2.1875vw;
  border-radius: 1.2109375vw;
  background-color: #d16738;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.screen1 .imgbox .outertit .outerspan {
  padding-right: 0.9375vw;
  font-size: 1.5625vw;
  color: #ffffff;
}
.screen1 .imgbox .outertit .innertit {
  position: absolute;
  left: 0.15625vw;
  top: 50%;
  transform: translateY(-50%);
  outline: 0.078125vw solid #d8d8d6;
  /* 边框宽度和颜色 */
  outline-offset: 0.15625vw;
  width: 5.859375vw;
  height: 1.875vw;
  border-radius: 2.03125vw;
  background-color: #d8d8d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen1 .imgbox .outertit .innertit .innerspan {
  font-size: 1.5625vw;
  color: #d16738;
  letter-spacing: 0.15625vw;
  font-weight: 700;
}
.screen2 {
  background-color: #d8d8d6;
}
.screen2 .fullbox {
  display: flex;
  padding: 10.9375vw 0 10.9375vw 13.28125vw;
}
.screen2 .fullbox .imgbox {
  width: 39.0625vw;
}
.screen2 .fullbox .rightbox {
  margin-top: 4.6875vw;
  padding-left: 3.125vw;
  display: flex;
  flex-direction: column;
}
.screen2 .fullbox .rightbox .tit {
  font-family: SemiboldTitle !important;
  color: #000000;
  font-size: 3.125vw;
  line-height: 3.75vw;
  font-weight: 600;
}
.screen2 .fullbox .rightbox .des {
  margin-top: 3.125vw;
  color: #000000;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen2 .fullbox .rightbox .deslist {
  margin-top: 7.03125vw;
  margin-left: 2.265625vw;
  color: #000000;
  font-weight: 600;
  font-size: 1.5625vw;
  line-height: 1.875vw;
}
.screen2 .fullbox .rightbox .deslist li {
  list-style: disc;
  margin-bottom: 1.5625vw;
}
.screen4 {
  background-color: #d8d8d6;
  padding: 21.953125vw 13.28125vw 10.9375vw;
}
.screen4 .fullbox {
  box-shadow: 0 1.171875vw 3.125vw 0 rgba(0, 0, 0, 0.2);
  background-color: #d16738;
  border-radius: 1.5625vw;
  width: 73.4375vw;
  height: 29.375vw;
  display: flex;
  align-items: center;
  position: relative;
}
.screen4 .fullbox > .imgbox {
  position: absolute;
  width: 29.0234375vw;
  right: 3.125vw;
  bottom: 2.34375vw;
}
.screen4 .fullbox .desbox {
  display: grid;
  padding-left: 3.125vw;
  row-gap: 5vw;
  column-gap: 5.6640625vw;
  grid-template-columns: 12.8125vw 11.640625vw;
}
.screen4 .fullbox .desbox .desitem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.screen4 .fullbox .desbox .desitem .imgbox {
  width: 5vw;
  height: 5vw;
  margin-bottom: 1.3671875vw;
}
.screen4 .fullbox .desbox .desitem .imgdes {
  text-align: center;
  font-size: 1.40625vw;
  line-height: 1.6875vw;
  color: #ffffff;
  font-weight: 400;
}
.screen4 .fullbox .desbox .desitem:nth-child(1) .imgbox .imginner {
  width: 5vw;
  height: 2.21835937vw;
}
.screen4 .fullbox .desbox .desitem:nth-child(2) .imgbox .imginner {
  width: 3.52421875vw;
  height: 3.69257812vw;
}
.screen4 .fullbox .desbox .desitem:nth-child(3) .imgbox .imginner {
  width: 2.0703125vw;
  height: 4.6875vw;
}
.screen4 .fullbox .desbox .desitem:nth-child(4) .imgbox .imginner {
  width: 3.984375vw;
  height: 4.84375vw;
}
.screen5 {
  background-color: #d8d8d6;
}
.screen5 .fullbox {
  padding: 0 13.28125vw 6.25vw;
  display: flex;
  flex-direction: column;
  align-content: center;
}
.screen5 .fullbox .tit {
  font-size: 3.90625vw;
  line-height: 4.6875vw;
  margin-bottom: 3.125vw;
  color: #000000;
  font-weight: 600;
  font-family: SemiboldTitle !important;
  text-align: left;
}
.screen5 .fullbox .paramtit {
  font-size: 2.03125vw;
  margin-bottom: 1.09375vw;
  color: #000000;
  font-weight: 400;
}
.screen5 .fullbox .paramtit .weighttit {
  font-weight: 600;
}
@media screen and (max-width: 1080px) {
  .data-megabook_pc {
    display: none;
  }
  .data-megabook_m {
    display: block;
  }
  .main {
    background-color: #d8d8d6;
  }
  .screen1m {
    background: linear-gradient(to bottom, #ccccca, #e5e5e3);
  }
  .screen1m .imgbox {
    position: relative;
  }
  .screen1m .imgbox .logoimg {
    position: absolute;
    top: 7.40740741vw;
    width: 17.03703704vw;
  }
  .screen1m .imgbox .logobox {
    position: absolute;
    top: 13.7037037vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .logobox .logotit {
    font-weight: 600;
    font-size: 7.40740741vw;
    line-height: 8.88888889vw;
    color: #000000;
  }
  .screen1m .imgbox .titbox {
    position: absolute;
    top: 23.7037037vw;
    display: flex;
    align-items: center;
  }
  .screen1m .imgbox .titbox span {
    text-align: left;
    font-weight: 400;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
    color: #000000;
    padding-right: 2.59259259vw;
    position: relative;
  }
  .screen1m .imgbox .titbox span:not(:first-child) {
    padding-left: 2.59259259vw;
  }
  .screen1m .imgbox .titbox span:not(:first-child)::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    content: '';
    display: block;
    width: 0.37037037vw;
    height: 2.22222222vw;
    background: linear-gradient(to bottom, #fff, #000, #fff);
  }
  .screen1m .imgbox .outertit {
    position: absolute;
    bottom: 5.55555556vw;
    right: 5.55555556vw;
    width: 52.87037037vw;
    height: 5.18518519vw;
    border-radius: 2.87037037vw;
    background-color: #d16738;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .screen1m .imgbox .outertit .outerspan {
    padding-right: 2.22222222vw;
    font-size: 3.7037037vw;
    color: #ffffff;
  }
  .screen1m .imgbox .outertit .innertit {
    position: absolute;
    left: 0.37037037vw;
    top: 50%;
    transform: translateY(-50%);
    outline: 0.18518519vw solid #d8d8d6;
    /* 边框宽度和颜色 */
    outline-offset: 0.37037037vw;
    width: 13.88888889vw;
    height: 4.44444444vw;
    border-radius: 4.81481481vw;
    background-color: #d8d8d6;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .screen1m .imgbox .outertit .innertit .innerspan {
    font-size: 3.7037037vw;
    color: #d16738;
    letter-spacing: 0.37037037vw;
    font-weight: 700;
  }
  .screen2m {
    background-color: #d8d8d6;
  }
  .screen2m .fullbox {
    display: flex;
    flex-direction: column;
    padding: 24.07407407vw 0 20.37037037vw;
  }
  .screen2m .fullbox .rightbox {
    padding: 0 7.68518519vw 0 5.55555556vw;
    display: flex;
    flex-direction: column;
  }
  .screen2m .fullbox .rightbox .tit {
    font-family: SemiboldTitle !important;
    color: #000000;
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    font-weight: 600;
  }
  .screen2m .fullbox .rightbox .des {
    margin-top: 3.7037037vw;
    color: #000000;
    font-size: 2.96296296vw;
    line-height: 3.55555556vw;
  }
  .screen2m .fullbox .imgbox {
    margin-top: 7.40740741vw;
  }
  .screen2m .fullbox .deslist {
    margin-top: 7.40740741vw;
    margin-bottom: 0;
    padding-left: 8.33333333vw;
    color: #000000;
    font-weight: 600;
    font-size: 3.7037037vw;
    line-height: 4.44444444vw;
  }
  .screen2m .fullbox .deslist li {
    list-style: disc;
    margin-bottom: 3.7037037vw;
  }
  .screen4m {
    background-color: #d8d8d6;
    padding: 56.48148148vw 0 24.07407407vw;
  }
  .screen4m .fullbox {
    box-shadow: 0 2.77777778vw 7.40740741vw 0 rgba(0, 0, 0, 0.2);
    margin: 0 5.55555556vw 0;
    background-color: #d16738;
    border-radius: 1.85185185vw;
    width: 88.88888889vw;
    height: 115.74074074vw;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .screen4m .fullbox > .imgbox {
    position: absolute;
    width: 74.81481481vw;
    right: -5.55555556vw;
    top: -32.40740741vw;
  }
  .screen4m .fullbox .desbox {
    display: grid;
    padding-left: 7.40740741vw;
    padding-bottom: 7.40740741vw;
    row-gap: 12.03703704vw;
    column-gap: 13.42592593vw;
    grid-template-columns: 30.37037037vw 27.59259259vw;
  }
  .screen4m .fullbox .desbox .desitem {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen4m .fullbox .desbox .desitem .imgbox {
    width: 11.85185185vw;
    height: 11.85185185vw;
    margin-bottom: 3.24074074vw;
  }
  .screen4m .fullbox .desbox .desitem .imgdes {
    text-align: center;
    font-size: 3.33333333vw;
    line-height: 4vw;
    color: #ffffff;
    font-weight: 400;
  }
  .screen4m .fullbox .desbox .desitem:nth-child(1) .imgbox .imginner {
    width: 11.85185185vw;
    height: 5.25833333vw;
  }
  .screen4m .fullbox .desbox .desitem:nth-child(2) .imgbox .imginner {
    width: 8.3537037vw;
    height: 8.75277778vw;
  }
  .screen4m .fullbox .desbox .desitem:nth-child(3) .imgbox .imginner {
    width: 4.90740741vw;
    height: 11.11111111vw;
  }
  .screen4m .fullbox .desbox .desitem:nth-child(4) .imgbox .imginner {
    width: 9.44444444vw;
    height: 11.48148148vw;
  }
  .screen5m {
    background-color: #d8d8d6;
  }
  .screen5m .fullbox {
    padding: 0 5.55555556vw 9.53703704vw;
    display: flex;
    flex-direction: column;
    align-content: center;
  }
  .screen5m .fullbox .tit {
    font-size: 5.55555556vw;
    line-height: 6.66666667vw;
    margin-bottom: 7.40740741vw;
    color: #000000;
    font-weight: 600;
    font-family: SemiboldTitle !important;
  }
  .screen5m .fullbox .paramtit {
    font-size: 2.96296296vw;
    margin-bottom: 2.59259259vw;
    color: #000000;
    font-weight: 400;
  }
  .screen5m .fullbox .paramtit .weighttit {
    font-weight: 600;
  }
}
/*# sourceMappingURL=index.css.map */