.container-wrapper {
    width: 100%;
    height: 100%;
}

.container {
    width: 1200px;
    margin: auto;
}

.banner-section {
    position: relative;
    height: 314px;
    background: #06102DFF;
    overflow: hidden;
}

.banner-section img {
    position: absolute;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
}

.banner-section .banner-container-area {
    position: relative;
    height: 100%;
    overflow: hidden;
}


.banner-section .banner-container-area .banner-text {
    position: absolute;
    left: 80px;
    top: 205px;
}


.body-section {
    margin-top: 63px;
}

.body-section .title-area .title-block {
    text-align: center;
    font-size: 24px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.body-section .title-area .tips-block {
    text-align: center;
    font-size: 14px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    margin-top: 29px;
}

.body-section .data-area {
    margin-top: 67px;
}

.body-section .data-area .data-item-block {
    display: flex;
    justify-content: space-around;
}

.body-section .data-area .data-item-block .data-item {
    display: inline-flex;
    width: 554px;
    height: 427px;
    margin-bottom: 74px;
    align-items: center;
    flex-direction: row;
}

.body-section .data-area .data-item-block .data-item img {
    vertical-align: middle;
    margin: auto;
}

.body-section .data-area .data-item-block .data-item-title {
    font-size: 24px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(43, 174, 159, 1);
}

.body-section .data-area .data-item-block .data-item-list {
    margin-top: 40px;
}

.body-section .data-area .data-item-block .data-item-list li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    /*font-family: Microsoft YaHei;*/
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 10px;
}

.body-section .data-area .data-item-block .data-item-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 8px;
    width: 8px;
    transform: translateY(-4px);
    background: #2CAF9FFF;
    border-radius: 50%;
}

.solution-section {
    background: #F7F7F7FF;
    padding: 63px 0 67px;
}

.solution-section .title-area {
    text-align: center;
    font-size: 24px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 68px;
}

.solution-section .data-item-list {
    /* display: flex; */
    /* justify-content: space-around; */
    width: 831px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
}

.solution-section .data-item-list .data-item {
    display: inline-block;
    width: 25%;
    text-align: center;
    font-size: 20px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.solution-section .data-item-list .data-item img {
    vertical-align: middle;
    margin-right: 15px;
}

.example-section {
    padding: 63px 0 66px;
}

.example-section .title-area {
    text-align: center;
    font-size: 24px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 68px;
}

.example-section .show-area {}

.mt-50 {
    margin-top: 50px;
}

.button {
    display: inline-block;
    padding: 12px 44px;
    font-size: 16px;
    /*font-family: Microsoft YaHei;*/
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    background: #2CAF9F;
    cursor: pointer;
    user-select: none;
}