.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:16px 0 16px 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:435px;height:295px}.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 h3{line-height:40px;font-size:30px;font-weight:bold;margin-bottom:24px}.scene .scene-center .scene-right p{font-size:16px;line-height:30px}.scene .scene-center .scene-right.active{display:block}.pain{padding:70px 153px 0;font-size:14px}.pain .pain-center{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:center;margin-top:68px;font-size:16px}.pain .pain-center .pain-item{width:278px;height:240px}.pain .pain-center .pain-item>img{width:62px;height:62px}.pain .pain-center .pain-item>h2{font-size:18px;font-weight:bold;margin-top:24px}.pain .pain-center .pain-item>p:nth-of-type(1){line-height:24px;margin-top:16px}.scenes-wrap{background:#F9FAFC}.scenes{padding:70px 0;font-size:14px}.scenes .scenes-nav{width:800px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:72px auto 100px}.scenes .scenes-nav .scenes-nav-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #ccc;padding-bottom:9px;width:250px;cursor:pointer}.scenes .scenes-nav .scenes-nav-item img{width:31px;height:31px;margin-right:10px}.scenes .scenes-nav .scenes-nav-item img.scenes-nav-img-active{display:none}.scenes .scenes-nav .scenes-nav-item p{color:#666;font-size:20px}.scenes .scenes-nav .scenes-nav-item.active{border-bottom:1px solid #1890FF}.scenes .scenes-nav .scenes-nav-item.active .scenes-nav-img{display:none}.scenes .scenes-nav .scenes-nav-item.active .scenes-nav-img-active{display:block}.scenes .scenes-nav .scenes-nav-item.active p{color:#1890FF}.scenes .scenes-cente{display:none;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.scenes .scenes-cente.active{display:-ms-flexbox;display:flex}.scenes .scenes-center-one{margin-top:50px}.scenes .scenes-center-one>img{width:633px;height:466px}.scenes .scenes-center-two>img{width:554px;height:413px}.scenes .scenes-center-three>img{width:554px;height:413px}.scenes .scenes-list-wrap-l,.scenes .scenes-list-wrap-r{width:530px}.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}.principle-center{width:1280px;padding:80px 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;-ms-flex-pack:center;justify-content:center;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}.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:218px;height:306px;margin-top:2px}.principle-center .principle-block .principle-item2{margin-left:80px}.principle-center .principle-block .principle-item2>img{width:454px;height:306px}.principle-center .principle-block .principle-item3{margin-left:12px}.principle-center .principle-block .principle-item3>img{width:429px;height:306px}.animate__animated{visibility:hidden}