.head-box {
	position: relative;
}

.head {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;

}

.dis-text-p {
	display: none;
}

.middle-box1 {
	display: none;
}

.head-text {
	margin-top: 250px;
	margin-left: 73px;
	width: 621px;
	height: 670px;
	background: #FDFDFD;
	border-radius: 10px;
}

.head-text1 {
	width: 471px;
	padding-top: 120px;
	margin: 0px auto 0px;
	height: 50px;
}


.middle-ming {
	display: none;
}

.head-text-p {
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #040404;
}

.head-text-p1 {
	margin-top: 50px;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #827f7f;
}

.ganzhi-box {
	width: 1920px;
	height: 215px;
	background-color: #fff;
	position: relative;

}

.ganzhi {
	display: flex;
	position: absolute;
	top: 0%;
	right: 3%;
}

.xian {
	margin-top: 50px;
	width: 5px;
	height: 126px;
	background: #000000;
}

.ganzhi-p {
	margin-top: 71px;
	margin-right: 36px;
	font-size: 30px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
}

.ganzhi-p1 {
	margin-top: 117px;
	margin-left: 30px;
	font-size: 30px;
	font-family: Arial;
	font-weight: 400;
	color: #000000;
}

.head-content-box {
	width: 18px;
	margin: 0px auto 0px;
	display: flex;
}

.head-content {
	text-align: center;
	height: 435px;
	width: 33.333%;
}

.head-content.color {
	background: #EFEFEF;
}

.head-content.colorhuang {
	background: #FFA500;
}

.content-p {
	width: 90%;
	word-break: break-all;
	margin: 0px auto 0px;
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #3C3C3C;
}

.content-p1 {
	width: 90%;
	word-break: break-all;
	margin: 0px auto 0px;
	font-size: 25px;
	font-family: Arial;
	font-weight: 400;
	color: #3D3D3D;
}

.head-content-img {
	margin-top: 40px;
	/* width: 126px; */
	height: 233px;
}

.head-content-img1 {
	margin-top: 50px;
	width: 268px;
	height: 218px;
}

.head-content-img2 {
	margin-top: 46px;
	width: 193px;
	height: 226px;
}

.head-content-img3 {
	margin-top: 71px;
	/* width: 183px; */
	height: 207px;
}

.head-content-img4 {
	margin-top: 15px;
	width: 285px;
	height: 257px;
}

.head-content-img5 {
	margin-top: 82px;
	width: 267px;
	height: 187px;
}

.middle-box {
	position: relative;
	width: 1920px;

	height: 1080px;
	margin-bottom: 30px;
	background-image: url('../xinimg/zzz1.png');

	background-size: cover;
}

.maiddle {
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
}

.middle-p-box {
	padding-top: 80px;
	width: 100%;
	text-align: center;
}

.middle-p {
	font-size: 62px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F4F5F5;
}

.middle-p1 {
	font-size: 35px;
	font-family: Arial;
	font-weight: 400;
	color: #F6F6F6;
}

.touming-box {
	margin: 98px auto 0px;
	width: 1696px;
	display: flex;

	justify-content: space-between;
}

.touming {
	text-align: center;
	margin-top: 66px;
	width: 454px;
	height: 639px;
	background: rgba(254, 254, 254, 0.1);

}

.touming-da {
	text-align: center;
	width: 500px;
	height: 703px;
	background: rgba(255, 255, 255, 0.1);

}

.touming-p {
	width: 90%;
	margin: 0px auto 0px;
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #F6F6F6;

}

.touming-p1 {
	width: 90%;
	margin: 0px auto 0px;
	font-size: 27px;
	font-family: Arial;
	font-weight: 400;
	color: #F6F6F6;
}

.touming-p2 {
	width: 77%;
	margin: 0px auto 0px;
	font-size: 27px;
	font-family: Arial;
	font-weight: 400;
	color: #F6F6F6;
}


.touming-img {
	width: 247px;
	height: 373px;
	margin-top: 84px;
}

.touming-img1 {
	width: 316px;
	height: 277px;
	margin-top: 146px;
}

.touming-img2 {
	width: 117px;
	height: 326px;
	margin-top: 56px;
}

.bottom-box {
	padding-top: 70px;
	background-color: #fff;

}

.bottom-biaoti {
	display: flex;
	align-items: center;
}

.bottom-biaoti {
	margin-left: 134px;

}

.bottom-xian {
	width: 8px;
	height: 117px;
	background: #070707;
	margin-right: 30px;
}

.bottom-p {
	font-size: 50px;
	font-family: Arial;
	font-weight: 400;
	color: #040404;
}

.bottom-p1 {
	font-size: 62px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #040404;


}

.bottom-img-box {
	margin: -50px auto 0px;
	width: 1920px;
	display: flex;

}

.bottom-left-img {
	width: 100%;
	height: 100%;
}

.bottom-left {
	margin-top: 120px;
}

.bottom-right {}

.bottom-left-xuexi {
	width: 840px;
	height: 348px;
	margin-bottom: 10px;
	position: relative;
}

.bottom-p-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	text-align: center;
}

.bottom-left-xuexi1 {
	position: relative;
	width: 850px;
	height: 467px;
}

.bottom-right-xuexi {
	position: relative;
	width: 1070px;
	height: 470px;
	margin-bottom: 10px;
}

.bottom-right-xuexi1 {
	position: relative;
	width: 1060px;
	height: 348px;
	margin-left: 10px;
}

.bottom-xuexi-p {
	width: 90%;
	margin: 134px auto 0px;
	font-size: 39px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #2169A7;
	line-height: 20px;
}

.bottom-xuexi-p-p1 {
	width: 90%;
	margin: 0px auto 0px;
	margin-top: 10px;
	font-size: 42px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #2169A7;
}

.bottom-left-p {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	text-align: center;
}

.bottom-left-xuexip {
	width: 90%;
	margin: 186px auto 0px;
	font-size: 39px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FEFEFE;
	line-height: 20px;
}

.bottom-left-xuexip1 {
	width: 90%;
	margin: 0px auto 0px;
	margin-top: 35px;
	font-size: 42px;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	color: #FFFFFF;
}




@media screen and (max-width:1920px) {


	.slider {
		width: 90%;
		margin: 5.5vw auto 0px;

	}

	.head-text {
		margin-top: 13.15vw;
		margin-left: 3.8vw;
		width: 32.6vw;
		height: 35.2vw;
		background: #FDFDFD;
		border-radius: 10px;

	}

	.head-text1 {
		width: 24.7746vw;
		padding-top: 6.3vw;
		margin: 0px auto 0px;
		height: 2.63vw;
	}

	.head-text-p {
		font-size: 1.6‬vw;
	}

	.head-text-p1 {
		margin-top: 2.63vw;
		font-size: 1.1vw;
	}

	.ganzhi-box {
		width: 100vw;
		height: 11.18vw;
	}

	.xian {
		margin-top: 2.6vw;

		height: 6.552vw;
		width: 0.26vw;

	}


	.ganzhi-p {
		margin-top: 3.7vw;
		margin-right: 1.9vw;
		font-size: 30px;

	}

	.ganzhi-p1 {
		margin-top: 6.1vw;
		margin-left: 1.56vw;
		font-size: 30px;
	}


	.head-content-box {
		width: 100vw;
	}

	.head-content {
		text-align: center;
		height: 22.62vw;
		width: 33.333%;
	}

	.content-p {
		font-size: 1.45vw;
	}

	.content-p1 {
		font-size: 1.45vw;
	}

	.head-content-img {
		margin-top: 2.1vw;
		/* width: 6.56vw; */
		height: 12.12vw;
	}

	.head-content-img1 {
		margin-top: 2.6vw;
		width: 14vw;
		height: 11.34vw;
	}

	.head-content-img2 {
		margin-top: 2.4vw;
		width: 10vw;
		height: 11.76vw;
	}

	.head-content-img3 {
		margin-top: 3.7vw;
		/* width: 9.5vw; */
		height: 10.77vw;
	}

	.head-content-img4 {
		margin-top: 0.78vw;
		width: 14.82vw;
		height: 13.37vw;
	}

	.head-content-img5 {
		margin-top: 4.27vw;
		width: 13.9vw;
		height: 10.5vw;
	}

	.middle-box {

		height: 56.16vw;
		width: 100vw;
	}


	.middle-p-box {
		padding-top: 4.48vw;
	}

	.middle-p {
		font-size: 3.23vw;
	}

	.middle-p1 {
		font-size: 1.82vw;
	}


	.touming-box {
		margin: 5.1vw auto 0px;
		width: 88.2vw;
	}

	.touming {
		margin-top: 3.44vw;
		width: 23.6vw;
		height: 33.23vw;
	}

	.touming-da {
		width: 26vw;
		height: 36.56vw;
	}

	.touming-p {
		font-size: 1.88vw;
	}

	.touming-p1 {
		font-size: 1.4vw;
	}

	.touming-p2 {
		font-size: 1.4vw;
	}

	.touming-img {
		width: 12.85vw;
		height: 19.4vw;
		margin-top: 4.37vw;
	}


	.touming-img1 {
		width: 16.43vw;
		height: 14.40vw;
		margin-top: 7.6vw;
	}

	.touming-img2 {
		width: 6.1vw;
		height: 17vw;
		margin-top: 3vw;
	}

	.bottom-box {
		padding-top: 3.64vw;


	}



	.bottom-biaoti {
		margin-left: 7vw;

	}

	.bottom-xian {
		width: 0.416vw;
		height: 6.1vw;
		margin-right: 1.56vw;
	}

	.bottom-p {
		font-size: 2.6vw;
	}

	.bottom-p1 {
		font-size: 3.23vw;
	}

	.bottom-img-box {
		margin: -2.6vw auto 0px;
		width: 100vw;
		display: flex;

	}

	.bottom-left-img {
		width: 100%;
		height: 100%;
	}

	.bottom-left {
		margin-top: 6.24vw;
	}



	.bottom-left-xuexi {
		width: 43.68vw;
		height: 18.1vw;
		margin-bottom: 0.51vw;
	}

	.bottom-left-xuexi1 {
		width: 44.2vw;
		height: 26.15vw;
	}

	.bottom-right-xuexi {
		width: 55.64vw;
		height: 24.44vw;
		margin-bottom: 0.52vw;
	}

	.bottom-right-xuexi1 {
		width: 55.12vw;
		height: 18.1vw;
		margin-left: 0.52vw;
	}

	.bottom-xuexi-p {
		margin: 7.5vw auto 0px;
		font-size: 2.03vw;
	}

	.bottom-xuexi-p-p1 {
		margin-top: 0.52vw;
		font-size: 2.2vw;
	}


	.bottom-left-xuexip {

		margin: 10.42vw auto 0px;
		font-size: 2.03vw;
	}

	.bottom-left-xuexip1 {
		margin-top: 1.82vw;
		font-size: 2.2vw;
	}
}

@media screen and (max-width:1100px) {
	.head-text {
		width: 35.6vw;
		height: 35.2vw;
	}

	.head-text1 {
		width: 30vw;
		padding-top: 2.3vw;
	}

	.head-text-p1 {
		margin-top: 0.63vw;
	}

	.style-p {
		margin-left: 2vw;

		height: auto;
	}

	.slider {
		width: 90%;
		margin: 2vw auto 0px;

	}
}

@media screen and (max-width:775px) {
	.touming-box {
		display: none;
	}

	.middle-ming {
		display: block;
	}

	.middle-box {
		background-image: none;
	}

	.middle-box1 {
		margin-top: -31px;
		width: 100%;
		padding: 5%;
		background-color: rgb(4, 30, 54);
		display: block;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

	.middle-p-box {
		padding-top: 21.48vw;
	}

	.middle-p {
		font-size: 9.23vw;
	}

	.middle-p1 {
		font-size: 4.82vw;
	}

	.touming {
		margin-top: 3.44vw;
		width: 23.6vw;
		height: auto;
		padding-bottom: 30px;
	}

	.touming-da {
		width: 26vw;
		height: auto;
		padding-bottom: 30px;
	}

	.head {
		display: none;
	}

	.dis-text-p {
		display: block;
		width: 90%;
		margin: 1vw auto 2vw;
	}

	.head-content {
		text-align: center;
		height: auto !important;
		width: 33.333%;
	}

	.bottom-left-xuexip {
		margin: 6.42vw auto 0px;
		font-size: 2.03vw;
	}

	.bottom-xuexi-p {
		margin: 4.5vw auto 0px;
		font-size: 2.03vw;
	}
}

@media screen and (max-width:450px) {


	.style-p {
		margin-left: 2vw;

		height: auto;
	}

	.slider {
		width: 90%;
		margin: 2vw auto 0px;

	}
}