/* --Start global--------------- */
.section-global {
    padding: 10px 0 50px;
}

    .section-global .item {
        position: relative;
        height: 100%;
        display: block;
    }

        .section-global .item .title-item {
            position: relative;
        }

            .section-global .item .title-item h2 {
                font-size: 20px;
                color: #D39E09;
            }

            .section-global .item .title-item span {
                color: #717071;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

        .section-global .item.oem .title-item h2 {
            color: #004989;
        }

        .section-global .item p {
            color: #333;
            margin-bottom: 0;
            position: relative;
            padding: 5px 25px;
        }

            .section-global .item p:after {
                content: '';
                background-image: url('../img/global/line2.webp');
                top: 50%;
                transform: translateY(-50%);
                background-size: 100% 100%;
                width: 2px;
                height: 99%;
                position: absolute;
                left: 5px;
            }

        .section-global .item.oem p:after {
            background-image: url('../img/global/line1.webp');
        }

        .section-global .item .pic-item {
            position: relative;
            width: 100%;
            padding-bottom: 125%;
            overflow: hidden;
        }

            .section-global .item .pic-item img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: all 0.2s ease-in-out;
            }

        .section-global .item:hover img {
            transform: scale(1.05);
        }

    .section-global {
    }

        .section-global .contact-item {
            padding: 30px 15px;
            background: #fff;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }

    @media (min-width: 992px) {

        .section-global .contact-item {
            padding: 60px 30px;
        }
    }

    .section-global .contact-item .contact-title-item {
        position: relative;
        padding: 20px 0;
        margin-bottom: 30px;
    }

        .section-global .contact-item .contact-title-item::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            background-image: url('../img/global/line3.webp');
            background-size: 100% 100%;
            width: 100%;
            height: 2px;
        }

        .section-global .contact-item .contact-title-item h3 {
            font-size: 20px;
            color: #D39E09;
        }

        .section-global .contact-item .contact-title-item span {
            font-size: 20px;
            color: #333;
            position: absolute;
            right: 0;
            top: 50%;
            font-weight: bolder;
            transform: translateY(-50%);
        }

    @media (min-width: 992px) {

        .section-global .contact-item .contact-title-item span {
            font-size: 30px;
        }
    }

    .section-global .contact-item .case-icon-item {
    }

        .section-global .contact-item .case-icon-item a {
            color: #717071;
        }

        .section-global .contact-item .case-icon-item i {
            color: #D39E09;
            padding-right: 10px;
        }

    /* --End global--------------- */