.wrap {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333;
}

.title {
    line-height: 2.43rem;
    font-size: 36px;
    margin-bottom: 1.43rem;
    font-weight: 800;
    color: #333;
}

.desc {
    line-height: 1rem;
}


/* 平台 */

.platform-wrap {
    padding: 6.9286rem 0;
}

.platform-wrap .content {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 4.0714rem;
}

.platform-wrap .content .platform-box {
    width: 35rem;
    height: 30rem;
    border-radius: 1rem;
    background: #F6F9FC;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-right: 3.5rem; */
}

.platform-wrap .content .platform-box:hover {
    background: #fff;
    box-shadow: 0rem 0rem 1rem 0rem rgba(2, 118, 249, 0.06);
}

.platform-wrap .content .platform-box:last-child {
    margin-right: 0;
}

.platform-wrap .content .platform-box img {
    width: 17.5714rem;
    height: 11.1429rem;
}

.platform-wrap .content .platform-box .platform-name {
    font-size: 18px;
    font-weight: 800;
    margin-top: 3.6429rem;
    margin-bottom: 1.5714rem;
}

.platform-wrap .content .platform-box .platform-desc {
    font-size: 16px;
    margin-bottom: 0.9286rem;
}


/* 资源 */

.resource-wrap {
    padding: 99px 0;
    background: #F8F9FE;
}

.resource-wrap .resource-img {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 4.2857rem;
}

.resource-wrap .resource-img img {
    display: inline-block;
    width: 47.3571rem;
    height: 47.3571rem;
}

.resource-wrap .resource-img .round {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    width: 6.9286rem;
    height: 6.9286rem;
    top: 7.3571rem;
    left: -12.9286rem;
    background: #91C0FF;
    font-size: 16.75px;
}

.resource-wrap .resource-img .round:nth-child(2) {
    width: 6rem;
    height: 6rem;
    top: 8.9286rem;
    left: 42rem;
    background: #91C0FF;
    font-size: 15px;
}

.resource-wrap .resource-img .round:nth-child(3) {
    width: 5.3286rem;
    height: 5.3286rem;
    top: 10.2857rem;
    left: 51.8571rem;
    background: #0E91FB;
    font-size: 12px;
}

.resource-wrap .resource-img .round:nth-child(4) {
    width: 7.3357rem;
    height: 7.3357rem;
    top: 15.7857rem;
    left: -4.4286rem;
    background: #FFC754;
    font-size: 18.43px;
}

.resource-wrap .resource-img .round:nth-child(5) {
    width: 10.2714rem;
    height: 10.2714rem;
    top: 16.0714rem;
    left: -16.2857rem;
    background: #FF7352;
    font-size: 25.8px;
}

.resource-wrap .resource-img .round:nth-child(6) {
    width: 9.5357rem;
    height: 9.5357rem;
    top: 19.5rem;
    left: 43.2143rem;
    background: #FF7352;
    font-size: 24px;
}

.resource-wrap .resource-img .round:nth-child(7) {
    width: 6.6643rem;
    height: 6.6643rem;
    top: 17.5714rem;
    left: 57.1429rem;
    background: #0E91FB;
    font-size: 16.75px;
}

.resource-wrap .resource-img .round:nth-child(8) {
    width: 6.6643rem;
    height: 6.6643rem;
    top: 31.3571rem;
    left: -8.1429rem;
    background: #0E91FB;
    font-size: 16.75px;
}

.resource-wrap .resource-img .round:nth-child(9) {
    width: 6.6071rem;
    height: 6.6071rem;
    top: 29.7857rem;
    left: 55.8571rem;
    background: #FFC754;
    font-size: 16.59px;
}

.resource-wrap .resource-img .round:nth-child(10) {
    width: 6.6rem;
    height: 6.6rem;
    top: 33.4286rem;
    left: 44.7857rem;
    background: #BFB8FF;
    font-size: 16.59px;
}

.resource-wrap .content {
    display: flex;
    justify-content: space-between;
    margin-top: 4.0714rem;
    margin-bottom: 3.9286rem;
}

.resource-wrap .content .resource-box {
    width: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.resource-wrap .content .resource-box:last-child {
    margin-right: 0;
}

.resource-wrap .content .resource-box .resource-name {
    color: #4B4B4B;
    height: 1.2857rem;
    line-height: 1rem;
    font-size: 18px;
    border-bottom: 6px solid #FFC754;
    margin-top: 2rem;
    margin-bottom: 2.1429rem;
}


/* 运营 */

.operating-wrap {
    padding: 138px 0 61px;
}

.operating-wrap .content {
    width: 62%;
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.operating-wrap .operating-item {
    width: 19.9286rem;
    height: 19.2857rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.9286rem;
    background: #fff;
    box-shadow: 0rem 0rem 1rem 0rem rgba(20, 154, 248, 0.14);
}

.operating-wrap .operating-item .operating-name {
    margin-top: 2.6429rem;
    color: #4B4B4B;
    font-size: 18px;
}

.operating-wrap .operating-item:nth-child(1) .operating-name,
.operating-wrap .operating-item:nth-child(8) .operating-name,
.operating-wrap .operating-item:nth-child(9) .operating-name {
    margin-top: 1.9286rem;
    color: #fff;
    font-size: 30px;
}

.operating-wrap .operating-item:nth-child(1),
.operating-wrap .operating-item:nth-child(8),
.operating-wrap .operating-item:nth-child(9) {
    background: linear-gradient(-90deg, #49A7F3 0%, #225ADE 100%);
}


/* 服务 */

.service-wrap {
    padding: 99px 0 90px;
    background-repeat: no-repeat;
    color: #fff;
}

.service-wrap .title,
.service-wrap .desc {
    color: #fff;
}

.service-wrap .content {
    margin-top: 4.2143rem;
    display: flex;
    justify-content: center;
    color: #fff;
}

.service-wrap .content .service-item {
    width: 19.3571rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #2763E0;
    font-size: 36px;
}

.service-wrap .content .service-item:first-child {
    border-left: 0;
}

.service-wrap .content .service-item:last-child {
    border-right: 0;
}

.service-wrap .content .service-item .service-name {
    font-size: 18px;
    line-height: 1.2143rem;
    margin-bottom: 2.6429rem;
}

.service-wrap .content .service-item .service-num {
    line-height: 1.9286rem;
}


/* 客户说 */

.customer-wrap {
    padding: 100px 0 59px;
}

.customer-wrap .content {
    display: flex;
    margin-top: 4.0714rem;
}

.customer-wrap .content .customer-item {
    width: 37.8571rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(20, 154, 248, 0.14);
}

.customer-wrap .content .customer-item:first-child {
    margin-right: 4.2143rem;
}

.customer-wrap .content .customer-item img {
    width: 100%;
}

.customer-wrap .content .customer-item .customer-say {
    display: inline-block;
    padding: 2.0714rem 0.7857rem 1.9286rem;
    line-height: 1.4286rem;
}


/* 合作 */

.cooperation-wrap {
    padding: 84px 0 99px;
    background-repeat: no-repeat;
    color: #fff;
}

.cooperation-wrap .title2 {
    font-size: 2.1429rem;
    font-weight: 800;
}

.cooperation-wrap .content {
    margin-top: 4.2143rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 83rem;
}

.cooperation-wrap .content img {
    width: 12.4286rem;
    margin-bottom: 2rem;
}

/* 新闻 */
.new-wrap .new-img{
    width: 200px;
}

.new-wrap .istop-img{
    width: 100%;
    margin-top: 12px;
}

.new-wrap .first-item{
    display: flex;
}

.new-wrap .media-body{
    position: relative;
}

.new-wrap .istop-title{
    /* position: absolute;
    bottom: 0; */
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 100%;
    background: #1890ff;
    color: #fff;
}

.new-wrap .new-text{
    width: 45%;
    margin-left: 5px;
}

.new-wrap .new-date{
    text-align: center;
    width: 80px;
    height: 80px;
    color: #fff;
    background: #1890ff;
    font-size: 16px;
    margin-top: 25px;
    margin-left: 12px;
    padding-top: 7px;
}

.new-wrap .new-date .day{
    font-size: 34px;
    line-height: 34px;
    font-weight: bold;
}