.clients-top {
    width: 100%;
    min-width: 1200px;
    background: url(../../img/clients-top.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
}

    .clients-top h2 {
        font-size: 18px;
    }

    .clients-top h1 {
        font-family: 'Arial black';
        font-size: 124px;
        font-weight: bold;
        letter-spacing: -8px;
    }

.client-brief {
    padding-top: 80px;
    padding-bottom: 65px;
}

    .client-brief .fl {
        width: 570px;
        padding-right: 90px;
        padding-top: 80px;
        box-sizing: border-box;
        /*text-transform: uppercase;*/
    }

    .client-brief p {
        color: #777;
        line-height: 1.5;
    }

    .client-brief .btn {
        width: 143px;
        line-height: 39px;
        height: 39px;
        border-color: #0070ac;
        color: #0070ac;
    }

        .client-brief .btn:hover {
            background-color: #0070ac;
            color: #fff;
        }

.clients-exhibition {
    min-width: 1200px;
}

    .clients-exhibition ul {
        width: 100%;
        /*display: flex;
        flex-wrap: wrap;*/
    }

    .clients-exhibition li {
        position: relative;
        /*flex: auto;*/
        width: 33.33333%;
        float: left;
        min-width: 380px;
        /*max-width: 500px;*/
        height: auto;
        /*border: 1px solid #ff6a00;*/
        box-sizing: border-box;
        overflow: hidden;
    }

        .clients-exhibition li img {
            display: block;
            width: 100%;
        }

        .clients-exhibition li .mb {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0070ac;
            opacity: 0.6;
            z-index: 1;
            transition: all linear 500ms;
        }

        .clients-exhibition li .showmore {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 61%;
            padding: 30px 10px;
            background-color: #0070ac;
            opacity: 0.9;
            z-index: 2;
            transition: all linear 300ms;
            box-sizing: border-box;
        }



            .clients-exhibition li .showmore p, .clients-exhibition li .showmore h3 {
                /*padding: 0 40px;*/
                margin: auto;
                color: #fff;
                font-size: 12px;
                line-height: 20px;
                text-align: center;
            }

            .clients-exhibition li .showmore h3 {
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 10px;
            }

            .clients-exhibition li .showmore .btn {
                position: absolute;
                bottom: 9%;
                left: 50%;
                height: 28px;
                line-height: 28px;
                width: 92px;
                font-size: 9px;
                transform: translateX(-50%);
            }

        .clients-exhibition li:hover .mb {
            opacity: 0;
        }

        .clients-exhibition li:hover .showmore {
            top: 40%;
        }

.Ex-more {
    text-align: center;
    background: #333;
    color: #fff;
    line-height: 24px;
}

    .Ex-more a {
        display: block;
    }

.pagefoot {
    position: relative;
    bottom: 0;
}

.custorm {
    width: 1200px;
    margin: auto;
    text-align: center;
    padding-bottom:60px;
}

    .custorm h2 {
        margin: 60px 0;
    }

    .custorm table {
        width: 100%;
        border: 0;
        padding: 0;
        background-color: #ddd;
    }

    .custorm td {
        background-color: #fff;
    }