/* 首图 */
.bar {
    width: 100%;
    margin-top: 92px;
}
.bar img {
    display: block;
    width: 100%;
}

/* 系列 */
.w1500-1 {
    width: 1280px;
    margin: 0 auto;
    background-color: #c6a573;
}
.xilie {
    height: 50px;
    margin: 0 auto;
    padding: 16px 0;
    width: 1100px;
    overflow: hidden;
    box-sizing: border-box;
}
.xilie li {
    float: left;
    display: block;
    width: 20%;
    box-sizing: border-box;
    color: #1F509A;
    text-align: center;
    line-height: 18px;
    border-right: 1px solid #1F509A;
}

.xilie li:last-child {
    border-right: 0;
}

.cont {
    display: none;
}
.show {
    display: block;
}


.wz {
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
}
.wz h3 {
    text-align: center;
}
.wz p {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    text-indent: 2em;
    padding: 0 10px;
}
.wz .pho {
    width: 100%;
    overflow: hidden;
    padding: 0 4px;
    box-sizing: border-box;
}
.pho img {
    display: block;
    float: left;
    width: 33.3%;
    padding: 4px;
    box-sizing: border-box;
}
.sl .pho img {
    width: 25%;
}
.kb {
    width: 100%;
    height: 40px;
}
.wh p {
    text-align: center;
}
.wh img {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.zz img {
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
}


@media(max-width: 780px) {
    .w1500-1 {
        width: 100%;
    }
    .xilie {
        width: 96%;
    }
    .xilie li {
        width: 20%;
    }
    .wz {
        width: 100%;
    }
    .bar {
        margin-top: 72px;
    }

    .sl .pho img {
        width: 50%;
    }
    .kb {
        height: 20px;
    }
}