*{margin:0;padding:0}html{overflow-y:hidden;width:100vw;height:100vh}img{max-width:100%}body{background-image:url(../img/navigation/web_bg2.jpg);background-position:bottom center;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:16px;font-family:-apple-system,"Helvetica Neue",Roboto,sans-serif}header{display:flex;align-items:center;justify-content:center;background:0 0}header .logo-box{display:flex;align-items:center;justify-content:center;margin-top:30px;width:622px;height:302px}@media (max-width:641px){header .logo-box{width:300px;height:140px}}header .logo-box .logo{width:400px}@media (max-width:641px){header .logo-box .logo{width:200px}}.content{overflow:hidden;margin:50px auto 78px;max-width:100%;width:960px;text-align:center}@media (max-width:641px){.content{margin:0 auto 0 auto}}.content .slogan{position:absolute;right:40px;bottom:30px;z-index:-1;display:block;max-width:624px;width:65%}.content .player{position:absolute;bottom:0;left:0;z-index:-1;width:34vw}.content .title{color:#fff;text-align:center;text-shadow:0 0 10px rgba(40,70,150,.6);letter-spacing:2px;font-weight:400;font-stretch:normal;font-size:44px;line-height:62px;-webkit-text-stroke:1.5px #fff}.reload_btn{display:flex;align-items:center;justify-content:center;margin:30px auto;width:320px;height:60px;border:solid 1px rgba(255,255,255,.6);border-radius:30px;background-image:linear-gradient(281deg,#1e6edc,#648cdc);color:#fff;font-weight:700;font-size:24px;cursor:pointer}.reload_btn span{display:flex;align-items:center;justify-content:center;margin-right:20px;width:30px;height:30px;background:url(../img/navigation/icon-speed.svg) no-repeat center/100% 100%}#lineCtrl{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;min-height:241px;max-width:960px}#lineCtrl .speed-item{margin-bottom:30px;display:flex;align-items:center;flex-direction:column;width:240px}@media (max-width:641px){#lineCtrl .speed-item{margin-bottom:-30px;width:49%;transform:scale(.7)}}#lineCtrl .speed-item .progress-content{position:relative;margin:0 auto;width:174px;height:180px;background:url(../img/navigation/img-progress-bar.png) no-repeat center/100% 100%}#lineCtrl .speed-item .progress-content .svg-list-bg{position:absolute;top:23px;left:50%;width:140px;height:140px;border-radius:50%;transform:translate3d(-50%,0,0)}#lineCtrl .speed-item .progress-content .svg-list-bg .svg-item{position:absolute;top:2px;left:50%;display:block;width:8px;height:16px;transform-origin:center 68px}#lineCtrl .speed-item .progress-content .big-circle{position:absolute;top:50%;left:50%;width:108px;height:108px;border-radius:50%;transform:translate3d(-50%,-50%,0)}#lineCtrl .speed-item .progress-content .pointer{position:absolute;top:0;left:48px;z-index:2;width:12px;height:12px;background:url(../img/navigation/img-arrow.svg) no-repeat center/100% 100%;transform-origin:center 54px}#lineCtrl .speed-item .progress-content .circle-p{position:absolute;top:54%;left:50%;width:100px;height:100px;background:url(../img/navigation/circle.png) no-repeat center/100% 100%;transform:translate3d(-50%,-50%,0)}#lineCtrl .speed-item .progress-content .number{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:55px}#lineCtrl .speed-item .progress-content .number .val{color:#5fc8f0;font-weight:700;font-size:36px;line-height:55px}#lineCtrl .speed-item .progress-content .number .text{position:absolute;bottom:-34px;left:0;width:100%;color:#5fc8f0;text-align:center;font-weight:700;font-size:14.7px;line-height:17px}#lineCtrl .speed-item .address{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px;padding:0 5px;max-width:90%;background:url(../img/navigation/img-url-address.png) no-repeat center/100% 100%;background:#fff;border:3px solid #73beff;border-radius:20px}#lineCtrl .speed-item .address a{padding:6px 10px;width:90%;color:#4a76de;text-align:left;text-decoration:none;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-kf{position:absolute;right:65px;bottom:47px;width:100px;height:100px;animation:animationKf .8s ease-in-out infinite alternate}@media (max-width:641px){.online-kf{right:16px;bottom:16px}}.online-kf a{display:block}.online-kf img{width:100%}@keyframes animationKf{0%{transform:scale(1)}100%{transform:scale(.85)}}.img-bot{display:none}