@charset "UTF-8";
body {
	color: #333;
	background-color: #f7f7f7
}
.flex-full {
	flex: 1
}
img {
	pointer-events: none
}
.navbar {
	background-color: #fff;
	transition-duration: .3s
}
.navbar.scroll-top-nav {
	transform: translateY(-100%)
}
.navbar.scrolling {
	box-shadow: 0 2px 5px rgba(0,0,0,0.2)
}
.navbar.scrolling.scroll-top-nav {
	box-shadow: none
}
.navbar-nav .nav-item:not(:last-child) {
	position: relative
}
.navbar .navbar-nav .nav-link {
	color: inherit;
	min-width: 100px;
	justify-content: center
}
.nav-item .nav-link {
	height: 52px;
	align-items: center
}
.navbar .navbar-toggler {
	border: 0;
	outline: 0!important
}
.navbar-toggler-icon {
	width: 1.2em;
	height: 1.2em
}
.navbar-nav .nav-item:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	height: 14px;
	width: 1px;
	background-color: #333;
	opacity: .3;
	top: 50%;
	transform: translateY(-50%)
}
.navbar .navbar-brand .nav-logo {
	height: 28px
}
.banner-content {
	color: #fff;
	min-height: 640px;
	position: relative;
	height: calc(100vh - 68px);
	background-image: url(img/bg_banner@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.banner-content h1 {
	font-size: 64px
}
.banner-content h2 {
	font-size: 42px;
	margin-bottom: 128px
}
.banner-content .banner-desc {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}
.banner-content .banner-desc .container {
	position: relative
}
.banner-content .banner-bg-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	pointer-events: none
}
.video-wrap {
	display: inline-block;
	position: relative
}
.video-wrap .video-wrap-innner {
	overflow: hidden;
	padding: 24px 26px 26px 26px;
	max-height: 100%;
	width: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0
}
.video-wrap video {
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%;
	border-radius: 26px;
	position: relative;
	z-index: 2
}
.banner-content .banner-bg-img .video-wrap {
	margin-right: 100px
}
.banner-content .banner-bg-img img.lg-img {
	width: 320px;
	max-width: 100%
}
.banner-content .banner-bg-img img.arrow-img {
	position: absolute;
	bottom: -80px;
	right: 0;
	width: 188px;
	height: 239px;
	object-fit: contain
}
.banner-content .qrcode, .banner-content .qrcode img {
	width: 136px;
	height: 136px
}
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
	background-color: #32af88
}
.banner-content .btn {
	height: 52px;
	width: 288px;
	border-radius: 26px;
	background-color: #38cc9e;
	color: #fff;
	border: 0
}
.banner-content .btn img {
	height: 24px;
	vertical-align: middle
}
.border-line-header {
	position: relative
}
.border-line-header:after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 223px 23px
}
footer {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 14px;
	background-color:rgba(9,9,9,.9);
	text-align: center
}
footer a:hover, footer a {
	color: inherit;
	text-decoration: none
}