* {
	/* box-sizing: border-box; */
	padding: 0;
	margin: 0;
}

html,
body,
a,
address,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
ol,
p,
pre,
small,
span,
strong,
u,
ul,
var {
	margin: 0;
	padding: 0;
	/* box-sizing: border-box; */
}

input:focus,
select:focus {
	outline: 0;
}

textarea {
	padding: 0 10px;
	outline: none;
	resize: none;
}

.hide {
	display: none
}

.fl {
	float: left
}

.fr {
	float: right
}

em,
b,
strong,
i,
label {
	font-style: normal;
	font-weight: 100;
}

ul,
li,
ol {
	list-style: none;
}

a,
a:link {
	text-decoration: none;
	font-size: 16px;
}

a:active,
a:hover {
	text-decoration: none;
	color: #333;
}

a:focus {
	outline: none;
}

html {
	height: 100%;
}

body {
	font-family: 'Microsoft YaHei';
	font-size: 16px;
	background-color: #ffffff;
}

body {
	background: url(../img/bg.png)no-repeat center;
	background-size: cover;
}


/*通用清除浮动*/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

#starsBox {
	background: url(../img/bg.png)no-repeat center;
	background-size: cover;
	min-width: 1300px;
	min-height: 720px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
}

#starsBox>span {
	display: inline-block;
	width: auto;
	position: absolute;
	border-radius: 100%;
	transition: 100s linear;
	box-sizing: border-box;
}

.stage {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	pointer-events: none
	box-sizing: border-box;
}

.starcommon {
	float: left;
	padding:1% 1%;
	box-sizing: border-box;
}

.starleft {
	width: 27%;
	height: 100%;
	box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 1.4%;
}

.sta_body .starmap {
	width: 71.6%;
	height: 100%;
	box-sizing: border-box;
	background: transparent;
}

.head_title_top {
	height: 10%;
	text-align: center;
	padding-bottom: 1.5%;
	padding-top: 0.8%;
	position: relative;
	box-sizing: border-box;
	background: url(../img/head_bg.png)no-repeat center;
	background-size: cover;
}

.head_title_top .time {
	position: absolute;
	left: 1%;
	display: inline-block;
	box-sizing: border-box;
	font-size: 14px;
	color: #0ab7ff;
	margin-top: 0.15%;
}

.head_title_top>img {
	margin: 0px 10px;
	vertical-align: top;
	height: 100%;
	box-sizing: border-box;
}
.head_title_top .lg_qh_box{
	width: auto;
	position: absolute;
	right: 1%;
	display: inline-block;
	box-sizing: border-box;
	margin-top: 0.15%;
    white-space: nowrap;	
}
.head_title_top .lg_qh_box a{
	font-size: 14px;
	color: #0ab7ff;
	margin-left: 20px;
}

.common_modelbox {
	position: relative;
	width: 100%;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(71, 216, 219, 0.35);
	/*background-image:-webkit-gradient(linear,left top,left bottom,from(#6cc3fe),to(#21a1d0));*/
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe01;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	box-sizing: border-box;
}
@-webkit-keyframes breathe01 {
	0% {
		/*opacity:.2;*/
		box-shadow: 0 1px 2px rgba(255, 255, 255, 0.05);
	}
	100% {
		/*opacity:1;*/
		border: 1px solid rgba(59, 235, 235, 1);
		box-shadow: 0 1px 20px rgba(59, 255, 255, 0.3);
	}
}

.common_modelbox>i.angles {
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	box-sizing: border-box;
}

@-webkit-keyframes breathe {
	0% {
		opacity: .2;
	}
	100% {
		opacity: 1;
	}
}

.common_modelbox>i.angles01 {
	top: -2px;
	left: -2px;
	background: url(../img/angles01.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles02 {
	top: -2px;
	right: -2px;
	background: url(../img/angles02.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles03 {
	bottom: -2px;
	left: -2px;
	background: url(../img/angles03.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles04 {
	bottom: -2px;
	right: -2px;
	background: url(../img/angles04.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.common_mini{
	position: relative;
	width: 100%;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(71, 216, 219, 0.35);
	/*background-image:-webkit-gradient(linear,left top,left bottom,from(#6cc3fe),to(#21a1d0));*/
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-name: breathe01;
	-webkit-animation-duration: 0000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	box-sizing: border-box;
}
.common_modelbox>i.angles_mini {
	position: absolute;
	display: inline-block;
	width:3px;
	height: 3px;
	-webkit-animation-name: breathe;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	box-sizing: border-box;
}
.common_modelbox>i.angles05 {
	top: 0px;
	left: 0px;
	background: url(../img/angles05.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles06 {
	top: 0px;
	right: 0px;
	background: url(../img/angles05.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles07 {
	bottom: 0px;
	left: 0px;
	background: url(../img/angles05.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

.common_modelbox>i.angles08 {
	bottom: 0px;
	right: 0px;
	background: url(../img/angles05.png)no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

@keyframes myfirst {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes myfirst
/* Safari and Chrome */

{
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes hvr-wobble-horizontal {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.head_title_btn{
	height: 5%;
}
.head_title_btn{
	padding-top: 0.3%;
}
.btn_box{
	height: 100%;
	position: relative;
    width: 20%;
    background: rgba(24, 27, 200, 0.05);
    border: 1px solid #1715c7;
	margin: 0 auto;
}
.btn_box .btn_span a{
	float: left;
	width: 50%;
	height: 100%;
	line-height: 100%;
	font-size: 20px;
	color: #ffffff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: rgba(255,255,255,0.1);
}
.btn_box .btn_span a.cur{
	background: rgba(6,121,198,0.8);
}
.statop{
	box-sizing: border-box;
	height: 13%;
	padding-top: 1%;
	display: flex;
}
.statop .top_data_look{
	box-sizing: border-box;
	display: inline-block;
	margin: 0px 1.4%;
	width: 23%;
	height: 100%;
}
.modelbox_00{
	height: 48.5%;
}
.modelbox_01{
	height: 48.5%;
	margin-top:4%;
}
.starmap00{
	box-sizing: border-box;
	float: left;
	width: 70%;
	height: 100%;
	background-image: linear-gradient(-39deg, 
		rgba(12, 116, 214, 0.1) 0%, 
		rgba(16, 82, 167, 0.1) 51%, 
		rgba(19, 50, 121, 0.1) 100%);
	border-image-source: linear-gradient(90deg, 
		rgba(13, 54, 78, 0.12) 0%, 
		rgba(3, 110, 154, 0.35) 100%);
}
.starmap01{
	box-sizing: border-box;
	width: 30%;
	float: left;
	height: 100%;
	padding-left: 1%;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	padding-right: 0.5%;
	background: #000f1a;
	border: none;
	display: flex;
	flex-direction: column;
}
.sta_body{
	padding: 1% 1.4%;
	box-sizing: border-box;
	height: 71%;
}
.sta_body .starcommon{
	padding: 0;
}
.data_box {
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.data_box p:first-child{
	padding-top: 10px;
}
.data_box p{
	font-size: 16px;
	color: #ffffff;
}
.data_box p b{
	font-size: 50px;
	color: #00ccff;
}
.left_qh_map{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
}
.left_qh_01{
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2%;
}
.left_qh_01 a{
	display: block;
	height: 100%;
	flex: 1;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #122b43;
}
.left_qh_01 a.cur{
	background-color: #112035;
	border-bottom: 1px solid #00d7ff;
	color: #00ccff;
}

.left_qh_02{
	flex: 6;
	height: 100%;
}
.left_qh_02 .common_mini{
	height: 100%;
}
.left_02_echer{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 2%;
}
.starmap01 .starmap01_tit{
	flex: 1;
	margin-bottom: 1%;
	background-image: linear-gradient(-90deg, 
		rgba(2, 89, 130, 0.1) 70%, 
		rgba(3, 96, 140, 0.4) 100%);
	position: relative;
	border: none;
}
.starmap01 .starmap01_con{
	flex: 8;
	display: flex;
	flex-direction: column;
}
.starmap01_tit_p{
	box-sizing: border-box;
	height: 100%;
	padding-left: 5%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.starmap01_tit_p .p1{
	font-size: 16px;
	color: #00ccff;
	margin-bottom: 5px;
}
.starmap01_tit_p .p2{
	font-size: 12px;
	color: #ffffff;
}
.starmap01_table{
	display: flex;
	flex-direction: column;
	flex: 9;
	overflow:hidden;
	position: relative;
}
.starmap01_table .overflow_y{
	display: flex;
	flex: 8;
	flex-direction: column;
	overflow-y: auto;
	flex-grow: inherit;
	position: absolute;
	width: 100%;
	height: 100%;
}
.starmap01_con .table_thead{
	flex: 1;
	display: flex;
	justify-content: center;
	height: 100%;
	align-items: center;
}
.starmap01_con .table_thead span{
	flex: 1;
	font-size: 14px;
	color: #fefefe;
	text-align: center;
}
.table_tbody{
	flex: 10;
	position: relative;
}
.table_tbody>ul{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.table_tbody>ul li{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(-39deg, 
		rgba(12, 116, 214, 0.1) 0%, 
		rgba(16, 82, 167, 0.1) 51%, 
		rgba(19, 50, 121, 0.1) 100%), 
	linear-gradient(
		#000f1a, 
		#000f1a);
	background-blend-mode: normal, 
		normal;
	border-style: solid;
	border-width: 1px;
	border-image-source: linear-gradient(90deg, 
		rgba(13, 54, 78, 0.12) 0%, 
		rgba(3, 110, 154, 0.35) 100%);
	border-image-slice: 1;
	height: 34px;
	margin-bottom: 5px;
}
.table_tbody>ul li span{
	flex: 1;
	font-size: 14px;
	color: #fefefe;
	text-align: center;
}
.table_zlook{
	flex: 1;
	font-size: 14px;
	color: #b7ad5a;
	line-height: 20px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding:0 5%;
	text-align: justify;
}
.english_en .lg_Cn{
	display: none !important;
}
.Chinese_cn .lg_En{
	display: none !important;
}