﻿.com_tips {
    margin-top: 0 !important
}

.our_say {
    background: #F5F5F5;
    margin-top: 5.2%;
    padding-top: 88px;
    padding-bottom: 133px
}

.footer,
.footer_pc_par {
    margin-top: 0
}

.industries {
    --img-h: 798px;
    margin-top: 5.2%
}

.industries .info_par {
    width: 50%;
    position: absolute;
    height: var(--img-h);
    z-index: 2
}

.industries .info_par .info {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.11);
    padding: 65px 56px 50px var(--all-pd)
}

.industries .info_par .info ul {
    margin-top: 42px
}

.industries .info_par .info ul li {
    font-weight: 400;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
    margin-top: 32px;
    padding-left: 42px;
    position: relative
}

.industries .info_par .info ul li::after {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background: var(--color-main);
    position: absolute;
    left: 0;
    top: 0
}

.industries .info_par .info ul li:first-child {
    margin-top: 0
}

.industries .img {
    width: 55.4%;
    height: var(--img-h)
}

@media screen and (max-width:950px) {

    .industries .info_par,
    .industries .img {
        height: unset;
        width: 100%
    }

    .industries .info_par {
        position: unset
    }

    .industries .info_par .info {
        padding: 30px var(--all-pd)
    }

    .industries .info_par .info ul {
        margin-top: 20px
    }

    .industries .info_par .info ul li {
        padding-left: 10px
    }

    .industries .img {
        height: 0;
        padding-bottom: 70%
    }
}