.head {
    ul {
        position: relative;

        .to_li {
            position: absolute;
            display: block;
            width: 40px;
            height: 5px;
            background: #C70009;
            border-radius: 49px 21px 0px 0px;
            bottom: -34px;
            left: 46%;
        }
    }
}

// 分类区域
.fen {
    width: 81.25rem;
    margin: 0 auto;
    position: relative;

    // overflow: hidden;
    // title区域
    .title {
        font-size: 30px;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 900;
        color: #3D3D3D;
        line-height: 56px;
        display: flex;
        align-items: center;
        margin-top: 46px;
        position: relative;

        &::before {
            content: "";
            display: inline-block;
            width: 6px;
            height: 56px;
            margin-right: 20px;
            background-color: #C70009;
        }
    }

    .two {
        width:80rem;
        margin-left: 20px;
        font-size: 18px;
        font-family: Source Han Sans, Source Han Sans;
        font-weight: 400;
        color: #787878;
        line-height: 30px;
        margin-top: 30px;
    }

    // 技术框
    .technology {
        width: 100%;
        // height: 650px;
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
        // margin-bottom: 400px;
        // position: relative;
        z-index: 2;

        // overflow: hidden;
        a{
            display: block;
            width: 49.2%;
        }
        .child {
            position: relative;
            width: 100%;
            height: 312px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            transition: linear all 500ms;
            border-radius: 10px 10px 10px 10px;
            // background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic1.jpg) center center no-repeat;
            // background-size: 100% 100%;
            margin-top: 36px;
            overflow: hidden;

            &:hover {
                box-shadow: 27px 21px 44px 0px rgba(24, 35, 80, 0.18);

                .tec_sp{
                    bottom: 62px;
                   }

                div {
                    left: 0px;
                    bottom: 12px;
                }
            }

            .tec_more {
                position: absolute;
                font-size: 14px;
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 700;
                color: #FCD106;
                margin-left: 46px;
                border: none;
                transition: all linear 300ms;
                bottom: -100px;

                &::after {
                    content: "";
                    display: inline-block;
                    width: 14px;
                    height: 8px;
                    background: url('../../imgs/home/info_to_yellow.png') center right no-repeat;
                    background-size: 100%;
                    margin-left: 9px;
                }
            }

            .tec_sp{
                position: absolute;
                bottom: 23px;
                margin-left: 46px;
                transition: all linear 300ms;
                span {
                    font-size: 36px;
                    font-family: Source Han Sans, Source Han Sans;
                    font-weight: 700;
                    color: #FFFFFF;
                    transition: all linear 300ms;
                }

                p {
                    width: 550px;
                    font-size: 18px;
                    font-family: Source Han Sans, Source Han Sans;
                    font-weight: 500;
                    color: #FFFFFF;
                    transition: all linear 300ms;
                    margin-top: 17px;
                }
            }
        }
        // .children2{
        //     background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic2.jpg) center center no-repeat;
        //     background-size: 100% 100%;
        // }
        // .children3{
        //     background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic3.jpg) center center no-repeat;
        //     background-size: 100% 100%;
        // }
        // .children4{
        //     background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic4.jpg) center center no-repeat;
        //     background-size: 100% 100%;
        // }
        // .children5{
        //     background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic5.jpg) center center no-repeat;
        //     background-size: 100% 100%;
        // }
        // .children6{
        //     background: linear-gradient(180deg, rgba(30, 43, 95, 0) 0%, rgba(30, 43, 95, 0.8) 100%), url(../../imgs/technology/pic6.jpg) center center no-repeat;
        //     background-size: 100% 100%;
        // }
    }
}