.banner{background:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #F3FAFC 100%);height:500px;overflow:hidden}.self-banner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.banner-l{-ms-flex:1;flex:1;text-align:left}.banner-l .banner-title{width:720px}.banner-l .banner-msg{width:720px;font-size:20px;font-weight:400;color:#666666;line-height:36px;margin:24px 0 63px 0}.banner-l .banner-btn{width:218px;height:48px;background:#1867FF;box-shadow:0px 2px 10px 2px rgba(0,19,72,0.1);border-radius:4px;line-height:48px;text-align:center;font-size:20px;font-weight:500;color:#FFFFFF;cursor:pointer}.banner-l .banner-demo-btn-a{display:inline-block;margin-left:40px}.banner-l .banner-demo-btn{background:transparent;border:2px solid #1867FF;box-sizing:border-box;color:#1867FF;line-height:24px}.banner-r{width:515px;height:271px}.scenes{padding:60px 0;font-size:14px}.scenes .scenes-cente{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;overflow:hidden}.scenes .scenes-cente .scene-text{margin-left:30px}.scenes .scenes-center-one{margin-top:50px}.scenes .scenes-center-one>img{width:673px;height:437px}.scenes .scenes-center-two>img{width:640px;height:430px}.scenes .scenes-center-three>img{width:636px;height:434px}.scenes .scenes-list-wrap-l,.scenes .scenes-list-wrap-r{width:550px}.scenes .list-msg-l,.scenes .list-msg-r{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-top:20px}.scenes .list-msg-l>.list-msg-point,.scenes .list-msg-r>.list-msg-point{width:6px;height:6px;background:#3F85EE;border-radius:100%;position:relative;top:5px;left:5px}.scenes .list-msg-l>div,.scenes .list-msg-r>div{-ms-flex:1;flex:1;font-size:16px;color:#666;line-height:24px;margin:-5px 0 0 20px}.scenes .list-msg-l:nth-of-type(1),.scenes .list-msg-r:nth-of-type(1){margin-top:40px}.animate__animated{visibility:hidden}.title-box{margin:28px 0}.necessary-title{font-size:30px;font-weight:bold;color:#333333;line-height:42px;text-align:center}.wrap{width:100%;background:#F9FAFC}.necessary-center{width:1280px;margin:auto;padding:20px 0 70px;height:auto;position:relative}.necessary-center .necessary-block{margin-top:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:14px}.necessary-center .necessary-block .necessary-item{width:242px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:20px 72px}.necessary-center .necessary-block .necessary-item img{width:115px;height:110px}.necessary-center .necessary-block .necessary-item p{text-align:center;line-height:30px;height:88px}.necessary-center .necessary-block .necessary-item>p:nth-of-type(1){font-weight:bold;color:#333333;display:inline-block;font-size:18px;height:0;margin-bottom:38px}.example-center{width:1280px;margin:auto;padding:20px 0;height:auto}.example-block{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.example-block .example-item{background:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.example-block .example-item .example-text p{text-align:left;line-height:30px;font-size:14px;color:#666666}.example-block .example-item .example-text>p:nth-of-type(1){font-weight:bold;color:#333333;display:inline-block;font-size:18px;margin-top:40px}.example-block .item1{width:286px;height:248px;padding-top:10px;margin-top:276px;margin-right:88px;position:relative}.example-block .item1 img{width:123px}.example-block .item1 .arrow{width:67px;border:1px solid #4070FF;position:absolute;left:296px;bottom:70px}.example-block .item1 .arrow .arrow1{position:absolute;top:-7px;left:54px}.example-block .item2{width:245px;height:247px;padding-top:10px;margin-top:276px;margin-right:208px;position:relative}.example-block .item2 img{width:123px}.example-block .item2 .guide .line{width:23px;height:1px;border:1px solid #4070FF;position:absolute;left:269px;bottom:81px}.example-block .item2 .guide .guide-box{position:absolute;width:132px;height:347px;border:2px solid #4070FF;border-right:none;left:292px;top:-2px}.example-block .item2 .guide .guide-box .arrow2{position:absolute;left:119px;top:-8px}.example-block .item2 .guide .guide-box .tp{background:#F9FAFC;width:50px;height:2px;position:absolute;bottom:-2px;right:0}.example-block .item2 .guide .guide-box .arrow3{position:absolute;left:70px;bottom:-9px}.example-block .item3{width:220px;height:274px;margin-top:55px;margin-bottom:211px;padding-top:21px}.example-block .item3 img{width:133px}.example-block .item3 .example-text>p:nth-of-type(1){margin-top:30px}.example-block .example-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:216px}.example-block .example-box .item4{width:334px;height:303px;padding-top:31px}.example-block .example-box .item4 .example-text{margin-bottom:83px}.example-block .example-box .item4 img{width:302px}.example-block .triangle{width:0;height:0;border-left:14px solid #4070FF;border-top:7px solid transparent;border-bottom:7px solid transparent}