@font-face {
	font-family: 'OPPOSans';
	src: url('../assets/fonts/OPPOSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OPPOSans_R';
	src: url('../assets/fonts/OPPOSans-R.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'shoukesong';
	src: url('../assets/fonts/手刻宋.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.image-container {
	position: relative;
	margin: 0 auto;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.title {
	position: absolute;
	color: #FE5E10;
	font-family: 'OPPOSans', sans-serif;
	font-weight: 800;
	font-size: 60px;
	text-shadow: 0px 0.125rem 0.125rem rgba(0, 0, 0, 0.15);
	text-align: right;
	font-style: normal;
	text-transform: none;
	overflow: hidden;
}

.title_2 {
	font-family: 'OPPOSans', sans-serif;
	width: 100%;
	font-weight: 800;
	font-size: 38px;
	color: #FE5E10;
	text-shadow: 0px 0.125rem 0.125rem rgba(0, 0, 0, 0.15);
	font-style: normal;
	text-transform: none;
	overflow: hidden;
}

.img_content {
	position: absolute;
	color: #000000;
	font-family: 'OPPOSans_R', sans-serif;
	font-size: 24px;
	line-height: 1.9375rem;
	font-weight: 350;
	text-align: left;
	font-style: normal;
	text-transform: none;
	overflow: hidden;
}

.shoukesong_ttf {
	font-family: 'shoukesong', sans-serif !important;
}

.title1 {
	width: 92%;
	top: 13.8%;
}

.title1_2 {
	text-align: right;
}

.img_c1 {
	bottom: 5%;
	left: 8%;
	right: 8%;

	max-height: 16%;
}

.title2 {
	left: 7.5%;
	top: 13.8%;
}

.title2_2 {
	text-align: left;
}

.img_c2 {
	height: calc(42.5% - 40px);
	width: calc(35% - 40px);
	margin: auto;

	left: 8.3%;
	bottom: 9.3%;
}

.title3 {
	left: 55%;
	top: 13.8%;
}

.title3_2 {
	text-align: left;
}

.img_c3 {
	color: #FFFFFF;
	left: 55%;
	top: 47.3%;
	width: 32%;

	max-height: 22%;
}

.title4 {
	text-align: left;
	left: 7.5%;
	top: 13.8%;
	max-width: 55%;
}

.title5 {
	top: 12.7%;
	width: 100%;
	text-align: center;
}

.img_c5 {
	top: 29.8%;
	left: 10%;
	max-width: 80%;
}