h2 .line-left {
    background: url(../images/index3/white-line.png) center right no-repeat;
    width: 60px;
    flex: 1;
}

h2 .line-right {
    background: url(../images/index3/white-line.png) center left no-repeat;
    width: 60px;
    flex: 1;
}

h2 .main {
    padding: 0 50px;
}

.line-a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
    padding: 40px 0;
}

.line-a h2 {
    display: flex;
    justify-items: center;
    align-content: center;
    font-size: 2em;
    text-align: center;
    margin: 20px 0;
}


.line-a .desc {
    margin: 20px;
}

.line-a .desc p {
    margin: 0 20px;
    font-size: 1.2em;
}

.main-funcs {
    display: flex;
    flex-direction: row;
}

.main-funcs .item-box {
    flex: 1;
    margin: 20px;
}

.main-funcs .item-box .title {
    height: 240px;
    text-align: center;

    display: grid;
    align-items: end;
}

.main-funcs .item-box .intro {
    padding: 20px;
    text-align: center;
}

.main-funcs .item-box .title h3{
    color: white;
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 20px;
}

.fun-1{
    background: url(../images/ds/gather.png) center top no-repeat;
}
.fun-2{
    background: url(../images/ds/reuse.png) center top no-repeat;
}
.fun-3{
    background: url(../images/ds/query.png) center top no-repeat;
}
.fun-4{
    background: url(../images/ds/archive.png) center top no-repeat;
}

.images {
    display: flex;
    flex-direction: row;
    color: white;
    align-content: space-between;
}

.images img {
    flex: 1;
    margin: 10px;
    width: 500px;
}

.op-intro {
    color: white;
    text-align: center;
    font-size: 1.2em;
}