.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:justify;justify-content:space-between}.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:16px 0 43px 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:500px;height:284px}.scene{padding:70px 0 0}.scene .scene-center{margin-top:19px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:url(https://cdn.xinstall.com/xweb_static/assets/img/scene-page-bg.4c8d054cb.png) no-repeat center}.scene .scene-center .scene-center-box-outer{position:relative;width:350px;height:642px;background:url(https://cdn.xinstall.com/xweb_static/assets/img/phone-outer.7345ceaf9.png) no-repeat center}.scene .scene-center .scene-center-box-outer .scene-center-box-inner{position:relative;width:350px;height:642px;background:url(https://cdn.xinstall.com/xweb_static/assets/img/phone-inner.a8a858055.png) no-repeat center;z-index:1}.scene .scene-center .scene-center-box-outer .scene-center-box-inner img{width:71px;height:71px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);transition:.3s;cursor:pointer}.scene .scene-center .scene-center-box-outer .scene-center-box-inner img.pause{opacity:0}.scene .scene-center .scene-center-box-outer .scene-center-box-inner:hover .pause{opacity:1}.scene .scene-center .scene-center-box-outer video{position:absolute;top:37px;left:50px}.scene .scene-center .scene-right{margin-left:142px;width:370px;font-size:30px}.scene .scene-center .scene-right h2{font-size:30px;font-weight:bold;margin-bottom:24px}.scene .scene-center .scene-right p{font-size:14px;line-height:26px}.scene .scene-center .scene-right.active{display:block}.pain{padding:70px 0;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;padding-left:70px}.pain .pain-center .pain-item>img{width:60px;height:60px}.pain .pain-center .pain-item .pain-item-msg{margin-left:40px}.pain .pain-center .pain-item .pain-item-msg>h2{font-size:18px;font-weight:bold;padding-bottom:20px}.pain .pain-center .pain-item:nth-of-type(2n+1){padding-left:20px}.program{padding:70px 0;font-size:14px;overflow:hidden}.program .program-cente{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.program .program-text{margin-left:25px}.program .program-center-one{margin-top:50px}.program .program-center-one>img{width:630px;height:424px}.program .program-center-two>img{width:668px;height:422px;margin-left:-29px}.program .program-list-wrap-l,.program .program-list-wrap-r{width:530px}.program .list-msg-l,.program .list-msg-r{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-top:20px}.program .list-msg-l>.list-msg-point,.program .list-msg-r>.list-msg-point{width:6px;height:6px;background:#3F85EE;border-radius:100%;position:relative;top:5px;left:5px}.program .list-msg-l>div,.program .list-msg-r>div{-ms-flex:1;flex:1;font-size:16px;color:#666;line-height:24px;margin:-5px 0 0 20px}.program .list-msg-l:nth-of-type(1),.program .list-msg-r:nth-of-type(1){margin-top:40px}.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;margin-top:2px}.principle-center .principle-block .principle-item2{margin-left:24px}.principle-center .principle-block .principle-item2>img{width:433px;height:268px;margin-top:38px}.principle-center .principle-block .principle-item3{margin-left:24px}.principle-center .principle-block .principle-item3>img{width:216px;height:307px}.principle-center .principle-block .principle-item4{margin-left:18px}.principle-center .principle-block .principle-item4>img{width:348px;height:306px}.principle-center .principle-block .principle-item4>p{width:260px}.animate__animated{visibility:hidden}