/*html {
	font-size: 14px
}
body {
	min-height: 100vh;
	overflow-x: hidden
}*/
a:hover {
	text-decoration: none
}
/*dl, ul {
	list-style: none;
	padding: 0
}
.main-body {
	opacity: 0
}
.main-body.ready {
	opacity: 1;
	-webkit-animation: fadeIn 1.2s;
	animation: fadeIn 1.2s
}
img {
	pointer-events: none
}
::-webkit-scrollbar {
width:6px;
height:6px;
background-color:transparent;
border:0
}
::-webkit-scrollbar-track {
background-color:#f8f8f8
}
::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.1);
border-radius:5px
}
::-webkit-scrollbar-thumb:hover {
background-color:rgba(0,0,0,.2)
}
.scrollbarHide::-webkit-scrollbar {
display:none
}
.scrollbarShow::-webkit-scrollbar {
display:block
}*/
.main-banner {
	overflow: hidden
}
.banner-title, .main-banner .image {
	transition: all .8s
}
.banner-title {
	font-size: 40px
}
.module-line {
	width: 32px;
	height: 4px;
	background: #5674fa;
	margin: auto
}
.module-title {
	font-size: 40px;
	color: #333;
	text-align: center;
	font-weight: 300
}
.module-name {
	font-size: 1.75rem;
	color: #222222;
	font-weight: 300
}
.module-desc {
	font-size: 20px;
	font-weight: 300;
	color: #666
}
.module-desc, .module-text {
	max-width: 860px;
	line-height: 30px;
	margin: 25px auto 0
}
.module-text {
	font-size: 14px;
	font-weight: 400;
	color: #51565d
}
.module-dark .module-line {
	background: #fff
}
.module-dark .module-title {
	color: #fff
}
.module-dark .module-title:after, .module-dark .module-title:before {
	background: #f2f2f2
}
.module-dark .module-desc {
	color: #fff
}
.module-tab {
	text-align: left;
	margin-bottom: 40px
}
.module-tab .check {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	border: 2px solid #5674fa;
	float: left;
	margin-right: 15px
}
.module-tab .name {
	line-height: 22px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer
}
.module-tab .text {
	font-size: 13px;
	color: #999;
	display: none
}
.module-tab.active .check:before {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 4px;
	background: #5674fa;
	margin: 5px
}
.module-tab.active .name:after {
	content: "";
	width: 16px;
	height: 3px;
	display: block;
	background: #5674fa;
	margin: 5px 0 0 37px
}
.module-tab.active .text {
	display: block;
	padding-left: 37px
}
.submit-btn {
	width: 124px;
	height: 36px;
	line-height: 34px;
	border: 1px solid #2f3237;
	border-radius: 4px;
	color: #2f3237;
	margin: 40px auto;
	cursor: pointer;
	opacity: .8
}
.submit-btn .icon {
	width: 18px;
	margin-right: -5px
}
.submit-btn:hover {
	opacity: 1
}
.banner-slogan {
	font-size: 56px;
	margin-bottom: 40px;
	color: #fff
}
.banner-desc {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 50px;
	color: #fff
}
.fade-hide {
	opacity: 0;
	transform: translateY(200px)
}
.fade-show {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .8s ease-out, transform .8s ease-out
}
.fade-right {
	opacity: 0;
	transform: translateX(200px)
}
.fade-right-big {
	opacity: 0;
	transform: translateX(400px)
}
.fade-left {
	opacity: 1;
	transform: translateX(0);
	transition: opacity .8s ease-out, transform .8s ease-out
}
.article-main {
	padding-top: 52px
}
.article-main .row {
	min-height: calc(100vh - 348px)
}
.article-main .row .article-title {
	line-height: 1.5em;
	font-size: 28px;
	text-align: center;
	margin: 50px 0 30px
}
.article-main .row .article-title-2 {
	line-height: 2em;
	font-size: 18px;
	padding: 10px 0 20px;
	margin: 0
}
.article-main .row .article-title-3 {
	line-height: 2em;
	font-size: 16px;
	padding: 10px 0 20px;
	margin: 0
}
.article-main .row .article-title-4 {
	line-height: 2em;
	font-size: 14px;
	padding: 10px 0;
	margin: 0
}
.article-main .row .article-content {
	line-height: 2em;
	font-size: 14px;
	margin-bottom: 50px
}
.article-main .row .article-content p {
	color: #555;
	margin-bottom: 20px
}
.article-main .row .article-content p img {
	max-width: 100%;
	display: block;
	margin: auto
}
.article-main .row .article-content .indent {
	text-indent: 2em
}
.article-main .row .article-content .margin-2 {
	margin-left: 2em
}
.article-main .row .article-content .margin-4 {
	margin-left: 4em
}
.article-main .row .article-content .text-right {
	text-align: right
}
.article-main .row .article-content.helper p img {
	border: 1px solid #eee;
	border-radius: 4px
}
.article-main .row .anchor {
	height: 1px;
	display: block;
	position: relative;
	top: -30px
}
.article-main .row .text-center {
	text-align: center
}

@media (min-width:1500px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1440px
}
}
.xxl .banner-title {
	font-size: 50px
}
@media screen and (max-width:768px) {
.module-title {
	font-size: 26px
}
.module-name {
	font-size: 22px
}
.module-desc, .module-text {
	font-size: 14px
}
.main-banner {
	height: 50vw!important
}
.main-banner .image {
	width: 100%!important;
	height: 100%!important;
	-o-object-fit: cover;
	object-fit: cover;
	transition: all .8s
}
.banner-title {
	font-size: 26px
}
}
/*@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content: "<"
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content: ">"!important
}
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
@-webkit-keyframes slideUp {
0% {
top:0
}
to {
top:-66px
}
}
@keyframes slideUp {
0% {
top:0
}
to {
top:-66px
}
}
@-webkit-keyframes slideDown {
0% {
top:-66px
}
to {
top:0
}
}
@keyframes slideDown {
0% {
top:-66px
}
to {
top:0
}
}
@-webkit-keyframes waving {
0% {
transform:scale(1)
}
to {
transform:scale(1.3)
}
}
@keyframes waving {
0% {
transform:scale(1)
}
to {
transform:scale(1.3)
}
}
@-webkit-keyframes bigWaving {
0% {
transform:scale(1.3)
}
to {
transform:scale(1.8)
}
}
@keyframes bigWaving {
0% {
transform:scale(1.3)
}
to {
transform:scale(1.8)
}
}*/