* {
    margin: 0;
    padding: 0;
}

/* @font-face {
    font-family: "Bold";
    src: url("../fonts/SourceHanSansSC-Bold-2.otf");
}
@font-face {
    font-family: "ExtraLight";
    src: url("../fonts/SourceHanSansSC-ExtraLight-2.otf");
}
@font-face {
    font-family: "Heavy";
    src: url("../fonts/SourceHanSansSC-Heavy-2.otf");
}
@font-face {
    font-family: "Light";
    src: url("../fonts/SourceHanSansSC-Light-2.otf");
}
@font-face {
    font-family: "Medium";
    src: url("../fonts/SourceHanSansSC-Medium-2.otf");
}
@font-face {
    font-family: "Normal";
    src: url("../fonts/SourceHanSansSC-Normal-2.otf");
}
@font-face {
    font-family: "Regular";
    src: url("../fonts/SourceHanSansSC-Regular-2.otf");
} */

.container {
    display: flex;
    flex-direction: column;
}

.header {
    height: 340px;
    min-height: 340px;
    background: url("../img/comimg/header-back.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
}

.header-top {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 29px 0;
}

.header-title-img {
    height: 52px;
}

.header-tab {
    display: flex;
    align-items: center;
    word-break: keep-all;
}

.tab-item {
    font-family: 'Bold';
    font-style: normal;
    font-size: 15px;
    line-height: 15px;
    color: #FFFFFF;
    flex: 1;
    margin: 0 21px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tab-line {
    width: 17px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 30px;
    margin-top: 10px;
    opacity: 0;
}

/*点击和hover的时候改变线的透明度，展现隐藏*/
.tab-item:hover .tab-line {
    opacity: 1;
}

.header-bottom {
    flex: 1;
    justify-content: center;
}

.header-bottom-tab {
    display: flex;
    flex-direction: column;
    margin-top: 56px;
}

.tab-name {
    font-family: "Heavy";
    font-style: normal;
    font-weight: 900;
    font-size: 42px;
    text-align: center;
    color: #FFFFFF;
}

.tab-router {
    font-family: "Medium";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 20px;
}

.footer {
    height: 616px;
    min-height: 616px;
    display: flex;
    flex-direction: column;
}

.footer-top {
    flex: 1;
    background: url("../img/comimg/footer-back.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.footer-top-div {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-title-img {
    width: 252px;
}

.footer-top-bottom {
    display: flex;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 72px;
    width: 1200px;
    justify-content: space-between;
}

.footer-top-bottom-item {
    display: flex;
}

.bottom-item-one {
    margin-left: 33px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
}

.item-one-compname{
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.04em;
    color: #F8F8FB;
    position: absolute;
    left: 0;
    top: -30px;
    width: 300px;
}

.item-one-title {
    font-family: 'Bold';
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.04em;
    color: #F8F8FB;
}

.item-one-content {
    font-family: 'Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    color: #FFFFFF;
}

.footer-bottom {
    height: 56px;
    background: #0D0E4F;
    font-family: 'Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}