* {
         padding: 0;
         margin: 0;
     }
     
     body {
         font: 12px/1.5 '微软雅黑', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, "新宋体", "宋体";
         color: #666;
         background-color: #f5f5f5;
         -webkit-font-smoothing: antialiased;
     }
     
     em,
     i {
         font-style: normal;
     }
     
     li {
         list-style: none;
     }
     
     a,
     img {
         border: 0;
         vertical-align: middle;
     }
     
     button {
         cursor: pointer;
     }
     
     a {
         color: #666;
         text-decoration: none;
     }
     
     a:hover {
         color: #000;
     }
     
     button,
     section,
     input {
         font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
         outline: none;
     }
     
     .fs24 {
         font-size: 24px !important;
     }
     
     .fs26 {
         font-size: 26px !important;
     }
     
     .fs28 {
         font-size: 28px !important;
     }
     /* 隐藏 */
     
     .hide,
     .none {
         display: none;
     }
     
     .block {
         display: block;
     }
     /* 清除浮动  */
     
     .clearfix:after {
         content: "";
         display: block;
         height: 0;
         visibility: hidden;
         clear: both;
     }
     
     .clearfix {
         *zoom: 1;
     }
     
     .logo {
         position: absolute;
         top: 0;
         left: 5px;
         z-index: 99;
     }
     /* 地图框 */
     
     .mappy {
         position: relative;
         box-sizing: border-box;
         border: 1px solid #0C0C0D;
         margin: 0 auto;
         width: 100%;
         height: 100%;
         overflow: hidden;
         cursor: auto;
     }
     
     .world-map {
         position: relative;
         width: 1920px;
         height: 1080px;
         background: url(../img/bg.jpg) no-repeat;
         /* background: url(../img/maps.png) no-repeat; */
         left: 0;
         top: 0;
     }
     /* .world-map::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, .2);
     } */
     /* 左导航 */
     
     @media screen and (max-width: 1440px) {
         .nav li {
             margin-bottom: 12px !important;
         }
         .nav {
             top: 2% !important;
         }
     }
     
     .nav {
         position: fixed;
         top: 100px;
         left: 30px;
         z-index: 999;
         width: 250px;
     }
     
     .nav li {
         margin-bottom: 20px;
         width: 1px;
         height: 65px;
     }
     
     .nav i {
         display: block;
         box-sizing: border-box;
         width: 65px;
         height: 65px;
         border-radius: 50%;
         background: rgba(0, 0, 0, .3);
         border: 1px solid rgba(255, 255, 255, .5);
         font-size: 22px;
         text-align: center;
         color: #fff;
         line-height: 65px;
         cursor: pointer;
         transition: all .3s;
         z-index: 9;
     }
     
     .nav i:hover {
         transform: scale(1.2);
     }
     
     .nav span {
         position: absolute;
         height: 30px;
         line-height: 80px;
         background: transparent;
         font-size: 10px;
         color: transparent;
         transition: all .2s;
         border: transparent;
         margin: -68px 0 0 30px;
         z-index: -1;
     }
     
     .nav li:hover span {
         width: auto;
         height: 78px;
         color: #fff;
         background: rgba(0, 0, 0, .27);
         border-radius: 50px;
         border: 1px solid rgba(255, 255, 255, .5);
         border-left: 0;
         margin: -72px 0 0 -6px;
         padding: 0 35px 0 95px;
         font-size: 20px;
         text-align: right;
         z-index: -1;
         animation: ease;
     }
     /* 人员管理、绿色施工、特种设备管理、危大工程管理、物料管理、质量安全管理、进度可视化、远程指挥调度 */
     
     .personnel,
     .construction,
     .particular,
     .danger,
     .materiel,
     .safe,
     .schedule,
     .remote {
         display: none;
     }
     
     @keyframes move {
         0% {
             box-shadow: 0 0 0px 1px rgba(255, 255, 255, .1);
         }
         100% {
             box-shadow: 0 0 2px 10px rgba(255, 255, 255, .3);
         }
     }
     /* 定位 */
     
     .point,
     .point_1,
     .point_2 {
         position: absolute;
         /* width: 145px; */
         padding: 0 15px 0 35px;
         height: 41px;
         border: 1px solid rgba(255, 255, 255, .9);
         border-radius: 22px;
         background: url(../img/logo.png) no-repeat 5px center rgba(46, 53, 59, .65);
         text-align: center;
         line-height: 40px;
         font-size: 16px;
         color: #fff;
         transition: all .3s;
     }
     
     .point:hover,
     .point_1:hover,
     .point_2:hover {
         color: #fff;
         background: url(../img/logo.png) no-repeat 5px center rgba(0, 0, 0, .6);
         border: 1px solid rgba(255, 255, 255, 1);
     }
     
     .point::before,
     .point_1::before,
     .point_2::before {
         content: '';
         position: absolute;
         top: 43px;
         left: 50%;
         width: 1px;
         height: 100px;
         background: rgba(255, 255, 255, .6);
     }
     
     .point_1::before {
         height: 50px;
     }
     
     .point_2::before {
         height: 160px;
     }
     
     .point::after,
     .point_1::after,
     .point_2::after {
         content: '';
         position: absolute;
         top: 128px;
         left: 50%;
         margin-left: -8px;
         width: 18px;
         height: 23px;
         background: #fff;
         border-radius: 100%;
         transform: rotate(-1deg) scale(1, .3);
         animation: move .6s forwards infinite alternate;
     }
     
     .point_1::after {
         top: 78px;
     }
     
     .point_2::after {
         top: 190px;
     }
     
     .vr720 {
         position: absolute;
         top: 90px;
         left: 66%;
         transform: rotate(50%, 50%);
         cursor: pointer;
     }
     /* 详细介绍 */
     
     .detail_bg {
         position: fixed;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background: rgba(0, 0, 0, .3);
         width: 100%;
         height: 100%;
         z-index: 999;
         cursor: auto;
     }
     
     .details {
         position: absolute;
         padding: 2px 20px 2px 2px;
         width: 900px;
         background-color: #fff;
         /* box-shadow: 0 100px 100px 100vh rgba(0, 0, 0, .2); */
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         text-align: left;
         color: #000;
     }
     
     .details img {
         float: left;
         margin-right: 30px;
     }
     
     .details h3 {
         font-size: 28px;
         color: #222;
         line-height: 50px;
         margin-top: 20px;
     }
     
     .details p {
         font-size: 16px;
         color: #333;
         line-height: 1.8;
         padding-top: 20px;
         text-indent: 2em;
     }
     
     .feng {
         display: none;
     }
     
     .mp1 {
         top: 300px;
         left: 916px;
     }
     
     .mp2 {
         top: 238px;
         left: 965px;
     }
     
     .mp3 {
         top: 280px;
         left: 1183px;
     }
     
     .mp4 {
         top: 330px;
         left: 689px;
     }
     
     .mp5 {
         top: 195px;
         left: 505px;
     }
     
     .mp6 {
         top: 567px;
         left: 988px;
     }
     
     .mp7 {
         top: 547px;
         left: 356px;
     }
     
     .mp8 {
         top: 432px;
         left: 484px;
     }
     
     .mp9 {
         top: 385px;
         left: 1047px;
     }
     
     .mp10 {
         top: 323px;
         left: 1044px;
     }
     
     .mp11 {
         top: 930px;
         left: 1369px;
     }
     
     .mp12 {
         top: 327px;
         left: 805px;
     }
     
     .mp13 {
         top: 250px;
         left: 850px;
     }
     
     .mp14 {
         top: 640px;
         left: 780px;
     }
     
     .mp15 {
         top: 688px;
         left: 1186px;
     }
     
     .mp16 {
         top: 136px;
         left: 769px;
     }
     
     .mp17 {
         top: 720px;
         left: 1027px;
     }
     
     .mp18 {
         top: 280px;
         left: 929px;
     }
     
     .mp19 {
         top: 375px;
         left: 580px;
     }
     
     .mp20 {
         top: 122px;
         left: 591px;
     }
     
     .mp21 {
         top: 26px;
         left: 800px;
     }
     
     .mp22 {
         top: 77px;
         left: 726px;
     }
     
     .mp23 {
         top: 916px;
         left: 970px;
     }
     
     .mp24 {
         top: 480px;
         left: 893px;
     }
     
     .mp25 {
         top: 238px;
         left: 650px;
     }
     
     .mp26 {
         top: 173px;
         left: 990px;
     }
     
     .mp27 {
         top: 190px;
         left: 709px;
     }
     
     .mp28 {
         top: 430px;
         left: 1120px;
     }
     
     .mp29 {
         top: 637px;
         left: 630px;
     }
     
     .mp30 {
         top: 700px;
         left: 1043px;
     }
     
     .mp31 {
         top: 740px;
         left: 210px;
     }
     
     .mp32 {
         top: 686px;
         left: 1395px;
     }
     
     .mp33 {
         top: 734px;
         left: 1306px;
     }
     
     .mp34 {
         top: 255px;
         left: 1410px;
     }
     
     .mp35 {
         top: 282px;
         left: 739px;
     }
     
     .mp36 {
         top: 238px;
         left: 1397px;
     }
     
     .mp37 {
         top: 415px;
         left: 735px;
     }
     
     .mp38 {
         top: 92px;
         left: 903px;
     }
     
     .mp39 {
         top: 355px;
         left: 610px;
     }
     
     .mp40 {
         top: 525px;
         left: 1095px;
     }
     
     .mp41 {
         top: 760px;
         left: 1510px;
     }
     
     .mp42 {
         top: 630px;
         left: 1520px;
     }
     
     .mp43 {
         top: 102px;
         left: 1070px;
     }
     
     .mp44 {
         top: 515px;
         left: 1545px;
     }
     
     .mp45 {
         top: 460px;
         left: 1333px;
     }
     
     .mp46 {
         top: 460px;
         left: 717px;
     }
     
     .mp47 {
         top: 542px;
         left: 680px;
     }
     
     .mp48 {
         top: 530px;
         left: 1345px;
     }
     
     .mp49 {
         top: 562px;
         left: 1452px;
     }
     
     .mp50 {
         top: 770px;
         left: 540px;
     }
     /* 人员管理 */