@charset "utf-8";

html {}

body {
	font-size: 12rem;
}

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
th,
td,
form,
object,
iframe,
blockquote,
pre,
a,
abbr,
address,
code,
img,
fieldset,
form,
label,
figure {
	margin: 0;
	padding: 0;
}

body,
html,
input,
button,
textarea {
	color: #2b2b2b;
	font-family: "Microsoft YaHei UI", Arial, Helvetica, sans-serif;
	line-height: 1.5
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

h1 {
	font-size: 20rem;
}

h2 {
	font-size: 18rem;
}

h3 {
	font-size: 16rem;
}

h4,
h5 {
	font-size: 14rem;
}

img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

li {
	list-style: none;
}

i,
em {
	font-style: normal;
}

a {
	color: #2b2b2b;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover {
	color: #005cb4;
	text-decoration: none;
}

input[type="text"]:focus {
	outline: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

hr {
	height: 1rem;
	border: none;
	border-top: 1rem dashed #c1c1c1;
	margin: 15rem 0 15rem 0;
}

a:active,
select,
input,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: 0 !important;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

@font-face {
	font-family: 'HYQiHei35S';
	src:
		url("font/HYQiHei-35S.ttf") format("truetype")
}

@font-face {
	font-family: 'HYQiHei50S';
	src:
		url("font/HYQiHei-50S.ttf") format("truetype")
}

@font-face {
	font-family: 'HYQiHei60S';
	src:
		url("font/HYQiHei-60S.ttf") format("truetype")
}

@font-face {
	font-family: 'HYQiHei65S';
	src:
		url("font/HYQiHei-65S.ttf") format("truetype")
}

@font-face {
	font-family: 'HYQiHei85S';
	src:
		url("font/HYQiHei-85S.ttf") format("truetype")
}

@font-face {
	font-family: 'DINAlternateBold';
	src:
		url("font/DIN Alternate Bold.ttf") format("truetype")
}

@font-face {
	font-family: 'facebook';
	src:
		url("font/facebook.woff.ttf") format("truetype")
}

@font-face {
	font-family: 'DSDIGIB';
	src:
		url("font/DS-DIGIB.TTF") format("truetype")
}

@font-face {
	font-family: 'douyuFont';
	src:
		url("font/douyuFont.otf") format("OpenType")
}

.map-wrapper {
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 0;
}

#echartsMap,
#echartsMap01,
#echartsMap02,
.echartsMap {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;

}

header {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

header .head_bg {
	width: 100%;
}

header .head_cont {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2.2%;
}

header .head_cont .left {
	color: #ffffff;


}

header .head_cont .left .logo {
	height: 39rem;
}

header .head_cont .left strong {
	font-size: 30rem;
	letter-spacing: 5rem;
	margin-left: 30rem;
	font-family: 'douyuFont';
	font-weight: normal;
}

header .head_cont .left strong span {
	font-size: 32rem;
	padding: 0 3rem;
	text-shadow: 0 0 6rem rgba(255, 255, 255, .5);
}

header .head_cont .right {
	position: relative;
	display: flex;
	align-items: center;
	-moz-transform: translateY(-6rem);
	-webkit-transform: translateY(-6rem);
	-o-transform: translateY(-6rem);
	-ms-transform: translateY(-6rem);
	transform: translateY(-6rem);
}

header .head_cont .right nav {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 72rem;
}

header .head_cont .right nav a {
	position: relative;
	display: block;
	font-family: 'HYQiHei60S';
	color: #fff;
	border: 1rem solid #ffffff;
	margin-right: 8rem;
	width: 238rem;
	height: 45rem;
	line-height: 43rem;
	text-align: center;
	font-size: 18rem;
	letter-spacing: 2rem;
	opacity: .4;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgba(0,0,0,.8)', endColorStr='rgba(0,0,0,.8)', gradientType='0');
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
	background: -o-linear-gradient(top, rgba(0, 0, 0, .8), rgba(0, 0, 0, .8));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, .8)));
}

header .head_cont .right nav a.active {
	opacity: 1;
	border-color: #08cafb;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='transparent', endColorStr='#0423b5', gradientType='0');
	background: -moz-linear-gradient(top, transparent, #0423b5);
	background: -o-linear-gradient(top, transparent, #0423b5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#0423b5));

}

header .head_cont .right .time {
	position: relative;
	display: block;
	width: 220rem;
	font-family: 'DINAlternateBold';
	color: #fff;
	font-size: 21rem;
	letter-spacing: 1rem;
}

.pannel_wrapper {
	position: relative;
	width: 100%;
}

.pannel_wrap {
	position: absolute;

	/* width:485rem ;
	height: 300rem; */
	width: 25%;
	z-index: 2;
}

.pannel_wrap01 {
	left: 2.5%;
	top: 5vh;
}

.pannel_wrap02 {
	right: 2.5%;
	top: 5vh;
	width: 28%;
}

.pannel_wrap03 {
	position: fixed;
	left: 2.5%;
	bottom: 5vh;
	width: 25%;
}

.pannel_wrap04 {
	position: fixed;
	right: 2.5%;
	bottom: 5vh;
	width: 28%;

}

.pannel_wrap .pannel_title {
	background: url("titlebar_bg.png") no-repeat left center;
	background-size: cover;
	/* filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgba(8,37,183,.6)',endColorStr='rgba(1,79,255,0)',gradientType='1');
	
	background: -moz-linear-gradient(left, rgba(8,37,183,.6), rgba(1,79,255,0));
	
	background: -o-linear-gradient(left,rgba(8,37,183,.6), rgba(1,79,255,0));
	
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(8,37,183,.6)), to(rgba(1,79,255,0))); */

	color: #00eaff;
	/* background-image: linear-gradient(135deg,red,blue);
	            background-clip:text;
	            -webkit-background-clip:text;
	            color: transparent; */
}

.pannel_wrap .pannel_title .title {
	font-family: 'HYQiHei60S';
	font-size: 20rem;
	font-weight: normal;
	padding: 4rem 20rem;
	letter-spacing: 2rem;
}

.pannel_wrap .pannel_content {
	position: relative;


}

.pannel_wrap01 .pannel_content {
	background: rgba(10, 35, 59, .5);
	box-shadow: 0 0 51rem rgba(69, 74, 255, .2) inset;
	border-top: 1rem solid #056a92;
}

.pannel_wrap01 .pannel_content:before,
.pannel_wrap01 .pannel_content:after {
	content: "";
	width: 34rem;
	height: 3rem;
	background-color: #056a92;
	position: absolute;
	left: 0;
	top: -3rem;
}

.pannel_wrap01 .pannel_content:after {
	left: auto;
	right: 0;
}

.pannel_wrap .echarts_content {}

.pannel_wrap01 .pannel_content .ico_bottom {

	position: absolute;
	left: 0;
	bottom: 0;
	height: 10rem;
	width: 24rem;
	border: 1rem solid #08cafb;
	border-top: none;
}

.pannel_wrap01 .pannel_content .ico_bottom.ico_bottom_left {
	border-right: none;
}

.pannel_wrap01 .pannel_content .ico_bottom.ico_bottom_right {
	left: auto;
	right: 0;
	border-left: none;
}

.swiper_content {
	overflow: hidden;
	margin-top: 8rem;
}

.swiper_wrapper .item {
	position: relative;
	display: flex;
	justify-content: space-between;
	color: #fff;

}
.swiper_wrapper .item.swiper-slide-active{
/*	filter: blur(1.5rem);*/
}
@keyframes bgPos {
	0% {
		-webkit-transform: rotate(360deg) scale(1);
		transform: rotate(360deg) scale(1.3);
		opacity: 1
	}

	100% {
		-webkit-transform: rotate(0deg) scale(.8);
		transform: rotate(0deg) scale(1);
		opacity: 1
	}
}

.swiper_wrapper .item.title {
	background-color: #0a233b;
	color: #08cafb;
	border-top: 1rem solid #056a92;
	margin-top: 10rem;
	font-size: 14rem;
}

.swiper_wrapper .item .item_box {
	position: relative;
	padding: 0 20rem;
	line-height: 34rem;
	height: 34rem !important;
	background-color: rgba(10, 35, 59, .2);
	box-shadow: 0 0 20rem rgba(69, 74, 255, .3) inset;
	width: 33.333%;
}

.swiper_wrapper .item.title .item_box {
	background: none;
	box-shadow: none
}

.swiper_wrapper .item .item_name {
	width: 33%
}

.swiper_wrapper .item .item_time {
	width: 43%
}

.swiper_wrapper .item .item_terminal {
	width: 20%
}

/* #echartsMap02{ display: none;} */
.inquiry_pannel_wrap {
	position: fixed;
	display: flex;
	justify-content: center;
	left: 0;
	bottom: 5vh;
	width: 100%;
	text-align: center;
}

.inquiry_pannel_wrap.order {
	 position: relative;
	 bottom: auto;
	 margin-top: 5vh;
}

.inquiry_pannel_wrap .inquiry_pannel_content {
	position: relative;
	background-color: rgba(10, 35, 59, .51);
	box-shadow: 0 0 51rem rgba(69, 74, 255, .2) inset;
	min-width: 436rem;
}

.inquiry_pannel_wrap .ico_bottom {

	position: absolute;
	left: 0;
	bottom: 0;
	height: 10rem;
	width: 24rem;
	border: 1rem solid #08cafb;
	border-top: none;
}

.inquiry_pannel_wrap .ico_bottom.ico_bottom_left {
	border-right: none;
}

.inquiry_pannel_wrap .ico_bottom.ico_bottom_right {
	left: auto;
	right: 0;
	border-left: none;
}

.inquiry_pannel_wrap .pannel_title .title {
	font-family: 'HYQiHei60S';
	font-size: 20rem;
	font-weight: normal;
	padding: 4rem 20rem;
	letter-spacing: 2rem;
	color: #00EAFF;
	background-image: linear-gradient(to right, rgba(8, 37, 183, 0) 0%, rgba(8, 37, 183, .9) 50%, rgba(8, 37, 183, 0) 100%)
}

.inquiry_pannel_wrap .tip {
	font-family: 'HYQiHei60S';
	font-size: 14rem;
	color: #08cafb;
	padding: 0 0 10rem;
}


.inquiry_pannel_wrap .pannel_content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 0 30rem;
	font-size: 39rem;

}

.inquiry_pannel_wrap .pannel_content img {
	width: 22rem;
	height: 35rem;
	margin-right: 10rem;
}

.inquiry_pannel_wrap .pannel_content .run_num {
	overflow: hidden;
	height: 68rem;
	line-height: 68rem;
	text-align: center;
	position: relative;
	display: flex;
	align-items: flex-start;
	font-family: 'DSDIGIB';
	font-size: 39rem;

}

.inquiry_pannel_wrap .pannel_content .run_num .item {
	position: relative;
	overflow: hidden;
	background: url('num_bg.png') no-repeat center center;
	background-size: contain;
}

.inquiry_pannel_wrap .pannel_content .run_num .item span {
	opacity: 0;
	visibility: hidden;
}

.inquiry_pannel_wrap .pannel_content .run_num .item li {
	position: absolute;
}


.pannel_wrap_top {
	position: absolute;
	display: flex;
	justify-content: space-between;
	top: 0;
	left: 0;
	width: 100%; 
}

.pannel_line_wrapper {
	position: fixed;
	width: 100%;
	bottom: 3vh;
	display: flex;
	justify-content: space-between;
	padding: 0 2%;
}

.pannel_line_wrap {
	position: relative;
	border-radius: 10rem;
	border: 1rem solid #2baccd;
	width: 32.5%;
	padding: 8rem 0 15rem;
	background-color: rgba(17, 19, 97, .8);
}

.pannel_line_wrap .pannel_title {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10rem 5% 10rem 3%;
}

.pannel_line_wrap .pannel_title .title {
	font-size: 16rem;
	font-weight: normal;
}

.pannel_line_wrap .pannel_title p {
	font-size: 12rem;
	;
}

.pannel_line_wrap .pannel_line_wrap .pannel_content {
	position: relative;
	width: 100%;
}

.pannel_line_wrap .pannel_content .echarts_content {
	position: relative;
	width: 100%;
}

.ratio_items {
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 25rem 8% 0;
}

.ratio_item {
	position: relative;
	text-align: center;
	
}

.ratio_item strong {
	font-family: 'DINAlternateBold';
	font-size: 29rem;
	position: relative;
	display: inline-block;
	color: #FFFFFF;
	width: 86rem;
	height: 86rem;
	line-height: 84rem;
	border-radius: 100%;
	border: 1rem solid #0dd9d8;
}

.ratio_item strong em {
	font-family: 'HYQiHei60S';
	font-size: 12rem;
	position: absolute;
	top: -10rem;
	right: 15rem;
}

.ratio_item .item_title {
	color: #0dd9d8;
	padding: 20rem 0 0;
}
*{
		margin: 0;
		padding: 0;
	}
	.wrap,.circle,.percent{
		position: absolute;
		width: 102rem;
		height: 102rem;
		border-radius: 50%;
	}
	 
	.wrap .circle{
		box-sizing: border-box;
		border:8rem solid #ccc;
		clip:rect(0,102rem,102rem,51rem);
	}
	 
	.wrap .percent{
		box-sizing: border-box;
		top:-8rem;
		left:-8rem;
	}
	.wrap .left{
		transition:transform ease;
		border:8rem solid red;
		clip: rect(0,51rem,102rem,0);
	}
	.wrap .clip-auto{
			clip:rect(auto, auto, auto, auto);
		}
		.percen
	.wrap .right{
		border:8rem solid red;
		clip: rect(0,102rem,102rem,51rem);
	}
	.wrap .wth0{
		width:0;
	}
	.wrap .num{
		position: absolute;
		box-sizing: border-box;
		width: 86rem;
		height: 84rem;
		line-height: 86rem;
		text-align: center;
	 
		left: 8rem;
		top: 8rem;
		border-radius: 50%;
		background-color:  #0dd9d8; 
		z-index: 1;
	}
.left_data {
	position: fixed;
	width: 32%;
	left: 2%;
	top: 12vh;
}
.left_data .left_data_bg{
	position: relative;
	width: 100%;
	height:60vh ;
}

.left_data .run_items {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.left_data .run_items .run_item {
	position: relative;
	display: flex;
	align-items: center;
	color: #08cafb;
	height: 7.7vh;
	line-height:7.7vh;
	margin-bottom: 1vh;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	/* border: 1rem solid #2285be;
	border-radius: 10rem;
	background: linear-gradient(to right,rgba(17,19,97,1) 0%,rgba(17,19,97,0) 100%); */
}

@media only screen and (max-height:980px) {
	/* 	.left_data .run_items .run_item{
		 height: 74rem;
		 line-height: 72rem;
		 margin-bottom: 6rem; 
	 } */
}
/* 
.left_data .run_items .run_item:nth-of-type(1) {
	background-image: url(line01.png);
}

.left_data .run_items .run_item:nth-of-type(2) {
	background-image: url(line02.png);
}

.left_data .run_items .run_item:nth-of-type(3) {
	background-image: url(line03.png);
}

.left_data .run_items .run_item:nth-of-type(4) {
	background-image: url(line04.png);
}

.left_data .run_items .run_item:nth-of-type(5) {
	background-image: url(line05.png);
}

.left_data .run_items .run_item:nth-of-type(6) {
	background-image: url(line06.png);
}

.left_data .run_items .run_item:nth-of-type(7) {
	background-image: url(line07.png);
} */

.left_data .run_items .run_item .item_info {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 29rem;
	padding: 0 10rem 0 28rem;
	/* background: linear-gradient(to right,rgba(80,121,121,1) 0%,rgba(80,121,121,0) 100%); */
	/* background: url(line_mid.png) no-repeat left top;
	background-size: contain; */
}

.left_data .run_items .run_item .run_img {
	 
	height: 28rem;
}

.left_data .run_items .run_item .run_title {
	padding: 0 0 0 18rem;
	width: 120rem;
}

.left_data .run_items .run_item .run_num {
	margin-right: 6rem;
}

.left_data .run_items .run_item .run_text {}

.left_data .run_items .run_item .run_num {
	overflow: hidden;
	height: 50rem;
	line-height: 50rem;
	text-align: center;
	position: relative;
	display: flex;
	align-items: flex-start;
	font-family: 'DINAlternateBold';
	font-size: 25rem;
	color: #ffffff;
}

.left_data .run_items .run_item .run_num .item {
	position: relative;
	overflow: hidden;
}

.left_data .run_items .run_item .run_num .item span {
	opacity: 0;
	visibility: hidden;
}

.left_data .run_items .run_item .run_num .item li {
	position: absolute;
}

.left_data .run_items .run_item .run_num .ttr {
	position: relative;
	padding: 0 2px;
}


.right_data {
	position: fixed;
	width: 32%;
	right: 2%;
	top: 12vh;
	
}
.right_data .right_data_bg{
	position: relative;
	width: 100%;
	height:60vh ;
}
 .right_data .right_data_content{
	 position: absolute;
	 right: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
 }
.right_data .top_data {
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 100%; 
	height: 25vh; 
}
/* .right_data .top_data .top_data_bg{
	height: 24.1vh;
	 width: 100%;
	 max-width: none; 
} */
.right_data .top_data .square{
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80%;
	overflow: hidden;
}
 
.right_data .top_data .square i{
	position:absolute;
	display:block;
	background:url("bubble.png") no-repeat center; 
	background-size:contain;
	width:24rem; 
	height: 24rem;
	bottom:-24rem; 
	animation:square 7s infinite;
	-webkit-animation:square 7s infinite;
	}
.right_data .top_data .square i:nth-child(1){left:20%;-webkit-animation-delay:.8s;animation-delay:.8s;}
.right_data .top_data .square i:nth-child(2){left:31%;-webkit-animation-delay: 3.8s;animation-delay:3.8s;}
.right_data .top_data .square i:nth-child(3){left:42%;-webkit-animation-delay: 2.6s;animation-delay: 2.6s;}
.right_data .top_data .square i:nth-child(4){left:53%;-webkit-animation-delay:1.4s;animation-delay:1.4s;}

.right_data .top_data .square i:nth-child(5){left:64%;-webkit-animation-delay:.2s;animation-delay:.2s;}
.right_data .top_data .square i:nth-child(6){left:75%;-webkit-animation-delay: 3.2s;animation-delay: 3.2s;}
.right_data .top_data .square i:nth-child(7){left:86%;-webkit-animation-delay: 4.4s;animation-delay: 4.4s;}
.right_data .top_data .square i:nth-child(8){left:97%;-webkit-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes square{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(-25vh) rotate(600deg);transform:translateY(-25vh) rotate(600deg)}
	}
@keyframes square{
	0%{-webkit-transform:translateY(0);transform:translateY(0)}
	100%{-webkit-transform:translateY(-25vh) rotate(600deg);transform:translateY(-25vh) rotate(600deg)}
	}

.right_data .top_data .items{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.right_data .top_data .item {
	position: absolute;
	width: 52rem;
	height: 52rem;
	animation-duration: 20s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	position: absolute;
	--time-sort: 10s;
}

.right_data .top_data .item:nth-of-type(1) {
	left:18%;
	top:50%;
	animation-name: sorting-1;
	--t-y: -20;
	--degrees: 302;
	--time-bubble: 10s; 
}
.right_data .top_data .item:nth-of-type(2) {
	left:33%;
	top:65%;
	animation-name: sorting-2;
	--t-y: 25;
	--degrees: 106;
	--time-bubble: 6s;
	 
}
.right_data .top_data .item:nth-of-type(3) {
	left:43%;
	top:28%;
	animation-name: sorting-3;
	--t-y: 11;
	--degrees: 192;
	--time-bubble: 8s; 
}
.right_data .top_data .item:nth-of-type(4) {
	left:58%;
	top:55%;
	animation-name: sorting-4;
	--t-y: 26;
	--degrees: 97;
	--time-bubble: 10s; 
}
.right_data .top_data .item:nth-of-type(5) {
	left:80%;
	top:65%;
	animation-name: sorting-5;
	--t-y: 15;
	--degrees: 56;
	--time-bubble: 8s; 
}
.right_data .top_data .item:nth-of-type(6) {
	right:5%;
	top:30%;
	animation-name: sorting-6;
	--t-y: 14;
	--degrees: 357;
	--time-bubble: 7s; 
}



.item:nth-of-type(1) .bubble::before {
	animation-name: radius-1, scale-1;
} 
.item:nth-of-type(2) .bubble::before {
	animation-name: radius-2, scale-2;
}
.item:nth-of-type(3) .bubble::before {
	animation-name: radius-3, scale-3;
} 
.item:nth-of-type(4) .bubble::before {
	animation-name: radius-4, scale-4;
}
.item:nth-of-type(5) .bubble::before {
	animation-name: radius-5, scale-5;
}
.item:nth-of-type(6) .bubble::before {
	animation-name: radius-6, scale-6;
}
.bubble {
	animation: translate-3D linear infinite; 
}
.bubble::before {
	content: '';
	animation: ease-in-out infinite, linear infinite;
	}
.bubble,.bubble::before  {
	animation-duration: var(--time-bubble);
	border-radius: 50%;
	position: absolute;
}



.right_data .bottom_data {
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width:100%;
	height: calc(35vh - 10rem); 
	margin-top: 10rem;
}
/* .right_data .bottom_data .bottom_data_bg{
	height: 32.6vh; 
	width: 100%;
} */
.right_data .bottom_data .run_wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; 
	top: 0; 
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
.right_data .bottom_data .run_items {
	display: flex;
	justify-content: flex-end; 
	align-items: baseline;
	flex-wrap: wrap;
}

.right_data .bottom_data .run_items .run_item {
	position: relative;
	width: 100%; 
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin : 1rem 0;
}
.right_data .bottom_data .run_items .run_item .item_info{
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 20rem;
}
.right_data .bottom_data .run_items .run_item .item_info .run_title{
	position: relative;
	font-size: 13rem;
}
.right_data .bottom_data .run_items .run_item .item_info .run_title .run_bg{
	width: 240rem;
}
.right_data .bottom_data .run_items .run_item .item_info .run_title   em{
	position:absolute;
	right: 15rem;
	top: 50%;
	margin-top: -10rem;
	color: #08cafb;
}
.right_data .bottom_data .run_items .run_item .item_info .run_text{
	color: #08cafb;
}
 
.right_data .bottom_data .run_items .run_item .run_num {
	overflow: hidden;
	height: 50rem;
	line-height: 50rem;
	text-align: center;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	font-family: 'DINAlternateBold';
	font-size: 25rem;
	color: #ffffff;
	width: 190rem; 
	padding-right: 6rem;
}

.right_data .bottom_data .run_items .run_item .run_num .item {
	position: relative;
	overflow: hidden;
}

.right_data .bottom_data .run_items .run_item .run_num .item span {
	opacity: 0;
	visibility: hidden;
}

.right_data .bottom_data .run_items .run_item .run_num .item li {
	position: absolute;
}

.right_data .bottom_data .run_items .run_item .run_num .ttr {
	position: relative;
	padding: 0 2px;
}
















@keyframes sorting-1 {

	0%,
	10% {
		transform: scale(1)
	}

	15%,
	25% {
		transform: scale(1.2)
	}

	30%,
	40% {
		transform: scale(1)
	}

	45%,
	55% {
		transform: scale(1)
	}

	60%,
	70% {
		transform: scale(1)
	}

	75%,
	85% {
		transform: scale(1)
	}

	90%,
	100% {
		transform: scale(1)
	} 

}

@keyframes radius-1 {
	20% {
		border-radius: 50% 40% 50% 50%;
	}

	40% {
		border-radius: 50% 50% 50% 40%;
	}

	60% {
		border-radius: 50% 50% 40% 50%;
	}

	80% {
		border-radius: 40% 50% 50% 50%;
	}
}

@keyframes scale-1 {
	20% {
		transform: scale3d(0.91, 1, 1);
	}

	40% {
		transform: scale3d(1, 0.922, 1);
	}

	60% {
		transform: scale3d(0.88, 1, 1);
	}

	80% {
		transform: scale3d(1, 0.924, 1);
	}
}



@keyframes sorting-2 {

	0%,
	10% {
		transform: scale(1)
	}
	
	15%,
	25% {
		transform: scale(1)
	}
	
	30%,
	40% {
		transform: scale(1.2)
	}
	
	45%,
	55% {
		transform: scale(1)
	}
	
	60%,
	70% {
		transform: scale(1)
	}
	
	75%,
	85% {
		transform: scale(1)
	}
	
	90%,
	100% {
		transform: scale(1)
	} 
}

@keyframes radius-2 {
	20% {
		border-radius: 50% 40% 50% 50%;
	}

	40% {
		border-radius: 50% 50% 50% 40%;
	}

	60% {
		border-radius: 50% 50% 40% 50%;
	}

	80% {
		border-radius: 40% 50% 50% 50%;
	}
}

@keyframes scale-2 {
	20% {
		transform: scale3d(0.882, 1, 1);
	}

	40% {
		transform: scale3d(1, 0.87, 1);
	}

	60% {
		transform: scale3d(0.916, 1, 1);
	}

	80% {
		transform: scale3d(1, 0.898, 1);
	}
}


@keyframes sorting-3 {

	0%,
	10% {
		transform: scale(1)
	}
	
	15%,
	25% {
		transform: scale(1)
	}
	
	30%,
	40% {
		transform: scale(1)
	}
	
	45%,
	55% {
		transform: scale(1.2)
	}
	
	60%,
	70% {
		transform: scale(1)
	}
	
	75%,
	85% {
		transform: scale(1)
	}
	
	90%,
	100% {
		transform: scale(1)
	} 
}

@keyframes radius-3 {
	20% {
		border-radius: 40% 50% 50% 50%;
	}

	40% {
		border-radius: 50% 40% 50% 50%;
	}

	60% {
		border-radius: 50% 50% 40% 50%;
	}

	80% {
		border-radius: 50% 50% 50% 40%;
	}
}

@keyframes scale-3 {
	20% {
		transform: scale3d(1, 0.862, 1);
	}

	40% {
		transform: scale3d(0.921, 1, 1);
	}

	60% {
		transform: scale3d(1, 0.94, 1);
	}

	80% {
		transform: scale3d(0.95, 1, 1);
	}
}

@keyframes sorting-4 {

	0%,
	10% {
		transform: scale(1)
	}
	
	15%,
	25% {
		transform: scale(1)
	}
	
	30%,
	40% {
		transform: scale(1)
	}
	
	45%,
	55% {
		transform: scale(1)
	}
	
	60%,
	70% {
		transform: scale(1.2)
	}
	
	75%,
	85% {
		transform: scale(1)
	}
	
	90%,
	100% {
		transform: scale(1)
	} 
}

@keyframes radius-4 {
	20% {
		border-radius: 50% 40% 50% 50%;
	}

	40% {
		border-radius: 50% 50% 40% 50%;
	}

	60% {
		border-radius: 40% 50% 50% 50%;
	}

	80% {
		border-radius: 50% 50% 50% 40%;
	}
}

@keyframes scale-4 {
	20% {
		transform: scale3d(0.905, 1, 1);
	}

	40% {
		transform: scale3d(1, 0.878, 1);
	}

	60% {
		transform: scale3d(0.935, 1, 1);
	}

	80% {
		transform: scale3d(1, 0.882, 1);
	}
}


@keyframes sorting-5 {

	0%,
	10% {
		transform: scale(1)
	}
	
	15%,
	25% {
		transform: scale(1)
	}
	
	30%,
	40% {
		transform: scale(1)
	}
	
	45%,
	55% {
		transform: scale(1)
	}
	
	60%,
	70% {
		transform: scale(1)
	}
	
	75%,
	85% {
		transform: scale(1.5)
	}
	
	90%,
	100% {
		transform: scale(1)
	} 
}

@keyframes radius-5 {
	20% {
		border-radius: 50% 50% 50% 40%;
	}

	40% {
		border-radius: 40% 50% 50% 50%;
	}

	60% {
		border-radius: 50% 50% 40% 50%;
	}

	80% {
		border-radius: 50% 40% 50% 50%;
	}
}

@keyframes scale-5 {
	20% {
		transform: scale3d(0.862, 1, 1);
	}

	40% {
		transform: scale3d(1, 0.889, 1);
	}

	60% {
		transform: scale3d(0.871, 1, 1);
	}

	80% {
		transform: scale3d(1, 0.885, 1);
	}
}


@keyframes sorting-6 {

	0%,
	10% {
		transform: scale(1)
	}

	15%,
	25% {
		transform: scale(1)
	}

	30%,
	40% {
		transform: scale(1)
	}

	45%,
	55% {
		transform: scale(1)
	}

	60%,
	70% {
		transform: scale(1)
	}

	75%,
	85% {
		transform: scale(1)
	}

	88%,
	95% {
		transform: scale(1.2)
	} 
}

@keyframes radius-6 {
	20% {
		border-radius: 50% 40% 50% 50%;
	}

	40% {
		border-radius: 50% 50% 50% 40%;
	}

	60% {
		border-radius: 50% 50% 40% 50%;
	}

	80% {
		border-radius: 40% 50% 50% 50%;
	}
}

@keyframes scale-6 {
	20% {
		transform: scale3d(0.874, 1, 1);
	}

	40% {
		transform: scale3d(1, 0.86, 1);
	}

	60% {
		transform: scale3d(0.854, 1, 1);
	}

	80% {
		transform: scale3d(1, 0.895, 1);
	}
}


@keyframes translate-3D {
	25% {
		transform: translate3d(0, calc(var(--t-y) * 1%), 0);
	}

	75% {
		transform: translate3d(0, calc(var(--t-y) * -1%), 0);
	}
}

.earth_wrap{
	position: fixed;
	top: 6vh;
	left: 50%;
	margin-left: -36vh;
	width: 72vh;
	height: 72vh;
	/* background:url(earth_bg.png) no-repeat center;
	background-size: contain; */
	
}
.earth_wrap .earth_bg{
	position:absolute;
	width: 100%; height: 100%;
	left: 0;
	top: 0;
	
}
.earth_wrap .earth_bg img{
	position:absolute;
	width: 100%; height: 100%;
	left: 0;
	top: 0;
	opacity:.2
}
.earth_wrap .earth_bg img.earth{
	opacity:1
}
.earth_wrap .earth_bg .bg02,.earth_wrap .earth_bg .bg04{
	animation:rotate_clockwise 15s infinite linear;
	-webkit-animation:rotate_clockwise 15s infinite linear; 
 
}
/* .earth_wrap .earth_bg .bg01, */.earth_wrap .earth_bg .bg03,.earth_wrap .earth_bg .bg05{
	animation:rotate_anti_clockwise 15s infinite linear;
	-webkit-animation:rotate_anti_clockwise 15s infinite linear; 
 
}


@keyframes rotate_clockwise {
	0% {
		transform: rotate(0deg);
	}

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

	100% {
		transform:  rotate(-360deg);
	}
 
}

.deal_prop_wrap{
	position: absolute;
	bottom: 8%;
	left: 0;
	width: 100%; 
	display: flex;
	justify-content:center;
}
.deal_prop_wrap .deal_prop_content{
	    position: relative;
	    border-radius: 10rem;
	    border: 1rem solid #2baccd;
	   
	    padding: 10rem 0 10rem;
	    background-color: rgba(17, 19, 97, .3);
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=' rgba(17, 19, 97, .8)',endColorStr=' rgba(17, 19, 97, .3)',gradientType='0');
		
		background: -moz-linear-gradient(top,  rgba(17, 19, 97, .8),  rgba(17, 19, 97, .3));
		
		background: -o-linear-gradient(top, rgba(17, 19, 97, .8),  rgba(17, 19, 97, .3));
		
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgba(17, 19, 97, .8)), to( rgba(17, 19, 97, .3)));
}
.deal_prop_wrap .deal_prop_content .title{
	text-align: center;
	margin-bottom: 15rem;
}
.deal_prop_wrap .deal_prop_content .title strong{
	position:relative;
	display: inline-block;
	color: #fff;
	font-size: 16rem;
	font-weight: normal;
	letter-spacing: 2rem;
}
.deal_prop_wrap .deal_prop_content .title strong:before,.deal_prop_wrap .deal_prop_content .title strong:after{
	content: "";
	position: absolute;
	left: -40rem;
	top: 50%;
	width: 26rem;
	height: 1rem;
	background-color: #2baccd;
}
.deal_prop_wrap .deal_prop_content .title strong:after{
	left: auto;
	right: -40rem;
}
.deal_prop_wrap .deal_prop_content .deal_prop_items{
	position: relative;
	display: flex;
	justify-content:center;
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item{
	position: relative;
	padding:0 40rem;
	text-align: center;
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item strong {
	position: relative;
	display: inline-block;
	width: 52rem;
	height: 52rem;
	background: url(tip_bg01.png) no-repeat center;
	background-size: contain;
	font-size: 20rem;
	font-family: 'HYQiHei85S';
	font-weight: normal;
	text-align: center;
	line-height: 52rem;
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item:nth-child(2) strong {
	background-image: url(tip_bg02.png) 
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item:nth-child(3) strong {
	background-image: url(tip_bg03.png) 
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item strong em{
	font-size: 12rem;
	position: absolute;
	right: 2rem;
	top: -10rem;
}
.deal_prop_wrap .deal_prop_content .deal_prop_items .deal_prop_item .item_text{
	color: #2baccd;
	padding: 10rem 0 0;
}