@charset "utf-8"; /* CSS Document */
/* KISSY CSS Reset */
html{height:100%;background:url(../images/ma_bg.png) center center no-repeat;}
.rln_mian{width:100%;position: relative;}
body{width:100%;overflow-x:hidden;}
.elc_ld_l{padding: 22px 24px;}
.dle_ind{float:left;width:24px;height:24px;margin-right:15px;}
.lc_ld_ls{float:left;width: 116px;height: 30px;border-radius: 4px;border: 2px solid #05f;font-family: "Microsoft YaHei", Arial;font-size: 14px;padding-left:15px;
font-weight: normal;line-height: normal;letter-spacing: 0em;color: rgb(204, 204, 204);position:relative;}
.dlc_ldsfr{line-height:30px;color:#fff;display:block;position:relative;cursor:pointer;}
.dlc_ldsfr:after{content:' ';position:absolute;top:50%;margin-top:-5px;right:13px;width:6px;height:6px;border:rgb(204, 204, 204) solid;border-width:0px 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer;display:block;}
.dlv_el{position: absolute;left: -2px;width: 115px;padding: 8px 10px;border-radius: 4px;background: rgb(15, 32, 85);box-shadow: rgb(0, 85, 255) 0px 0px 10px 0px inset;display:none;}
.dlv_el p{font-family: "Microsoft YaHei", Arial;font-size: 14px;font-weight: 600;line-height: normal;letter-spacing: 0em;color: rgb(51, 79, 150);text-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;height: 20px;
margin-bottom: 8px;}
.slc_l span{display:block;height: 32px;border-radius: 4px;background: rgb(21, 41, 106);
font-family: "Microsoft YaHei", Arial;font-size: 14px;font-weight: 600;text-align: center; letter-spacing: 0em;color: rgb(255, 255, 255);line-height: 32px;text-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;margin-bottom: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;}

.tlrl_l{float:left;color:#fff;line-height:32px;font-size:14px;padding: 0px 0px 0px 50px;}
.tlrl_l a{color:#fff;}
.lc_ld_lrl{float:right;height:32px;font-size: 14px;position:relative;}
.esc_ldt{position:absolute;left:0px;top:32px;border: 2px solid #05f;width: 305px;display:none;z-index: 100;background:#141b38;max-height:200px;overflow-y:scroll;}
.esc_ldt li{padding:0px 10px;color: rgb(204, 204, 204);display:block;line-height:30px;font-size: 14px;}
.esc_ldt li a{color: rgb(204, 204, 204);display:block;line-height:30px;font-size: 14px;}
.esc_ldt li:hover{background:#fff;color: #05f}
.esc_ldt li:hover a{color: #05f}
.c_l_tx1{float:left;width: 290px;height: 30px;border-radius: 4px;border: 2px solid #05f;font-family: "Microsoft YaHei", Arial;font-size: 14px;padding-left:15px;
font-weight: normal;line-height: normal;letter-spacing: 0em;color: rgb(204, 204, 204);background: none;margin-right: 8px;outline:none;}
.c_l_tx2{display:block;color: #fff; border-color: #05f;background:#05f;text-shadow: 0 -1px 0 rgba(0,0,0,.12);box-shadow: 0 0 10px 0 rgba(0,85,255,.5)!important;outline:none;float:left;width:65px;height:32px;cursor:pointer;border:0px;border-radius: 4px;margin-right: 8px;}
.c_l_tx3{display:block;color: #666; border-color: #fff;background:#fff;text-shadow: 0 -1px 0 rgba(0,0,0,.12);box-shadow: 0 0 10px 0 rgba(0,85,255,.5)!important;outline:none;float:left;width:65px;height:32px;cursor:pointer;border:0px;border-radius: 4px;margin-right: 8px;}

.bac_top_t{width: 1080px;height: 800px;margin: 80px auto 0px;text-align:center;}
.ball_base{display:inline-block;margin:20px;position: relative;width: 138px;height: 138px;justify-content: center;align-items:center;display:flex;float:left;}


.ball_base img {width: 110px;height: 110px;margin:0px auto;moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ball_base span {position: absolute;z-index: 9;width: 100%;text-align: center;display: inline-block;top: 0px;left: 0px;color: rgb(255, 255, 255);font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;padding-top:35px;}
.ball_base span em{display:block;line-height: 30px;}
.ball_base span i{display:block;font-style:normal;line-height: 30px;}

.ui_base_ldf{position:relative;width: 700px;height:700px;margin: 0px auto 0px;text-align:center;background:url(../images/wer.png) center center no-repeat;}
.ball_c{background:url(../images/t2.png) center center no-repeat;width:140px;height:140px;background-size:140px 140px;line-height:140px;text-align:center;color:#fff;font-size:16px;font-weight:bold;position:absolute;left:50%;top:50%;margin-top:-70px;margin-left:-70px;}

.ball_base:nth-child(1){position:absolute;left: -86px;top: 294px;}
.ball_base:nth-child(2){position:absolute;left: -56px;top: 119px;}
.ball_base:nth-child(3){position:absolute;left: 55px;top: -12px;}
.ball_base:nth-child(4){position:absolute;left: 215px;top: 451px;}
.ball_base:nth-child(5){position:absolute;left: 397px;top: 401px;}
.ball_base:nth-child(6){position:absolute;left: 90px;top: 317px;}
.ball_base:nth-child(7){position:absolute;left: 135px;top: 140px;}
.ball_base:nth-child(8){position:absolute;left: 428px;top: 236px;}
.ball_base:nth-child(9){position:absolute;left: 318px;top: 95px;}
.ball_base:nth-child(10){position:absolute;left: 241px;top: -80px;}
.ball_base:nth-child(11){position:absolute;left: 422px;top: -40px;}
.ball_base:nth-child(12){position:absolute;left: 547px;top: 75px;}
.ball_base:nth-child(13){position:absolute;left: 600px;top: 235px;}
.ball_base:nth-child(14){position:absolute;left: 577px;top: 423px;}
.ball_base:nth-child(15){position:absolute;left: 465px;top: 565px;}
.ball_base:nth-child(16){position:absolute;left: 288px;top: 604px;}
.ball_base:nth-child(17){position:absolute;left: 106px;top: 574px;}
.ball_base:nth-child(18){position:absolute;left: -38px;top: 464px;}
.ball_base:nth-child(9) img {width: 138px;height: 138px;}
.ball_base:nth-child(14) img {width: 138px;height: 138px;}
.ball_base:nth-child(13) img {width: 138px;height: 138px;}
.ball_base:nth-child(5) img {width: 138px;height: 138px;}
.ball_base:nth-child(15) img {width: 138px;height: 138px;}
.ball_base:nth-child(6) img {width: 138px;height: 138px;}
.ball_base:hover img{width:138px;height:138px;}
.ball_base:hover span{font-size: 15px;}


.empty-top{color:#fff;font-size:14px;}


/*.bac_top_t{width: 1080px;height: 680px;margin: 40px auto 0px;background: url(../images/swe.png) -15px 65px no-repeat;}

.cHOvUv .u_p3d {transform-style: preserve-3d;}
.cHOvUv .ui_base {position: relative;top: 90px;left: 320px;width: 400px;height: 0px;perspective: 1000px; perspective-origin: 50% 0%;}
.cHOvUv .ball_c {transform-origin: 50% 50%;position: absolute;width: 225px;height: 157px;line-height: 157px;text-align: center; left: 90px;top: 100px;}
.cHOvUv .base {transform: rotateX(80deg) rotateY(-10deg);position: relative;width: 350px;height: 350px;backface-visibility: hidden;top: -38px;left: 40px;}
.cHOvUv .base {animation: 28s linear 0s infinite normal none running cir;}
.cHOvUv .ball_base {transform-origin: 225px 0px;position: absolute;top: 175px;left: -50px;width: 225px;height: 127px;}
.cHOvUv .ball {position: relative;}

.cHOvUv .ball {transition: all 2s ease-out 0ms;transform-origin: 50% 50%;position: absolute;left: -200px;top: -30px; overflow: hidden;}
.cHOvUv .ball_1 {transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);}
.cHOvUv .ball_2 {transform: rotateX(-90deg) rotateY(60deg) translateY(-70px);}
.cHOvUv .ball_3 {transform: rotateX(-90deg) rotateY(120deg) translateY(-70px);}
.cHOvUv .ball_4 {transform: rotateX(-90deg) rotateY(180deg) translateY(-70px);}
.cHOvUv .ball_5 {transform: rotateX(-90deg) rotateY(240deg) translateY(-70px);}
.cHOvUv .ball_6 {transform: rotateX(-90deg) rotateY(300deg) translateY(-70px);}
.cHOvUv .ball_1 .ball {transform: rotateY(10deg) rotateZ(10deg);}
.cHOvUv .ball_1 .ball {transition-delay: 1100ms;}
.cHOvUv .ball_1 .ball {animation: 28s linear 0s infinite normal none running cir1;}
.cHOvUv .ball img {width: 110px;height: 110px;}
.cHOvUv .ball span {position: absolute;z-index: 9;width: 100%;height: 100%;text-align: center;line-height: 100px;display: inline-block;top: 0px;left: 0px;color: rgb(255, 255, 255);font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor:pointer;}
.cHOvUv .ball_2 .ball {transform: rotateY(-50deg) rotateZ(10deg);}
.cHOvUv .ball_2 .ball {transition-delay: 900ms;}
.cHOvUv .ball_2 .ball {animation: 28s linear 0s infinite normal none running cir2;}
.cHOvUv .section3 .ball_3 .ball {transform: rotateY(-110deg) rotateZ(10deg);}
.cHOvUv .ball_3 .ball {transition-delay: 700ms;}
.cHOvUv .ball_3 .ball {animation: 28s linear 0s infinite normal none running cir3;}
.cHOvUv .ball_4 .ball {transform: rotateY(-170deg) rotateZ(10deg)}
.cHOvUv .ball_4 .ball {transition-delay: 500ms;}
.cHOvUv .ball_4 .ball {animation: 28s linear 0s infinite normal none running cir4;}
.cHOvUv .ball_5 .ball {transform: rotateY(-230deg) rotateZ(10deg);}
.cHOvUv .ball_5 .ball {transition-delay: 300ms;}
.cHOvUv .ball_5 .ball {animation: 28s linear 0s infinite normal none running cir5;}
.cHOvUv .section3 .ball_6 .ball {transform: rotateY(-290deg) rotateZ(10deg);}
.cHOvUv .ball_6 .ball {transition-delay: 100ms;}
.cHOvUv .ball_6 .ball {animation: 28s linear 0s infinite normal none running cir6;}
*/

@keyframes cir {
 0% {
    transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg);
 }
 100% {
    transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg);
 }
}

@keyframes cir1 {
 0% {
    transform: rotateY(0deg) rotateZ(10deg);
}
100% {
    transform: rotateY(-360deg) rotateZ(10deg);
}
}
@keyframes cir2 {
  0% {
    transform: rotateY(-60deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-420deg) rotateZ(10deg);
  }
}
@keyframes cir3 {
    0% {
      transform: rotateY(-120deg) rotateZ(10deg);
    }
	100% {
		transform: rotateY(-480deg) rotateZ(10deg);
	}
}
@keyframes cir4 {
  0% {
    transform: rotateY(-180deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-540deg) rotateZ(10deg);
 }
}
@keyframes cir5 {
   0% {
    transform: rotateY(-240deg) rotateZ(10deg);
   }
   100% {
	transform: rotateY(-600deg) rotateZ(10deg);
  }
}
@keyframes cir6 {
  0% {
    transform: rotateY(-300deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-660deg) rotateZ(10deg);
  }
}



.dlr_mdl_l{height:32px;padding:0px 24px 0px 65px;}
.dlr_mdl_l a{display:block;color: #fff; border-color: #05f;background:#05f;text-shadow: 0 -1px 0 rgba(0,0,0,.12);box-shadow: 0 0 10px 0 rgba(0,85,255,.5)!important;outline:none;float:left;width:65px;height:32px;cursor:pointer;border:0px;border-radius: 4px;line-height:32px;text-align:center;}

.dlr_mdl_t1{position:relative;}
.lc_ld_ml{width:70%;}
.lc_ld_mr{float:right;width: 25.8%;height: 400px;border-radius: 4px;background: rgb(15, 32, 85);box-shadow: rgb(0, 85, 255) 0px 0px 20px 0px inset;position: absolute;top: 130px;right: 24px;z-index: 1;}
.c_ld_m_odel{padding:24px;}
.ld_m_o1{font-family: "Microsoft YaHei", Arial;font-size: 16px;font-weight: 600;letter-spacing: 0em;color: rgb(255, 255, 255);margin-bottom: 16px;position: relative;line-height: 32px;}
.ld_m_o2{font-family: "Microsoft YaHei", Arial;font-size: 14px; font-weight: normal;line-height: 22px;letter-spacing: 0em;color: rgb(255, 255, 255);margin-bottom: 0px;max-height: 250px;overflow-y: auto;}
.que_tn{margin-top: 24px;height:32px;}
.que_tn a{display:block;color: #fff;border-color: #05f;background: linear-gradient(90deg, #05f, #4684ff) !important;text-shadow: 0 -1px 0 rgba(0,0,0,.12);box-shadow: 0 2px 0 rgba(0,0,0,.045);border-radius: 4px;font-family: "Microsoft YaHei", Arial;font-size: 14px;font-weight: 400;line-height: normal;text-align: center;line-height:32px;width:90px;margin-right:10px;float:left;}

.lc_l_t_mc{display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;animation-name: dropdown;animation-duration: 2s;margin-top: 54px;}
.upstreamLeftBox {max-height: 526px;width: 500px;overflow: hidden auto;padding: 24px;min-height: 526px;direction: rtl;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;height: 526px;flex-wrap: wrap}
.upstreamCenterBox {display: flex;position: absolute;height: 420px;top: 35%;z-index: 9;}
.upstreamRightBox {max-height: 526px;width: 500px;overflow: hidden auto;padding-left: 24px;margin-left: 84px;padding-top: 24px;padding-bottom: 24px;min-height: 526px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;height: 526px;flex-flow: wrap;}


.cld_ldr_l em{cursor:pointer;}
.pathIndicator{text-align:center;}

.up_list{display: flex;margin-bottom: 24px;margin-right: 50%;}
.pro_box,.jiantou_eft,.chinCenterBig1,.chinCenterBig2,.chinCenterBig3{position: relative;}
.pst_rea{width: 130px;}
.pro_box{display: flex;margin-bottom: 24px;margin-left: 50%;-webkit-box-align: center;align-items: center;width: 126px;height: 48px;border-radius: 4px;background: rgb(18, 43, 58);box-shadow: rgb(0, 212, 255) 0px 0px 10px 0px inset;transform: skew(10deg);display:block;font-family: "Microsoft YaHei", Arial;font-size: 14px;font-weight: normal;line-height: 48px;text-align: center;letter-spacing: 0em;direction: ltr;color: rgb(255, 255, 255);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;transition: all 0.2s ease; /* 基础过渡 */}

/* 鼠标悬停抖动动画 */
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-3px) rotate(-1deg); }
  50% { transform: translateX(3px) rotate(1deg); }
  75% { transform: translateX(-2px) rotate(-0.5deg); }
  100% { transform: translateX(0); }
}
.pro_box:hover {
  animation: shake 0.5s ease-in-out; /* 执行抖动动画：时长0.5秒，缓动效果 */

}

.jiantou_eft{margin-top: 18px;}
.chin_anbox{margin: 0px 14px;}	
.chinCenterBig1 {width: 148px;height: 148px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}	
.chinCenterBig1 span {font-family: "Microsoft YaHei", Arial;font-size: 16px;font-weight: 600;line-height: 148px;letter-spacing: 0em;color: rgb(244, 247, 255);position: absolute;width: 148px;height: 148px;display: inline-block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;left: 0px;}
.chinCenterBig2 {margin-left: 27px;}
.cld_ldr_l em:nth-child(2) .chinCenterBig2 {margin-left: 45px;}
.cld_ldr_l em:nth-child(3) .chinCenterBig2 {margin-left: 45px;}
.chinCenterXian {width: 5px;height: 40px;background: linear-gradient(0deg, rgba(39, 64, 114, 0) 5%, rgb(39, 109, 114) 105%);display: inline-block;margin-left: 74px;}
.cld_ldr_l em:nth-child(1) .chinCenterBig2 span {font-family: "Microsoft YaHei", Arial;font-size: 14px;font-weight: normal;line-height: 96px;letter-spacing: 0em;color: rgb(255, 255, 255);width: 96px;height: 96px;display: inline-block;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cld_ldr_l em:nth-child(2) .chinCenterBig2 span {font-family: "Microsoft YaHei", Arial;font-size: 12px;font-weight: normal;line-height: normal;letter-spacing: 0em;color: rgb(255, 255, 255);width: 42px;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.cld_ldr_l em:nth-child(3) .chinCenterBig2 span {font-family: "Microsoft YaHei", Arial;font-size: 12px;font-weight: normal;line-height: normal;letter-spacing: 0em;color: rgb(255, 255, 255);width: 42px;text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}

.up_tList{display: flex;margin-bottom: 24px;margin-left: 50%;-webkit-box-align: center;align-items: center;}

.cld_ldr_l em:nth-child(1) .chinCenterBig2{background:url(../images/t1.png) center center no-repeat;background-size:96px 96px;width: 96px;height: 96px;margin-bottom: 10px;display: flex;
justify-content: center;align-items: center;}
.cld_ldr_l em:nth-child(2) .chinCenterBig2{background:url(../images/t3.png) center center no-repeat;background-size:70px 70px;width: 70px;height: 70px;display: flex;
justify-content: center;align-items: center;}
.cld_ldr_l em:nth-child(3) .chinCenterBig2{background:url(../images/t3.png) center center no-repeat;background-size:70px 70px;width: 70px;height: 70px;display: flex;
justify-content: center;align-items: center;}


.sle_lsn_ld li:nth-child(2){position:relative;}
	
.upstreamLeftBox::-webkit-scrollbar,.ld_m_o2::-webkit-scrollbar,.upstreamRightBox::-webkit-scrollbar,.slc_l::-webkit-scrollbar,.esc_ldt::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.upstreamLeftBox::-webkit-scrollbar-thumb,.ld_m_o2::-webkit-scrollbar-thumb,.upstreamRightBox::-webkit-scrollbar-thumb,.slc_l::-webkit-scrollbar-thumb,.esc_ldt::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: #3753ac;
}
.upstreamLeftBox::-webkit-scrollbar-track,.ld_m_o2::-webkit-scrollbar-track,.upstreamRightBox::-webkit-scrollbar-track,.slc_l::-webkit-scrollbar-track,.esc_ldt::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #1d306d;}


.slc_l{min-height: 368px;max-height: 368px;overflow: hidden auto;}

@keyframes dropdown {
 0% {
    opacity: 0;
    width: 50%;
 }
 100% {
    opacity: 1;
    width: 100%;
 }
}

.cld_ld_mr_l{position:relative;}
.cld_ld_mr_l li:nth-child(2){position:absolute;left: 28px;top: -411px;transform: rotate(180deg);}
.cld_ld_mr_l li:nth-child(2) em:nth-child(1) .chinCenterBig2 span {transform: rotate(180deg);}
.cld_ld_mr_l li:nth-child(2) em:nth-child(2) .chinCenterBig2 span {transform: rotate(180deg);}
.cld_ld_mr_l li:nth-child(3){position:absolute;left: -138px;top: -65px;transform: rotate(38deg);}
.cld_ld_mr_l li:nth-child(4){position:absolute;left: 142px;top: -52px;transform: rotate(-38deg);}


.dlxi_rp{position:fixed;right:30px;bottom:30px;}
.dlxi_rp img{max-width:120px;max-height:70px;}


.sc_le_lds{display:block;float: left;margin-left: 5px;line-height:32px;}
.sc_le_lds a.sl_sld_lcd{display:block;float:left;display:block;color: #666; text-align:center;border-color: #fff;background:#fff;text-shadow: 0 -1px 0 rgba(0,0,0,.12);box-shadow: 0 0 10px 0 rgba(0,85,255,.5)!important;outline:none;float:left;width:65px;height:32px;cursor:pointer;border:0px;border-radius: 4px;margin-right: 8px;}
.sc_le_lds span{color: #fff;font-size: 13px;margin-left: 10px;}
.sc_le_lds a{color: #fff;font-size: 13px;}