.main {
    width: 1200px !;
    margin: 0 auto;
}

footer {
    background-color: #333;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 100%;
}

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

        footer .footer_content .other_link {
            width: 368px;
        }

            footer .footer_content .other_link .title {
                font-size: 18px;
                line-height: 60px;
                height: 60px;
                border-bottom: 1px dotted #fff;
            }

            footer .footer_content .other_link .friend_links {
                margin-top: 20px;
                display: flex;
                flex-wrap: wrap;
            }

                footer .footer_content .other_link .friend_links a {
                    display: inline-block;
                    width: 50%;
                    margin-bottom: 25px;
                    color: #c4c4c4;
                    font-size: 14px;
                }

            footer .footer_content .other_link .logo {
                margin-top: 10px;
                width: 305px;
                height: 45px;
            }

                footer .footer_content .other_link .logo img {
                  width:100%;
                  height:100%;
                }



        footer .footer_content .quick_link {
            width: 368px;
        }

            footer .footer_content .quick_link .title {
                font-size: 18px;
                line-height: 60px;
                width: 368px;
                height: 60px;
                border-bottom: 1px dotted #fff;
            }

            footer .footer_content .quick_link ul {
                margin-top: 20px;
                display: flex;
                justify-content: left;
                flex-wrap: wrap;
            }

                footer .footer_content .quick_link ul li {
                    margin-bottom: 25px;
                    font-size: 14px;
                    width: 122px;
                    color: #c4c4c4;
                }

                    footer .footer_content .quick_link ul li a {
                        color: #c4c4c4;
                    }

        footer .footer_content .contact {
            width: 368px;
        }

            footer .footer_content .contact .title {
                font-size: 18px;
                line-height: 60px;
                width: 368px;
                height: 60px;
                border-bottom: 1px dotted #fff;
            }

            footer .footer_content .contact ul {
                margin-top: 20px;
            }

                footer .footer_content .contact ul li {
                    margin-bottom: 10px;
                    color: #c4c4c4;
                    font-size: 14px;
                }

                    footer .footer_content .contact ul li span {
                        color: #c4c4c4 !important;
                    }