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

* {

	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style-type: none;
}

p {
	/* margin: 0.10rem 0 !important; */
	/*	line-height: 0.40rem;*/
	font-family: "Rajdhani";
	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;
}


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

.tis-img {
	height: 0.09rem;
}

.logo {
	width: 1.51rem;
	height: 1.50rem;
	position: absolute;
	top: 1.36rem;
	margin-left: -0.755rem;
	left: 50%;
}

.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: 100%;
	height: 0.82rem;
	color: #27857d;
	font-size: 0.30rem;
	position: fixed;
	bottom: 0rem;
	right: 0rem;
	z-index: 401;
	text-align: center;
	line-height: 0.82rem;
} */
.page {
	width: 1.33rem;
	height: 0.47rem;
	text-align: center;
	line-height: 0.47rem;
	background: #08C571;
	border-radius: 0.23rem 0rem  0rem 0.23rem;
	font-family: Impact;
	font-weight: 400;
	font-size: 0.38rem;
	color: #FFFFFF;
	text-shadow: 0.04rem 0.03rem 0rem #746E6D;
	text-stroke: 0.02rem #211613;
	opacity: 0.8;
	-webkit-text-stroke: 0.02rem #211613;
	position: absolute;
	right: 0rem;
	bottom: 0.3rem;
	z-index: 2;
}


/* .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;
}

.section13 img,.section25 img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0rem;
	left: 0rem;
}


.img-quan {
	position: absolute;
	width: 1.59rem;
	height: 1.56rem;
	display: block;
	top: -0.30rem;
	right: -0.30rem;
}
.fanhui{
	font-size: 0.26rem;
	color: #666;
	position: absolute;
	top: 0.15rem;
	left: 0.4rem;
	z-index: 100;
	display: flex;
	align-items: center;
}
.bofang{
	width: 2.4rem;
	height: 0.4rem;
	color: #fff;
	position: absolute;
	left: 0.42rem;
	top: 1.23rem;
	z-index: 100;
 font-size: 0.3rem;
	display: flex;
	align-items: center;
}
.bofang img{
	width: 0.46rem;
	height: 0.4rem;
	display: block;
	margin-right: 0.2rem;
}
.bofang-r{
	width: 1.28rem;
	height: 0.39rem;
	font-weight: 400;
	font-size: 0.23rem;
	color: #D41109;
	line-height: 0.39rem;
	text-align: center;
	background: url(../img/ty-5.png) no-repeat;
	background-size: 100% 100%;
}
/* .title-tyt{
	width: auto;
	height: 0.34rem;
	font-size: 0.24rem;
	color: #27857d;
	position: absolute;
	top: 0.55rem;
	left: 0.27rem;
	z-index: 1;
	display: flex;
	align-items: center;
} */
/* .title{
	font-weight: bold;
}
.title-tyt div{
	margin: 0 0.18rem;
} */
.title-tyt{
	width: 3.68rem;
	height: 0.34rem;
	position: absolute;
	top: 0.55rem;
	left: 0.27rem;
	z-index: 400;
	font-size: 0.26rem;
	color: #fff;
	display: block;
}
.title{
	width: 2.34rem;
	height: 0.34rem;
	background: #02672A;
	border-radius: 0.17rem;
	text-align: center;
	line-height: 0.34rem;
	font-size: 0.26rem;
	color: #ffffff;
	position: absolute;
	left: 0rem;
	top: 0rem;
	z-index: 1;
}
.title-tyt img{
	width: 1.66rem;
	height: 0.24rem;
	position: absolute;
	display: block;
	top: 0.05rem;
	left: 2.01rem;
	z-index: 0;
}
.w-ry {
	width: 1.26rem;
	height: 0.38rem;
	background: linear-gradient(180deg, #FFCE00, #FF9A00);
	font-size: 0.26rem;
	line-height: 0.38rem;
	color: #4336F2;
	text-align: center;
	position: absolute;
	top: 1.53rem;
	right: 0.38rem;
}
.title-mulis{
	width: 1rem;
	height: 1rem;
	background: url(../img/ty-3.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0.35rem;
	right: 0.4rem;
	font-size: 0.19rem;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 1;
}
/* .title-mulis{
	width: 1.55rem;
	height: 0.32rem;
	line-height: 0.32rem;
	background: linear-gradient(0deg, #008762 0%, #5EC892 100%);
	border-radius: 0.16rem 0rem 0rem 0.16rem;
	position: absolute;
	top: 1.27rem;
	right: 0rem;
	font-size: 0.22rem;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 1;
} */

.color1 {
	color: #004bc3 !important;
}
.imgquan{
	width: 0.6rem;
	height: 0.6rem;
	top: 3.5%;
	right: 1.4rem;
	position: absolute;
	z-index: 2000;
	opacity: 1;
}
.section34 .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);*/
	}
.section {
	position: relative;
	background-size: 500px !important;
	background-repeat: no-repeat !important;
	height: 100% !important;
	overflow: hidden;
	perspective: 100px;
}
	/* .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);
	}


	.tis {
		position: absolute;
		z-index: 1000;
		left: calc(38px/1.5);
		top: calc(1296px/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;
	} */

	.div-d {
		position: fixed;
		bottom: 0px;
		width: 100% !important;
		height: calc(225px/1.5);
		z-index: 400;
	}
	
	.el {
		width: calc(10px/1.5);
		height: calc(10px/1.5);
		background: rgba(46, 144, 195, 0.5);
		float: left;
		margin: calc(20px/1.5);
	
	}
	
	/* .page {
		width: 100%;
		height:calc(82px/1.5);
		color: #27857d;
		font-size: calc(30px/1.5);
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 401;
		text-align: center;
		line-height: calc(82px/1.5);
	} */
	.page {
		width: calc(133px/1.5);
		height: calc(47px/1.5);
		text-align: center;
		line-height: calc(47px/1.5);
		background: #08C571;
		border-radius: calc(23px/1.5) 0px  0px calc(23px/1.5);
		font-family: Impact;
		font-weight: 400;
		font-size: calc(38px/1.5);
		color: #FFFFFF;
		text-shadow: calc(4px/1.5) calc(3px/1.5) 0px #746E6D;
		text-stroke: calc(2px/1.5) #211613;
		opacity: 0.8;
		-webkit-text-stroke: calc(2px/1.5) #211613;
		position: absolute;
		right: 0px;
		bottom: calc(30px/1.5);
		z-index: 2;
	}
	/* .title-mulis{
		width: calc(155px/1.5);
		height: calc(32px/1.5);
		line-height: calc(32px/1.5);
		background: linear-gradient(0deg, #008762 0%, #5EC892 100%);
		border-radius: calc(16px/1.5) 0px 0px calc(16px/1.5);
		position: absolute;
		top: calc(127px/1.5);
		right: 0px;
		font-size: calc(22px/1.5);
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		z-index: 1;
	} */
	.title-mulis{
		width:calc(100px/1.5);
		height:calc(100px/1.5);
		background: url(../img/ty-3.png) no-repeat;
		background-size: 100% 100%;
		position: absolute;
		top:  calc(35px/1.5);
		right:  calc(40px/1.5);
		font-size:  calc(19px/1.5);
		color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		z-index: 1;
	}
	/* .section-p,
	.section-ps {
		position: absolute;
		overflow: hidden;
	} */
	
	.banner {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	.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);
	}
	
	/* .section14 img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0rem;
		left: 0rem;
	} */
	.muli {
		width: calc(487px/1.5);
		margin: 0 auto;
		margin-top: calc(138px/1.5);
	}
	
	.img-quan {
		position: absolute;
		width: calc(159px/1.5);
		height: calc(156px/1.5);
		display: block;
		top: calc(-30px/1.5);
		right: calc(-30px/1.5);
	}
	.fanhui{
		font-size: calc(26px/1.5);
		color: #fff;
		position: absolute;
		top: calc(15px/1.5);
		left: calc(40px/1.5);
		z-index: 100;
		display: flex;
		align-items: center;
	}
	.bofang{
		width: calc(240px/1.5);
		height: calc(40px/1.5);
		color: #fff;
		position: absolute;
		left: calc(90px/1.5);
		top: calc(107px/1.5);
		z-index: 100;
	    font-size: calc(30px/1.5);
		display: flex;
		align-items: center;
	}
	.bofang img{
		width: calc(46px/1.5);
		height: calc(40px/1.5);
		display: block;
		margin-right: calc(20px/1.5);
	}
	.bofang-r{
		width: calc(128px/1.5);
		height: calc(39px/1.5);
		font-weight: 400;
		font-size: calc(23px/1.5);
		color: #D41109;
		line-height: calc(39px/1.5);
		text-align: center;
		background: url(../img/ty-5.png) no-repeat;
		background-size: 100% 100%;
	}
	/* .title-tyt{
		width: auto;
		height: calc(34px/1.5);
		font-size: calc(24px/1.5);
		color: #27857d;
		position: absolute;
		top: calc(55px/1.5);
		left: calc(27px/1.5);
		z-index: 1;
		display: flex;
		align-items: center;
	}
	.title{
		font-weight: bold;
	}
	.title-tyt div{
		margin: 0 calc(18px/1.5);
	} */
	.title-tyt{
		width: calc(368px/1.5);
		height: calc(34px/1.5);
		position: absolute;
		top: calc(55px/1.5);
		left: calc(27px/1.5);
		z-index: 400;
		font-size: calc(26px/1.5);
		color: #fff;
		display: block;
	}
	.title{
		width: calc(234px/1.5);
		height: calc(34px/1.5);
		background: #02672A;
		border-radius: calc(17px/1.5);
		text-align: center;
		line-height:calc(34px/1.5);
		font-size: calc(26px/1.5);
		color: #ffffff;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 1;
	}
	.title-tyt img{
		width: calc(166px/1.5);
		height: calc(24px/1.5);
		position: absolute;
		display: block;
		top: calc(5px/1.5);
		left: calc(201px/1.5);
		z-index: 0;
	}
	.w-ry {
		width: calc(126px/1.5);
		height: calc(38px/1.5);
		background: linear-gradient(180deg, #FFCE00, #FF9A00);
		font-size: calc(26px/1.5);
		line-height: calc(38px/1.5);
		color: #4336F2;
		text-align: center;
		position: absolute;
		top: calc(153px/1.5);
		right: calc(38px/1.5);
	}
	
	.color1 {
		color: #004bc3 !important;
	}
	.imgquan{
		width:calc(60px/1.5);
		height: calc(60px/1.5);
		position: absolute;
		top: 3.5%;
		right: calc(140px/1.5);
		z-index: 2000;
		opacity: 1;
	}
	.section34 .img1{
		width: 100%;
	}
}