body,
button,
dd,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0;
	border: 0
}



* {
	-webkit-tap-highlight-color: transparent;
}



body {
	font-family: "PingFangRegular", "Helvetica Neue", 'Microsoft Yahei', '����', Arial, sans-serif;
	background-color: #ffffff;
	overflow-x: hidden;
}



button,
input,
textarea,
select {
	-webkit-appearance: none;
	resize: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}



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



.none {
	display: none;
}



.online_x {
	cursor: pointer;
}



button:hover,
input[type=submit]:hover {
	cursor: pointer
}



button:focus,
input:active,
input:focus,
textarea:focus {
	/* border: 0*/

	outline: 0 none;
	outline-color: transparent;
}



a {
	color: #333;
	/* display: inline-block; */
}



	a:link {
		text-decoration: none
	}



	a:visited {
		text-decoration: none
	}



	a:hover {
		text-decoration: none;
	}



	a:active {
		text-decoration: none
	}



li {
	list-style: none;
}



.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	visibility: hidden
}



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



.clearfix:after {
	clear: both
}



.clearfix {
	zoom: 1
}



@font-face {
	font-family: "PingFangBold";
	src: url("../fonts/PingFangBold.ttf");
	src: url("../fonts/PingFangBold.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}



@font-face {
	font-family: "PingFangSemibold";
	src: url("../fonts/PingFangMedium.ttf");
	src: url("../fonts/PingFangMedium.ttf") format("truetype");
	font-weight: bold;
	font-style: normal;
}



@font-face {
	font-family: "PingFangMedium";
	src: url("../fonts/PingFangMedium.ttf");
	src: url("../fonts/PingFangMedium.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "PingFangLight";
	src: url("../fonts/PingFangLight.ttf");
	src: url("../fonts/PingFangLight.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "PingFangRegular";
	src: url("../fonts/PingFangRegular.ttf");
	src: url("../fonts/PingFangRegular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "GothamMedium";
	src: url("https://oss.hobbywing.com/fonts/GothamMedium.otf");
	src: url("../fonts/GothamMedium.otf") format("OpenType");
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: "GothamLight";
	src: url("../fonts/GothamLight.otf");
	src: url("../fonts/GothamLight.otf") format("OpenType");
	font-weight: normal;
	font-style: normal;
}



.mImg {
	display: none;
}



.mBox {
	display: none;
}

.conwidth {
	max-width: 1190px;
	width: 90%;
	margin: auto;
}







/*header*/

.header {
	/*position: fixed;

	left: 0;

	top: 0;

	z-index: 12;*/

	position: relative;
	width: 100%;
	background: #141414;
	z-index: 10;
}







	.header .logo {
		float: left;
	}



		.header .logo a {
			line-height: 80px;
		}



	.header .box {
		float: right;
	}



	.header .nav {
		float: left;
	}



		.header .nav > ul > li {
			position: relative;
			float: left;
			min-width: 140px;
			text-align: center;
			transition: all 0.3s;
		}



			.header .nav > ul > li:hover {
				background-color: #404041;
			}



			.header .nav > ul > li > a {
				color: #d4d4d4;
				font-size: 15px;
				font-weight: bold;
				line-height: 80px;
				font-family: "Helvetica Neue", 'Microsoft Yahei', '����', Arial, sans-serif;
				;
			}



			.header .nav > ul > li .dropDown {
				position: absolute;
				top: 100%;
				left: 0;
				min-width: 100%;
				padding: 0 2px;
				background-color: #fff;
				box-sizing: border-box;
				display: none;
			}



				.header .nav > ul > li .dropDown > a {
					display: block;
					color: #666;
					font-size: 14px;
					line-height: 70px;
					text-align: center;
					text-decoration: none;
					font-weight: 400;
					transition: all 0.3s;
				}



					.header .nav > ul > li .dropDown > a:hover {
						background-color: #a8a9a5;
						color: #fff;
					}



			.header .nav > ul > li .dropDown2 {
				padding: 0;
			}



	.header .dropDown2 .wrap {
		display: flex;
		align-items: stretch;
		min-width: 703px;
		min-height: 432px;
	}



	.header .dropDown2 .item {
		display: none;
	}



	.header .dropDown2 .lNav {
		width: 140px;
		padding: 0 2px;
		border-right: 1px solid #ddd;
		box-sizing: border-box;
	}



		.header .dropDown2 .lNav > a {
			display: block;
			color: #666;
			font-size: 14px;
			line-height: 70px;
			text-align: center;
			text-decoration: none;
			font-weight: 400;
			transition: all 0.3s;
		}



			.header .dropDown2 .lNav > a.active {
				background-color: #a8a9a5;
				color: #fff;
			}



			.header .dropDown2 .lNav > a:hover {
				background-color: #a8a9a5;
				color: #fff;
			}



	.header .dropDown2 .cNav {
		width: 110px;
		padding: 0 2px;
		border-right: 1px solid #ddd;
		box-sizing: border-box;
	}



		.header .dropDown2 .cNav .item > a {
			display: block;
			color: #666;
			font-size: 14px;
			line-height: 70px;
			text-align: center;
			text-decoration: none;
			font-weight: 400;
			transition: all 0.3s;
		}



			.header .dropDown2 .cNav .item > a:hover {
				background-color: #a8a9a5;
				color: #fff;
			}



	.header .dropDown2 .item.active {
		display: block;
	}



	.header .dropDown2 .rNav {
		width: calc(703px - 250px);
	}



	.header .dropDown2 .text {
		margin: 15px 35px 15px;
		width: calc(100% - 70px);
		overflow: hidden;
		color: #999;
		font-size: 13px;
		line-height: 20px;
		text-align: left;
		max-height: 65px;
		font-weight: normal;
	}



	.header .dropDown2 .more {
		line-height: 43px;
		font-size: 13px;
		color: #00a0e9;
		font-weight: normal;
		display: block;
		margin: 0;
	}



		.header .dropDown2 .more:hover {
			text-decoration: underline;
		}



	.header .dropDown2 .rNav .box {
		display: none;
	}



		.header .dropDown2 .rNav .box.active {
			display: block;
		}



	.header .btnMenu {
		float: right;
		width: 40px;
		height: 30px;
		margin-top: 25px;
		display: none;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}



		.header .btnMenu > span {
			width: 40px;
			height: 2px;
			background-color: #fff;
			margin: 4px 0;
			transition: all 0.3s;
			-webkit-transform: skew(40deg);
			-moz-transform: skew(40deg);
			-o-transform: skew(40deg);
			-ms-transform: skew(40deg);
			transform: skew(40deg);
		}



		.header .btnMenu.on > span {
			width: 20px;
		}



			.header .btnMenu.on > span:first-child {
				transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
			}



			.header .btnMenu.on > span:nth-child(2) {
				display: none;
			}



			.header .btnMenu.on > span:last-child {
				transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				margin-top: -6px;
			}



		.header .btnMenu > span {
			background-color: #fff;
		}



	.header.on .btnMenu > span {
		background-color: #000;
	}



	.header.active .btnMenu > span {
		background-color: #000;
	}



	.header.headBack .btnMenu > span {
		background-color: #000;
	}



	.header .mNav {
		position: fixed;
		top: 80px;
		left: 0;
		width: 100%;
		height: calc(100vh - 80px);
		padding: 5%;
		background-color: #fff;
		box-sizing: border-box;
		overflow-y: auto;
		z-index: 11;
		display: none;
	}



		.header .mNav .item a {
			font-size: 15px;
			color: #141414;
			font-weight: bold;
			line-height: 50px;
			font-family: PingFangMedium;
		}



		.header .mNav::-webkit-scrollbar {
			display: none;
		}



.searchbox {
	float: left;
	margin-left: 50px;
	width: 205px;
}



.header .search {
	position: relative;
	margin-top: 20px;
	width: 0%;
	min-width: 40px;
	height: 40px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.1s;
	-moz-transition: width 0.1;
	transition: width 0.1s;
	-webkit-backface-visibility: hidden;
}



	.header .search.open {
		width: 100%;
	}



	.header .search .text {
		float: left;
		width: 100%;
		padding: 0px 10px;
		overflow: hidden;
		border: none;
		outline: none;
		background: #fff;
		height: 40px;
		margin: 0;
		z-index: 10;
		font-size: 14px;
		color: #2c3e50;
		box-sizing: border-box;
		opacity: 0;
	}



	.header .search.open .text {
		opacity: 1;
	}



	.header .search .btn {
		position: absolute;
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		color: transparent;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/search1.png) center no-repeat;
		background-size: 22px auto;
	}



	.header .search.open .btn {
		z-index: 10;
	}



	.header .search .icon {
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		line-height: 40px;
		text-align: center;
		cursor: pointer;
		background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/search.png) center no-repeat;
		background-size: 22px auto;
	}



	.header .search.open .icon {
		z-index: 9;
	}



/**/

.head-nation {
	float: left;
	position: relative;
	margin-top: 23px;
	margin-left: 15px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



.header .head-nation .current {
	cursor: pointer;
	padding-bottom: 10px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding-left: 24px;
	/* background: url(https://hobbywin.oss-cn-beijing.aliyuncs.com/images/lang.png) left top 7px no-repeat; */
}



	.header .head-nation .current .name {
		font-size: 14px;
		color: #888;
		line-height: 30px;
		vertical-align: middle;
		display: inline-block;
		transition: all .3s;
		text-align: center;
	}



		.header .head-nation .current .name.on {
			color: #d4d4d4;
		}



.head-nation ul {
	display: none;
	position: absolute;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 40px;
	z-index: 100;
	background-color: #2b2b2b;
	text-align: left;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}



	.head-nation ul li a {
		display: block;
		font-size: 14px;
		color: #666666;
		line-height: 2.2;
		min-width: 80px;
		text-align: center;
		padding: 3px 10px;
		white-space: nowrap;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}



		.head-nation ul li a:hover {
			color: #FFFFFF;
			background-color: #000000;
		}



.head-user {
	position: relative;
	float: left;
	margin-top: 30px;
}



	.head-user .icon {
		width: 80px;
		text-align: center;
		padding-bottom: 15px;
	}



	.head-user ul {
		display: none;
		position: absolute;
		left: 50%;
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 33px;
		z-index: 100;
		background-color: #2b2b2b;
		text-align: left;
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	}



		.head-user ul li a {
			display: block;
			font-size: 14px;
			color: #666666;
			line-height: 2.2;
			min-width: 80px;
			text-align: center;
			padding: 3px 10px;
			white-space: nowrap;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		}



			.head-user ul li a:hover {
				color: #FFFFFF;
				background-color: #000000;
			}



.positionBox {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}



.location {
	width: 100%;
	height: 35px;
	background-color: #141414;
}



	.location .line {
		width: 100%;
		height: 1px;
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0));
	}



	.location .box {
		max-width: 1190px;
		width: 90%;
		margin: auto;
		line-height: 35px;
		font-size: 13px;
		color: #777777;
	}



		.location .box code {
			padding: 2px 4px;
			font-size: 90%;
			color: #666;
			white-space: nowrap;
			border-radius: 4px;
		}



		.location .box a {
			color: #666;
		}



		.location .box .on {
			font-family: GothamLight;
		}



.tabbb {
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	height: 70px;
	background-color: #FFFFFF;
	z-index: 12;
	transition: all 0.3s;
	display: flex;
	align-items: center;
}



	.tabbb.active {
		position: fixed;
		height: 50px;
		background-color: rgba(255, 255, 255, 0.6);
		box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	}



.naaavbg {
	position: relative;
	width: 100%;
	margin: 0 auto;
}



.tabss {
	max-width: 1190px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



	.tabss .more {
		display: none;
		float: right;
		font-size: 14px;
		line-height: 1;
		align-items: center;
		cursor: pointer;
	}



		.tabss .more .icon {
			margin-left: 5px;
		}



	.tabss span {
		color: #00A0E9;
		font-size: 24px;
		max-width: 50%;
		font-family: "Helvetica Neue", 'Microsoft Yahei', '����', Arial, sans-serif;
	}



	.tabss ul {
		padding: 0;
		margin: 0;
	}



		.tabss ul li {
			float: left;
			margin: 0 15px;
			box-sizing: border-box;
		}



			.tabss ul li a {
				font-size: 16px;
				text-decoration: none;
				color: #58595b;
			}



			.tabss ul li.activem a {
				color: #00A0E9;
				font-weight: bold;
			}



#app {
	background-color: #000000;
}



/**/

.ExRun_MINI .illustration {
	width: 100%;
	height: calc((100vh - 50px) * 12);
}



.ExRun_MINI .illustration-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .illustration-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background: #000000;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .illustration-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .illustration-img-box {
	width: 100%;
	position: relative;
	height: 100vh;
}



.ExRun_MINI .illustration-img {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	/*transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -moz-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -ms-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -o-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);*/
}



	.ExRun_MINI .illustration-img.colorRoll {
		z-index: 2;
		opacity: 1;
	}





@-webkit-keyframes fadeInUpSmall {

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}



	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}



@keyframes fadeInUpSmall {

	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}



	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}



.fadeInUpSmall {
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}



@keyframes fadeup {

	0% {
		transform: translateY(20px);
		opacity: 0;
	}



	100% {
		transform: translateY(0);
		opacity: 1;
	}
}



.fadeup {
	-webkit-animation-name: fadeup;
	animation-name: fadeup;
}



@keyframes faderight {

	0% {
		transform: translateX(20px);
		opacity: 0;
	}



	100% {
		transform: translateX(0);
		opacity: 1;
	}
}



.faderight {
	-webkit-animation-name: faderight;
	animation-name: faderight;
}



@keyframes fadeleft {

	0% {
		transform: translateX(-20px);
		opacity: 0;
	}



	100% {
		transform: translateX(0);
		opacity: 1;
	}
}



.fadeleft {
	-webkit-animation-name: fadeleft;
	animation-name: fadeleft;
}



.ExRun_MINI .illustration .title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 1400px;
	width: 100%;
	z-index: 5;
}

	.ExRun_MINI .illustration .title .t1 {
		text-align: right;
		padding-right: 20%;
	}

	.ExRun_MINI .illustration .title .t2 {
		font-family: "PingFangBold";
		color: #FFFFFF;
		/* background: linear-gradient(0deg, #ffffff 0%, #96989a 45%, #2e3236 50%, #d0d3d6 100%); */

		-webkit-background-clip: text;
		color: transparent;
		transition: all 1s;
	}

		.ExRun_MINI .illustration .title .t2 span {
			font-family: "GothamMedium";
			padding: 2px 10px;
			font-size: 42px;
			color: #FFFFFF;
			/* background: url(../images/spanbg.png) center no-repeat;

    background-size: 100% 100%; */

			background: linear-gradient(90deg, #f59e6a 0%, #692c0e 100%);
			border-radius: 10px;
			margin-right: 10px;
			font-style: italic;
			padding-right: 20px;
		}



		.ExRun_MINI .illustration .title .t2 i {
			display: inline-block;
			padding-right: 5px;
			margin-right: -5px;
			font-size: 42px;
			background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 45%, #2e3236 50%, #d0d3d6 100%);
			-webkit-background-clip: text;
			color: transparent;
			animation: example1 2s linear infinite;
		}

	.ExRun_MINI .illustration .title .t3 img {
		max-width: 90%;
	}

.ExRun_MINI .illustration .textlist {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 1220px;
	width: 90%;
	z-index: 5;
}

	.ExRun_MINI .illustration .textlist ul li {
		line-height: 1;
		/* font-family: "PingFangSemibold"; */

		font-family: "PingFangBold";
		color: #FFFFFF;
		font-size: 97px;
		text-align: left;
	}

		.ExRun_MINI .illustration .textlist ul li .opa {
			opacity: 0.4;
			-webkit-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		.ExRun_MINI .illustration .textlist ul li.on .opa {
			opacity: 1;
		}

		.ExRun_MINI .illustration .textlist ul li .posi {
			position: relative;
			top: -12px;
		}

		.ExRun_MINI .illustration .textlist ul li img {
			display: inline-block;
			vertical-align: bottom;
			margin: 0px 5px;
			/*max-width: 51px;

	max-height: 51px;*/
		}

			.ExRun_MINI .illustration .textlist ul li img.ic1 {
				display: inline-block;
			}

			.ExRun_MINI .illustration .textlist ul li img.ic2 {
				display: none;
			}

		.ExRun_MINI .illustration .textlist ul li.on img.ic1 {
			display: none;
		}

		.ExRun_MINI .illustration .textlist ul li.on img.ic2 {
			display: inline-block;
		}

		.ExRun_MINI .illustration .textlist ul li .sp {
			font-family: "GothamMedium";
		}



@keyframes example1 {

	0% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 45%, #2e3236 50%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	10% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 50%, #2e3236 55%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	20% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 55%, #2e3236 60%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	30% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 60%, #2e3236 65%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	40% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 65%, #2e3236 70%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	50% {
		background: linear-gradient(-180deg, #ffffff 0%, #c0c1c2 70%, #2e3236 75%, #d0d3d6 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	60% {
		background: linear-gradient(-180deg, #d2d5d8 0%, #2e3236 20%, #c0c1c2 50%, #ffffff 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	70% {
		background: linear-gradient(-180deg, #d2d5d8 0%, #2e3236 30%, #c0c1c2 60%, #ffffff 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	80% {
		background: linear-gradient(-180deg, #d2d5d8 0%, #2e3236 40%, #c0c1c2 70%, #ffffff 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	90% {
		background: linear-gradient(-180deg, #d2d5d8 0%, #2e3236 50%, #c0c1c2 80%, #ffffff 100%);
		-webkit-background-clip: text;
		color: transparent;
	}



	100% {
		background: linear-gradient(-180deg, #d2d5d8 0%, #2e3236 60%, #c0c1c2 90%, #ffffff 100%);
		-webkit-background-clip: text;
		color: transparent;
	}
}

.m1, .m2, .m3, .m4 {
	transition: all 0.5s;
	opacity: 0;
	transform: translate3d(0, -40px, 0);
}

.act {
	opacity: 1 !important;
	transform: translate3d(0,0,0) !important;
}

/**/

.born {
	position: relative;
	height: calc((100vh - 50px)*5);
	overflow: hidden;
}

	.born .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		overflow: hidden;
	}

		.born .boxWrap.active {
			position: fixed;
			top: 50px;
		}

		.born .boxWrap .pBoxvideo {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}

			.born .boxWrap .pBoxvideo:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.5);
				z-index: 2;
			}

		.born .boxWrap .video {
			position: relative;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			height: 100%;
			object-fit: fill;
		}



	.born .subtit {
		position: absolute;
		left: 50%;
		top: 8vh;
		transform: translateX(-50%);
		text-align: center;
		max-width: 1220px;
		width: 100%;
		text-align: center;
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		font-size: 32px;
		color: #FFFFFF;
		z-index: 3;
	}

		.born .subtit img {
			display: inline-block;
			vertical-align: middle;
			max-width: 120px;
			max-height: 22px;
		}

		.born .subtit span {
			display: inline-block;
			vertical-align: middle;
			font-family: "GothamMedium";
		}

	.born .two_text {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		max-width: 1220px;
		width: 100%;
		text-align: center;
		z-index: 3;
	}

		.born .two_text .icon {
			text-align: center;
		}

		.born .two_text .t1 {
			font-size: 110px;
			font-family: "PingFangBold";
			color: #FFFFFF;
		}

			.born .two_text .t1 i {
				font-style: normal;
				/*font-family: "GothamMedium";*/

				padding-right: 20px;
				background: linear-gradient(90deg, #709eff 0%, #99edff 16%, #fdffff 50%, #e682eb 80%, #543bd9 100%);
				-webkit-background-clip: text;
				color: transparent;
			}

		.born .two_text .t2 {
			/* font-family: "PingFangSemibold"; */

			font-family: "PingFangBold";
			color: #C9CACA;
			font-size: 21px;
		}

			.born .two_text .t2 span {
				font-family: "GothamMedium";
			}

	.born .iconbox {
		position: absolute;
		left: 50%;
		bottom: 10vh;
		transform: translateX(-50%);
		font-size: 0;
		z-index: 3;
		width: 100%;
		text-align: center;
	}

		.born .iconbox ul {
			display: inline-block;
			overflow: hidden;
		}

			.born .iconbox ul li {
				float: left;
				margin-right: 45px;
				text-align: center;
			}

				.born .iconbox ul li:last-child {
					margin-right: 0;
				}

				.born .iconbox ul li .ic {
					margin-bottom: 3px;
				}

				.born .iconbox ul li .sp {
					/* font-family: "PingFangSemibold"; */

					font-family: "PingFangBold";
					color: #C9CACA;
					font-size: 10px;
				}

					.born .iconbox ul li .sp span {
						font-family: "GothamMedium";
					}

		.born .subtit p, .born .two_text .icon, .born .two_text .t1, .born .two_text .t2, .born .iconbox ul {
			transition: all 0.5s;
			opacity: 0;
			transform: translate3d(0, 100%, 0);
		}

	.born .img {
		width: 100%;
		text-align: center;
	}

		.born .img img {
			width: 100%;
			transition: all 0.5s;
			opacity: 0;
			transform: translate3d(0, 100%, 0);
		}

/*第二屏*/

.ExRun_MINI .screenTwo {
	width: 100%;
	height: calc((100vh - 50px) * 5);
}



.ExRun_MINI .screenTwo-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .screenTwo-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background: #000000;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .screenTwo-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .screenTwo-img-box {
	width: 100%;
	position: relative;
	/* height: calc(100vh - 50px);*/

	height: 100vh;
}



.ExRun_MINI .screenTwo-img {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	/*left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);*/
	/*transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -moz-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -ms-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -o-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);*/
}

	.ExRun_MINI .screenTwo-img:nth-child(2),
	.ExRun_MINI .screenTwo-img:nth-child(3),
	.ExRun_MINI .screenTwo-img:nth-child(3) {
		/* transition: all 0.7s ease;*/

		transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
		-webkit-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
		-moz-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
		-ms-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
		-o-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	.ExRun_MINI .screenTwo-img.twoRoll {
		z-index: 2;
		opacity: 1;
	}



.ExRun_MINI .screenTwo .figure_list {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	/*max-width: 1920px;*/

	width: 100%;
}

	.ExRun_MINI .screenTwo .figure_list ul {
		/*transform: scale(0);

	transition: all 0.7s ease;*/

		opacity: 0;
	}

	.ExRun_MINI .screenTwo .figure_list.show ul {
		/*transform: scale(1);*/

		animation: move1 0.7s forwards;
		-webkit-animation: move1 0.7s forwards;
	}

@keyframes move1 {

	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes move1 {

	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.ExRun_MINI .screenTwo .figure_list ul li {
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	width: 100%;
	opacity: 0;
	/*transition: all 0.7s ease;*/

	transition: all 2.5s ease;
}

	.ExRun_MINI .screenTwo .figure_list ul li.on {
		position: static;
		opacity: 1;
	}

	.ExRun_MINI .screenTwo .figure_list ul li img {
		width: 100%;
	}

.ExRun_MINI .screenTwo .selling_text {
	position: absolute;
	left: 50%;
	top: 10vh;
	width: 70%;
	transform: translateX(-50%);
	z-index: 5;
}

	.ExRun_MINI .screenTwo .selling_text .h1 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #231815;
		font-size: 62px;
		line-height: 1.1;
		margin-bottom: 10px;
	}

	.ExRun_MINI .screenTwo .selling_text .txt {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #727171;
		font-size: 21px;
	}

		.ExRun_MINI .screenTwo .selling_text .txt span {
			color: #f39800;
		}

.ExRun_MINI .screenTwo .weight {
	position: absolute;
	left: 45vw;
	top: 16.5vh;
	z-index: 5;
	/*font-family: "PingFangSemibold";*/

	font-family: "PingFangBold";
	color: #595757;
	font-size: 20px;
}

	.ExRun_MINI .screenTwo .weight p {
		padding-left: 36px;
	}

	.ExRun_MINI .screenTwo .weight .sp {
		position: absolute;
		left: 0;
		top: 38px;
		font-style: normal;
	}

	.ExRun_MINI .screenTwo .weight span {
		background: linear-gradient(135deg, #f5417a 0%, #fb5e41 50%, #fe6f1f 100%);
		-webkit-background-clip: text;
		color: transparent;
		font-family: "GothamMedium";
	}

		.ExRun_MINI .screenTwo .weight span.sp1 {
			vertical-align: bottom;
			font-size: 200px;
		}

		.ExRun_MINI .screenTwo .weight span.sp2 {
			vertical-align: bottom;
			font-size: 130px;
		}

.ExRun_MINI .screenTwo .aspect {
	position: absolute;
	left: 45vw;
	bottom: 10vh;
	z-index: 5;
}

	.ExRun_MINI .screenTwo .aspect ul {
		white-space: nowrap;
	}

	.ExRun_MINI .screenTwo .aspect li {
		position: relative;
		display: inline-block;
		padding-left: 36px;
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #595757;
		font-size: 27px;
		margin-right: 6%;
	}

		.ExRun_MINI .screenTwo .aspect li:last-child {
			margin-right: 0;
		}

		.ExRun_MINI .screenTwo .aspect li .sp {
			position: absolute;
			left: 0;
			top: 22px;
			font-style: normal;
		}

		.ExRun_MINI .screenTwo .aspect li.li1 .sp1 {
			background: linear-gradient(90deg, #7f31f4 0%, #a153ed 100%);
			-webkit-background-clip: text;
			color: transparent;
			font-family: "GothamMedium";
		}

		.ExRun_MINI .screenTwo .aspect li.li1 .sp2 {
			background: linear-gradient(90deg, #a859ec 0%, #e092e1 100%);
			-webkit-background-clip: text;
			color: transparent;
			font-family: "GothamMedium";
		}

		.ExRun_MINI .screenTwo .aspect li.li2 .sp1 {
			background: linear-gradient(90deg, #0280e6 0%, #01b0ed 100%);
			-webkit-background-clip: text;
			color: transparent;
			font-family: "GothamMedium";
		}

		.ExRun_MINI .screenTwo .aspect li.li2 .sp2 {
			background: linear-gradient(90deg, #01b6ee 0%, #00ecf6 100%);
			-webkit-background-clip: text;
			color: transparent;
			font-family: "GothamMedium";
		}

		.ExRun_MINI .screenTwo .aspect li span.sp1 {
			vertical-align: bottom;
			font-size: 120px;
		}

		.ExRun_MINI .screenTwo .aspect li span.sp2 {
			vertical-align: bottom;
			font-size: 80px;
		}

.ExRun_MINI .screenTwo .whbox {
	position: absolute;
	right: 36%;
	top: 50%;
	transform: translateY(-50%);
	/*width: 305px;

	height: 160px;*/

	width: 16vw;
	height: 16vh;
	z-index: 12;
}

	.ExRun_MINI .screenTwo .whbox .w1 {
		position: absolute;
		right: 0;
		top: 0;
		/*width: 50px;*/

		height: 100%;
		text-align: center;
		display: flex;
		align-items: center;
		border-left: #918b8a solid 1px;
		font-family: "GothamMedium";
		color: #000000;
		font-size: 12px;
		padding-left: 10px;
	}



		.ExRun_MINI .screenTwo .whbox .w1:before {
			content: '';
			position: absolute;
			top: 0;
			left: -5px;
			width: 5px;
			height: 1px;
			background: #918b8a;
		}

		.ExRun_MINI .screenTwo .whbox .w1:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: -5px;
			width: 5px;
			height: 1px;
			background: #918b8a;
		}

	.ExRun_MINI .screenTwo .whbox .w2 {
		position: absolute;
		left: -13%;
		bottom: -55px;
		width: 85%;
		text-align: center;
		border-top: #918b8a solid 1px;
		font-family: "GothamMedium";
		color: #000000;
		font-size: 12px;
		padding-top: 10px;
	}

		.ExRun_MINI .screenTwo .whbox .w2:before {
			content: '';
			position: absolute;
			left: 0;
			top: -5px;
			width: 1px;
			height: 5px;
			background: #918b8a;
		}

		.ExRun_MINI .screenTwo .whbox .w2:after {
			content: '';
			position: absolute;
			right: 0;
			top: -5px;
			width: 1px;
			height: 5px;
			background: #918b8a;
		}

.two1, .two2, .two3, .two4, .three0, .three1, .three2, .three3, .an1, .an2, .an3, .an5, .f1, .f2, .six2, .six3, .six5, .six6, .seven3, .seven5 {
	transition: all 0.7s;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}

.two5 {
	transition: all 0.7s;
	opacity: 0;
	transform: translate3d(20px, 0, 0);
}

	.two5.left {
		opacity: 1 !important;
		transform: translate3d(0, 0, 0) !important;
	}

.two6 {
	transition: all 0.7s;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}

.grow {
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
}



/*第三屏*/

.ExRun_MINI .screenThree {
	width: 100%;
	height: calc((100vh - 50px) * 10);
}



.ExRun_MINI .screenThree-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .screenThree-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background: #000000;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .screenThree-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .screenThree-img-box {
	width: 100%;
	position: relative;
	height: 100vh;
}



.ExRun_MINI .screenThree-img {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	/*transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -webkit-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -moz-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -ms-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);

    -o-transition: all cubic-bezier(0.075, 0.82, 0.165, 1);*/
}



	.ExRun_MINI .screenThree-img.threeRoll {
		z-index: 2;
		opacity: 1;
	}



.ExRun_MINI .screenThree .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 90%;
	text-align: right;
	z-index: 5;
}

	.ExRun_MINI .screenThree .text .con {
		display: inline-block;
		text-align: left;
	}

	.ExRun_MINI .screenThree .text .h1 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		font-size: 90px;
		color: #FFFFFF;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.ExRun_MINI .screenThree .text .txt {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		font-size: 21px;
		color: #9FA0A0;
	}

		.ExRun_MINI .screenThree .text .txt .white {
			color: #FFFFFF;
		}

		.ExRun_MINI .screenThree .text .txt .red {
			color: #f39800;
		}

	.ExRun_MINI .screenThree .text .extxt {
		margin-top: 10vh;
	}

		.ExRun_MINI .screenThree .text .extxt .sp {
			background: linear-gradient(145deg, #5a0312 0%, #eb8537 100%);
			-webkit-background-clip: text;
			color: transparent;
			font-family: "PingFangBold";
			font-size: 130px;
			line-height: 1;
		}

.ExRun_MINI .screenThree .writing {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 90%;
	padding-bottom: 8%;
	z-index: 5;
}

	.ExRun_MINI .screenThree .writing .line {
		width: 600px;
		height: 2px;
		background: rgba(255, 255, 255, .5);
		position: absolute;
		bottom: 0;
		left: 0;
		transform-origin: 0;
		transition: all .1s;
		transform: matrix(0, 0, 0, 1, 0, 0);
		opacity: 0;
	}

	.ExRun_MINI .screenThree .writing .lans {
		/* font-family: "PingFangSemibold"; */

		font-family: "PingFangBold";
		color: #FFFFFF;
		font-size: 42px;
		padding-bottom: 13px;
	}



/*第四屏*/

.ExRun_MINI .screenFour {
	width: 100%;
	height: calc((100vh - 50px) * 3.2);
}



.ExRun_MINI .screenFour-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .screenFour-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background-color: #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .screenFour-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .screenFour-img-box {
	width: 100%;
	position: relative;
	height: 100vh;
}



.ExRun_MINI .screenFour-img {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}



	.ExRun_MINI .screenFour-img.fourRoll {
		z-index: 2;
		opacity: 1;
	}

/*2022*/

.ExRun_MINI .screenFour .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 90%;
	/*display: flex;

	justify-content: space-between;

	align-items: center;*/
}

.ExRun_MINI .screenFour .leftbox {
	float: left;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
}

.ExRun_MINI .screenFour .rightbox {
	float: right;
}

/**/

.ExRun_MINI .screenFour .tit {
	/*font-family: "PingFangSemibold";*/

	font-family: "PingFangBold";
	color: #000000;
	font-size: 62px;
}

.ExRun_MINI .screenFour .nums {
	margin-top: 9%;
	line-height: 1;
}

	.ExRun_MINI .screenFour .nums .t1 {
		background-image: -webkit-linear-gradient(-45deg, #241c1b 0%, #3b6181 45%, #406e95 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-family: "GothamMedium";
		font-size: 120px;
	}

		.ExRun_MINI .screenFour .nums .t1 span {
			background-image: -webkit-linear-gradient(-45deg, #4275a0 0%, #4b91c9 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-family: "PingFangBold";
			font-size: 60px;
		}

	.ExRun_MINI .screenFour .nums .t2 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #666464;
		font-size: 14px;
	}

.ExRun_MINI .screenFour .context {
	margin-top: 10%;
}

	.ExRun_MINI .screenFour .context .t1 .sp1 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #727171;
		font-size: 21px;
	}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #000000;
		font-size: 38px;
		line-height: 1.2;
	}

		.ExRun_MINI .screenFour .context .t1 .sp2 span {
			font-family: "GothamMedium";
		}

	.ExRun_MINI .screenFour .context .t2 {
		font-family: "PingFangBold";
		color: #727171;
		font-size: 21px;
	}

	.ExRun_MINI .screenFour .context .t3 {
		margin-top: 20px;
		font-family: "PingFangBold";
		color: #f39800;
		font-size: 21px;
	}

.ExRun_MINI .screenFour .pic img {
	max-height: 80vh;
}



.ExRun_MINI .screenFour .annotate {
	position: absolute;
	left: 48%;
	top: 28%;
	z-index: 10;
}

	.ExRun_MINI .screenFour .annotate .wrapper {
		position: relative;
		top: -12px;
	}

		.ExRun_MINI .screenFour .annotate .wrapper .line {
			position: absolute;
			background: rgb(51 51 51 / 50%);
			top: -30px;
			left: 4px;
			z-index: 5;
			margin: 18px 0px;
			width: 450px;
			height: 2px;
			transform-origin: right;
			transition: all .5s;
			transform: matrix(0, 0, 0, 1, 0, 0);
			opacity: 0;
		}

		.ExRun_MINI .screenFour .annotate .wrapper .lans {
			font-size: 32px;
			color: #fabe00;
			width: 550px;
			text-align: right;
			position: absolute;
			transition: all .5s;
		}

			.ExRun_MINI .screenFour .annotate .wrapper .lans ul {
				text-align: left;
			}

				.ExRun_MINI .screenFour .annotate .wrapper .lans ul li {
					font-family: PingFangBold;
					font-weight: bold;
					overflow: hidden;
					/*display: none;*/

					position: absolute;
					left: 0;
					top: 0;
					opacity: 0;
					visibility: hidden;
				}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li.on {
						/*display: inline-block;

    padding-left: 2px;*/

						opacity: 1;
						visibility: visible;
					}



					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li:nth-child(1) .zi {
						background-image: -webkit-linear-gradient(top left, #21c7e0, #2cdfb8);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}





					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li:nth-child(2) .zi {
						background-image: -webkit-linear-gradient(top left, #f2632a, #f5cf5b);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}





					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li:nth-child(3) .zi {
						background-image: -webkit-linear-gradient(top left, #7f31f4, #d384e4);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}





					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li:nth-child(4) .zi {
						background-image: -webkit-linear-gradient(top left, #ec126c, #fe8443);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .xian {
						width: 450px;
						height: 1px;
						margin-bottom: 10px;
						background: rgb(51 51 51 / 50%);
						display: block;
						transition: all 0.5s ease;
						overflow: hidden;
						transform: translateX(100%);
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li.on .xian {
						transform: translateX(0);
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .zi {
						font-family: PingFangBold;
						font-weight: bold;
						transform: translateY(15px);
						transition: all 0.7s ease;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li.on .zi {
						transform: translateY(0px);
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .an6 {
						background: rgb(51 51 51 / 50%);
						width: 450px;
						height: 1px;
						margin-bottom: 10px;
						transform-origin: right;
						transition: all 0.5s ease;
						transform: matrix(0, 0, 0, 1, 0, 0);
					}

/*第五屏*/

.ExRun_MINI .screenFive {
	width: 100%;
	height: calc((100vh - 50px) * 3.5);
}

	.ExRun_MINI .screenFive .boxWrap {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100vh - 50px);
		overflow: hidden;
	}

		.ExRun_MINI .screenFive .boxWrap.active {
			position: fixed;
			top: 50px;
		}

	.ExRun_MINI .screenFive .bg_white {
		/*background: url(../images/bg2b.png) center center repeat-y;*/

		background-size: 100% auto;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 5;
		box-sizing: border-box;
		/*display: flex;

    align-items: center;

    justify-content: center;*/
	}

		.ExRun_MINI .screenFive .bg_white .img {
			position: absolute;
			left: 0%;
			top: 52%;
			transform: translateY(-50%);
			width: 100%;
			text-align: center;
			overflow: hidden;
		}

		.ExRun_MINI .screenFive .bg_white.bg_color .img {
			top: 5%;
			transform: translateY(0%);
			transition: all 0.5s ease;
		}

		.ExRun_MINI .screenFive .bg_white .img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.ExRun_MINI .screenFive .bg_white .ic2,
		.ExRun_MINI .screenFive .bg_white .ic3 {
			display: none;
		}

		.ExRun_MINI .screenFive .bg_white.on .ic1 {
			display: none;
		}

		.ExRun_MINI .screenFive .bg_white.on .ic2 {
			display: block;
		}

		.ExRun_MINI .screenFive .bg_white.on .ic3 {
			display: none;
		}

		.ExRun_MINI .screenFive .bg_white.bg_color .ic1 {
			display: none;
		}

		.ExRun_MINI .screenFive .bg_white.bg_color .ic2 {
			display: none;
		}

		.ExRun_MINI .screenFive .bg_white.bg_color .ic3 {
			display: block;
		}

	.ExRun_MINI .screenFive .bg_color {
		width: 12% !important;
		/*top: 5.5vh;*/
		/*background: url(../images/img11.png) center center no-repeat;

	background-size: 100% auto;*/
		/*transform: scale(0.12) !important;

	transform-origin: 50% 7%;

	transition: transform-origin 0.5s ease;*/
	}

		.ExRun_MINI .screenFive .bg_color:before,
		.ExRun_MINI .screenFive .bg_color:after {
			display: none;
		}

	.ExRun_MINI .screenFive .border {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 4;
		width: 100%;
		height: 100vh;
		border-left: #FFFFFF solid;
		border-right: #FFFFFF solid;
		border-bottom: #FFFFFF solid;
		border-top: #FFFFFF solid;
		/*border-top: none !important;*/

		box-sizing: border-box;
		border-width: 140px 20px;
	}

		.ExRun_MINI .screenFive .border.opa {
			opacity: 0;
		}

	.ExRun_MINI .screenFive .video_bg {
		/*top: -100px;*/

		top: 0;
		left: 0;
		transition: opacity .3s ease;
		position: absolute;
		transform: translate3d(0, 0%, 0);
		z-index: 3;
		box-sizing: border-box;
		/*opacity: 0;*/

		width: 100%;
		height: 100vh;
		object-fit: fill;
	}

		.ExRun_MINI .screenFive .bg_white.act1, .ExRun_MINI .screenFive .video_bg.act1 {
			opacity: 1;
		}

	.ExRun_MINI .screenFive .videocon {
		width: 100%;
	}

		.ExRun_MINI .screenFive .videocon.act2 .video_bg {
			opacity: 1;
		}

		.ExRun_MINI .screenFive .videocon.act2:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			z-index: 10;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.5);
		}

		.ExRun_MINI .screenFive .videocon.mask:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			z-index: 4;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.4);
		}

	.ExRun_MINI .screenFive .bg_white.act2 {
		width: 160px;
		/* transform: translateX(-50%) !important; */
		/* transform-origin: 50% 50%; */

		margin-left: -80px;
		height: 100px;
		padding-top: 0;
		top: 7vh;
		left: 50%;
		z-index: 11;
		background: url(../images/img11.png) center center no-repeat;
		transition: top 1s ease;
	}

		.ExRun_MINI .screenFive .bg_white.act2:before,
		.ExRun_MINI .screenFive .bg_white.act2:after {
			display: none;
		}

	.ExRun_MINI .screenFive .content {
		position: absolute;
		left: 50%;
		top: 20vh;
		transform: translateX(-50%);
		max-width: 1400px;
		width: 90%;
		z-index: 11;
	}

		.ExRun_MINI .screenFive .content .title {
			text-align: center;
		}

			.ExRun_MINI .screenFive .content .title .t1 {
				/*font-family: "PingFangSemibold";*/

				font-family: "PingFangBold";
				color: #FFFFFF;
				font-size: 62px;
			}

			.ExRun_MINI .screenFive .content .title .t2 {
				/*font-family: "PingFangSemibold";*/

				font-family: "PingFangBold";
				color: #9FA0A0;
				font-size: 21px;
			}

				.ExRun_MINI .screenFive .content .title .t2 span {
					font-family: "GothamMedium";
					color: #FFFFFF;
				}

		.ExRun_MINI .screenFive .content .icon {
			margin-top: 15px;
		}

			.ExRun_MINI .screenFive .content .icon ul {
				text-align: center;
			}

				.ExRun_MINI .screenFive .content .icon ul li {
					position: relative;
					display: inline-block;
					width: 26.1%;
				}

					.ExRun_MINI .screenFive .content .icon ul li:before {
						content: '';
						position: absolute;
						right: -23px;
						top: 45%;
						width: 42px;
						height: 23px;
						background: url(../images/img13.png) center no-repeat;
						background-size: 100% auto;
					}

					.ExRun_MINI .screenFive .content .icon ul li:last-child:before {
						display: none;
					}



/**/

.ExRun_MINI .screenSix {
	width: 100%;
	height: calc((100vh - 50px) * 2.5);
}



.ExRun_MINI .screenSix-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .screenSix-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background: url(../images/img15.jpg) center repeat;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .screenSix-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .screenSix-img-box {
	width: 100%;
	position: relative;
	height: 100vh;
}



.ExRun_MINI .screenSix-img {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}



	.ExRun_MINI .screenSix-img.fourRoll {
		z-index: 2;
		opacity: 1;
	}

.ExRun_MINI .screenSix .img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
	/*width: 78%;*/

	width: 72%;
}

	.ExRun_MINI .screenSix .img img {
		width: 100%;
	}

.ExRun_MINI .screenSix .word {
	position: absolute;
	right: 16%;
	bottom: 21vh;
	z-index: 2;
	width: 48%;
}

	.ExRun_MINI .screenSix .word img {
		width: 100%;
	}

.ExRun_MINI .screenSix .title {
	position: absolute;
	left: 50%;
	top: 18vh;
	transform: translateX(-50%);
	max-width: 1400px;
	width: 90%;
}

	.ExRun_MINI .screenSix .title .t1 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #000000;
		font-size: 62px;
		line-height: 1.1;
		margin-bottom: 10px;
	}

		.ExRun_MINI .screenSix .title .t1 span {
			font-family: "GothamMedium";
		}

	.ExRun_MINI .screenSix .title .t2 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #000000;
		font-size: 21px;
	}

		.ExRun_MINI .screenSix .title .t2 span {
			color: #f39800;
		}

.ExRun_MINI .screenSix .text {
	position: absolute;
	right: 19vw;
	bottom: 10vh;
	padding-left: 20px;
}

	.ExRun_MINI .screenSix .text .line {
		width: 1px;
		/*height: 360px;*/

		height: 450px;
		background: rgba(51, 51, 51, .5);
		position: absolute;
		bottom: 0;
		left: 0;
		transform-origin: 0;
		transition: all .1s;
		transform: matrix(1, 0, 0, 1, 0, 0);
		transform-origin: 0 0%;
		opacity: 0;
	}

	.ExRun_MINI .screenSix .text .t1 {
		/*font-family: "PingFangSemibold";*/

		font-family: "PingFangBold";
		color: #898989;
		font-size: 18px;
	}

		.ExRun_MINI .screenSix .text .t1 span {
			font-family: "GothamMedium";
		}

	.ExRun_MINI .screenSix .text .t2 {
		font-family: "PingFangBold";
		font-size: 100px;
		background-image: -webkit-linear-gradient(top left, #e60012 75%, #ffffff 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		line-height: 1;
	}

.ExRun_MINI .screenSix .tit {
	position: absolute;
	right: 20%;
	/*bottom: 44vh;*/

	bottom: 16vh;
	font-family: "PingFangBold";
	font-size: 100px;
	/*background-image: -webkit-linear-gradient(top left, #015fa9, #00d7e0);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	line-height: 1;*/
	/*font-style: italic;*/
	/*font-style: oblique;

	transform: rotate(-27deg);

	-webkit-box-reflect: below -10px

              -webkit-gradient(linear,left top,left bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.5)));

	padding-right: 15px;*/
}

.six0, .six6, .seven0, .seven1 {
	opacity: 0;
	transform: translateX(100px);
	transition: all 0.7s ease;
}

	.six0.left, .six6.left, .seven0.left, .seven1.left {
		opacity: 1;
		transform: translateX(0);
	}

.six1 {
	opacity: 0;
	margin-left: 60px;
	transition: margin-left 0.7s ease;
}

	.six1.left {
		opacity: 1;
		margin-left: 0;
	}

.seven2 {
	opacity: 0;
}

	.seven2.on {
		opacity: 1;
	}

/**/

.ExRun_MINI .screenSeven {
	width: 100%;
	height: calc((100vh - 50px) * 2.5);
}



.ExRun_MINI .screenSeven-con {
	width: 100%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}



.ExRun_MINI .screenSeven-sticky {
	width: 100%;
	height: 100vh;
	padding-top: 50px;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	position: sticky;
	background-color: #292626;
	box-sizing: border-box;
	overflow: hidden;
}



.ExRun_MINI .screenSeven-con-box {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.ExRun_MINI .screenSeven-img-box {
	width: 100%;
	position: relative;
	height: 100vh;
}



.ExRun_MINI .screenSeven-img {
	width: 100%;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	/*max-height: 80%;*/

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}



	.ExRun_MINI .screenSeven-img.fourRoll {
		z-index: 2;
		opacity: 1;
	}

.ExRun_MINI .screenSeven .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 90%;
}

.ExRun_MINI .screenSeven .wrap {
	position: absolute;
	/* left: 50%; */

	top: 2%;
	transform: translateX(-50%);
	max-width: 1400px;
	width: 90%;
	z-index: 10;
}

	.ExRun_MINI .screenSeven .wrap .title {
		float: left;
		width: 45%;
		margin-top: 40px;
	}

		.ExRun_MINI .screenSeven .wrap .title .t1 {
			/*font-family: "PingFangSemibold";*/

			font-family: "PingFangBold";
			color: #FFFFFF;
			font-size: 62px;
			line-height: 1.1;
			margin-bottom: 15px;
		}

			.ExRun_MINI .screenSeven .wrap .title .t1 span {
				font-family: "GothamMedium";
			}

		.ExRun_MINI .screenSeven .wrap .title .t2 {
			/*font-family: "PingFangSemibold";*/

			font-family: "PingFangBold";
			color: #9FA0A0;
			font-size: 21px;
		}

			.ExRun_MINI .screenSeven .wrap .title .t2 span {
				color: #FFFFFF;
			}

.ExRun_MINI .screenSeven .content .img {
	float: right;
	width: 31%;
	text-align: right;
}

	.ExRun_MINI .screenSeven .content .img img {
		max-width: 100%;
		max-height: 88vh;
	}

.ExRun_MINI .screenSeven .part {
	position: absolute;
	/* left: 50%; */

	bottom: -7vh;
	max-width: 1400px;
	width: 90%;
	transform: translateX(-50%);
}

	.ExRun_MINI .screenSeven .part .text {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 11;
		margin-top: 2%;
	}

		.ExRun_MINI .screenSeven .part .text .line {
			position: absolute;
			background: rgb(255,255,255,0.5);
			top: -30px;
			left: 4px;
			z-index: 5;
			margin: 15px 0 20px;
			width: 480px;
			height: 2px;
			transform-origin: right;
			transition: all .1s;
			transform: matrix(0, 0, 0, 1, 0, 0);
			opacity: 0;
		}

		.ExRun_MINI .screenSeven .part .text .txt {
			/*font-family: "PingFangSemibold";*/

			font-family: "PingFangBold";
			color: #FFFFFF;
			font-size: 28px;
		}

	.ExRun_MINI .screenSeven .part .box {
		position: relative;
		width: 75%;
		height: 70vh;
	}

		.ExRun_MINI .screenSeven .part .box .pic {
			position: absolute;
			left: 15%;
			bottom: 11vh;
			z-index: 10;
		}

		.ExRun_MINI .screenSeven .part .box .circle {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.ExRun_MINI .screenSeven .part .box .dotted {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 180px;
			height: 180px;
			border-radius: 50%;
			border: #393636 solid 35px;
		}

		.ExRun_MINI .screenSeven .part .box div[class^="pulse"] {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 180px;
			height: 180px;
			border-radius: 50%;
			animation: pulse 3s linear infinite;
			opacity: 0;
		}

		.ExRun_MINI .screenSeven .part .box .pulse1 {
			border: rgba(255,255,255,0.1) solid 5px;
			animation-delay: 0s !important;
		}

		.ExRun_MINI .screenSeven .part .box .pulse2 {
			border: rgba(255,255,255,0.1) solid 10px;
			animation-delay: 0.5s !important;
		}

		.ExRun_MINI .screenSeven .part .box .pulse3 {
			border: rgba(255,255,255,0.1) solid 15px;
			animation-delay: 1s !important;
		}

		.ExRun_MINI .screenSeven .part .box .pulse4 {
			border: rgba(255,255,255,0.1) solid 20px;
			animation-delay: 1.5s !important;
		}

		.ExRun_MINI .screenSeven .part .box .pulse5 {
			border: rgba(255,255,255,0.1) solid 25px;
			animation-delay: 2s !important;
		}

		.ExRun_MINI .screenSeven .part .box .pulse6 {
			border: rgba(255,255,255,0.1) solid 30px;
			animation-delay: 2.5s !important;
		}

@keyframes pulse {

	0% {
		width: 180px;
		height: 180px;
	}

	20% {
		width: 300px;
		height: 300px;
		opacity: 0.5;
	}

	40% {
		width: 500px;
		height: 500px;
		opacity: 0.8;
	}

	60% {
		width: 700px;
		height: 700px;
		opacity: 1;
	}

	80% {
		width: 900px;
		height: 900px;
		opacity: 0.8;
	}

	100% {
		width: 1100px;
		height: 1100px;
		opacity: 0;
	}
}



@keyframes heightmove {

	0% {
		height: 0;
	}

	100% {
		height: 100%;
	}
}



@-webkit-keyframes heightmove /*Safari and Chrome*/
{

	0% {
		height: 0;
	}

	100% {
		height: 100%;
	}
}



@media screen and (min-width: 2560px) {

	.ExRun_MINI .screenTwo .selling_text {
		top: 15vh;
	}

	.ExRun_MINI .screenTwo .weight {
		top: 23vh;
	}

	.ExRun_MINI .screenTwo .aspect {
		bottom: 18vh;
	}

	.ExRun_MINI .screenTwo .whbox .w1 {
		right: 3%;
	}

	.ExRun_MINI .screenTwo .whbox .w2 {
		bottom: -60px;
	}

	.ExRun_MINI .screenSix .tit {
		right: 25%;
		bottom: 42vh;
	}

	.ExRun_MINI .screenSix .text .line {
		height: 40vh;
	}

	.ExRun_MINI .screenSeven .part .box .pic {
		bottom: 19vh;
	}

	.ExRun_MINI .screenSeven .wrap {
		top: 20%;
	}

	.ExRun_MINI .screenSix .word {
		bottom: 20.6vh;
	}
}

@media screen and (min-width: 2580px) {

	.ExRun_MINI .screenSix .word {
		bottom: 22vh;
	}

	.ExRun_MINI .screenSix .text .line {
		height: 450px;
	}
}

/*@media screen and (width: 4480px){

	.ExRun_MINI .screenSix .tit{

		bottom: 50vh;

	}

}*/

/*@media screen and (max-width: 1536px){

	.ExRun_MINI .screenSix .tit{

		font-size: 92px;

		right: 14%;

    	bottom: 36vh;

	}

	.ExRun_MINI .screenSix .text{

		right: 15vw;

	}

	.ExRun_MINI .screenTwo .weight{

		top: 18vh;

	}

}*/



@media screen and (max-width: 1536px) {

	.ExRun_MINI .screenTwo .selling_text {
		top: 5vh;
	}

		.ExRun_MINI .screenTwo .selling_text .h1 {
			font-size: 56px;
		}

		.ExRun_MINI .screenTwo .selling_text .txt {
			font-size: 19px;
		}

	/*.ExRun_MINI .screenTwo .weight{

		top: 13vh;

	}*/

	.ExRun_MINI .screenTwo .weight span.sp1 {
		font-size: 180px;
	}

	.ExRun_MINI .screenTwo .weight span.sp2 {
		font-size: 110px;
	}

	.ExRun_MINI .illustration .textlist ul li {
		font-size: 80px;
	}

	.born .two_text .t1 {
		font-size: 100px;
	}

	.ExRun_MINI .screenTwo .weight {
		top: 11.5vh;
	}

	.ExRun_MINI .screenTwo .aspect {
		bottom: 8vh;
	}

	.ExRun_MINI .screenFour .tit {
		font-size: 58px;
	}

	.ExRun_MINI .screenFour .nums .t1 {
		font-size: 110px;
	}

		.ExRun_MINI .screenFour .nums .t1 span {
			font-size: 54px;
		}

	.ExRun_MINI .screenFour .context .t1 .sp1 {
		font-size: 19px;
	}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 36px;
	}

	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3 {
		font-size: 19px;
	}

	.ExRun_MINI .screenFive .content .title .t1 {
		font-size: 58px;
	}

	.ExRun_MINI .screenFive .content .icon ul li {
		width: 24%;
	}

	.ExRun_MINI .screenSix .word {
		bottom: 22vh;
	}

	.ExRun_MINI .screenSix .text {
		right: 16vw;
	}

		.ExRun_MINI .screenSix .text .line {
			height: 38vh;
		}

	.ExRun_MINI .screenSeven .part .box .pic {
		bottom: 5vh;
	}
}

@media screen and (max-width: 1440px) {

	.ExRun_MINI .illustration .textlist ul li {
		font-size: 70px;
	}

	.born .two_text .t1 {
		font-size: 90px;
	}

	.born .iconbox ul li {
		margin-right: 40px;
	}

	.ExRun_MINI .screenTwo .selling_text {
		top: 8vh;
	}

		.ExRun_MINI .screenTwo .selling_text .h1 {
			font-size: 50px;
		}

		.ExRun_MINI .screenTwo .selling_text .txt {
			font-size: 18px;
		}

	/**/

	/*.ExRun_MINI .screenTwo .weight{

		top: 14vh;

	}

	.ExRun_MINI .screenTwo .whbox{

		height: 16vh;

	}

	*/

	.ExRun_MINI .screenTwo .weight {
		top: 21vh;
	}

	.ExRun_MINI .screenTwo .whbox {
		height: 13vh;
	}

	.ExRun_MINI .screenTwo .weight .sp {
		top: 35px;
	}

	.ExRun_MINI .screenTwo .aspect li .sp {
		top: 18px;
	}

	.ExRun_MINI .screenTwo .weight span.sp1 {
		font-size: 160px;
	}

	.ExRun_MINI .screenTwo .weight span.sp2 {
		font-size: 100px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp1 {
		font-size: 110px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp2 {
		font-size: 70px;
	}



	.ExRun_MINI .screenTwo .whbox .w1 {
		right: -5px;
	}

	.ExRun_MINI .screenTwo .whbox .w2 {
		bottom: -50px;
	}

	.ExRun_MINI .screenThree .text .h1 {
		font-size: 72px;
	}

	.ExRun_MINI .screenThree .writing .lans {
		font-size: 40px;
	}

	.ExRun_MINI .screenFour .tit {
		font-size: 56px;
	}

	.ExRun_MINI .screenFour .nums .t1 {
		font-size: 110px;
	}

		.ExRun_MINI .screenFour .nums .t1 span {
			font-size: 50px;
		}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 34px;
	}

	.ExRun_MINI .screenFour .annotate {
		left: 43%;
	}

	.ExRun_MINI .screenFive .content .title .t1 {
		font-size: 56px;
	}

	.ExRun_MINI .screenSix .title .t1 {
		font-size: 56px;
	}

	.ExRun_MINI .screenSix .tit {
		font-size: 80px;
		right: 14%;
		bottom: 40vh;
	}

	.ExRun_MINI .screenSix .text .t2 {
		font-size: 90px;
	}

	.ExRun_MINI .screenSix .word {
		bottom: 17vh;
	}

	.ExRun_MINI .screenSix .text {
		right: 16vw;
	}

		.ExRun_MINI .screenSix .text .line {
			height: 360px;
		}

	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 56px;
	}

	.ExRun_MINI .screenSeven .part .box .pic {
		bottom: 10vh;
	}
}

@media screen and (max-width: 1366px) {

	.ExRun_MINI .illustration .title .t2 span,
	.ExRun_MINI .illustration .title .t2 i {
		font-size: 38px;
	}

	.ExRun_MINI .illustration .textlist ul li {
		font-size: 70px;
	}

		.ExRun_MINI .illustration .textlist ul li .posi {
			position: relative;
			top: -9px;
		}

		.ExRun_MINI .illustration .textlist ul li img {
			max-width: 45px;
		}

	.born .subtit {
		font-size: 30px;
	}

	.born .two_text .icon img {
		max-width: 80px;
	}

	.born .two_text .t1 {
		font-size: 90px;
	}

	.born .two_text .t2 {
		font-size: 19px;
	}

	.born .iconbox ul li {
		margin-right: 35px;
	}

	.ExRun_MINI .screenTwo .selling_text .h1 {
		font-size: 50px;
	}

	.ExRun_MINI .screenTwo .selling_text .txt {
		font-size: 19px;
	}

	.ExRun_MINI .screenTwo .weight {
		font-size: 18px;
		top: 16.5vh;
	}

		.ExRun_MINI .screenTwo .weight .sp {
			top: 32px;
		}

		.ExRun_MINI .screenTwo .weight span.sp1 {
			font-size: 160px;
		}

		.ExRun_MINI .screenTwo .weight span.sp2 {
			font-size: 100px;
		}

	.ExRun_MINI .screenTwo .aspect li {
		font-size: 24px;
	}

		.ExRun_MINI .screenTwo .aspect li span.sp1 {
			font-size: 100px;
		}

		.ExRun_MINI .screenTwo .aspect li span.sp2 {
			font-size: 60px;
		}

	.ExRun_MINI .screenThree .text .h1 {
		font-size: 64px;
	}

	.ExRun_MINI .screenThree .text .txt {
		font-size: 19px;
	}

	.ExRun_MINI .screenThree .writing .lans {
		font-size: 36px;
	}

	.ExRun_MINI .screenThree .text .extxt .sp {
		font-size: 110px;
	}

	.ExRun_MINI .screenFour .tit {
		font-size: 50px;
	}

	.ExRun_MINI .screenFour .nums .t1 {
		font-size: 100px;
	}

		.ExRun_MINI .screenFour .nums .t1 span {
			font-size: 45px;
		}

	.ExRun_MINI .screenFour .context .t1 .sp1 {
		font-size: 19px;
	}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 32px;
	}

	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3 {
		font-size: 19px;
	}

	.ExRun_MINI .screenFour .annotate .wrapper .lans {
		font-size: 30px;
	}

	.ExRun_MINI .screenFive .content .title .t1 {
		font-size: 50px;
	}

	.ExRun_MINI .screenFive .content .title .t2 {
		font-size: 19px;
	}

	.ExRun_MINI .screenSix .title .t1 {
		font-size: 50px;
	}

	.ExRun_MINI .screenSix .title .t2 {
		font-size: 19px;
	}

	.ExRun_MINI .screenSix .text .t2 {
		font-size: 80px;
	}

	.ExRun_MINI .screenSix .tit {
		font-size: 70px;
	}

	.ExRun_MINI .screenSix .word {
		bottom: 19vh;
	}

	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 50px;
	}

	.ExRun_MINI .screenSeven .wrap .title .t2 {
		font-size: 19px;
	}

	.ExRun_MINI .screenSeven .part .text .txt {
		font-size: 26px;
	}
}

/*@media screen and (max-width: 1280px){

	.ExRun_MINI .illustration .title .t2 span,

	.ExRun_MINI .illustration .title .t2 i{

		font-size: 36px;

	}

	.ExRun_MINI .illustration .textlist ul li{

		font-size: 60px;

	}

	.ExRun_MINI .illustration .textlist ul li img{

		max-width: 40px;

	}

	.born .subtit{

		font-size: 28px;

	}

	.born .two_text .icon img{

		max-width: 70px;

	}

	.born .two_text .t1{

		font-size: 80px;

	}

	.born .two_text .t2{

		font-size: 18px;

	}

	.born .iconbox ul li{

		margin-right: 25px;

	}

	.ExRun_MINI .screenTwo .selling_text .h1{

		font-size: 45px;

	}

	.ExRun_MINI .screenTwo .selling_text .txt{

		font-size: 18px;

	}

	.ExRun_MINI .screenTwo .weight .sp{

		top: 28px;

	}

	.ExRun_MINI .screenTwo .aspect li .sp{

		top: 13px;

	}

	.ExRun_MINI .screenTwo .weight span.sp1{

		font-size: 140px;

	}

	.ExRun_MINI .screenTwo .weight span.sp2 {

	    font-size: 80px;

	}

	.ExRun_MINI .screenTwo .aspect li{

		font-size: 21px;

	}

	.ExRun_MINI .screenTwo .aspect li span.sp1{

		font-size: 80px;

	}

	.ExRun_MINI .screenTwo .aspect li span.sp2{

		font-size: 40px;

	}

	.ExRun_MINI .screenThree .text .h1{

		font-size: 60px;

	}

	.ExRun_MINI .screenThree .text .txt{

		font-size: 18px;

	}

	.ExRun_MINI .screenThree .writing .lans{

		font-size: 32px;

	}

	.ExRun_MINI .screenThree .text .extxt .sp{

		font-size: 90px;

	}

	.ExRun_MINI .screenFour .tit{

		font-size: 45px;

	}

	.ExRun_MINI .screenFour .nums .t1{

		font-size: 90px;

	}

	.ExRun_MINI .screenFour .nums .t1 span{

		font-size: 40px;

	}

	.ExRun_MINI .screenFour .context .t1 .sp1{

		font-size: 18px;

	}

	.ExRun_MINI .screenFour .context .t1 .sp2{

		font-size: 28px;

	}

	.ExRun_MINI .screenFour .context .t2,

	.ExRun_MINI .screenFour .context .t3{

		font-size: 18px;

	}

	.ExRun_MINI .screenFour .annotate{

		left: 40%;

	}

	.ExRun_MINI .screenFour .annotate .wrapper .lans{

		font-size: 28px;

	}

	.ExRun_MINI .screenFive .content .title .t1{

		font-size: 45px;

	}

	.ExRun_MINI .screenFive .content .title .t2{

		font-size: 18px;

	}

	.ExRun_MINI .screenSix .title .t1{

		font-size: 45px;

	}

	.ExRun_MINI .screenSix .title .t2{

		font-size: 18px;

	}

	.ExRun_MINI .screenSix .text{

		right: 19vw;

	}

	.ExRun_MINI .screenSix .text .t1{

		font-size: 16px;

	}

	.ExRun_MINI .screenSix .text .t2{

		font-size: 70px;

	}

	.ExRun_MINI .screenSix .tit{

		font-size: 60px;

		right: 24%;

    	bottom: 39vh;

	}

	.ExRun_MINI .screenSix .word{

		bottom: 19vh;

	}

	.ExRun_MINI .screenSeven .wrap{

		top: 12%;

	}

	.ExRun_MINI .screenSeven .wrap .title .t1{

		font-size: 45px;

	}

	.ExRun_MINI .screenSeven .wrap .title .t2{

		font-size: 18px;

	}

	.ExRun_MINI .screenSeven .part .text{

		margin-top: -3%;

	}

	.ExRun_MINI .screenSeven .part .text .txt{

		font-size: 24px;

	}

	.ExRun_MINI .screenSeven .part .box .pic{

	    bottom: 4vh;

	    left: 4%;

	}

	.ExRun_MINI .screenSeven .part .text{

		margin-top: 0;

	}

	.ExRun_MINI .screenSeven .part .text .line{

		width: 30vw;

	}

}*/

@media only screen and (max-width: 1440px) {

	/**/

	.tabbb,
	.tabss,
	.naaavbg {
		height: 64px;
	}

		.tabbb.active,
		.tabbb.active .tabss,
		.tabbb.active .naaavbg {
			height: 50px;
		}

		.tabss span {
			font-size: 24px;
			line-height: 64px;
		}

	.header .nav > ul > li {
		min-width: 120px;
	}

	.header .searchbox {
		margin-left: 30px;
	}
}



@media screen and (max-width: 1199px) {

	.header {
		position: fixed;
	}

		.header .nav {
			display: none;
		}

		.header .box {
			display: none;
		}

		.header .btnMenu {
			display: flex;
		}

	.main {
		padding-top: 80px;
	}

	.tabbb.active {
		top: 80px;
	}

		.tabbb.active,
		.tabbb.active .tabss,
		.tabbb.active .naaavbg {
			height: 50px;
		}

	.tabss span {
		line-height: 50px;
	}
}



@media screen and (max-width: 1024px) {

	.tabbb,
	.naaavbg {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.tabss {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

		.tabss span {
			line-height: 1;
			width: calc(100% - 80px);
			max-width: calc(100% - 80px);
		}

		.tabss .tabs {
			display: none;
			position: absolute;
			top: 50px;
			left: 0;
			width: 100%;
			padding: 2% 5%;
			border-top: 1px solid #eee;
			background-color: #fff;
			box-sizing: border-box;
			z-index: 2;
		}

			.tabss .tabs li {
				width: 100%;
				margin: 0;
			}

				.tabss .tabs li a {
					line-height: 50px;
				}

		.tabss .more {
			display: flex;
		}

	.mBox {
		display: block;
	}

	.pBox {
		display: none;
	}

	.born .mBox,
	.ExRun_MINI .screenTwo .figure_list .mBox {
		display: block;
	}

	.born .pBox,
	.ExRun_MINI .screenTwo .figure_list .pBox {
		display: none;
	}

	.born .mBox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 10vh 0;
		min-height: 100vh;
		box-sizing: border-box;
	}

	.born .subtit,
	.born .two_text,
	.born .iconbox {
		position: static;
		transform: none;
		width: 90%;
		margin: auto;
	}

	.ExRun_MINI .illustration .textlist ul li .posi {
		top: -5px;
	}

	.born .two_text .icon {
		margin-bottom: 15px;
	}

	.born .iconbox ul li .sp {
		font-size: 12px;
	}

	.ExRun_MINI .screenTwo .selling_text {
		top: auto;
		width: 90%;
		bottom: 12vh;
	}

		.ExRun_MINI .screenTwo .selling_text .h1,
		.ExRun_MINI .screenTwo .selling_text .txt {
			max-width: 30vw;
		}

	.ExRun_MINI .screenTwo .weight {
		top: 35%;
		left: auto;
		right: 10vw;
		font-size: 24px;
	}

		.ExRun_MINI .screenTwo .weight p {
			padding-left: 50px;
		}

	.ExRun_MINI .screenTwo .aspect {
		left: auto;
		right: 10vw;
	}

		.ExRun_MINI .screenTwo .aspect li {
			display: block;
		}

			.ExRun_MINI .screenTwo .aspect li span.sp1 {
				font-size: 85px;
			}

			.ExRun_MINI .screenTwo .aspect li span.sp2 {
				font-size: 45px;
			}

	/*.ExRun_MINI .screenTwo .whbox .w1,

	.ExRun_MINI .screenTwo .whbox .w2{

		right: auto;

		left: -10vw;

		border-left:none;

		border-right: #918b8a solid 1px;

	}

	.ExRun_MINI .screenTwo .whbox .w1:before,

	.ExRun_MINI .screenTwo .whbox .w1:after{

		left: auto;

		right: -10px;

		width: 10px;

	}*/

	.ExRun_MINI .screenTwo .whbox {
		right: auto;
		top: 26vh;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100%;
		height: 36vh;
	}

		.ExRun_MINI .screenTwo .whbox .w1 {
			position: absolute;
			left: 50%;
			right: auto;
			margin-left: -120px;
			width: 240px;
			height: auto;
			text-align: center;
			border-bottom: #918b8a solid 1px;
			border-left: none;
			padding-bottom: 15px;
			padding-left: 0;
			display: block;
			font-size: 24px;
			box-sizing: border-box;
		}

			.ExRun_MINI .screenTwo .whbox .w1:before {
				position: absolute;
				left: 0;
				bottom: -10px;
				top: auto;
				width: 1px;
				height: 10px;
			}

			.ExRun_MINI .screenTwo .whbox .w1:after {
				position: absolute;
				right: 0;
				left: auto;
				bottom: -10px;
				top: auto;
				width: 1px;
				height: 10px;
			}

		.ExRun_MINI .screenTwo .whbox .w2 {
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			width: 36vw;
			height: 73%;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			border-right: #918b8a solid 1px;
			border-top: none;
			padding-right: 15px;
			padding-top: 0;
			font-size: 24px;
			box-sizing: border-box;
			text-align: right;
		}

			.ExRun_MINI .screenTwo .whbox .w2:before {
				position: absolute;
				top: 0;
				right: -10px;
				left: auto;
				width: 10px;
				height: 1px;
			}

			.ExRun_MINI .screenTwo .whbox .w2:after {
				position: absolute;
				bottom: 0;
				top: auto;
				right: -10px;
				width: 10px;
				height: 1px;
			}

	.ExRun_MINI .screenThree-con-box {
		padding-top: 5vh;
		justify-content: flex-start;
	}

	.ExRun_MINI .screenThree .text .con {
		max-width: 45vw;
		box-sizing: border-box;
	}

	.ExRun_MINI .screenTwo .figure_list ul li img {
		width: auto;
		max-width: 211px;
		height: 100vh;
	}

	.ExRun_MINI .screenThree-img-box {
		height: 35vh;
	}

	.ExRun_MINI .screenThree-img {
		top: 0;
		left: 0;
		transform: none;
	}

	.ExRun_MINI .screenThree .text {
		text-align: left;
		top: auto;
		bottom: 15vh;
		left: 5%;
		transform: none;
	}

		.ExRun_MINI .screenThree .text .extxt {
			margin-top: 5vh;
		}

	.ExRun_MINI .screenThree .writing {
		text-align: right;
		top: auto;
		bottom: 30vh;
		right: 15%;
		left: auto;
		transform: none;
		padding-bottom: 0;
	}

		.ExRun_MINI .screenThree .writing .three3 {
			display: inline-block;
			padding-left: 5vw;
		}

		.ExRun_MINI .screenThree .writing .line {
			width: 2px;
			height: 0;
			transform: matrix(1, 0, 0, 1, 0, 0) !important;
			opacity: 1;
			transition: height 0.7s linear .15s;
		}

		.ExRun_MINI .screenThree .writing .three3.grow .line {
			height: 48vh;
		}

	.ExRun_MINI .screenFour {
		height: calc((100vh - 50px) * 4);
	}

		.ExRun_MINI .screenFour .text {
			height: 100vh;
		}

		.ExRun_MINI .screenFour .rightbox {
			float: none;
			width: 100%;
			height: 100vh;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.ExRun_MINI .screenFour .leftbox {
			float: none;
			width: 100%;
			text-align: center;
		}

		.ExRun_MINI .screenFour .annotate {
			top: auto;
			left: 0%;
			bottom: 10vh;
			width: 100%;
		}

			.ExRun_MINI .screenFour .annotate .wrapper {
				top: 0;
			}

				.ExRun_MINI .screenFour .annotate .wrapper .lans {
					position: static;
					width: 100%;
				}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul {
						text-align: center;
					}

						.ExRun_MINI .screenFour .annotate .wrapper .lans ul li {
							position: relative;
							overflow: inherit;
						}

					.ExRun_MINI .screenFour .annotate .wrapper .lans .pBox {
						display: none;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans .mBox {
						display: block;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .xian {
						position: absolute;
						bottom: -50px;
						left: 50%;
						transform: translateX(-50%) !important;
						width: 1px;
						height: 0;
						transition: all 0.6s ease;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li.on .xian {
						height: 28vh;
					}

					.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .zi {
						position: absolute;
						left: 50%;
						width: 50%;
						box-sizing: border-box;
						padding-left: 20px;
						text-align: left;
					}



	.ExRun_MINI .screenFive {
		height: calc((100vh - 50px) * 4);
	}

		.ExRun_MINI .screenFive .boxWrap {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
		}

		.ExRun_MINI .screenFive .videocon.mask:before {
			display: none;
		}

		.ExRun_MINI .screenFive .border {
			border-width: 28.5vh 20px;
		}

		.ExRun_MINI .screenFive .bg_color {
			width: 35% !important;
		}

		.ExRun_MINI .screenFive .mBox {
			width: 100%;
			text-align: center;
		}

			.ExRun_MINI .screenFive .mBox img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.ExRun_MINI .screenFive .mBox.on img {
				position: static;
				width: 100%;
			}

		.ExRun_MINI .screenFive .bg_color {
			position: static;
			transform: none !important;
			height: auto;
			margin: auto;
		}

		.ExRun_MINI .screenFive .bg_white.bg_color .img {
			position: static;
		}

		.ExRun_MINI .screenFive .content {
			position: static;
			transform: none;
			margin: auto;
			padding-bottom: 6vh;
		}

			.ExRun_MINI .screenFive .content .icon ul li {
				margin-right: 7px;
			}

				.ExRun_MINI .screenFive .content .icon ul li:last-child {
					margin-right: 0;
				}

	/**/

	.ExRun_MINI .screenSix .img {
		width: 100%;
	}

	.ExRun_MINI .screenSix .word {
		width: 86%;
		right: 5%;
		bottom: 21vh;
	}

	.ExRun_MINI .screenSix .text {
		right: 22vw;
	}

	.ExRun_MINI .illustration .textlist ul li,
	.born .two_text .t1,
	.ExRun_MINI .screenTwo .selling_text .h1,
	.ExRun_MINI .screenThree .text .h1,
	.ExRun_MINI .screenFour .tit,
	.ExRun_MINI .screenFive .content .title .t1,
	.ExRun_MINI .screenSix .title .t1,
	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 60px;
	}

	.born .two_text .t2,
	.ExRun_MINI .screenTwo .selling_text .txt,
	.ExRun_MINI .screenThree .text .txt,
	.ExRun_MINI .screenFour .context .t1 .sp1,
	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3,
	.ExRun_MINI .screenFive .content .title .t2,
	.ExRun_MINI .screenSix .title .t2,
	.ExRun_MINI .screenSix .text .t1,
	.ExRun_MINI .screenSeven .wrap .title .t2 {
		font-size: 21px;
		line-height: 1.7;
	}

	.ExRun_MINI .screenFour .annotate .wrapper .lans {
		font-size: 36px;
	}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 36px;
	}

	.ExRun_MINI .screenFour .nums .t2 {
		font-size: 16px;
	}

	/**/

	.ExRun_MINI .screenSeven {
		height: auto;
	}

	.ExRun_MINI .screenSeven-sticky {
		height: auto;
	}

	.seven0, .seven1 {
		opacity: 1;
		transform: translateX(0);
	}

	.seven3, .seven5 {
		opacity: 1 !important;
		transform: translate3d(0, 0, 0) !important;
	}

	.seven2 {
		opacity: 1;
	}

	.ExRun_MINI .screenSeven .content {
		position: static;
		transform: none;
		padding-top: 10%;
	}

		.ExRun_MINI .screenSeven .content .img {
			float: none;
			width: 100%;
			text-align: center;
		}

	.ExRun_MINI .screenSeven .part {
		position: static;
		transform: none;
	}

		.ExRun_MINI .screenSeven .part .box {
			position: relative;
			width: 100%;
			margin-top: -20%;
		}

			.ExRun_MINI .screenSeven .part .box .pic {
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				width: 44%;
				margin-left: -12%;
				margin-top: 7%;
			}

		.ExRun_MINI .screenSeven .part .text {
			top: auto;
			transform: none;
			left: 50%;
			bottom: 23%;
			width: 50%;
			box-sizing: border-box;
			padding-left: 20px;
		}

			.ExRun_MINI .screenSeven .part .text .line {
				width: 2px;
				height: 21vh;
				top: auto;
				bottom: -20px;
				opacity: 1 !important;
				transform: matrix(1, 0, 0, 1, 0, 0) !important;
			}

			.ExRun_MINI .screenSeven .part .text .txt {
				font-size: 30px;
			}

	.ExRun_MINI .screenSeven .wrap {
		position: static;
		transform: none;
		margin-top: -10%;
		padding-bottom: 10%;
	}

		.ExRun_MINI .screenSeven .wrap .title {
			float: none;
			width: 100%;
			text-align: center;
			margin-top: 0;
		}
}

@media screen and (max-width: 768px) {

	.ExRun_MINI .illustration .textlist ul li,
	.born .two_text .t1,
	.ExRun_MINI .screenTwo .selling_text .h1,
	.ExRun_MINI .screenThree .text .h1,
	.ExRun_MINI .screenFour .tit,
	.ExRun_MINI .screenFive .content .title .t1,
	.ExRun_MINI .screenSix .title .t1,
	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 48px;
	}

	.born .two_text .t2,
	.ExRun_MINI .screenTwo .selling_text .txt,
	.ExRun_MINI .screenThree .text .txt,
	.ExRun_MINI .screenFour .context .t1 .sp1,
	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3,
	.ExRun_MINI .screenFive .content .title .t2,
	.ExRun_MINI .screenSix .title .t2,
	.ExRun_MINI .screenSix .text .t1,
	.ExRun_MINI .screenSeven .wrap .title .t2 {
		font-size: 19px;
	}

	.ExRun_MINI .illustration .textlist ul li .posi {
		top: -2px;
	}

	.ExRun_MINI .screenTwo .weight {
		right: 5vw;
		font-size: 20px;
	}

		.ExRun_MINI .screenTwo .weight p {
			padding-left: 40px;
		}

		.ExRun_MINI .screenTwo .weight .sp {
			top: 24px;
		}

		.ExRun_MINI .screenTwo .weight span.sp1 {
			font-size: 130px;
		}

		.ExRun_MINI .screenTwo .weight span.sp2 {
			font-size: 80px;
		}

	.ExRun_MINI .screenTwo .aspect {
		right: 5vw;
	}

		.ExRun_MINI .screenTwo .aspect li {
			font-size: 20px;
			padding-left: 30px;
			margin-right: 0;
		}

			.ExRun_MINI .screenTwo .aspect li .sp {
				top: 13px;
			}

			.ExRun_MINI .screenTwo .aspect li span.sp1 {
				font-size: 75px;
			}

			.ExRun_MINI .screenTwo .aspect li span.sp2 {
				font-size: 40px;
			}

	.ExRun_MINI .screenTwo .whbox .w1,
	.ExRun_MINI .screenTwo .whbox .w2 {
		font-size: 20px;
	}

	.ExRun_MINI .screenTwo .whbox .w1 {
		width: 180px;
		margin-left: -90px;
	}

	/**/

	.ExRun_MINI .screenThree .writing .three3 {
		padding-left: 30px;
	}

	.ExRun_MINI .screenThree .writing .lans {
		font-size: 30px;
	}

	.ExRun_MINI .screenFour .rightbox .pic img {
		max-width: 400px;
		width: 85%;
		margin: auto;
	}

	.ExRun_MINI .screenFour .annotate .wrapper .lans {
		font-size: 30px;
	}

	.ExRun_MINI .screenFour .nums,
	.ExRun_MINI .screenFour .context {
		margin-top: 40px;
	}

	/**/

	.ExRun_MINI .screenFive .content .icon ul li:before {
		right: -22px;
		top: 42%;
		width: 32px;
	}

	/**/

	.ExRun_MINI .screenSix .text {
		bottom: 5vh;
	}

		.ExRun_MINI .screenSix .text .line {
			height: 300px;
		}
}

@media screen and (max-width: 750px) {

	.header .logo a {
		line-height: 50px;
	}

	.header .btnMenu {
		margin-top: 10px;
	}

		.header .btnMenu > span {
			width: 30px;
			margin: 3px 0;
		}

		.header .btnMenu.on > span:last-child {
			margin-top: -5px;
		}

	.tabbb.active {
		top: 50px;
	}

	.header .mNav {
		top: 50px;
		height: calc(100vh - 50px);
	}





	.ExRun_MINI .illustration .textlist ul li,
	.born .two_text .t1,
	.ExRun_MINI .screenTwo .selling_text .h1,
	.ExRun_MINI .screenThree .text .h1,
	.ExRun_MINI .screenFour .tit,
	.ExRun_MINI .screenFive .content .title .t1,
	.ExRun_MINI .screenSix .title .t1,
	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 36px;
	}

	.born .two_text .t2,
	.ExRun_MINI .screenTwo .selling_text .txt,
	.ExRun_MINI .screenThree .text .txt,
	.ExRun_MINI .screenFour .context .t1 .sp1,
	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3,
	.ExRun_MINI .screenFive .content .title .t2,
	.ExRun_MINI .screenSix .title .t2,
	.ExRun_MINI .screenSix .text .t1,
	.ExRun_MINI .screenSeven .wrap .title .t2 {
		font-size: 16px;
	}



	.ExRun_MINI .illustration .title .t2 span, .ExRun_MINI .illustration .title .t2 i {
		font-size: 32px;
	}

	.born .img {
		height: 25vh;
		overflow: hidden;
	}

		.born .img img {
			object-fit: cover;
		}

	.born .iconbox ul {
		width: 70%;
		margin: 20px auto 0px;
	}

		.born .iconbox ul li {
			width: 15%;
			margin: 3% 5%;
		}

	.ExRun_MINI .screenTwo .weight {
		font-size: 16px;
	}

		.ExRun_MINI .screenTwo .weight p {
			padding-left: 30px;
		}

		.ExRun_MINI .screenTwo .weight span.sp1 {
			font-size: 110px;
		}

		.ExRun_MINI .screenTwo .weight span.sp2 {
			font-size: 60px;
		}

	.ExRun_MINI .screenTwo .aspect li {
		font-size: 16px;
		padding-left: 25px;
	}

		.ExRun_MINI .screenTwo .aspect li span.sp1 {
			font-size: 64px;
		}

		.ExRun_MINI .screenTwo .aspect li span.sp2 {
			font-size: 30px;
		}

	.ExRun_MINI .screenTwo .whbox {
		top: 25vh;
	}

		.ExRun_MINI .screenTwo .whbox .w1,
		.ExRun_MINI .screenTwo .whbox .w2 {
			font-size: 16px;
		}

		.ExRun_MINI .screenTwo .whbox .w1 {
			width: 150px;
			margin-left: -75px;
		}

	/**/

	.ExRun_MINI .screenThree .writing .three3 {
		padding-left: 20px;
	}

		.ExRun_MINI .screenThree .writing .three3.grow .line {
			width: 1px;
		}

	.ExRun_MINI .screenThree .writing .lans {
		font-size: 20px;
	}

	.ExRun_MINI .screenThree .text .extxt .sp {
		font-size: 90px;
	}

	/**/

	.ExRun_MINI .screenFour .annotate .wrapper .lans {
		font-size: 24px;
	}

	.ExRun_MINI .screenFour .nums,
	.ExRun_MINI .screenFour .context {
		margin-top: 30px;
	}

		.ExRun_MINI .screenFour .context .t1 .sp2 {
			font-size: 28px;
		}

	/**/

	.ExRun_MINI .screenSeven .part .text .txt {
		font-size: 24px;
	}
}

@media screen and (max-width: 540px) {

	.ExRun_MINI .illustration .textlist ul li,
	.born .two_text .t1,
	.ExRun_MINI .screenTwo .selling_text .h1,
	.ExRun_MINI .screenThree .text .h1,
	.ExRun_MINI .screenFour .tit,
	.ExRun_MINI .screenFive .content .title .t1,
	.ExRun_MINI .screenSix .title .t1,
	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 28px;
	}

	.born .two_text .t2,
	.ExRun_MINI .screenTwo .selling_text .txt,
	.ExRun_MINI .screenThree .text .txt,
	.ExRun_MINI .screenFour .context .t1 .sp1,
	.ExRun_MINI .screenFour .context .t2,
	.ExRun_MINI .screenFour .context .t3,
	.ExRun_MINI .screenFive .content .title .t2,
	.ExRun_MINI .screenSix .title .t2,
	.ExRun_MINI .screenSix .text .t1,
	.ExRun_MINI .screenSeven .wrap .title .t2 {
		font-size: 14px;
	}

	.ExRun_MINI .illustration .title .t1 {
		padding-right: 9%;
	}

		.ExRun_MINI .illustration .title .t1 img {
			max-width: 140px;
		}

	.ExRun_MINI .illustration .textlist ul li .posi {
		top: 0px;
	}

	.ExRun_MINI .illustration .textlist ul li img {
		max-width: 30px;
	}

	.ExRun_MINI .illustration .title .t2 span, .ExRun_MINI .illustration .title .t2 i {
		font-size: 25px;
	}

	.born .subtit {
		font-size: 25px;
	}

		.born .subtit img {
			max-width: 90px;
		}

	.born .two_text .icon {
		margin-top: 10px;
	}

		.born .two_text .icon img {
			max-width: 60px;
		}

	.ExRun_MINI .screenTwo .whbox {
		top: 23vh;
	}

		.ExRun_MINI .screenTwo .whbox .w1 {
			width: 120px;
			margin-left: -60px;
		}

		.ExRun_MINI .screenTwo .whbox .w2 {
			bottom: -20px;
		}

		.ExRun_MINI .screenTwo .whbox .w1, .ExRun_MINI .screenTwo .whbox .w2 {
			font-size: 14px;
		}

	.ExRun_MINI .screenTwo .weight {
		font-size: 14px;
	}

		.ExRun_MINI .screenTwo .weight .sp {
			top: 18px;
		}

		.ExRun_MINI .screenTwo .weight span.sp1 {
			font-size: 90px;
		}

		.ExRun_MINI .screenTwo .weight span.sp2 {
			font-size: 50px;
		}

	.ExRun_MINI .screenTwo .aspect li {
		font-size: 14px;
	}

		.ExRun_MINI .screenTwo .aspect li .sp {
			top: 10px;
		}

		.ExRun_MINI .screenTwo .aspect li span.sp1 {
			font-size: 54px;
		}

		.ExRun_MINI .screenTwo .aspect li span.sp2 {
			font-size: 24px;
		}

	.ExRun_MINI .screenThree .writing .lans {
		font-size: 16px;
	}

	.ExRun_MINI .screenThree .text .extxt .sp {
		font-size: 70px;
	}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.ExRun_MINI .screenFive .content .icon ul li:before {
		right: -20px;
		top: 40%;
		width: 28px;
	}

	/**/

	.ExRun_MINI .screenSix .title {
		top: 14vh;
	}

	.ExRun_MINI .screenSix .text {
		right: 15vw;
	}

		.ExRun_MINI .screenSix .text .line {
			height: 240px;
		}

		.ExRun_MINI .screenSix .text .t2 {
			font-size: 60px;
		}

	/**/

	.ExRun_MINI .screenSeven .part .text .txt {
		font-size: 20px;
	}
}

@media screen and (max-width: 440px) {

	.header .logo {
		width: 200px;
	}

	.main {
		padding-top: 50px;
	}

	.tabbb,
	.tabss,
	.naaavbg {
		height: 50px;
	}

		.tabss span {
			font-size: 16px;
		}



		.tabss .tabs {
			top: 40px;
		}

	/**/

	.ExRun_MINI .illustration .textlist ul li {
		line-height: 1.2;
	}

		.ExRun_MINI .illustration .textlist ul li img {
			vertical-align: middle;
		}

		.ExRun_MINI .illustration .textlist ul li .posi {
			top: -3px;
		}

	.born .two_text .t1,
	.ExRun_MINI .screenTwo .selling_text .h1,
	.ExRun_MINI .screenThree .text .h1,
	.ExRun_MINI .screenFour .tit,
	.ExRun_MINI .screenFive .content .title .t1,
	.ExRun_MINI .screenSix .title .t1,
	.ExRun_MINI .screenSeven .wrap .title .t1 {
		font-size: 25px;
	}

	.ExRun_MINI .illustration .title .t1 img {
		max-width: 120px;
	}

	.ExRun_MINI .illustration .title .t2 span, .ExRun_MINI .illustration .title .t2 i {
		font-size: 20px;
	}

	.ExRun_MINI .illustration .textlist ul li img {
		max-width: 25px;
	}

	.born .subtit {
		font-size: 20px;
	}

		.born .subtit img {
			max-width: 72px;
		}

	.born .two_text .icon img {
		max-width: 50px;
	}

	.born .iconbox ul {
		width: 100%;
	}

		.born .iconbox ul li .ic img {
			max-width: 40px;
		}

		.born .iconbox ul li .sp {
			font-size: 10px;
		}



	.ExRun_MINI .screenTwo .whbox .w2 {
		width: 30vw;
	}

	.ExRun_MINI .screenTwo .weight .sp {
		top: 12px;
	}

	.ExRun_MINI .screenTwo .weight span.sp1 {
		font-size: 70px;
	}

	.ExRun_MINI .screenTwo .weight span.sp2 {
		font-size: 36px;
	}

	.ExRun_MINI .screenTwo .aspect li .sp {
		top: 7px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp1 {
		font-size: 45px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp2 {
		font-size: 20px;
	}

	.ExRun_MINI .screenTwo .selling_text {
		bottom: 5vh;
	}

	/**/

	.ExRun_MINI .screenThree .writing {
		right: 5vw;
	}

	.ExRun_MINI .screenThree .text .extxt .sp {
		font-size: 60px;
	}

	/**/

	.ExRun_MINI .screenFour .nums .t1 {
		font-size: 80px;
	}

		.ExRun_MINI .screenFour .nums .t1 span {
			font-size: 32px;
		}

	.ExRun_MINI .screenFour .context .t1 .sp2 {
		font-size: 20px;
	}

	.ExRun_MINI .screenFour .annotate .wrapper .lans {
		font-size: 20px;
	}

		.ExRun_MINI .screenFour .annotate .wrapper .lans ul li .xian {
			bottom: -40px;
		}

	/**/

	.ExRun_MINI .screenFive .mBox {
		margin-bottom: 10px;
	}

	.ExRun_MINI .screenFive .content .icon ul li {
		width: 47%;
	}

		.ExRun_MINI .screenFive .content .icon ul li:before {
			right: -18px;
			top: 44%;
			width: 24px;
		}

	/**/

	.ExRun_MINI .screenSix .word {
		bottom: 20vh;
	}

	.ExRun_MINI .screenSix .text {
		bottom: 6vh;
	}

		.ExRun_MINI .screenSix .text .line {
			height: 25vh;
		}

		.ExRun_MINI .screenSix .text .t2 {
			font-size: 50px;
		}

	.ExRun_MINI .screenSix .img {
		bottom: 5vh;
	}

	/**/

	.ExRun_MINI .screenSeven .part .text {
		bottom: 20%;
	}

		.ExRun_MINI .screenSeven .part .text .line {
			width: 1px;
			height: 25vh;
		}

		.ExRun_MINI .screenSeven .part .text .txt {
			font-size: 16px;
		}

	.ExRun_MINI .screenSeven .part .box .pic {
		width: 75%;
		margin-left: -20%;
	}

	.ExRun_MINI .screenSeven .part .box div[class^="pulse"] {
		width: 100px;
		height: 100px;
		border: rgba(255,255,255,0.1) solid 10px;
	}

	.ExRun_MINI .screenSeven .part .box .pulse1 {
		border: rgba(255,255,255,0.1) solid 1px;
		animation-delay: 0s !important;
	}

	.ExRun_MINI .screenSeven .part .box .pulse2 {
		border: rgba(255,255,255,0.1) solid 5px;
		animation-delay: 0.5s !important;
	}

	.ExRun_MINI .screenSeven .part .box .pulse3 {
		border: rgba(255,255,255,0.1) solid 10px;
		animation-delay: 1s !important;
	}

	.ExRun_MINI .screenSeven .part .box .pulse4 {
		border: rgba(255,255,255,0.1) solid 15px;
		animation-delay: 1.5s !important;
	}

	.ExRun_MINI .screenSeven .part .box .pulse5 {
		border: rgba(255,255,255,0.1) solid 20px;
		animation-delay: 2s !important;
	}

	.ExRun_MINI .screenSeven .part .box .pulse6 {
		border: rgba(255,255,255,0.1) solid 25px;
		animation-delay: 2.5s !important;
	}

	@keyframes pulse {

		0% {
			width: 100px;
			height: 100px;
		}

		20% {
			width: 200px;
			height: 200px;
			opacity: 0.5;
		}

		40% {
			width: 360px;
			height: 360px;
			opacity: 0.8;
		}

		60% {
			width: 500px;
			height: 500px;
			opacity: 1;
		}

		80% {
			width: 600px;
			height: 600px;
			opacity: 0.8;
		}

		100% {
			width: 700px;
			height: 700px;
			opacity: 0;
		}
	}
}

@media screen and (max-width: 360px) {

	.ExRun_MINI .screenTwo .weight .sp {
		top: 0px;
	}

	.ExRun_MINI .screenTwo .weight span.sp1 {
		font-size: 60px;
	}

	.ExRun_MINI .screenTwo .weight span.sp2 {
		font-size: 30px;
	}

	.ExRun_MINI .screenTwo .aspect li .sp {
		top: 0px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp1 {
		font-size: 36px;
	}

	.ExRun_MINI .screenTwo .aspect li span.sp2 {
		font-size: 17px;
	}

	/**/

	.ExRun_MINI .screenSix .word {
		bottom: 18.5vh;
	}
}