@charset "UTF-8";
.digital { display: flex; justify-content: space-between; }
.digital .digital_left { width: 400px; }
.digital .digital_center { position: relative; width: 980px; }
.digital .digital_center .newCenter_main { width: 868px; height: 751px; background: url("../img/digital/center_bg.png") no-repeat 0 0; margin: 60px auto 0 auto; position: relative; }
.digital .digital_center .newCenter_main .orange { color: #ffe13a; }
.digital .digital_center .newCenter_main .green { color: #2ef399; }
.digital .digital_center .newCenter_main .blue { color: #2ee2f3; }
.digital .digital_center .newCenter_main .step1_ul li { position: absolute; font-weight: bold; font-size: 14px; color: #fff; font-style: italic; }
.digital .digital_center .newCenter_main .step1_ul li .lv { font-size: 20px; }
.digital .digital_center .newCenter_main .step1_ul li span { font-family: DINM; font-size: 26px; margin-left: 7px; display: inline-block; width: 70px; text-align: left; }
.digital .digital_center .newCenter_main .step1_ul li.first_li { font-size: 22px; color: #fff; font-weight: bold; top: 19px; left: 370px; font-style: normal; }
.digital .digital_center .newCenter_main .step1_ul li.first_li span { font-family: DINM; font-size: 30px; color: #2bffda; line-height: 24px; margin-left: 8px; display: inline-block; width: 60px; }
.digital .digital_center .newCenter_main .step1_ul li.li2 { top: 84px; right: 71px; }
.digital .digital_center .newCenter_main .step1_ul li.li3 { top: 263px; right: 18px; }
.digital .digital_center .newCenter_main .step1_ul li.li4 { top: 84px; right: 90px; }
.digital .digital_center .newCenter_main .step1_ul li.li5 { top: 299px; right: 28px; }
.digital .digital_center .newCenter_main .step1_ul li.li6 { top: 508px; right: 186px; }
.digital .digital_center .newCenter_main .step1_ul li.li7 { top: 508px; left: 186px; }
.digital .digital_center .newCenter_main .step1_ul li.li8 { top: 299px; left: 28px; }
.digital .digital_center .newCenter_main .step1_ul li.li9 { top: 84px; left: 90px; }
.digital .digital_center .newCenter_main .step2_ul .li_left { text-align: left; }
.digital .digital_center .newCenter_main .step2_ul .li_right { text-align: right; }
.digital .digital_center .newCenter_main .step2_ul li { width: 90px; position: absolute; font-weight: bold; font-size: 14px; }
.digital .digital_center .newCenter_main .step2_ul li p { font-family: DINM; font-size: 26px; margin-top: 6px; }
.digital .digital_center .newCenter_main .step2_ul li.li1 { top: 88px; left: 194px; }
.digital .digital_center .newCenter_main .step2_ul li.li2 { top: 298px; left: 122px; }
.digital .digital_center .newCenter_main .step2_ul li.li3 { top: 531px; left: 274px; }
.digital .digital_center .newCenter_main .step2_ul li.li4 { top: 88px; right: 167px; }
.digital .digital_center .newCenter_main .step2_ul li.li5 { top: 298px; right: 95px; }
.digital .digital_center .newCenter_main .step2_ul li.li6 { top: 531px; right: 246px; }
.digital .digital_center .step2 { width: 868px; height: 681px; background: url("../img/digital/center_bg2.png") no-repeat 0 0; margin-top: 100px; position: relative; }
.digital .digital_center .step3 { width: 868px; height: 631px; background: url("../img/digital/center_bg3.png") no-repeat 0 0; margin-top: 105px; position: relative; }
.digital .digital_center .step3 li { position: absolute; text-align: center; }
.digital .digital_center .step3 .header_li { width: 140px; height: 115px; background: url("../img/digital/recr_icon.png") no-repeat 0 0; }
.digital .digital_center .step3 .header_li .num { width: 140px; top: -21px; }
.digital .digital_center .step3 .header_li .num p { width: 140px; }
.digital .digital_center .step3 .t1 { left: 80px; top: 50px; }
.digital .digital_center .step3 .t2 { left: 26px; top: 192px; }
.digital .digital_center .step3 .t3 { left: 41px; top: 356px; }
.digital .digital_center .step3 .t4 { left: 116px; top: 501px; }
.digital .digital_center .step3 .t5 { right: 80px; top: 50px; }
.digital .digital_center .step3 .t6 { right: 26px; top: 192px; }
.digital .digital_center .step3 .t7 { right: 41px; top: 356px; }
.digital .digital_center .step3 .t8 { right: 116px; top: 501px; }
.digital .digital_center .step3 .t9 { left: 264px; top: -52px; }
.digital .digital_center .step3 .t10 { right: 264px; top: -52px; }
.digital .digital_center .step3 i { display: block; width: 121px; height: 121px; background: url(../img/digital/o_icon.png) no-repeat 0 0; z-index: -1; animation: circle 15s infinite linear; }
.digital .digital_center .step3 .num { position: absolute; left: 0; top: 0; padding: 33px 0; width: 118px; height: 52px; line-height: 26px; }
.digital .digital_center .step3 p { width: 60px; margin: 0 auto; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.digital .digital_center .step3 span { font-size: 24px; font-family: DINR; color: #ffe13a; }
.digital .digital_center .screen { position: absolute; left: 0; top: 55px; height: 42px; line-height: 32px; z-index: 999; }
.digital .digital_center .screen > p { position: relative; padding-left: 18px; width: 150px; height: 32px; border: 1px solid #55a1ee; border-radius: 8px; font-size: 14px; font-weight: 700; color: #2cd5e7; cursor: pointer; }
.digital .digital_center .screen > p:after { content: ''; position: absolute; right: 14px; top: 13px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #2cd5e7; }
.digital .digital_center .screen .con { display: none; position: absolute; left: 0; top: 40px; width: 100%; height: 130px; border: 1px solid #55a1ee; border-radius: 8px; box-sizing: border-box; }
.digital .digital_center .screen .con ul { width: 100%; }
.digital .digital_center .screen .con li { padding-left: 18px; font-size: 14px; color: #2cd5e7; background-color: rgba(0, 10, 48, 0.9); cursor: pointer; }
.digital .digital_center .screen .con li:hover { color: #ffffff; }
.digital .digital_center .screen .con .cur { color: #ffffff; background: linear-gradient(to right, #4d91d9, #2446ae); }
.digital .digital_center .screen .nano > .nano-pane { width: 3px; background-color: transparent; }
.digital .digital_center .screen .nano > .nano-pane > .nano-slider { background: #2cd5e7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.digital .digital_center .screen .nano > .nano-pane { left: auto; right: 4px; }
.digital .digital_center .dc_header { margin-top: 73px; padding: 0 150px; box-sizing: border-box; }
.digital .digital_center .dc_header ul { display: flex; justify-content: space-between; }
.digital .digital_center .dc_header li { width: 142px; height: 119px; background: url("../img/digital/center_item.png") no-repeat center; position: relative; }
.digital .digital_center .dc_header li h4 { width: 100%; text-align: center; color: #2ee2f3; font-size: 24px; font-family: DINPro; padding-top: 13px; }
.digital .digital_center .dc_header li .green { color: #2ef399; }
.digital .digital_center .dc_header li .orange { color: #ffa04c; }
.digital .digital_center .dc_header li .red { color: #ff503e; }
.digital .digital_center .dc_header li .yellow { color: #ffe13a; }
.digital .digital_center .dc_header li p { width: 100%; text-align: center; font-size: 14px; color: #fff; margin-top: 13px; font-weight: bold; }
.digital .digital_center .dc_header li .dot i { position: absolute; top: 150px; opacity: 0; width: 4px; height: 4px; border-radius: 50%; background: #7fc9ff; }
.digital .digital_center .dc_header li .dot .d1 { left: 38px; animation: dotAnimation2 2.2s 1.2s infinite; }
.digital .digital_center .dc_header li .dot .d2 { left: 48px; animation: dotAnimation2 2.6s 0.8s infinite; }
.digital .digital_center .dc_header li .dot .d3 { left: 58px; animation: dotAnimation2 2.4s 0.6s infinite; }
.digital .digital_center .dc_header li .dot .d4 { left: 68px; animation: dotAnimation2 3.0s 0.2s infinite; }
.digital .digital_center .dc_header li .dot .d5 { left: 78px; animation: dotAnimation2 2.2s 1.8s infinite; }
.digital .digital_center .dc_header li .dot .d6 { left: 88px; animation: dotAnimation2 2.8s 1.4s infinite; }
.digital .digital_center .dc_header li .dot .d7 { left: 98px; animation: dotAnimation2 3.2s 0.6s infinite; }
.digital .digital_center .dc_header li .dot .d8 { left: 108px; animation: dotAnimation2 2.2s 0.8s infinite; }
.digital .digital_center .dc_header li .dot .d9 { left: 118px; animation: dotAnimation2 3.2s 0.6s infinite; }
.digital .digital_center .dc_header li .dot .d10 { left: 128px; animation: dotAnimation2 2.2s 0.8s infinite; }
.digital .digital_center .dc_map { width: 100%; }
.digital .digital_center .dc_map .map_btn { width: 253px; margin: 20px auto 0 auto; }
.digital .digital_center .dc_map .map_btn a { float: left; width: 120px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; font-style: italic; display: block; color: #ffffff; background: url("../img/digital/map_btn1.png") no-repeat center; }
.digital .digital_center .dc_map .map_btn a:hover { background: url("../img/digital/map_btn2.png") no-repeat center; }
.digital .digital_center .dc_map .map_btn .osmanthus { margin-right: 13px; }
.digital .digital_center .dc_map .map_btn a.on { background: url("../img/digital/map_btn2.png") no-repeat center; }
.digital .digital_center .dc_map .map_content { width: 567px; height: 671px; margin: 0 auto; background: url("../img/digital/map5.png") no-repeat center; display: none; }
.digital .digital_center .dc_map .map_content .dots { position: relative; }
.digital .digital_center .dc_map .map_content .dots li { display: flex; align-items: center; position: absolute; }
.digital .digital_center .dc_map .map_content .dots i { display: inline-block; width: 28px; height: 28px; background: url("../img/digital/dot_sprites.png") no-repeat 0 0; animation-name: pulse; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.digital .digital_center .dc_map .map_content .dots i.red { background: url("../img/digital/dot_sprites.png") no-repeat 0 -28px; }
.digital .digital_center .dc_map .map_content .dots i.white { background: url("../img/digital/dot_sprites.png") no-repeat 0 -56px; }
.digital .digital_center .dc_map .map_content .dots span { padding: 3px 5px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 2px 0 -2px rgba(58, 69, 77, 0.39); }
.digital .digital_center .dc_map .map_content .dots .dot01 { left: 336px; top: 136px; }
.digital .digital_center .dc_map .map_content .dots .dot02 { left: 124px; top: 234px; }
.digital .digital_center .dc_map .map_content .dots .dot03 { left: 350px; top: 270px; }
.digital .digital_center .dc_map .map_content .dots .dot04 { left: 129px; top: 338px; }
.digital .digital_center .dc_map .map_content .dots .dot05 { left: 309px; top: 340px; }
.digital .digital_center .dc_map .map_content .dots .dot06 { left: 271px; top: 361px; }
.digital .digital_center .dc_map .map_content .dots .dot07 { left: 76px; top: 388px; }
.digital .digital_center .dc_map .map_content .dots .dot08 { left: 263px; top: 427px; }
.digital .digital_center .dc_map .map_content .dots .dot09 { left: 356px; top: 430px; }
.digital .digital_center .dc_map .map_content .dots .dot10 { left: 248px; top: 466px; }
.digital .digital_center .dc_map .map_content .dots .dot11 { left: 86px; top: 516px; }
.digital .digital_center .dc_map .map_content .dots .dot12 { left: 33px; top: 364px; }
.digital .digital_center .dc_map .map_content .dots .dot13 { left: 96px; top: 425px; }
.digital .digital_center .dc_map .map_content .dots .dot14 { left: 223px; top: 375px; }
.digital .digital_center .dc_map .map_content .dots .dot14 span { color: #ff503e; }
.digital .digital_center .dc_map .map_content .dots .dot15 { left: 217px; top: 388px; }
.digital .digital_center .dc_map .map_content.active { display: block; }
.digital .digital_center .dc_map .map_a { width: 793px; height: 504px; padding: 17px 0; background: url("../img/digital/map2.png") no-repeat center; margin: 46px auto 0 auto; }
.digital .digital_right { width: 400px; }
.digital .details { font-size: 12px; margin-right: 10px; }
.digital .details a { color: #138fff; font-style: italic; }
.digital .details i { display: inline-block; width: 6px; height: 11px; background: url("../img/digital/detail_icon.png") no-repeat center; margin-left: 5px; }
.digital .digitization_s, .digital .independent_s, .digital .rank_s, .digital .increase_s, .digital .score_s, .digital .digitalBase_s, .digital .manage_s, .digital .administration_s, .digital .effect_s { width: 100%; background: linear-gradient(to right, rgba(50, 137, 255, 0.1), rgba(50, 137, 255, 0.05)); }
.digital .digitization .digitization_s { height: 150px; }
.digital .independent { margin-top: 10px; }
.digital .independent .independent_s { height: 240px; padding: 15px 0 25px 0; box-sizing: border-box; }
.digital .independent .independent_s .ins_left { width: 93px; }
.digital .independent .independent_s .ins_left .ins_btn { width: 81px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; font-size: 12px; font-style: italic; margin-top: 20px; cursor: pointer; background: url("../img/digital/btn_bg4.png") no-repeat center; transition: width 0.3s, background 0.3s; white-space: nowrap; /* 防止文本换行 */ overflow: hidden; /* 隐藏溢出的文本 */ text-overflow: ellipsis; /* 显示省略号 */ padding: 0 5px; box-sizing: border-box; }
.digital .independent .independent_s .ins_left .ins_btn.on { width: 93px; background: url("../img/digital/btn_bg3.png") no-repeat 0 0; }
.digital .independent .independent_s .ins_left .ins_btn:hover { width: 93px; background: url("../img/digital/btn_bg3.png") no-repeat 0 0; }
.digital .independent .independent_s .nano { float: left; }
.digital .independent .independent_s .ins_right { width: 307px; padding-left: 40px; box-sizing: border-box; }
.digital .independent .independent_s .ins_right ul li { float: left; width: 80px; height: 85px; background: url("../img/digital/ins_bg.png") no-repeat bottom; text-align: center; margin-right: 70px; margin-top: 20px; }
.digital .independent .independent_s .ins_right ul li h4 { font-size: 24px; color: #f2f4ff; font-family: DINPro; }
.digital .independent .independent_s .ins_right ul li h4 span { font-size: 16px; color: #f2f4ff; }
.digital .independent .independent_s .ins_right ul li p { font-size: 12px; color: #2ee2f3; font-weight: bold; margin-top: 5px; }
.digital .independent .independent_s .ins_right ul li:nth-child(2n) { margin-right: 0; }
.digital .independent .independent_s .ins_right2 { display: none; }
.digital .independent .independent_s .ins_right3 { display: none; }
.digital .independent .independent_s .ins_right4 { display: none; }
.digital .independent .independent_s .ins_right5 { display: none; }
.digital .independent .independent_s .ins_right6 { display: none; }
.digital .independent .independent_s .ins_right7 { display: none; }
.digital .rank { margin-top: 10px; }
.digital .rank .rank_s { height: 200px; }
.digital .increase { margin-top: 10px; }
.digital .increase .increase_s { height: 150px; }
.digital .score .score_s { height: 190px; width: 100%; }
.digital .score .score_s .main_table { width: 100%; box-sizing: border-box; height: 190px; }
.digital .score .score_s .main_table .w4 { width: 40%; }
.digital .score .score_s .main_table p { padding-left: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.digital .score .score_s .main_table .table_th { line-height: 28px; background: linear-gradient(to top, rgba(50, 137, 255, 0.2), rgba(50, 137, 255, 0)); border-bottom: 1px solid #4885ce; }
.digital .score .score_s .main_table .table_td { line-height: 30px; }
.digital .score .score_s .main_table .table_td li { height: 30px; margin-bottom: 2px; }
.digital .digitalBase { margin-top: 10px; }
.digital .digitalBase .digitalBase_s { height: 140px; }
.digital .manage { margin-top: 10px; }
.digital .manage .manage_s { height: 80px; }
.digital .manage .manage_s .commonality_bar li .bar_in { background: linear-gradient(to right, rgba(46, 226, 243, 0), #2ee2f3); }
.digital .administration { margin-top: 10px; }
.digital .administration .administration_s { height: 110px; }
.digital .administration .administration_s .commonality_bar li .bar_in { background: linear-gradient(to right, rgba(255, 255, 58, 0), #ffff3a); }
.digital .effect { margin-top: 10px; }
.digital .effect .effect_s { height: 140px; }
.digital .effect .effect_s .commonality_bar li .bar_in { background: linear-gradient(to right, rgba(51, 106, 246, 0), #336af6); }
.digital .commonality_bar { padding: 15px; box-sizing: border-box; color: #e5efff; }
.digital .commonality_bar li { display: flex; align-items: center; margin-bottom: 20px; }
.digital .commonality_bar li .bar_h { width: 80px; margin-right: 5px; }
.digital .commonality_bar li .bar { width: 250px; background: #162863; height: 6px; }
.digital .commonality_bar li .bar .bar_in { height: 6px; background: linear-gradient(to right, rgba(255, 80, 62, 0), #ff503e); }
.digital .commonality_bar li .bar_num { font-size: 12px; color: #2ee2f3; font-family: DINPro; margin-left: 10px; width: 25px; }
.digital .commonality_bar li .bar_stxt { margin-left: 10px; }
.digital .commonality_bar li .bar_score { color: #ffe13a; margin-left: 3px; }
.digital .main_table { border: 1px solid #11182c; background-color: rgba(8, 14, 28, 0.5); font-size: 12px; }
.digital .main_table p i { font-style: italic; }
.digital .main_table .blue { color: #68a5f8; }
.digital .main_table .blue1 { color: #2ee2f3; }
.digital .main_table .red { color: #f55659; }
.digital .main_table .yellow { color: #ffe13a; }
.digital .main_table .green { color: #17e5b2; }
.digital .main_table .num { font-family: DINR; }
.digital .main_table .table_th { font-weight: 700; line-height: 15px; }
.digital .main_table .table_th li { float: left; }
.digital .main_table .center { text-align: center; }
.digital .main_table .em { font-style: italic; }
.digital .main_table .table_td { line-height: 34px; }
.digital .main_table .table_td li { /*&:nth-child(1){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; } }
}
&:nth-child(2){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; } }
}
&:nth-child(3){ p{ padding-left: 12px; span{ width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; } }
}*/ }
.digital .main_table .table_td li:nth-child(even) { background-color: rgba(25, 33, 61, 0.5); }
.digital .main_table .table_td li.t_1 p { padding-left: 12px; }
.digital .main_table .table_td li.t_1 p span { width: 100%; background: url("../img/digital/no1.png") no-repeat center; display: inline-block; }
.digital .main_table .table_td li.t_2 p { padding-left: 12px; }
.digital .main_table .table_td li.t_2 p span { width: 100%; background: url("../img/digital/no2.png") no-repeat center; display: inline-block; }
.digital .main_table .table_td li.t_3 p { padding-left: 12px; }
.digital .main_table .table_td li.t_3 p span { width: 100%; background: url("../img/digital/no3.png") no-repeat center; display: inline-block; }
.digital .main_table .table_td li > div { float: left; }
.digital .main_table .table_td li .num_box { float: right; padding-right: 5px; }
.digital .main_table .w1 { width: 10%; }
.digital .main_table .w2 { width: 50%; }
.digital .main_table .w3 { width: 18%; }
.digital .main_table .w4 { width: 22%; }

.nano { position: relative; width: 93px; height: 100%; overflow: hidden; }
.nano > .nano-content { overflow: scroll; overflow-x: hidden; left: 0; }
.nano > .nano-content:focus { outline: dotted thin; }
.nano > .nano-content::-webkit-scrollbar { display: none; }
.nano > .nano-pane { width: 4px; visibility: visible\9; opacity: .99; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; transition: .2s; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: rgba(50, 137, 255, 0.1); }
.nano > .nano-pane.active, .nano > .nano-pane.flashed { visibility: visible\9; opacity: .99; }
.nano > .nano-pane > .nano-slider { background: #253860; position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.nano > .nano-content, .nano > .nano-pane { position: absolute; left: 0; top: 0; bottom: 0; }
.nano.has-scrollbar > .nano-content::-webkit-scrollbar { display: block; }
.nano:hover > .nano-pane { visibility: visible\9; opacity: .99; }

@keyframes dotAnimation2 { 0% { opacity: 0; top: 80px; }
  25% { opacity: 0.4; }
  100% { opacity: 0; top: 10px; } }
@keyframes pulse { 0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); } }
@keyframes circle { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/*# sourceMappingURL=digital.css.map */