@charset "utf-8";

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
h1,
h2,
h3,
p,
div,
ol,
ul,
input,
button {
	margin: 0;
	padding: 0
}

body {
	-webkit-text-size-adjust: 100%;
	color: #333333;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-family: PingFangSC-Regular, Helvetica, "Droid Sans", Arial, sans-serif;
}

ol,
ul {
	list-style: none
}

a {
	color: #333333;
	text-decoration: none;
}

input,
button,
select,
textarea {
	border: 0;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

button {
	outline: none
}

html,
body,
.view {
	font-size: 2.1334vw;
}

@media (min-width: 900px)and (max-width:2000px) {

	html,
	body {
		font-size: 1.1334vw;
		position: absolute;
		right: 0;
		left: 0;
		width: 46.875rem;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
	}
}

.view {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
	background-color: #1F487F;
}

.page {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}

.page_rgba {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.scrollview {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.page_0 {
	background-image: url(../img/bg_0.jpg?v=3);
	background-size: cover;
}

.page_1 {
	/* background-image: url(../img/bg_1.jpg?v=3);
	background-size: cover; */
	background-color: #023067;
}

.page_2 {
	background-image: url(../img/bg_2.jpg?v=3);
	background-size: cover;
}

.jq_btn {
	transition: all 0.3s;
}

.jq_btn.animat {
	transform: scale(0.9);
}

.page_transition {
	transition: transform 0.45s ease;
	-ms-transition: transform 0.45s ease;
	-moz-transition: transform 0.45s ease;
	-webkit-transition: transform 0.45s ease;
}

.page_box {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.page_box.fill {
	height: 100%;
}

.page_box.cover {}

.page_box.contain {}

.scrollview {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.preload {
	display: none;
}

.preload img {
	width: 1px;
	height: 1px;
	display: none;
}

.p_1_0 {
	position: absolute;
	width: 21.25rem;
	top: 75.175rem;
	left: 0;
	right: 0;
	margin: auto;
	 animation:btn 1s -1s ease-in-out infinite alternate;
}
.p_2_1 {
	position: absolute;
	width: 21.25rem;
	top: 66.175rem;
	left: 0;
	right: 0;
	margin: auto;
	 animation:btn 1s -1s ease-in-out infinite alternate;
}
.p_2_box {
	position: absolute;
	width: 39.5rem;
	height: 28rem;
	top: 32rem;
	left: 0;
	right: 0;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/p_2_0.png?v=4);
}

.p_2_box input,
.p_2_box select {
	background-color: transparent;
	font-size: 1.2rem;
	color: #ffffff;
}

.p_2_box input::placeholder {
	text-align: right;
	color: #00a0e1;
}

.p_2_box input.text::placeholder {
	text-align: left;
}

.p_2_box .ipt_1 {
	width: 18.4rem;
	height: 3.75rem;
	margin-left: 8.5rem;
	    padding-top: 0.2rem;
}

.p_2_box .ipt_2 {
	width: 17.6rem;
	height: 3.75rem;
	margin-top: 0.7rem;
	margin-left: 9.3rem;
	    padding-top: 0.2rem;
}

.p_2_box .ipt_3 {
	width: 11rem;
	height: 3.75rem;
	margin-top: 0.7rem;
	margin-left: 16rem;
	    padding-top: 0.2rem;
}

.p_2_box .ipt_4 {
	width: 37.45rem;
	height: 3.75rem;
	margin-top: 7.7rem;
	margin-left: 1rem;
}

.cli_but_box,
.img_choose {
	position: absolute;
	top: 0;
	right: 0;
	width: 11.5rem;
	height: 15rem;
}

.img_choose {
	border-radius: 0.625rem;
	pointer-events: none;
}

.cli_but_box input {
	display: none;
}

.p_2_2 {
    position: absolute;
    width: 37.0625rem;
    top: 27rem;
    left: 0;
    right: 0;
    margin: auto;
}

.p_2_alt1,
.p_2_alt2 {}

.p_2_alt2 .ewm {
	position: absolute;
	width: 31.0625rem;
	height: 37.6875rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/p_2_3.png);
}

.p_2_alt2 .ewm img {
	position: absolute;
	top: 1rem;
	left: 5.2rem;
	width: 21.2rem;
	height: 21.2rem;
}

.load_page {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
}

.page_3,
.page_4 {
	background-image: url(../img/bg_2.jpg?v=3);
	background-size: cover;
}

.p_4_1,
.p_4_2,
.p_4_3,
.p_4_4,
.p_4_5,
.p_4_6 {
	position: absolute;
	width: 11.7875rem;
	top: 35rem;
}

.p_4_1 {
	left: 3.5rem;
}

.p_4_2 {
	right: 17.4rem;
}

.p_4_3 {
	right: 3.5rem;
}

.p_4_4 {
	top: 49rem;
	left: 3.5rem;
}

.p_4_5 {
	top: 49rem;
	right: 17.4rem;
}

.p_4_6 {
	top: 49rem;
	right: 3.5rem;
}


.p_4_ewm {
	position: absolute;
	width: 33.375rem;
	height: 34.5rem;
	top: 28rem;
	left: 0;
	right: 0;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/p_3_0.png);
}

.p_4_ewm img {
	position: absolute;
	top: 0.4rem;
	left: 6.3rem;
	width: 21.2rem;
	height: 21.2rem;
}

.page_5 {}

.lang_bg {
	display: block;
	width: 100%;
}

.p_5_box {
    position: absolute;
    width: 39.375rem;
    top: 32.5625rem;
    left: 0;
    right: 0;
    margin: auto;
}

.p_5_item {
    width: 39.25rem;
    height: 26.025rem;
    float: left;
    margin-bottom: 4.75rem;
}

.p_5_box .p_5_item:nth-child(3n+1) {
	/* margin-left: 0; */
}

.p_5_box .p_5_item:nth-child(3) {
	    margin-top: 0.1rem;
}
.p_5_box .p_5_item:nth-child(4) {
	    margin-top: 0rem;
}
.p_5_box .p_5_item:nth-child(5) {
	       margin-top: 0.1rem;
}
.p_5_box .p_5_item:nth-child(7) {
	       margin-top: 0.1rem;
}
.p_5_box .p_5_item:nth-child(9) {
	       margin-top: 0.1rem;
}
.p_5_box .p_5_item:nth-child(10) {
	       margin-top: 0.1rem;
}
.p_5_item .t {
    width: 39.35rem;
    height: 26.15rem;
	/* border-radius: 1rem; */
	background-size: cover;
	background-position: center;
}

.p_5_item .b {
	width: 11.75rem;
	height: 2.8125rem;
	display: flex;
	padding: 0 1rem;
	margin-top: 4.1rem;
	box-sizing: border-box;
	align-items: center;
}

.p_5_item .b span {
	width: 4rem;
	font-size: 1.625rem;
	color: #ffffff;
	text-align: center;
}

.p_5_item .b img {
	width: 1.3125rem;
}

.p_5_1,
.p_5_2 {
	position: absolute;
	width: 21.25rem;
	top: 133rem;
	left: 0;
	right: 0;
	margin: auto;
}

.p_5_2 {
	top: 141rem;
}

.p_5_4 {
	position: absolute;
	width: 34.75rem;
	top: 23rem;
	left: 0;
	right: 0;
	margin: auto;
}

.p_5_altbtn {
	position: absolute;
	width: 21.25rem;
	top: 53rem;
	left: 0;
	right: 0;
	margin: auto;
}

.p_5_8 {
	position: absolute;
	width: 4.75rem;
	top: 60rem;
	left: 0;
	right: 0;
	margin: auto;
}

.load_page span {
	position: absolute;
	width: 100%;
	top: 50%;
	color: #ffffff;
	font-size: 1.5rem;
	text-align: center;
}

.page_6 {
	background-image: url(../img/bg_6.jpg);
}

.p_6_box {
	position: absolute;
	width: 25.25rem;
	top: 28.98rem;
	left: 4.5rem;
}

.p_6_box .p_6_list {
	width: 100%;
	height: 1.375rem;
	display: flex;
	margin-bottom: 2.26rem;
	align-items: center;
	justify-content: space-between;
}

.p_6_box .p_6_list p {
	width: 80%;
	height: 1.375rem;
}

.p_6_box .p_6_list i {
	display: block;
	min-width: 1rem;
	height: 1.375rem;
	border-radius: 1.357rem;
	background: linear-gradient(to right, #5561c4, #fb5989);
}

.p_6_box .p_6_list span {
	font-size: 1.5rem;
	color: #ffffff;
}

.p_5_6 {
	position: absolute;
	width: 21.25rem;
	top: 72rem;
	left: 0;
	right: 0;
	margin: auto;
}

.page_vd,.page_7 {
	background-image: url(../img/bg_2.jpg?v=3);
	background-size: cover;
}

.p_6_0 {
	position: absolute;
	width: 34.75rem;
	top: 30.4rem;
	left: 0;
	right: 0;
	margin: auto;
}

.p_v_box {
	position: absolute;
	width: 39.375rem;
	top: 29rem;
	left: 0;
	right: 0;
	margin: auto;
}

.p_v_box .part_1 {
	margin-bottom: 1rem;
}

.p_v_box .part_1 .t {
	width: 100%;
	height: 22.5rem;
	background: linear-gradient(to right, #5561c4, #fb5989);
}

.p_v_box .part_1 .t video {
	width: 100%;
	height: 98%;
	object-fit: contain;
	background-color: #000;
}

.p_v_box .part_1 .b {
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
	    margin-top: 1.4rem;
}




.p_6_1 {
	display: block;
	width: 34.75rem;
	margin: 2rem auto;
}

.p_7_0,
.p_7_1{
	position: absolute;
	width: 30.5rem;
	left: 0;
	right: 0;
	margin: auto;
}
.p_7_0{
	top: 39rem;
}
.p_7_1{
	top: 48rem;
}
.finger {
	position: absolute;
	width: 5.375rem;
	top: 69.55rem;
	right: 2.7rem;
	animation: ufo 1.5s 0s ease infinite alternate;
}

@keyframes ufo {
	from {
		transform: translateY(10%);
	}

	to {
		transform: translateY(-80%);
	}
}

@-webkit-keyframes ufo {
	from {
		-webkit-transform: translateY(10%);
	}

	to {
		-webkit-transform: translateY(-80%);
	}
}
@keyframes btn {
	from {
		transform: scale(1, 1);
	}

	to {
		transform: scale(0.9, 0.9);
	}
}
.bg {
    display: block;
    width: 100%;
}
.close_tip{
    position: absolute;
    left: 0;
    top: 54rem;
    width: 6rem;
    height: 6rem;
    right: 0;
    margin: auto;
}
.p_3_Image {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.p_3_Image span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 34rem;
    height: 28rem;
}
.p_3_Image span:nth-child(1) {
    top: 61rem;
    width: 30rem;
    height: 19rem;
}

.p_3_Image span:nth-child(2) {
    top: 97.7rem;
}
.p_3_loking {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(0, 0, 0, 0.9);
}

.p_3_loking img {
	position: absolute;
	width: 92%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	    height: auto;
}
.tip_log{
    text-align: right;
    color: #00a0e1;
    position: absolute;
    right: 1.3rem;
    top: 18.5rem;
    font-size: 1.2rem;
}
.map_clic{
	    position: absolute;
    width: 40rem;
    height: 23rem;
    top: 53rem;
    left: 0;
    right: 0;
    margin: auto;
}