body {
	background-image: url(../img/202112041450.png);
	background-repeat: no-repeat;
	background-size: 100%;
	
	background-color: #1456D4;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
    
}

@media screen and (max-width: 960px) {
	#footer-title {
		width: 1200px !important;
	}
}

@media screen and (min-width: 961px) and (max-width: 1400px) {

	/* 	#footer-title{
		  width: 100%;
	} */
	.header {
		width: 1200px !important;
		margin: 0 auto;
	}

	.nav-content {
		width: 1200px !important;
		margin: 0 auto;
		margin-top: 50px;
	
	}

	.nav-text-tile {
		background-position: 440px !important;
	}

	.nav-content-titles-1-text {
		background-position: 440px !important;
	}

	.nav-text-tile-2 {
		background-position: 440px !important;
	}

	.nav-text-tile-3 {
		background-position: 440px !important;
	}

	#box-shoder-8,
	#box-shoder-7,
	#box-shoder-6,
	#box-shoder-5,
	#box-shoder-4,
	#box-shoder-3,
	#box-shoder-2,
	#box-shoder-1,
	#box-shoder {
		width: 331.667px !important;
	}




	.av-content-video #box-shoder {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-1 {
		position: absolute;
		top: 151px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-2 {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-3 {
		position: absolute;
		top: 151px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-4 {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-5 {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-6 {
		position: absolute;
		top: 151px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-7 {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.av-content-video #box-shoder-8 {
		position: absolute;
		top: 153px !important;
		border-bottom-left-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	.login-denglu {
		width: 700px !important;
		height: 300px !important;
	}

	.nav-content-conceal-text-button {
		margin-top: 40px !important;
	}


}


.header {
	width: 1200px;
	margin: 0 auto;
}

.header-logo {
	width: 300px;
	margin-top: 25px;
}

.header-text-top {
	text-align: center;
	width: 786px;
	height: 168px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 25px 0px;
	margin-top: 25px;
	margin-left: 80px;
	font-size: 110px;
	color: #fff;
}

.header-text-top-right {
	float: right;
	margin-right: 10px;

}

.header-text-bbuttons-left {
	float: left;
	margin-left: 10px;
	display: inline-block;
	position: absolute;
	left: 1px;
	top: 170px;
}

.header-text-bbuttons {
	text-align: center;
	width: 906px;
	height: 168px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 25px 0px;
	margin-top: 35px;
	margin-left: 175px;
	font-size: 100px;
	color: #fff;
	position: relative;


}

.nav-content {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}

.nav-content-titles {
	text-align: center;
	margin-top: 80px;
}

.nav-text-tile {
	height: 100px;
	background-image: url(../img/245624.png);
	background-repeat: no-repeat;
	background-position: 435px;
	font-size: 36px;
	line-height: 100px;
	color: #FFFFFF;
}

.nav-content-matter {
	text-align: right;
	margin-top: 25px;
	/* display: flex; */

	border-bottom: 1px solid #FFFFFF;
}

.nav-content-matter-right {
	float: right;
	/* display: flex;
  /* 	text-align: right; */
	/* justify-content: right; */
	margin-top: -11px;

}

.nav-content-matter-date {
	width: 100px;
	text-align: center;
	color: #FFFFFF;
	margin-right: 15px;
	font-weight: 700;
	border-radius: 4px;
	float: right;
	font-size: 18px;
	margin-top: -15px;
}

.nav-content-matter-year {
	width: 100px;
	text-align: center;
	color: #FFFFFF;
	margin-right: 15px;
	font-weight: 700;
	border-radius: 4px;
	float: right;
	font-size: 18px;
	margin-top: -15px;
}

.nav-content-information {
	margin-top: 25px;
}

.nav-content-information-top {
	display: flex;
}

.nav-content-information-top-text {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	margin-left: 110px;
	color: #ffffff;
}

.nav-content-option {
	margin-top: 30px;

}

#bos-hidden {
	display: none;
}

.nav-content-option-1 {
	margin-top: 30px;
	display: none;
}

.nav-content-option-text {
	display: flex;
	justify-content: center;
}

.nav-content-option-text-img {
	width: 524px;
	margin-right: 30px;
	height: 324px;
	/* 	margin-left: 20px; */
}

.nav-content-option-text-ul {
	width: 450px;

}

.nav-content-option-text-ul ul li {
	width: 450px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;

	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 23px;
}

.nav-content-option-text-ul ul li a {
	color: #FFFFFF;
	font-weight: 100;
}

.nav-content-titles-1 {
	text-align: center;
	margin-top: 25px;
}

.nav-content-titles-1-text {

	height: 100px;
	background-image: url(../img/245624.png);
	background-repeat: no-repeat;
	background-position: 435px;
	font-size: 36px;
	line-height: 100px;
	color: #fff;
}

.nav-content-matter-1 {
	margin-top: 25px;
	border-bottom: 1px solid #fff;
}

.nav-content-matter-right-1 {
	float: right;
	margin-top: -26px;
}

.nav-content-matter-date-1 {
	width: 100px;
	text-align: center;
	color: #fff;
	margin-right: 15px;
	font-weight: 700;
	border-radius: 4px;
	float: right;
	font-size: 18px;
}


.nav-content-matter-year-1 {
	width: 100px;
	text-align: center;
	color: #fff;
	margin-right: 15px;
	font-weight: 700;
	border-radius: 4px;
	float: right;
	font-size: 18px;
}

.nav-content-beyond {
	height: 355px;
	overflow: hidden;
}




.nav-content-conceal-3,
.nav-content-conceal-2,
.nav-content-conceal-1,
.nav-content-conceal {
	margin-top: 25px;
	display: flex;
	justify-content:normal;

}

.nav-content-conceal-img {

	width: 740px;
	height: 418px;
	/* margin-right: 26px; */
	/* margin-left: 100px; */
}

.nav-content-conceal-img img {
	width: 100%;
}

.nav-content-conceal-text {
	width: 430px;
	height: 430px;

	position: relative;
	padding: 10px 10px;


}

.nav-content-conceal-ui ul li {
	width: 450px;
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #FFFFFF;
	font-size: 18px;

	margin-bottom: 30px;
	
}

.nav-content-conceal-ui ul li a {
	color: #FFFFFF;
	font-weight: 100;
}


.nav-content-conceal-text-top {
	color: #FFFFFF;
	font-size: 24px;
	border-bottom: 2px solid #FFFFFF;

	padding: 10px 0;
}

.nav-content-conceal-border {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 50%;
	height: 1px;
	background-color: #fff;
}

.nav-content-conceal-border-1 {
	position: absolute;
	top: 329px;
	right: 0px;
	width: 50%;
	height: 1px;
	background-color: #fff;
}

.nav-content-conceal-text-bton {
	margin-top: 10px;
	color: #FFFFFF;
	line-height: 25px;
	font-weight: 100;
	font-size: 16px;
}

.nav-content-conceal-text-button {
	float: right;
	margin-top: 60px;
}

.nav-content-conceal-text-button a {
	display: inline-block;
	width: 100px;
	height: 30px;
	background-color: #EEEEEE;
	text-align: center;
	line-height: 30px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 100;
	color: #A4A4A4;
}

.nav-content-titles-2 {
	text-align: center;
	margin-top: 60px;
}

.nav-text-tile-2 {
	height: 100px;
	background-image: url(../img/245624.png);
	background-repeat: no-repeat;
	background-position: 435px;
	font-size: 36px;
	line-height: 100px;
	color: #fff;
}

.nav-content-titles-3 {
	text-align: center;
	margin-top: 60px;
}

.nav-text-tile-3 {
	height: 100px;
	background-image: url(../img/245624.png);
	background-repeat: no-repeat;
	background-position: 435px;
	font-size: 36px;
	line-height: 100px;
	color: #fff;
}

.nav-content-carousel {
	margin-top: 45px;
	height: 250px;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-prev {
	background-color: #AAADB7;
	left: 0px !important;
}

.swiper-button-next {
	background-color: #AAADB7;
	right: 0px !important;
}

.swiper-wrapper {
	position: relative;
}




#box-shoder-8,
#box-shoder-7,
#box-shoder-6,
#box-shoder-5,
#box-shoder-4,
#box-shoder-3,
#box-shoder-2,
#box-shoder-1,
#box-shoder {
	width: 329.5px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	top: 210px;
	left: 0px;
	background-color: rgb(0, 0, 0, 0.4);
	padding: 5px 25px;
	text-align: left;
	color: #FFFFFF;
	z-index: 111111;
	font-size: 14px;
	font-weight: 100;
}

.av-content-video {
	margin-top: 45px;
}

.nav-content-carousel .swiper-wrapper .swiper-slide {
	cursor: pointer;
}

.av-content-video .swiper-wrapper .swiper-slide {
	cursor: pointer;
}

.av-content-video .swiper-wrapper .swiper-slide img {
	border-radius: 25px;
}

.box-ser {
	position: absolute;
	background-color: rgb(0, 0, 0, 0.5);
	width: 60px;
	height: 60px;
	border-radius: 50%;

}

.box-ser img {
	width: 20px !important;
	height: auto !important;
	display: inline-block;
	margin-top: 14px;
	border-radius: 0px !important;
	margin-left: 5px;
}

.footer {
	width: 100%;
	margin: 0 auto;

}

#footer-title {
	width: 100%;
	margin-top: 30px;
	height: 50px;
	background-color: #2B76E7;
	text-align: center;
	line-height: 50px;
	font-size: 17px;
	color: #FFFFFF;
}

.login {
	text-align: center;
}

.login a {
	font-size: 30px;
	font-weight: 20px;
	color: black;

}

.backG {
	display: none;
	background-color: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;

}

.login-denglu {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 400px;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 20px black;
	transform: translate(-50%, -50%);
	z-index: 999;
}



.login-denglu .tuichu {
	position: absolute;
	top: -25px;
	right: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	box-shadow: 0px 0px 10px black;
	background-color: aliceblue;
	z-index: 999999;

}

.av-content-video #box-shoder {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-1 {
	position: absolute;
	top: 151px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-2 {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-3 {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-4 {
	position: absolute;
	top: 151px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-5 {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-6 {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-7 {
	position: absolute;
	top: 151px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.av-content-video #box-shoder-8 {
	position: absolute;
	top: 153px !important;
	border-bottom-left-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
}

.login-denglu {
	width: 700px !important;
	height: 300px !important;
}

.nav-content-conceal-text-button {
	margin-top: 40px !important;
}