.header {
	position: fixed;
	z-index: 100;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 13.86667vw;
	padding: 0 5.86667vw;
	background: #fff
}

.header-transparent {
	background-color: transparent !important
}

.header-transparent .header-logo {
	background-image: url(../data-uri/png/png_b8539.png)
}

.header-transparent .header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-transparent .header-right a {
	font-size: 4.26667vw;
	color: #fff !important;
	margin-right: 2.66667vw
}

.header-transparent .header-menu:after,
.header-transparent .header-menu:before {
	background: #fff !important
}

.header-transparent .header-content {
	-webkit-box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, .1)
}

.header .header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header .header-right a {
	font-size: 4.26667vw;
	color: #282828;
	margin-right: 2.66667vw
}

.header-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s
}

.header-logo {
	text-indent: -1333.2vw;
	width: 12vw;
	height: 12vw;
	background: url(../data-uri/png/png_2ed59.png) no-repeat center center/cover
}

.header-menu {
	position: relative;
	width: 9.6vw;
	height: 9.6vw;
	-webkit-transform: translateX(2.13333vw);
	transform: translateX(2.13333vw)
}

.header-menu.header-menu-show:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 4.66667vw
}

.header-menu.header-menu-show:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 4.66667vw
}

.header-menu.ignore:after,
.header-menu.ignore:before {
	height: 2px
}

.header-menu:after,
.header-menu:before {
	position: absolute;
	left: 2.13333vw;
	content: "";
	width: 5.33333vw;
	background: #000;
	-webkit-transition: background .3s, top .3s, -webkit-transform .3s;
	transition: background .3s, top .3s, -webkit-transform .3s;
	transition: transform .3s, background .3s, top .3s;
	transition: transform .3s, background .3s, top .3s, -webkit-transform .3s
}

.header-menu:after {
	top: 3.2vw
}

.header-menu:before {
	top: 6.13333vw
}

.nav {
	position: fixed;
	z-index: 99;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .85);
	text-align: center;
	-webkit-backdrop-filter: blur(2.66667vw);
	backdrop-filter: blur(2.66667vw);
	color: #fff;
	display: none;
	overflow: hidden
}

.nav-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 13.86667vw
}

.nav-show {
	display: block
}

.nav li {
	position: relative;
	margin-bottom: 12.8vw;
	padding: 0 13.33333vw
}

.nav li a {
	position: absolute;
	z-index: 10;
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: 0 0
}

.nav li .nav-title {
	position: relative;
	display: inline-block;
	font-size: 4.26667vw;
	font-weight: 500;
	line-height: 6vw
}

.nav li .nav-title::after {
	position: absolute;
	content: "";
	display: inline-block;
	right: -3.73333vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 3.2vw;
	height: 3.2vw;
	background: url(../data-uri/png/png_1e04a.png) no-repeat center center/cover
}

.nav li .nav-tip {
	font-size: 2.66667vw;
	font-weight: 400;
	line-height: 6vw;
	padding-top: .93333vw
}

.nav li:last-child {
	margin-bottom: 0
}

.nav li:last-child img {
	width: 21.86667vw;
	height: 21.86667vw;
	border-radius: 1.06667vw
}

.nav li:last-child p {
	padding-top: 2.13333vw;
	font-size: 3.2vw
}

.home .appinfo {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 3.2vw;
	padding: 2.66667vw 5.33333vw;
	line-height: 4.53333vw;
	z-index: 101;
	background-color: #fff
}

.home .appinfo .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home .appinfo .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home .appinfo a {
	color: #00f
}

.home .appinfo.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.home .section {
	width: 100%;
	text-align: center;
	color: #282828;
	overflow: hidden
}

.home .section-title {
	padding: 18.13333vw 0 1.6vw;
	font-size: 5.86667vw;
	font-weight: 700;
	line-height: 6.93333vw
}

.home .section-desc {
	padding-bottom: 2.13333vw;
	font-size: 3.73333vw;
	line-height: 6.4vw
}

.home .section-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32vw;
	height: 10.26667vw;
	margin: 0 auto 5.33333vw;
	background: #25d4d0;
	border-radius: 2.13333vw;
	font-weight: 500;
	font-size: 4.26667vw;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.home .section-btn:active {
	background-color: #1daaa7
}

.home .section-img {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	background: no-repeat center center/auto 100%
}

.home .section-main {
	position: relative;
	min-height: 100%;
	padding-top: 13.86667vw;
	overflow: hidden;
	background: rgba(0, 0, 0, .8)
}

.home .section-main .content-container {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}

.home .section-main .main-arrow {
	position: absolute;
	bottom: 1.2vw;
	left: 50%;
	z-index: 2;
	margin-left: -3.73333vw;
	width: 7.46667vw;
	height: 7.46667vw;
	font-size: 0;
	-webkit-animation: down 1.2s cubic-bezier(.25, .1, .25, .1) infinite;
	animation: down 1.2s cubic-bezier(.25, .1, .25, .1) infinite
}

@-webkit-keyframes down {
	0% {
		bottom: 1.2vw
	}

	50% {
		bottom: 2.8vw
	}

	100% {
		bottom: 1.2vw
	}
}

@keyframes down {
	0% {
		bottom: 1.2vw
	}

	50% {
		bottom: 2.8vw
	}

	100% {
		bottom: 1.2vw
	}
}

.home .section-main .main-arrow-icon {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	overflow: hidden
}

.home .section-main .main-arrow-icon.ignore:after,
.home .section-main .main-arrow-icon.ignore:before {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff
}

.home .section-main .main-arrow-icon:after,
.home .section-main .main-arrow-icon:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.home .section-main .main-arrow-icon:after {
	margin-left: .8vw;
	margin-top: -.8vw;
	width: 2.4vw;
	height: 2.4vw
}

.home .section-main .main-arrow-icon:before {
	width: 3.73333vw;
	height: 3.73333vw
}

.home .section-main .main-slogan {
	width: 77.6vw;
	height: 12vw;
	margin: 0 auto 4.8vw;
	background: url(../data-uri/png/png_58ae3.png) no-repeat center center/cover
}

.home .section-main .main-tip {
	width: 56.26667vw;
	height: 4.8vw;
	margin: 0 auto 6.66667vw;
	background: url(../data-uri/png/png_ffd35.png) no-repeat center center/cover
}

.home .section-main .main-btn {
	width: 30.93333vw;
	height: 9.86667vw;
	margin: 0 auto;
	background: url(../data-uri/png/png_a9158.png) no-repeat center center/30.93333vw 9.86667vw
}

.home .section-main .main-btn.download_btn_32 {
	display: none;
	margin-top: 4.26667vw;
	background: url(../data-uri/png/png_e206f.png) no-repeat center center/30.93333vw 9.86667vw
}

.home .section-main .main-btn.campus_btn {
	margin-top: 4.26667vw;
	background: url(../data-uri/png/png_20a28.png) no-repeat center center/30.93333vw 9.86667vw
}

.home .section-main .main-btn.campus_btn a {
	display: inline-block;
	width: 100%;
	height: 100%
}

.home .section-main .main-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.home .section-main .main-bg.main-bg-webp {
	/* background: url(../img/img-video.webp) no-repeat center center/cover */
	/* background: url(../img/top.mp4) no-repeat center center/cover */
}

.home .section-main .main-bg.main-bg-gif {
	/* background: url(../img/img-video.gif) no-repeat center center/cover */
}

.home .section-main .main-bg::after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	background: rgba(0, 0, 0, .7)
}

.home .section-soul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-soul .section-img {
	/* background-image: url(../img/img-soul.png); */
}
.home .section-voice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-voice .section-img {
	/* background-image: url(../img/img-voice.png) */
}

.home .section-facekini {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-facekini .section-img {
	background-image: url(../img/img-facekini.png)
}

.home .section-camera {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-camera .section-img {
	/* background-image: url(../img/img-camera.png) */
}

.home .section-square {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-square .section-img {
	background-image: url(../img/img-square.png)
}

.home .section-chat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.home .section-chat .section-img {
	background-image: url(../img/img-chat.png)
}

.section-img{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	
}
.section-img video{
	border-radius:40px !important;
}
.home .section-avatar img {
	width: 91.46667vw;
	height: 151.2vw;
	margin: 22.4vw auto;
	vertical-align: top
}

.home .section-activity {
	font-size: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 14.93333vw
}

.home .section-activity .activity-title {
	width: 80vw;
	height: 6.66667vw;
	margin: 0 auto 4.26667vw;
	background: url(../data-uri/png/png_7322a.png) no-repeat center center/cover
}

.home .section-activity .activity-btn {
	width: 28.8vw;
	height: 9.6vw;
	margin: 0 auto 6.4vw;
	background: url(../data-uri/png/png_9da08.png) no-repeat center center/cover;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.home .section-activity .activity-btn:active {
	background-color: #1daaa7
}

.home .section-activity .activity-mess {
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.home .section-activity .activity-mess-item {
	position: relative;
	display: inline-block;
	margin-top: -1.6vw;
	width: 328vw;
	height: 22.66667vw;
	-webkit-animation: banner-move 10s linear infinite .6s;
	animation: banner-move 10s linear infinite .6s
}

.home .section-activity .activity-mess-item:nth-child(1) {
	-webkit-animation-duration: 12s;
	animation-duration: 12s;
	margin-top: 0;
	background: url(../img/shouji_tiao_one.png) repeat-x left top/164vw auto
	
}

.home .section-activity .activity-mess-item:nth-child(2) {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	margin-left: -23.73333vw;
	background: url(../img/shouji_tiao_two.png) repeat-x left top/164vw auto
}

.home .section-activity .activity-mess-item:nth-child(3) {
	-webkit-animation-duration: 11s;
	animation-duration: 11s;
	background: url(../img/shouji_tiao_three.png) repeat-x left top/164vw auto
}

.home .section-activity .activity-mess-item:nth-child(4) {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	margin-left: -23.73333vw;
	background: url(../img/shouji_tiao_four.png) repeat-x left top/164vw auto
}

.home .section-activity .activity-mess-item:nth-child(5) {
	-webkit-animation-duration: 12s;
	animation-duration: 12s;
	background: url(../img/shouji_tiao.png) repeat-x left top/164vw auto
}

@-webkit-keyframes banner-move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(-164vw, 0, 0);
		transform: translate3d(-164vw, 0, 0)
	}
}

@keyframes banner-move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		-webkit-transform: translate3d(-164vw, 0, 0);
		transform: translate3d(-164vw, 0, 0)
	}
}

.home .swiper-container,
.home .swiper-wrapper {
	height: 100%
}

.home .swiper-container .swiper-slide,
.home .swiper-wrapper .swiper-slide {
	height: 100%
}

.home .swiper-container .swiper-pagination,
.home .swiper-wrapper .swiper-pagination {
	padding-top: 13.86667vw;
	right: 2.66667vw
}

.home .swiper-container .swiper-pagination.pagination-light .swiper-pagination-bullet,
.home .swiper-wrapper .swiper-pagination.pagination-light .swiper-pagination-bullet {
	background: #edeaea
}

.home .swiper-container .swiper-pagination .swiper-pagination-bullet,
.home .swiper-wrapper .swiper-pagination .swiper-pagination-bullet {
	width: 1.6vw;
	height: 1.6vw;
	margin: 1.6vw 0;
	background: rgba(255, 255, 255, .25);
	opacity: 1;
	-webkit-transition: background .2s;
	transition: background .2s
}

.home .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home .swiper-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #8F92FF
}

.contact,
.home .contact {
	padding-top: 13.86667vw;
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contact-content,
.home .contact-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contact-content li,
.home .contact-content li {
	padding-top: 16vw;
	text-align: center;
	color: #282828
}

.contact-content li:first-child,
.home .contact-content li:first-child {
	padding-top: 0
}

.contact-content li p:first-child,
.home .contact-content li p:first-child {
	font-size: 3.73333vw;
	font-weight: 400;
	line-height: 5.33333vw;
	padding-bottom: 1.06667vw
}

.contact-content li p:last-child,
.home .contact-content li p:last-child {
	font-size: 3.73333vw;
	font-weight: 500;
	line-height: 5.33333vw
}

.contact-content li a,
.home .contact-content li a {
	color: #282828
}

.contact .beian,
.home .contact .beian {
	font-size: 3.2vw;
	text-align: center;
	padding-bottom: 16vw
}

.contact .beian img,
.home .contact .beian img {
	width: 5.33333vw;
	height: 5.33333vw;
	vertical-align: bottom
}

.contact .beian a,
.home .contact .beian a {
	color: #282828
}

.contact .position,
.home .contact .position {
	width: 100vw;
	height: 45.86667vw;
	background: url(../img/img-contact2.png) no-repeat center center/cover
}

.en.home .section-main .main-slogan {
	width: 85.73333vw;
	height: 17.46667vw;
	margin: 0 auto 4.26667vw;
	background: url(../data-uri/png/png_98a4e.png) no-repeat center center/cover
}

.en.home .section-main .main-tip {
	width: 73.86667vw;
	height: 4vw;
	margin: 0 auto 7.2vw;
	background: url(../data-uri/png/png_fb981.png) no-repeat center center/cover
}

.en.home .section-main .main-btn {
	width: 31.46667vw;
	height: 10.13333vw;
	margin: 0 auto;
	background: url(../data-uri/png/png_8871d.png) no-repeat center center/30.93333vw 9.86667vw
}

.en.home .section-main .main-btn.download_btn_32 {
	margin-top: 4.26667vw;
	background: url(../data-uri/png/png_b4012.png) no-repeat center center/30.93333vw 9.86667vw
}

.en.home .section-main .main-btn.campus_btn {
	margin-top: 4.26667vw;
	background: url(../data-uri/png/png_b39ea.png) no-repeat center center/30.93333vw 9.86667vw
}

.en.home .section-activity .activity-title {
	width: 55.46667vw;
	height: 6.26667vw;
	margin: 0 auto 2.93333vw;
	background: url(../data-uri/png/png_b6544.png) no-repeat center center/cover
}

.en.home .section-activity .activity-btn {
	background: url(../data-uri/png/png_c3886.png) no-repeat center center/cover
}

.en .section-avatar .cn {
	display: none
}

.cn .section-avatar .en {
	display: none
}
