@font-face {
	font-family: Rajdhani;
	src: url("../css/gkai00mp-2.ttf");
}

* {
	font-family: "Rajdhani";
	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style-type: none;
}

p {
	/* margin: 0.10rem 0 !important; */
	/*	line-height: 0.40rem;*/
	table-layout: fixed;
	/*文字避首尾 -- 防止撑开*/
	word-wrap: break-word;
	/*英文单字因自动换行*/
	word-break: normal;
	/*正常避头尾 */
	text-align: justify;
	/*文字左右对齐*/
	text-justify: inter-ideograph;
	/*用表意文本来排齐内容*/
	word-break: normal;
	text-indent: 0.56rem;
}


.redbag {
	position: relative;
	-webkit-animation: alarm-2 4ms infinite;
	animation: alarm-2 4ms infinite;
}

.section {
	position: relative;
	background-size: 7.5rem !important;
	background-repeat: no-repeat !important;
	height: 100% !important;
	overflow: hidden;
	perspective: 100px;
}

.but {
	display: none;
}

.sm {
	display: none;
}

.title {
	position: fixed;
	top: 0.22rem;
	left: 0.5rem;
	z-index: 400;
	font-size: 0.18rem;
	color: #fff;
	display: block;
}

.tis {
	position: fixed;
	min-width: 2rem;
	z-index: 1000;
	left: 0.38rem;
	bottom: 0.4rem;
	font-size: 0.04rem;
	color: #979797;
	opacity: 0.4;
	display: none;
}

.tis-img {
	height: 0.09rem;
}

.logo {
	width: 0.77rem;
	height: 0.37rem;
	position: absolute;
	top: 0.8rem;
	left: 0.52rem;
}

.div-d {
	position: fixed;
	bottom: 0rem;
	width: 100% !important;
	height: 2.25rem;
	z-index: 400;
}

.el {
	width: 0.1rem;
	height: 0.1rem;
	background: rgba(46, 144, 195, 0.5);
	float: left;
	margin: 0.2rem;

}

.page {
	width: 0.82rem;
	height: 0.82rem;
	background: #d01818;
	color: #fff;
	font-size: 0.4rem;
	position: fixed;
	bottom: 0rem;
	right: 0rem;
	z-index: 401;
	text-align: center;
	line-height: 0.82rem;
}

.section-p,
.section-ps {
	position: absolute;
	overflow: hidden;
}

.banner {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.px-h3 {
	width: 100%;
	font-size: 0.24rem;
	color: #ffffff;
	position: absolute;
	top: 0.8rem;
	text-indent: 1.32rem;
	line-height: 0.37rem;
}

.ymlm {
	width: 2.67rem;
	height: 0.76rem;
	position: absolute;
	top: 1.24rem;
	left: 50%;
	margin-left: -1.335rem;
}
.section5 img,
.section10 img,
.section20 img,
.section25 img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0rem;
	left: 0rem;
}

.section29 .img1 {
	width: 6.54rem;
	position: absolute;
	top: 0.8rem;
	left: 0.5rem;
}
.section29 .img2 {
	width: 6.58rem;
	position: absolute;
	top: 2.38rem;
	left: 0.5rem;
}
.section29 .img3 {
	width: 6.55rem;
	position: absolute;
	top: 5.02rem;
	left: 0.5rem;
}
.section29 .img4 {
	width: 6.53rem;
	position: absolute;
	top: 9.38rem;
	left: 0.5rem;
}
.section30 .img1 {
	width: 100%;
}
@media screen and (min-width:960px) {
	body {
		width: 500px !important;
		margin: 0 auto !important;
		position: relative;
		background-size: 500px !important;
		background-repeat: no-repeat !important;
		height: 100% !important;
	/* 	overflow: hidden; */
	}
    html{
		overflow: visible !important;
	}
	p {
		margin: 0px 0 !important;
		text-indent: calc(56px/1.5);
		/*line-height: calc(40px/1.5);*/
	}

	/* .div-d{
		position: fixed;
		bottom: 0px;
		width: calc(750px/1.5) !important;
		height: calc(400px/1.5);
		z-index: 11100;
	} */
	.el {
		width: calc(10px/1.5);
		height: calc(10px/1.5);
		background: rgba(0, 0, 0, 0.5);
		float: left;
		margin: calc(10px/1.5);

	}

	.but {
		cursor: pointer;
		position: absolute;
		font-size: 18px;
		right: -100px;
		border: 1px solid #555555;
		padding: 10px;
		writing-mode: vertical-rl;
		display: block;
	}

	.sm {
		width: 200px;
		position: absolute;
		right: -250px;
		top: 50%;
		margin-top: -100px;
		display: flex;
	}

	.sm img {
		width: 200px;
		height: 200px;
		display: block;
	}

	.sm p {
		font-size: 16px;
		text-align: center;
		writing-mode: vertical-lr;
		text-indent: 0px;
	}

	.but-t {
		top: 20px;

	}

	.but-b {
		top: 100px;
	}

	.tis-img {
		height: calc(9px/1.5);
	}

	.title {
		position: absolute;
		top: calc(28px/1.5);
		left: calc(50px/1.5);
		z-index: 400;
		font-size: calc(18px/1.5);
		color: #313131;
		display: none;
	}

	.tis {
		position: absolute;
		z-index: 1000;
		left: calc(38px/1.5);
		bottom: calc(40px/1.5);
		color: #979797;
		opacity: 0.4;
		display: none;
	}

	.logo {
		width: calc(77px/1.5);
		height: calc(37px/1.5);
		position: absolute;
		top: calc(80px/1.5);
		left: calc(52px/1.5);
	}

	.title {
		position: fixed;
		top: calc(22px/1.5);
		left: calc(50px/1.5);
		z-index: 400;
		font-size: calc(18px/1.5);
		color: #fff;
		display: block;
	}

	.px-h3 {
		width: 100%;
		font-size: calc(24px/1.5);
		color: #ffffff;
		position: absolute;
		top: calc(80px/1.5);
		text-indent: calc(132px/1.5);
		line-height: calc(37px/1.5);
	}

	.ymlm {
		width: calc(267px/1.5);
		height: calc(76px/1.5);
		position: absolute;
		top: calc(124px/1.5);
		left: 50%;
		margin-left: calc(-133.5px/1.5);
	}

	.page {
		width: calc(82px/1.5);
		height: calc(82px/1.5);
		background: #d01818;
		color: #fff;
		font-size: 40px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: 200000;
		text-align: center;
		line-height: calc(82px/1.5);
	}

	.section {
		text-align: left;
		position: relative;
		background-size: 100% 100% !important;
		height: 100% !important;
		overflow: hidden;
		perspective: 100px;
	}

.section29 .img1 {
		width: calc(654px/1.5);
		position: absolute;
		top: calc(80px/1.5);
		left: calc(50px/1.5);
	}

	.section29 .img2 {
		width: calc(658px/1.5);
		position: absolute;
		top: calc(238px/1.5);
		left: calc(50px/1.5);
	}

	.section29 .img3 {
		width: calc(655px/1.5);
		position: absolute;
		top: calc(502px/1.5);
		left: calc(50px/1.5);
	}

	.section29 .img4 {
		width: calc(653px/1.5);
		position: absolute;
		top: calc(938px/1.5);
		left: 0.5px;
	}

	.section30 .img1 {
		width: 100%;
	}
}