﻿/*#region Home */

.school {
    display: block;
    clear: both;
}

    .school h2 {
        display: block;
        width: 1200px;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

        .school h2 span {
            display: block;
            font-size: 15px;
            color: #888;
            padding-bottom: 4px;
        }

    .school .school-list {
        display: block;
        width: 1200px;
        margin: 0 auto;
    }

        .school .school-list a {
            display: inline-block;
            width: calc((100% - 60px) / 3);
            position: relative;
            margin-right: 25px;
            overflow: hidden;
            margin-bottom: 25px;
        }

            .school .school-list a:nth-child(3n) {
                margin-right: 0
            }

            .school .school-list a img {
                width: 100%;
                height: auto;
                border:solid 1px #eee;
            }

            .school .school-list a h3 {
                position: absolute;
                top: 70%;
                left: 0;
                width: 80%;
                background: #3f51b5;
                padding: 15px 20px;
                font-size: 14px;
                color: #fff;
                text-transform: uppercase;
                height: 70px;
            }

                .school .school-list a h3:before {
                    content: '';
                    position: absolute;
                    right: -10px;
                    top: 0;
                    border-top: 71px solid #3f51b5;
                    border-right: 10px solid transparent;
                }

.edu-counter {
    display: block;
    clear: both;
    background: url(/img/bg2.jpg) no-repeat 0 0;
    height: 300px;
    padding: 60px 0 0;
    margin: 40px 0 60px;
}

    .edu-counter .container {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 1200px;
        padding: 0;
    }

    .edu-counter .item {
        display: inline-block;
        width: 260px;
        height: 210px;
        text-align: center;
        vertical-align: top;
    }

        .edu-counter .item span {
            display: block;
            padding: 10px;
            width: 80px;
            border-radius: 5px;
            background-color: #3f51b5;
            margin: 0 auto;
        }

        .edu-counter .item i {
            width: 58px;
            height: 58px;
            display: block;
            background: url(/img/bg1.jpg) no-repeat 0 0;
            margin: 0 auto;
            padding: 10px;
            border-radius: 5px;
        }

    .edu-counter i.c1 {
        background-position: 0 0;
    }

    .edu-counter i.c2 {
        background-position: -64px 0;
    }

    .edu-counter i.c3 {
        background-position: -126px 0;
    }

    .edu-counter i.c4 {
        background-position: -182px 0;
    }

    .edu-counter b {
        display: block;
        font-size: 40px;
        color: #fff;
        font-weight: bold;
    }

    .edu-counter p {
        display: block;
        font-size: 24px;
        color: #fff;
        font-weight: 500;
        padding: 0 20px;
        line-height: 28px;
    }

.partner {
    display: block;
    clear: both;
    margin: 0 0 50px;
}

    .partner h2 {
        display: block;
        width: 1200px;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
    }

        .partner h2 span {
            display: block;
            font-size: 15px;
            color: #888;
            padding-bottom: 4px;
        }

    .partner .container {
        width: 1200px;
        display: block;
        margin: 0 auto;
    }

    .partner .partner-list {
        display: block;
        clear: both;
        padding: 20px;
        box-sizing: border-box;
        text-align: center;
        margin: 20px 0;
        overflow: hidden;
    }

    .partner a {
        float: left;
        width: 25%;
        padding: 20px;
        box-sizing: border-box;
        border-bottom: solid 1px #ccc;
        position: relative;
        margin: 0;
    }

        .partner a img {
            width: 200px;
            height: auto;
        }

        .partner a:nth-child(5), .partner a:nth-child(6), .partner a:nth-child(7), .partner a:nth-child(8) {
            border-bottom: none;
        }

        .partner a:before {
            content: '';
            position: absolute;
            right: 0px;
            top: 0px;
            height: 100%;
            width: 1px;
            background-color: #cccccc;
        }

        .partner a:nth-child(4):before, .partner a:nth-child(8):before {
            display: none;
        }



/*#endregion */
