.banner{ background: url('../img/erpBanner.png') top center no-repeat; height: 197px; padding: 150px 0px; color: #141414;}
.banner b{ height: 75px; line-height: 75px; font-size: 54px;}
.banner p{ margin-top: 40px; line-height: 37px; font-size: 26px;}

.title{ font-size: 30px; font-weight: 600; color: #141414; line-height: 60px; text-align: center;}
.subTitle{ margin-top: 5px; font-size: 20px; line-height: 28px; color: #7E8287; text-align: center;}

.digitalSalesControl{ padding-top: 60px;}
.digitalSalesControl .flex{ justify-content: space-between; margin: 100px auto 50px; height: 446px; background: url('../img/digitalSalesControlBg.png') top center no-repeat;}
.digitalSalesControl .flex .item{ position: relative; width: 388px; height: 94px; line-height: 94px; font-size: 32px; color: #141414;}
.digitalSalesControl .flex .item.ml{ margin-left: 55px;}
.digitalSalesControl .flex .item.mt{ margin-top: 150px;}
.digitalSalesControl .flex .item.mr{ margin-right: 55px;}
.digitalSalesControl .flex .left .item::before{ position: absolute; top: 37px; left: 40px; display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #09E0FF;}
.digitalSalesControl .flex .left .item{ padding-left: 90px; background: url('../img/digitalSalesControlItemLeft.png') top center no-repeat;}
.digitalSalesControl .flex .right .item{ padding-right: 90px; background: url('../img/digitalSalesControlItemRight.png') top center no-repeat; text-align: right;}
.digitalSalesControl .flex .right .item::after{ position: absolute; top: 37px; right: 40px; display: block; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #09E0FF;}

.costControl{ padding-top: 60px;}
.costControl .flex{ justify-content: space-between; height: 642px; background: url('../img/costControlBg.png') top center no-repeat;}
.costControl .flex .item{ position: relative; padding: 70px; width: 319px; height: 226px; background: linear-gradient(180deg, #EFF3F9 0%, #FFFFFF 100%); box-shadow: 0px 40px 29px 0px rgba(97,107,126,0.1); border: 4px solid #FFFFFF;}
.costControl .flex .item img{ position: absolute; top: 30px; left: 30px;}
.costControl .flex .item p{ line-height: 55px; font-size: 28px; color: #141414;}
.costControl .flex .left::after{ position: absolute; top: calc(50% - 20px); right: -20px; content: ''; display: block; width: 0px; height: 0px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #FFFFFF;}
.costControl .flex .right::before{ position: absolute; top: calc(50% - 20px); left: -20px; content: ''; display: block; width: 0px; height: 0px; border-top: 20px solid transparent; border-right: 20px solid #FFFFFF; border-bottom: 20px solid transparent;}

.collaborativeManagement .flex{ margin: 40px auto 100px; justify-content: space-between;}
.collaborativeManagement .flex .item{ padding: 50px 45px; width: 340px; height: 139px; background: linear-gradient(180deg, #EFF3F9, #FFFFFF); box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 8px; border: 3px solid #FFFFFF;}
.collaborativeManagement .flex .item b{ font-size: 21px; line-height: 30px; color: #141414;}
.collaborativeManagement .flex .item p{ margin-top: 15px; font-size: 14px; line-height: 30px; color: #7E8287;}

.salesLedger{ margin-top: 60px; padding-top: 40px; height: 554px; background: url('../img/salesLedgerBg.png') top center no-repeat;}
.salesLedger .flex{ margin-top: 45px; height: 298px; border-radius: 8px; background: rgba(249,250,255,0.59);}
.salesLedger .flex .item{ transition: all 1s; position: relative; width: 290px; height: 258px; padding: 20px 30px;}
.salesLedger .flex .item:hover{ background: #3267FF;}
.salesLedger .flex .item:hover b{ color: #FFFFFF;}
.salesLedger .flex .item:hover p{ color: #98B3FF;}
.salesLedger .flex .item + .item::after{ position: absolute; top: 0px; left: 0px; content: ''; display: block; width: 2px; height: 298px; background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(215, 215, 215, 0.38), rgba(249, 249, 249, 1));}
.salesLedger .flex .item b{ margin-top: 5px; display: block; line-height: 40px; font-size: 28px; color: #141414;}
.salesLedger .flex .item p{ margin-top: 15px; font-size: 16px; line-height: 30px; color: #7E8287;}
.salesLedger .flex .item:nth-child(1){ border-radius: 8px 0px 0px 8px;}
.salesLedger .flex .item:nth-child(4){ border-radius: 0px 8px 8px 0px;}