@keyframes fadeIn{0%{opacity:0}12.5%{opacity:.2}37.5%{opacity:.4}62.5%{opacity:.6}87.5%{opacity:.8}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}12.5%{opacity:.8}37.5%{opacity:.6}62.5%{opacity:.4}87.5%{opacity:.2}100%{opacity:0}}.prod-banner-wrapper:before{background:radial-gradient(circle at 60% 45%,#0097fd,#071928 80%,transparent)}.prod-banner-wrapper .left{color:#fff;height:100%;vertical-align:top;padding-top:180px}.prod-banner-wrapper .right .radial-bg{position:relative;height:100%;padding-top:100px}.prod-banner-wrapper .right .radial-bg img{width:50%;transform:scale(1.1)}.introduce{padding:100px 0}.introduce .inner-container{margin:0 auto;max-width:1280px;padding:0 40px}.introduce .title{font-size:24px;color:#2f5062;margin-bottom:22px;letter-spacing:3px;text-indent:3px;text-align:center}.introduce .sub-title{font-size:16px;color:#2f5062;margin-bottom:25px;letter-spacing:1px;text-indent:1px;text-align:center;line-height:normal}.introduce .prod-introduce{position:relative;text-align:center}.introduce .prod-introduce img{max-width:400px}.introduce .prod-introduce .intro-item{position:absolute;width:300px}.introduce .prod-introduce .intro-item .intro-title{font-size:16px;color:#2f5062;margin-bottom:10px;text-align:left}.introduce .prod-introduce .intro-item .desc{font-size:14px;color:#5c5c5c;line-height:1.5;text-align:left}.introduce .prod-introduce .intro-item:nth-child(1){top:160px;left:138px}.introduce .prod-introduce .intro-item:nth-child(1) .intro-title{text-align:right}.introduce .prod-introduce .intro-item:nth-child(2){top:76px;right:150px}.introduce .prod-introduce .intro-item:nth-child(3){bottom:-7px;right:150px}.architecture{background-image:url(../image/section-bg4.svg);background-position:center top;background-repeat:no-repeat;background-size:3000px 100%;padding-top:200px;padding-bottom:100px}.architecture .inner-container{margin:0 auto;max-width:1280px;padding:0 40px}.architecture .inner-container .title{font-size:24px;color:#2f5062;margin-bottom:58px;letter-spacing:3px;text-indent:3px;text-align:center}.architecture .inner-container .shadow{width:100%;padding:50px 0;overflow:hidden;text-align:center;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.1);border-radius:4px}.architecture .inner-container .flow{padding:30px 0;background:#f2fbfc}.architecture .inner-container .flow>img{height:402px}.architecture .inner-container .flow .flow-container{display:flex;align-items:center;justify-content:space-between;width:848px;margin:0 auto}.architecture .inner-container .flow .flow-container>div{border:1px dashed rgba(75,118,135,.8);border-radius:4px;color:#2f5062;font-size:13px}.architecture .inner-container .flow .flow-container>div.data{flex:0 1 100px;padding:40px 20px}.architecture .inner-container .flow .flow-container>div.data img{margin-bottom:20px}.architecture .inner-container .flow .flow-container>div.tech{flex:0 1 500px;padding:10px 30px}.architecture .inner-container .flow .flow-container>div.tech>div{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:20px 0;padding:10px 0;border:1px solid rgba(75,118,135,.8)}.architecture .inner-container .flow .flow-container>div.tech>div>p{flex:0 0 70px;text-align:right}.architecture .inner-container .flow .flow-container>div.tech>div>div{flex:1 1;text-align:left;padding-left:20px}.architecture .inner-container .flow .flow-container>div.tech>div>div span{display:inline-block;padding:5px 10px;margin:10px 5px;border:1px dashed rgba(75,118,135,.8);border-radius:4px}.architecture .inner-container .flow .flow-container>div.prod{flex:0 1 108px;text-align:center;padding:40px 0}.architecture .inner-container .flow .flow-container>div.prod p{margin-bottom:20px}.architecture .inner-container .flow .flow-container>div.prod span{display:inline-block;padding:8px 13px;margin:10px 0;background-color:#bcd7dd;border-radius:4px}.architecture .inner-container .flow .flow-container>div.line{position:relative;flex:0 1 50px;border-bottom:none}.architecture .inner-container .flow .flow-container>div.line:after{position:absolute;left:22px;top:-7px;content:'';border:6.5px solid transparent;border-left-color:rgba(75,118,135,.8)}.feature{padding:100px 0;text-align:center}.feature .inner-container{margin:0 auto;max-width:1280px;padding:0 40px}.feature .title{font-size:24px;color:#2f5062;margin-bottom:22px;letter-spacing:3px;text-indent:3px;text-align:center;margin-bottom:78px}.feature .sub-title{font-size:16px;color:#2f5062;margin-bottom:52px;letter-spacing:1px;text-indent:1px;text-align:center;line-height:normal}.feature .content{font-size:0}.feature .content>div{display:inline-block;width:30%;height:250px;text-align:center;padding-top:30px;vertical-align:top}.feature .content>div:last-child{margin-right:0}.feature .content>div img{width:60px}.feature .content>div p{color:#4c4c4c;line-height:1.4;text-align:center}.feature .content>div .point-title{font-size:16px;margin-top:20px;margin-bottom:10px}.feature .content>div .point-desc{font-size:14px;color:#5c5c5c;padding:0 52px}.scenarios{background-image:url(../image/section-bg3.svg);background-position:center top;background-repeat:no-repeat;background-size:3000px 100%;padding-top:200px;padding-bottom:100px;margin-top:100px}.scenarios .title{font-size:24px;color:#2f5062;margin-bottom:80px;letter-spacing:3px;text-indent:3px;text-align:center}.scenarios .inner-container{margin:0 auto;max-width:1280px;padding:0 40px}.scenarios .flow{background:#fff;padding:30px 40px;border-radius:4px;box-shadow:5px 5px 10px rgba(0,0,0,.1)}.scenarios .flow .flow-wrapper{border:1px dashed #e9e9e9;border-radius:20px;background-color:#fcfcfc;padding:26px;color:#4c4c4c;font-size:14px}.scenarios .flow .flow-wrapper .row{width:950px;text-align:center;font-size:0;margin:0 auto}.scenarios .flow .flow-wrapper .row .col{display:inline-block;padding:26px 86px 0;vertical-align:top;font-size:14px}.scenarios .flow .flow-wrapper .row .col .label{display:inline-block;width:116px;text-align:center;padding:8px 0;border-radius:4px;border:1px solid #afc1e0;background-color:#f0f5ff}.scenarios .flow .flow-wrapper .row .col span{vertical-align:top}.scenarios .flow .flow-wrapper .row .col ul{display:inline-block;width:116px;text-align:center;border:1px dashed #afc1e0;border-radius:4px;padding:16px 0}.scenarios .flow .flow-wrapper .row .col ul li{position:relative;line-height:1.7}.scenarios .flow .flow-wrapper .row .col ul li:before{position:absolute;top:10px;left:20px;content:'';width:4px;height:4px;background:rgba(0,0,0,.5);border-radius:50%}.scenarios .flow .flow-wrapper .row .col>div{margin-bottom:26px}.scenarios .flow .flow-wrapper .row .col.col1{width:400px;border-right:1px dashed #e9e9e9}.scenarios .flow .flow-wrapper .row .col.col1>div{display:flex;align-items:flex-start;justify-content:space-between}.scenarios .flow .flow-wrapper .row .col.col1>div>span:nth-child(1){flex:0 0 50px;padding-top:8px}.scenarios .flow .flow-wrapper .row .col.col2{width:550px}.scenarios .flow .flow-wrapper .row .col.col2>div{display:flex;justify-content:space-between;position:relative}.scenarios .flow .flow-wrapper .row .col.col2>div:nth-child(1){align-items:center}.scenarios .flow .flow-wrapper .row .col.col2>div:nth-child(1) .line{position:relative;flex:0 1 60px;border-top:1px dashed rgba(75,118,135,.8)}.scenarios .flow .flow-wrapper .row .col.col2>div:nth-child(1) .line:after{position:absolute;top:-7px;left:27px;content:'';border:6.5px solid transparent;border-left-color:#afc1e0}.scenarios .flow .flow-wrapper .row.row1{border-bottom:1px dashed #e9e9e9}.scenarios .flow .flow-wrapper .row.row1 .col2>div:nth-child(2){align-items:flex-start}.scenarios .flow .flow-wrapper .row.row2 .col1>div div{text-align:right}.scenarios .flow .flow-wrapper .row.row2 .col1>div div span{margin-bottom:20px}