.section-title p {
    font-size: 16px;
    color: rgba(51,51,51,.3);
}

.sec-cooperation {
    background: #f9f9f9;
    padding-bottom: 80px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .sec-cooperation {
        display: none;
    }
}

.cooperation-box {
    position: relative;
    margin-top: 66px;
}

    .cooperation-box .coop-list ul {
        margin-left: -20px;
    }

    .cooperation-box .coop-list li {
        float: left;
        width: 264px;
        height: 172px;
        margin-left: 36px;
        margin-bottom: 10px;
    }

        .cooperation-box .coop-list li a {
            display: block;
            width: 100%;
            height: 80%;
            border: 1px solid #e2e2e2;
            background: #fff;
            overflow: hidden;
        }

        .cooperation-box .coop-list li span {
            display: block;
            text-align: center;
            margin-top: 5px;
        }

        .cooperation-box .coop-list li img {
            width: 100%;
            height: 100%;
            -webkit-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .cooperation-box .coop-list li:hover img {
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

    .cooperation-box .coop-hd {
        width: 100%;
        margin-top: 70px;
        font-size: 0;
    }

.slide-page {
    text-align: center;
}

    .slide-page li {
        display: inline-block;
        width: 54px;
        height: 6px;
        border-radius: 3px;
        background: rgba(51,51,51,.3);
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin: 0 10px;
        text-indent: -9999px;
        cursor: pointer;
    }

        .slide-page li.on {
            background: #ff6600;
        }

@media (max-width: 1430px) {
    .cooperation-box .coop-list li {
        width: 224px;
        height: 172px;
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.fadeInUp {
    animation-name: fadeInUp;
}


ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

img {
    vertical-align: middle;
    outline: none;
    border: 0;
}

.container-middle {
    margin: 0 auto;
    width: 1200px;
}

@media (min-width: 1230px) {
    .container-middle {
        width: 1200px;
    }
}

/*@media (min-width: 1430px) {
    .container-middle {
        width: 1400px;
    }
}*/

.container-middle:before, .container-middle:after {
    content: " ";
    display: table;
}

.container-middle:after {
    clear: both;
}

.section {
    width: 100%;
    overflow: hidden;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}