.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:501px;height:344px}.pain{padding:70px 0 120px;font-size:14px}.pain .pain-center{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 70px}.pain .pain-center .pain-item{width:50%;margin-top:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.pain .pain-center .pain-item .pain-link-1{width:510px;height:202px}.pain .pain-center .pain-item .pain-link-2{width:524px;height:202px}.pain .more-platform{font-weight:bold;color:#40A3FF;font-size:30px;text-align:center;margin-top:60px}.program-wrap{background:url(https://cdn.xinstall.com/xweb_static/assets/img/program_bg.ffcc04b26.png) no-repeat center;background-size:cover;overflow:hidden}.program{padding:70px 0;font-size:14px;color:#000}.program .program-center{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:80px}.program .program-center .program-item{box-sizing:border-box;width:278px;height:310px;background:#fff;border:1px solid #e8e8e8;text-align:center;padding:0 25px}.program .program-center .program-item>img{width:80px;height:80px;margin-top:41px}.program .program-center .program-item>p:nth-of-type(1){font-size:18px;font-weight:bold;margin-top:29px}.program .program-center .program-item>p:nth-of-type(2){line-height:24px;margin-top:19px;color:#666}.scenes{padding:70px 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-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 .scenes-text{margin-left:25px}.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}.principle-center{width:1280px;padding:20px 0 70px;height:auto;position:relative}.principle-center .principle-title{font-size:30px;font-weight:bold;color:#333333;line-height:42px;text-align:center}.principle-center .principle-block{margin-top:50px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;font-size:14px}.principle-center .principle-block .principle-item{text-align:center}.principle-center .principle-block .principle-item>p:nth-of-type(1){font-weight:bold;color:#333333;line-height:20px;margin-top:20px;display:inline-block}.principle-center .principle-block .principle-item>p:nth-of-type(2){color:#666666;line-height:26px;margin-top:10px;display:inline-block}.principle-center .principle-block .principle-item1>img{width:216px;height:304px}.principle-center .principle-block .principle-item2{margin-left:20px}.principle-center .principle-block .principle-item2>img{width:404px;height:276px;margin-top:29px}.principle-center .principle-block .principle-item3{margin-left:28px}.principle-center .principle-block .principle-item3>img{width:216px;height:305px}.principle-center .principle-block .principle-item4{margin-left:45px}.principle-center .principle-block .principle-item4>img{width:352px;height:239px;margin-top:66px}.principle-center .principle-block .principle-item4>p{width:346px}