.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:745px;font-size:20px;font-weight:400;color:#666666;line-height:36px;margin:17px 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}.banner-r{width:453px;height:280px;margin-right:-70px}.scene{padding:70px 0 0 0}.scene .scene-center{margin-top:19px;padding:15px 0;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-pc-bg.65ef122a3.png) no-repeat center}.scene .scene-center .scene-center-box-outer{position:relative;margin:80px 0;width:600px;height:378px;background:url(https://cdn.xinstall.com/xweb_static/assets/img/computer-outer.c2b50ecf4.png) no-repeat center}.scene .scene-center .scene-center-box-outer .scene-center-box-inner{position:relative;width:600px;height:378px;background:url(https://cdn.xinstall.com/xweb_static/assets/img/computer-inner.eef612ff3.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:12px;left:57px;border-radius:5px}.scene .scene-center .scene-right{margin-left:142px;width:370px;font-size:30px}.scene .scene-center .scene-right h2{line-height:40px;font-size:30px;font-weight:bold;margin-bottom:24px}.scene .scene-center .scene-right p{font-size:14px;line-height:30px}.scene .scene-center .scene-right.active{display:block}.necessity{padding:50px 0 70px 0;font-size:14px}.necessity .necessity-center{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0 222px;margin-top:68px}.necessity .necessity-center .necessity-item{width:150px;text-align:center}.necessity .necessity-center .necessity-item>img{width:80px;height:80px}.necessity .necessity-center .necessity-item>p{line-height:30px;margin-top:22px;font-size:16px}.social-img{display:block;width:1280px;height:252px;margin:80px auto 0}.program-wrap{background:#F9FAFC;overflow:hidden;padding:70px 0}.program{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:60px}.program .program-center .program-item{width:350px;height:290px;background:#fff;box-shadow:0px 2px 8px 2px rgba(5,18,29,0.04);border-radius:10px}.program .program-center .program-item>img{width:100%}.program .program-center .program-item>p:nth-of-type(1){font-size:22px;font-weight:bold;margin-top:-60px;margin-left:30px;color:#fff}.program .program-center .program-item>p:nth-of-type(2){line-height:30px;font-size:16px;margin:28px;margin-top:60px}.principle-center{width:1240px;padding:70px 0;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-img-top{width:655px;height:149px;position:absolute;right:30px;top:132px}.principle-center .principle-block{margin-top:128px;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.principle-center .principle-item{width:216px;text-align:center}.principle-center .principle-item>img{width:100%;height:306px}.principle-center .principle-item>p:nth-of-type(1){font-weight:bold;color:#333333;line-height:20px;margin-top:20px;display:inline-block}.principle-center .principle-item>p:nth-of-type(2){color:#666666;line-height:26px;margin-top:10px;display:inline-block}.blank{height:60px;background:#fefeff}