.maintitle {
    justify-content: center;
    z-index: 2;
}
.maintitle span {
    padding: 0 14px;
    color: #333333;
}


.main1 {
    width: 100%;padding-top: 154px;
    background: url('../images/zhanlan/main1.jpg');
    padding-bottom: 76px;
}
.main1wrap {
    width: 1366px;
    margin: 84px auto 0;
}
.main1wrap ul.list {
    width: 100%;padding: 0 9px;box-sizing: border-box;
    flex-wrap: wrap;
}
.main1wrap ul.list li {
    width: 22.55%;
    height: 433px;
    border: 1px solid #cccccc;
    background: #fff;margin-bottom: 48px;
    margin-right: 3%;
}
.main1wrap ul.list li:nth-child(4n) {
    margin-right: 0;
}
.main1wrap ul.list li .top {
    width: 100%;height: 86.37%;
    background-color:#e6e6e6;
    /* chrome 2+, safari 4+; multiple color stops */
    background-image:-webkit-gradient(linear, bottom, top, color-stop(0.32, #e6e6e6), color-stop(0.66, #e6e6e6), color-stop(0.83, #000000));
    /* chrome 10+, safari 5.1+ */
    background-image:-webkit-linear-gradient(0deg, #e6e6e6, #e6e6e6, #000000);
    /* firefox; multiple color stops */
    background-image:-moz-linear-gradient(0deg, #e6e6e6, #e6e6e6, #000000);
    /* ie10 */
    background-image: -ms-linear-gradient(0deg, #e6e6e6 0%, #000000 100%);
    /* opera 11.1 */
    background-image: -o-linear-gradient(0deg, #e6e6e6, #000000);
    /* 标准写法 */
    background-image: linear-gradient(0deg, #e6e6e6, #000000);
    justify-content: center;
    border-bottom: 1px solid #cccccc;
}

.main1wrap ul.list li .top .pic {
    width: 66%;height: 68.98%;
}
.main1wrap ul.list li .name {
    text-align: center;line-height: 58px;color: #555555;
    overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.main1wrap .page {
    justify-content: center;
}
.main1wrap .page li {
    width: 35px;height: 35px;
    border-radius: 4px;border: 1px solid #e9e9e9;text-align: center;line-height: 35px;margin: 32px 11px;color: #535353;
    background: #fff;
}
.main1wrap .page li:hover {
    border: 1px solid #005c63;
    background: #005c63;
    color: #fff;
}
.main1wrap .page li.show {
    border: 1px solid #005c63;
    background: #005c63;
    color: #fff;
}


@media screen and (max-width: 1366px) {
    .main1wrap {
        width: 1000px;
    }
    .main1wrap ul.list li {
        height: 316px;margin-bottom: 30px;
        margin-right: 2.9%;
    }
    .main1wrap ul.list li .name {
        line-height: 42px;
    }
}
@media screen and (max-width: 1000px) {
    .main1 {
        padding-top: 50px;
        padding-bottom: 8%;
    }
    .maintitle {
        padding-top: 3%;
    }
    .maintitle span {
        font-size: 22px;
    }
    .maintitle img {
        width: 16px;
    }
    .main1wrap {
        width: 100%;
        margin: 5% auto 0;
    }
    .main1wrap ul.list {
        flex-wrap: wrap;
        margin-bottom: 5%;
    }
    .main1wrap ul.list li {
        width: 95%;
        margin: 0 auto 3%;
    }
    .main1wrap ul.list li .name {
        font-size: 14px;
    }
    .main1wrap .page li {
        width: 30px;
        height: 30px;
        margin: 0px 6px;
        line-height: 30px;
    }
}