.section-title-1 h4:after,
.section-title-1 h4:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 100px;
    top: 50%;
    background-color: #000;
}

.section-title-1 h4 {
    font-size: 30px;
    padding: 0 120px;
    font-weight: bold;
    color: #000 !important;
}

.about-div-left {
    background: url(../images/about/about-bg.jpg) no-repeat;
    width: 678px;
    height: 515px;
    float: left;
}

.about-div-right {
    float: right;
    width: 516px;
}

.about-div-r-d {
    display: inline-block;
    width: 256px;
}

.about-div-l-d {
    display: inline-block;
    width: 183px;
    margin: 1.5% 11.2%;
}

.about-div-r-d:nth-of-type(3) {
    padding-top: 3px;
}

.about-div-left-t {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

.about-div-l-d2 {
    color: #ffb839;
    font-size: 26px;
    text-align: center;
    padding-top: 5px;
}

.about-div-l-d3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.about-div2 {
    background: #e7ecf6;
    margin: 30px 0;
}

.about-div2-d-d {
    display: inline-block;
    width: 31%;
    margin: 30px 1%;
    background: #ffffff;
    height: 260px;
    padding: 50px;
    border-radius: 10px;
}

.about-div2-d-d-1 {
    font-size: 30px;
}

.about-div2-d-d-2 {
    color: #999999;
    line-height: 30px;
    letter-spacing: 2px;
}
.about-div4-left{
    float: left;
    width: 48%;
}

.about-div4-left img{
    width: 100%;
}

.about-div4-right{
    float: right;
    width: 48%;
    line-height: 30px;
}

@media screen and (max-width: 767px) {
    .section-title-1 {
        padding: 0px 0;
    }

    .section-title-1 h4 {
        font-size: 22px;
        padding: 0 40px;
    }

    .section-title-1 h4:after,
    .section-title-1 h4:before {
        width: 35px;
    }

    .about-div-left {
        width: 100%;
        height: auto;
        float: none;
        padding-bottom: 20px;
    }

    .about-div-right {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    .about-div-left-t {
        font-size: 20px;
    }

    .about-div-l-d img {
        width: 100%;
    }

    .about-div-l-d {
        width: 37%;
        margin: 1.5% 6.2%;
    }

    .about-div-l-d2 {
        font-size: 20px;
    }

    .about-div-l-d3 {
        font-size: 14px;
    }
    .about-div-r-d {
        width: 49%;
    }
    .about-div-r-d img{
        width: 100%;
    }
    .about-div2-d-d {
        width: 100%;
        margin: 5px 1%;
        padding: 25px;
        height: 200px;
    }
    .about-div2-d{
        padding: 20px 0;
    }
    .about-div2-d-d-1 {
        font-size: 24px;
    }
    .about-div3-d img{
        width: 100%;
    }
    .about-div4-left {
        float: none;
        width: 100%;
    }
    .about-div4-right {
        float: none;
        width: 100%;
        padding-top: 20px;
        line-height: 20px;
    }
}