.title_wrapper {
    width: 100%;
    height: 140px;
}

.about_title .img_cover {
    position: absolute;
    background-color: #007388;
    width: 100%;
    height: 140px;
    opacity: 0.6;
}

.title_wrapper .title {
    position: absolute;
    color: #ffffff;
    font-weight: bold;
    margin-left: -50px;
    font-size: 26px;
    left: 50%;
    top: 166px;
    z-index: 10;
}

.title_wrapper img {
    width: 100%;
    height: 140px;
}


/* content */

.content_wrapper {
    width: 1280px;
    margin: 0 auto;
    color: black;
}

.content_wrapper .title_line {
    position: absolute;
    margin-top: 30px;
    width: 5.546%;
    height: 30px;
}

.content_title,
.content_container .title {
    display: inline-block;
    vertical-align: top;
    width: 13.281%;
    margin-left: 1.718%;
    font-weight: bold;
    text-align: right;
}

.content_title {
    font-size: 18px;
    margin-top: 61px;
    margin-bottom: 33px;
}

.content_container {
    margin-top: 10px;
    margin-bottom: 33px;
}

.content_container .title {
    font-size: 16px;
}

.content {
    display: inline-block;
    width: 66.406%;
    margin-left: 7.812%;
    line-height: 26px;
    /*margin-left: 6.875%;*/
    font-size: 16px;
    font-weight: 500;
}

.content .left_text,
.content .right_text {
    display: inline-block;
}
.content .left_text {
    width: 9%;
}

.content .right_text {
    width: 90%;
}

.history img {
    /*width: 55%;*/
    width: 525px;
}

.content .map {
    width: 100%;
    height: 351px;
    background: lightgray;
    color: orange;
    text-align: center;
    margin-top: 24px;
}

@media( max-width: 1023px) {
    /* B */
    .content_wrapper {
        width: 100%;
    }
}

@media ( max-width: 767px) {
    /* C */
    .content .left_text,
    .content .right_text {
        display: block;
    }
    .content .left_text {
        width: 100%;
    }
    .history img {
        width: 100%;
    }
}