/*单页头部开始*/
.bodyCon08 {
	background-color: rgba(33, 33, 33, 1.00);
}

.bodyCon08 .students {
	margin: 0 auto;
	width: 1100px;
	height: 480px;
	position: relative;

}

.bodyCon08 .students p.PP {
	width: 510px;
	height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
	position: absolute;
	top: 60px;
	left: 300px;
}

#four_flash {
	/* position: relative; */
	/* width: 1100px; */
	height: 100%;
	margin: 0 auto;
	/* position: absolute; */
	/* bottom: 40px; */
	top: 20%;
}

#four_flash .flashBg {
	width: 94%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#four_flash .flashBg ul.mobile {
	width: 2000%;
	height: 100%;
	position: absolute;
	top: 15;
	left: 0;
	display: flex;
	align-items: center;
}

#four_flash .flashBg ul.mobile li {
	border: 1px solid #2E324B;
	float: left;
	width: 300px;
	height: 410px;
	margin-left: 26px;
	/* padding-top: 40px; */
	color: #ffffff;
	transition: all 1s ease 0s;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}

#four_flash .flashBg ul.mobile li:hover {
	border: 1px solid rgba(0, 200, 217, 0.80);
	color: #fff;
	-webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 1.00);
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, .5);
	width: 400px;
	height: 510px;
}

#four_flash .flashBg ul.mobile li img {
	top: 6px;
	display: block;
	margin: 0 auto;
	/* border-radius: 82px; */
	position: relative;
	right: -100px;
	background-color: #fff;
}

#four_flash .flashBg ul.mobile li dd {
	font-size: 20px;
	width: 250px;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px solid #6C6E85;
}

#four_flash .flashBg ul.mobile li p {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	/* line-height: 90px; */
	/* margin-top: 10px; */
	background-color: #6c6e859c;
	margin: 0 auto;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;

}

#four_flash .flashBg ul.mobile li a {
	display: block;
	background: url(../images/jiantou.png);
	width: 31px;
	height: 31px;
	border: 0px;
	margin: 8px auto;
}

#four_flash .flashBg ul.mobile li a:hover {
	background: url(../images/jiantou2.png);
}

#four_flash .but_left {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 17%;
	    right: 100px;
		background-color: #CCCCCC;
		display: flex;
		    align-items: center;
		    justify-content: center;
}

#four_flash .but_right {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 17%;
	    right: 60px;
		background-color: #CCCCCC;
		display: flex;
		    align-items: center;
		    justify-content: center;
}

#four_flash .but_left:hover {
	/* background: url(../images/xq_jt_l.png) no-repeat; */
	background-color: #186AAB;
}

#four_flash .but_right:hover {
	/* background: url(../images/xq_jt_r.png) no-repeat; */
	background-color: #186AAB;
}


#wrap {
		overflow: hidden;
		width: 100%;
	}

	#main {
		top: 0;
		position: relative;
	}

	.content {
		width: 100%;
		margin: 0;
		height: 100vh;
	}


	/*设置body*/
	body {
		margin: 0;
		padding: 0;
		font: 16px "微软雅黑", sans-serif;
	}

	/*设置轮播图的边框相对定位*/
	.play-box {
		position: relative;
		width: 100%;
		height: 100%;
		margin: auto;
		border: 1px solid #ccc;
	}

	/*设置边框下的图片*/
	.play-box img {
		width: 100%;
		height: calc(100vh);
		border: 0;
	}

	/*设置超链接下的所有图片不显示*/
	.play-box .bgImg {
		width: 100%;
		height: calc(100vh);
		background-size: cover;
		border: 0;
		display: block;
		/*现在是文本状态，要修改为块状*/
		overflow: hidden;
		/*隐藏超过边框高度的图片*/
		/* opacity: 0; */
		/*默认图片为全透明*/
		display: none;
		/*默认高度为0*/
		transition: opacity .5s;
		/*默认透明度过渡时间为0.5s*/
	}

	/*设置当前图片显示*/
	#imgList div.current {
		opacity: 1;
		display: block;
		/*默认图片显示*/
		height: calc(100vh);
		/*默认高度为自动*/
	}

	/*设置列表ul*/
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	/*设置列表ul下的li*/
	.iconList ul li {
		width: 10px;
		height: 10px;
		margin: 15px 4px;
		/* font-size: 0; */
		border-radius: 50%;
		background-color: #fff;
		cursor: pointer;
	}

	/*当图片变化时，图标也跟着变化*/
	.iconList ul li.current {
		background-color: red;
	}

	ul.mobile li div {
		width: 310px;
		height: 430px;
		display: flex;
		position: absolute;
		justify-content: space-between;
		flex-direction: column;
		align-content: space-between;
		align-items: center;
	}

	.mobile li div img {
		position: relative;
		right: -102px;
		top: 6px;
		background-color: #fff;
	}

	/*设置图标绝对定位*/
	.iconList {
		position: absolute;
		top: 39%;
		right: 3%;
		margin-left: -45px;
	}

	/*设置向左向右图标*/
	.sliderbar {
		position: absolute;
		top: 50%;
		margin-top: -25px;
		width: 30px;
		height: 50px;
		font-family: simsun;
		color: #fff;
		text-align: center;
		line-height: 50px;
		background-color: #000;
		opacity: .6;
		display: none;
		cursor: pointer;
	}

	/*设置向左图标*/
	.slidebar-left {
		left: 0;
	}

	/*设置向右图标*/
	.slidebar-right {
		right: 0;
	}

	.lbt1_text {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: 21%;
		left: 11%;
	}

	.txt {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	.an {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0px;
		top: 0px;
		/* margin: auto; */
		text-align: center;
		z-index: 1000;
		color: #0459af;
	}

	.an img {
		/* position: absolute; */
		/* top: 15%; */
		/* line-height: 100px; */
		height: 85%;
		/*margin-top: -130px;*/
		font-size: 70px;
		width: 50%;
		 margin: auto;
		text-align: center;
		display: none;
		/* color: transparent; */
		/* animation: mymove 3s ease-in backwards; */
	}

	.dmgylg {
		width: 90%;
		margin: 75px;
		opacity: 1;
		animation: identifier 1s ease-in backwards;
	}

	.lbt4 {
		animation: identifier 1s ease-in backwards;
	}

	.lbt5 {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
		animation: lbt_5 3s ease backwards;
	}

	.more {
		display: inline-block;
		background-color: #0459af;
		padding: 0 0 0 30px;
		width: 200px;
		line-height: 55px;
		color: #fff;
		display: flex;
		border: none;
		font-size: 20px;
		position: absolute;
		justify-content: space-between;
		cursor: pointer;
	}

	.more .any {
		font-size: 33px;
		position: relative;
		right: 0;
		width: 55px;
		background-color: #054688;
		transition: width 0.7s;
	}

	.num2 {
		display: flex;
	}

	@keyframes mymove {
		0% {
			width: 100%;
			height: 100%;
			font-size: 150px;
			line-height: 150px;
		}

		100% {
			width: 50%;
			height: 85%;
			line-height: 100px;
			font-size: 70px;
		}

	}

	@-webkit-keyframes mymove

	/* Safari and Chrome */
		{
		0% {
			width: 100%;
			font-size: 100px display: none;
		}

		100% {
			width: 70%;
			font-size: 50px display: block
		}
	}

	@keyframes lbt_5 {
		0% {
			top: 150px;
			transform: scale(0);
		}

		/* 50% {
			top: 75px;
			transform: scale(0.5);
		} */

		100% {
			top: 0;
			transform: scale(1);
		}
	}

	@keyframes identifier {
		0% {
			/* width: 0%; */
			opacity: 0;
		}

		100% {
			/* width: 100%; */
			opacity: 1;
		}
	}

	@keyframes blurFadeInOut {
		0% {
			opacity: 0;
			text-shadow: 0px 0px 40px #fff;
			transform: scale(0);
		}

		/* 50% {
			opacity: 1;
			text-shadow: 0px 0px 15px #c6c6c6;
			transform: scale(0.5);
		} */

		100% {
			opacity: 1;
			text-shadow: 5px 5px 7px #9a9a9a;
			transform: scale(1);
		}
	}

	.num3 {
		position: relative;
		background: url(../../../img/front/dm/gsywbg.png) no-repeat center center;
		background-size: cover;
	}

	/* .num3 .inner {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .5);
		/* z-index: -1; */
	}

	*/ .num4 {
		position: absolute;
	}

	.xwzx {
		display: flex;
		justify-content: center;
		height: 48%;
	}

	.xwzx p {
		font-size: 18px;
	}

	.gsxw,
	.tzgg {
		border: 1px solid #d0d0d0;
		display: flex;
		flex-direction: column;
		width: 37%;
		padding: 0 50px;
		position: relative;
	}

	.gsxw {
		background-color: #0459af;
		color: #fff;
	}

	.tzgg {
		background-color: #fff;
		color: #000;
	}

	.gsxw div,
	.tzgg div {
		line-height: 2;
		display: -webkit-box;
		overflow: hidden;
		white-space: normal !important;
		text-overflow: ellipsis;
		word-wrap: break-word;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical
	}

	.gsxw button,
	.tzgg button {
		border: none;
		width: 100px;
		font-size: 18px;
		padding: 5px;
		position: absolute;
		right: 50px;
		bottom: 50px;
		cursor: pointer;
		border-radius: 3px;
		background-color: #fff;
	}

	.dmfooter {
		display: flex;
		justify-content: space-around;
		align-items: center;
		background: url(../../../img/front/dm/diqiu.png) no-repeat center center;
		margin-top: 25px;
		border-bottom: 50px solid #0459af;
	}