/* ==================== 板块一 Start ==================== */
.temp-section1 {
    height: 100vh;
    width: 100%;
    background-color: #000;
}

.temp-section1 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 2;
    pointer-events: none;
}

.temp-section1 .video {
    height: 100%;
}

.temp-section1 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.temp-section1 .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.temp-section1 .info::after {
    content: '';
    width: 100%;
    background: #000;
    bottom: 0;
    left: 0;
    position: absolute;
    height: 1px;
}

.temp-section1 .info .title {
    font-size: 50px;
    color: #fff;
    line-height: 1.1;
    font-family: HarmonyOS_Sans_SC_Bold;
}
.temp-section1 .info2{
    display: none;
}
@media screen and (max-width: 1600px) {
    .temp-section1 .info .title {
        font-size: 36px;
    }
}
@media screen and (max-width: 500px) {
    .temp-section1{
        height: auto;
    }
    .temp-section1 .video{
        height: 100vh;
        max-height: 100vh;
        position: relative;
        /* transition: max-height .1s; */
    }
    .temp-section1 .info .title {
        font-size: 24px;
    }
    .temp-section1 .info2{
        display: block;
        padding: 50px 8%;
    }
    .temp-section1 .info2 .text1{
        font-size: 24px;
        color: #e0e0e0;
        line-height: 1.1;
        text-align: center;
        margin-bottom: 10px;
        font-family: HarmonyOS_Sans_SC_Bold;
    }
    .temp-section1 .info2 .text2{
        font-size: 14px;
        color: #e0e0e0;
        text-align: center;
        line-height: 1.5;
    }
}

/* ==================== 板块一 End ==================== */
/* ==================== 板块二 Start ==================== */
.temp-section2 {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 100vh;
    position: relative;
    background-color: #000;
}

.temp-section1 .info2{position: absolute;top: 100vh;left: 0;right: 0;}

.temp-section2 .temp-body {
    position: relative;
    z-index: 4;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.temp-section2 .temp-body .info {
    /*max-width: 52%;*/
    max-width: 1400px;
    /*position: absolute;*/
    /*top: 18%;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    width: 100%;

}
@media screen and (min-width: 501px) {
    .temp-section2 .temp-body .info {
        /*height: 50vh;*/
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-end;
        top: 0;
        margin: auto;
        margin-bottom: 0;
        margin-top: 60px;
    }
}


.temp-section2 .temp-body .text1 {
    font-size: 46px;
    font-family: HarmonyOS_Sans_SC_Bold;
    text-align: center;
    /*margin-bottom: 2.083vw;*/
    line-height: 1;
}
@media screen and (max-width: 1600px) {
    .temp-section2 .temp-body .text1 {
        font-size: 36px;
    }
}

@media screen and (max-width: 500px) {
    .temp-section2 .temp-body .text1 {
        font-size: 30px;
    }
}
@media screen and (max-width: 500px) {
    .temp-section2 .temp-body .text1 {
        font-size: 30px;
    }
}
.temp-section2 .temp-body .text2 {
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
    font-family: HarmonyOS_Sans_SC_Light;
    position: relative;
    width: 100%;
    height: 14vh;
    margin: 3vh auto;
}
@media screen and (max-width: 1600px) {
    .temp-section2 .temp-body .text2 {
        font-size: 16px;
        height: 15vh;
    }

}

@media screen and (max-width: 1024px) {
    .temp-section2 .temp-body .text2 {
        font-size: 16px;
        height: 20vh;
    }

}

@media screen and (min-width: 501px) {
    .temp-section2 .temp-body .text2 {
        width: 100%;
    }
}


.temp-section2 .temp-body p {
    top: 0;
    left: 0;
    width: 100%;

    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
    height: fit-content;
}


@media screen and (max-width: 500px) {
    position: absolute;

}

.temp-section2 .temp-body p:first-child~p {}

.temp-section2 .temp-body .text1,
.temp-section2 .temp-body .text2 {
    color: #fff;
}

.temp-section2 .temp-body .text2 {
    overflow: hidden;
}
.temp-section2 .temp-body .text2 .text2-box {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 20px 0;
}

.temp-section2 .temp-body .text2::before {
    content: '';
    top: -20px;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0.1));
    position: absolute;
    z-index: 2;
}

.temp-section2 .temp-body .text2::after {
    content: '';
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.5));
    position: absolute;
    z-index: 2;
}


.temp-section2 .image {
    width: 100%;
    max-width: 1400px;
    position: relative;
    z-index: 6;
    margin: 10px auto auto;
}



@media screen and (max-width: 1600px) {
    .temp-section2 .temp-body .info,.temp-section2 .image {
        max-width: 72.91%;;
    }
}

@media screen and (max-width: 1280px) {
    .temp-section2 .temp-body .info,.temp-section2 .image {
        max-width: 84%;
    }
}
@media screen and (min-width: 501px) {
    .temp-section2 .image {
        /*height: calc(50vh - 50px);*/
        margin-bottom: 0;
    }
}



.temp-section2 .image .img2{
    display: none;
}

.temp-section2 .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.temp-section2 .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.temp-section2 .video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.pcbk{display: block;}
.ydbk{display: none;}

@media screen and (max-width: 500px) {
    .temp-section2{
        /*margin-top: -50vh;*/
        position: relative;
        z-index: 2;
        height: 100vh;
    }
    .temp-section2 .image{
        width: 100%;
        max-width: 100%;
    }
    .temp-section2 .image .img1{
        display: none;
    }
    .temp-section2 .image .img2{
        display: block;
    }
    .temp-section2 .temp-body{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .temp-section2 .temp-body .info{
        display: none;
        max-width: 90%;
    }
    .temp-section2 .temp-body .text1 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .temp-section2 .temp-body .text2{
        font-size: 14px;
    }



    .pcbk{display: none;}
    .ydbk{display: block;}
    .temp-section1{position: relative;overflow: hidden;}
    .temp-section2{display: block;}
    .temp-section1 .info2 .temp-section2{display: block;}
    .temp-section2 .temp-body .info{display: flex;flex-direction: column;position: initial;height: auto;max-width: 100%;padding: 50px 8% 0;}
    .temp-section2 .temp-body .text2{height: auto;position: initial;}
    .temp-section2 .temp-body p{position: initial;}
    .temp-section2{height: 100vh !important;overflow: hidden;}
    .temp-section2 .temp-body{justify-content: flex-start;}
    .temp-section2 .video{height: 100vh;bottom: 0;top: 30px;}
    .temp-section1 .info2{background: #000;padding: 0;}
    .temp-section1 .temp-section2 .image{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;z-index: 3;opacity: 0;background: #000;height: 126px;}
    .temp-section1 .temp-section2 .image img{width: 100%;max-width: 100%;object-fit: cover;height: 100%;}
    .temp-section2 .image img{height: 100%;width: 100%;object-fit: cover;display: block;}
    .kk-box{position: relative;width: 84%;margin: 0 auto;height: 50vh;min-height: 50vh;}
    .temp-section2 .image{height: 100%;}
    .temp-section2 .temp-body .text1{margin-bottom: 40px;}
    .temp-section2 .temp-body p{margin-bottom: 20px;line-height: 1.6;text-align: center;}
    .temp-section2 .temp-body p:last-child{margin-bottom: 0;}
    .temp-section2 .image{margin: 30px auto auto;}
    .mangban{z-index: 2;position: fixed;}
    .mangban2{z-index: 2;position: relative;top: 100vh;}

}

@media only screen and (max-width: 933px) and (orientation: landscape) {
    .temp-section2 .image {
        /*height: calc(50vh - 50px);*/
        margin-bottom: 0;
    }

    .temp-section2 .temp-body .text2 {
        line-height: 1.3;
    }

    .temp-section2 .temp-body .text1 {
        font-size: 28px;
    }

    .temp-section2 .image img {
        height: 50%;
        object-fit: cover;
    }

    .temp-section2 .temp-body .info {
        margin-top: 200px;
    }

    .temp-section2 .temp-body .text2 {
        height: 30vh;
    }

}


/*@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .temp-section2 .image {
        height: 50vh;
    }
    .temp-section2 .image img {
        object-fit: cover;
    }
}*/




/* ==================== 板块二 End ==================== */