.contanier{width:100%;height:100vh;padding:0;margin:0;overflow:hidden;background:url(../img/bg.a6333996.jpg) no-repeat top;background-size:100% 100%}.header{height:80px;line-height:80px;background:url(../img/head_bg.eeff3da5.png) no-repeat;background-size:100% 100%;color:#fff;position:relative;text-align:center}.header h2{flex:1;font-size:30px;color:#fff}.header p{position:absolute;right:30px;top:-10px}.content{height:100%;display:flex;justify-content:space-between}.large-left{width:25%;height:calc(100% - 80px)}.large-center{width:50%;height:calc(100% - 80px);position:relative}.large-center-num{box-sizing:border-box;width:95%;position:absolute;top:0;left:30px;height:130px;background:rgba(101,132,226,.1);display:flex;justify-content:center;padding:20px 10px;z-index:101}.c-number-cent{width:50%;border:1px solid rgba(25,186,139,.17);position:relative}.c-number{font-size:36px;color:#ffeb7b;text-align:center;font-family:electronicFont;margin-top:15px;margin-bottom:10px}.c-text{color:hsla(0,0%,100%,.7);text-align:center}.c-number-cent:first-child:before{position:absolute;top:0;left:0;width:15px;height:10px;border-left:2px solid #02a6b5;border-top:2px solid #02a6b5;content:""}.c-number-cent:nth-child(2):after{position:absolute;bottom:0;right:0;width:15px;height:10px;border-right:2px solid #02a6b5;border-bottom:2px solid #02a6b5;content:""}.large-center>.earth{background:url(../img/map.bab2b509.png);background-size:100% 100%;opacity:.3}.large-center>.earth,.large-center>.ling{position:absolute;width:500px;height:500px;top:60%;left:50%;transform:translate(-50%,-50%)}.large-center>.ling{background:url(../img/jt.c268bab5.png);-webkit-animation:roling 10s linear infinite;animation:roling 10s linear infinite;opacity:.6;background-size:100% 100%}.large-center>.circle{position:absolute;width:500px;height:500px;top:60%;left:50%;transform:translate(-50%,-50%);background:url(../img/lbx.0dea0f97.png);-webkit-animation:rocircle 15s linear infinite;animation:rocircle 15s linear infinite;opacity:1;background-size:100% 100%}@-webkit-keyframes rocircle{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rocircle{to{transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes roling{to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes roling{to{transform:translate(-50%,-50%) rotate(-1turn)}}.large-right{margin-right:50px;width:25%;height:calc(100% - 80px)}