.banner{ background: url('../img/channelRiskControlBanner.png') top center no-repeat; height: 197px; padding: 150px 0px; color: #FFFFFF;}
.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.flex{ margin-top: 80px; justify-content: space-between;}
.market .left{ padding: 40px 45px; width: 248px; height: 325px; background: url('../img/marketLeftBg.png') no-repeat; box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); font-size: 20px; color: #141414; font-weight: 600; line-height: 30px;}
.market .right{ width: 987px;}
.market .right .top{ margin-bottom: 70px;}
.market .right .top .item{ width: 304px; height: 56px; line-height: 56px; padding: 0px 25px; background: #E8F3FF; box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 8px; border: 3px solid #FFFFFF; font-size: 20px; color: #141414;}
.market .right .top .item + .item{ margin-left: 90px;}
.market .right .bottom{ justify-content: space-between; height: 248px; position: relative;}
.market .right .bottom::after{ content: ''; display: block; width: 90px; height: 1px; background: #979797; position: absolute; left: -90px; top: 50%; z-index: -1;}
.market .right .bottom::before{ content: ''; display: block; width: 980px; height: 164px; border: 1px solid #979797; border-radius: 8px; position: absolute; left: 0px; top: 41px; z-index: -1;}
.market .right .bottom .other{ font-size: 20px; color: #141414; background: #FFFFFF; border-radius: 26px; border: 1px solid #979797;}
.market .right .bottom .bottomL{ margin-left: 40px;}
.market .right .bottom .bottomL .other{ margin-left: 40px; width: 50px; height: 196px; padding: 25px 0px; text-align: center;}
.market .right .bottom .bottomR{ margin-left: 40px;}
.market .right .bottom .bottomR .other{ margin-left: 40px; padding: 88px 40px; width: 157px; height: 70px; line-height: 35px;}
.market .right .bottom .txt{ margin-top: 18px; width: 245px; padding-left: 20px; background: #FFFFFF; font-size: 20px; color: #141414; line-height: 28px;}
.market .right .bottom .txt + .txt{ margin-top: 108px;}

.solution{ padding-top: 60px;}
.solution .flex{ margin-top: 30px; justify-content: space-between; align-items: center;}
.solution .right{ width: 720px; padding: 40px; margin-left: 20px; background: linear-gradient( 180deg, #EFF3F9 0%, #FFFFFF 100%); box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); border-radius: 8px; border: 3px solid #FFFFFF;}
.solution .right b{ font-weight: 600; font-size: 28px; color: #141414; line-height: 40px;} 
.solution .right p{ margin-top: 15px; font-size: 16px; color: #7E8287; line-height: 30px;} 

.technical{ padding-top: 60px;}
.technical .w1400{ position: relative; height: 707px; background: url('../img/technicalBg.png') center center no-repeat;}
.technical .item{ position: absolute; width: 280px; padding: 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;}
.technical .item b{ font-size: 21px; color: #141414; line-height: 30px; display: block;}
.technical .item p{ margin-top: 15px; font-size: 16px; line-height: 25px; color: #7E8287;}
.technical .item:nth-child(1){ top: 57px; left: 358px;}
.technical .item:nth-child(2){ top: 306px; left: 199px;}
.technical .item:nth-child(3){ top: 547px; left: 317px;}
.technical .item:nth-child(4){ top: 207px; right: 282px;}
.technical .item:nth-child(5){ top: 476px; right: 314px;}

.product{ padding-top: 60px; margin-bottom: 100px;}
.product .flex{ margin-top: 40px; justify-content: space-between;}
.product .item{ width: 249px; height: 179px; padding: 30px; 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 .item img{ transform: rotate(-45deg);}
.product .item b{ display: block; height: 40px; font-size: 26px; color: #141414; line-height: 40px;}
.product .item p{ margin-top: 15px; font-size: 14px; color: #7E8287; line-height: 30px;}

.advantage{ padding-top: 60px; height: 795px; background: url('../img/advantageBg.png') top center no-repeat;}
.advantage .flex{ flex-wrap: wrap; margin-top: 45px; background: rgba(249,250,255,0.59);}
.advantage .flex .item{ transition: all 1s; position: relative; width: 290px; height: 258px; padding: 20px 30px; background: rgba(249,250,255,0.59);}
.advantage .flex .item:hover{ background: #3267FF;}
.advantage .flex .item:hover b{ color: #FFFFFF;}
.advantage .flex .item:hover p{ color: #98B3FF;}
.advantage .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));}
.advantage .flex .item b{ margin-top: 5px; display: block; line-height: 40px; font-size: 28px; color: #141414;}
.advantage .flex .item p{ margin-top: 15px; font-size: 16px; line-height: 30px; color: #7E8287;}
.advantage .flex .item:nth-child(1){ border-top-left-radius: 8px;}
.advantage .flex .item:nth-child(4){ border-top-right-radius: 8px;}
.advantage .flex .item:nth-child(5){ border-bottom-left-radius: 8px;}
.advantage .flex .item:nth-child(8){ border-bottom-right-radius: 8px;}

.statement{ padding: 80px 0px; background: #F7F9FC;}
.statement b{ font-weight: 600; font-size: 21px; color: #141414; line-height: 29px;}
.statement p{ margin-top: 15px; font-size: 16px; color: #141414; line-height: 30px;}