:root {
  --shadow-color:#fff;
  --shadow-color-light:#17d0f2;
}

.jidi_bg{width:100%; background:url(../images/bg_jidi.jpg) no-repeat center top;background-size: 100% 100%;background-color:#040137eb;}
.index_bg{width:100%; background:url(../images/bgidex.jpg) no-repeat center top; background-size:100% 100%;background-color:#040137eb;}

/*首页*/
.index_mainbox{ padding-bottom:80px; overflow:hidden;}
.index_cenbox{ margin:0 1%; margin-top:10px;}
.index_left{ width:15.5%; float:left;}
.left_ult{ width:100%; height:320px; background:url(../images/bg1.png) no-repeat; background-size:100% 100%;}
.sb_title{ height:30px; line-height:30px; color:#fff; text-align:center; padding-top:10px; font-size:12px;}
.sb_title span{ float:left; width:33.33%; display:block; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sb_title span:first-child{ text-align:left; text-indent:10px;}
.sb_title span:nth-child(2){ text-indent:18px;}
.sb_title span:last-child{ text-align:center; text-indent:4px;}
.lef_text{ margin:0 20px;}
.lef_text li{ height:48px; background:url(../images/li1.png) no-repeat; background-size:100% 100%; color:#fff; margin-top:6px;}
.lef_text li h1{ font-size:12px; line-height:24px; padding-left:10px;}
.lef_text li h1 span{float:left; width:33.33%; display:block; box-sizing:border-box; text-align:center;}
.lef_text li h1 span:first-child{ text-align:left;}
.lef_text li h3{ font-size:12px; color:#61c2ff; background:url(../images/wz.png) no-repeat 0 center; margin-left:25px; padding-left:25px; line-height:24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lef_text li.error{background:url(../images/li2.png) no-repeat; background-size:100% 100%;}
.lef_text li.error h3{ color:#fff;}
.lef_text li.error h1 span:nth-child(3){ color:#f70000;}
.lef_text li.lixian{background:url(../images/li3.png) no-repeat; background-size:100% 100%;}
.lef_text li.lixian h3{ color:#fff;}
.lef_text li.lixian h1 span:nth-child(3){ color:#25e805;}

.left_bot{ margin-top:15px; height:170px; background:url(../images/bg2.png) no-repeat;background-size:100% 100%; overflow:hidden;}
.left_bot h1{ margin:20px 20px 0; height:110px;}
.left_bot h1 img{ width:100%; height:100%;}
.left_bot h2{ height:34px; line-height:34px; background:url(../images/bg3.png) no-repeat center center; font-size:12px; color:#fff; margin:0 20px; text-indent:3em;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-size:96% auto;}

.index_center{ width:45%; float:left; margin-left:1.6%;}
.index_center .index_num{ width:260px; margin-right:-100px;}
.index_center .index_num li{ margin-top:20px; margin-right:0; margin-left:20px;}

.index_dl{ position:relative;z-index: 99;}
.index_dl dt{ width:160px; height:80px; background:url(../images/bg7.png) no-repeat;background-size:100% 100%; color:#fff; position:absolute;}
.dl_div{ width:100%; height:100%; position:relative;}
.index_dl dt h2{ font-size:13px; padding-left:20px;}
.index_dl dt h2:first-child{ padding-top:20px;}
.index_dl dt h2+h2{ margin-top:8px;}
.index_dl dt h2 em{ color:#dfc200;}
.index_dl dt:nth-child(1){ top:48px; left:0; right:0; margin:auto;}
.index_dl dt:nth-child(2){ top:280px; left:20%;}
.index_dl dt:nth-child(3){ top:370px; right:140px;}
.index_dl dt:nth-child(4){ top:344px; right:30%;}
@media (min-width:1024px) and (max-width:1400px){
    .index_dl dt:nth-child(2){ top:400px; left:10%;margin-top:-50px;margin-left:50px;}
}

.index_right{ width:32.6%; float:right;}
.in_rtop{ height:276px; background:url(../images/bg4.png) no-repeat; background-size:100% 100%; margin-bottom:10px; color:#fff;}
.intext{ padding:10px 20px 0 35px;}
.intext h2{ padding:10px 0; color:#0a92c1; font-size:16px;}
.intext h2 span{ margin-right:10%; margin-left:5px; color:#0a92c1; cursor:pointer;}
.titles{animation: neon 3s infinite;}
.intext p{ font-size:14px; color:#a8dfff; line-height:28px; text-indent:2em;}
.in_news{ padding:0 15px 0 5px;}
.in_news li{ font-size:14px; height:40px; line-height:40px; background:url(../images/y1.png) no-repeat 0 center;}
.in_news li+li{ border-top:1px solid #103b64;}
.in_news li a{ color:#a8dfff; transition:0.5s;}
.in_news li span{ width:75%; float:left; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent:20px;}
.in_news li em{ color:#a8dfff; float:right;}
.in_news li:hover{ background:url(../images/y2.png) no-repeat 0 center;}
.in_news li:hover a{ color:#fff;}
.serli{ padding-right:15px;}
.serli li{ width:48%; float:left; height:40px; line-height:40px; background:url(../images/bg5.png) no-repeat; background-size:100% 100%; margin-bottom:15px; font-size:14px; text-indent:2em;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serli li:nth-child(2n){ float:right;}
.serli li:nth-child(7){ width:100%;background:url(../images/bg6.png) no-repeat; background-size:100% 100%;}
.serli li a{ color:#a8dfff;}
.serli li:hover a{ color:#fff;}
.tab_con{ display:none;}
.tab_con:first-child{ display:block;}

.index_botli{ position:absolute; left:14%; bottom:-60px;}
.index_botli .index_botl li:nth-child(1){ position:relative; top:-50px;}
.index_botli .index_botl li:nth-child(2){ position:relative; top:-10px;}
.index_botli .index_botl li:nth-child(3){ position:relative; top:10px;}
.index_botli .index_botl li:nth-child(4){ position:relative; top:10px;}
.index_botli .index_botl li:nth-child(5){ position:relative; top:-10px;}
.index_botli .index_botl li:nth-child(6){ position:relative; top:-50px;}

/*基地图页面*/
.mainbox{ overflow:hidden;}
.index_t{ text-align:center;overflow: hidden;}
.index_t h1{ font-size:30px; font-weight:bold;}
.index_t h2{ font-size:22px; color:#fff; font-weight:bold; text-shadow:2px 2px 2px #0c0d2a; letter-spacing:3px;animation: 4s animate infinite linear; margin-top:25px;}
.text_effect{ background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
  -webkit-background-clip: text;background-clip: text;color: transparent;
  -webkit-animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;}
  
@-webkit-keyframes reveal {
  80% {
    letter-spacing: 8px;
  }
  100% {
    background-size: 300% 300%;
  }
}
@keyframes reveal {
  80% {
    letter-spacing: 8px;
  }
  100% {
    background-size: 300% 300%;
  }
}
@-webkit-keyframes glow {
  40% {
    text-shadow: 0 0 8px #fff;
  }
}
@keyframes glow {
  40% {
    text-shadow: 0 0 8px #fff;
  }
}

@keyframes neon {
  0% {
    text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
    0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
    0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
  }
  50% {
    text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
    0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),
    0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);
  }
  100% {
    text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
    0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
    0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
  }
}

@keyframes animate{
	0%{ text-shadow: 0 0 0 #0c0d2a; }
	40%{color: rgba(166,221,246,0.6);}
	70%{color: rgba(131,192,226,0.6);}
	90%{color: rgba(101,185,232,0.6);text-shadow: 0 0 30px #141545;}
	100%{ text-shadow: 0 0 40px rgba(0,0,0,0.5); }
}

.index_num{ float:right;}
.index_num li{ float:left;margin-top: 18px; text-align:center; color:#fff; width:80px; height:90px; background:url(../images/g.png) no-repeat; margin-right:35px;}
.index_num li h1{ font-size:14px; padding-top:20px;}
.index_num li h1 span{ font-size:16px;}
.index_num li h3{ font-size:13px; margin-top:40px;}
.index_num li:nth-child(1) h1{ color:#01c6ff;}
.index_num li:nth-child(2) h1{ color:#e6fb00;}
.index_num li:nth-child(3) h1{ color:#01ff31;}
.index_num li:nth-child(4) h1{ color:#ff9c01;}

.index_cen{ width:90%; height:640px; margin:auto; position:relative;}
.index_cnli li{ width:163px; position:absolute; cursor:pointer;}
.intxt{ width:100%; height:100%; position:relative;}
.jipic{ width:100%; height:110px; background:url(../images/bg9.png) no-repeat; font-size:13px; color:#fff; text-align:center; overflow:hidden;}
.jipic h3{width:146px; height:45px; margin-top:21px; margin-left:9px;}
.jipic img{ width:100%; height:100%;}
.jipic p{ margin-top:5px;}
.textbox{ width:15px; height:15px; margin:5px auto 0;position:relative;left:3px;}
.text_ty{ width:100%; height:100%; background:#4dff00; border-radius:50%;}
.text_ty2{background-color:#4dff00;}
.text_ty:before{content:'';display:block;width:100%;height:100%;opacity:.7;border-radius:50%;animation:scale 2s infinite cubic-bezier(0,0,.49,1.02);animation-delay:200ms; background:#82b0ab;}

/*.index_cnli li:nth-child(1){ left:10%; top:50px;}
.index_cnli li:nth-child(2){ left:25%; top:100px;}
.index_cnli li:nth-child(3){ left:55%; top:90px;}
.index_cnli li:nth-child(4){ left:40%; top:210px;}
.index_cnli li:nth-child(5){ left:75%; top:220px;}
.index_cnli li:nth-child(6){ left:60%; top:310px;}*/

.index_botl{ text-align:center;}
.index_botl li{ width:90px; height:90px; display:inline-block; text-align:center; background:url(../images/ty.png) no-repeat; margin:0 15px; background-size:cover; cursor:pointer; -webkit-transition: -webkit-transform 1.5s ease-out;}
.index_botl li p{ font-size:16px; color:#fff; width:40px; margin:auto; padding-top:25px;}
.index_botl li:hover,.index_botl li.active{background:url(../images/ty2.png) no-repeat;background-size:cover;}
.index_botl li:hover{ -webkit-transform: rotateZ(720deg); transform: rotateZ(360deg);}
.clear_right{ clear:right;}
.index_botli .index_botl li{ width:100px; height:100px;margin:0 25px;}
.index_botli .index_botl li p{ font-size:18px; padding-top:25px;}

/*缩放动画*/
@keyframes scale{
	0%{transform:scale(1)}
	50%,75%{transform:scale(2.5)}
	78%,100%{opacity:0}
}

/*星星背景动画*/
@keyframes rotate {
  0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  }
}
.stars {
  transform: perspective(500px);transform-style: preserve-3d;position:fixed;bottom: 0;
  perspective-origin: 50% 100%;left: 50%;animation: rotate 90s infinite linear;
}

.star {width: 2px;height: 2px;background: #F7F7B6;position: absolute;top: 0;left: 0;transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);backface-visibility: hidden;}

.div{width:100%;overflow:hidden;position:fixed;height:100%;}
.div>div{width:4px;height:4px;background:#cccccc;position:absolute;top:0px;right:0px;border-radius:100%}
.div>div>div{width:3px;height:3px;background:#ccc;position:absolute;top:-2px;right:-2px;}
.div>div>div>div{width:2px;height:2px;background:#ccc;position:absolute;top:-2px;right:-2px;}
.div>div>div>div div{width:1px;height:1px;background:#ccc;position:absolute;top:-1px;right:-1px;}

/*流星动画*/
.starxx{display:block;width:5px;height:5px;border-radius:50%;background:#FFF;top:100px;left:500px;position:relative;transform-origin:100% 0;animation:star-ani 4s linear infinite;-webkit-animation:star-ani 5s linear infinite;box-shadow:0 0 5px 5px rgba(255,255,255,.3);opacity:0;z-index:2;}
.starxx:after{content:'';display:block;top:0px;left:4px;border:0px solid #fff;border-width:0px 90px 2px 90px;border-color:transparent transparent transparent rgba(255,255,255,.3);transform:rotate(-45deg)translate3d(1px,3px,0);box-shadow:0 0 1px 0 rgba(255,255,255,.1);transform-origin:0% 100%;}
.pinkxx{top:100px;left:800px;background:#fff;animation-delay:3s;-webkit-animation-delay:3s;-moz-animation-delay:3s;}
.pinkxx:after{border-color:transparent transparent transparent #fff;animation-delay:3s;-webkit-animation-delay:3s;-moz-animation-delay:3s;}
.bluexx{top:120px;left:1200px;background:fff;animation-delay:7s;-webkit-animation-delay:7s;-moz-animation-delay:7s;}
.bluexx:after{border-color:transparent transparent transparent fff;-webkit-animation-delay:7s;-moz-animation-delay:7s;animation-delay:7s;}
@keyframes star-ani{
	0%{opacity:0;transform:scale(0)translate3d(0,0,0);}
	20%{opacity:0.8;transform:scale(0.2)translate3d(-100px,100px,0);}
	40%{opacity:0.8;transform:scale(0.4)translate3d(-200px,200px,0);}
	60%{opacity:0.8;transform:scale(0.6)translate3d(-300px,300px,0);}
	80%{opacity:1;transform:scale(1)translate3d(-350px,350px,0);}
	100%{opacity:1;transform:scale(1.2)translate3d(-400px,380px,0);}
}

@keyframes action{
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
}

@keyframes actions{
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg)}
}             

@keyframes action2{
  0% { transform: rotate(0deg) }
  100% { transform: rotate(-360deg)}
}

@keyframes actions2{
  0% { transform: rotate(0deg) }
  100% { transform: rotate(-360deg)}
}              


/*笔记本分辨率下样式*/
@media (min-width:1024px) and (max-width:1440px){
	.index_num li{ margin-right:10px;}
	.index_botl li{ width:80px; height:80px; margin:0 30px;}
	.index_botl li p{ width:30px; font-size:14px; padding-top:20px;}
	
	.mainbox{ padding-bottom:150px;}
	.index_cenbox{ margin-top:25px;}
	.index_left{ width:200px;}
	.lef_text{ margin:0 10px;}
	.sb_title{ font-size:12px; height:30px; line-height:30px; padding-top:5px;}
	.left_ult{ height:346px;}
	.lef_text li{ height:40px; margin-top:3px;}
	.lef_text li h1,.lef_text li h3{font-size:12px; line-height:20px;}
	.lef_text li h3{ background-size:13px 10px;}
	.left_bot{ height:150px;}
	.left_bot h1{ height:100px; margin:15px 10px 0;}
	.left_bot h2{ font-size:12px; height:28px; line-height:28px; background-size:180px 11px; text-indent:1em;}
	.index_t h1{ font-size:24px;}
	.index_t h2{ margin-top:20px;}
	
	.index_right{ width:36%;}
	.in_rtop{ height:210px; margin-bottom:10px;}
	.intext{ padding:10px 10px 0 25px;}
	.intext h2{ font-size:14px; padding:5px 0;}
	.intext p{ font-size:12px; line-height:20px;}
	.in_news li{ height:30px; line-height:30px; font-size:12px;}
	.serli{ margin-top:5px;}
	.serli li{height:30px; line-height:30px; font-size:12px; margin-bottom:10px;}
	.index_botl{ top:150px;}
	.index_cnli li:nth-child(1){left: 5%; top:-50px;}
	.index_cnli li:nth-child(2){ top:0; left:23%;}
	.index_cnli li:nth-child(3){ top:50px; left:57%;}
	.index_cnli li:nth-child(4){ top:80px;}
	.index_cnli li:nth-child(5){ left:78%; top:90px;}
	.index_cnli li:nth-child(6){ left:65%; top:190px;}
	.index_botli .index_botl{top: 150px;}
	
	.index_center .index_num{ width:180px;margin-right:-30px;}
	.index_center .index_num li{ width:60px; height:80px; margin-top:10px; background-size:60px 57px;}
	.index_center .index_num li h1 span{ font-size:16px;}
	.index_center .index_num li h1{ font-size:12px; padding-top:5px;}
	.index_center .index_num li h3{ margin-top:35px; font-size:12px;}
	
	.index_botli{ left:13%;}
	.index_botli .index_botl li{ margin:0 15px;}
	.index_dl dt{ width:150px; height:80px;}
	.index_dl dt h2{ font-size:12px;}
	.index_dl dt h2:first-child{ padding-top:25px;}
	.index_dl dt h2+h2{ margin-top:5px;}
	.index_dl dt:nth-child(1){ top:30px; left:0;}
	.index_dl dt:nth-child(2){ top:330px; left:100px;}
	.index_dl dt:nth-child(3){ top:350px; right:100px;}
}

@media (min-width:1440px) and (max-width:1680px){
	.intext h2{ padding:6px 0; font-size:16px;}
	.intext p{ font-size:13px; line-height:24px;}
	.in_rtop{ height:250px;}
	.in_news li{ font-size:14px; height:40px; line-height:40px;}
	.serli li{ font-size:14px; height:36px; line-height:36px; text-indent:10px;}
	.index_botl li{ width:100px; height:100px; margin:0 20px;}
	.index_botl li p{ font-size:16px !important; width:40px; padding-top:30px;}
	.index_cnli li:nth-child(6){top:260px;}
	.index_botli{ left:12%; bottom:-50px;}
	.index_dl dt:nth-child(2){ top:256px;}
	.index_dl dt:nth-child(3){ right: 155px;top: 272px;}
	.index_center .index_num{ margin-right:-90px; margin-top:-10px;}
	.mainbox{ padding-bottom:20px;}
	.index_mainbox{ padding-bottom:90px;margin-top:-10px;}
	.index_mainbox .index_botli{ left:18%;}
	.index_mainbox .index_botl li{ width:90px; height:90px; margin:0 15px;}
}

@media (min-width:900px) and (max-width:1440px){
	.mainbox{ padding-bottom:20px;}
	.index_cen{ height:360px;}
	.index_botli .index_botl{top: 0;}
	.index_mainbox .index_botli{ bottom:-30px;}
	.index_mainbox{padding-bottom:70px;}
	.index_botl li{ margin-top:170px;}
	.index_t h2{ margin-top:40px;}
	.index_center .index_num{ margin-right:-90px !important; margin-top:10px;}
	.index_cnli li:nth-child(1){ top:20px;}
	.index_cnli li:nth-child(2){ top:40px;}
	.index_cnli li:nth-child(4){ top:150px;}
	.index_right{ width:32%;}
	.in_rtop{ height:260px;}
	.serli li{ padding:0 5px; width:43%; text-indent:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.index_mainbox .index_botli{ bottom:-150px; left:12% !important;}
	.index_dl dt:nth-child(3){    right: 143px;
    top: 261px;}
}
@media (min-width:900px) and (max-width:1600px){
	.index_mainbox .index_botli{ left:16%;}
	.index_botli{ bottom:30px;}		
}
@media (min-width:1050px) and (max-width:1400px){
	.mainbox{ padding-bottom:0 !important;}
	.index_cen{ height:360px;}
	.index_botli .index_botl{top: 0;}
	.index_mainbox .index_botli{ bottom:-30px;}
	.index_mainbox{padding-bottom:70px;}
	.index_botl li{ margin-top:270px;}
	.index_t h2{ margin-top:40px;}
	.index_cnli li:nth-child(1){ top:20px;}
	.index_cnli li:nth-child(2){ top:40px;}
	.index_cnli li:nth-child(4){ top:150px;}
	.waves{ bottom:0!important;}
	.index_right{ width:32%;}
	.in_rtop{ height:260px;}
	.serli li{ padding:0 5px; width:43%; text-indent:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; line-height:40px;}
	.index_mainbox .index_botli{ bottom:0;}
	.index_dl dt:nth-child(3){ right:90px;}
	.intext p{ line-height:26px;}
	.in_news li{ height:40px; line-height:40px; font-size:14px;}
	.index_mainbox .index_botli{ left:10% !important;}
	.index_botli .index_botl li p{ font-size:14px;}
}
@media (min-width:768px) and (max-width:1366px){
	.index_t h2{ margin-top:20px;}
	.index_botli .index_botl{top:70px;}
	.index_mainbox .index_botli{ bottom:-250px;}
	.index_mainbox{padding-bottom:50px;}
	.index_cen{ height:320px;}
	.index_cnli li:nth-child(6){ top:190px;}
	.mainbox{ padding-bottom:20px !important;}
	.index_mainbox .index_botli{ left:13% !important;}
	.index_botl li{ margin-top:30px; width:80px!important; height:80px!important;z-index:999;}
	.index_botl li p{ font-size:14px!important;}
	.index_cnli li:nth-child(1){ top:-50px;}
	.index_cnli li:nth-child(2){ top:-10px;}
	.index_cnli li:nth-child(4){ top:70px;}
}