$project-main-color:#5fa385;$project-darkgreen-color:#3a723b;$project-lightgreen-color:#72a371;$project-primary-color:#409eff;$project-success-color:#67c23a;$project-error-color:#f56c6c;$project-warn-color:#e6a23c;$project-bg-color:#0c581f;.mg-30{margin:1.875rem 0}.mgt-5{margin-top:.3125rem}.mgt-10{margin-top:.625rem}.mgt-20{margin-top:1.25rem}.mgt-30{margin-top:1.875rem}.mgb-5{margin-bottom:.3125rem}.mgb-10{margin-bottom:.625rem}.mgb-20{margin-bottom:1.25rem}.mgl-10{margin-left:.625rem}.mgl-15{margin-left:.9375rem}.mgl-30{margin-left:1.875rem}.mgw-5{margin:0 .3125rem}

;.pd-5{padding:.3125rem}.pd-10{padding:.625rem}.pdw-5{padding:0 .3125rem}.pdw-8{padding:0 .5rem}.pdw-10{padding:0 .625rem}.pdH-5{padding:.3125rem 0}.pdH-20{padding:1.25rem 0}.pdl-8{padding-left:.5rem}.flex_layout{display:flex;align-items:center}.flex_1{flex:1}.flex_2{flex:2}.flex_3{flex:3}.flex_4{flex:4}.flex_wrap{flex-wrap:wrap}.flex_shrink{flex-shrink:0}.flex_stretch{align-self:stretch}.flex_justify_center{justify-content:center}.flex_aligin_between{justify-content:space-between}.text_center{text-align:center}.text_left{text-align:left}.text_right{text-align:right}.text_flow_hidden{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text_mulrow_hidden{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.font-sz12{font-size:.75rem}.font-sz13{font-size:.8125rem}.font-sz14{font-size:.875rem}.font-sz15{font-size:.9375rem}.font-sz16{font-size:1rem}.font-sz18{font-size:1.125rem}.font_sz24{font-size:1.5rem}.font_sz30{font-size:1.875rem}.font_sz32{font-size:2rem}.font_sz34{font-size:2.125rem}.font_color1{color:#09af98}.font_color2{color:#2f80ed}.font_color3{color:#d7dae0}.font_color4{color:#9b51e0}.font_color5{color:#27ae60}.font_color6{color:#3f444f}.font_color7{color:#f3f5fa}.font_color8{color:#aab0bd}.font_color9{color:#757982}.font_color10{color:#f2994a}.font_color11{color:#eb5757}.font_color12{color:#f3f5fa}.font_color13{color:#ebedf2}.font_color14{color:#d7dae0}.font_success{color:$project-success-color}.font_error{color:$project-error-color}.font_warn{color:$project-warn-color}.font_wg600{font-weight:600}.font_bold{font-weight:700}.background1{background:#0b0b0c}.background2{background:#121314}.background3{background:#17181a}.background4{background:#202124}.lHeight_1_0{line-height:1}.lHeight_1_3{line-height:1.3}.lHeight_1_4{line-height:1.4}.lHeight_1_5{line-height:1.5}.lHeight_1_6{line-height:1.6}.lHeight_1_8{line-height:1.8}.lHeight_2_0{line-height:2}.radius_5{border-radius:.3125rem}.radius_10{border-radius:.625rem}.radius_t_5{border-radius:.3125rem .3125rem 0 0}.radius_b_5{border-radius:0 0 .3125rem .3125rem}.opacity_1{opacity:.1}.opacity_3{opacity:.3}.opacity_5{opacity:.5}.cursor_pit{cursor:pointer}.overflow-auto{overflow:auto}.overflow_hidden{overflow:hidden}.verticle_middle{vertical-align:middle}.absolute{position:absolute}//过渡动画 .fadeIn{opacity:1!important;visibility:visible!important;transform:scale(1)!important}//返回上一级 .nav_back{margin-left:.3125rem;vertical-align:middle;font-size:1.25rem}.row_bg{border-radius:.3125rem;background-color:#202124}.el_main{position:relative;height:100%;color:#d7dae0}.el_maxHeight_hidden{max-height:0;overflow:hidden;transition:all .5s ease}.el_maxHeight_show{max-height:624.9375rem!important}//边框线 .border_line{border:.0625rem solid #2a3035}.bottom_line{border-bottom:.0625rem solid #202124}//vue transtion 动画 .slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(.625rem);opacity:.3}#app{font-family:OPPOSans,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,SimSun,"sans-serif";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100vw;height:100vh;min-width:1200px;margin:0 auto;background:linear-gradient(-180deg,#bff,#98f5ff 70%,#00e5ff)}.main_el{position:relative;height:100%;width:100%;background-image:url(../img/bg1.17b3313d.png);background-repeat:no-repeat;background-size:100% auto;overflow:hidden}.head_logo_wrap{box-sizing:border-box;position:absolute;width:21.25rem;height:5rem;left:49.375rem;top:0;display:flex;align-items:center;justify-content:center}.head_logo{width:12.5rem;height:3.125rem;left:53.125rem;top:.625rem;background-image:url(../img/lh-logo-rec.6467807c.png)}.head_left,.head_logo{position:absolute;background-repeat:no-repeat;background-size:cover}.head_left{left:0;background-image:url(../img/Subtract.8b33ee90.png)}.head_left,.head_right{width:50.96875rem;height:3.335rem;top:.8125rem}.head_right{position:absolute;right:0;background-image:url(../img/Subtract1.f384c82c.png);background-repeat:no-repeat;background-size:cover}._line{background:linear-gradient(180deg,#faffff,#a6fef9)}.left_line1{margin-top:.0625rem;height:1}.left_line2{margin-top:.375rem;height:.8125rem}.left_line3{margin-top:.625rem;height:.375rem}.left_line4{margin-top:.5rem;height:.375rem}.left_line5{margin-top:.25rem;height:.1875rem}.left_line6{margin-top:.125rem;height:.25rem}.left_line7{margin-top:.125rem;height:.125rem}.nav_list1,.nav_list2,.nav_list3,.nav_list4{transform:perspective(18.75rem) translate3d(0,11.25rem,-12.5rem);transition:all .4s ease .2s;visibility:hidden;opacity:.01}.nav_list1{position:absolute;width:18.875rem;height:24.6875rem;left:5.875rem;top:8.0625rem;background-image:url(../img/01erp_list_bg.9380ddf4.png);background-repeat:no-repeat;background-size:contain}.nav_ul{margin:1.875rem;height:100%;flex-direction:column;font-size:.875rem}.nav_ul,.nav_ul li{display:flex;gap:.625rem;align-items:center}.nav_ul li{width:10.25rem;height:2.5rem;border-radius:.3125rem;color:#358a88;box-sizing:border-box;padding-left:1.5625rem;white-space:nowrap;cursor:pointer;order:var(--order)}.nav_ul li:not(.no_disable){opacity:.5}.nav_ul .no_disable:hover{background-color:#fff;font-size:1rem;transition:all .2s ease}.nav_ul_left{transform:matrix(.99,.09,.12,1,0,0)}.nav_ul_left li{transform:matrix(.99,.03,.11,1,0,0)}.nav_ul_right,.nav_ul_right li{transform:matrix(.99,-.06,-.12,1,0,0)}.nav_list2{left:26.375rem;background-image:url(../img/02ksh_list_bg.9a3972d6.png)}.nav_list2,.nav_list3{position:absolute;width:17.65625rem;height:27.03125rem;top:6.59375rem;background-repeat:no-repeat;background-size:contain}.nav_list3{left:75.9375rem;background-image:url(../img/03szy_list_bg.e3340171.png)}.nav_list4{position:absolute;width:18.875rem;height:24.6875rem;left:95.21875rem;top:8.0625rem;background-image:url(../img/04js_list_bg.fc5ff3df.png);background-repeat:no-repeat;background-size:contain}.menu_list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;font-size:1.5rem;color:#007060;cursor:pointer;z-index:1;transition:.1s ease .2s}.menu_list:hover{transform:translateY(.625rem);transition:all both .3s ease}.menu_list1:hover~.nav_list1,.menu_list2:hover~.nav_list2,.menu_list3:hover~.nav_list3,.menu_list4:hover~.nav_list4,.nav_list1:hover,.nav_list2:hover,.nav_list3:hover,.nav_list4:hover{transform:scaleX(1);visibility:visible;opacity:1}.menu_list1{position:absolute;width:16.728125rem;height:10.023125rem;left:9.63125rem;top:35.859375rem;background-image:url(../img/01ERPmanagement.f81b91e1.png);background-repeat:no-repeat;background-size:contain}.menu_list2{left:30.618125rem;background-image:url(../img/02VisualizeBigData.c48eb4aa.png)}.menu_list2,.menu_list3{position:absolute;width:15.05rem;height:7.86875rem;top:36.85375rem;background-repeat:no-repeat;background-size:contain}.menu_list3{left:74.438125rem;background-image:url(../img/03CTM.37bff60f.png)}.menu_list4{position:absolute;width:16.728125rem;height:10.023125rem;left:93.640625rem;top:35.859375rem;background-image:url(../img/04settlementplatform.5ee039c6.png);background-repeat:no-repeat;background-size:contain}.spilte_line1{position:absolute;width:0;height:3.75rem;left:60rem;top:6.625rem;opacity:.5;border:.0625rem dashed #00564a}.system_name{position:absolute;width:14.0625rem;height:5.6875rem;left:53.1875rem;top:11.875rem;font-weight:400;line-height:2.75rem;text-align:center;color:#00564a}.system_name p:first-child{font-size:2.483837rem}.system_name p:nth-child(2){font-size:1.875rem}.system_intro{position:absolute;width:13.875rem;height:2.5rem;left:53.3125rem;top:18.3125rem;font-family:OPPOSans;font-style:normal;font-weight:400;font-size:.75rem;line-height:1.25rem;text-align:center;color:#007060;opacity:.6}.spilte_line2{position:absolute;width:0;height:5.9375rem;left:60rem;top:23rem;opacity:.5;border:.0625rem dashed #00564a}.spilte_line3{width:.5rem;height:1.5rem;left:59.8125rem;top:29.3125rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAYBAMAAAA196EjAAAAKlBMVEUAVUtHcEwAVUsAVUoATk4AVT8AV0kAU0kAVUoAU0wAUkwAUEkAVkcAU0j3P9EyAAAADnRSTlNmAF9ZDQwmTGBGTSZHRpbtpQoAAABFSURBVAjXYxAt4g1kCGJgaGU4wMDAzgAEHAwKIGoBAwMngxMDgwqDyAR1RwZBIMBOJJkBCQMOIKHADCQ2qwniUSxsCCEAxikKj9/w9KQAAAAASUVORK5CYII=);opacity:.4}.earth,.spilte_line3{position:absolute;background-repeat:no-repeat;background-size:cover}.earth{width:22.875rem;height:15rem;left:47.8125rem;top:31.4375rem;background-image:url(https://auth.lhdrr.com/s/img/earth.png);z-index:5;width:25rem;height:25rem;top:26.9375rem}.earth_content{position:absolute;width:25rem;height:25rem;top:28.125rem;left:47.5rem;z-index:6}.earth_content p:first-child{margin-top:7.5rem;font-size:2.888888rem;line-height:140%;text-align:center;color:#fff;text-shadow:0 .1875rem .625rem rgba(0,77,61,.8)}.earth_content p:nth-child(2){font-size:1.668581rem;line-height:140%;text-align:center;color:#fff;text-shadow:0 .108298rem .360991rem rgba(0,77,61,.8)}.earth_enter{position:absolute;width:6.1875rem;height:1.875rem;left:9.375rem;top:14.6875rem;background:rgba(2,104,82,.65);backdrop-filter:blur(.3125rem);border-radius:1.5625rem;display:flex;justify-content:center;align-items:center;gap:.125rem;color:#fff;font-size:.875rem;cursor:pointer;text-decoration:none;transition:.1s ease .1s}.earth_enter>img{width:1.0625rem;height:1.0625rem;object-fit:cover}.earth_enter:hover{transform:perspective(5.625rem) translateZ(-.625rem);box-shadow:0 0 .5rem #f3f5fa}.earth_wrap{position:absolute;width:14.38875rem;height:14.311875rem;left:53.09375rem;top:32.525rem;background:linear-gradient(180deg,#c6fff6,#51ead3 24.48%,#24a88b 68.75%);border-radius:50%;z-index:4}.earth_dipan{box-sizing:border-box;position:absolute;width:9.730625rem;height:2.023125rem;left:55.1925rem;top:45.856875rem;background:linear-gradient(180deg,#00b9ae,#00dea9);border:.0625rem solid #9ff2ff;box-shadow:inset 0 .5625rem 2.1875rem rgba(0,99,99,.65);border-radius:50%;z-index:3}@keyframes fadeInOut{0%{transform:scaleZ(.1);opacity:.1}to{transform:scaleX(1);opacity:.8}}