*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body,html{
    width: 100%;
    height: 100%;
    font-family: PingFang SC,Microsoft YaHei,Georgia,Serif;
}

ul {
    list-style-type: none;
}

.landscape .img {
    display: block;
    width: 100%;
}

.culture {
    display: flex;
    width: 100%;
    padding: 3.6rem 7rem;
}
.culture .text-box {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.culture .text-box .content-box {
    margin-top: 2.2rem;
}
.culture .text-box > .title {
    font-size: 1.5rem;
    font-weight: 500;
}
.culture .text-box .content-box .title {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.3rem 0;
}
.culture .text-box .content-box .content {
    font-size: 0.9rem;
    font-weight: 300;
}
.culture .logo-box {
    flex: 1;
    margin-left: 2.8rem;
    display: flex;
    align-items: center;
}
.culture .logo {
    width: 100%;
    vertical-align: middle;
}

.content-box .sep {
    width: 100%;
    height: 1px;
    margin: 1.5rem 0;
    background: #dbdbdb;
}
@media screen and (orientation: portrait) {
    .culture {
        padding: 1.8rem 2rem;
    }
    .culture .logo-box {
        margin-left: 1.5rem;
    }
}
@media screen and (min-width: 1281px) {
.culture {
    padding: 3.6rem 17rem;
}
}