.banner-page {
    height: 460px;
    background: url(https://image.bao315.com/Public/Home/images/serve/banner_04.png) no-repeat center 0;
    min-width: 1200px;
}

.banner-wrap {
    width: 1200px;
    margin: 0 auto;
}

.banner-page-left {
    float: left;
    width: 560px;
    height: 300px;
    color: #fff;
    text-align: left;
    margin-top: 75px;
}

.banner-page-left .left-top {
    font-size: 20px;
    letter-spacing: 10px;
}

.banner-page-left .left-botm {
    font-size: 72px;
}

.banner-btn {
    margin-top: 30px;
}

.banner-btn button {
    border-radius: 90px;
    width: 260px;
    height: 58px;
    font-size: 22px;
    color: #595e96;
    background-color: #ffffff;
    cursor: pointer;
}


/* matter01开始 */

.content-page {
    min-width: 1200px;
}

.matter01 {
    height: 452px;
    background-color: #f7f8f9;
}

.matter01 .fourstep {
    width: 1200px;
    height: 452px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fourstep .fourstep-title {
    font-size: 32px;
    color: #222222;
    text-align: center;
    letter-spacing: 2px;
    padding-top: 80px;
}

.fourstep .fourstep-title span {
    font-size: 48px;
    color: #6c72b7;
    letter-spacing: 2px;
}

.fourstep-img img {
    width: 800px;
    margin: 35px 129px 0px 129px;
}

.fourstep button {
    margin-top: 34px;
    border-radius: 90px;
    width: 260px;
    height: 56px;
    background-color: #6c72b7;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
}


/* matter01结束 */


/* matter02开始 */

.matter02 {
    height: 644px;
}

.matter02 .compensate {
    width: 1200px;
    height: 644px;
    margin: 0 auto;
}

.compensate .compensate-title {
    padding-top: 90px;
    text-align: center;
    font-size: 36px;
}

.compensate .compensate-title p {
    text-align: center;
    font-size: 36px;
}

.compensate .compensate-title span {
    font-size: 18px;
}

.compensate .matter-tit {
    padding-top: 60px;
}

.compensate-list {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 45px;
}

.compensate-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.compensate-list .list {
    width: 376px;
    height: 380px;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px 2px #e9e9e9;
}

.compensate-list .list-img {
    margin-top: 10px;
}

.compensate-list .list1-text {
    text-align: center;
    margin-top: 25px;
}

.compensate-list .list1-text p {
    font-size: 18px;
    letter-spacing: 2px;
}

.compensate-list .list1-text span {
    width: 305px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
}


/* matter02结束 */


/* matter03开始 */

.matter03 {
    height: 840px;
    background-image: url(/Public/Home/images/serve/pic_why_bg4.png);
    min-width: 1200px;
    position: relative;
}

.why {
    width: 1200px;
    height: 754px;
    margin: 0 auto;
}

.why-title img {
    padding-top: 40px;
}

.why-title p {
    text-align: center;
    padding-top: 80px;
    font-size: 36px;
}


/* matter03结束 */


/* matter04开始 */

.matter04 {
    height: 450px;
    background-color: #f7f8f9;
}

.matter04 .guara {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
}

.guara .guara-title {
    padding-top: 80px;
    text-align: center;
    font-size: 36px;
}

.guara-list-box {
    width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 55px;
}

.guara-list-box .list-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guara-list-box .list-box .guara-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    font-size: 18px;
}

.guara-list-box .list-box .guara-text span {
    padding-top: 10px;
    font-size: 14px;
}


/* matter04结束 */