/* banner */
.m-banner {
	position: relative;
	height: calc(100vh - 93px);
	overflow: hidden;
}
.m-banner ul {
	position: relative;
	height: 100%;
	overflow: hidden;
}
.m-banner li.mobile {
	display: none;
}
.m-banner li {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0;
	transition: opacity 1s ease;
}
.m-banner a.z-crt li {
	z-index: 1;
	opacity: 1;
}
.m-banner li video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
	object-fit: cover;
}
.m-banner li .m-content {
	position: relative;
	top: 50%;
	opacity: 0;
	transform: translate(.5rem,-50%);
	transform-origin: 0 50%;
	transition: all .8s ease;
	transition-delay: .2s;
}
.m-banner a.z-crt li .m-content {
	opacity: 1;
	transform: translate(0,-50%);
}
.m-banner li .m-content p {
	position: relative;
	display: inline-block;
	padding-bottom: .2rem;
	font-size: .75rem;
	font-weight: bold;
	white-space: pre-wrap;
	color: #fff;
	text-shadow: 0 1px 10px rgba(0,0,0,.3);
}
html[lang=en] .m-banner li .m-content p {
	font-size: .45rem;
}
.m-banner li .m-content p:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-top: 1px solid rgba(255,255,255,.4);
}
.m-banner li .m-content .more {
	margin-top: .6rem;
	font-size: .16rem;
	color: #fff;
}
.m-banner li .m-content .more .tf {
	margin-right: .14rem;
	font-size: .38rem;
}
.m-banner .nav {
	display: none;
}
.m-banner .angle {
	z-index: 10;
	position: absolute;
	right: 50%;
	bottom: 1.06rem;
	margin-right: -8rem;
	opacity: 0;
	transition: opacity .3s ease;
}
.m-banner:hover .angle {
	opacity: 1;
}
.m-banner .angle div {
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 100%;
	margin-top: .26rem;
	font-size: 12px;
	color: #fff;
	background: rgba(0,0,0,.3);
	cursor: pointer;
}
/* end banner */

.m-title {
	width: 16rem;
	margin: 0 auto;
}
.m-content .m-title {
	width: auto;
	margin: 0;
}
.m-title h1 {
	font-size: .5rem;
}
.m-title p {
	margin-left: .12rem;
	font-size: .18rem;
	color: #bbb;
}

.u-more {
	box-sizing: border-box;
	width: 1.8rem;
	height: .6rem;
	border: 1px solid #999;
	border-radius: .3rem;
	font-size: .18rem;
	color: #666;
	transition: all .3s ease;
}
.u-more:hover {
	border-color: #E8432A;
	color: #fff;
	background: #E8432A;
}
.u-more .tf {
	margin-left: .2rem;
	font-size: .24rem;
	color: #E8432A;
	transition: all .3s ease;
}
.u-more:hover .tf {
	color: #fff;
}

/* about */
.m-about {
	z-index: 50;
	position: relative;
	box-sizing: border-box;
	min-height: 7.7rem;
	padding: .8rem 0 2rem;
	background: #F9F9F9;
}
.m-about:before {
	content: '';
	top: -.73rem;
	left: 0;
	position: absolute;
	width: 200%;
	height: .75rem;
	background-image: url('../img/index/about_top.png');
	background-size: 50% 100%;
	transform: translate(0, 0);
	animation-name: scroll;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.m-about:after {
	content: '';
	top: -.73rem;
	left: 0;
	position: absolute;
	width: 200%;
	height: .75rem;
	background-image: url('../img/index/about_top.png');
	background-size: 50% 100%;
	background-position: left 50% top;
	opacity: .4;
	transform: translate(0, 0);
	animation-name: scroll;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes scroll {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-50%, 0);
	}
}
.m-about .m-content {
	padding-top: 1.1rem;
}
.m-about .about {
	width: 9.5rem;
}
.m-about .content {
	margin-bottom: 1rem;
	line-height: .32rem;
	font-size: .18rem;
	color: #444;
	white-space: pre-wrap;
	opacity: 0;
	transform: translate(-1rem,0);
	transition: opacity 1s ease, transform 1s ease;
}
.m-about.z-active .content {
	opacity: 1;
	transform: translate(0,0);
}
.m-about .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 5.5rem;
}
/* end about */

/* partner */
.m-partner {
	padding: 1.1rem 0 1.8rem;
}
.m-partner .text {
	margin-top: .2rem;
	font-size: .18rem;
	color: #999;
}
.m-partner ul {
	gap: .2rem;
	margin-top: .6rem;
}
.m-partner li {
	position: relative;
	width: 2.2rem;
	height: 6rem;
	border-radius: .1rem;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	transition: all .5s ease;
}
.m-partner .z-crt li {
	width: 8.8rem;
}
.m-partner li .tag {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 1.25rem;
	height: 1.65rem;
	padding-right: .2rem;
	font-size: .18rem;
	text-align: center;
	color: #fff;
	background-image: url('../img/index/partner_tag.png');
	background-size: 100%;
	opacity: 0;
	transition: opacity .5s ease;
}
html[lang=en] .m-partner li .tag {
	font-size: .14rem;
}
.m-partner .z-crt li .tag {
	opacity: 1;
}
.m-partner li .tag .tf {
	margin-bottom: .1rem;
	font-size: .38rem;
}
.m-partner li .content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: .98rem;
	background: linear-gradient(0deg, rgba(51,51,51,.6), rgba(51,51,51,.01));
	transition: height .5s ease;
}
.m-partner .z-crt li .content {
	height: 2.5rem;
}
.m-partner li .content h5 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2.2rem;
	line-height: .98rem;
	font-size: .2rem;
	font-weight: normal;
	text-align: center;
	color: #fff;
	opacity: 1;
	transition: opacity .5s ease;
}
.m-partner .z-crt li .content h5 {
	opacity: 0;
}
.m-partner li .content p {
	position: absolute;
	left: 1.65rem;
	bottom: .5rem;
	width: 6.4rem;
	line-height: .28rem;
	font-size: .16rem;
	color: #fff;
	opacity: 0;
	transition: opacity .5s ease;
}
.m-partner .z-crt li .content p {
	opacity: 1;
}
/* end partner */

/* news */
.m-news {
	padding: 0 0 1.3rem;
	overflow: hidden;
}
.m-news .banner {
	height: 6rem;
	margin-bottom: -4rem;
}
.m-news .m-title h1 {
	color: #fff;
}
.m-news .m-title p {
	color: #bbb;
}
.m-news .top {
	position: relative;
	padding: .5rem;
	margin-top: 1.2rem;
	background: #fff;
}
.m-news .top:before {
	content: '';
	position: absolute;
	right: -.06rem;
	top: .04rem;
	border-bottom: .2rem solid #E8432A;
	border-left: .2rem solid rgba(0,0,0,0);
	border-right: .2rem solid rgba(0,0,0,0);
	transform: rotate(45deg);
}
.m-news .top .image {
	width: 6rem;
	height: 4rem;
	margin-right: .78rem;
	overflow: hidden;
}
.m-news .top h1 {
	margin: .4rem 0 .5rem;
	font-size: .28rem;
}
.m-news .top:hover h1 {
	text-decoration: underline;
	color: #E8432A;
}
.m-news .top p {
	height: 2rem;
	line-height: .32rem;
	font-size: .16rem;
	color: #666;
}
.m-news .top span {
	font-size: .14rem;
	color: #999;
}
.m-news .top .more {
	width: .5rem;
	height: .5rem;
	border: 1px solid #ccc;
	border-radius: 100%;
	font-size: .2rem;
	color: #666;
}
.m-news .top:hover .more {
	border-color: #E8432A;
	color: #fff;
	background: #E8432A;
}
.m-news ul {
	gap: .4rem;
	margin: .26rem .4rem 0;
}
.m-news li {
	box-sizing: border-box;
	height: 1.1rem;
	border: 1px solid #eee;
	padding: .2rem .24rem;
	line-height: .3rem;
	font-size: .18rem;
	color: #444;
	opacity: 0;
	transform: translate(1rem,0);
	transition: opacity 1s ease, transform 1s ease;
}
.m-news a:nth-child(2) li {
	transition-delay: .4s;
}
.m-news a:nth-child(3) li {
	transition-delay: .8s;
}
.m-news a:nth-child(4) li {
	transition-delay: 1.2s;
}
.m-news.z-active li {
	opacity: 1;
	transform: translate(0,0);
}
.m-news li:hover {
	border-color: #E8432A;
	color: #E8432A;
}
/* end news */