html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
figure,
figcaption {
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: "Semibold";
  src: url("https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans3-SemiBold.woff")
    format("opentype");
}
@font-face {
  font-family: "Bold";
  src: url("https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans3-Bold.woff")
    format("opentype");
}
@font-face {
  font-family: "Regular";
  src: url("https://d13pvy8xd75yde.cloudfront.net/global/fonts/HurmeGeometricSans3-Regular.woff")
    format("opentype");
}
#data {
  overflow: hidden;
  background: #000;
}
#data .section {
  position: relative;
}
.section img {
  width: 100%;
  height: 100%;
}
#data .Bold {
  font-family: "Bold";
}
#data .Regular {
  font-family: "Regular";
}
#data .Semibold {
  font-family: "Semibold";
}

#data .white {
  color: #ffffff;
}
#data .time_8s {
  transition: all 0.8s ease;
}
#data .scale {
  transform: scale(0.5);
}
#data .x50 {
  transform: translateX(50px);
  opacity: 0;
}
#data .x_50 {
  transform: translateX(-50px);
  opacity: 0;
}
#data .y50 {
  transform: translateY(50px);
  opacity: 0;
}
#data .y_50 {
  transform: translateY(-50px);
  opacity: 0;
}
#data .active .x_50,
#data .active .x50 {
  transform: translateX(0);
  opacity: 1;
}
#data .active .y_50,
#data .active .y50 {
  transform: translateY(0);
  opacity: 1;
}
#data .co-666{
  color: #666666;
}
#data .active .scale {
  transform: scale(1);
}
@media (min-width: 1081px) {
  #data .tl_center {
    text-align: center;
  }
  #data .tl_right {
    text-align: right;
  }
  .mob {
    display: none !important;
  }
  .ft-title {
    font-size: 3.3594vw;
    font-weight: 600;
    line-height: 100%;
  }
  .ft-text {
    font-weight: 400;
    font-size: 1.4453vw;
    line-height: 100%;
  }
  .tips {
    font-weight: 400;
    font-size: 0.9375vw;
    line-height: 100%;
    color: #ffffff;
    text-align: right;
  }
  .section1 {
    background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-k16s-amd-7000/img/1.png");
    background-size: cover;
    height: 60.1563vw;
  }
  .section1 .box {
    padding: 22.1484vw 0 0 10.1563vw;
  }
  #data .section1 .box .logo {
    width: 28.3984vw;
    height: auto;
  }
  #data .section .box .amd7000 {
    width: 6.2109vw;
    vertical-align: top;
    height: auto;
    margin-left: .9375vw;
  }
  .section1 .box ul {
    margin-top: 1.7188vw;
    display: flex;
    gap: 1.2859375vw;
  }
  .section1 .box .list li {
    font-size: 0.8594vw;
    font-weight: 400;
    position: relative;
    color: #1a1a1a;
    line-height: 100%;
  }
  .section1 .box .list .item::after {
    content: "";
    width: 0.0390625vw;
    height: 0.5859375vw;
    background: #000;
    right: -0.59296875vw;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  .section2 {
    background-color: #dcdfe8;
    padding: 8.3984vw 0 8.1641vw 0;
  }
  .section2 .content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 0.9375vw;
  }
  .section2 .content p {
    color: #1a1a1a;
    line-height: 120%;
  }
  .section2 .ft-32 {
    font-weight: 700;
    font-size: 1.25vw;
  }
  .section2 .ft-28 {
    font-weight: 700;
    font-size: 1.0938vw;
  }
  .section2 .ft-22 {
    font-weight: 700;
    font-size: 0.8594vw;
  }
  .section2 .ft-20 {
    font-weight: 600;
    font-size: 0.7813vw;
  }
  .section2 .ft-16 {
    font-weight: 600;
    font-size: 0.625vw;
  }
  .section2 .content .box {
    position: relative;
  }
  .section2 .content .txt {
    position: absolute;
  }
  .section2 .content .content_left .item1 .item_left,
  .section2 .content .content_right {
    display: flex;
    flex-direction: column;
    gap: 0.9375vw;
  }
  .section2 .content .content_left .item1,
  .section2 .content .content_left .item2,
  .section2 .content .content_left .item1 .item_right .top {
    display: flex;
    gap: 0.9375vw;
  }
  .section2 .content .content_left .item1 .item_left .box1 {
    width: 19.1406vw;
    height: 21.9531vw;
  }
  .section2 .content .content_left .item1 .item_left .box1 .txt {
    top: 0.7813vw;
    left: 0.9375vw;
    right: 4.2188vw;
  }

  .section2 .content .content_left .item1 .item_left .box2 {
    width: 19.1406vw;
    height: 7.1875vw;
  }
  .section2 .content .content_left .item1 .item_left .box2 .txt {
    top: 1.0156vw;
    left: 0;
    right: 0;
  }
  .section2 .content .content_left .item1 .item_right .top .box .txt {
    top: 0.7813vw;
    left: 0;
    right: 0;
  }
  .section2 .content .content_left .item1 .item_right .top .box1 {
    width: 15.9766vw;
    height: 8.5156vw;
  }
  .section2 .content .content_left .item1 .item_right .top .box2,
  .section2 .content .content_left .item1 .item_right .top .box3 {
    width: 7.6563vw;
    height: 8.5156vw;
  }
  .section2 .content .content_left .item1 .item_right .top .box2 p,
  .section2 .content .content_left .item1 .item_right .top .box3 p {
    font-weight: 600;
  }
  .section2 .content .content_left .item1 .item_right .bottom .box {
    width: 33.1641vw;
    height: 22.5vw;
  }
  .section2 .content .content_left .item1 .item_right .bottom .box img {
    padding-top: 0.9375vw;
  }
  .section2 .content .content_left .item2 .box1 {
    width: 20.8203vw;
    height: 8.8281vw;
  }
  .section2 .content .content_left .item2 .box .txt {
    top: 1.0156vw;
    left: 0;
    right: 0;
  }
  .section2 .content .content_left .item2 .box2 {
    width: 18.3984vw;
    height: 8.8281vw;
  }
  .section2 .content .content_left .item2 .box3 {
    width: 12.1484vw;
    height: 8.8281vw;
  }
  .section2 .content .content_left .item2 .box2 .list {
    margin: 0.8594vw 2.3047vw 0 1.3281vw;
    display: flex;
  }
  .section2 .content .content_left .item2 .box2 .list li:nth-child(2) {
    padding: 0 3.0859vw 0 2.1484vw;
  }
  .section2 .content .content_right .box1 {
    width: 19.2578vw;
    height: 14.6875vw;
  }
  .section2 .content .content_right .box1 .txt {
    top: 0.7813vw;
    left: 1.7188vw;
  }
  .section2 .content .content_right .box1 .txt .ft-20 {
    margin: 0.1563vw 0 0.9375vw 0;
    font-weight: 600;
  }
  .section2 .content .content_right .box1 .txt ul li {
    margin-top: 1.1281vw;
  }
  .section2 .content .content_right .box1 .tips {
    font-size: 0.5469vw;
    font-weight: 400;
    color: #999999;
    text-align: right;
    position: absolute;
    bottom: 0.1563vw;
    left: 2.7734vw;
    right: 1.0547vw;
  }
  .section2 .content .content_right .box2 {
    width: 19.2578vw;
    height: 5.8594vw;
  }
  .section2 .content .content_right .box2 .txt {
    top: 0.9375vw;
    left: 1.7188vw;
    right: 12.3828vw;
  }
  .section2 .content .content_right .box3 {
    width: 19.2578vw;
    height: 17.4219vw;
  }
  .section2 .content .content_right .box3 .txt {
    top: 1.5625vw;
    left: 1.7188vw;
    right: 1.25vw;
    display: flex;
    gap: 2.1094vw;
  }
  .section3 .content {
    position: absolute;
    top: 3.125vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  .section3 .content .title {
    font-size: 2.8125vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section3 .content .text {
    margin-top: 2.3438vw;
  }
  .section4 .content {
    padding: 15.4688vw 50vw 43.7891vw 13.2813vw;
  }
  .section4 .content .text {
    margin-top: 2.3438vw;
  }
  .section4 .img1 {
    position: absolute;
    top: 38.2813vw;
    left: 9.5313vw;
    width: 40.4688vw;
    height: 22.8516vw;
  }
  .section4 .img2 {
    position: absolute;
    top: 12.5vw;
    width: 50vw;
    height: 50.7031vw;
    right: 0;
  }
  .section4 .tips {
    position: absolute;
    bottom: 10.9375vw;
    right: 10.6641vw;
  }
  .section5 img {
    padding-bottom: 20.625vw;
  }
  .section5 .title {
    position: absolute;
    top: 9.5313vw;
    left: 13.2813vw;
  }
  .section5 .box {
    display: flex;
    gap: 1.5625vw;
    position: absolute;
    top: 42.5781vw;
    left: 0;
    right: 0;
    margin: 0;
    justify-content: center;
    padding-top: 2.3438vw;
  }
  .section5 .box .box1,
  .section5 .box .box2{
    width: 35.9375vw;
    height: 16.4063vw;
    background-color: #121216;
    border-radius: .7813vw;
    opacity: 0.8;
    padding-top: 2.3438vw;
  }
  .section5 .box .t1 {
    font-size: 2.0313vw;
    line-height: 100%;
    padding: 0 6.6406vw;
  }
  .section5 .box .m1 {
    margin: 0.7813vw 0 2.5vw 0;
  }
  .section5 .list {
    display: flex;
    gap: 6.25vw;
    justify-content: center;
  }
  .section5 .list .t2 {
    font-size: 2.3438vw;
    font-weight: 700;
    line-height: 100%;
  }
  .section5 .list .t3 {
    font-size: 1.0938vw;
    font-weight: 400;
    line-height: 100%;
    margin-top: 0.2344vw;
  }
  .section6 {
    height: 50.1172vw;
  }
  .section6 .content {
    position: absolute;
    top: 9.6094vw;
    left: 13.2813vw;
    right: 42.9297vw;
  }
  .section6 .content .title{
    line-height: 120%;
  }
  .section6 .content .text {
    font-size: 1.0938vw;
    font-weight: 400;
    line-height: 120%;
    padding: 1.5625vw 10.7031vw 0 0;
  }
  .section6 img {
    width: 60.3125vw;
    height: 47.4219vw;
    float: right;
    margin-right: 4.7266vw;
  }
  .section6 .list {
    position: absolute;
    top: 27.6563vw;
    left: 13.2813vw;
    right: 58.5547vw;
    display: flex;
    flex-direction: column;
    gap: 1.5625vw;
  }
  .section6 .list li {
    display: flex;
    width: 23.4375vw;
    height: 7.8125vw;
    align-items: center;
    background-color: #1a1a1a;
    border-radius: 0.7813vw;
  }
  .section6 .list li:first-child img {
    width: 4.6094vw;
    height: 4.0625vw;
    margin: 0 2.7344vw 0 2.3438vw;
  }
  .section6 .list li:last-child img {
    width: 4.0625vw;
    height: 4.1016vw;
    margin: 0 3.4375vw 0 2.6172vw;
  }
  .section6 .list .t1 {
    font-size: 1.4453vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section6 .tips {
    position: absolute;
    top: 48.9844vw;
    right: 13.2813vw;
  }
  .section7 {
    padding: 10.9375vw 0 10.9375vw;
  }
  .section7 .text {
    padding: 2.3438vw 13.3203vw 0 13.3984vw;
  }
  .section7 .box {
    position: absolute;
    top: 25.4297vw;
    right: 13.5547vw;
  }
  .section7 .box .t1 {
    font-size: 4.6875vw;
    font-weight: 600;
    line-height: 100%;
    color: #7377fd;
  }
  .section7 .tips {
    margin: 1.5625vw 13.3203vw 0;
  }
  .section8 .content .text {
    margin: 2.3438vw 13.2813vw 4.6875vw 13.3984vw;
  }
  .section8 {
    padding-bottom: 10.9375vw;
  }
  .section8 .list {
    display: flex;
    gap: 12.5vw;
    margin: auto;
    justify-content: center;
    align-items: center;
  }
  .section8 .list li {
    display: flex;
    flex-direction: column;
    gap: 1.5625vw;
    justify-content: center;
    align-items: center;
  }
  .section8 .list li img {
    width: 10.1563vw;
    height: 10.1563vw;
  }
  .section8 .list li .t1 {
    font-size: 4.6875vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section8 .list li:nth-child(1) .t1 {
    color: #6bc362;
  }
  .section8 .list li:nth-child(2) .t1 {
    color: #5187e0;
  }
  .section8 .list li:last-child .t1 {
    color: #f46c5c;
  }
  .section8 .tips{
    margin: 3.125vw 13.2813vw 0 50vw;
  }
  .section9 .content {
    position: absolute;
    top: 2.3438vw;
    left: 0;
    right: 0;
  }
  .section9 .content .text {
    padding: 1.5625vw 17.9297vw 0 19.4922vw;
  }
  .section9 .list {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 13.7109vw;
    left: 0;
    right: 0;
  }
  .section9 .list li {
    font-size: 2.8125vw;
    font-weight: 600;
    line-height: 100%;
    background: linear-gradient(180deg, #90b6eb 0%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .section9 .list li:nth-child(2) {
    margin: 0 25.1172vw 0 23.125vw;
  }
  .section10 {
    padding: 12.5vw 0 12.5vw 0;
  }
  .section10 .content .text {
    margin: 2.3438vw 18.125vw 3.9063vw 22.6172vw;
  }
  .section10 .tips {
    margin-right: 13.2813vw;
  }
  .section11 .content {
    position: absolute;
    left: 0;
    right: 0;
  }
  .section11 .content .text {
    margin: 2.3438vw 28.0469vw 0 28.0469vw;
  }
  .section11 .box {
    position: absolute;
    top: 22.2656vw;
    left: 13.2813vw;
  }
  .section11 .box .t1 {
    font-size: 7.0313vw;
    font-weight: 600;
    color: #7377fd;
    line-height: 100%;
  }
  .section11 .tips {
    margin: 1.5625vw 13.2813vw 0 50vw;
  }
  .section12 {
    padding: 12.5vw 0 6.1719vw 0;
  }
  .section12 .content {
    position: absolute;
    top: 19.8828vw;
    left: 52.7344vw;
    right: 12.5781vw;
    z-index: 2;
  }
  .section12 .content .text {
    margin-top: 2.3438vw;
  }
  .section12 img {
    width: 86.5625vw;
    height: 70.2734vw;
  }
  .section12 .list {
    position: absolute;
    top: 67.8516vw;
    left: 0;
    right: 0;
    display: flex;
    gap: 1.5625vw;
    justify-content: center;
    align-items: center;
  }
  .section12 .list li {
    width: 23.4375vw;
    height: 8.5938vw;
    position: relative;
  }
  .section12 .list li img {
    width: 100%;
    height: 100%;
  }
  .section12 .list .t1 {
    position: absolute;
    font-size: 1.4453vw;
    font-weight: 600;
    line-height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
  }
  .section12 .list li:nth-child(1) .t1 {
    left: 11.4844vw;
    right: 3.7109vw;
  }
  .section12 .list li:nth-child(2) .t1 {
    left: 10.3516vw;
    right: 1.5625vw;
  }

  .section12 .list li:last-child .t1 {
    left: 10.7031vw;
    right: 0.8203vw;
  }
  .section13 .content .text {
    margin: 2.3438vw 20.0391vw 1.3672vw 20.0391vw;
  }
  .section14 {
    padding: 12.5vw 0 12.5vw 0;
  }
  .section14 .t1 {
    font-size: 7.0313vw;
    line-height: 100%;
    font-weight: 600;
    position: absolute;
    top: 39.5313vw;
    left: 0;
    right: 0;
  }
  .section15 .content .title {
    font-size: 3.2813vw;
    font-weight: 600;
    color: #000000;
    line-height: 100%;
    position: absolute;
    top: 17.6172vw;
    left: 13.2813vw;
    right: 55.3906vw;
  }
  .section15 .content .text {
    font-size: 1.4063vw;
    font-weight: 400;
    line-height: 100%;
    color: #000000;
    position: absolute;
    top: 26.8359vw;
    left: 13.2813vw;
    right: 59.8047vw;
  }
  .section15 .tips {
    font-size: 0.7031vw;
    position: absolute;
    top: 52.9688vw;
    left: 55.3516vw;
    right: 4.6875vw;
    color: #000000;
  }
  .section16 {
    padding: 12.5vw 0 12.5vw 0;
  }
  .section16 .content .text {
    margin: 2.3438vw 13.2813vw 4.6875vw 13.2422vw;
  }
  .section16 .list {
    display: flex;
    gap: 1.5625vw;
    margin: auto;
    justify-content: center;
    align-items: center;
  }
  .section16 .list li {
    width: 23.4375vw;
    height: 23.9063vw;
    position: relative;
  }
  .section16 .list li .t1 {
    font-size: 1.875vw;
    font-weight: 600;
    line-height: 100%;
    position: absolute;
    top: 1.875vw;
    left: 0;
    right: 0;
  }
  .section17 .boxs {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100vw * 3);
    height: 54.6875vw;
  }
  .section17 .boxs .box {
    position: relative;
    width: 100vw;
    height: 100%;
  }
  .section17 .boxs .box .content {
    position: absolute;
    top: 3.2031vw;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 2.3438vw;
  }
  .section17 .boxs .box .text {
    position: absolute;
    top: 9.375vw;
    left: 13.2813vw;
    right: 13.2813vw;
  }
  .section17 .boxs .box .content img {
    width: 3.9063vw;
    height: auto;
  }
  .section17 .boxs .box .content .title {
    font-size: 3.125vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section18 {
    padding: 12.5vw 0 12.5vw 0;
    height: 66.4844vw;
  }
  .section18 .content .text {
    font-size: 1.875vw;
    font-weight: 600;
    line-height: 100%;
    margin: 2.3438vw 24.5703vw 4.6875vw 24.5703vw;
  }
  .section18 img {
    width: 46.875vw;
    height: 28.1641vw;
    position: static;
    float: right;
    margin-right: 7.5781vw;
  }
  .section18 .box {
    position: absolute;
    top: 31.2891vw;
    left: 13.2813vw;
    right: 55.0766vw;
    display: flex;
    flex-direction: column;
    gap: 4.6875vw;
  }
  .section18 .box .t1 {
    font-size: 1.4453vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section18 .box .t2 {
    font-size: 1.0938vw;
    font-weight: 400;
    line-height: 100%;
    margin-top: 0.625vw;
  }
  .section19 {
    height: 49.6484vw;
  }
  .section19 .content .text {
    margin: 2.3438vw 13.2813vw 12.7734vw 13.2422vw;
  }
  .section19 .items {
    display: flex;
  }
  .section19 .items .item {
    position: relative;
    width: 50vw;
  }
  .section19 .items .item .title {
    position: absolute;
    font-size: 1.875vw;
    font-weight: 600;
    line-height: 100%;
    bottom: 8.6719vw;
  }
  .section19 .items .item1 .title {
    right: 3.125vw;
  }
  .section19 .items .item2 .title {
    left: 3.125vw;
  }
  .section19 .items .item .t1 {
    max-width: 11.6406vw;
    position: absolute;
  }
  .section19 .items .item1 .t1:nth-child(2) {
    left: 20.7156vw;
    bottom: 10.0391vw;
  }
  .section19 .items .item1 .t1:nth-child(3) {
    left: 27.4172vw;
    bottom: 12.7344vw;
  }
  .section19 .items .item1 .t1:nth-child(3)::after {
    height: 7.0313vw;
  }
  .section19 .items .item1 .t1:nth-child(4) {
    left: 31.4531vw;
    bottom: -2.6563vw;
  }
  .section19 .items .item1 .t1:nth-child(4)::after {
    height: 3.75vw;
    top: -4.1484vw;
  }
  .section19 .items .item2 .t1:nth-child(2) {
    left: 13.7625vw;
    bottom: 13.1641vw;
  }
  .section19 .items .item2 .t1:nth-child(2)::after {
    height: 7.4219vw;
  }
  .section19 .items .item2 .t1:nth-child(3) {
    left: 21.5938vw;
    bottom: 10.0781vw;
  }
  .section19 .items .item2 .t1:nth-child(3)::after {
    top: 3.0234vw;
  }
  .section19 .items .item2 .t1:nth-child(4) {
    left: 3.5328vw;
    bottom: -2.875vw;
  }
  .section19 .items .item2 .t1:nth-child(4)::after {
    height: 3.75vw;
    top: -3.8516vw;
  }
  .section19 .items .item2 .t1:nth-child(5) {
    left: 6.0938vw;
    bottom: -6.25vw;
  }
  .section19 .items .item2 .t1:nth-child(5)::after {
    height: 7.6563vw;
    top: -8.8516vw;
  }
  .section19 .items .item2 .t1:nth-child(6) {
    left: 20.5984vw;
    bottom: -2.6172vw;
  }
  .section19 .items .item2 .t1:nth-child(6)::after {
    height: 3.75vw;
    top: -4.8516vw;
  }
  .section19 .items .item2 .t1:nth-child(7) {
    left: 25.8422vw;
    bottom: -5.3438vw;
  }
  .section19 .items .item2 .t1:nth-child(7)::after {
    height: 3.75vw;
    top: -4.8516vw;
  }
  .section19 .items .item .t1::after {
    position: absolute;
    width: 0.0781vw;
    height: 4.2188vw;
    top: 2.1484vw;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    background: #ffffff;
  }
  .section20 .content .text {
    margin: 2.3438vw 12.2656vw 4.6875vw 12.2656vw;
  }
  .section20 .box {
    margin: 0 11.3672vw 0 7.5391vw;
    display: flex;
    gap: 0.625vw;
  }
  .section20 .box .left {
    width: 26.1719vw;
  }
  .section20 .box .left .t1 {
    font-size: 6.25vw;
    font-weight: 600;
    width: 27.375vw;
    line-height: 100%;
    background: linear-gradient(180deg, #578ad6 0%, #3578d9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .section20 .box .left img {
    width: 21.8734vw;
    height: 5.3906vw;
    margin-top: 5.5469vw;
    margin-bottom: 1.5625vw;
  }
  .section20 .box .right img {
    width: 56.0938vw;
    height: 33.3594vw;
  }
  .section20 .tips {
    font-size: 0.7031vw;
    margin: 2.0313vw 13.5547vw 0 0;
  }
  .section21 {
    padding: 12.5vw 0 12.5vw 0;
  }
  .section21 .content .text {
    margin: 2.3438vw 27.1484vw 0 27.1484vw;
  }
  .section21 .tips {
    font-size: 1.6406vw;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    bottom: 16.4844vw;
    color: #FFFFFF;
    left: 81.0078vw;
    right: 4.5703vw;
  }
  .section22 .content .text {
    margin: 2.3438vw 26.3672vw 3.125vw 26.3672vw;
  }
  .section22 .list {
    display: flex;
    gap: 1.5625vw;
    margin: auto;
    justify-content: center;
    align-items: center;
  }
  .section22 .list li {
    position: relative;
    width: 23.4375vw;
    height: 27.2656vw;
  }
  .section22 .list li .box {
    position: absolute;
    top: 1.5625vw;
    left: 0;
    right: 0;
  }
  .section22 .list li .box .t1 {
    font-size: 1.4453vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section22 .list li .box .t2 {
    margin-top: 1.0938vw;
    font-size: 1.0938vw;
    font-weight: 400;
    line-height: 100%;
  }
  .section23 {
    padding-top: 12.5vw;
    display: flex;
    flex-direction: column;
    gap: 3.125vw;
  }
  .section23 .title {
    position: absolute;
    top: 17.9688vw;
    left: 13.2813vw;
  }
}
@media (max-width: 1080px) {
  .pc {
    display: none !important;
  }
  .ft-title {
    font-weight: 600;
    font-size: 5.5556vw;
    line-height: 100%;
  }
  .ft-text {
    font-size: 2.5926vw;
    font-weight: 400;
    line-height: 100%;
  }
  .tips{
    text-align: right;
    font-size: 1.2963vw;
    font-weight: 400;
    line-height: 100%;
  }
  .mt-1{
    margin-top: 3.7037vw;
  }
  .section1 {
    background-image: url("https://d13pvy8xd75yde.cloudfront.net/global/pc/megabook-k16s-amd-7000/img/1m.png");
    background-size: cover;
    height: 129.6296vw;
    padding-top: 4.6296vw;
  }
  .section1 .box .logo {
    width: 63.2407vw;
    height: 11.8519vw;
    margin: auto;
    display: block;
  }
  .section1 .box .list {
    display: flex;
    gap: 3.7037vw;
    margin-top: 3.7037vw;
    justify-content: center;
    align-items: center;
  }
  .section1 .box .list li {
    font-size: 2.5926vw;
    font-weight: 400;
    line-height: 100%;
    color: #1a1a1a;
    position: relative;
  }
  .section1 .box .list .item::after {
    content: "";
    width: 0.0926vw;
    height: 2.2222vw;
    background: #000;
    right: -1.55vw;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  .section2 {
    padding: 14.8148vw 0 14.8148vw 0;
    background-color: #dcdfe8;
  }
  .section2 .tl_center{
    text-align: center;
  }
  .section2 .tl_right{
    text-align: right;
  }
  .section2 .items {
    display: flex;
    flex-direction: column;
    gap: 1.8519vw;
    justify-content: center;
    align-items: center;
  }
  .section2 .items .item {
    display: flex;
    gap: 1.8519vw;
  }
  .section2 .items .item1 .left .box1 {
    width: 43.5185vw;
    height: 30vw;
  }
  .section2 .items .box {
    position: relative;
  }
  .section2 .items .t1 {
    font-size: 2.2222vw;
    font-weight: 700;
    line-height: 120%;
    position: absolute;
    color: #1a1a1a;
  }
  .section2 .items .t2 {
    font-size: 1.8519vw;
    font-weight: 600;
    line-height: 100%;
    position: absolute;
    color: #1a1a1a;
  }
  .section2 .items .item1 .left .box2 {
    width: 43.5185vw;
    height: 18.5185vw;
  }
  .section2 .items .item1 .left .box2 .t1 {
    top: 1.2963vw;
    left: 1.5741vw;
    right: 16.5741vw;
  }
  .section2 .items .item1 .left .box3 {
    width: 43.5185vw;
    height: 29.6296vw;
    margin: 1.8519vw 0;
  }
  .section2 .items .item1 .left .box3 .t1 {
    top: 1.4815vw;
    left: 1.5741vw;
  }
  .section2 .items .item1 .left .box3 .t2 {
    top: 4.6296vw;
    left: 1.5741vw;
  }
  .section2 .items .item1 .left .box3 .list {
    display: flex;
    flex-direction: column;
    gap: 5.2444vw;
    position: absolute;
    top: 9.0741vw;
    left: 2.5926vw;
  }
  .section2 .items .item1 .left .box3 .list li p {
    top: auto;
    left: 0;
  }
  .section2 .items .item1 .left .box3 .list .t3 {
    font-size: 1.4815vw;
    font-weight: 600;
    line-height: 100%;
    color: #1a1a1a;
  }
  .section2 .items .item1 .left .box3 .tips {
    font-weight: 400;
    font-size: 1.2963vw;
    line-height: 100%;
    color: #999999;
    text-align: right;
    position: absolute;
    bottom: 0.7407vw;
    right: 1.4815vw;
  }
  .section2 .items .item1 .left .box4 {
    width: 43.5185vw;
    height: 14.8148vw;
  }
  .section2 .items .item1 .left .box4 .t1 {
    top: 1.8519vw;
    left: 7.4074vw;
    right: 7.4074vw;
  }
  .section2 .items .item1 .right {
    display: flex;
    flex-direction: column;
    gap: 1.8519vw;
  }
  .section2 .items .item1 .right .box1 {
    width: 43.5185vw;
    height: 28.1481vw;
  }
  .section2 .items .item1 .right .box1 .t1 {
    top: 1.4815vw;
    left: 1.4815vw;
    right: 17.1296vw;
  }
  .section2 .items .item1 .right .box2 {
    display: flex;
    gap: 1.8519vw;
  }
  .section2 .items .item1 .right .box2 .list {
    width: 20.8333vw;
    height: 18.5185vw;
    position: relative;
  }
  .section2 .items .item1 .right .box2 .list1 .t1 {
    top: 1.2963vw;
    left: 3.3333vw;
    right: 3.3333vw;
  }
  .section2 .items .item1 .right .box2 .list2 .t1 {
    top: 1.2963vw;
    left: 1.8519vw;
    right: 1.8519vw;
  }
  .section2 .items .item1 .right .box3 {
    width: 43.5185vw;
    height: 29.6296vw;
  }
  .section2 .items .item1 .right .box3 .content {
    width: 100%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    padding: 1.4815vw 1.8519vw 0 1.8519vw;
  }
  .section2 .items .item1 .right .box3 .list {
    display: flex;
    flex-direction: column;
    gap: 0.3704vw;
  }
  .section2 .items .item1 .right .box3 .list li {
    font-size: 2.037vw;
    font-weight: 600;
    line-height: 100%;
    color: #1a1a1a;
  }
  .section2 .items .item1 .right .box4 {
    width: 43.5185vw;
    height: 14.8148vw;
  }
  .section2 .items .item1 .right .box4 .t1 {
    top: 1.8519vw;
    left: 11.1111vw;
    right: 11.1111vw;
  }
  .section2 .items .item2 {
    display: flex;
    gap: 1.8519vw;
  }
  .section2 .items .item2 .box1 {
    width: 37.037vw;
    height: 15.7407vw;
  }
  .section2 .items .item2 .box1 .t1 {
    top: 1.4815vw;
    left: 1.8519vw;
    right: 4.537vw;
  }
  .section2 .items .item2 .box1 .list {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 6.1111vw;
    left: 0;
    right: 0;
  }
  .section2 .items .item2 .box1 .list li {
    font-size: 1.8519vw;
    font-weight: 600;
    line-height: 100%;
    color: #1a1a1a;
  }
  .section2 .items .item2 .box1 .list li:nth-child(2) {
    margin: 0 4.9074vw 0 3.1481vw;
  }
  .section2 .items .item2 .box2,
  .section2 .items .item2 .box3 {
    width: 24.0741vw;
    height: 15.7407vw;
  }
  .section2 .items .item2 .box2 .t1 {
    top: 1.4815vw;
    left: 1.6667vw;
    right: 1.6667vw;
  }
  .section2 .items .item2 .box3 .t1 {
    top: 1.4815vw;
    left: 2.7778vw;
    right: 2.7778vw;
  }
  .section3 .content {
   padding: 15.8333vw 13.3333vw 7.4074vw 5.5556vw;
  }
  .section3 .content .title {
    font-size: 5.5556vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section3 .content .text {
    
    font-size: 2.5926vw;
    font-weight: 400;
    line-height: 100%;
  }
  .section4{
    padding: 29.6296vw 0 98.7037vw 0;
  }
  .section4 .content {
    padding: 0 14.4444vw 11.1111vw 5.5556vw;
  }
  .section4 .img1{
    position: absolute;
    top: 93.7037vw;
    left: 2.4074vw;
    width: 45.5556vw;
    height: 25.6481vw;
  }
  .section4 .img2{
    position: absolute;
    top: 67.2222vw;
    right: 0;
    width: 49.9074vw;
    height: 52.6852vw;
  }
  .section4 .tips{
    position: absolute;
    top: 123.6111vw;
    right: 5.5556vw;
  }
  .section5 .title{
    position: absolute;
    left: 5.5556vw;
    top: 7.4074vw;
    right: 45.2778vw;
  }
  .section5 .box{
    position: absolute;
    display: flex;
    top: 85.9259vw;
    left: 5.5556vw;
    right: 5.5556vw;
    gap: 13.3333vw;
    align-items: center;
  }
  .section5 .box .box1,
  .section5 .box .box2{
    width: 42.5926vw;
    height: 42.7778vw;
    background-color: #121216;
    border-radius: 1.8519vw;
    opacity: 0.8;
    padding: 4.4444vw 7.7778vw 0 1.8519vw;
  }
  .section5 .box .m1{
    margin-top: 1.4815vw;
  }
  .section5 .box .t1{
    font-size: 2.963vw;
    font-weight: 600;
    line-height: 100%;
  }
  .section5 .box .t2{
    font-size: 4.8148vw;
    font-weight: 700;
    line-height: 100%;
  }
  .section5 .box .t3{
    font-size: 3.4259vw;
    font-weight: 400;
    line-height: 100%;
  }
  .section5 .box .list{
    display: flex;
    flex-direction: column;
    gap: 2.2222vw;
  }
  .section5 .box .list li{
    display: flex;
    gap: 1.8519vw;
    align-items: end;
  }
  .section6{
    padding: 47.2222vw 0 29.6296vw 0;
  }
  .section6 .content{
    margin: 0 10.3704vw 7.4074vw 5.9259vw;
  }
  
  .section6 .content .text{
    font-size: 2.5926vw;
    font-weight: 400;
    line-height: 100%;
  }
  .section6 .list{
    display: flex;
    gap: 3.7037vw;
    margin: auto;
    justify-content: center;
    align-items: center;
    padding-top: 7.4074vw;
  }
  .section6 .list li{
    width: 42.5926vw;
    height: 16.6667vw;
    display: flex;
    align-items: center;
    background-color: #1A1A1A;
  }
  .section6 .list li img{
    width: 6.7593vw;
    height: auto;
    margin: 0 3.7037vw 0 8.7037vw;
  }
  .section6 .list li .t1{
    font-weight: 600;
    font-size: 2.5926vw;
    line-height: 100%;
    text-align: center;
  }
  .section6 .tips{
    text-align: right;
    color: #666666 !important;
    margin: 3.7037vw 5.5556vw 0 0;
  }
  .section7 .content{
    margin: 0 5.5556vw 7.4074vw 5.5556vw;
  }
  .section7 .box{
    position: absolute;
    top: 29.0741vw;
    right: 6.1111vw;
  }
  .section7 .t1{
    color: #7377FD;
    font-size: 11.1111vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .section7 .box .ft-text{
    font-size: 2.963vw;
    text-align: center;
  }
  .section7 .tips{
    margin: 3.7037vw 5.5556vw 0 0;
  }
  .section8{
    padding: 27.7778vw 0 27.7778vw 0;
  }
  .section8 .content{
    margin:  0 5.5556vw 11.1111vw 5.9259vw;
  }
  .section8 .list{
    display: flex;
    gap: 13.8889vw;
    margin: auto;
    justify-content: center;
    align-items: center;
  }
  .section8 .list img{
    width: 20.3704vw;
    height: 20.3704vw;
    margin-bottom: 1.8519vw;
  }
  .section8 .list li .t1{
    font-size: 7.4074vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .section8 .list li:nth-child(1) .t1{
    color: #6Bc362;
  }
  .section8 .list li:nth-child(2) .t1{
    color: #5187E0;
  }
  .section8 .list li:nth-child(3) .t1{
    color: #F46C5C;
  }
  .section8 .list li .ft-text{
    margin-top: 1.1111vw;
    font-size: 2.963vw;
    text-align: center;
  }
  .section8 .tips{
    margin: 3.7037vw 5.5556vw 0 45vw;
  }
  .section9 .content{
    margin:0 5.5556vw 7.4074vw 5.5556vw;
  }
  .section9 .list{
    position: absolute;
    top: 36.7407vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section9 .list li{
    font-size: 6.6667vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    background: linear-gradient(180deg, #90B6EB 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .section9 .list li:nth-child(2){
    margin: 0 25.5556vw 0 20.3704vw;
  }
  .section10{
    padding: 29.6296vw 0 29.6296vw 0;
  }
  .section10 .content{
    margin: 0 14.9074vw 11.1111vw 5.6481vw;
  }
  .section10 .tips{
    margin: 3.7037vw 5.5556vw 0 0;
    font-size: 1.6667vw;
  }
  .section11 .content{
    margin: 0 6.1111vw 7.4074vw 5.6481vw;
  }
  .section11 .tips{
    margin: 3.7037vw 5.5556vw 0 44.1667vw;
  }
  .section11 .box{
    position: absolute;
    top: 51.4815vw;
    left: 5.6481vw;
  }
  .section11 .box .t1{
    font-weight: 600;
    font-size: 11.1111vw;
    line-height: 100%;
    color: #7377FD;
  }
  .section12{
    padding: 27.7778vw 0 29.6296vw 0;
  }
  .section12 .content{
    margin: 0 15.2778vw 11.1111vw 5.6481vw;
  }
  .section12 .list{
    display: flex;
    gap: 1.9444vw;
    justify-content: center;
    align-items: center;
    margin-top: 5.5556vw;
  }
  .section12 .list li{
    width: 33.3333vw;
    height: 16.6667vw;
    position: relative;
    display: grid;
    place-items: center;
    
  }
  .section12 .list li:nth-child(1) .t1{
    left: 13.7963vw;
  }
  .section12 .list li:nth-child(2) .t1{
    left: 11.8519vw;
  }
   .section12 .list li .t1{
    font-size: 2.5926vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    position: absolute;
    right: 1.8519vw;
    left: 13.1111vw;
   }
   .section13 .content{
    margin:  0 7.963vw 9.2593vw 5.5556vw;
   }
   .section14{
    padding: 29.6296vw 0 29.6296vw 0;
   }
   .section14 .t1{
    position: absolute;
    top: 57.5926vw;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    font-size: 5.5556vw;
    line-height: 100%;
   }
   .section15 .content{
    margin:0  10.0926vw 11.1111vw 5.5556vw;
    color: #FFFFFF;
   }
   .section15 .content .title{
    font-size: 5.5556vw;
    font-weight: 600;
    line-height: 100%;
   }
   .section15 .content .text{
    font-size: 2.5926vw;
    font-weight: 400;
    line-height: 100%
   }
   .section15 .tips{
    color: #666666;
    margin: 3.7037vw 5.5556vw 0 41.1111vw;
   }
   .section16{
    padding: 29.6296vw 0 29.6296vw 0;
   }
   .section16 .content{
     margin: 0 14.1667vw 11.1111vw 5.5556vw;
   }
   .section16 .list{
    display: flex;
    flex-direction: column;
    gap: 5.5556vw;
    justify-content: center;
    align-items: center;
   }
   .section16 .list li{
     width: 88.8889vw;
     height: 64.8148vw;
     position: relative;
   }
   .section16 .list li .t1{
    font-size: 3.4259vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    position: absolute;
    top: 5.5556vw;
    left: 0;
    right: 0;
   }
   .section17 .boxs{
    width: calc(100vw * 3);
    height: 108.426vw;
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .section17 .boxs .box{
    position: relative;
    width: 100vw;
    height: 100%;
   }
   .section17 .boxs .box img{
      width: 100vw;
      height: 54.7222vw;
   }
   .section17 .boxs .box .content{
    position: absolute;
    top: 3.8889vw;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    gap: 3.7037vw;
    justify-content: center;
   }
   .section17 .boxs .box .content .title{
    font-size: 5.5556vw;
    font-weight: 600;
    line-height: 100%;
   }
.section17 .boxs .box1 .content img{
  width: 7.2222vw;
  height: 7.2222vw;
}
.section17 .boxs .box2 .content img{
  width: 8.1481vw;
  height: 7.2222vw;
}
.section17 .boxs .box3 .content img{
  width: 8.1481vw;
  height: 7.4074vw;
}
.section17 .boxs .box .text{
  font-size: 2.5926vw;
  font-weight: 400;
  line-height: 100%;
  margin: 3.7037vw 5.5556vw 0 5.5556vw;
}
.section17 .boxs .box2 .text{
  margin: 3.7037vw 12.6565vw 0 5.5556vw;
}
.section17 .boxs .box3 .text{
  margin: 3.7037vw 7.7491vw 0 5.5556vw;
}
.section18 .content .title{
  font-size: 5.5556vw;
  font-weight: 600;
  line-height: 100%;
  margin: 0 5.5556vw 0 5.5556vw ;
}
.section18 .content .text{
  font-size: 3.7037vw;
  font-weight: 600;
  line-height: 100%;
  margin: 3.7037vw 21.0185vw 7.4074vw 5.5556vw;
}
.section18 img{
  width: 88.8889vw;
  height: 50.3704vw;
  display: block;
  margin: auto;
}
.section18 .box{
  margin: 5.5556vw 14.3519vw 0 5.5556vw;
}
.section18 .box .t1{
  font-size: 2.963vw;
  font-weight: 600;
  line-height: 100%;
}
.section18 .box .t2{
  font-size: 2.5926vw;
  font-weight: 400;
  line-height: 100%;
  margin-top: 1.1111vw;
}
.section19{
  padding: 29.6296vw 0 50.6046vw 0;
}
.section19 .content{
  margin:0 5.5556vw 24.2593vw 5.5556vw;
}
.section19 .items{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25.8074vw;
}
.section19 .items .item1 img{
  width: 78.7963vw;
  height: 13.1741vw;
}
.section19 .items .item2 img{
  width: 79.1667vw;
  height: 13.2361vw;
  float: right;
}
.section19 .items .title{
  font-size: 2.963vw;
  font-weight: 600;
  line-height: 100%;
  margin-left: 25.5556vw;
}
.section19 .items .item1 .title{
  text-align: right;
  margin-left: auto;
  margin-right: 25.8333vw;
}
.section19 .items .t1{
  position: absolute;
  font-size: 2.5926vw;
  font-weight: 400;
  line-height: 100%;
  text-align: center;
  max-width: 16.5741vw;
}
.section19 .items .item .t1::after {
    position: absolute;
    width: .1852vw;
    height: 7.4074vw;
    top: 4.2593vw;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    background: #ffffff;
  }
  .section19 .items .item1 .t1:nth-child(2) {
    left: 32.5vw;
    top: -4.4444vw;
  }
  .section19 .items .item1 .t1:nth-child(2)::after {
    height: 8.3333vw;
  }
  .section19 .items .item1 .t1:nth-child(3) {
    left: 42.8704vw;
    top: -9.6296vw;
  }
  .section19 .items .item1 .t1:nth-child(3)::after {
    height: 13.8889vw;
  }
  .section19 .items .item1 .t1:nth-child(4) {
    left: 49.3519vw;
    top: 21.0185vw;
  }
  .section19 .items .item1 .t1:nth-child(4)::after{
    top: -8.7407vw;
  }
  .section19 .items .item2 .t1:nth-child(2) {
    left: 42.5vw;
    top: -7.2222vw;
  }
  .section19 .items .item2 .t1:nth-child(2)::after {
    height: 11.1111vw;
  }
  .section19 .items .item2 .t1:nth-child(3) {
    left: 56.5296vw;
    top: -7.2222vw;
  }
  .section19 .items .item2 .t1:nth-child(3)::after {
    height: 8.3333vw;
    top: 6.2593vw;
  }
  .section19 .items .item2 .t1:nth-child(4) {
    left: 25.8889vw;
    top: 29.537vw;
  }
  .section19 .items .item2 .t1:nth-child(4)::after {
    height: 17.5926vw;
    top: -19.2593vw;
  }
  .section19 .items .item2 .t1:nth-child(5) {
    left: 31.337vw;
    top: 19.3519vw;
  }
  .section19 .items .item2 .t1:nth-child(5)::after {
    top: -8.2593vw;
  }
  .section19 .items .item2 .t1:nth-child(6) {
    left: 53.3333vw;
    top: 20vw;
  }
  .section19 .items .item2 .t1:nth-child(6)::after {
    top: -9.2593vw;
  }
  .section19 .items .item2 .t1:nth-child(7) {
    left: 63.4148vw;
    top: 19.3519vw;
  }
  .section19 .items .item2 .t1:nth-child(7)::after {
    top: -9.2593vw;
  }
  .section20 .content{
    margin: 0 1.6667vw 7.4074vw 5.7407vw;
  }
  .section20 .box img{
    width: 88.8889vw;
    height: 52.6852vw;
    display: block;
    margin: auto;
  }
  .section20 .list{
    display: flex;
    margin:  5.6481vw 14.6296vw 3.7037vw 5.7407vw;
    align-items: center;
    justify-content: center;
  }
  .section20 .list img{
    width: 24.0741vw;
    height: 5.9259vw;
    margin:  0 12.963vw 0 11.6667vw;
  }
  .section20 .list .t1{
    font-size: 4.8148vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
    background: linear-gradient(180deg, #578AD6 0%, #3578D9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  .section20 .tips{
    font-size: 1.6667vw;
    margin-right: 5.3704vw;
  }
  .section21{
    padding: 29.6296vw 0 27.7778vw 0;
  }
  .section21 .content{
    margin:  0 22.5vw 7.4074vw 5.5556vw;
  }
  .section21 .tips{
    position: absolute;
    font-size: 2.5926vw;
    top: 94.9074vw;
    color: #FFFFFF;
    left: 76.2037vw;
    right: 4.1667vw;
  }
  .section22 .content{
    margin: 0 5.5556vw 11.1111vw 5.5556vw;
  }
  .section22 .list{
    display: flex;
    gap: 1.6667vw;
    justify-content: center;
    padding: 0 5.6481vw 0 5.463vw;
  }
  .section22 .list img{
    width: 28.5185vw;
    height: 20.3704vw;
    margin-bottom: 2.963vw;
  }
  .section22 .list .t1{
    font-size: 2.5926vw;
    font-weight: 600;
    line-height: 100%;
    text-align: center;
  }
  .section22 .list .t2{
    font-size: 2.037vw;
    font-weight: 400;
    line-height: 100%;
    margin-top: 1.1111vw;
    text-align: center;
  }
  .section22 .list li:nth-child(1) .box{
    padding: 0 2.8704vw 0 2.8704vw;
  }
  .section22 .list li:nth-child(2) .box{
    padding: 0 3.4259vw 0 3.4259vw;
  }
  .section22 .list li:nth-child(3) .box{
    padding: 0 3.1481vw 0 3.1481vw;
  }
  .section23{
    padding-top: 25.9259vw;
    display: flex;
    flex-direction: column;
    gap: 7.4074vw;
  }
  .section23 .title{
    font-size: 4.4444vw;
    position: absolute;
    top: 31.4815vw;
    left: 5.5556vw;
  }
}