.Introduction {
    width: 100%;
    height: auto;
    padding-top: 160px;
    background-image: url('../img/title_bg.png');
    background-repeat: no-repeat;
    background-position: 100% 0;
    .experience {
        position: absolute;
        bottom: 64px;
        font-family: Noto Sans SC;
        font-size: 0.24rem;
        font-weight: 500;
        right: 64px;

        .experience_img {
            vertical-align: middle;
            position: relative;
            right: 0;
        }
    }

    .Introduction_top {
        padding: 0 0 0 100px;
        min-height: 520px;
        margin-bottom: 76px;
        position: relative;
        display: flex;
        justify-content: space-between;
        min-width: 1400px;

        .Introduction_top_img {
            /* background: #D2ECFF; */
            width: 100%;
            /* height: 100%; */
            /* text-align: right; */
            position: relative;
            background-image: url("../img/back1.png"), url("../img/back2.png"), linear-gradient(to right, rgba(210, 216, 255, 0.05), rgba(210, 236, 255, 0.01));
            background-repeat: no-repeat, no-repeat, no-repeat;
            background-position: right, left bottom, right;
            background-size: contain;

            img {
                position: absolute;
                top: 50%;
                /* left: 50%; */
                right: 100px;
                transform: translate(0, -50%);
                /* width: fit-content;
                height: fit-content; */
            }
        }

        .Introduction_top_title {
            font-size: 0.64rem;
            font-weight: 700;
            line-height: 76.8px;
            letter-spacing: 0.04em;
            text-align: left;
            position: relative;
            top: 0;
            display: inline-block;
            padding-left:0
        }

        .Introduction_top_title::after {
            content: '';
            width: calc(100% + 100px);
            padding: 12px 0;
            background: linear-gradient(to right, rgba(54, 129, 252, 1), rgba(54, 129, 252, 0));
            position: absolute;
            top: 72px;
            left: -100px;
        }

        p {
            margin-top: 32px;
            font-family: Noto Sans SC;
            font-size: 0.64rem;
            font-weight: 500;
            line-height: 76.8px;
            letter-spacing: 0.04em;
            text-align: left;

            i {
                color: rgb(0, 97, 255);
                font-style: normal;
            }
        }

        .Learning {
            margin-top: 32px;
            font-family: PingFang SC;
            font-size: 0.32rem;
            font-weight: 500;
            line-height: 48px;
            letter-spacing: 0.1em;
            text-align: left;
            color: #5E9AFC;
        }


    }

    .Introduction_bottom {
        background-color: #E2EEFF;
        padding: 40px 100px 80px;
        text-align: center;
        position: relative;

        h2 {
            margin-top: 40px;
            width: 20%;
            font-size: 0.44rem;
            font-weight: 700;
            line-height: 52.8px;
            letter-spacing: 0.02em;
            /* text-align: left; */
            margin-bottom: 40px;
        }

        .Introduction_bottom_span {
            width: 20%;
            font-size: 0.24rem;
            font-weight: 400;
            line-height: 36px;
            /* text-align: left; */
            color: #3681FC;
            margin-bottom: 25px;
        }

        span {
            background: url('../img/011.png') no-repeat;
            display: inline-block;
            font-size: 0.96rem;
            font-style: italic;
            font-weight: 400;
            line-height: 113.47px;
            position: absolute;
            color: #FFFFFF38;
            top: 40px;
            right: 170px;
            background-position: center;
            background-size: 158px 179px;
            padding: 20px;

        }

        .iot {
            background: url('../img/012.png') no-repeat;
            top: 810px;
            right: 140px;
            background-position: center;
            background-size: 180px 170px;
        }

        .ant-flex {
            div {
                width: 20%;

                p {
                    font-size: 0.20rem;
                    line-height: 30px;
                    padding: 10px 0;
                }

                img {
                    max-width: 100%;
                    margin-bottom: 12px;
                    padding: 10px;
                }
            }
        }
    }
}