.banner-page {
        height: 460px;
        background: url(https://image.bao315.com/Public/Home/images/serve/banner_01.png) no-repeat center 0;
        min-width: 1200px;
    }
    
    .banner-wrap {
        width: 1200px;
        margin: 0 auto;
    }
    
    .banner-page-left {
        float: left;
        width: 560px;
        color: #fff;
        text-align: left;
        margin-top: 105px;
    }
    
    .banner-page-left .left-top {
        font-size: 22px;
    }
    
    .banner-page-left .left-botm {
        font-size: 72px;
    }
    
    .page-box {
        float: right;
        width: 350px;
        height: 460px;
        margin-right: -50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: rgba(255, 255, 255, 0.434);
    }
    
    .page-right-title {
        text-align: center;
        margin-top: 24px;
    }
    
    .page-right-title p {
        font-weight: bold;
        font-size: 24px;
        color: #fff;
    }
    
    .page-right-title div {
        font-size: 14px;
        color: #fff;
        margin-top: 8px;
    }
    
    .page-box-table {
        width: 334px;
        height: 355px;
        background-color: #fff;
        margin-top: 12px;
    }
    
    .page-box-table form {
        margin: 20px 12px 14px 14px;
    }
    
    input {
        list-style: none;
    }
    
    .page-box-table input {
        width: 100%;
        height: 44px;
        border: 1px solid #e2e2e2;
        outline: none;
        margin-bottom: 14px;
        padding-left: 15px;
        color: #999999;
    }
    
    .checkbox input {
        width: 22px;
        height: 22px;
    }
    
    .checkbox label {
        font-size: 18px;
        color: #999999;
        position: relative;
        top: -5px;
    }
    
    #checkbox1 {
        border-radius: 10px;
        visibility: hidden;
        font-size: 26px;
    }
    
    #checkbox1+label {
        width: 13px;
        height: 13px;
        display: block;
        background-color: #ffffff;
        top: -20px;
        border: 1px solid #b5b5b5;
        border-radius: 2px;
        cursor: pointer;
        overflow: hidden;
    }
    
    #checkbox1:checked+label::before {
        content: " ";
        width: 13px;
        height: 13px;
        background: url("/Public/Home/images/serve/icon_bingo.png") no-repeat;
        background-size: 74%;
        display: block;
        color: #b5b5b5;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        position: relative;
        top: 2px;
        left: 1px;
    }
    
    #checkbox2 {
        border-radius: 10px;
        visibility: hidden;
        font-size: 26px;
    }
    
    #checkbox2+label {
        width: 13px;
        height: 13px;
        display: block;
        background-color: #ffffff;
        top: -20px;
        border: 1px solid #b5b5b5;
        border-radius: 2px;
        cursor: pointer;
        overflow: hidden;
    }
    
    #checkbox2:checked+label::before {
        content: " ";
        width: 13px;
        height: 13px;
        background: url("/Public/Home/images/serve/icon_bingo.png") no-repeat;
        background-size: 74%;
        display: block;
        color: #b5b5b5;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        position: relative;
        top: 2px;
        left: 1px;
    }
    
    .page-box-table select {
        width: 308px;
        height: 44px;
        border: 1px solid #e2e2e2;
        text-indent: 10px;
        background: url(https://image.bao315.com/Public/Home/images/serve/icon_jiantou.png) no-repeat right center;
        background-position: 290px 15px;
    }
    
    .verify-wrap {
        width: 308px !important;
        height: 44px;
        margin: 0 auto;
        border: 1px solid #e2e2e2;
        position: relative;
        background-color: #f5f5f5;
        box-sizing: border-box;
    }
    
    .banner-page-right .agreement-box{
        padding: 10px 12px 0 14px;
        display: flex;
        align-items: center;
        margin-bottom: 18px !important;
    }
    .banner-page-right .agreement-box .item:first-of-type{
        margin: 0 12px 0 0!important; 
    }
    
    .page-box-btn button {
        width: 308px;
        height: 44px;
        color: #fff;
        background-color: #c30817;
        text-align: center;
        margin-left: 14px;
        cursor: pointer;
    }
    
    .content-page {
        min-width: 1200px;
    }
    
    .matter01 {
        height: 386px;
        background-color: #f7f8f9;
    }
    
    .matter01 .fourstep {
        width: 1200px;
        height: 386px;
        margin: 0 auto;
    }
    
    .fourstep .fourstep-title {
        font-size: 32px;
        color: #222222;
        text-align: center;
        letter-spacing: 2px;
        padding-top: 65px;
    }
    
    .fourstep .fourstep-title span {
        font-size: 48px;
        color: #ee7d0d;
        letter-spacing: 2px;
    }
    
    .fourstep-img img {
        width: 939px;
        margin: 60px 129px 0px 129px;
    }
    
    .matter02 {
        height: 796px;
    }
    
    .matter02 .why {
        width: 1200px;
        height: 796px;
        margin: 0 auto;
    }
    
    .why .why-title {
        padding-top: 90px;
        text-align: center;
    }
    
    .why .why-title p {
        font-size: 36px;
        color: #222222;
    }
    
    .why .why-title span {
        font-size: 18px;
        color: #666666;
        padding-top: 25px;
    }
    
    .why .why-img {
        margin-top: -45px;
    }
    
    .matter03 {
        height: 796px;
        background-color: #f7f8f9;
    }
    
    .matter03 .problem {
        width: 1200px;
        height: 796px;
        margin: 0 auto;
    }
    
    .problem .problem-title {
        font-size: 32px;
        color: #222222;
        text-align: center;
        letter-spacing: 2px;
        padding-top: 80px;
    }
    
    .problem .problem-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 1200px;
        margin-top: 58px;
    }
    
    .problem-list .matter {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 280px;
        height: 242px;
    }
    
    .matter .list-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        /*justify-content: space-between;*/
        width: 280px;
    }
    
    .list-title img {
        width: 70px;
        height: 70px;
    }
    
    .list-title span {
        font-size: 24px;
        color: #5b7ecd;
        margin-left: 16px;
    }
    
    .matter .list-img {
        margin-top: 10px;
    }
    
    .problem-list05,
    .problem-list06,
    .problem-list07,
    .problem-list08 {
        margin-top: 40px;
    }
    
    .matter04 {
        height: 710px;
    }
    
    .matter04 .detection {
        width: 1200px;
        height: 710px;
        margin: 0 auto;
    }
    
    .detection .detection-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 1200px;
        margin-top: 58px;
    }
    
    .detection .detection-title {
        font-size: 36px;
        color: #222222;
        text-align: center;
        letter-spacing: 2px;
        padding-top: 80px;
    }
    
    .detection-title span {
        font-size: 18px;
        color: #666666;
        padding-top: 25px;
    }
    
    .detection-list .check {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 224px;
        height: 190px;
    }
    
    .check .detbg {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 224px;
        height: 168px;
    }
    
    .check-title {
        width: 164px;
        height: 48px;
        background-color: #fff;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        box-shadow: 1px 5px 5px #e6e6e6;
        margin-top: -28px;
    }
    
    .check-title span {
        padding-bottom: 3px;
        margin: 0 auto;
        text-align: center;
    }
    
    .detection-bg1 {
        background-image: url(/Public/Home/images/serve/pic_check01.png);
    }
    
    .detection-bg2 {
        background-image: url(/Public/Home/images/serve/pic_check02.png);
    }
    
    .detection-bg3 {
        background-image: url(/Public/Home/images/serve/pic_check03.png);
    }
    
    .detection-bg4 {
        background-image: url(/Public/Home/images/serve/pic_check04.png);
    }
    
    .detection-bg5 {
        background-image: url(/Public/Home/images/serve/pic_check05.png);
    }
    
    .detection-bg6 {
        background-image: url(/Public/Home/images/serve/pic_check06.png);
    }
    
    .detection-bg7 {
        background-image: url(/Public/Home/images/serve/pic_check07.png);
    }
    
    .detection-bg8 {
        background-image: url(/Public/Home/images/serve/pic_check08.png);
    }
    
    .detection-bg9 {
        background-image: url(/Public/Home/images/serve/pic_check09.png);
    }
    
    .detection-bg10 {
        background-image: url(/Public/Home/images/serve/pic_check10.png);
    }
    
    .detection-bg6,
    .detection-bg7,
    .detection-bg8,
    .detection-bg9,
    .detection-bg10 {
        margin-top: 20px;
    }
    /* matter04结束 */
    /* matter05开始 */
    
    .matter05 {
        height: 760px;
        min-width: 1200px;
        background-image: url(/Public/Home/images/serve/banner_bg.png);
        background-position: top center;
        background-size: cover;
    }
    
    .matter05 .steps {
        width: 1200px;
        height: 760px;
        margin: 0 auto;
    }
    
    .steps .steps-title {
        font-size: 36px;
        color: #222222;
        text-align: center;
        letter-spacing: 2px;
        padding-top: 80px;
    }
    
    .steps-btn {
        margin-top: 26px;
    }
    
    .matter05 .steps .list-group-box .group-list p {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .matter05 .steps .steps-list .steps-list-box {
        width: 762px;
        height: 70px;
        position: relative;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        top: 50px;
        z-index: 2;
    }
    
    .matter05 .steps .steps-list .steps-list-box .list-text {
        margin-right: 286px;
    }
    
    .matter05 .steps .steps-list .steps-list-box p {
        font-size: 48px;
        color: #eff0f1;
    }
    
    .matter05 .steps .steps-list .steps-list-box span {
        color: #333333;
        font-size: 22px;
        position: absolute;
        top: 37px;
    }
    
    .matter05 .steps .list-group-box {
        width: 1200px;
        height: 430px;
        position: relative;
        display: flex;
        flex-direction: row;
        margin-top: 48px;
        top: 20px;
    }
    
    .matter05 .steps .mySwiper2 {
        top: -84px;
    }
    
    .group-box {
        width: 859px;
        height: 405px;
        position: absolute;
        right: 0;
    }

    .group-box1{
        background-image: url('/Public/Home/images/serve/pic_swiper_1.png');
    }
    .group-box2{
        background-image: url('/Public/Home/images/serve/pic_swiper_2.png');
    }
    .group-box3{
        background-image: url('/Public/Home/images/serve/pic_swiper_3.png');
    }
    
    .group-list {
        width: 460px;
        height: 320px;
        background-color: #ffffff;
        position: absolute;
        right: 740px;
        top: 42px;
        padding: 40px 30px 40px 45px;
    }
    
    .group-list .group-text span {
        margin-top: 15px;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        color: #666666;
        line-height: 22px;
    }
    .group-list .group-text span  small{
        margin: 0 5px 0 0;
    }
    
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "";
    }
    
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "";
    }
    
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 456px;
        left: 40px !important;
    }
    
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        top: 456px;
        left: 206px !important;

    }

    .swiper-button-prev, .swiper-button-next{
        background-color: transparent !important;
    }
    
    .swiper-horizontal>.swiper-pagination-progressbar,
    .swiper-pagination-progressbar.swiper-pagination-horizontal,
    .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
    .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 118px;
        top: 453px;
        left: 82px;
        border-radius: 20px;
        overflow: hidden;
    }
    
    .swiper-pagination-progressbar {
        background: rgba(0, 0, 0, 0.1);
    }
    
    .swiper-pagination-progressbar-fill {
        border-radius: 10px;
        background-color: #222222 !important;
    }
    
    .my-slide-thumb-active {
        width: 76px !important;
        height: 85px;
        border-bottom: 10px solid #f8dab6;
        margin-top: 20px;
    }
    
    #swiper7 {
        width: 780px;
        top: -58px;
        z-index: 1;
    }
    
    #swiper7 .swiper-wrapper {
        width: 770px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    
    #swiper7 .swiper-wrapper .swiper-slide {
        font-size: 48px;
        color: #eff0f1;
    }
    /* matter05结束 */
    /* matter06开始 */
    
    .matter06 {
        height: 620px;
    }
    
    .matter06 .apply {
        width: 1200px;
        height: 620px;
        margin: 0 auto;
    }
    
    .apply .apply-title {
        font-size: 36px;
        color: #222222;
        text-align: center;
        letter-spacing: 2px;
        padding-top: 80px;
    }
    
    .matter06 .apply-list .table {
        display: flex;
        flex-direction: column;
        width: 1200px;
        margin-top: 50px;
        border: 1px solid #f7f8fc;
    }
    
    .matter06 .apply-list .table .tr {
        display: flex;
        align-items: center;
        height: 52px !important;
    }
    
    .matter06 .apply-list .table .tr .th {
        background-color: #d5dcf3;
        font-size: 16px;
        color: #585e8b;
        text-align: center;
        height: 100%;
        width: 186px;
        border-right: 1px solid #f7f8fc;
    }
    
    .matter06 .apply-list .table .tr>div {
        border-right: 1px solid #d6e2ff;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 53px;
        width: 185px;
    }
    
    .matter06 .apply-list .table .tr>div:nth-of-type(2) {
        width: 275px;
    }
    
    .matter06 .apply-list .table .tr>div:last-of-type {
        border: 0;
    }
    
    .matter06 .apply-list .swiper .tr:nth-of-type(2n) {
        background-color: #f9fbff;
    }
    
    .matter06 .apply-list .swiper .tr {
        background-color: #ffffff;
        color: #333333;
        border-left: 1px solid #d6e2ff;
        border-right: 1px solid #d6e2ff;
        border-bottom: 1px solid #d6e2ff;
    }
    
    .matter06 .apply-list .swiper {
        width: 100%;
        height: 317px;
    }
    
    .matter06 .apply-list .swiper-wrapper {
        top: 8px !important;
    }
    /* matter06结束 */