html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
    }

    .scroll-section {
        position: relative;
        height: 100vh; /* 每个部分占满整个视口高度 */
        width: 100%;
        scroll-snap-align: start; /* 可选：启用滚动吸附 */
    }

    .container {
        height: 100vh;
        overflow-y: scroll;
        scroll-snap-type: y mandatory; /* 可选：启用垂直滚动吸附 */
    }
    .scroll-section .bg{
        height: 100vh; /* 每个部分占满整个视口高度 */
        width: 100%;
        background-size: contain;
        background-position: center; 
        background-repeat: no-repeat;
    }
    .screen1{
        background-color: #2f2f2f;
    }
    .screen2{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen3 {
        background-color: #151516;
    }
    .screen4{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen5{
        background-color: #2f2f2f;
    }
    .screen6{
        background-color: #f2f2f2;
    }
    .screen7{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen8{
        background-color: #151516;
    }
    .screen9{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen10{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen11{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen12{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen13{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen14{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen15{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen16{
        background-color: #151516;
    }
    .screen17{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen18{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen19{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen20{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen21{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen22{
        background-image: url(../images/screen22.png);
    }
    .screen23{
        background: linear-gradient(35deg, #73787f 0%, #73787f 20%, #5d5f62 35%, #454648 50%, #222023 70%, #222023 100%); /* 0度即从上到下 */
    }
    .screen1 .bg{
        background-image: url(../images/screen1.png);
    }
    .screen5 .bg{
        background-image: url(../images/screen5.png);
    }
    .screen6 .bg{
        background-image: url(../images/screen6.png);
    }
    .screen8 .bg{
        background-image: url(../images/screen8.png);
    }
    .screen9 .bg{
        /*background-image: url(../images/screen9.png);*/
    }
    .scroll-section .top{
        padding: 3vw;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .scroll-section .top2{
        padding: 3vw;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .scroll-section .logo{
        width: 20vw;
        object-fit: contain;
    }
    .scroll-section .name{
        margin: 0;
        font-size: 100px;
        color: #FFDFA5;
    }
    .scroll-section .bot{
        padding: 2vw 3.8vw;
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        left: 0;
        right: 0;
        align-items: flex-end;
    }
    .scroll-section .bot .ver{
        writing-mode: vertical-rl;
        font-size: 30px;
        color: #FFDFA5;
    }
    .scroll-section .linkBox{
        display: flex;
        flex-direction: column;
    }
    .scroll-section .link{
        color: #FFDFA5;
        font-size: 40px;
        line-height: 60px;
        text-decoration: none;
    }
    .scroll-section .title{
        position: relative;
        display: flex;
        flex-direction: column;
        padding-left: 25px;
    }
    .scroll-section .title:before{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 12px;
        height: 100%;
        background: #FFDFA5;
    }
    .scroll-section .title .cn{
        color: #ffffff;
        font-size: 40px;
    }
    .scroll-section .title .en{
        color: #ffffff;
        font-size: 20px;
    }
    .screen6 .title .cn,
    .screen6 .title .en{
        color: rgb(51 44 43);
    }
    .scroll-section .title .en{}
    .scroll-section .white_logo{
        width: 162px;
    }
    .screen2 .content{
        display: flex;
        justify-content: center;
    }
    .screen3 .content{
        display: flex;
    }
    .screen4 .content{
        display: flex;
        justify-content: flex-end;
    }
    .screen2 .content .img{
        height: 74vh;
    }
    .screen2 .content .desc{
        width: 700px;
        margin: 20px 0 0 60px;
        color: #ffffff;
        font-size: 32px;
        text-indent: 2em;
    }
    .screen2 .content .desc p{
        margin: 0;
    }
    .screen3 .content .img{
        height: calc(100vh - 6vw - 78px);
    }
    .screen3 .content .desc .t{
        margin: 0;
        color: #ffffff;
        font-size: 30px;
    }
    .screen3 .content .desc .d{
        margin: 0;
        color: #FFDFA5;
        font-size: 40px;
        margin-bottom: 5vh;
    }
    .screen3 .content .desc{ 
        padding: 20vh;
    }
    .screen4 .content .img{
        height: calc(100vh - 6vw - 78px);
    }
    .screen3 .content .desc .t{
        margin: 0;
        color: #ffffff;
        font-size: 30px;
    }
    .screen3 .content .desc .d{
        margin: 0;
        color: #FFDFA5;
        font-size: 40px;
        margin-bottom: 5vh;
    }
    .screen4 .content .desc{
        flex: 1;
        padding-left: 5vw;
        padding-top: 15vh;
    }
    .screen4 .content .desc .t{
        margin: 0;
        color: #ffffff;
        font-size: 30px;
    }
    .screen4 .content .desc .d{
        margin: 0;
        color: #FFDFA5;
        font-size: 40px;
        margin-bottom: 5vh;
    }
    .screen5 .content .question{
        color: #FFDFA5;
        padding-left: 6vw;
        font-size: 60px;
        margin: 2vh 0;
    }
    .screen5 .content .answer{
        color: #ffffff;
        margin: 0;
        font-size: 40px;
        padding-left: 6vw;
    }
    .screen5 .content .answer1{
        color: #ffffff;
        font-size: 40px;
        padding-left: 6vw;
        margin: 0;
        margin-bottom: 5vh;
    }
    .screen6 .content .core{
        margin: 0 6vw;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen6 .content .info{
        color: #332c2b;
        font-size: 72px;
        margin: 2vw 0 2vw 6vw;
    }
    .screen6 .content .tips{
        width: 19em;
        color: #332c2b;
        font-size: 40px;
        margin: 2vw 0 2vw 6vw;
    }
    .screen7 .content{
        height: calc(100vh - 6vw - 78px);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .screen7 .content .item{
        width: 16vw;
        height: 16vw;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .screen7 .content .item p{
        margin: 0;
        color: #ffdfa6;
    }
    .screen7 .content .item .cn{
        font-size: 2vw;
    }
    .screen7 .content .item .en{
        font-size: .8vw;
    }
    .screen7 .content .item:nth-child(1){
        background-image: url('../images/f1.png');
    }
    .screen7 .content .item:nth-child(2){
        background-image: url('../images/add.png');
        background-size: 50% 50%;
    }
    .screen7 .content .item:nth-child(3){
        background-image: url('../images/f2.png');
    }
    .screen7 .content .item:nth-child(4){
        background-image: url('../images/add.png');
        background-size: 50% 50%;
    }
    .screen7 .content .item:nth-child(5){
        background-image: url('../images/f3.png');
    }
    .screen8 .content{
        writing-mode: vertical-rl;
        float: right;
        margin-right: 3vw;
        margin-top: 2vh;
    }
    .screen8 .content .cn{
        color: #ffffff;
        font-size: 80px;
        margin: 0;
    }
    .screen8 .content .en{
        font-size: 28px;
        color: #ffffff;
        margin: 0;
    }
    .screen9 .content{
        height: calc(100vh - 6vw - 78px);
        display: flex;
        justify-content: center;
    }
    .screen9 .content .desc{
        margin-left: 3vw;
        margin-right: 1vw;
    }
    .screen9 .content .enname{
        margin: 0;
        color: #ffdfa6;
        font-weight: bold;
        font-size: 70px;
    }
    .screen9 .content .cnname{
        margin: 0;
        color: #ffdfa6;
        font-weight: bold;
        font-size: 70px;
        text-indent: 1em;
    }
    .screen9 .content .info{
        color: #ffffff;
        font-size: 42px;
        text-indent: 2em;
    }
    .screen10 .content .core{
        margin: 0 6vw;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen10 .content .imgBox{
        display: flex;
        justify-content: space-between;
        margin: 3vh 6vw 2vh;
    }
    .screen10 .content .leftBox{
        height: 14vw;
        flex: 1;
        display: flex;
        background: url('../images/screen10_1.png') no-repeat;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-right: 3vw;
        background-size: cover;
    }
    .screen10 .content .rightBox{
        height: 14vw;
        flex: 1;
        background: url('../images/screen10_2.png') no-repeat;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-size: cover;
    }
    .screen10 .content .t{
        margin: 0;
        color: #ffdfa6;
        font-size: 42px;
    }
    .screen10 .content .d{
        margin: 0;
        color: #ffdfa6;
        font-size: 28px;
    }
    .screen10 .content .txt{
        color: #fff;
        text-align: center;
        font-size: 28px;
        margin: 0;
    }
    .screen10 .content .item{
        height: 20vh;
        margin-right: 3vw;
        flex: 1;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-radius: 1vh;
    }
    .screen10 .content .item:nth-child(1){
        background-image: url('../images/screen10_3.png');
    }
    .screen10 .content .item:nth-child(2){
        background-image: url('../images/screen10_4.png');
    }
    .screen10 .content .item:nth-child(3){
        background-image: url('../images/screen10_5.png');
    }
    .screen10 .content .item:nth-child(4){
        background-image: url('../images/screen10_6.png');
    }
    .screen10 .content .item:last-child{
        margin-right: 0;
    }
    .screen10 .content .one{
        color: #333;
        font-size: 3.2vh;
        font-weight: bold;
        text-align: center;
        margin: 0;
        line-height: 5vh;
    }
    .screen10 .content .other{
        color: #333;
        font-size: 2.5vh;
        text-align: center;
        margin: 0;
    }
    .screen11 .content .core{
        margin: 0 3vw;
        color: #ffdfa6;
        padding: 1vh 0;
        text-align: center;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen11 .content .core p{
        margin: 0;
        padding: 1vh 0;
    }
    .screen11 .content .dataBox{
        margin: 3vw 3vw 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 3vw;
    }
    .screen11 .dataBox .dataItem{
        background: linear-gradient(0deg, #f4c780, #ffedca);
        border-radius: 1vh;
        text-align: center;
        margin-bottom: 3vw;
        padding: 2vw 0;
    }
    .screen11 .dataBox .num{
        margin: 0;
        font-weight: bold;
        font-size: 6vh;
    }
    .screen11 .dataBox .text{
        margin: 0;
        font-size: 3vh;
    }
    .screen12 .content{
        overflow: hidden;
    }
    .screen12 .content .core{
        margin: 0 3vw;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen12 .content .conversion{
        display: flex;
        margin: 1vw 10vw;
    }
    .screen12 .conversion .circle{
        flex: 2.2;
        background: url(../images/screen12_1.png) no-repeat;
        aspect-ratio: 1 / 1;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .screen12 .conversion .circle .blod{
        font-size: 3.6vw;
        color: #673300;
        font-weight: bold;
        margin: 0;
        display: flex;
        align-items: baseline;
        justify-content: center;
    }
    .screen12 .conversion .circle .normal{
        font-size: 2vw;
    }
    .screen12 .conversion .circle .val{
        margin: 0;
        font-size: 2.5vw;
        line-height: 1;
        color: #673300;
    }
    .screen12 .conversion .symbol{
        flex: 1;
        background: url(../images/screen12_2.png) no-repeat;
        background-size: 50%;
        background-position: center;
    }
    .screen12 .content .txt{
        font-size: 36px;
        color: #ffdfa6;
        text-align: center;
        margin: .5em;
    }
    .screen12 .content .key{
        color: #ffffff;
        font-weight: bold;
    }
    .screen12 .content .img{
        display: block;
        margin: 0 auto;
    }
    .screen13 .content .experiment{
        margin: 0 3vw;
        background: url(../images/screen13.png) no-repeat;
        background-size: 100% 100%;
        height: 36vh;
        padding-top: 5vh;
    }
    .screen13 .content .imgBox{
        overflow: hidden;
    }
    .screen13 .content .experiment .t{
        width: 15em;
        background: #ffffff;
        color: #332c2b;
        font-size: 2.5vw;
        font-weight: bold;
        margin: 0;
        text-indent: 1em;
        line-height: 1.6;
    }
    .screen13 .content .experiment .d{
        color: #332c2b;
        font-size: 2vw;
        margin: 0;
        text-indent: 1em;
        margin-top: 10px;
    }
    .screen13 .content .core{
        margin: 2vh 3vw;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen13 .content .imgBox{
        margin: 0 3vw;
        display: flex;
        justify-content: space-between;
    }
    .screen13 .content .item{
        position: relative;
    }
    .screen13 .content .item .img{
        height: 20vh;
    }
    .screen13 .content .item .desc{
        position: absolute;
        top: 15vh;
        left: 0;
        right: 0;
        height: 5vh;
        line-height: 5vh;
        font-size: 24px;
        text-align: center;
        margin: 0;
        background: rgb(0,0,0,.2);
        color: #ffffff;
    }
    .screen13 .content .item .d{
        margin: 0;
        text-align: center;
        color: #ffffff;
        font-size: 18px;
    }
    .screen14 .content .core{
        margin: 2vh 3vw;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen14 .content .specifications{
        display: flex;
        margin: 0 3vw;
    }
    .screen14 .content .specifications .img{
        width: 34%;
    }
    .screen14 .content .specifications .desc{
        margin-left: 20vw;
        margin-top: 5vh;
    }
    .screen14 .content .specifications .b{
        margin: 0;
        font-weight: bold;
        color: #ffffff;
        font-size: 34px;
    }
    .screen14 .content .specifications .s{
        margin: 0;
        color: #ffffff;
        font-size: 28px;
    }
    .screen14 .content .ps{
        color: #ffffff;
        font-size: 30px;
        margin: 0 3vw;
    }
    .screen15 .content .cores{
        margin: 2vh 3vw;
        color: #ffdfa6;
        line-height: 48px;
        padding-left: 30px;
        font-size: 28px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen15 .content .core{
        margin: 0;
    }
    .screen15 .content .imgs{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 1.5vw;
        margin: 0 3vw;
    }
    .screen15 .content .item{
        position: relative;
        height: 27vh;
        margin-bottom: 1.5vw;
        border-radius: 1vh;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    .screen15 .content .item:nth-child(1){
        background-image: url('../images/screen15_1.png');
    }
    .screen15 .content .item:nth-child(2){
        background-image: url('../images/screen15_2.png');
    }
    .screen15 .content .item:nth-child(3){
        background-image: url('../images/screen15_3.png');
    }
    .screen15 .content .item:nth-child(4){
        background-image: url('../images/screen15_4.png');
    }
    .screen15 .content .item:nth-child(5){
        background-image: url('../images/screen15_5.png');
    }
    .screen15 .content .item:nth-child(6){
        background-image: url('../images/screen15_6.png');
    }
    .screen15 .content .step{
        position: absolute;
        background: #332c2b;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        text-align: center;
        left: 20px;
        top: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .screen15 .content .step .tag{
        color: #ffffff;
    }
    .screen15 .content .item .bt{
        position: absolute;
        background: #332c2b;
        bottom: 0;
        left: 0;
        right: 0;
        border-bottom-right-radius: 1vh;
        border-bottom-left-radius: 1vh;
        text-align: center;
    }
    .screen15 .content .item .bt p{
        color: #ffffff;
        margin: 0;
        text-align: center;
        font-size: 24px;
    }
    .screen16 .content{
        display: flex;
    }
    .screen16 .content .img{
        height: calc(100vh - 6vw - 78px);
    }
    .screen16 .content .info{
        margin: 0 3vw 0 10vw;
    }
    .screen16 .content .info .en{
        color: #ffdfa6;
        font-size: 70px;
        margin: 0;
    }
    .screen16 .content .info .cn{
        color: #ffdfa6;
        margin: 0;
        text-indent: 1em;
        font-size: 70px;
    }
    .screen16 .content .info .desc{
        margin: 0;
        margin-top: 5vh;
        font-size: 34px;
        color: #ffffff;
        text-indent: 2em;
    }
    .screen16 .content .info .btns{
        margin-top: 5vh;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 3vw;
        margin: 5vh 15vh;
    }
    .screen16 .content .info .btn{
        margin-bottom: 2vw;
        height: 5vw;
        line-height: 5vw;
        text-align: center;
        background: linear-gradient(0deg, #FBCB81 0%, #FFEECC 100%);
        border-radius: 1vh;
        font-size: 34px;
    }
    .screen17 .content .core{
        margin: 0 3vw 2vh;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen17 .content .t{
        color: #ffdfa6;
        font-size: 32px;
        text-align: center;
        margin: 1vh 3vw;
    }
    .screen17 .content .cks{
        margin: 0 20vw;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .screen17 .content .cks p{
        width: 15em;
        color: #ffffff;
        font-size: 32px;
        padding-left: 50px;
        position: relative;
        margin: .3em 0;
    }
    .screen17 .content .cks .ck{
        position: absolute;
        width: 48px;
        left: 0;
    }
    .screen17 .content .imgs{
        display: flex;
        margin: 2vw 3vw;
    }
    .screen17 .content .img{
        flex: 1;
        height: 35vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .screen17 .content .img:nth-child(1){
        margin-right: 3vw;
        background-image: url('../images/screen17_2.png');
    }
    .screen17 .content .img:nth-child(2){
        background-image: url('../images/screen17_3.png');
    }
    .screen17 .content .txt{
        margin: 0;
        font-size: 42px;
        color: #ffdfa6;
        text-align: center;
        font-weight: bold;
    }
    .screen17 .content .x{
        margin: 0;
        font-size: 32px;
        color: #ffdfa6;
        text-align: center;
    }
    .screen18 .content .txt{
        color: #ffdfa6;
        font-size: 32px;
        text-align: center;
        margin: 15px 0;
    }
    .screen18 .content .infoBox{
        display: flex;
        margin: 0 3vw;
        justify-content: space-between;
    }
    .screen18 .content .item{
        flex: 1;
        margin-right: 2vw;
        height: 16vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .screen18 .content .item:nth-child(1){
        background-image: url('../images/screen18_1.png');
    }
    .screen18 .content .item:nth-child(2){
        background-image: url('../images/screen18_2.png');
    }
    .screen18 .content .item:nth-child(3){
        background-image: url('../images/screen18_3.png');
        margin-right: 0;
    }
    .screen18 .content .t{
        font-weight: bold;
        font-size: 28px;
        color: #333333;
        margin: 0;
        text-align: center;
        line-height: 40px;
    }
    .screen18 .content .d{
        font-size: 24px;
        color: #333333;
        margin: 0;
        text-align: center;
        line-height: 36px;
    }
    .screen18 .content .core{
        margin: 0 3vw 4vh;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen18 .content .imgBox{
        display: flex;
        margin: 0 3vw;
    }
    .screen18 .content .imgItem{
        flex: 1;
        margin-right: 2vw;
        height: 25vh;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .screen18 .content .imgItem:nth-child(1){
        background-image: url('../images/screen18_4.png');
    }
    .screen18 .content .imgItem:nth-child(2){
        background-image: url('../images/screen18_5.png');
    }
    .screen18 .content .imgItem:nth-child(3){
        background-image: url('../images/screen18_6.png');
    }
    .screen18 .content .imgItem:nth-child(4){
        background-image: url('../images/screen18_7.png');
    }
    .screen18 .content .n{
        font-size: 28px;
        font-weight: bold;
        color: #ffffff;
        margin: 0;
        text-align: center;
        line-height: 36px;
    }
    .screen18 .content .i{
        font-size: 24px;
        color: #ffffff;
        margin: 0;
        text-align: center;
        line-height: 36px;
    }
    .screen19 .content .core{
        margin: 0 3vw 0;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen19 .content .f{
        color: #ffffff;
    }
    .screen19 .content .infoBox{
        display: flex;
        margin: 2vh 3vw;
        justify-content: center;
        height: 22vh;
    }
    .screen19 .content .info{
        flex: 1;
    }
    .screen19 .content .t1{
        margin: 0;
        color: #ffdfa6;
        font-size: 6.5vh;
        font-weight: bold;
    }
    .screen19 .content .t2{
        margin: 0;
        color: #ffdfa6;
        font-size: 6.5vh;
        font-weight: bold;
    }
    .screen19 .content .t3{
        margin: 0;
        color: #ffffff;
        font-size: 4.4vh;
    }
    .screen19 .content .t4{
        margin: 0 3vw;
        color: #ffffff;
        font-size: 3vh;
    }
    .screen19 .content .t5{
        margin: 0 3vw;
        color: #ffffff;
        font-size: 3vh;
    }
    .screen19 .content .imgInfo{
        flex: 1;
        background-image: url('../images/screen19_1.png');
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
    }
    .screen19 .content .d1{
        color: #332c2b;
        font-size: 4.4vh;
        text-indent: 6em;
        margin: 0;
        margin-top: .5em;
    }
    .screen19 .content .d2{
        color: #332c2b;
        font-size: 4.4vh;
        margin: 0;
        text-indent: 8em;
    }
    .screen19 .content .btns{
        display: flex;
        justify-content: center;
        margin-left: 8em;
        margin-top: .4em;
    }
    .screen19 .content .btn{
        color: #332c2b;
        font-size: 2.5vh;
        border: 1px solid #332c2d;
        border-radius: 40px;
        padding: .5vh 1vh;
        margin-right: .8em;
    }
    .screen19 .content .btn:last-child{
        margin-right: 0;
    }
    .screen19 .content .descBox{
        margin: 1vh 3vw 0;
        display: flex;
        justify-content: space-between;
    }
    .screen19 .content .item{
        width: 28vw;
    }
    .screen19 .content .item:last-child{
        margin-right: 0;
    }
    .screen19 .content .desc1{
        margin: 0;
        text-align: center;
        background: linear-gradient(0deg, #FBCB81 0%, #FFEECC 100%);
        font-size: 3vh;
    }
    .screen19 .content .desc2{
        margin: 0;
        text-align: center;
        color: #ffffff;
        font-size: 2.4vh;
    }
    .screen19 .content .descImg{
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 20vh;
    }
    .screen19 .content .item:nth-child(1) .descImg{
        background-image: url(../images/screen19_2.png);
    }
    .screen19 .content .item:nth-child(2) .descImg{
        background-image: url(../images/screen19_3.png);
    }
    .screen19 .content .item:nth-child(3) .descImg{
        background-image: url(../images/screen19_4.png);
    }
    .screen19 .content .desc3{
        margin: 0;
        background: rgba(0, 0, 0, .2);
        color: #ffffff;
        font-size: 2.4vh;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
    }
    .screen20 .content .core{
        margin: 0 3vw 0;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 3.3vh;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen20 .content .core1{
        margin: 1vh 3vw;
        color: #332c2b;
        line-height: 6.8vh;
        padding-left: 30px;
        font-size: 3.3vh;
        background: linear-gradient(90deg, #ffdfa6, rgba(255, 255, 255, .2));
        width: 10em;
    }
    .screen20 .content .txt{
        color: #fff;
        font-size: 3.3vh;
        margin: .5em 3vw;
    }
    .screen21 .content .core{
        margin: 0 3vw 0;
        color: #ffdfa6;
        line-height: 66px;
        padding-left: 30px;
        font-size: 32px;
        background: linear-gradient(90deg, #353535, #b7b7b7);
    }
    .screen21 .content .infoBox{
        display: flex;
        margin: 0 3vw;
        justify-content: space-between;
        align-items: center;
    }
    .screen21 .content .infos{
        display: flex;
        flex-direction: column;
        margin-right: 5vw;
    }
    .screen21 .content .txt{
        color: #ffffff;
        font-size: 2.5vh;
        margin: .2em 0;
    }
    .screen21 .content .leftImg{
        width: 90%;
        height: 20vh;
        object-fit: contain;
    }
    .screen21 .content .rightImg{
        height: 40vh;
        object-fit: contain;
    }
    .screen21 .content .descBox{
        display: flex;
    }
    .screen21 .content .left{
        flex: 1;
    }
    .screen21 .content .right{
        flex: 1;
    }
    .screen21 .content .txt1{
        margin: .5em 3vw;
        color: #ffffff;
        font-size: 3vh;
    }
    .screen22{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .screen22 .txt{
        font-size: 3vh;
        color: #ffffff;
        text-align: center;
    }
    .screen23 .bg{
        padding-top: 10vh;
        display: flex;
        justify-content: space-between;
    }
    .screen23 .infoBox{
        text-align: center;
        flex: 1;
    }
    .screen23 .byeLogo{}
    .screen23 .tanks{
        font-size: 14vh;
        color: #ffffff;
        margin: 0;
    }
    .screen23 .txt{
        margin: 0;
        font-size: 4vh;
        color: #ffffff;
        margin-bottom: 10vh;
    }
    .screen23 .tianmao{
        display: block;
        width: 24vw;
        margin: 2vh auto;
    }
    .screen23 .redbook{
        display: block;
        width: 24vw;
        margin: 2vh auto;
    }
    .screen23 .company{
        margin: 6vh 0 0;
        font-size: 4vh;
        color: #ffffff;
    }
    .screen23 .address{
        color: #ffffff;
        font-size: 2vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .screen23 .icon{
        width: 2.5vh;
        margin-right: 5px;
    }
    .screen23 .icp{
        color: #999999;
        font-size: 14px;
        margin: 0;
    }
    .screen23 .icp a{
        color: inherit;
    }
    .screen23 .women{
        height: 90vh;
    }