@font-face {
    font-family: "MiSans-n";
    src: url('./font/MiSans-Medium.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans-m";
    src: url('./font/MiSans-Medium.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans-b";
    src: url('./font/MiSans-Bold.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MiSans-r";
    src: url('./font/MiSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
* {
margin: 0;
padding: 0;
}
body {
font-family: MiSans-r;
overflow-x: hidden;
background-color: #d6cabf;
}

/* 全局隐藏滚动条（保留滚动） */
html, body {
    /* Firefox */
    scrollbar-width: none;
    /* IE / 旧版 Edge */
    -ms-overflow-style: none;
    /* 确保可滚动 */
    overflow: auto;
  }
  
  /* Chrome / Safari / 新版 Edge */
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    display: none;
    width: 0; /* 避免占位 */
  }

.color-white {
color: white;
}
.color-grey {
color: #7a6347;
}
.color-color{
background: -webkit-linear-gradient(90deg,rgb(66, 45, 18),rgb(126,103,76));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.color-color-dark{
    background: -webkit-linear-gradient(90deg, rgb(180, 140, 80), rgb(240, 220, 180));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.color-grey-dark{
    background: -webkit-linear-gradient(90deg, #b89a6f, #e6d0b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 兼容非webkit浏览器 */
    background-clip: text;
    color: transparent;
    /* 可选：增加文字描边，进一步提升黑色背景下的辨识度 */
    text-shadow: 0 0 1px rgba(255,255,255,0.2);
}
.color-brown{
background: -webkit-linear-gradient(-90deg,rgb(66, 45, 18),rgb(126,103,76));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.title_100 {
font-size: 10rem;
line-height: 11rem;
white-space: nowrap;
font-family: 'MiSans-b';
}

.title {
font-size: 6rem;
line-height: 7rem;
white-space: nowrap;
font-family: 'MiSans-b';
}
.tip_big {
font-size: 3rem;
line-height: 4rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.tip {
font-size: 2rem;
line-height: 3rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.word {
font-size: 1.8rem;
line-height: 3rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.f100 {
font-size: 10rem;
}
.f60 {
font-size: 6rem;
}
.f30 {
font-size: 3rem;
}
.f40 {
font-size: 4rem;
}
.f20 {
font-size: 2rem;
}
.f18 {
font-size: 1.8rem;
}
.f15 {
font-size: 1.5rem;
}  

.line10{
line-height: 3rem;
}

.line30{
line-height: 3rem;
}
.line20{
line-height: 2rem;
}
.line60{
line-height: 6rem;
}
.line70{
line-height: 7rem;
}
.mt10{
margin-top: 1rem;
}
.mt20{
margin-top: 2rem;
}
.pt20{
    padding-top: 2rem;
}
.mt25{
margin-top: 2.5rem;
}
.mt30{
margin-top: 3rem;
}
.mt40{
margin-top: 4rem;
}
.mt80{
    margin-top: 8rem;
}
.mt160{
    margin-top: 16rem;
}
/* ---------------------------------------------------------------------------------------- page1 ---------------------------------------------------------------------------------------- */
.page1 {
height: 100vh; position: relative;background-color: #000000;
}
#video1 {
height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
}
.player {
height: 100%; width: 100%; display: block; margin: auto; background: #000000;
}
.name1 {
opacity: 0;position: absolute;top: 30%;width:75rem;left: 50%;transform: translate(-50%, -50%);
}
.name4 {
opacity: 0;position: absolute;top: 46.5%;width:25rem;left: 64.5%;transform: translate(-50%, -50%);
}
.name2 {
opacity: 0;position: absolute;color: #363637;top: 21%;left: 50%;transform: translate(-50%, -50%);font-weight: normal
}
.name3 {
opacity: 0;position: absolute;bottom: 3%;left: 50%;z-index: 999;transform: translate(-50%, -50%);text-decoration: none;
}
.name3 span {
color: #0065cb;font-size: 2rem;font-weight: normal;
}
.name3 img {
width: 2.2rem;position: absolute;margin-left: 0.5rem;bottom: 0.1rem;
}


.frameText {
position: absolute;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
opacity: 0;
}
.frameTitle {
font-family: MiSans-r;
text-align: center;
font-weight: normal;
}

/* ---------------------------------------------------------------------------------------- page02 ---------------------------------------------------------------------------------------- */

.page02{
height: 200vh; background-color: #ffffff;position: relative;
}
.page02 .split2{
object-fit: cover; position:absolute; width:100%;height: 100%;top:0%;left: 0%;
}

.page02 .split1{
object-fit: contain; position:absolute; width:10%;height: 30%;transform:translate(-50%,120%);left:18%;
}

.page02 .split3{
object-fit: contain; position:absolute; width:10%;height: 30%;transform:translate(-50%,120%);left:82%;
}
.page02_section {
position: absolute; width:100%; top: 18%; text-align: center;
}

/* ---------------------------------------------------------------------------------------- page3 ---------------------------------------------------------------------------------------- */
.page03{
height: 120vh; background-color: #000000;position: relative;
}
.page03 .split2{
    object-fit: cover; position:absolute; width:100%;height: 100%;top:0%;left: 0%;
}
.page03_section {
    position: absolute; width:45%; top: 25%;left: 15%; text-align: left;
}
/* .page03_section{
width: 80%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
} */
.page03_section_div{
width: 70%; height: 100%; margin-right: 2rem;
}

.page03_section_div1{
width: 70%;height: 20rem; position: relative; transform:translate(-50%, -50%); left:50%; top:18%;
}
.page03_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;white-space: nowrap;
}
.page03_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page03_section_div2{
position: absolute; width:40%; height:20rem; transform:translate(-50%, -50%);top:40%; left:28%;
}
.page03_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page03_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page03_section_div3{
position: absolute; width:40%; height:20rem; transform:translate(-50%, -50%);top:40%; left:28%;
}
.page03_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page03_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page03_section_div4{
width: 20%; height: 5rem;  position: absolute; transform:translate(-50%, -50%); left:18%; top:60%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page03_section_div5{
width: 100%;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page03_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page03_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page03_section .video3{
background-color: #000000; width: 60%; height: 70%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page03_section .video3 #video3{
height: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}

/* ---------------------------------------------------------------------------------------- page40 ---------------------------------------------------------------------------------------- */
.page40{
height: 100vh; background-color: #000000;position: relative;
}
.page40 .p0{
position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
}
.page40_section{
width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:75%; top:5%; display: flex; display: -webkit-flex;justify-content: center;
}
.page40_section_div{
width: 50%; height: 100%; margin-right: 2rem;
}

.page40_section_div1{
width: 70%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:50%; top:30%;
}
.page40_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page40_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page40_section_div2{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:52.1%;
}


/* ---------------------------------------------------------------------------------------- page004 ---------------------------------------------------------------------------------------- */

.page004{
height: 100%; background-color: rgb(214, 202, 191);position: relative;
}
.page004 .p0{
position: relative; transform:translate(-50%, -50%);left:55%; top:40%;
}
.page004_section{
width: 100%; height: 80%;  position: absolute; transform:translate(-50%, -50%); left:90%; top:65%; display: flex; display: -webkit-flex;justify-content: center;
}@font-face {
    font-family: "MiSans-n";
    src: url('./font/MiSans-Medium.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans-m";
    src: url('./font/MiSans-Medium.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "MiSans-b";
    src: url('./font/MiSans-Bold.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MiSans-r";
    src: url('./font/MiSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
* {
margin: 0;
padding: 0;
}
body {
font-family: MiSans-r;
overflow-x: hidden;
background-color: #d6cabf;
}

/* 全局隐藏滚动条（保留滚动） */
html, body {
    /* Firefox */
    scrollbar-width: none;
    /* IE / 旧版 Edge */
    -ms-overflow-style: none;
    /* 确保可滚动 */
    overflow: auto;
  }
  
  /* Chrome / Safari / 新版 Edge */
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    display: none;
    width: 0; /* 避免占位 */
  }

.color-white {
color: white;
}
.color-grey {
color: #7a6347;
}
.color-color{
background: -webkit-linear-gradient(90deg,rgb(66, 45, 18),rgb(126,103,76));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.color-color-dark{
    background: -webkit-linear-gradient(90deg, rgb(180, 140, 80), rgb(240, 220, 180));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
.color-grey-dark{
    background: -webkit-linear-gradient(90deg, #b89a6f, #e6d0b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* 兼容非webkit浏览器 */
    background-clip: text;
    color: transparent;
    /* 可选：增加文字描边，进一步提升黑色背景下的辨识度 */
    text-shadow: 0 0 1px rgba(255,255,255,0.2);
}
.color-brown{
background: -webkit-linear-gradient(-90deg,rgb(66, 45, 18),rgb(126,103,76));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.title_100 {
font-size: 10rem;
line-height: 11rem;
white-space: nowrap;
font-family: 'MiSans-b';
}

.title {
font-size: 6rem;
line-height: 7rem;
white-space: nowrap;
font-family: 'MiSans-b';
}
.tip_big {
font-size: 3rem;
line-height: 4rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.tip {
font-size: 2rem;
line-height: 3rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.word {
font-size: 1.8rem;
line-height: 3rem;
font-family: 'MiSans-r';
font-weight: normal;
white-space: nowrap;
}
.f100 {
font-size: 10rem;
}
.f60 {
font-size: 6rem;
}
.f30 {
font-size: 3rem;
}
.f40 {
font-size: 4rem;
}
.f20 {
font-size: 2rem;
}
.f18 {
font-size: 1.8rem;
}
.f15 {
font-size: 1.5rem;
}  

.line10{
line-height: 3rem;
}

.line30{
line-height: 3rem;
}
.line20{
line-height: 2rem;
}
.line60{
line-height: 6rem;
}
.line70{
line-height: 7rem;
}
.mt10{
margin-top: 1rem;
}
.mt20{
margin-top: 2rem;
}
.pt20{
    padding-top: 2rem;
}
.mt25{
margin-top: 2.5rem;
}
.mt30{
margin-top: 3rem;
}
.mt40{
margin-top: 4rem;
}
.mt80{
    margin-top: 8rem;
}
.mt160{
    margin-top: 16rem;
}
/* ---------------------------------------------------------------------------------------- page1 ---------------------------------------------------------------------------------------- */
.page1 {
height: 100vh; position: relative;background-color: #000000;
}
#video_0402 {
height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
}
.player {
height: 100%; width: 100%; display: block; margin: auto; background: #000000;
}
.name1 {
opacity: 0;position: absolute;top: 30%;width:75rem;left: 50%;transform: translate(-50%, -50%);
}
.name4 {
opacity: 0;position: absolute;top: 46.5%;width:25rem;left: 64.5%;transform: translate(-50%, -50%);
}
.name2 {
opacity: 0;position: absolute;color: #363637;top: 21%;left: 50%;transform: translate(-50%, -50%);font-weight: normal
}
.name3 {
opacity: 0;position: absolute;bottom: 3%;left: 50%;z-index: 999;transform: translate(-50%, -50%);text-decoration: none;
}
.name3 span {
color: #0065cb;font-size: 2rem;font-weight: normal;
}
.name3 img {
width: 2.2rem;position: absolute;margin-left: 0.5rem;bottom: 0.1rem;
}


.frameText {
position: absolute;
left: 50%;
top: 45%;
transform: translate(-50%, -50%);
opacity: 0;
}
.frameTitle {
font-family: MiSans-r;
text-align: center;
font-weight: normal;
}

/* ---------------------------------------------------------------------------------------- page02 ---------------------------------------------------------------------------------------- */

.page02{
height: 200vh; background-color: #ffffff;position: relative;
}
.page02 .split2{
object-fit: cover; position:absolute; width:100%;height: 100%;top:0%;left: 0%;
}

.page02 .split1{
object-fit: contain; position:absolute; width:10%;height: 30%;transform:translate(-50%,120%);left:18%;
}

.page02 .split3{
object-fit: contain; position:absolute; width:10%;height: 30%;transform:translate(-50%,120%);left:82%;
}
.page02_section {
position: absolute; width:100%; top: 18%; text-align: center;
}

/* ---------------------------------------------------------------------------------------- page3 ---------------------------------------------------------------------------------------- */
.page03{
height: 120vh; background-color: #000000;position: relative;
}
.page03 .split2{
    object-fit: cover; position:absolute; width:100%;height: 100%;top:0%;left: 0%;
}
.page03_section {
    position: absolute; width:45%; top: 25%;left: 15%; text-align: left;
}
/* .page03_section{
width: 80%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
} */
.page03_section_div{
width: 70%; height: 100%; margin-right: 2rem;
}

.page03_section_div1{
width: 70%;height: 20rem; position: relative; transform:translate(-50%, -50%); left:50%; top:18%;
}
.page03_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;white-space: nowrap;
}
.page03_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page03_section_div2{
position: absolute; width:40%; height:20rem; transform:translate(-50%, -50%);top:40%; left:28%;
}
.page03_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page03_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page03_section_div3{
position: absolute; width:40%; height:20rem; transform:translate(-50%, -50%);top:40%; left:28%;
}
.page03_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page03_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page03_section_div4{
width: 20%; height: 5rem;  position: absolute; transform:translate(-50%, -50%); left:18%; top:60%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page03_section_div5{
width: 100%;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page03_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page03_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page03_section .video3{
background-color: #000000; width: 60%; height: 70%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page03_section .video3 #video3{
height: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}

/* ---------------------------------------------------------------------------------------- page40 ---------------------------------------------------------------------------------------- */
.page40{
height: 100vh; background-color: #000000;position: relative;
}
.page40 .p0{
position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
}
.page40_section{
width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:75%; top:5%; display: flex; display: -webkit-flex;justify-content: center;
}
.page40_section_div{
width: 50%; height: 100%; margin-right: 2rem;
}

.page40_section_div1{
width: 70%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:50%; top:30%;
}
.page40_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page40_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page40_section_div2{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:52.1%;
}


/* ---------------------------------------------------------------------------------------- page004 ---------------------------------------------------------------------------------------- */

.page004{
height: 100%; background-color: rgb(214, 202, 191);position: relative;
}
.page004 .p0{
position: relative; transform:translate(-50%, -50%);left:55%; top:40%;
}
.page004_section{
width: 100%; height: 80%;  position: absolute; transform:translate(-50%, -50%); left:90%; top:65%; display: flex; display: -webkit-flex;justify-content: center;
}
.page004_section_div{
width: 50%; height: 100%; margin-right: 2rem;
}

.page004_section_div1{
width: 70%;height: 50rem; position: absolute; transform:translate(-50%, -50%); left:50%; top:35%;
}
.page004_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page004_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}


.page004_section_div2{
position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:35%; left:50%;
}
.page004_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div00{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }
    .page004_section2_div00 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page004_section2_div00 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
.page004_section2_div01{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }
    .page004_section2_div01 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page004_section2_div01 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }

    .page004_section2_div02{
        position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
        }
        .page004_section2_div02 h2{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }
        .page004_section2_div02 h3{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        
    }
    .page004_section2_div03{
        position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
        }
        .page004_section2_div03 h2{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }
        .page004_section2_div03 h3{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }


.page004_section2_div2{
position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
}
.page004_section2_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page004_section2_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:35%;
}
.page004_section2_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page004_section2_div4{
width: 70%; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:50%; top:75%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page004_section2_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page004_section2_div5 .btn0{
    margin-right: 3rem;cursor: pointer;color:#7a6347;border:1px solid rgb(126, 103, 76);font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
.page004_section2_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page004_section2_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page004_section2_div5 .btn3{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}


/* ---------------------------------------------------------------------------------------- page50 ---------------------------------------------------------------------------------------- */

.page50{
height: 100vh; background-color: #000000;position: relative;
}
.page50_section{
width: 100%;height: 80%;position: relative;transform:translate(-50%, -50%);left:50%;top:50%;display: flex;display: -webkit-flex;justify-content: center;
}
.page50_section_div{
width: 100%;height: 100%;margin-right: 2rem;margin-left: 10%;
}

.page50_section_div1{
width: 100%;height: 50rem;position: relative;transform:translate(-50%, -50%);left:58%;top:40%;
}
.page50_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page50_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page50_section_div2{
position: absolute;width: 100%;height:20rem;transform:translate(-50%, -50%);top: 50%;left: 64.7%;
}

.page50_section_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
}
.page50_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page50_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page50_section_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page50_section_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page50_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page50_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page50_section_div6{
position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:60%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
}
.page50_section_div6 .p4{
width: 40%;
}
.page50_section_div6 .p4 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p4 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section_div6 .p5{
width: 30%;
}
.page50_section_div6 .p5 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p5 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section_div6 .p6{
width: 30%;
}
.page50_section_div6 .p6 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p6 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section .video8{
background-color: #000000; width: 100%; height: 80%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page50_section .video8 #video8{
height: 100%;position: relative;right: -30%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}


.page50_section3{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:60%; left:10%;
}
.page50_section3_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page50_section3_title .button_01{
width: 31%; text-decoration: none;
}
.page50_section3_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page50_section3_title .button_01 h1 b{
font-size: 3rem;
}
.page50_section3_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page50_section4{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:75%; left:10%;
}
.page50_section4_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page50_section4_title .button_01{
width: 31%; text-decoration: none;
}
.page50_section4_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page50_section4_title .button_01 h1 b{
font-size: 3rem;
}
.page50_section4_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page60 ---------------------------------------------------------------------------------------- */
.page60{
    height: 140vh; background-color: #000000;position: relative;
    }
    .page60 .p0{
    position: relative; transform:translate(-50%, -50%);left:40%; top:40%;
    }
    .page60_section{
    width: 100%; height: 80%;  position: absolute; transform:translate(-50%, -50%); left:90%; top:45%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page60_section_div{
    width: 50%; height: 100%; margin-right: 2rem;
    }
    
    .page60_section_div1{
    width: 70%;height: 50rem; position: absolute; transform:translate(-50%, -50%); left:50%; top:35%;
    }
    .page60_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page60_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page60_section_div2{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }

    
    .page60_section_div3{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
    }
    .page60_section_div3 h2{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page60_section_div3 h3{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page60_section_div4{
    width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
    }
    
    .page60_section_div5{
    width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
    }
    .page60_section_div5 .btn1{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page60_section_div5 .btn2{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    
    .page60_section_div6{
    position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:75%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
    }
    .page60_section_div6 .p4{
    width: 40%;
    }
    .page60_section_div6 .p4 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p4 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .page60_section_div6 .p5{
    width: 30%;
    }
    .page60_section_div6 .p5 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p5 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .page60_section_div6 .p6{
    width: 30%;
    }
    .page60_section_div6 .p6 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p6 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    
    
    .page60_section3{
    position: absolute; width:40%; height:10rem; transform:translate(-50%, -50%);top:60%; left:35%;
    }
    .page60_section3_title{
    width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
    }
    .page60_section3_title .button_01{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_01 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_01 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_01 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }
    
    .page60_section3_title .button_02{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_02 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_02 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_02 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }
    
    .page60_section3_title .button_03{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_03 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_03 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_03 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }

/* ---------------------------------------------------------------------------------------- page70 ---------------------------------------------------------------------------------------- */
.page70{
    height: 100vh;position: relative;background-color: #000000;
}
.page70 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
}

.page70_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
}
.page70_section h3{
text-align: left;
}
.page70_section h2{
text-align: left;
}
.page70 .img{
width: 100%; height: auto;z-index: 0;
}

/* ---------------------------------------------------------------------------------------- page80 ---------------------------------------------------------------------------------------- */
.page80{
    height: 150vh; background-color: #000000;position: relative;
    }
    .page80_img{
    width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 10;
    }
    .page80_img .img02{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.2;z-index: 4;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img03{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.4;z-index: 5;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img04{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.6;z-index: 6;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img05{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.7;z-index: 7;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img06{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.9;z-index: 8;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00{
    width: 50%; height: 50%; position: absolute; left: -5%;top: 15%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img0{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img1{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 8;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img2{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 7;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img3{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 6;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img4{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 5;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img5{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 4;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section1{
    width: 30%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:45%; top:55%; display: flex; display: -webkit-flex;justify-content: center;z-index: 100;
    }
    .page80_section1_btn1{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 56%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn1 .btn1{
    cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn2{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 52%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn2 .btn2{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn3{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 48%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn3 .btn3{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn4{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 44%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn4 .btn4{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn5{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 40%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10; 
    }
    .page80_section1_btn5 .btn5{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section2 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:58%; left:45%;
    }
    .page80_section2 .t1{
    color: #ffffff;text-align: left;font-weight: bold;
    }
    .page80_section2 .t1_1{
    margin-top: 10px;width: 65%; height: 0rem; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));position: absolute;transform:translate(-50%, -50%);top:13%;left:32%;
    }
    .page80_section2 .t2{
    line-height: 3rem;color: #ffffff;font-weight: normal;
    }
    
    .page80_section3 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section3 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section3 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section4 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section4 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section4 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section5 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section5 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section5 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section6 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section6 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section6 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section7 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section7 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section7 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
/* ---------------------------------------------------------------------------------------- page90 ---------------------------------------------------------------------------------------- */

/* 原有样式（悬停拉伸） */
.page90 {
    height: 80vh;
    background-color: #000000;
    position: relative;
    }
    
    .page90_section {
    width: 80%;
    height: 80%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 20%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2rem;
    }
    
    .page90_section .card {
    background-color: #000000;
    position: relative;
    width: 25%;
    height: 100%;
    border-radius: 3rem;
    overflow: hidden;
    transition: width 0.5s ease;
    cursor: pointer; /* 鼠标移上显示手型，提示可点击 */
    }
    
    .page90_section:hover .card {
    width: 18%;
    }
    .page90_section .card:hover {
    width: 40%;
    }
    
    .page90_section .card .img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    }
    .page90_section .card div {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    }
    .page90_section .card h2 {
    position: absolute;
    width: 80%;
    transform: translate(-50%, 0);
    top: 70%;
    left: 50%;
    text-align: center;
    font-size: 3rem;
    color: white;
    font-weight: normal;
    }
    .page90_section .card h3 {
    position: absolute;
    width: 90%;
    transform: translate(-50%, 0);
    top: 82%;
    left: 50%;
    text-align: center;
    font-size: 1.5rem;
    color: white;
    font-weight: normal;
    }
    /* 新增叠加图片样式 */
    .page90_section .card .overlay-img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20%;
        object-fit: cover;
        opacity: 0;
        transform: translate(-50%, -50%)rotate(0deg);
        transition: opacity 0.5s ease,transform 0.5s ease;
        mix-blend-mode: screen;
        }
        
    /* hover时显示叠加图片 */
    .page90_section .card:hover .overlay-img {
    opacity: 0.8; /* 显示并设置透明度 */
    transform: translate(-50%, -50%) rotate(135deg);
    }
    /* 新增弹窗样式 */
    .popup-mask {
    position: fixed;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(29, 29, 31, 0.8); /* 半透明遮罩 */
    display: none;
    justify-content: center;
    align-items: flex-end; /* 靠底部 */
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.4s ease;
    }
    
    .popup-content {
    width: 80%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: hidden;
    border-radius: 3rem;
    margin-bottom: 2%;
    height: 80%;
    background-color: #000;
    padding: 2rem;
    overflow-y: auto;
    transform: translateY(150%); /* 初始在屏幕外底部 */
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    position: relative;
    }
    
    /* 弹窗显示时的动画 */
    .popup-mask.active {
    display: flex;
    opacity: 1;
    }
    .popup-content.active{
    transform: translateY(0);
    }
    
    /* 关闭按钮样式 */
    .popup-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 3rem;
    color: white;
    cursor: pointer;
    z-index: 10000;
    }



/* ---------------------------------------------------------------------------------------- page100 ---------------------------------------------------------------------------------------- */


.page100{
    height: 100vh;position: relative;background-color: #000000;
    }
    
    .page100_section1{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 30%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page100_section1 h3{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page100_section1 h2{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }

    .page100_div{
        width: 70%; height: 100%;transform:translate(0, -50%);top:50%; position: absolute; right: 0;
    }
    .page100_div .p3{
        width: 6rem; height: 10%;position: absolute;top: 22%; right:30%;
    }
    .page100_div .p3 div{
        background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.7),rgba(255,255,255,0)); position: absolute;width: 0.1rem; height: 100%; top: 60%;
    }
    .page100_div .p3 h2{
        position: absolute;transform:translate(-50%, -50%); top: 50%;
    }

.page100_section2{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 65%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section2 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section2 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page100_section3{
position: absolute; width:50%; transform:translate(0%, -50%); left:40%;top: 30%; text-align: right;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section3 h3{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section3 h2{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}


.page100_section4{
position: absolute; width:50%; transform:translate(0%, -50%); left:40%;top: 65%; text-align: right;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section4 h3{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section4 h2{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page100 #video10 {
    height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
}

/* ---------------------------------------------------------------------------------------- page110 ---------------------------------------------------------------------------------------- */


.page110{
    height: 140vh;position: relative;background-color: #000000;
    }
    
    .page110_section1{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 35%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page110_section1 h3{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page110_section1 h2{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }

    .page110_div{
        width: 70%; height: 100%;transform:translate(0, -50%);top:50%; position: absolute; right: 0;
    }
    .page110_div .p3{
        width: 6rem; height: 10%;position: absolute;top: 22%; right:30%;
    }
    .page110_div .p3 div{
        background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.7),rgba(255,255,255,0)); position: absolute;width: 0.1rem; height: 100%; top: 60%;
    }
    .page110_div .p3 h2{
        position: absolute;transform:translate(-50%, -50%); top: 50%;
    }

.page110_section2{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 55%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section2 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section2 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section3{
position: absolute; width:50%; transform:translate(0%, -50%); left:25%;top: 55%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section3 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section3 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}


.page110_section4{
position: absolute; width:50%; transform:translate(0%, -50%); left:25%;top: 75%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section4 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section4 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 75%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110 #video11 {
    /* height: 70%;
    width: 70%;
    right: 0;
    top: 10%;
    position: absolute;
    background: #000000;
    object-fit: cover; */
}


.page110_section6{
position: absolute; width:50%; transform:translate(0%, -50%); left:45%;top: 29%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section6 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section7{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 44%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section7 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section8{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 58.5%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section8 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section9{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 71%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section9 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section10{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 89%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section10 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section11{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 49%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section11 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section12{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 52%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section12 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section13{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 58%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section13 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section14{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 65%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}
.page110_section14 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
/* ---------------------------------------------------------------------------------------- page120 ---------------------------------------------------------------------------------------- */
.page120{
    height: 100vh; background-color: #000000;position: relative;
    }
    .page120_section1{
    width: 60%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page120_section1 .p1{
    background-color: #000000; width: 50%; height: 100%; border-radius: 3rem; overflow: hidden;margin-right: 2rem;
    }
    .page120_section1 .p1 .img2{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 99;opacity: 0;left: 0%;
    }
    .page120_section1 .p1 .img1{
    height: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: contain;
    }
    
    .page120_section2{
    width: 50%; height: 100%; margin-right: 2rem;
    }
    .page120_section2_div1{
    width: 70%;height: 80%; position: relative; transform:translate(-50%, -50%); left:50%; top:45%; 
    }
    .page120_section2_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page120_section2_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;
    }
    
    .page120_section2_div2{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
    }
    .page120_section2_div2 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page120_section2_div2 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page120_section2_div3{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
    }
    .page120_section2_div3 h2{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page120_section2_div3 h3{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page120_section2_div4{
    width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:91%; top:77%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
    }
    
    .page120_section2_div5{
    width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
    }
    .page120_section2_div5 .btn1{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page120_section2_div5 .btn2{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    
    .page120_section2 .p5{
    width: 30%; height: 30%; position: absolute;transform:translate(-50%, -50%);top:85%; left: 72.5%;
    }
    .page120_section2 .p5 .img1{
    object-fit: contain; position:absolute; width:100%;height: 100%;
    }



/* ---------------------------------------------------------------------------------------- page140 ---------------------------------------------------------------------------------------- */
.page140{
    height: 100vh; background-color: #000000;position: relative;
    }
    .page140 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page140_section{
    width: 100%;
    height: 100%;
    position: relative;
    transform:translate(-50%, -50%);
    left:50%;
    top: 50%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    }
    .page140_section_div{
    width: 100%;
    height: 100%;
    margin-right: 2rem;
    }
    
    .page140_section_div1{
    width: 50vw;
    height: auto;
    position: absolute;
    transform:translate(-50%, -50%);
    left: 40%;
    top: 35%;
    }
    .page140_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page140_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page140_section_div2{
    position: absolute;
    width: 50vw;
    height: auto;
    transform:translate(-50%, -50%);
    top: 50%;
    left: 40%;
    }
    .page140_section_div6{
        position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:60%; left:28.4%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
        }
        .page140_section_div6 .p4{
        width: 40%;
        }
        .page140_section_div6 .p4 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p4 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
        .page140_section_div6 .p5{
        width: 30%;
        }
        .page140_section_div6 .p5 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p5 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
        .page140_section_div6 .p6{
        width: 30%;
        }
        .page140_section_div6 .p6 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p6 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
/* ---------------------------------------------------------------------------------------- page150 ---------------------------------------------------------------------------------------- */
.page150{
    height: 120vh; background-color: #000000;position: relative;
    }
    .page150 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page150_section{
    width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:60%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page150_section_div{
    width: 100%; height: 100%; margin-right: 2rem;
    }
    
    .page150_section_div1{
    width: 100%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:90%; top:25%;
    }
    .page150_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page150_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page150_section_div2{
    position: absolute; width:100%; height:20rem; transform:translate(-50%, -50%);top:60%; left:63.2%;
    }



/* ---------------------------------------------------------------------------------------- page160 ---------------------------------------------------------------------------------------- */
.page160{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page160 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page160_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:60%;top: 40%; text-align: left;z-index: 11;
    }
    .page160_section h3{
    text-align: left;
    }
    .page160_section h2{
    text-align: left;
    }
    .page160 .black{
    background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
    }
    .page160 .img{
    object-fit: cover; width: 100%; height: auto;z-index: 0;
    }
/* ---------------------------------------------------------------------------------------- page170 ---------------------------------------------------------------------------------------- */
.page170{
    height: 120vh; background-color: #000000;position: relative;
    }
    .page170 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page170_section{
    width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:60%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page170_section_div{
    width: 100%; height: 100%; margin-right: 2rem;
    }
    
    .page170_section_div1{
    width: 100%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:90%; top:25%;
    }
    .page170_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page170_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page170_section_div2{
    position: absolute; width:100%; height:20rem; transform:translate(-50%, -50%);top:60%; left:63.2%;
    }
/* ---------------------------------------------------------------------------------------- page180 ---------------------------------------------------------------------------------------- */
.page180{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page180 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page180_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
    }
    .page180_section h3{
    text-align: left;
    }
    .page180_section h2{
    text-align: left;
    }
    .page180 .black{
    background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
    }
    .page180 #video180 {
        height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
    }
/* ---------------------------------------------------------------------------------------- page190 ---------------------------------------------------------------------------------------- */
.page190{
    height: 100vh;background-color: #000000;position: relative;
    }
    .page190_section{
    width: 70%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:40%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page190_section1_div{
    width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 50%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center; 
    }
    .page190_section1_div .p1{
    width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 29%; transform: translate(-50%, 0);
    }
    .page190_section1_div .p1 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section1_div .p1 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section1_div .p1 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section2_div{
    width: 100%; height: 30%; position: absolute; top: 100%; left: 49%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section2_div .p2{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
    }
    .page190_section2_div .p2 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section2_div .p2 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section2_div .p2 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section2_div .p3{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
    }
    .page190_section2_div .p3 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section2_div .p3 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section2_div .p3 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section .p4{
    width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 76.5%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section3_div{
    width: 80%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 48%; transform: translate(-50%, 0);
    }
    .page190_section3_div img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section4_div{
    width: 49.5%;margin-left: 1rem; height: 100%;position: absolute;top: 50%; left: 100%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section4_div .p5{
    width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 71.5%; transform: translate(-50%, 0);
    }
    .page190_section4_div .p5 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section4_div .p5 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section4_div .p5 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section5_div{
    width: 100%; height: 30%; position: absolute; top: 100%; left: 51%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section5_div .p6{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
    }
    .page190_section5_div .p6 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section5_div .p6 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section5_div .p6 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section5_div .p7{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
    }
    .page190_section5_div .p7 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section5_div .p7 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section5_div .p7 img{
    object-fit: cover; width: 100%; height: 100%;
    }
/* ---------------------------------------------------------------------------------------- page200 ---------------------------------------------------------------------------------------- */
.page200{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page200 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page200_section{
    position: absolute; width:50%; transform:translate(-50%, -50%); left:50%;top: 27%; text-align: center;z-index: 11;
    }
    .page200_section h3{
    text-align: center;
    }
    .page200_section h2{
    text-align: center;
    }
    .page200 #video200 {
        height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
    }


























/* ---------------------------------------------------------------------------------------- page6 ---------------------------------------------------------------------------------------- */

.page6{
height: 100vh; background-color: #000000;position: relative;
}
.page6_section{
width: 100%;
height: 80%;
position: relative;
transform:translate(-50%, -50%);
left:50%;
top:50%;
display: flex;
display: -webkit-flex;
justify-content: center;
}
.page6_section_div{
width: 100%;
height: 100%;
margin-right: 2rem;
margin-left: 10%;
}

.page6_section_div1{
width: 100%;
height: 50rem;
position: relative;
transform:translate(-50%, -50%);
left:50%;
top:40%;
}
.page6_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page6_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page6_section_div2{
position: absolute;
width: 40vw;
height:20rem;
transform:translate(-50%, -50%);
top: 50%;
left: 30%;
}
.page6_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page6_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page6_section_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
}
.page6_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page6_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page6_section_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page6_section_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page6_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page6_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page6_section_div6{
position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:75%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
}
.page6_section_div6 .p4{
width: 40%;
}
.page6_section_div6 .p4 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p4 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section_div6 .p5{
width: 30%;
}
.page6_section_div6 .p5 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p5 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section_div6 .p6{
width: 30%;
}
.page6_section_div6 .p6 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p6 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section .video8{
background-color: #000000; width: 100%; height: 80%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page6_section .video8 #video8{
height: 100%;position: relative;right: -30%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}


.page6_section3{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:60%; left:10%;
}
.page6_section3_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page6_section3_title .button_01{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_01 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section3_title .button_02{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_02 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_02 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_02 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section3_title .button_03{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_03 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_03 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_03 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section4{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:75%; left:10%;
}
.page6_section4_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page6_section4_title .button_01{
width: 31%; text-decoration: none;
}
.page6_section4_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section4_title .button_01 h1 b{
font-size: 3rem;
}
.page6_section4_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page7 ---------------------------------------------------------------------------------------- */
.page7{
height: 100vh; background-color: #000000;position: relative;
}
.page7 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page7 img{
object-fit: cover; width: 100%; height: auto;
}
.page7_section{
position: absolute; width:100%; top: 35%; text-align: center;
}
.page7_section h1{
color: #ffffff;font-weight: bold;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page7_section h2{
color: #ffffff;font-weight: normal;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page7_section h3{
color: #ffffff;width: 100%;font-weight: normal; transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
/* ---------------------------------------------------------------------------------------- page8 ---------------------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------------------- page9 ---------------------------------------------------------------------------------------- */
.page9{
height: 100vh; background-color: #000000;position: relative;
}
.page9 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page9 img{
object-fit: cover; width: 100%; height: auto;
}
.page9_section1{
position: absolute; width:70vw; height:60%; transform:translate(-50%, -50%);top:60%; left:50%;
}
.page9_section1 h1{
color: #ffffff;text-align: center;font-weight: bold;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section1 h2{
color: #ffffff;text-align: center;font-weight: normal;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2{
position: absolute; width:60vw; height:60%; transform:translate(-50%, -50%);top:60%; left:50%;
}
.page9_section2_div{
margin-top: 20rem;width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:center;align-items: center;
}
.page9_section2_div .button_1{
margin-left: 20%;width: 30%; text-decoration: none;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2_div .button_1 h1{
color: #ffffff;font-size: 10rem;text-align: center;font-weight: bold;
}
.page9_section2_div .button_1 h1 b{
font-size: 3rem;
}
.page9_section2_div .button_1 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: center; font-weight: normal; white-space: nowrap;
}

.page9_section2_div .button_2{
margin-right: 20%;width: 30%; text-decoration: none;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2_div .button_2 h1{
color: #ffffff;font-size: 10rem;text-align: center;font-weight: bold;
}
.page9_section2_div .button_2 h1 b{
font-size: 3rem;
}
.page9_section2_div .button_2 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: center; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page10 ---------------------------------------------------------------------------------------- */
.page10{
height: 150vh; background-color: #000000;position: relative;
}
.page10_img{
width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 10;
}
.page10_img .img02{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.2;z-index: 4;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img03{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.4;z-index: 5;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img04{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.6;z-index: 6;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img05{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.7;z-index: 7;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img06{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.9;z-index: 8;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00{
width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img0{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img1{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 8;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img2{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 7;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img3{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 6;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img4{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 5;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img5{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 4;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section1{
width: 30%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;z-index: 100;
}
.page10_section1_btn1{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 56%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn1 .btn1{
cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn2{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 52%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn2 .btn2{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn3{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 48%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn3 .btn3{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn4{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 44%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn4 .btn4{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn5{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 40%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10; 
}
.page10_section1_btn5 .btn5{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section2 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:58%; left:55%;
}
.page10_section2 .t1{
color: #ffffff;text-align: left;font-weight: bold;
}
.page10_section2 .t1_1{
margin-top: 10px;width: 65%; height: 0rem; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));position: absolute;transform:translate(-50%, -50%);top:13%;left:32%;
}
.page10_section2 .t2{
line-height: 3rem;color: #ffffff;font-weight: normal;
}

.page10_section3 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section3 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section3 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section4 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section4 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section4 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section5 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section5 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section5 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section6 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section6 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section6 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section7 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section7 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section7 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
/* ---------------------------------------------------------------------------------------- page90 ---------------------------------------------------------------------------------------- */

/* 原有样式（悬停拉伸） */
.page90 {
height: 80vh;
background-color: #000000;
position: relative;
}

.page90_section {
width: 80%;
height: 80%;
position: relative;
transform: translate(-50%, -50%);
left: 50%;
top: 20%;
display: flex;
display: -webkit-flex;
justify-content: center;
flex-wrap: nowrap;
gap: 2rem;
}

.page90_section .card {
background-color: #000000;
position: relative;
width: 25%;
height: 100%;
border-radius: 3rem;
overflow: hidden;
transition: width 0.5s ease;
cursor: pointer; /* 鼠标移上显示手型，提示可点击 */
}

.page90_section:hover .card {
width: 18%;
}
.page90_section .card:hover {
width: 40%;
}

.page90_section .card .img {
object-fit: cover;
width: 100%;
height: 100%;
}
.page90_section .card div {
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
}
.page90_section .card h2 {
position: absolute;
width: 80%;
transform: translate(-50%, 0);
top: 85%;
left: 50%;
text-align: center;
font-size: 3rem;
color: white;
font-weight: bold;
}
.page90_section .card h3 {
position: absolute;
width: 90%;
transform: translate(-50%, 0);
top: 82%;
left: 50%;
text-align: center;
font-size: 1.5rem;
color: white;
font-weight: normal;
}
/* 新增叠加图片样式 */
.page90_section .card .overlay-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    object-fit: cover;
    opacity: 0;
    transform: translate(-50%, -50%)rotate(0deg);
    transition: opacity 0.5s ease,transform 0.5s ease;
    mix-blend-mode: screen;
    }
    
/* hover时显示叠加图片 */
.page90_section .card:hover .overlay-img {
opacity: 0.8; /* 显示并设置透明度 */
transform: translate(-50%, -50%) rotate(135deg);
}
/* 新增弹窗样式 */
.popup-mask {
position: fixed;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(29, 29, 31, 0.8); /* 半透明遮罩 */
display: none;
justify-content: center;
align-items: flex-end; /* 靠底部 */
z-index: 9999;
opacity: 0;
transition: opacity 0.4s ease;
}

.popup-content {
width: 80%;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: hidden;
border-radius: 3rem;
margin-bottom: 5%;
height: 80%;
background-color: rgb(214, 202, 191);
padding: 2rem;
overflow-y: auto;
transform: translateY(150%); /* 初始在屏幕外底部 */
transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
position: relative;
}

/* 弹窗显示时的动画 */
.popup-mask.active {
display: flex;
opacity: 1;
}
.popup-content.active{
transform: translateY(0);
}

/* 关闭按钮样式 */
.popup-close {
position: absolute;
top: 2rem;
right: 4rem;
font-size: 3rem;
color: white;
cursor: pointer;
z-index: 10000;
}
/* ---------------------------------------------------------------------------------------- page12 ---------------------------------------------------------------------------------------- */
.page12{
height: 100vh; background-color: #000000;position: relative;
}
.page12_section1{
width: 60%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
}
.page12_section1 .p1{
background-color: #000000; width: 50%; height: 100%; border-radius: 3rem; overflow: hidden;margin-right: 2rem;
}
.page12_section1 .p1 .img2{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 99;opacity: 0;left: 0%;
}
.page12_section1 .p1 #video09{
width: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: contain;
}

.page12_section2{
width: 50%; height: 100%; margin-right: 2rem;
}
.page12_section2_div1{
width: 70%;height: 80%; position: relative; transform:translate(-50%, -50%); left:50%; top:45%; 
}
.page12_section2_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page12_section2_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;
}

.page12_section2_div2{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
}
.page12_section2_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page12_section2_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page12_section2_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
}
.page12_section2_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page12_section2_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page12_section2_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:91%; top:75%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page12_section2_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page12_section2_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page12_section2_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page12_section2 .p5{
width: 30%; height: 30%; position: absolute;transform:translate(-50%, -50%);top:85%; left: 72.5%;
}
.page12_section2 .p5 .img1{
object-fit: contain; position:absolute; width:100%;height: 100%;
}


/* ---------------------------------------------------------------------------------------- page14 ---------------------------------------------------------------------------------------- */
.page14{
height: 100vh;background-color: #000000;position: relative;
}
.page14_section{
width: 70%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:40%; display: flex; display: -webkit-flex;justify-content: center;
}
.page14_section1_div{
width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 50%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center; 
}
.page14_section1_div .p1{
width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 29%; transform: translate(-50%, 0);
}
.page14_section1_div .p1 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section1_div .p1 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section1_div .p1 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section2_div{
width: 100%; height: 30%; position: absolute; top: 100%; left: 49%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section2_div .p2{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
}
.page14_section2_div .p2 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section2_div .p2 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section2_div .p2 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section2_div .p3{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
}
.page14_section2_div .p3 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section2_div .p3 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section2_div .p3 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section .p4{
width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 76.5%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section3_div{
width: 80%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 48%; transform: translate(-50%, 0);
}
.page14_section3_div img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section4_div{
width: 49.5%;margin-left: 1rem; height: 100%;position: absolute;top: 50%; left: 100%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section4_div .p5{
width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 71.5%; transform: translate(-50%, 0);
}
.page14_section4_div .p5 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section4_div .p5 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section4_div .p5 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section5_div{
width: 100%; height: 30%; position: absolute; top: 100%; left: 51%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section5_div .p6{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
}
.page14_section5_div .p6 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section5_div .p6 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section5_div .p6 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section5_div .p7{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
}
.page14_section5_div .p7 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section5_div .p7 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section5_div .p7 img{
object-fit: cover; width: 100%; height: 100%;
}
/* ---------------------------------------------------------------------------------------- page15 ---------------------------------------------------------------------------------------- */
.page15{
height: 100vh;position: relative;background-color: #000000;
}
.page15 .masking{
position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
}

.page15_section{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
}
.page15_section h3{
text-align: left;
}
.page15_section h2{
text-align: left;
}
.page15 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page15 .img{
object-fit: cover; width: 100%; height: auto;z-index: 0;
}
/* ---------------------------------------------------------------------------------------- page16 ---------------------------------------------------------------------------------------- */
.page16{
height: 260rem;position: relative;background-color: #000000;
}
.page16 .title{
font-size: 5rem;color: #ffffff;text-align: center;padding-top: 10rem;
}
.page16_section{
width:60%; height: 100%; position: absolute; transform:translate(-50%, 10rem);left:50%; display: flex; display: -webkit-flex;justify-content: center;align-items: center;
}
.page16_section_div{
width:33%;height:100%; position: relative;
}
.page16_section_div .size{
object-fit: contain; width:100%;height: 10vw;
}
.page16_section_div .t0{
width: 100%;white-space: nowrap; text-align: center;color: #7a6347;font-size: 1.8rem;font-weight: normal;margin-top: 6rem;
}
.page16_section_div .t1{
width: 100%;white-space: nowrap; text-align: center;color: #7a6347;font-size: 3rem;font-weight: normal;margin-top: 0rem;
}
.page16_section_div .t2{
width: 100%; text-align: center;color: #7a6347;font-size: 1.5rem;line-height: 3rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div .t3{
width: 100%; text-align: center;color: #7a6347;font-size: 1.8rem;line-height: 3rem; font-weight: normal;margin-top: 3rem;
}
.page16_section_div .btn{
width:6em;height:3rem;background: #0065cb;color: #ffffff;font-size: 1.5rem;border: 0;border-radius: 2.7rem;position: absolute; transform:translate(-50%, 2rem); left:50%;
}
.page16_section_div .button_0{
text-decoration: none;position: absolute; transform:translate(-50%, 6rem); left:50%;
}
.page16_section_div .button_0 span{
color: #0065cb;font-size: 1.5rem;font-weight: normal;
}
.page16_section_div .button_0 img{
width: 1.8rem;position: absolute;margin-left: 0.5rem;
}
.page16_section_div .line{
width: 50%; height: 0.1rem; background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));position: absolute;transform:translate(-50%, 11rem); left:50%;
}
.page16_section_div_page{
width: 100%;height: 80%;position: absolute;transform:translate(0, 16rem);
}
.page16_section_div_page_div1{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}
.page16_section_div_page_div1 div{}
.page16_section_div_page_div1 h2{
color: #7a6347;font-size: 4rem; font-weight: normal;
}
.page16_section_div_page_div1 h3{
color: #7a6347;font-size: 2rem; font-weight: normal;margin-left: 0.5rem; margin-bottom: 0.5rem;
}
.page16_section_div_page_div1 h4{
color: #7a6347; font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div2{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div2 img{
width: 5rem;margin-bottom: 1rem;
}
.page16_section_div_page_div2 div{
width: 100%;display:flex; display: -webkit-flex;justify-content: center;align-items: end;
}
.page16_section_div_page_div2 h2{
color: #7a6347;font-size: 4rem; font-weight: normal;
}
.page16_section_div_page_div2 h3{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-left: 0.5rem; margin-bottom: 0.5rem;
}
.page16_section_div_page_div2 h4{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-bottom: 1rem;
}
.page16_section_div_page_div2 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div3{
width: 100%; height: 10rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div3 img{
width: 5rem;
}
.page16_section_div_page_div3 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div3 h5{
color: #7a6347; font-size: 1.3rem;font-weight: normal;
}

.page16_section_div_page_div4{
width: 100%; height: 19rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div4 img{
width: 5rem;
}
.page16_section_div_page_div4 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div4 h5{
color: #7a6347; font-size: 1.3rem; margin-top: 0.3rem;font-weight: normal;
}
.page16_section_div_page_div5{
width: 100%; height: 13rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div5 img{
width: 5rem;
}
.page16_section_div_page_div5 h4{
color: #7a6347; font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div5 h5{
color: #7a6347; font-size: 1.3rem; margin-top: 0.3rem;font-weight: normal;
}

.page16_section_div_page_div6{
width: 100%; height: 15rem; margin-top: 2rem; text-align: center;font-weight: normal;
}

.page16_section_div_page_div6 img{
width: 5rem;
}
.page16_section_div_page_div6 h4{
color: #7a6347; font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div6 h5{
color: #7a6347; font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div7{
width: 100%; height: 17rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div7 img{
width: 5rem;
}
.page16_section_div_page_div7 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div7 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div8{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div8 img{
width: 5rem;
}
.page16_section_div_page_div8 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div8 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}

.page16_section_div_page_div9{
width: 100%; height: 18rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div9 img{
width: 5rem;
}
.page16_section_div_page_div9 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div9 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}

.page16_section_div_page_div10{
width: 100%; height: 15rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div10 img{
width: 5rem;
}
.page16_section_div_page_div10 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div10 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}
/* ---------------------------------------------------------------------------------------- page17 ---------------------------------------------------------------------------------------- */
.page17{
height: 100vh;position: relative;background-color: #000000;
}
.page17_section{
width: 50%; height:85%; position: absolute; transform:translate(-50%, 10%);left: 50%;
}
.page17_section_title{
width: 100%; height:20%;margin-top: 5%;
}
.page17_section_title .AI_logo{
position: relative;transform:translate(-50%, -50%);left: 50%;top:20%;width: 30%;object-fit: cover;
}
.page17_section_title .t1{
text-align: center; font-weight: normal;margin-top: 3rem;
}
.page17_section_page{
width: 100%; height:40%;display: flex; display: -webkit-flex;justify-content: center;align-items: center;
}
.page17_section_page div{
width: 30%;height: 40%;
}
.page17_section_page img{
width: 80%;height: 80%;margin-left: 10%; object-fit: cover;margin-bottom: 1rem;
}
.page17_section_page h3{
text-align: center;bottom: 0;
}
.page17_section_code{
width: 100%; height:30%;
}
.page17_section_code .code{
width: 100%;height:60%; object-fit: contain;
}

/* ---------------------------------------------------------------------------------------- modal ---------------------------------------------------------------------------------------- */
#modal-wrapper{
position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,1);display: none;justify-content: center;align-items: center;z-index: 999;
}
#videoPlay{
position: fixed;width: 100vw;height: 100vh;z-index: 999999;display:none;
}
#PlayExit{
position: absolute;top: 1.1rem;right: 1.1rem;width: 3.6rem;height: 3.6rem;z-index: 101;border-radius: 50%;transform: rotate(45deg);display: none;background-color: #e8e8ed;z-index: 999999;
}
#PlayExit span{
color: rgba(29,29,31,0.56);font-size: 2.4rem;margin: 0.1rem;
}
#modal-wrapper1{
position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.8);display: none;justify-content: center;align-items: center;z-index: 999;
}
#imgPlay{
position: fixed;width: 100vw;height: 100vh;z-index: 999999;display:none;
}
#imgPlayExit{
position: absolute;top: 1.1rem;right: 1.1rem;width: 3.6rem;height: 3.6rem;z-index: 101;border-radius: 50%;transform: rotate(45deg);display: none;background-color: #e8e8ed;z-index: 999999;
}
#imgPlayExit span{
color: rgba(29,29,31,0.56);font-size: 2.4rem;margin: 0.1rem;
}

/* ---------------------------------------------------------------------------------------- page8 ---------------------------------------------------------------------------------------- */

.swiper-container {
padding-bottom: 50px;
}

.swiper-wrapper {}

.swiper-slide {
width: 978px;
transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
.swiper-slide {
    width: 770px;
}
}

@media only screen and (max-width:980px) {
.swiper-slide {
    width: 471px;
}
}

@media only screen and (max-height:480px) {
.swiper-slide {
    width: 471px;
}
}

.swiper-slide img {
width: 100%;border-radius: 4px;
}

.swiper-slide .title {
position: absolute;
transform: translate(-50%, 0);
bottom: 0%;
font-size: 11px;
color: rgb(102, 102, 102);
}

.swiper-button-next,
.swiper-button-prev {
width: 5rem;height: 5rem;background-size: 5rem 5rem;margin-top: -5.6rem;outline: none;
}

.swiper-button-next {
background-image: url('./svg/右箭头.svg');
}

.swiper-button-prev {
background-image: url('./svg/左箭头.svg');
}

.swiper-pagination-bullet {
background: none;
opacity: 1;
margin: 0 6px !important;
width: 9px;
height: 9px;
position: relative;
outline: none;
vertical-align: middle;
}

.swiper-pagination-bullet span {
width: 3px;
height: 3px;
background: rgb(126,103,76);
display: block;
border-radius: 50%;
margin-top: 3px;
margin-left: 3px;
}

.swiper-pagination-bullet i {
background: rgb(126,103,76);
height: 1px;
width: 20px;
position: absolute;
top: 4px;
transform: scaleX(0);
transform-origin: left;
z-index: 3;
transition-timing-function: linear;
}

.swiper-pagination-bullet-active span,
.swiper-pagination-bullet:hover span {
width: 9px;
height: 9px;
margin-top: 0;
margin-left: 0;
background: rgb(66, 45, 18);
position: relative;
z-index: 1;
}

.swiper-pagination-bullet-active i {
animation: middle 6s;
}

.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
animation: first 6s;
}

.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
animation: last 6s;
}

@keyframes first {
0% {
    transform: scaleX(0.5);
    left: 0px;
}

/*091*/
100% {
    transform: scaleX(1);
    left: 2px;
}

/*0915*/
}

@keyframes last {
0% {
    transform: scaleX(0.7);
    left: -10px;
}

/*1090*/
20% {
    transform: scaleX(0.3);
    left: 2px;
}

/*090*/
100% {
    transform: scaleX(0.3);
    left: 0px;
}

/*090*/
}

@keyframes middle {
0% {
    transform: scaleX(0.7);
    left: -10px;
}

/*1091*/
20% {
    transform: scaleX(0.45);
    left: 2px;
}

/*092*/
100% {
    transform: scaleX(1);
    left: 2px;
}

/*0913*/
}

.page1900_section1{
    position: absolute;
    width:40vw;
    transform:translate(-50%, -50%);
    left: 50%;
    top: 3%;
    text-align: center;
    z-index: 11;
    opacity:1;
    transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    
    .page1900_section1 h2{
    text-align: center;opacity:1;
    }
    
    .page1900_section2{position: absolute;width:10vw;transform:translate(-50%, -50%);left: 49%;top: 25%;text-align: left;z-index: 11;opacity:1;}
    .page1900_section02{position: absolute;width:10vw;transform:translate(-50%, -50%);left: 88%;top: 25%;text-align: left;z-index: 11;opacity:1;}
    

    .page1900_section2 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section3{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 27vw;top: 36%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section3 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section4{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 26%;top: 61%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section4 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section5{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 65%;top: 61%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section5 h2{
    text-align: left;opacity:1;
    }

    .page1900_section6{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 26%;top: 72%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section6 h2{
    text-align: left;opacity:1;
    }

    .page1900_section7{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 73%;top: 88%;text-align: right;z-index: 11;opacity:1;}
    
    .page1900_section7 h2{
    text-align: left;opacity:1;
    }

    .page1900_section8{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 43%;top: 91.5%;text-align: right;z-index: 11;opacity:1;}
    
    .page1900_section8 h2{
    text-align: left;opacity:1;
    }
.page004_section_div{
width: 50%; height: 100%; margin-right: 2rem;
}

.page004_section_div1{
width: 70%;height: 50rem; position: absolute; transform:translate(-50%, -50%); left:50%; top:35%;
}
.page004_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page004_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}


.page004_section_div2{
position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:35%; left:50%;
}
.page004_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div00{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }
    .page004_section2_div00 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page004_section2_div00 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
.page004_section2_div01{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }
    .page004_section2_div01 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page004_section2_div01 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }

    .page004_section2_div02{
        position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
        }
        .page004_section2_div02 h2{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }
        .page004_section2_div02 h3{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        
    }
    .page004_section2_div03{
        position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
        }
        .page004_section2_div03 h2{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }
        .page004_section2_div03 h3{
        transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
        }


.page004_section2_div2{
position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
}
.page004_section2_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page004_section2_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:35%;
}
.page004_section2_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page004_section2_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page004_section2_div4{
width: 70%; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:50%; top:75%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page004_section2_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page004_section2_div5 .btn0{
    margin-right: 3rem;cursor: pointer;color:#7a6347;border:1px solid rgb(126, 103, 76);font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
.page004_section2_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page004_section2_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page004_section2_div5 .btn3{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}


/* ---------------------------------------------------------------------------------------- page50 ---------------------------------------------------------------------------------------- */

.page50{
height: 100vh; background-color: #000000;position: relative;
}
.page50_section{
width: 100%;height: 80%;position: relative;transform:translate(-50%, -50%);left:50%;top:50%;display: flex;display: -webkit-flex;justify-content: center;
}
.page50_section_div{
width: 100%;height: 100%;margin-right: 2rem;margin-left: 10%;
}

.page50_section_div1{
width: 100%;height: 50rem;position: relative;transform:translate(-50%, -50%);left:58%;top:40%;
}
.page50_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page50_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page50_section_div2{
position: absolute;width: 100%;height:20rem;transform:translate(-50%, -50%);top: 50%;left: 64.7%;
}

.page50_section_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
}
.page50_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page50_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page50_section_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page50_section_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page50_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page50_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page50_section_div6{
position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:60%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
}
.page50_section_div6 .p4{
width: 40%;
}
.page50_section_div6 .p4 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p4 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section_div6 .p5{
width: 30%;
}
.page50_section_div6 .p5 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p5 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section_div6 .p6{
width: 30%;
}
.page50_section_div6 .p6 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page50_section_div6 .p6 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page50_section .video8{
background-color: #000000; width: 100%; height: 80%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page50_section .video8 #video8{
height: 100%;position: relative;right: -30%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}


.page50_section3{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:60%; left:10%;
}
.page50_section3_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page50_section3_title .button_01{
width: 31%; text-decoration: none;
}
.page50_section3_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page50_section3_title .button_01 h1 b{
font-size: 3rem;
}
.page50_section3_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page50_section4{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:75%; left:10%;
}
.page50_section4_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page50_section4_title .button_01{
width: 31%; text-decoration: none;
}
.page50_section4_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page50_section4_title .button_01 h1 b{
font-size: 3rem;
}
.page50_section4_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page60 ---------------------------------------------------------------------------------------- */
.page60{
    height: 140vh; background-color: #000000;position: relative;
    }
    .page60 .p0{
    position: relative; transform:translate(-50%, -50%);left:40%; top:40%;
    }
    .page60_section{
    width: 100%; height: 80%;  position: absolute; transform:translate(-50%, -50%); left:90%; top:45%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page60_section_div{
    width: 50%; height: 100%; margin-right: 2rem;
    }
    
    .page60_section_div1{
    width: 70%;height: 50rem; position: absolute; transform:translate(-50%, -50%); left:50%; top:35%;
    }
    .page60_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page60_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page60_section_div2{
    position: absolute; width:70%; height:20rem; transform:translate(-50%, -50%);top:45%; left:50%;
    }

    
    .page60_section_div3{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
    }
    .page60_section_div3 h2{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page60_section_div3 h3{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page60_section_div4{
    width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
    }
    
    .page60_section_div5{
    width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
    }
    .page60_section_div5 .btn1{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page60_section_div5 .btn2{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    
    .page60_section_div6{
    position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:75%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
    }
    .page60_section_div6 .p4{
    width: 40%;
    }
    .page60_section_div6 .p4 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p4 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .page60_section_div6 .p5{
    width: 30%;
    }
    .page60_section_div6 .p5 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p5 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .page60_section_div6 .p6{
    width: 30%;
    }
    .page60_section_div6 .p6 h1{
    color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
    }
    .page60_section_div6 .p6 h2{
    color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    
    
    .page60_section3{
    position: absolute; width:40%; height:10rem; transform:translate(-50%, -50%);top:60%; left:35%;
    }
    .page60_section3_title{
    width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
    }
    .page60_section3_title .button_01{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_01 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_01 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_01 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }
    
    .page60_section3_title .button_02{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_02 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_02 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_02 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }
    
    .page60_section3_title .button_03{
    width: 31%; text-decoration: none;
    }
    .page60_section3_title .button_03 h1{
    color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
    }
    .page60_section3_title .button_03 h1 b{
    font-size: 3rem;
    }
    .page60_section3_title .button_03 h2{
    line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
    }

/* ---------------------------------------------------------------------------------------- page70 ---------------------------------------------------------------------------------------- */
.page70{
    height: 100vh;position: relative;background-color: #000000;
}
.page70 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
}

.page70_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
}
.page70_section h3{
text-align: left;
}
.page70_section h2{
text-align: left;
}
.page70 .img{
width: 100%; height: auto;z-index: 0;
}

/* ---------------------------------------------------------------------------------------- page80 ---------------------------------------------------------------------------------------- */
.page80{
    height: 150vh; background-color: #000000;position: relative;
    }
    .page80_img{
    width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 10;
    }
    .page80_img .img02{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.2;z-index: 4;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img03{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.4;z-index: 5;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img04{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.6;z-index: 6;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img05{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.7;z-index: 7;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_img .img06{
    object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.9;z-index: 8;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00{
    width: 50%; height: 50%; position: absolute; left: -5%;top: 15%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img0{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img1{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 8;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img2{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 7;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img3{
    object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 6;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img4{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 5;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80 .img00 .img5{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 4;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section1{
    width: 30%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:45%; top:55%; display: flex; display: -webkit-flex;justify-content: center;z-index: 100;
    }
    .page80_section1_btn1{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 56%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn1 .btn1{
    cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn2{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 52%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn2 .btn2{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn3{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 48%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn3 .btn3{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn4{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 44%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
    }
    .page80_section1_btn4 .btn4{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section1_btn5{
    width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 40%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10; 
    }
    .page80_section1_btn5 .btn5{
    cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page80_section2 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:58%; left:45%;
    }
    .page80_section2 .t1{
    color: #ffffff;text-align: left;font-weight: bold;
    }
    .page80_section2 .t1_1{
    margin-top: 10px;width: 65%; height: 0rem; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));position: absolute;transform:translate(-50%, -50%);top:13%;left:32%;
    }
    .page80_section2 .t2{
    line-height: 3rem;color: #ffffff;font-weight: normal;
    }
    
    .page80_section3 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section3 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section3 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section4 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section4 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section4 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section5 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section5 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section5 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section6 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section6 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section6 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page80_section7 {
    position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:45%;
    }
    .page80_section7 h2{
    line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page80_section7 h3{
    line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
/* ---------------------------------------------------------------------------------------- page90 ---------------------------------------------------------------------------------------- */

/* 原有样式（悬停拉伸） */
.page90 {
    height: 80vh;
    background-color: #000000;
    position: relative;
    }
    
    .page90_section {
    width: 80%;
    height: 80%;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 20%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2rem;
    }
    
    .page90_section .card {
    background-color: #000000;
    position: relative;
    width: 25%;
    height: 100%;
    border-radius: 3rem;
    overflow: hidden;
    transition: width 0.5s ease;
    cursor: pointer; /* 鼠标移上显示手型，提示可点击 */
    }
    
    .page90_section:hover .card {
    width: 18%;
    }
    .page90_section .card:hover {
    width: 40%;
    }
    
    .page90_section .card .img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    }
    .page90_section .card div {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    }
    .page90_section .card h2 {
    position: absolute;
    width: 80%;
    transform: translate(-50%, 0);
    top: 70%;
    left: 50%;
    text-align: center;
    font-size: 3rem;
    color: white;
    font-weight: normal;
    }
    .page90_section .card h3 {
    position: absolute;
    width: 90%;
    transform: translate(-50%, 0);
    top: 82%;
    left: 50%;
    text-align: center;
    font-size: 1.5rem;
    color: white;
    font-weight: normal;
    }
    /* 新增叠加图片样式 */
    .page90_section .card .overlay-img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20%;
        object-fit: cover;
        opacity: 0;
        transform: translate(-50%, -50%)rotate(0deg);
        transition: opacity 0.5s ease,transform 0.5s ease;
        mix-blend-mode: screen;
        }
        
    /* hover时显示叠加图片 */
    .page90_section .card:hover .overlay-img {
    opacity: 0.8; /* 显示并设置透明度 */
    transform: translate(-50%, -50%) rotate(135deg);
    }
    /* 新增弹窗样式 */
    .popup-mask {
    position: fixed;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(29, 29, 31, 0.8); /* 半透明遮罩 */
    display: none;
    justify-content: center;
    align-items: flex-end; /* 靠底部 */
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.4s ease;
    }
    
    .popup-content {
    width: 80%;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: hidden;
    border-radius: 3rem;
    margin-bottom: 2%;
    height: 80%;
    background-color: #000;
    padding: 2rem;
    overflow-y: auto;
    transform: translateY(150%); /* 初始在屏幕外底部 */
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    position: relative;
    }
    
    /* 弹窗显示时的动画 */
    .popup-mask.active {
    display: flex;
    opacity: 1;
    }
    .popup-content.active{
    transform: translateY(0);
    }
    
    /* 关闭按钮样式 */
    .popup-close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 3rem;
    color: white;
    cursor: pointer;
    z-index: 10000;
    }



/* ---------------------------------------------------------------------------------------- page100 ---------------------------------------------------------------------------------------- */


.page100{
    height: 100vh;position: relative;background-color: #000000;
    }
    
    .page100_section1{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 30%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page100_section1 h3{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page100_section1 h2{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }

    .page100_div{
        width: 70%; height: 100%;transform:translate(0, -50%);top:50%; position: absolute; right: 0;
    }
    .page100_div .p3{
        width: 6rem; height: 10%;position: absolute;top: 22%; right:30%;
    }
    .page100_div .p3 div{
        background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.7),rgba(255,255,255,0)); position: absolute;width: 0.1rem; height: 100%; top: 60%;
    }
    .page100_div .p3 h2{
        position: absolute;transform:translate(-50%, -50%); top: 50%;
    }

.page100_section2{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 65%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section2 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section2 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page100_section3{
position: absolute; width:50%; transform:translate(0%, -50%); left:40%;top: 30%; text-align: right;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section3 h3{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section3 h2{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}


.page100_section4{
position: absolute; width:50%; transform:translate(0%, -50%); left:40%;top: 65%; text-align: right;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section4 h3{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page100_section4 h2{
text-align: right;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page100 #video10 {
    height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
}

/* ---------------------------------------------------------------------------------------- page110 ---------------------------------------------------------------------------------------- */


.page110{
    height: 140vh;position: relative;background-color: #000000;
    }
    
    .page110_section1{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 35%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page110_section1 h3{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    .page110_section1 h2{
    text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }

    .page110_div{
        width: 70%; height: 100%;transform:translate(0, -50%);top:50%; position: absolute; right: 0;
    }
    .page110_div .p3{
        width: 6rem; height: 10%;position: absolute;top: 22%; right:30%;
    }
    .page110_div .p3 div{
        background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.7),rgba(255,255,255,0)); position: absolute;width: 0.1rem; height: 100%; top: 60%;
    }
    .page110_div .p3 h2{
        position: absolute;transform:translate(-50%, -50%); top: 50%;
    }

.page110_section2{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 55%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section2 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section2 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section3{
position: absolute; width:50%; transform:translate(0%, -50%); left:25%;top: 55%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section3 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section3 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}


.page110_section4{
position: absolute; width:50%; transform:translate(0%, -50%); left:25%;top: 75%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section4 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section4 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 75%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5 h3{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section5 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110 #video11 {
    /* height: 70%;
    width: 70%;
    right: 0;
    top: 10%;
    position: absolute;
    background: #000000;
    object-fit: cover; */
}


.page110_section6{
position: absolute; width:50%; transform:translate(0%, -50%); left:45%;top: 29%; text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section6 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section7{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 44%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section7 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section8{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 58.5%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section8 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section9{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 71%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section9 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section10{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 89%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section10 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section11{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 49%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section11 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section12{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 52%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section12 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.page110_section13{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 58%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}

.page110_section13 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.page110_section14{position: absolute;width:50%;transform:translate(0%, -50%);left:45%;top: 65%;text-align: left;z-index: 11;opacity:1;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;}
.page110_section14 h2{
text-align: left;opacity:0;transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
}
/* ---------------------------------------------------------------------------------------- page120 ---------------------------------------------------------------------------------------- */
.page120{
    height: 100vh; background-color: #000000;position: relative;
    }
    .page120_section1{
    width: 60%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page120_section1 .p1{
    background-color: #000000; width: 50%; height: 100%; border-radius: 3rem; overflow: hidden;margin-right: 2rem;
    }
    .page120_section1 .p1 .img2{
    object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 99;opacity: 0;left: 0%;
    }
    .page120_section1 .p1 .img1{
    height: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: contain;
    }
    
    .page120_section2{
    width: 50%; height: 100%; margin-right: 2rem;
    }
    .page120_section2_div1{
    width: 70%;height: 80%; position: relative; transform:translate(-50%, -50%); left:50%; top:45%; 
    }
    .page120_section2_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page120_section2_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;
    }
    
    .page120_section2_div2{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
    }
    .page120_section2_div2 h2{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page120_section2_div2 h3{
    transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page120_section2_div3{
    position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
    }
    .page120_section2_div3 h2{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    .page120_section2_div3 h3{
    opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
    }
    
    .page120_section2_div4{
    width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:91%; top:77%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
    }
    
    .page120_section2_div5{
    width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
    }
    .page120_section2_div5 .btn1{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    .page120_section2_div5 .btn2{
    margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
    }
    
    .page120_section2 .p5{
    width: 30%; height: 30%; position: absolute;transform:translate(-50%, -50%);top:85%; left: 72.5%;
    }
    .page120_section2 .p5 .img1{
    object-fit: contain; position:absolute; width:100%;height: 100%;
    }


/* ---------------------------------------------------------------------------------------- page130 ---------------------------------------------------------------------------------------- */

    .page130{
        height: 100vh; background-color: #000000;position: relative;
        }
        .page130_div{
        position: relative; width:50vw; height:25%; transform:translate(-50%, -50%);top:15%; left:50%;
        }
        .page130_div h1{
        text-align: center;
        }
        .page130_div h2{
        text-align: center;margin-top: 2rem;
        }
        .page130_div1{
        position: absolute; width:100%; height:50rem; transform:translate(-50%, -50%);top:50%; left:50%;
        }
        .page130_div2{
        width: 100%;height:100%; position: absolute;display: flex; display: -webkit-flex;justify-content:center;align-items: center;
        }
        .page130_div2 .button_0{
        z-index: 9;text-decoration: none;
        }
        .page130_div2 .button_0 img{
        object-fit: cover;width: 15rem;height: 15rem;margin-top: 15rem;margin-left: 32rem;
        }
        .page130_div2 .p3{
        z-index: 9;line-height: 3rem;color: #ffffff;text-align: center; font-weight: normal;
        }
        .page130_div2 .p5{
        z-index: 9;position: absolute;transform:translate(0, -50%);bottom: 0%;color: #8a8a8a;text-align: center;font-weight: normal;
        }
        .page130_div2 .masking{
        background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.5),rgba(0,0,0,0.0));width: 100%;height: 70%;position: absolute; bottom: 0px;z-index: 8;border-bottom-left-radius: 3rem;
        border-bottom-right-radius: 3rem;
        }
        .page130_div3{
        position: absolute; width:51vw; height:40rem; transform:translate(-50%, -50%);top:50%; left:50%;
        }
        .page130_div4{
        width: 100%;height:100%; position: absolute;display: flex; display: -webkit-flex;justify-content:center;align-items: center;
        }
        .page130_div4 .button_0{
        z-index: 9;text-decoration: none;
        }
        .page130_div4 .button_0 img{
        object-fit: cover;width: 15rem;height: 15rem;margin-top: 15rem;margin-left: 32rem;
        }
        .page130_div4 .p3{
        z-index: 9;line-height: 3rem;color: #ffffff;text-align: left; font-weight: normal; 
        }
        .page130_div4 .p5{
        z-index: 9;position: absolute;transform:translate(0, -50%);bottom: 0%;color: #8a8a8a;text-align: center;font-weight: normal;
        }
        .page130_div4 .masking{
            background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.5),rgba(0,0,0,0.0));width: 100%;height: 70%;position: absolute; bottom: 0px;z-index: 8;border-bottom-left-radius: 3rem;
            border-bottom-right-radius: 3rem;
        }
        
        .page130_div5{
        position: absolute; width:51vw; height:40rem; transform:translate(-50%, -50%);top:50%; left:50%;z-index: 9;
        }
        .page130_div6{
        width: 100%;height:100%; position: absolute;display: flex; display: -webkit-flex;justify-content:center;align-items: center;
        }
        .page130_div6 .button_0{
        z-index: 9;text-decoration: none;
        }
        .page130_div6 .button_0 img{
        object-fit: cover;width: 15rem;height: 15rem;margin-top: 15rem;margin-left: 32rem;
        }
        .page130_div6 .p3{
        z-index: 9;text-align: left;
        }
        .page130_div6 .p5{
        z-index: 9;position: absolute;transform:translate(0, -50%);bottom: 0%;text-align: center;
        }
        .page130_div6 .masking{
            background: linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.5),rgba(0,0,0,0.0));width: 100%;height: 70%;position: absolute; bottom: 0px;z-index: 8;border-bottom-left-radius: 3rem;
            border-bottom-right-radius: 3rem;
        }

/* ---------------------------------------------------------------------------------------- page140 ---------------------------------------------------------------------------------------- */
.page140{
    height: 100vh; background-color: #000000;position: relative;
    }
    .page140 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page140_section{
    width: 100%; height: 100%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page140_section_div{
    width: 100%; height: 100%; margin-right: 2rem;
    }
    
    .page140_section_div1{
    width: 50vw;height: auto; position: absolute; transform:translate(-50%, -50%); left:40%; top:35%;
    }
    .page140_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page140_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page140_section_div2{
        width: 50vw;height: auto; position: absolute; transform:translate(-50%, -50%); left:40%; top:50%;
    }
    .page140_section_div6{
        position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:60%; left:28.4%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
        }
        .page140_section_div6 .p4{
        width: 40%;
        }
        .page140_section_div6 .p4 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p4 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
        .page140_section_div6 .p5{
        width: 30%;
        }
        .page140_section_div6 .p5 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p5 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
        .page140_section_div6 .p6{
        width: 30%;
        }
        .page140_section_div6 .p6 h1{
        color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
        }
        .page140_section_div6 .p6 h2{
        color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
        }
/* ---------------------------------------------------------------------------------------- page150 ---------------------------------------------------------------------------------------- */
.page150{
    height: 120vh; background-color: #000000;position: relative;
    }
    .page150 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page150_section{
    width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:60%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page150_section_div{
    width: 100%; height: 100%; margin-right: 2rem;
    }
    
    .page150_section_div1{
    width: 100%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:90%; top:25%;
    }
    .page150_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page150_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page150_section_div2{
    position: absolute; width:100%; height:20rem; transform:translate(-50%, -50%);top:60%; left:63.2%;
    }


/* ---------------------------------------------------------------------------------------- page1600 ---------------------------------------------------------------------------------------- */
.page1600{
    height: 126vh;position: relative;background-color: #000000;
    }
    .page1600 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page1600_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:55%;top: 45%; text-align: left;z-index: 11;
    }
    .page1600_section h3{
    text-align: left;
    }
    .page1600_section h2{
    text-align: left;
    }
    .page1600 .black{
    background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
    }
    .page1600 .img{
    object-fit: cover; width: 100%; height: auto;z-index: 0;
    }

/* ---------------------------------------------------------------------------------------- page160 ---------------------------------------------------------------------------------------- */
.page160{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page160 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page160_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:60%;top: 40%; text-align: left;z-index: 11;
    }
    .page160_section h3{
    text-align: left;
    }
    .page160_section h2{
    text-align: left;
    }
    .page160 .black{
    background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
    }
    .page160 .img{
    object-fit: cover; width: 100%; height: auto;z-index: 0;
    }
/* ---------------------------------------------------------------------------------------- page170 ---------------------------------------------------------------------------------------- */
.page170{
    height: 120vh; background-color: #000000;position: relative;
    }
    .page170 .p0{
    position: relative; transform:translate(-50%, -50%);left:55%; top:50%;
    }
    .page170_section{
    width: 100%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:60%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page170_section_div{
    width: 100%; height: 100%; margin-right: 2rem;
    }
    
    .page170_section_div1{
    width: 100%;height: 50rem; position: relative; transform:translate(-50%, -50%); left:90%; top:25%;
    }
    .page170_section_div1 h1{
    color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
    }
    .page170_section_div1 h2{
    color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
    }
    
    .page170_section_div2{
    position: absolute; width:100%; height:20rem; transform:translate(-50%, -50%);top:60%; left:63.2%;
    }
/* ---------------------------------------------------------------------------------------- page180 ---------------------------------------------------------------------------------------- */
.page180{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page180 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page180_section{
    position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
    }
    .page180_section h3{
    text-align: left;
    }
    .page180_section h2{
    text-align: left;
    }
    .page180 .black{
    background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
    }
    .page180 #video180 {
        height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
    }
/* ---------------------------------------------------------------------------------------- page190 ---------------------------------------------------------------------------------------- */
.page190{
    height: 100vh;background-color: #000000;position: relative;
    }
    .page190_section{
    width: 70%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:40%; display: flex; display: -webkit-flex;justify-content: center;
    }
    .page190_section1_div{
    width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 50%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center; 
    }
    .page190_section1_div .p1{
    width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 29%; transform: translate(-50%, 0);
    }
    .page190_section1_div .p1 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section1_div .p1 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section1_div .p1 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section2_div{
    width: 100%; height: 30%; position: absolute; top: 100%; left: 49%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section2_div .p2{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
    }
    .page190_section2_div .p2 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section2_div .p2 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section2_div .p2 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section2_div .p3{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
    }
    .page190_section2_div .p3 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section2_div .p3 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section2_div .p3 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section .p4{
    width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 76.5%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section3_div{
    width: 80%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 48%; transform: translate(-50%, 0);
    }
    .page190_section3_div img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section4_div{
    width: 49.5%;margin-left: 1rem; height: 100%;position: absolute;top: 50%; left: 100%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section4_div .p5{
    width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 71.5%; transform: translate(-50%, 0);
    }
    .page190_section4_div .p5 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section4_div .p5 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section4_div .p5 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section5_div{
    width: 100%; height: 30%; position: absolute; top: 100%; left: 51%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
    }
    .page190_section5_div .p6{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
    }
    .page190_section5_div .p6 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section5_div .p6 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section5_div .p6 img{
    object-fit: cover; width: 100%; height: 100%;
    }
    .page190_section5_div .p7{
    width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
    }
    .page190_section5_div .p7 h2{
    line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
    }
    .page190_section5_div .p7 h3{
    width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
    }
    .page190_section5_div .p7 img{
    object-fit: cover; width: 100%; height: 100%;
    }
/* ---------------------------------------------------------------------------------------- page200 ---------------------------------------------------------------------------------------- */
.page200{
    height: 100vh;position: relative;background-color: #000000;
    }
    .page200 .masking{
    position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
    }
    
    .page200_section{
    position: absolute; width:50%; transform:translate(-50%, -50%); left:50%;top: 27%; text-align: center;z-index: 11;
    }
    .page200_section h3{
    text-align: center;
    }
    .page200_section h2{
    text-align: center;
    }
    .page200 #video200 {
        height: 100%; width: 100%; position: absolute; background: #000000; object-fit: cover;
    }


























/* ---------------------------------------------------------------------------------------- page6 ---------------------------------------------------------------------------------------- */

.page6{
height: 100vh; background-color: #000000;position: relative;
}
.page6_section{
width: 100%;
height: 80%;
position: relative;
transform:translate(-50%, -50%);
left:50%;
top:50%;
display: flex;
display: -webkit-flex;
justify-content: center;
}
.page6_section_div{
width: 100%;
height: 100%;
margin-right: 2rem;
margin-left: 10%;
}

.page6_section_div1{
width: 100%;
height: 50rem;
position: relative;
transform:translate(-50%, -50%);
left:50%;
top:40%;
}
.page6_section_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page6_section_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;white-space: nowrap;
}

.page6_section_div2{
position: absolute;
width: 40vw;
height:20rem;
transform:translate(-50%, -50%);
top: 50%;
left: 30%;
}
.page6_section_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page6_section_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page6_section_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:55%; left:41%;
}
.page6_section_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page6_section_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page6_section_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:41%; top:80%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page6_section_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page6_section_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page6_section_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page6_section_div6{
position: absolute;width:30vw; height:20rem; transform:translate(-50%, -50%);top:75%; left:30%;display: flex; display: -webkit-flex;justify-content: left; align-items: end;
}
.page6_section_div6 .p4{
width: 40%;
}
.page6_section_div6 .p4 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p4 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section_div6 .p5{
width: 30%;
}
.page6_section_div6 .p5 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p5 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section_div6 .p6{
width: 30%;
}
.page6_section_div6 .p6 h1{
color: #ffffff;font-size: 1.8em;text-align: left;font-weight: normal;white-space: nowrap;
}
.page6_section_div6 .p6 h2{
color: #8a8a8a;font-size: 1.5rem;text-align: left;font-weight: normal;
}
.page6_section .video8{
background-color: #000000; width: 100%; height: 80%; margin: 1rem; border-radius: 3rem; overflow: hidden;
}
.page6_section .video8 #video8{
height: 100%;position: relative;right: -30%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: cover;
}


.page6_section3{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:60%; left:10%;
}
.page6_section3_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page6_section3_title .button_01{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_01 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section3_title .button_02{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_02 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_02 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_02 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section3_title .button_03{
width: 31%; text-decoration: none;
}
.page6_section3_title .button_03 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section3_title .button_03 h1 b{
font-size: 3rem;
}
.page6_section3_title .button_03 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

.page6_section4{
position: absolute; width:40vw; height:10rem; transform:translate(0%, -50%);top:75%; left:10%;
}
.page6_section4_title{
width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:left;align-items: left;
}
.page6_section4_title .button_01{
width: 31%; text-decoration: none;
}
.page6_section4_title .button_01 h1{
color: #ffffff;font-size: 4rem;text-align: left;font-weight: bold;
}
.page6_section4_title .button_01 h1 b{
font-size: 3rem;
}
.page6_section4_title .button_01 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: left; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page7 ---------------------------------------------------------------------------------------- */
.page7{
height: 100vh; background-color: #000000;position: relative;
}
.page7 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page7 img{
object-fit: cover; width: 100%; height: auto;
}
.page7_section{
position: absolute; width:100%; top: 35%; text-align: center;
}
.page7_section h1{
color: #ffffff;font-weight: bold;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page7_section h2{
color: #ffffff;font-weight: normal;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page7_section h3{
color: #ffffff;width: 100%;font-weight: normal; transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}


/* ---------------------------------------------------------------------------------------- page9 ---------------------------------------------------------------------------------------- */
.page9{
height: 100vh; background-color: #000000;position: relative;
}
.page9 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page9 img{
object-fit: cover; width: 100%; height: auto;
}
.page9_section1{
position: absolute; width:70vw; height:60%; transform:translate(-50%, -50%);top:60%; left:50%;
}
.page9_section1 h1{
color: #ffffff;text-align: center;font-weight: bold;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section1 h2{
color: #ffffff;text-align: center;font-weight: normal;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2{
position: absolute; width:60vw; height:60%; transform:translate(-50%, -50%);top:60%; left:50%;
}
.page9_section2_div{
margin-top: 20rem;width: 100%; position: absolute;display: flex; display: -webkit-flex;justify-content:center;align-items: center;
}
.page9_section2_div .button_1{
margin-left: 20%;width: 30%; text-decoration: none;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2_div .button_1 h1{
color: #ffffff;font-size: 10rem;text-align: center;font-weight: bold;
}
.page9_section2_div .button_1 h1 b{
font-size: 3rem;
}
.page9_section2_div .button_1 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: center; font-weight: normal; white-space: nowrap;
}

.page9_section2_div .button_2{
margin-right: 20%;width: 30%; text-decoration: none;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page9_section2_div .button_2 h1{
color: #ffffff;font-size: 10rem;text-align: center;font-weight: bold;
}
.page9_section2_div .button_2 h1 b{
font-size: 3rem;
}
.page9_section2_div .button_2 h2{
line-height: 3rem;color: #ffffff;width:100%;text-align: center; font-weight: normal; white-space: nowrap;
}

/* ---------------------------------------------------------------------------------------- page10 ---------------------------------------------------------------------------------------- */
.page10{
height: 150vh; background-color: #000000;position: relative;
}
.page10_img{
width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 10;
}
.page10_img .img02{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.2;z-index: 4;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img03{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.4;z-index: 5;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img04{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.6;z-index: 6;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img05{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.7;z-index: 7;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_img .img06{
object-fit: contain; position:absolute; width:98%;height: 98%;left: 1%;top: 1%;opacity: 0.9;z-index: 8;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00{
width: 50%; height: 50%; position: absolute; left: 0;top: 15%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img0{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 9;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img1{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 8;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img2{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 7;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img3{
object-fit: contain;border-radius: 30rem; position:absolute; width:100%;height: 100%;z-index: 6;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img4{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 5;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10 .img00 .img5{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 4;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section1{
width: 30%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;z-index: 100;
}
.page10_section1_btn1{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 56%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn1 .btn1{
cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn2{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 52%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn2 .btn2{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn3{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 48%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn3 .btn3{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn4{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 44%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10;
}
.page10_section1_btn4 .btn4{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section1_btn5{
width: 32.5%;height: auto;position: absolute; left: 16.5%;bottom: 40%; transform: translate(-50%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;z-index: 10; 
}
.page10_section1_btn5 .btn5{
cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page10_section2 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:58%; left:55%;
}
.page10_section2 .t1{
color: #ffffff;text-align: left;font-weight: bold;
}
.page10_section2 .t1_1{
margin-top: 10px;width: 65%; height: 0rem; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1));position: absolute;transform:translate(-50%, -50%);top:13%;left:32%;
}
.page10_section2 .t2{
line-height: 3rem;color: #ffffff;font-weight: normal;
}

.page10_section3 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section3 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section3 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section4 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section4 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section4 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section5 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section5 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section5 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section6 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section6 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section6 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page10_section7 {
position: absolute; width:40vw; height:70%; transform:translate(0, -50%);top:74%; left:55%;
}
.page10_section7 h2{
line-height: 5rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page10_section7 h3{
line-height: 3rem;color: #ffffff;font-weight: normal;opacity: 0;transition:1s cubic-bezier(0.5, 0, 1, 1) 0s;
}
/* ---------------------------------------------------------------------------------------- page90 ---------------------------------------------------------------------------------------- */

/* 原有样式（悬停拉伸） */
.page90 {
height: 80vh;
background-color: #000000;
position: relative;
}

.page90_section {
width: 80%;
height: 80%;
position: relative;
transform: translate(-50%, -50%);
left: 50%;
top: 20%;
display: flex;
display: -webkit-flex;
justify-content: center;
flex-wrap: nowrap;
gap: 2rem;
}

.page90_section .card {
background-color: #000000;
position: relative;
width: 25%;
height: 100%;
border-radius: 3rem;
overflow: hidden;
transition: width 0.5s ease;
cursor: pointer; /* 鼠标移上显示手型，提示可点击 */
}

.page90_section:hover .card {
width: 18%;
}
.page90_section .card:hover {
width: 40%;
}

.page90_section .card .img {
object-fit: cover;
width: 100%;
height: 100%;
}
.page90_section .card div {
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
}
.page90_section .card h2 {
position: absolute;
width: 80%;
transform: translate(-50%, 0);
top: 85%;
left: 50%;
text-align: center;
font-size: 3rem;
color: white;
font-weight: bold;
}
.page90_section .card h3 {
position: absolute;
width: 90%;
transform: translate(-50%, 0);
top: 82%;
left: 50%;
text-align: center;
font-size: 1.5rem;
color: white;
font-weight: normal;
}
/* 新增叠加图片样式 */
.page90_section .card .overlay-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    object-fit: cover;
    opacity: 0;
    transform: translate(-50%, -50%)rotate(0deg);
    transition: opacity 0.5s ease,transform 0.5s ease;
    mix-blend-mode: screen;
    }
    
/* hover时显示叠加图片 */
.page90_section .card:hover .overlay-img {
opacity: 0.8; /* 显示并设置透明度 */
transform: translate(-50%, -50%) rotate(135deg);
}
/* 新增弹窗样式 */
.popup-mask {
position: fixed;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(29, 29, 31, 0.8); /* 半透明遮罩 */
display: none;
justify-content: center;
align-items: flex-end; /* 靠底部 */
z-index: 9999;
opacity: 0;
transition: opacity 0.4s ease;
}

.popup-content {
width: 80%;
scrollbar-width: none;
-ms-overflow-style: none;
overflow: hidden;
border-radius: 3rem;
margin-bottom: 5%;
height: 80%;
background-color: rgb(214, 202, 191);
padding: 2rem;
overflow-y: auto;
transform: translateY(150%); /* 初始在屏幕外底部 */
transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
position: relative;
}

/* 弹窗显示时的动画 */
.popup-mask.active {
display: flex;
opacity: 1;
}
.popup-content.active{
transform: translateY(0);
}

/* 关闭按钮样式 */
.popup-close {
position: absolute;
top: 2rem;
right: 4rem;
font-size: 3rem;
color: white;
cursor: pointer;
z-index: 10000;
}
/* ---------------------------------------------------------------------------------------- page12 ---------------------------------------------------------------------------------------- */
.page12{
height: 100vh; background-color: #000000;position: relative;
}
.page12_section1{
width: 60%; height: 80%;  position: relative; transform:translate(-50%, -50%); left:50%; top:50%; display: flex; display: -webkit-flex;justify-content: center;
}
.page12_section1 .p1{
background-color: #000000; width: 50%; height: 100%; border-radius: 3rem; overflow: hidden;margin-right: 2rem;
}
.page12_section1 .p1 .img2{
object-fit: contain; position:absolute; width:100%;height: 100%;z-index: 99;opacity: 0;left: 0%;
}
.page12_section1 .p1 #video09{
width: 100%;position: relative;left: 50%;top:50%;transform:translate(-50%, -50%); background: #000000; object-fit: contain;
}

.page12_section2{
width: 50%; height: 100%; margin-right: 2rem;
}
.page12_section2_div1{
width: 70%;height: 80%; position: relative; transform:translate(-50%, -50%); left:50%; top:45%; 
}
.page12_section2_div1 h1{
color: #ffffff;font-size: 6em;text-align: left;font-weight: bold;
}
.page12_section2_div1 h2{
color: #ffffff;font-size: 2rem;font-weight: normal;margin-top: 2rem;
}

.page12_section2_div2{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
}
.page12_section2_div2 h2{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page12_section2_div2 h3{
transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page12_section2_div3{
position: absolute; width:40vw; height:20rem; transform:translate(-50%, -50%);top:50%; left:91%;
}
.page12_section2_div3 h2{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}
.page12_section2_div3 h3{
opacity: 0;transition:0.5s cubic-bezier(0.5, 0, 1, 1) 0s;
}

.page12_section2_div4{
width: 40vw; height: 20rem;  position: absolute; transform:translate(-50%, -50%); left:91%; top:75%; display: flex; display: -webkit-flex;justify-content: left;z-index: 100;
}

.page12_section2_div5{
width: 40vw;height: auto;position: absolute;display: flex; display: -webkit-flex; justify-content: left;align-items: left;z-index: 10;
}
.page12_section2_div5 .btn1{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;border:1px solid #f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}
.page12_section2_div5 .btn2{
margin-right: 3rem;cursor: pointer;color:#f5f5f7;font-size: 1.8rem;border-radius: 1.5rem;padding: 0.5rem 1rem;
}

.page12_section2 .p5{
width: 30%; height: 30%; position: absolute;transform:translate(-50%, -50%);top:85%; left: 72.5%;
}
.page12_section2 .p5 .img1{
object-fit: contain; position:absolute; width:100%;height: 100%;
}



/* ---------------------------------------------------------------------------------------- page14 ---------------------------------------------------------------------------------------- */
.page14{
height: 100vh;background-color: #000000;position: relative;
}
.page14_section{
width: 70%; height: 90%;  position: relative; transform:translate(-50%, -50%); left:50%; top:40%; display: flex; display: -webkit-flex;justify-content: center;
}
.page14_section1_div{
width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 50%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center; 
}
.page14_section1_div .p1{
width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 29%; transform: translate(-50%, 0);
}
.page14_section1_div .p1 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section1_div .p1 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section1_div .p1 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section2_div{
width: 100%; height: 30%; position: absolute; top: 100%; left: 49%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section2_div .p2{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
}
.page14_section2_div .p2 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section2_div .p2 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section2_div .p2 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section2_div .p3{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
}
.page14_section2_div .p3 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section2_div .p3 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section2_div .p3 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section .p4{
width: 49.5%;margin-right: 1rem; height: 100%;position: absolute;top: 50%; left: 76.5%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section3_div{
width: 80%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 48%; transform: translate(-50%, 0);
}
.page14_section3_div img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section4_div{
width: 49.5%;margin-left: 1rem; height: 100%;position: absolute;top: 50%; left: 100%; transform: translate(-100%, -50%);  display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section4_div .p5{
width: 60%; height: 38.5%;background-color: #0b2e13;border-radius: 3rem; overflow: hidden;position: absolute; top: 28%; left: 71.5%; transform: translate(-50%, 0);
}
.page14_section4_div .p5 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section4_div .p5 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section4_div .p5 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section5_div{
width: 100%; height: 30%; position: absolute; top: 100%; left: 51%; transform: translate(-50%, -100%);display: flex; display: -webkit-flex; justify-content: center;align-items: center;
}
.page14_section5_div .p6{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 0; transform: translate(0, 0);
}
.page14_section5_div .p6 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section5_div .p6 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section5_div .p6 img{
object-fit: cover; width: 100%; height: 100%;
}
.page14_section5_div .p7{
width: 48%; height: 100%;position: absolute;border-radius: 3rem; overflow: hidden;left: 100%; transform: translate(-100%, 0);
}
.page14_section5_div .p7 h2{
line-height: 3rem;width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:30%;left: 50%;font-size: 3rem;font-weight: bold;
}
.page14_section5_div .p7 h3{
width: 100%; height: 3rem;text-align: center;position: absolute;transform: translate(-50%, -50%);top:55%;left: 50%;font-size: 2rem;font-weight: normal;color:#ffffff;
}
.page14_section5_div .p7 img{
object-fit: cover; width: 100%; height: 100%;
}
/* ---------------------------------------------------------------------------------------- page15 ---------------------------------------------------------------------------------------- */
.page15{
height: 100vh;position: relative;background-color: #000000;
}
.page15 .masking{
position: absolute; width:75%; height:100%;margin-top: 0rem; transform:translate(0, -50%);top:50%; left:0%;background:linear-gradient(to left, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.4) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 80%, rgba(0,0,0,0.9));z-index: 8;
}

.page15_section{
position: absolute; width:50%; transform:translate(0%, -50%); left:10%;top: 40%; text-align: left;z-index: 11;
}
.page15_section h3{
text-align: left;
}
.page15_section h2{
text-align: left;
}
.page15 .black{
background-color: #000000;width:100%;height:100%; position: absolute;opacity: 0;
}
.page15 .img{
object-fit: cover; width: 100%; height: auto;z-index: 0;
}
/* ---------------------------------------------------------------------------------------- page16 ---------------------------------------------------------------------------------------- */
.page16{
height: 260rem;position: relative;background-color: #000000;
}
.page16 .title{
font-size: 5rem;color: #ffffff;text-align: center;padding-top: 10rem;
}
.page16_section{
width:60%; height: 100%; position: absolute; transform:translate(-50%, 10rem);left:50%; display: flex; display: -webkit-flex;justify-content: center;align-items: center;
}
.page16_section_div{
width:33%;height:100%; position: relative;
}
.page16_section_div .size{
object-fit: contain; width:100%;height: 10vw;
}
.page16_section_div .t0{
width: 100%;white-space: nowrap; text-align: center;color: #7a6347;font-size: 1.8rem;font-weight: normal;margin-top: 6rem;
}
.page16_section_div .t1{
width: 100%;white-space: nowrap; text-align: center;color: #7a6347;font-size: 3rem;font-weight: normal;margin-top: 0rem;
}
.page16_section_div .t2{
width: 100%; text-align: center;color: #7a6347;font-size: 1.5rem;line-height: 3rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div .t3{
width: 100%; text-align: center;color: #7a6347;font-size: 1.8rem;line-height: 3rem; font-weight: normal;margin-top: 3rem;
}
.page16_section_div .btn{
width:6em;height:3rem;background: #0065cb;color: #ffffff;font-size: 1.5rem;border: 0;border-radius: 2.7rem;position: absolute; transform:translate(-50%, 2rem); left:50%;
}
.page16_section_div .button_0{
text-decoration: none;position: absolute; transform:translate(-50%, 6rem); left:50%;
}
.page16_section_div .button_0 span{
color: #0065cb;font-size: 1.5rem;font-weight: normal;
}
.page16_section_div .button_0 img{
width: 1.8rem;position: absolute;margin-left: 0.5rem;
}
.page16_section_div .line{
width: 50%; height: 0.1rem; background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));position: absolute;transform:translate(-50%, 11rem); left:50%;
}
.page16_section_div_page{
width: 100%;height: 80%;position: absolute;transform:translate(0, 16rem);
}
.page16_section_div_page_div1{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}
.page16_section_div_page_div1 div{}
.page16_section_div_page_div1 h2{
color: #7a6347;font-size: 4rem; font-weight: normal;
}
.page16_section_div_page_div1 h3{
color: #7a6347;font-size: 2rem; font-weight: normal;margin-left: 0.5rem; margin-bottom: 0.5rem;
}
.page16_section_div_page_div1 h4{
color: #7a6347; font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div2{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div2 img{
width: 5rem;margin-bottom: 1rem;
}
.page16_section_div_page_div2 div{
width: 100%;display:flex; display: -webkit-flex;justify-content: center;align-items: end;
}
.page16_section_div_page_div2 h2{
color: #7a6347;font-size: 4rem; font-weight: normal;
}
.page16_section_div_page_div2 h3{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-left: 0.5rem; margin-bottom: 0.5rem;
}
.page16_section_div_page_div2 h4{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-bottom: 1rem;
}
.page16_section_div_page_div2 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div3{
width: 100%; height: 10rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div3 img{
width: 5rem;
}
.page16_section_div_page_div3 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div3 h5{
color: #7a6347; font-size: 1.3rem;font-weight: normal;
}

.page16_section_div_page_div4{
width: 100%; height: 19rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div4 img{
width: 5rem;
}
.page16_section_div_page_div4 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div4 h5{
color: #7a6347; font-size: 1.3rem; margin-top: 0.3rem;font-weight: normal;
}
.page16_section_div_page_div5{
width: 100%; height: 13rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div5 img{
width: 5rem;
}
.page16_section_div_page_div5 h4{
color: #7a6347; font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div5 h5{
color: #7a6347; font-size: 1.3rem; margin-top: 0.3rem;font-weight: normal;
}

.page16_section_div_page_div6{
width: 100%; height: 15rem; margin-top: 2rem; text-align: center;font-weight: normal;
}

.page16_section_div_page_div6 img{
width: 5rem;
}
.page16_section_div_page_div6 h4{
color: #7a6347; font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div6 h5{
color: #7a6347; font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div7{
width: 100%; height: 17rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div7 img{
width: 5rem;
}
.page16_section_div_page_div7 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div7 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 0.3rem;
}

.page16_section_div_page_div8{
width: 100%; height: 11rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div8 img{
width: 5rem;
}
.page16_section_div_page_div8 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 0.3rem;
}
.page16_section_div_page_div8 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}

.page16_section_div_page_div9{
width: 100%; height: 18rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div9 img{
width: 5rem;
}
.page16_section_div_page_div9 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div9 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}

.page16_section_div_page_div10{
width: 100%; height: 15rem; margin-top: 2rem; text-align: center;
}

.page16_section_div_page_div10 img{
width: 5rem;
}
.page16_section_div_page_div10 h4{
color: #7a6347;font-size: 1.8rem; font-weight: normal;margin-top: 1rem;
}
.page16_section_div_page_div10 h5{
color: #7a6347;font-size: 1.3rem; font-weight: normal;margin-top: 1rem;
}
/* ---------------------------------------------------------------------------------------- page17 ---------------------------------------------------------------------------------------- */
.page17{
height: 100vh;position: relative;background-color: #000000;
}
.page17_section{
width: 50%; height:85%; position: absolute; transform:translate(-50%, 10%);left: 50%;
}
.page17_section_title{
width: 100%; height:20%;margin-top: 5%;
}
.page17_section_title .AI_logo{
position: relative;transform:translate(-50%, -50%);left: 50%;top:20%;width: 30%;object-fit: cover;
}
.page17_section_title .t1{
text-align: center; font-weight: normal;margin-top: 3rem;
}
.page17_section_page{
width: 100%; height:40%;display: flex; display: -webkit-flex;justify-content: center;align-items: center;
}
.page17_section_page div{
width: 30%;height: 40%;
}
.page17_section_page img{
width: 80%;height: 80%;margin-left: 10%; object-fit: cover;margin-bottom: 1rem;
}
.page17_section_page h3{
text-align: center;bottom: 0;
}
.page17_section_code{
width: 100%; height:30%;
}
.page17_section_code .code{
width: 100%;height:60%; object-fit: contain;
}

/* ---------------------------------------------------------------------------------------- modal ---------------------------------------------------------------------------------------- */
#modal-wrapper{
position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,1);display: none;justify-content: center;align-items: center;z-index: 999;
}
#videoPlay{
position: fixed;width: 100vw;height: 100vh;z-index: 999999;display:none;
}
#PlayExit{
position: absolute;top: 1.1rem;right: 1.1rem;width: 3.6rem;height: 3.6rem;z-index: 101;border-radius: 50%;transform: rotate(45deg);display: none;background-color: #e8e8ed;z-index: 999999;
}
#PlayExit span{
color: rgba(29,29,31,0.56);font-size: 2.4rem;margin: 0.1rem;
}
#modal-wrapper1{
position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.8);display: none;justify-content: center;align-items: center;z-index: 999;
}
#imgPlay{
position: fixed;width: 100vw;height: 100vh;z-index: 999999;display:none;
}
#imgPlayExit{
position: absolute;top: 1.1rem;right: 1.1rem;width: 3.6rem;height: 3.6rem;z-index: 101;border-radius: 50%;transform: rotate(45deg);display: none;background-color: #e8e8ed;z-index: 999999;
}
#imgPlayExit span{
color: rgba(29,29,31,0.56);font-size: 2.4rem;margin: 0.1rem;
}

/* ---------------------------------------------------------------------------------------- page8 ---------------------------------------------------------------------------------------- */

.swiper-container {
padding-bottom: 50px;
}

.swiper-wrapper {}

.swiper-slide {
width: 978px;
transition-timing-function: linear;
}

@media only screen and (max-width:1200px) {
.swiper-slide {
    width: 770px;
}
}

@media only screen and (max-width:980px) {
.swiper-slide {
    width: 471px;
}
}

@media only screen and (max-height:480px) {
.swiper-slide {
    width: 471px;
}
}

.swiper-slide img {
width: 100%;border-radius: 4px;
}

.swiper-slide .title {
position: absolute;
transform: translate(-50%, 0);
bottom: 0%;
font-size: 11px;
color: rgb(102, 102, 102);
}

.swiper-button-next,
.swiper-button-prev {
width: 5rem;height: 5rem;background-size: 5rem 5rem;margin-top: -5.6rem;outline: none;
}

.swiper-button-next {
background-image: url('./svg/右箭头.svg');
}

.swiper-button-prev {
background-image: url('./svg/左箭头.svg');
}

.swiper-pagination-bullet {
background: none;
opacity: 1;
margin: 0 6px !important;
width: 9px;
height: 9px;
position: relative;
outline: none;
vertical-align: middle;
}

.swiper-pagination-bullet span {
width: 3px;
height: 3px;
background: rgb(126,103,76);
display: block;
border-radius: 50%;
margin-top: 3px;
margin-left: 3px;
}

.swiper-pagination-bullet i {
background: rgb(126,103,76);
height: 1px;
width: 20px;
position: absolute;
top: 4px;
transform: scaleX(0);
transform-origin: left;
z-index: 3;
transition-timing-function: linear;
}

.swiper-pagination-bullet-active span,
.swiper-pagination-bullet:hover span {
width: 9px;
height: 9px;
margin-top: 0;
margin-left: 0;
background: rgb(66, 45, 18);
position: relative;
z-index: 1;
}

.swiper-pagination-bullet-active i {
animation: middle 6s;
}

.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
animation: first 6s;
}

.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
animation: last 6s;
}

@keyframes first {
0% {
    transform: scaleX(0.5);
    left: 0px;
}

/*091*/
100% {
    transform: scaleX(1);
    left: 2px;
}

/*0915*/
}

@keyframes last {
0% {
    transform: scaleX(0.7);
    left: -10px;
}

/*1090*/
20% {
    transform: scaleX(0.3);
    left: 2px;
}

/*090*/
100% {
    transform: scaleX(0.3);
    left: 0px;
}

/*090*/
}

@keyframes middle {
0% {
    transform: scaleX(0.7);
    left: -10px;
}

/*1091*/
20% {
    transform: scaleX(0.45);
    left: 2px;
}

/*092*/
100% {
    transform: scaleX(1);
    left: 2px;
}

/*0913*/
}

.page1900_section1{
    position: absolute;
    width:40vw;
    transform:translate(-50%, -50%);
    left: 50%;
    top: 3%;
    text-align: center;
    z-index: 11;
    opacity:1;
    transition:opacity 1s cubic-bezier(0.4, 0, 1, 1) 0s;
    }
    
    .page1900_section1 h2{
    text-align: center;opacity:1;
    }
    
    .page1900_section2{position: absolute;width:10vw;transform:translate(-50%, -50%);left: 49%;top: 25%;text-align: left;z-index: 11;opacity:1;}
    .page1900_section02{position: absolute;width:10vw;transform:translate(-50%, -50%);left: 88%;top: 25%;text-align: left;z-index: 11;opacity:1;}
    

    .page1900_section2 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section3{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 27vw;top: 36%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section3 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section4{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 26%;top: 61%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section4 h2{
    text-align: left;opacity:1;
    }
    
    .page1900_section5{position: absolute;width: 20vw;transform:translate(-50%, -50%);left: 65%;top: 61%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section5 h2{
    text-align: left;opacity:1;
    }

    .page1900_section6{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 26%;top: 72%;text-align: left;z-index: 11;opacity:1;}
    
    .page1900_section6 h2{
    text-align: left;opacity:1;
    }

    .page1900_section7{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 73%;top: 88%;text-align: right;z-index: 11;opacity:1;}
    
    .page1900_section7 h2{
    text-align: left;opacity:1;
    }

    .page1900_section8{position: absolute;width: 23vw;transform:translate(-50%, -50%);left: 43%;top: 91.5%;text-align: right;z-index: 11;opacity:1;}
    
    .page1900_section8 h2{
    text-align: left;opacity:1;
    }