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

.market{ padding-top: 60px;}
.market .w1400{ margin-top: 30px; height: 993px; position: relative;}
.market .w1400 .title{ width: 619px; height: 69px; line-height: 69px; box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 8px; border: 3px solid #FFFFFF; font-weight: 600; color: #FFFFFF; font-size: 26px; text-align: center;}
.market .w1400 .main{ margin-top: 30px; height: 882px; box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 8px; border: 3px solid #FFFFFF;}
.market .w1400 .main .item{ display:flex; align-items: center; height: 79px; font-size: 16px; color: #141414; line-height: 22px;}
.market .w1400 .main .item + .item{ border-top: 1px dashed #FFFFFF;}
.market .left{ float: left; width: 685px; height: 993px;}
.market .left .title{ padding-right: 60px; background: linear-gradient(180deg, #1875FF, #80BAFF);}
.market .left .main{ background: linear-gradient(180deg, #D2DEFF, #D6F2FF);}
.market .left .main .item{ justify-content: flex-end; text-align: right; padding-left: 57px; padding-right: 118px;}
.market .right{ float: right; width: 685px; height: 993px;}
.market .right .title{ padding-left: 60px; background: linear-gradient(180deg, #868686, #BBBEC0);}
.market .right .main{ background: linear-gradient(180deg, #D8D9DD, #E9EDF0);}
.market .right .main .item{ padding-left: 118px; padding-right: 57px;}
.market .middle{ text-align: center; position: absolute; top: -25px; left: 625px; width: 153px;}
.market .middle .item{ display: flex; align-items: center; justify-content: center; margin-top: 21px; color: #FFFFFF; font-size: 16px; width: 147px; height: 53px; background: #3267FF; border-radius: 8px; border: 3px solid #FFFFFF;}
.market .middle .item.mt{ margin-top: 16px;}

.solution{ padding-top: 60px;}
.solution .flex{ margin-top: 30px; justify-content: space-between; flex-wrap: wrap;}
.solution .flex .item{ position: relative; transition: all 1s; width: 310px; height: 160px; padding: 30px 20px;}
.solution .flex .item.br::after{ position: absolute; top: 0px; right: 0px; content: ''; display: block; height: 220px; width: 0px; border-right: 1px dashed #94AFFD;}
.solution .flex .item.bb::before{ position: absolute; bottom: 0px; left: 0px; right: 0px; content: ''; display: block; height: 0px; width: 350px; border-bottom: 1px dashed #94AFFD;}
.solution .flex .item:hover{ background: #3267FF;}
.solution .flex .item:hover b{ color: #FFFFFF;}
.solution .flex .item:hover p{ color: #98B3FF;}
.solution .flex .item b{ display: block; margin-bottom: 12px; font-size: 21px; color: #141414; line-height: 30px;}
.solution .flex .item p{ font-size: 16px; color: #7E8287; line-height: 22px;}
.solution .flex .item img{ position: absolute; bottom: 0px; right: 0px;}

.summary{ margin-top: 30px; padding-top: 60px; height: 760px; background: url('../img/summaryBg.png') top center no-repeat;}
.summary .w1400.flex{ position: relative; justify-content: space-between;}
.summary .left{ width: 616px;}
.summary .left .item:nth-child(1){ margin-top: 71px; margin-left: 78px;}
.summary .left .item:nth-child(2){ margin-top: 111px;}
.summary .left .item:nth-child(3){ margin-top: 107px; margin-left: 81px;}
.summary .left .item p{ margin-right: 17px; text-align: right;}
.summary .right{ width: 616px;}
.summary .right .item:nth-child(1){ margin-top: 76px; margin-left: 12px;}
.summary .right .item:nth-child(2){ margin-top: 115px; margin-left: 91px;}
.summary .right .item:nth-child(3){ margin-top: 107px; margin-left: 15px;}
.summary .right .item p{ margin-left: 17px;}
.summary .middle{ position: absolute; left: 616px; top: 154px; padding: 74px 0px; text-align: center; border-radius: 50%; width: 168px; height: 160px; color: #FFFFFF; font-weight: 600; font-size: 28px; line-height: 40px;}
.summary .item.flex{ margin-top: 71px; align-items: center;}
.summary .item b{ width: 170px; height: 79px; line-height: 79px; text-align: center; display: inline-block; font-size: 28px; color: #141414;}
.summary .item p{ width: 330px; font-size: 14px; color: #7E8287; line-height: 22px;}