@media screen and (max-width:1367px) {
    html {
        font-size: 10px;
    }
}

// .bgbuild{
// // box-sizing: border-box;
// padding: 0 15px 0 15px;
// width: 100%;
// height: 100%;
// // display: flex;
// position: relative;
// justify-content: space-between;
.bgbuild-left {
    position: absolute;
    left: 0;
    width: 25%;
    height: 100%;

    .build-left-top {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        .build-left-top-center {
            width: 100%;
            height: 100%;
            margin: 0 10px;
        }

        .build-left-top-item {
            width: 25%;
            height: 50%;
            // background-image: url('/assets/images/quanju/zhuangtaigognlubiankuang.png');
            background-size: 95%;
            background-repeat: no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: absolute;
            float: left;

            // text-align: center;
            div {
                &:nth-child(1) {
                    // width: 80%;
                    // height: 100%;
                    // margin: 1% auto 0;
                    font-size: 2.375rem;
                    font-family: YouSheBiaoTiHei;
                    color: #FFFFFF;
                    text-align: center;
                    // line-height: 49px;
                    text-shadow: 0px 2px 4px #1C60FE;

                }

                &:nth-child(2) {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    span {
                        &:nth-child(1) {
                            font-size: 1rem;
                            font-family: PingFangSC-Regular, PingFang SC;
                            font-weight: 400;
                            color: #E9F7FF;
                            // line-height: 22px;
                        }

                    }
                }
            }
        }
    }

    .build-left-center {
        width: 100%;
        height: 100%;

        .build-left-center-top {
            width: 100%;
            height: 30%;
            display: flex;
            justify-content: space-between;

            div {
                width: 50%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;

                img {
                    // height: 15%;
                    width: 25%;

                }

                div {
                    display: flex;
                    flex-direction: column;
                    align-items: start;
                    justify-content: center;
                    margin-left: 10px;

                    span {
                        &:nth-child(1) {
                            font-size: 0.75rem;
                            font-family: PingFangSC-Medium, PingFang SC;
                            font-weight: 500;
                            color: #C2EEFF;
                            letter-spacing: 1px;
                        }

                        &:nth-child(2) {
                            font-size: 1.75rem;
                            font-family: YouSheBiaoTiHei;
                            color: #FFFFFF;
                            // line-height: 36px;
                            text-shadow: 0px 0px 4px #07B9FE;
                        }
                    }

                }
            }

            // background-color: pink;
        }

        .build-left-center-titile {
            display: flex;
            margin-bottom: 10px;

            span {
                flex: 1;
                text-align: center;
                font-size: 12px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 16px;
            }
        }

        .build-left-center-content {

            // width: 100%;
            // height:40%;
            .build-left-center-item {
                display: flex;
                width: 100%;
                height: 28px;
                align-items: center;

                &:hover {
                    background: linear-gradient(270deg, rgba(0, 124, 230, 0) 0%, rgba(0, 70, 200, 0.8700) 100%);
                }

                span {
                    flex: 1;
                    text-align: center;
                    font-size: 12px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #FFFFFF;
                    line-height: 16px;
                }
            }

            // .slick-list{ 
            //     height: 128px !important;
            // }
        }


    }

    .build-left-bottom {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        .build-left-bottom-title {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: 15%;
            top: 38%;

            h2 {
                font-size: 1.25rem;
                font-family: YouSheBiaoTiHei;
                color: #FFFFFF;
                line-height: 1.625rem;
                text-shadow: 0px 0px 0.25rem #1C60FE;
            }

            span {
                font-size: 0.75rem;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #E9F7FF;
            }
        }

        img {
            width: 19%;
            position: absolute;
            left: 16%;
            top: 29%
        }

    }
}

.bgbuild-right {
    position: absolute;
    right: 0;
    width: 25%;
    height: 100%;

    .build-right-top {
        width: 100%;
        height: 100%;
        padding: 0 10px;

        video {
            width: 100%;
            height: 17vh;
            // margin-bottom: 5%;

        }

        h2 {
            height: 25%;
            width: 100%;
            padding-left: 0.9375rem;
            font-size: 1.5rem;
            font-family: YouSheBiaoTiHei;
            color: #FFFFFF;
            display: flex;
            align-items: center;
            line-height: 31px;
            background-image: url('/assets/images/quanju/bgxuanchuanlan.png');
            background-size: 100% 100%;
        }
    }

    .build-right-center {
        width: 100%;
        height: 100%;

        //    background-color: pink;
        .build-right-center-top {
            width: 100%;
            height: 30%;
            display: flex;
            justify-content: space-around;
            align-items: center;

            img {
                width: 14%;
                // height: 80%;
            }

            div {
                font-size: 1rem;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #C2EEFF;
                transform: translateX(-1.5rem);
                // line-height: 22px;
                letter-spacing: 0.0625rem;
            }

            h2 {
                font-size: 1.75rem;
                font-family: YouSheBiaoTiHei;
                color: #FFFFFF;
                margin-bottom: 0 !important;
                text-shadow: 0px 0px 0.25rem #07B9FE;
            }
        }
    }

    .build-right-bottom {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;

        .build-right-bottom-title {
            display: flex;
            flex-direction: column;
            // align-items: center;
            justify-content: center;
            position: absolute;
            align-items: center;
            left: 44%;
            top: 35%;

            h2 {
                font-size: 1.25rem;
                font-family: YouSheBiaoTiHei;
                color: #FFFFFF;
                line-height: 1.625rem;
                text-shadow: 0px 0px 0.25rem #1C60FE;
            }

            span {
                font-size: 0.75rem;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #E9F7FF;
            }
        }

        .img {
            width: 25%;
            position: absolute;
            left: 38%;
            top: 20%;
        }

        #ech {
            position: absolute;
            left: 34%;
            display: flex;
            text-align: center;
        }

        .build-right-bottom-item1 {
            width: 25%;
            height: 50%;
            background-image: url('/assets/images/quanju/zhuangtaigognlubiankuang.png');
            background-size: 95%;
            background-repeat: no-repeat;
            display: flex;
            flex-direction: column;
            // justify-content: left;
            // align-items: center;
            position: absolute;
            // float: left;
            left: 30px;
            margin-top: -10px;

            // text-align: center;
            div {
                &:nth-child(1) {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    .sanji {
                        position: absolute;
                        left: 1px;
                        top: 20px;
                        width: 80px;
                        height: 22px;
                        display: inline-block;
                        overflow-wrap: break-word;
                        color: rgba(233, 247, 255, 1);
                        font-size: 16px;
                        font-family: PingFangSC-Regular;
                        white-space: nowrap;
                        line-height: 22px;
                        text-align: left;
                    }

                    //     span{
                    //         &:nth-child(1){
                    //             width: 0.5rem;
                    //             height: 0.5rem;
                    //             margin-right: 5px;
                    //             background: #07B9FE;
                    //             clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
                    //             transform: rotate(134deg);
                    //         }
                    //         &:nth-child(2){
                    //             font-size: 1rem;
                    //             font-family: PingFangSC-Regular, PingFang SC;
                    //             font-weight: 400;

                    //     }
                    // }
                    // span{
                    //     &:nth-child(2){
                    //         // line-height: 22px;
                    //     }

                    // }
                }

                &:nth-child(2) {
                    width: 112px;
                    height: 49px;
                    display: inline-block;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 38px;
                    font-family: YouSheBiaoTiHei;
                    white-space: nowrap;
                    line-height: 49px;
                    text-align: left;
                    text-shadow: 0px 2px 4px rgba(28, 96, 254, 1);
                    text-align: center;
                    // line-height: 49px;
                    margin-top: 60px;

                }
            }
        }

        .build-right-bottom-item2 {
            width: 25%;
            height: 50%;
            background-image: url('/assets/images/quanju/zhuangtaigognlubiankuang.png');
            background-size: 95%;
            background-repeat: no-repeat;
            display: flex;
            flex-direction: column;
            // justify-content: left;
            // align-items: center;
            // position: absolute;
            float: right;
            margin-right: 10px;
            margin-top: 50px;
            margin-right: 20px;

            div {
                &:nth-child(1) {
                    display: flex;
                    justify-content: center;
                    align-items: center;

                    .siji {
                        left: 10px;
                        top: 30px;
                        width: 32px;
                        height: 22px;
                        display: inline-block;
                        overflow-wrap: break-word;
                        color: rgba(233, 247, 255, 1);
                        font-size: 16px;
                        font-family: PingFangSC-Regular;
                        white-space: nowrap;
                        line-height: 22px;
                        text-align: left;
                        margin-top: 20px;
                        margin-right: 20px;
                    }
                }

                &:nth-child(2) {
                    width: 112px;
                    height: 49px;
                    display: inline-block;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 38px;
                    font-family: YouSheBiaoTiHei;
                    white-space: nowrap;
                    line-height: 49px;
                    text-align: left;
                    text-shadow: 0px 2px 4px rgba(28, 96, 254, 1);
                    text-align: center;
                    // line-height: 49px;
                    margin-top: 20px;
                }
            }
        }
    }
}