.footer{
    background: #eeeeee;
}

.footer .friendlink{
    display: flex;
    height: 128px;
    border-bottom: 2px solid #a3a0a0;
    align-items: center;
}

.footer .friendlink ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex: 1;
    flex-wrap: wrap;
}

.footer .friendlink ul li{

}

.footer .friendlink ul li a{
    color: #4a4443;
    padding-right: 10px;
    font-size: 15px;
}

.footer .foot-nav{
    margin: 30px 0;
    width: 100%;
    display: flex;
}

.footer .foot-nav > ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
}
.footer .foot-nav .erweima{
    margin-left: 100px;
}

.footer .foot-nav .erweima img{
    width: 200px;
    height: 200px;
}

.footer .foot-nav > ul>li{
    /*flex: 1;*/
}
.footer .foot-nav > ul>li .name{
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.footer .foot-nav > ul>li .sub_ul{
    margin-top: 15px;
}
.footer .foot-nav > ul>li .sub_ul li{
    line-height: 25px;
}
.footer .foot-nav > ul>li .sub_ul li a{
    color: #666;
    font-size: 14px;
}

.footer .foot-nav > ul>li .sub_ul li a:hover{
    color: #F08300;
}

.footer .copyright{
    text-align: center;
    padding: 20px 0;
    font-size: 15px;
}

@media (max-width: 1200px) {

    .footer .friendlink{
        padding: 10px;
        align-items: baseline;
        flex-direction: column;
    }
    .footer .friendlink .hint{
        padding: 10px 0;
        font-size: 16px;
    }
    .footer .foot-nav{
        display: none;
    }

}

@media (min-width: 1200px) {

}