.home-ad {
	margin: 0 auto;
	position: relative;
}

.home-ad img {
	width: 100%;
}

.home-ad .mfp-close {
	color: #fff;
	top: -40px;
	right: -40px;
}

.home-page-container .fourth-btn:hover,
.home-page-container .sixth-card:hover,
.home-page-container .fifth-card-text p a:hover,
.home-page-container .seventh-card:hover,
.home-page-container .first-btns a:hover {
	text-decoration: none;
}

@media screen and (min-width: 769px) {
	.home-ad {
		width: 48%;
	}

	.home-page-container {
		min-width: 1200px;
	}

	.home-page-container .show-md {
		display: none !important;
	}

	.home-page-container .main {
		width: 1200px;
		margin: 0 auto;
	}

	.home-page-container .title {
		padding: 70px 0 42px;
		font-size: 32px;
		color: #333333;
		letter-spacing: 0.95px;
		line-height: 48px;
		font-weight: 700;
		text-align: center;
	}

	.home-page-container .first-main {
		display: flex;
		align-items: center;
		padding-bottom: 64px;
	}

	.home-page-container .first-left {
		min-width: 600px;
		height: 338px;
	}

	.home-page-container .first-right {
		padding: 30px 0 0 59px;
		margin-left: 52px;
		position: relative;
	}

	.home-page-container .first-quote {
		height: 30px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.home-page-container .first-text {
		margin-bottom: 73px;
	}

	.home-page-container .first-text p {
		font-size: 16px;
		color: #333333;
		line-height: 26px;
	}

	.home-page-container .first-btn-login {
		display: inline-block;
		width: 110px;
		height: 40px;
		line-height: 40px;
		background: #ffffff;
		border: 1px solid rgba(51, 51, 51, 1);
		border-radius: 2px;
		margin-right: 32px;
		font-size: 14px;
		color: #333333;
		letter-spacing: 0;
		font-weight: 500;
		text-align: center;
	}

	.home-page-container .first-btn-register {
		display: inline-block;
		width: 110px;
		height: 40px;
		line-height: 40px;
		background: #c4251d;
		border-radius: 2px;
		font-size: 14px;
		color: #ffffff;
		letter-spacing: 0;
		font-weight: 500;
		text-align: center;
	}

	.home-page-container .seventh {
		background: #f5f5f5;
	}

	.home-page-container .seventh-main {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 288px 288px;
		grid-gap: 24px;
		padding-bottom: 64px;
	}

	.home-page-container .seventh-card {
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		transition: all 0.3s;
		position: relative;
	}

	.home-page-container .seventh-card:first-child {
		grid-column: 1 / 3;
	}

	.home-page-container .seventh-card:hover {
		background-size: 110% 110%;
	}

	.home-page-container .seventh-card:focus {
		outline: none;
		text-decoration: none;
	}

	.home-page-container .seventh-card-content {
		width: 100%;
		height: 100%;
		background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(216, 216, 216, 0) 100%);
		border-radius: 2px;
		padding: 32px;
	}

	.home-page-container .seventh-card-title {
		margin-bottom: 11px;
		font-size: 20px;
		color: #ffffff;
		letter-spacing: 0.59px;
		font-weight: 700;
	}

	.home-page-container .seventh-card-text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
		font-size: 16px;
		color: #ffffff;
		letter-spacing: 0.47px;
	}

	.home-page-container .fifth-main {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.home-page-container .fifth-btn {
		min-width: 36px;
		height: 36px;
		cursor: pointer;
	}

	.home-page-container .fifth-cards-wrapper {
		flex: 1;
		margin: 0 24px;
		padding-bottom: 64px;
		overflow: hidden;
	}

	.home-page-container .fifth-cards {
		display: flex;
		width: max-content;
		position: relative;
		transition: all 0.3s;
	}

	.home-page-container .fifth-card {
		position: relative;
		padding-top: 36px;
	}

	.home-page-container .fifth-card + .fifth-card {
		margin-left: 24px;
	}

	.home-page-container .fifth-card-img {
		width: 296px;
		height: 160px;
		position: absolute;
		top: 0;
		left: 24px;
		z-index: 1;
	}

	.home-page-container .fifth-card-text-box {
		width: 344px;
		height: 268px;
		background-image: linear-gradient(180deg, #ebecee 0%, #ffffff 100%);
		border: 1px solid rgba(255, 255, 255, 1);
		box-shadow: 0px 2px 32px 0px rgba(2, 30, 73, 0.08);
		border-radius: 2px 2px 0px 0px;
		padding: 148px 24px 28px;
	}

	.home-page-container .fifth-card-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.home-page-container .fifth-card-text p,
	.home-page-container .fifth-card-text p a {
		font-size: 16px;
		color: #333333;
		line-height: 24px;
	}

	.home-page-container .sixth {
		background: #f5f5f5;
		padding-bottom: 64px;
	}

	.home-page-container .sixth-cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 318px 318px;
	}

	.home-page-container .sixth-card {
		display: block;
		background: #ffffff;
		border: 1px solid rgba(255, 255, 255, 1);
		border-radius: 2px;
		padding: 40px 32px 0;
		overflow: hidden;
		transition: all 0.3s;
	}

	.home-page-container .sixth-card:nth-child(even) {
		border-left: 1px solid #f0f0f0;
	}

	.home-page-container .sixth-card:nth-child(3),
	.home-page-container .sixth-card:nth-child(4) {
		border-top: 1px solid #f0f0f0;
	}

	.home-page-container .sixth-card:hover {
		background: #fdfefe;
		border: 1px solid rgba(255, 255, 255, 1);
		box-shadow: 6px 6px 20px 0px rgba(65, 65, 65, 0.08);
		border-radius: 2px;
		position: relative;
		z-index: 1;
	}

	.home-page-container .sixth-card:focus {
		outline: none;
		text-decoration: none;
	}

	.home-page-container .sixth-card-img {
		max-width: 100%;
		height: 48px;
	}

	.home-page-container .sixth-card-title {
		padding: 20px 0;
		font-size: 20px;
		color: #333333;
		letter-spacing: 0.59px;
		font-weight: 700;
		transition: all 0.3s;
	}

	.home-page-container .sixth-card:hover .sixth-card-title {
		color: #c4251d;
	}

	.home-page-container .sixth-card-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.home-page-container .sixth-card-text p {
		font-size: 16px;
		color: #666666;
		letter-spacing: 0.47px;
		line-height: 24px;
	}

	.home-page-container .sixth-desc {
		width: 840px;
		margin: 40px auto 31px;
	}

	.home-page-container .sixth-desc p {
		font-size: 16px;
		color: #333333;
		letter-spacing: 0.47px;
		text-align: center;
		line-height: 24px;
	}

	.home-page-container .fourth-btn {
		display: block;
		width: 176px;
		height: 40px;
		background: #c4251d;
		border-radius: 2px;
		margin: 0 auto;
		font-size: 16px;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 40px;
		font-weight: 500;
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	.tour-modal-box {
		width: 431px;
		background: #012D46;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		border-radius: 8px;
		padding: 24px;
		position: absolute;
		z-index: 1000;
	}
	.zindex {
		position: fixed;
	}
	.tour-modal-box .tour-hide {
		display: none;
	}

	.tour-modal-header {
		padding-right: 65px;
		margin-bottom: 18px;
		font-size: 18px;
		color: #ffffff;
		letter-spacing: 0.53px;
		line-height: 26px;
		font-weight: 700;
	}

	.tour-modal-content {
		font-size: 14px;
		color: #ffffff;
		line-height: 22px;
		font-weight: 400;
	}

	.tour-modal-content + .tour-modal-content {
		margin-top: 16px;
	}

	.tour-modal-click {
		margin-top: 20px;
		font-size: 14px;
		color: #ffffff;
		line-height: 22px;
	}

	.tour-modal-click span {
		font-weight: 700;
	}

	.tour-modal-footer {
		display: flex;
		align-items: center;
		height: 36px;
	}

/*	.tour-modal-content + .tour-modal-footer,
	.tour-modal-click.tour-hide + .tour-modal-footer {
		margin-top: 72px;
	}*/

	.tour-modal-footer {
		margin-top: 24px;
	}
	.tour-modal-step {
		margin-right: auto;
		font-size: 14px;
		color: #ffffff;
		line-height: 24px;
	}

	.tour-modal-prev-btn {
		font-size: 14px;
		color: #ffffff;
		line-height: 24px;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-next-btn {
		width: 88px;
		height: 36px;
		background: #D7150E;
		border-radius: 4px;
		margin-left: 23px;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 36px;
		text-align: center;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-colse {
		position: absolute;
		top: 30px;
		right: 24px;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-arrow {
		width: 21px;
		height: 21px;
		background: #012D46;
		transform: rotate(-45deg);
		position: absolute;
	}
}

@media screen and (max-width: 768px) {
	.home-ad {
		width: 74.667vw;
	}

	.home-page-container {
		background-color: #f5f5f5;
		font-size: 3.733vw;
		line-height: 5.333vw;
	}

	.home-page-container p {
		font-size: 3.733vw;
		line-height: 5.333vw;
	}

	.home-page-container .show-pc {
		display: none !important;
	}

	.home-page-container .title {
		padding: 6.4vw 0;
		font-size: 4.267vw;
		color: #333333;
		text-align: center;
		line-height: 6.4vw;
		font-weight: 700;
	}

	.home-page-container .first,
	.home-page-container .fifth,
	.home-page-container .sixth {
		background-color: #fff;
		padding: 0 4vw 6.4vw;
		margin-top: 3.2vw;
	}

	.home-page-container .first-left {
		height: 51.733vw;
		margin-bottom: 5.333vw;
	}

	.home-page-container .first-text p {
		line-height: 5.6vw;
	}

	.home-page-container .first-btns {
		display: flex;
		justify-content: center;
		margin-top: 6.4vw;
	}

	.home-page-container .first-btn-login {
		width: 26.133vw;
		height: 8.533vw;
		background: #ffffff;
		border: 1px solid rgba(51, 51, 51, 1);
		border-radius: 2px;
		font-weight: 500;
		line-height: 8.533vw;
		text-align: center;
	}

	.home-page-container .first-btn-register {
		width: 26.133vw;
		height: 8.533vw;
		background: #c4251d;
		border-radius: 2px;
		margin-left: 9.6vw;
		color: #ffffff;
		font-weight: 500;
		line-height: 8.533vw;
		text-align: center;
	}

	.home-page-container .seventh {
		background-color: #fff;
		padding-bottom: 6.4vw;
		margin-top: 3.2vw;
	}

	.home-page-container .seventh-card {
		display: block;
		height: 76.8vw;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}

	.home-page-container .seventh-card + .seventh-card {
		margin-top: 4vw;
	}

	.home-page-container .seventh-card-content {
		width: 100%;
		height: 100%;
		background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(216, 216, 216, 0) 100%);
		padding: 6.4vw 4vw;
	}

	.home-page-container .seventh-card-title {
		margin-bottom: 3.2vw;
		font-size: 4.267vw;
		color: #ffffff;
		letter-spacing: 0.47px;
		font-weight: 700;
	}

	.home-page-container .seventh-card-text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
		color: #ffffff;
		letter-spacing: 0.42px;
	}

	.home-page-container .fifth-card,
	.home-page-container .sixth-card {
		display: block;
		padding-bottom: 5.333vw;
		margin-bottom: 5.333vw;
		border-bottom: 1px solid #e8e8e8;
	}

	.home-page-container .fifth-card:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.home-page-container .fifth-card-img {
		width: 100%;
		height: 49.6vw;
		margin-bottom: 5.333vw;
		object-fit: cover;
	}

	.home-page-container .fifth-card-text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}

	.home-page-container .sixth-card-img {
		display: block;
		height: 10.667vw;
		margin: 0 auto;
	}

	.home-page-container .sixth-card-title {
		padding: 5.333vw 0 4.267vw;
		font-size: 4vw;
		color: #333333;
		line-height: 5.857vw;
		font-weight: 700;
	}

	.home-page-container .sixth-card-text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}

	.home-page-container .sixth-desc p {
		color: #666666;
		letter-spacing: 0.42px;
		line-height: 5.6vw;
	}

	.home-page-container .sixth-more {
		display: flex;
		justify-content: center;
		align-items: baseline;
		margin-top: 5.333vw;
		color: #1585ff;
		line-height: 6.4vw;
	}

	.home-page-container .sixth-more-icon {
		height: 2.4vw;
	}

	.home-page-container .fourth-btn {
		display: block;
		width: 46.933vw;
		height: 9.6vw;
		background: #c4251d;
		border-radius: 2px;
		margin: 5.333vw auto 0;
		color: #ffffff;
		letter-spacing: 0;
		font-weight: 500;
		line-height: 9.6vw;
		text-align: center;
	}

	.tour-modal-box {
		width: 85.333vw;
		background: #5ca6c8;
		border-radius: 1.6vw;
		padding: 4.8vw 5.333vw;
		transform: translateY(-50%);
		position: fixed;
		top: 50vh;
		left: 7.467vw;
		z-index: 1000;
	}

	.tour-modal-box .tour-hide {
		display: none;
	}

	.tour-modal-header {
		width: 64.533vw;
		font-size: 4vw;
		color: #ffffff;
		font-weight: 700;
	}

	.tour-modal-content {
		margin-top: 4.267vw;
		font-size: 3.733vw;
		color: #ffffff;
		letter-spacing: 0;
		line-height: 5.867vw;
	}

	.tour-modal-content + .tour-modal-content {
		margin-top: 3.2vw;
	}

	.tour-modal-click {
		margin-top: 20px;
		font-size: 14px;
		color: #ffffff;
		line-height: 22px;
	}

	.tour-modal-click span {
		font-weight: 700;
	}

	.tour-modal-footer {
		display: flex;
		align-items: center;
		height: 8.533vw;
		margin-top: 9.6vw;
	}

	.tour-modal-step {
		margin-right: auto;
		font-size: 3.733vw;
		color: #ffffff;
		line-height: 5.333vw;
	}

	.tour-modal-prev-btn {
		font-size: 3.733vw;
		color: #ffffff;
		line-height: 5.333vw;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-next-btn {
		width: 23.467vw;
		height: 8.533vw;
		background: #ffffff;
		border-radius: 1.067vw;
		margin-left: 6.4vw;
		font-family: OpenSans;
		font-size: 3.733vw;
		color: #5ca6c8;
		line-height: 8.333vw;
		text-align: center;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-colse {
		width: 3.733vw;
		height: 3.733vw;
		position: absolute;
		top: 5.333vw;
		right: 5.333vw;
		cursor: pointer;
		pointer-events: auto;
	}

	.tour-modal-arrow {
		width: 14px;
		height: 14px;
		background: #012D46;
		transform: rotate(-45deg);
		position: absolute;
	}
}

.shock {
	animation-delay: 0s;
	animation-name: shock;
	animation-duration: 0.1s;
	animation-iteration-count: 3;
	animation-direction: normal;
	animation-timing-function: linear;
}

@keyframes shock {
	0% {
		margin-right: 10px;
	}

	100% {
		margin-left: 10px;
	}
}

.curr-tour-color {
	color: #c4251d !important;
}

.curr-tour-block {
	display: block !important;
}

.curr-tour-pea {
	pointer-events: auto !important;
}

.hik-modal-dialog {
	width: 435px;
	margin: 20% auto 0;
}

.hik-modal-content {
	width: 100%;
	background: rgb(255, 255, 255);
	padding: 23px 24px 20px;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
}

.hik-modal-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.hik-modal-tips {
	display: block;
	width: 20px;
	height: 18px;
	background: url('/Common/Images/heop/warn.png') no-repeat center / contain;
	margin-right: 10px;
}

.hik-modal-title {
	color: rgb(34, 34, 34);
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0px;
}

.hik-modal-body {
	color: rgb(51, 51, 51);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0px;
}

.hik-modal-footer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.hik-modal-btn {
	all: unset;
	width: 88px;
	height: 32px;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 32px;
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	font-size: 14px;
	color: #333333;
	text-align: center;
	line-height: 14px;
	cursor: pointer;
}

.hik-modal-btn.primary {
	background: #d7150e;
	border: none;
	color: #fff;
}

.hik-modal-footer .hik-modal-btn:not(:first-child) {
	margin-left: 40px;
}

@-webkit-keyframes antRotate {
	to {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

@keyframes antRotate {
	to {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg);
	}
}

@-webkit-keyframes antSpinMove {
	to {
		opacity: 1;
	}
}

@keyframes antSpinMove {
	to {
		opacity: 1;
	}
}

.hik-loading-mask {
	display: grid;
	place-items: center;
	height: 480px;
	background-color: hsla(0, 0%, 100%, 0.9);
	margin: 0;
	transition: opacity 0.3s;
}

.hik-spin-dot {
	height: 20px;
	position: relative;
	width: 20px;
	animation: antRotate 1.2s linear infinite;
	transform: rotate(45deg);
}

.hik-spin-dot i {
	animation: antSpinMove 1s linear infinite alternate;
	background-color: #ca1d22;
	border-radius: 100%;
	display: block;
	height: 9px;
	opacity: 0.3;
	position: absolute;
	transform: scale(0.75);
	transform-origin: 50% 50%;
	width: 9px;
	color: #ca1d22;
}

.hik-spin-dot i:first-child {
	left: 0;
	top: 0;
}

.hik-spin-dot i:nth-child(2) {
	animation-delay: 0.4s;
	right: 0;
	top: 0;
}

.hik-spin-dot i:nth-child(3) {
	animation-delay: 0.8s;
	bottom: 0;
	right: 0;
}

.hik-spin-dot i:nth-child(4) {
	animation-delay: 1.2s;
	bottom: 0;
	left: 0;
}

.scroll-box {
	width: 8px;
	position: absolute;
	top: 0;
	right: 5px;
}

.scroll-bar {
	width: 100%;
	background: rgb(196, 196, 196);
	border-radius: 10px;
	position: absolute;
}

.hik-checkbox {
	flex: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 16px;
	height: 16px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	margin-top: 3px !important;
	margin-right: 8px !important;
	outline: none;
	cursor: pointer;
}

.hik-checkbox:checked {
	background: url('/Common/Images/icon-checked.svg') no-repeat center / cover;
	border: none;
}

.hik-checkbox:indeterminate {
	background: #090 url('/Common/Images/icon-indeterminate.svg') no-repeat center / cover;
	border: none;
}

.hik-checkbox:disabled {
	background: rgb(248, 249, 250);
	border: 1px solid rgb(187, 187, 187);
}

.hik-checkbox:checked:disabled {
	background: rgb(248, 249, 250) url('/Common/Images/icon-checked_disabled.svg') no-repeat center / 10px 7px;
}

.hik-checkbox:indeterminate:disabled {
	background: rgb(248, 249, 250) url('/Common/Images//icon-indeterminate_disabled.svg') no-repeat center / 8px 8px;
}

.hik-checkbox:focus {
	outline: none !important;
}

a {
	color: #1585ff;
	text-decoration: none;
}

a:-webkit-any-link {
	text-decoration: none;
}

a:hover {
	/* color: #1585ff; */
	text-decoration: underline;
}