.content{
    width: 70%;
    margin: 0 auto;
}
.content ul{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    margin-left: 290px;
}
.content li{
    list-style: none;
    float: left;
    width: 18%;
}
.content li>a.active{
    color: #101010;
}
.content li>a{
    text-decoration: none;
    color: #101010;
}

.content li>a:hover{
    color: #016EFF;
}
.content li .line{
    margin-left: 35px;

}

.copyrights{
    width: 80%;
    height: 380px;
    margin: 50px  auto 0 auto;
    box-sizing: border-box;

}

.copyrights .title{
    width: 300px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.copyrights .mb{
    margin-top:30px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

}

.copyrights .mb .pic{
    display: flex;
    justify-content : space-around;
}
.copyrights .mb .pic li{
    width: 210px;
}

.copyrights .mb .pic li>img{
    width: 100%;
}


.edi{
    width: 80%;
    height: 380px;
    margin: 0 auto;
    box-sizing: border-box;

}

.edi .title{
    width: 300px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.edi .mb{
    margin-top:30px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

}

.edi .mb .pic{
    display: flex;
    justify-content : space-around;
}
.edi .mb .pic li{
    width: 210px;
}
.edi .mb .pic li>img{
    width: 100%;
}