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

.infor{ margin-top:50px;}

.market{ padding-top: 60px;}
.market .flex{ margin-top: 40px; justify-content: space-between; align-items: center; height: 383px; background: url('../img/marketBg2.png') top center no-repeat;}
.market .flex .middle{ text-align: center; font-size: 34px; font-weight: 600; color: #FFFFFF;}
.market .flex .item{ height: 61px; padding: 56px 0px; font-size: 16px; line-height: 30px; color: #7E8287;}
.market .flex .item + .item{ margin-top: 37px;}
.market .flex .left .item{ padding-left: 120px; width: 350px;}
.market .flex .right .item{ text-align: right; padding-right: 120px; width: 350px;}

.product{ padding-top: 60px;}
.product .flex{ margin-top: 30px; justify-content: space-between;}
.product .flex .item{ padding: 20px 27px; text-align: center; width: 204px; height: 240px; 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;}
.product .flex .item b{ margin-top: 25px; display: block; color: #141414; font-size: 28px; line-height: 40px;}
.product .flex .item p{ text-align: left; margin-top: 15px; font-size: 14px; line-height: 22px; color: #7E8287;}
.product .other{ padding-top: 95px; height: 600px; background: url('../img/productRight.png') right 35px no-repeat;}
.product .other .txt{ position: relative; background: linear-gradient(180deg, #EFF3F9, #FFFFFF); box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 0px 8px 8px 0px; border: 3px solid #FFFFFF; padding: 20px; font-size: 16px; width: 407px; height: 110px; line-height: 30px; color: #7E8287;}
.product .other .txt + .txt{ margin-top: 20px;}
.product .other .txt::before{ position: absolute; top: -3px; left: -3px; bottom: -3px; width: 4px; height: 156px; content: ''; display: block; background: #3267FF;}

.solution .flex{ justify-content: space-between; flex-wrap: wrap;}
.solution .flex .item{ margin-top: 67px; position: relative; width: 264px; height: 179px; padding: 30px 25px; 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;}
.solution .flex .item .tag{ position: absolute; left: -3px; top: -35px; padding: 0px 20px; width: 179px; height: 60px; line-height: 53px; background: url('../img/solutionTagBg.png') no-repeat; font-size: 28px; font-weight: 600; color: #FFFFFF;}
.solution .flex .item p{ font-size: 16px; line-height: 30px; color: #7E8287;}
.solution .flex .item:nth-child(5),
.solution .flex .item:nth-child(6),
.solution .flex .item:nth-child(7),
.solution .flex .item:nth-child(8){ margin-top: 90px;}