* {
    padding: 0;
    margin: 0;
    font-family: PingFang SC
}

.title {
    font-size: 50px;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 50px
}

.subtitle {
    font-size: 22px;
    font-weight: 400;
    color: #545454;
    margin-top: 31px
}

.center {
    width: 1016px;
    margin: 0 auto
}

.pospal {
    padding: 240px 0 163px 0;
    background: url("../images/ERP/1-1.png") no-repeat;
    background-size: cover;
    background-position: center
}

.pospal-center {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto
}

.pospal-content-title {
    font-size: 60px;
    font-family: PingFang SC;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 74px
}

.pospal-content-subtitle {
    margin-top: 12px;
    font-size: 25px;
    font-weight: 500;
    color: #303849
}

.pospal-content-line {
    width: 371px;
    height: 1px;
    background: rgba(60, 60, 60, 0.3);
    margin: 39px 0 18px
}

.pospal-content-flex {
    width: 276px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.pospal-content-flex-item {
    font-size: 16px;
    color: #1a1a1a;
    margin-top: 19px
}

.pospal-content-flex-item::before {
    content: url("../images/ERP/1-3.png");
    width: 14px;
    height: 14px;
    margin-right: 9px
}

.pospal-content-btn {
    width: 177px;
    height: 46px;
    background: #ff6727;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 46px;
    text-align: center;
    margin-top: 50px;
    cursor: pointer
}

.question {
    padding-top: 141px;
    background: #fff
}

.question-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 48px;
    margin-bottom: 201px
}

.question-flex-item {
    box-sizing: border-box;
    width: 224px
}

.question-flex-item-img {
    width: 224px;
    height: 151px;
    display: block
}

.question-flex-item-text {
    border: 1px solid #bcc4d1;
    height: 159px;
    margin-top: -20px;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 47px 16px 0;
    font-size: 16px;
    font-weight: 500;
    color: #303849;
    line-height: 24px
}

.step-img {
    background: url("../images/ERP/3-1.png") no-repeat;
    background-size: cover;
    background-position: center;
    width: 848px;
    height: 434px;
    margin: 50px auto 40px;
    position: relative
}

.step-img-text1 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    left: 74px;
    top: 104px
}

.step-img-text2 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    left: 87px;
    top: 193px
}

.step-img-text3 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    left: 74px;
    top: 377px
}

.step-img-text4 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    left: 365px;
    top: 36px
}

.step-img-text5 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    left: 365px;
    top: 312px
}

.step-img-text6 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    right: 79px;
    top: 104px
}

.step-img-text7 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    right: 80px;
    top: 193px
}

.step-img-text8 {
    position: absolute;
    font-size: 20px;
    color: #545454;
    right: 79px;
    top: 377px
}

.advantage {
    background: #f8f8f9;
    padding-top: 140px;
    padding-bottom: 100px
}

.advantage-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3px
}

.advantage-flex-item {
    margin-top: 51px;
    width: 492px;
    height: 505px;
    padding: 54px 35px 0 25px;
    box-sizing: border-box
}

.advantage-flex-item-title {
    font-size: 30px;
    font-weight: bold;
    color: #303849
}

.advantage-flex-item-content {
    font-size: 16px;
    color: #545454;
    line-height: 24px;
    margin-top: 27px
}

.advantage-flex-item1 {
    background: url("../images/ERP/4-1.png") no-repeat;
    background-size: cover;
    background-position: center
}

.advantage-flex-item2 {
    background: url("../images/ERP/4-2.png") no-repeat;
    background-size: cover;
    background-position: center
}

.advantage-flex-item3 {
    background: url("../images/ERP/4-3.png") no-repeat;
    background-size: cover;
    background-position: center
}

.advantage-flex-item4 {
    background: url("../images/ERP/4-4.png") no-repeat;
    background-size: cover;
    background-position: center
}

.example {
    padding-top: 140px;
    padding-bottom: 927px
}

.example-item {
    margin-top: 47px;
    position: relative
}

.example-item-title {
    font-size: 30px;
    font-weight: bold;
    color: #303849;
    line-height: 30px
}

.example-item-title::before {
    content: '';
    width: 2px;
    height: 28px;
    background: #ff6727;
    margin-right: 15px;
    display: inline-block;
    vertical-align: bottom
}

.example-item-subtitle {
    font-size: 16px;
    color: #545454;
    margin-top: 19px;
    margin-left: 17px
}

.example-item-line {
    position: absolute;
    width: 721px;
    height: 1px;
    background: rgba(26, 26, 26, 0.2);
    left: 117px;
    top: 17px
}

.example-item-img1 {
    width: 137px;
    height: 64px;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.example-item-people {
    position: absolute;
    background: url("../images/ERP/5-2.png") no-repeat;
    background-size: cover;
    background-position: center;
    width: 307px;
    height: 210px;
    top: 89px
}

.example-item-people-name {
    position: absolute;
    left: 9px;
    top: 105px;
    font-size: 16px;
    color: #505050
}

.example-item-people-position {
    font-size: 16px;
    color: rgba(80, 80, 80, 0.7);
    position: absolute;
    top: 125px;
    left: -12px
}

.example-item-people-content {
    font-size: 16px;
    color: #545454;
    line-height: 24px;
    width: 161px;
    position: absolute;
    top: 21px;
    right: 25px
}

.example-item-img2 {
    width: 1007px;
    height: 611px;
    position: absolute;
    right: 0;
    top: 123px
}

.brand-flex {
    margin-top: 75px;
    margin-bottom: 200px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    height: 588px;
    align-content: space-between
}

.brand-flex-item {
    width: 225px;
    height: 168px;
    display: block
}

.support-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: 88px 0 156px
}

.support-flex-item {
    width: 112px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 141px
}

.support-flex-item-text-title {
    font-size: 25px;
    font-weight: 500;
    color: #111a2e;
    line-height: 25px
}

.support-flex-item-text-content {
    color: #545454;
    font-size: 16px;
    margin-top: 14px;
    line-height: 20px
}

.support-flex-item-img1 {
    width: 27px;
    height: 31px
}

.support-flex-item-img2 {
    width: 35px;
    height: 31px
}

.support-flex-item-img3 {
    width: 33px;
    height: 29px
}

.support-flex-item-img4 {
    width: 35px;
    height: 29px
}