*{margin:0;padding:0;box-sizing:border-box;font-family:Arial!important}canvas{width:100vw;height:100vh}svg{position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{position:fixed;width:378;height:31.5px;left:40px;top:40px;z-index:99;cursor:pointer}.bar{position:fixed;width:100%;height:138px;background:url(../images/bar@2x.png) no-repeat center / cover;bottom:0;left:0;right:0;z-index:99;display:flex;align-items:center;justify-content:center}.bar .item{position:relative;width:199px;height:81px;margin-bottom:-30px;cursor:pointer}.bar .item+.item{margin-left:70px}.bar .item .text{position:absolute;font-family:PingFangSC,PingFang SC;font-weight:600;font-size:16px;color:#333;line-height:32px;text-align:center;font-style:normal;left:50%;transform:translate(-50%);bottom:0;transition:all .3s linear;white-space:nowrap}.bar .item .bg{width:199px;height:81px;position:relative}.bar .item .bg img{width:199px;height:81px;position:absolute;left:0;top:0;transition:all .3s linear}.bar .item .bg img:nth-child(2){opacity:0}.bar .item .icon{position:absolute;left:50%;transform:translate(-50%);bottom:44px;transition:all .3s linear}.bar .item .icon img:nth-child(2){opacity:0}.bar .item .cd{width:40px;height:40px}.bar .item .cd img{width:40px;height:40px;position:absolute;left:0;top:0}.bar .item:hover .bg img:nth-child(1){opacity:0}.bar .item:hover .bg img:nth-child(2){opacity:1}.bar .item:hover .icon img:nth-child(1){opacity:0}.bar .item:hover .icon img:nth-child(2){opacity:1}.bar .item:hover .text{color:#005eae}.bar .item.active .bg img:nth-child(1){opacity:0}.bar .item.active .bg img:nth-child(2){opacity:1}.bar .item.active .icon img:nth-child(1){opacity:0}.bar .item.active .icon img:nth-child(2){opacity:1}.bar .item.active .text{color:#005eae}.side{position:fixed;z-index:99;right:20px;bottom:70px}.side .item{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}.side .item:nth-child(1){margin-bottom:-16px}.side .item .text{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:16px;line-height:22px;text-align:center;font-style:normal;transition:all .3s linear;position:relative;opacity:0}.side .item .text div{display:none}.side .item .text div:nth-child(1){display:block}.side .item .icon{position:relative;width:122px;height:122px}.side .item img{position:absolute;width:122px;height:122px;opacity:0;transition:all .3s linear}.side .item img:nth-child(1){opacity:1}.side .item:not(.active):hover .icon img:nth-child(1){opacity:0}.side .item:not(.active):hover .icon img:nth-child(2){opacity:1}.side .item:hover .text{color:#005eae;opacity:1}.side .item.active .icon img:nth-child(1){opacity:0}.side .item.active .icon img:nth-child(3){opacity:1}.side .item.active .text div:nth-child(1){display:none}.side .item.active .text div:nth-child(2){display:block}.side .item.active:hover .icon img:nth-child(3){opacity:0}.side .item.active:hover .icon img:nth-child(4){opacity:1}.dialog{display:none;position:fixed;z-index:98;width:100vw;height:100vh;background:url(../images/bg@2x.png) no-repeat center / cover}.dialog .wrap{padding-left:100px;height:100vh;display:flex;flex-direction:column;padding-top:200px}.dialog .title{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:56px;color:#005eae;line-height:78px;text-align:left;font-style:normal;margin-bottom:32px}.dialog .content{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:24px;color:#333;line-height:1.5;text-align:left;font-style:normal}.dialog1{display:none;position:fixed;z-index:98;width:100vw;height:100vh;background:url(../images/bg1@2x.png) no-repeat center / cover}.dialog1 .wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.dialog1 .cm-icon{width:108px;height:109px;display:block}.dialog1 .close{width:40px;height:40px;display:block;position:fixed;right:40px;top:40px;cursor:pointer}.dialog1 .title{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:48px;color:#005eae;line-height:67px;font-style:normal;margin-bottom:8px}.dialog1 .content{font-family:PingFangSC,PingFang SC;font-weight:600;font-size:21px;color:#333;line-height:29px;font-style:normal}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999}.loadingfa{width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%}@keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{0%{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{0%{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}.xuanzhuan{animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate}.xuanzhuan img{display:block;width:100%}.sys-name{position:fixed;left:40px;line-height:15px;color:#005eae;top:111px;font-size:36px;font-weight:700}