.indexbox{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;width: 100%;height: 100%;padding:0 30px;z-index:100;}
/*上*/
.indexbox .topbox{
	width:100%;height:13%;padding:0 0 20px 180px;position:relative;overflow:hidden;
	background:url(../images/topbg.png);
	background-size:100% 16px;background-repeat:no-repeat;background-position:bottom;
}
.indexbox .topbox .navbox{
	width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.indexbox .topbox .navbox .logo{display:flex;align-items:center;justify-content:space-around;padding-top:10px;letter-spacing: 2px;}
.indexbox .topbox .navbox .logo span{font-size:18px;color:#FFF;font-weight:bold;padding:0 15px;}
.indexbox .topbox .navbox ul.topnav{padding-top:40px;display:flex;align-items:center;justify-content:space-around;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.indexbox .topbox .navbox ul.topnav li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:bold;padding:0 40px;}
.indexbox .topbox .navbox ul.topnav li a{color:#FFF;letter-spacing: 2px;}
.indexbox .topbox .navbox ul.topnav li a:hover{color:#12c4ff;}
.indexbox .topbox .navbox ul.topnav li.active a{color:#12c4ff;}
.indexbox .topbox .navbox .search{margin-top:30px;width:240px;height:34px;border:1px solid #00a0e9;border-radius:17px;display: flex;align-items: center;justify-content: space-around;}
.indexbox .topbox .navbox .search input{background:none;color:#FFF;}
.indexbox .topbox .navbox .search input::-webkit-input-placeholder{color:#FFF;}
.indexbox .topbox .navbox .search input::-ms-input-placeholder{color:#FFF;}
.indexbox .topbox .navbox .search input::-moz-placeholder{color:#FFF;}
.indexbox .topbox .navbox .search i{color:#14d3f6;font-weight:bold;}
.indexbox .topbox .navbox .login{padding-top:30px;letter-spacing: 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:16px;font-weight:bold;color:#FFF;}
.indexbox .topbox .navbox .login a{color:#FFF;}
.indexbox .topbox .navbox .phonebox{
	width: 180px;height:30px;font-size: 16px;color:#14d3f6;font-weight: normal;margin-top:30px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;align-items: center;justify-content: space-around;
    background:#021f42;border-radius:15px;
}
.indexbox .topbox .navbox .phonebox i{font-size:18px;padding-right:6px;}
.indexbox .topbox .navbox .phonebox span{font-weight:bold;font-style:italic;}
@media (max-width:1620px) {
	.indexbox .topbox .navbox .logo span{font-size:16px;color:#FFF;font-weight:bold;padding:0 15px;}
	.indexbox .topbox .navbox ul.topnav{padding-top:40px;display:flex;align-items:center;justify-content:space-around;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.indexbox .topbox .navbox ul.topnav li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;font-weight:bold;padding:0 20px;}
	.indexbox .topbox .navbox ul.topnav li a{color:#FFF;letter-spacing: 2px;}
	.indexbox .topbox .navbox ul.topnav li.active a{color:#12c4ff;}
	.indexbox .topbox .navbox .search{margin-top:30px;width:200px;height:34px;border:1px solid #00a0e9;border-radius:17px;display: flex;align-items: center;justify-content: space-around;}
	.indexbox .topbox .navbox .search input{width:65%;background:none;color:#FFF;}
	.indexbox .topbox .navbox .search input::-webkit-input-placeholder{color:#FFF;}
	.indexbox .topbox .navbox .search input::-ms-input-placeholder{color:#FFF;}
	.indexbox .topbox .navbox .search input::-moz-placeholder{color:#FFF;}
	.indexbox .topbox .navbox .search i{color:#14d3f6;font-weight:bold;}
	.indexbox .topbox .navbox .login{padding-top:30px;letter-spacing: 2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;font-weight:bold;color:#FFF;}
	.indexbox .topbox .navbox .login a{color:#FFF;}
	.indexbox .topbox .navbox .phonebox{
		width: 160px;height:30px;font-size: 14px;color:#14d3f6;font-weight: normal;margin-top:30px;
	    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: flex;align-items: center;justify-content: space-around;
	    background:#021f42;border-radius:15px;
	}
	.indexbox .topbox .navbox .phonebox i{font-size:16px;padding-right:6px;}
	.indexbox .topbox .navbox .phonebox span{font-weight:bold;font-style:italic;}
}
/*中*/
.indexbox .centerbox{width:100%;height:79%;padding:0 200px;margin-top:1.4%;}
.indexbox .centerbox .centercontent{
	position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-around;
}
/*顶部列表*/
.indexbox .centerbox .centercontent .newslist{
	position:absolute;top:0;left:0;right:0;width:100%;height:44px;border:1px solid rgba(14,50,79,0.8);background: rgba(10,24,57,0.8);
	padding-right:25px;display:flex;align-items:center;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.indexbox .centerbox .centercontent .newslist::before{
	content: ""; 
	position: absolute; 
	width:30%;
	height: 2px;
	top:-1px;left:0;
	overflow: hidden;
	animation: rectmove 10s linear infinite;
	background: -webkit-linear-gradient(
		left, 
		rgba(150,192,208,.0)0,
		rgba(150,192,208,.1)10%,
		rgba(150,192,208,.2)20%,
		rgba(150,192,208,.3)30%,
		rgba(150,192,208,.5)40%, 
		rgba(150,192,208,.7)50%,
		rgba(150,192,208,.5)60%,
		rgba(150,192,208,.3)70%,
		rgba(150,192,208,.2)80%,
		rgba(150,192,208,.1)90%,  
		rgba(150,192,208,.0)100%
	);
}
@keyframes rectmove {
	0% {margin-left:0;margin-top:0;}
	50% {margin-left:70%;margin-top:0;}
	100% {margin-left:0;margin-top:0;}
}
.indexbox .centerbox .centercontent .newslist .newslist1{
	width:125px;height:44px;text-align:center;line-height:44px;color:#FFF;font-size:14px;font-weight:bold;letter-spacing:2px;position:relative;
	background: -webkit-linear-gradient(bottom,  #03d05a 30%,#10a5cd 100%);
	background: -moz-linear-gradient(bottom,  #03d05a 30%,#10a5cd 100%);   
	background: -o-linear-gradient(bottom,  #03d05a 30%,#10a5cd 100%);   
	background: -ms-linear-gradient(bottom,  #03d05a 30%,#10a5cd 100%);   
	background: linear-gradient(bottom,  #03d05a 30%,#10a5cd 100%);   
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #03d05a, endColorstr = #10a5cd);
}
.indexbox .centerbox .centercontent .newslist .newslist1 .triangle{
	position:absolute;right:-10px;top:13px;
	width:0;height:0;border-top:8px solid transparent;border-bottom: 8px solid transparent;
	border-left: 10px solid #08be8b;
}
.indexbox .centerbox .centercontent .newslist .closebtn{display:block;width:24px;height:24px;border-radius:12px;background:#3a86e4;text-align:center;font-size:10px;cursor:pointer;line-height:24px;color:#FFF;font-weight:bold;}
#FontScroll{width:100%;height:44px;overflow:hidden;padding:0 45px;}
#FontScroll ul {width:100%;overflow:hidden;letter-spacing:1px;}
#FontScroll ul li{width:100%;height:44px;line-height:44px;display:flex;align-items:center;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#FontScroll ul li a{width:100%;color:#14c4ff;font-size:14px;display:flex;align-items:center;justify-content:space-between;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#FontScroll ul li .newstitle{width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#FontScroll ul li .newstime{width:20%;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*中间地图*/
.indexbox .centerbox .centercontent .contentbox{width:100%;height:100%;padding-top:50px;display: flex;justify-content: space-around;}
	/*左*/
.indexbox .centerbox .centercontent .contentbox .left{
	width:15%;height:90%;margin-top:30px;
	background: rgba(17,66,164,0.3);
    box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.1);
    padding: 0 10px;
    border-bottom: 1px solid rgba(67,84,191,0.2);
}
.indexbox .centerbox .centercontent .contentbox .left ul{padding:18px 5px 10px 5px;}
.indexbox .centerbox .centercontent .contentbox .left ul li{width:100%;height:auto;border-radius:6px;padding-bottom:10px;margin-bottom:18px;letter-spacing:1px;text-align:center;color:#f5f5f5;float:left;border: 1px solid rgba(67,84,191,0.6);}
.indexbox .centerbox .centercontent .contentbox .left ul li p{font-size:13px;margin:15px 0 10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.indexbox .centerbox .centercontent .contentbox .left ul li span{font-size:22px;font-weight:bold;}
.indexbox .centerbox .centercontent .contentbox .left ul li:nth-child(even) span{color:#14c4ff;}
.indexbox .centerbox .centercontent .contentbox .left ul li:nth-child(odd) span{color:#00f260;}
@media (max-width:1620px) {
	.indexbox .centerbox .centercontent .contentbox .left ul li p{font-size:12px;margin:10px 0 5px 0;}
	.indexbox .centerbox .centercontent .contentbox .left ul li span{font-size:18px;font-weight:bold;}
}
@media (max-height:830px) {
	.indexbox .centerbox .centercontent .contentbox .left ul li:last-child{display: none;}
}




.indexbox .centerbox .centercontent .contentbox .center{width:70%;height:95.5%;padding-left:35px;}
.indexbox .centerbox .centercontent .contentbox .center ul{width:100%;height:100%;position:relative;}
.indexbox .centerbox .centercontent .contentbox .center li{position:absolute;}
.indexbox .centerbox .centercontent .contentbox .center li .spot{display:block;width:8px;height:8px;border-radius:4px;background: #f00001;}
.indexbox .centerbox .centercontent .contentbox .center li .spot em{
	position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    margin-top: -8px;
    margin-left: -8px;
    width: 16px;
    height: 16px;
    border: 1px solid #f6b4b5;
    border-radius: 50%;
    background-color: rgba(240,0,1,.1);
    transform: scale(.6);
    animation: scaleForEver2 4s linear infinite;
    animation-timing-function: linear;
}
.indexbox .centerbox .centercontent .contentbox .center li .spot::before{
	position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #d5a57a;
    content: "";
    transition: all .8s;
}
.indexbox .centerbox .centercontent .contentbox .center li .spot .radio1{z-index: 0;border: 1px dashed #f6b4b5;}
.indexbox .centerbox .centercontent .contentbox .center li .spot .radio2{z-index: 1;border: 1px solid #f6b4b5;animation-delay: 2s;}
.indexbox .centerbox .centercontent .contentbox .center li .spot .radio3{z-index: 2;border: 1px solid #f6b4b5;animation-delay: 3s;}
@keyframes scaleForEver2 {
	0% {transform: scale(.6);opacity: 1;}
	70% {transform: scale(1.5);opacity: .8;}
	100% {transform: scale(2);opacity: 0;}
}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(1) .spot::before{background:#f00001;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(2) .spot::before{background:#f00001;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(3) .spot::before{background:#f00001;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(1){left:30%;top:20%;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(2){left:390px;top:410px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(3){left:670px;top:540px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(4){left:490px;top:270px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(5){left:300px;top:300px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(6){left:570px;top:400px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(7){left:550px;top:590px;}
.indexbox .centerbox .centercontent .contentbox .center li:nth-child(8){left:380px;top:140px;}





.indexbox .centerbox .centercontent .contentbox .right{
	width:18%;height:90%;margin-top:30px;
	background: rgba(17,66,164,0.3);
    box-shadow: 1px 1px 5px 1px rgba(255,255,255,0.1);
    padding: 0 20px;
    border-bottom: 1px solid rgba(67,84,191,0.2);
    color:#32d6d8;
}
.indexbox .centerbox .centercontent .contentbox .right p{
	padding:30px 0 20px 0;text-align:center;color:#f5f5f5;
}
/*孵化载体*/
#andyscroll{
	width:100%;overflow:hidden;border: 1px solid rgba(67,84,191,0.6);
	padding:30px 15px;border-radius:6px;height:84%;
}
#andyscroll ul li{
	padding-left:10px;
	height:36px;line-height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
#andyscroll ul li span{
	color: #f5f5f5;padding-right: 8px;
}
/*技术支持*/
.indexbox .tecbox{
	width:100%;height:5%;border-top:1px solid #009fe9;position:absolute;bottom:0;left:0;right:0;color:#8285bc;padding:0 180px;
	display:flex;align-items:center;justify-content:space-around;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
@media (max-width:1366px) {
	.indexbox .tecbox{font-size:12px;}
}