.banControl {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 10px;

}



.banSwiper .swiper-button-next,

.banSwiper .swiper-button-prev,

.banSwiper .swiper-pagination {

	position: relative;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0;

	width: auto;

	height: auto;

}



.banSwiper .swiper-button-next,

.banSwiper .swiper-button-prev {

	width: 30px;

	height: 30px;



}



.banSwiper .swiper-pagination {

	margin: 0 40px;

}



.banSwiper .swiper-button-next:after,

.banSwiper .swiper-button-prev:after {

	display: none;

}



.banSwiper .swiper-pagination-bullet {

	width: 5px;

	height: 5px;

	background: #000;

	opacity: 1;

	vertical-align: middle;

}



.banSwiper .swiper-pagination-bullet-active {

	width: 10px;

	height: 10px;

}



.banLink {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 70px;

	margin: auto;

}



.banLink a {

	display: block;

	width: 105px;

	height: 40px;

	background: #fff;

	border-radius: 6px;

	transition: .6s;

	text-align: center;

	line-height: 40px;

	font-weight: 600;

	font-size: 14px;

	color: #000;

}



.banLink a:hover {

	background: -webkit-linear-gradient(top, #555555, #242424);

	color: #fff;

}



.new {

	margin-top: 80px;

}



.title {

	font-family: 'SimHei';

	text-align: center;

	font-size: 32px;

	color: #333;

	font-weight: 300;

}

.title p {
	font-size: 16px;
	margin-top: 10px;
}



.newList {

	margin-top: 30px;

}



.newList li {

	margin: 0 0 20px;

}



.newList a {

	display: flex;

	justify-content: space-between;

	background: #F6F6F6;

}



.newTxt {

	width: calc(100% - 430px);

	box-sizing: border-box;

	padding: 30px 20px;

}



.newTxt h4 {

	font-size: 18px;

	color: #000;

	line-height: 25px;

	height: 50px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.newTxt h6 {

	font-size: 14px;

	color: #333;

	font-weight: 300;

	margin: 10px 0;

}



.newTxt p {

	font-size: 14px;

	color: #333;

	line-height: 20px;

	height: 40px;

	text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}



.newTxt h5 {

	color: #0041C0;

	font-size: 14px;

	margin: 15px 0 0;

}



.newMg {

	width: 400px;

}



.newMg img {

	display: block;

	width: 100%;

}



.newMore {

	display: block;

	width: 110px;

	line-height: 40px;

	color: #fff;

	text-align: center;

	background: -webkit-linear-gradient(top, #434242, #282727);

	margin: 30px auto 0;

	border-radius: 6px;

}



.newMore:hover {

	box-shadow: 0 3px 10px #333;

}



.kernel {
	display: grid;
	grid-template-columns: repeat(6, 16%);
	justify-content: space-between;
	margin: 30px 0 0;
}

.kernel li{
	margin: 10px 0 0;
	background: #E4E4E4;
}

/* .kernel li:nth-child(1){
	background-color: #4F73AF;
}
.kernel li:nth-child(2){
	background-color: #229BD0;
}
.kernel li:nth-child(3){
	background-color: #20ACAB;
}
.kernel li:nth-child(4){
	background-color: #5188C1;
}
.kernel li:nth-child(5){
	background-color: #E67817;
}
.kernel li:nth-child(6){
	background-color: #6C609E;
}
.kernel li:nth-child(7){
	background-color: #974478;
}
.kernel li:nth-child(8){
	background-color: #58B236;
}
.kernel li:nth-child(9){
	background-color: #85C226;
}
.kernel li:nth-child(10){
	background-color: #AF734F;
}
.kernel li:nth-child(11){
	background-color: #AF514F;
} */

.kernel a,
.kernel img {
	display: block;
	width: 100%;
}

.kernel a {
	position: relative;
}

.kerTxt {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 10px;
	left: 0;
	color: #434343;
	text-align: center;
}

.kerTxt h4 {
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.kerTxt p {
	font-size: 12px;
}



.propaganda {

	margin-top: 70px;

}



.propaganda .title {

	margin-bottom: 20px;

}



.proAbout {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.proMg,
.proTxt {
	width: 49%;
}

.proMg img {
	display: block;
	width: 100%;
}

.proTxt p {
	font-size: 15px;
	line-height: 25px;
}



.video {

	margin: 80px auto;
	font-size: 14px;
	line-height: 20px;

}



.vidList {

	display: grid;

	grid-template-columns: repeat(3, 32%);

	justify-content: space-between;

	margin-top: 30px;

}



.vidList a {

	display: block;

}



.videoCover {

	width: 100%;

	overflow: hidden;

	position: relative;

}



.videoCover img {

	display: block;

	width: 100%;

}




.vidList h4 {

	margin-top: 20px;

	font-size: 16px;

	color: #333;

}

.vidList p {

	font-size: 12px;

	color: #333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 10px;

}



a:hover .vidList h4,
a:hover .vidList p {

	color: #0041C0;

}



.fixTop {

	display: none !important;

}

/* news */
.news {
	margin-bottom: 50px;
}




/* newDetalis */

.thing {
	padding: 50px 0 100px;
	color: #333;
}

.thing h3 {
	font-size: 30px;
	line-height: 45px;
	font-weight: 300;
}

.thing h6 {
	font-size: 14px;
	font-weight: 300;
	text-indent: 1em;
	padding: 10px 0;
	border-top: 1px solid #242424;
	border-bottom: 1px solid #242424;
	margin-bottom: 15px;
}

.thing img {
	display: block;
	margin: 5px auto;
	max-width: 100%;
}

.thing p {
	font-size: 15px;
	line-height: 25px;
}



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



	.newMg {

		width: 350px;

	}



	.newTxt {

		width: calc(100% - 350px);

		padding: 15px 20px;

	}



	.newTxt h4 {

		font-size: 16px;

	}



	.banLink {

		bottom: 20px;

	}

	.kernel {
		grid-template-columns: repeat(5, 18.5%);
	}

	.kerTxt h4 {
		font-size: 12px;
	}

	.proAbout {
		flex-wrap: wrap;
	}


	.proMg,
	.proTxt {
		width: 100%;
	}

	.title p {
		font-size: 14px;
	}

	.thing h3 {
		font-size: 26px;
		line-height: 35px;
	}


}



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



	.banSwiper {

		background: #333232;

		padding: 0 0 10px;

	}



	.banLink a {

		width: 80px;

		height: 25px;

		line-height: 25px;

		font-size: 12px;

	}



	.banSwiper .banLink a {

		background: linear-gradient(#f5f5f5, #e4e4e4);

		color: #333232;

	}



	.banSwiper .swiper-pagination-bullet {

		background: #fff;

	}



	.banLink {

		position: relative;

		bottom: auto;

		margin-top: 20px;

		display: flex;

		justify-content: center;

	}



	.banLink a {

		width: 110px;

		height: 40px;

		line-height: 40px;

		font-size: 15px;

		background: linear-gradient(to bottom, #444343 0%, #262525 100%);

		color: #fff;

	}



	.banSwiper .swiper-button-next,

	.banSwiper .swiper-button-prev {

		display: none;

	}



	.new,

	.propaganda,

	.video {

		margin-top: 40px;

	}



	.title {

		font-size: 24px;

	}



	.newList {

		margin-top: 10px;

	}



	.newList a {

		flex-wrap: wrap;

	}



	.newTxt,

	.newMg {

		width: 100%;

	}



	.newTxt {

		order: 2;

	}



	.newMg {

		order: 1;

	}



	.banSwiper .swiper-slide {

		flex-wrap: wrap;

	}



	.vidList {

		grid-template-columns: repeat(1, 100%);

		margin-top: 15px;

	}



	.vidList h4 {

		margin-top: 10px;

		font-size: 14px;

		color: #333;

		margin-bottom: 20px;

	}

	.kernel {
		grid-template-columns: repeat(3, 32.5%);
	}

	.kerTxt p {
		display: none;
	}


	.title p {
		font-size: 12px;
	}

	.thing h3 {
		font-size: 16px;
		line-height: 25px;
		font-weight: 300;
	}

	.thing h6 {
		font-size: 12px;
		text-indent: 1em;
		padding: 5px 0;
		margin-bottom: 10px;
	}

	.thing p{
		font-size: 13px;
	}


}