*{
    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 {
    width: 100%;
}

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

.culture .text-box .content-box .title {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.3rem 0;
}
.content-box .sep {
    width: 100%;
    height: 1px;
    margin: 1rem 0;
    background: #dbdbdb;
}
@media screen and (orientation: portrait) {
    .culture {
        padding: 1.8rem 2rem;
    }
    .culture .logo-box {
        margin-left: 1.5rem;
    }
}