.banner{ background: url('../img/onlineOpeningBanner.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: 44px; 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;}

.market{ padding-top: 60px; background: #FFFFFF;}
.market .flex{ height: 424px; padding-top: 136px; justify-content: space-between;}
.market .flex .item{ position: relative; width: 212px; height: 167px; background: #F1F4FF; border-radius: 10px; padding: 120px 49px 35px 49px; font-size: 16px; color: #828389; line-height: 30px;}
.market .flex .item img{ width: 252px; height: 187px; position: absolute; top: -88px; left: 29px;}

.solution{ padding-top: 60px;}
.solution .w1400{ margin-top: 52px; padding: 0px 108px; width: 1284px; height: 457px; background: url('../img/solutionBg2.png') top center no-repeat;}
.solution .w1400 .left{ padding: 100px 0px; width: 646px;}
.solution .w1400 .left b{ font-size: 21px; margin-bottom: 25px; color: #FFFFFF; display: block;}
.solution .w1400 .left p{ font-size: 16px; line-height: 30px; color: #B9B4FA;}

.product{ padding-top: 40px; height: 790px; margin-top: 90px; background: url('../img/productBg.png') top center no-repeat;}
.product .w1400 b{ margin-bottom: 10px; font-size: 21px; color: #141414; display: block; position: relative; z-index: 2;}
.product .w1400 b::before{ position: absolute; z-index: -1; left: -20px; top: -5px; content: ''; width: 40px; height: 40px; border-radius: 50%; display: block;}
.product .w1400 p{ font-size: 16px; color: #828389; line-height: 30px;}
.product .flex{ justify-content: center; margin-top: 90px; margin-bottom: 40px;}
.product .flex .left,
.product .flex .right{ width: 260px; padding-left: 20px;}
.product .flex .left b::before{ background: linear-gradient(to right,#C5C5FE 0%,rgba(255,255,255,0) 55%);}
.product .flex .right b::before{ background: linear-gradient(to right,#BFF2DD 0%,rgba(255,255,255,0) 55%);}
.product .flex .middle{ position: relative; width: 420px; height: 420px; margin: 0px 85px; background: url('../img/productMiddle.png') top center no-repeat;}
.product .flex .middle .abs{ position: absolute; font-weight: 600; font-size: 16px; color: #4698FE;}
.product .flex .middle .abs1{ transform: rotate(-60deg); top: 140px; left: 67px;}
.product .flex .middle .abs2{ top: 175px; left: 163px; font-weight: 600; font-size: 24px; color: #FFFFFF; line-height: 33px;}
.product .flex .middle .abs3{ transform: rotate(60deg); top: 150px; right: 30px;}
.product .flex .middle .abs4{ bottom: 80px; left: 170px;}
.product .bottom{ width: 660px; padding-left: 20px; margin: 0px auto;}
.product .bottom b::before{ background: linear-gradient(to right,#A7C6F8 0%,rgba(255,255,255,0) 55%);}

.summarize{ padding-top: 60px; height: 765px;}
.summarize .flex{ flex-wrap: wrap;}
.summarize .flex .item{ width: 396px; margin-top: 50px; margin-right: 106px;}
.summarize .flex .item:nth-child(3){ margin-right: 0px;}
.summarize .flex .item b{ font-size: 21px; color: #141414; display: block; height: 62px; line-height: 62px;}
.summarize .flex .item p{ font-size: 16px; color: #828389; line-height: 30px;}