@font-face {
    font-family: 'SourceHanSansSC-Regular';
    src: url('/assets/fonts/SourceHanSansSC-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'SourceHanSansSC-Medium';
    src: url('/assets/fonts/SourceHanSansSC-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'SourceHanSansSC-Bold';
    src: url('/assets/fonts/SourceHanSansSC-Bold.otf') format('opentype');
}

html {
    font-size: calc(100vw / 1920);
}

body {
    margin: 0;
    font-family: 'SourceHanSansSC-Regular';
}

.container {

}


.logo {
    position: absolute;
    top: 75rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.logo > .el-image {
    left: 50rem;
    width: 241rem;
}

.menu {
    margin-right: 120rem;
    font-family: 'SourceHanSansSC-Medium';
}

.menu > .active {
    color: #E4372A;
}

.menu > span {
    font-size: 20rem;
    color: #585858;
    margin-left: 60rem;
    cursor: pointer;
}

.banner {
    position: relative;
}

.footer {
    width: 100%;
    height: 628rem;
    background-color: #E33629;
    padding: 137rem 118rem 0 124rem;
    box-sizing: border-box;
}

.footer-logo {
    width: 316rem;
}

.footer-menu {
    font-size: 17rem;
    color: #ffffff;
    margin-top: 8rem;
    display: flex;
}

.footer-up {
    display: flex;
    justify-content: space-between;
}

.footer-menu-block {
    margin-left: 57rem;
}

.footer-menu-block > div {
    cursor: pointer;
}

.footer-menu-block > div:first-of-type {
    margin-bottom: 36rem;
}

.footer-company-up-line {
    width: 656rem;
    height: 2rem;
    background: #e3a429;
}

.footer-company-down-line {
    width: 100%;
    height: 2rem;
    background: #e3a429;
}

.footer-company-info {
    padding: 30rem 0;
    font-size: 17rem;
    color: #ffffff;
    display: flex;
}

.footer-copyright {
    font-size: 17rem;
    margin-top: 46rem;
    color: #ffffff;
}