.banner{margin-top:72px;position:relative;width:100%;height:440px;background:url(/templates/xgjnew/img/face/banner.png) center no-repeat #1951e1;background-size:auto 100%}.banner-content{margin:0 auto;width:1200px;height:100%;padding-top:100px;font-size:18px;color:#fff}.banner-border{display:inline-block;margin:0 15px 0 18px;width:2px;height:16px;background-color:#fff;opacity:.6}.banner-content span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo{width:76px;height:28px}.banner-content div{padding:19px 0 10px;font-size:48px;font-weight:700}.banner-content p{font-size:24px}.banner-content button{margin-top:55px;width:128px;height:44px;background:-webkit-linear-gradient(342deg,#ffd77b 0,#ffae45 100%);background:linear-gradient(108deg,#ffd77b 0,#ffae45 100%);border-radius:22px;border:none;outline:0;color:#bc3434;font-size:16px;cursor:pointer}.box-wrap,.solution-item{background-color:#f6fbff}.solution{margin:0 auto;padding:86px 0 34px}.solution-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.solution-item{overflow:hidden;width:364px;height:440px;border-radius:8px;font-size:14px;color:#676c70;text-align:center}.solution-item:first-child span{color:#1161fa}.solution-item:nth-child(2) span{color:#0ac9d1}.solution-item:last-child span{color:#ffba42}.face-title,.solution-item div{font-weight:700;color:#3d4042}.solution-item div{padding:34px 0 22px;font-size:24px}.solution-item img{width:364px;height:206px}.solution-item p{padding:0 35px}.box-wrap{width:100%}.video-img,.video-wrap{width:960px;height:540px}.face-title{padding-bottom:60px;text-align:center;font-size:34px}.system{padding:60px 0 80px}.system-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;background:url(/templates/xgjnew/img/face/system-bg-01.png) top 30px left 30px no-repeat,url(/templates/xgjnew/img/face/system-bg-02.png) bottom right 25px no-repeat}.video-img{cursor:pointer}.video-wrap{margin:-20px auto 0}.common-wrap{margin:0 auto;padding:80px 0}.common-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.common-img{width:620px;height:470px}.common-txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:550px}.circle{display:inline-block;margin-right:10px;margin-top:8px;width:5px;height:5px;background:#3d4042;border-radius:50%}.common-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:18px;color:#999}.common-item:not(:first-child){margin-top:28px}.common-item p{width:530px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.btn{margin-top:50px;width:104px;height:34px;background:#0f93ff;border-radius:17px;text-align:center;border:none;outline:0;font-size:14px;color:#fff;cursor:pointer}.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.code-dialog{z-index:1000;position:fixed;left:0;top:0;bottom:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(0,0,0,.5)}.code-dialog.none,.showVedio2{display:none}.code-dialog .dialog-content{position:relative;width:400px;height:514px;background:url(../img/face/code-bg.png) center no-repeat;background-size:100% 100%}.code-dialog .code-img{position:relative;left:80px;top:187px;width:120px;height:120px}.code-dialog .close-img{position:absolute;right:-28px;width:18px;height:18px;cursor:pointer}.showVedio2{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);margin:auto;z-index:9999}.showVedio2 .showVedio2-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.showVedio2 .playcon{width:64vw;height:36vw;margin:auto;position:relative}.showVedio2 .playcon .player{width:100%!important;height:100%!important}.showVedio2 .close{width:40px;height:40px;font-size:24px;position:absolute;right:-16px;top:-40px;cursor:pointer;background:url(../img/close.png) center center no-repeat}.showVedio2 .close .icon,.showVedio2 video{width:100%;height:100%}.showVedio2 video{display:block}