footer {
    width: 100%;
    background: #f1f4f8;
    .foot-con {
        width: 1200px;
        margin: 0 auto;
        //overflow: hidden;
        padding: 25px 0;
        .foot-top {
            margin-top: 15px;
        }
        .f-1 {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            .f-select {
                display: none;
                width: 130%;
                padding: 12px;
                position: absolute;
                top: 45px;
                right: -15%;
                background: #fff;
                box-shadow: 0 0 10px #ccc;
                li {
                    //text-align: left;
                    a {
                        font-size: 14px;
                        line-height: 1.8;

                    }
                }
            }
            >h2{
                width: 155px;
                clear: both;
                font-size: 14px;
                color: #999;
                line-height: 3;
                position: relative;
                &:hover {
                    .f-select {
                        display: block;
                    }
                }
                img {
                    width: 10px;
                    transform: rotateX(180deg);
                }
            }
            .f-img{
                clear: both;
                li{
                    display: inline-block;
                    margin: 0 0 10px 10px;
                    font-size: 12px;
                    color: #999;
                    line-height: 1;
                    a{
                        text-decoration: underline;
                        color: #999;
                    }
                }
            }
        }
        .f-2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            .logo {
                align-self: center;
                img {
                    width: 220px;
                }
            }
            .text {
                width: 75%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
                h1 {
                    text-align: left;
                    font-size: 16px;
                    line-height: 2;
                }
                ul {
                    li {
                        text-align: left;
                        font-size: 14px;
                        line-height: 2;
                        a {
                            font-size: 14px;
                            color: #666;
                        }
                    }
                }

                .contact-box {
                    pointer-events: none;
                    width: 210px;
                    height: 115px;
                    background: #fff;
                    border-radius: 5px;
                    //box-shadow: 0 0 6px #d0d0d0;
                    z-index: 2;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    -webkit-justify-content: space-between;
                    justify-content: space-between;
                    padding: 10px;
                    transition: all .3s;
                    div {
                        font-size: 14px;
                        color: #333;
                        line-height: 1;
                        text-align: center;
                        img {
                            height: 70px;
                            margin-bottom: 10px;
                        }
                    }
                    &:after {
                        content: '';
                        position: absolute;
                        display: inline-block;
                        top: -6px;
                        left: 50%;
                        margin-left: -5px;
                        width: 0;
                        height: 0;
                        border: 6px solid #fff;
                        transform: rotate(-45deg);
                        box-shadow: 3px -3px 6px #e9e9e9;
                    }
                }

            }
        }
        * {
            text-align: center;
        }

        .line{
            clear: both;
            border-top: 1px solid #D9D9D9;
            background: #F6F6F6;
            height: 1px;
            overflow: hidden;
            margin: 30px auto;
        }

        >p{
            text-align: center;
            font-size: 12px;
            color: #999;
            line-height: 1.5;
            a{
                text-decoration: underline;
                color: #999;
            }
        }
    }
    .m-foot {
        display: none;
    }
}