/* body{background-color: #1F1F1F} */
.banner {
	width: 100%;
	height: 100%;
	background-color: aqua;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	flex: 5;
	margin-right: 20px;
	font-size: 0;
}
.imgbox {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #222222;
/* 	overflow: hidden; */
}
.img {
	position: absolute;
	display: none;
}
.im {
	position: absolute;
	display: block;
}
.change {
	height: 100px;
	display: block;
	position: absolute;
	z-index: 20;
	opacity: 0.4;
	transition: 0.4s;
	top: 50%;
	margin-top: -50px
}
.change:hover {
	opacity: 1;
}
.pre {
	left: 1%;
}
.next {
	right: 1%;
}
.cirbox {
	width: 135px;
	position: absolute;
	bottom: 12px;
	z-index: 10;
	right: 14px;
	margin-left: -44px;
	cursor: pointer;
}
.cir {
	width: 12px;
	height: 12px;
	background-color: white;
	opacity: 0.4;
	float: left;
	border-radius: 6px;
	margin: 0 5px 0 5px;
	cursor: pointer;
}
.cir:hover {
	background-color: cyan;
	transition: 0.8s;
}
.cr {
	opacity: 1;
	width: 24px;
}
.cr:hover {
	background-color: white;
}
.logoR{
	display: flex;
	align-content: center;
	justify-content:  flex-end;
}
.search{
	background-color:#e50516 ;
	color:#fff;
	cursor: pointer;
	height: 38px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0 4px 4px 0;
}
.search p{
	margin-bottom: 0;
}
.search span{
	margin-right: 10px;
}
.navv{
	height: 60px;
	width: 100%;
	background-color: #E50516;
	margin-bottom: 20px;
}
#navV{
	margin: 0 auto;
	width: 1400px;
	display: flex;
	height: 100%;
	justify-content: center;
}
.navv .navNUM{
	padding: 16px 50px;
	position: relative;
	cursor: pointer;
}
.navv label{
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
}
.navNUM div{
	display: none;
}
.navNUM .divChange{
	position: absolute;
	left: 0;
	top: -12px;
	color: #fff;
	font-size: 20px;
	width: 100%;
	text-align: center;
	padding: 29px 0 17px 0;
	background-color: #FF9600;
	font-weight: 600;
	display: block;
}
.navNUM .divChangeB{
	position: absolute;
	left: 0;
	top: 0px;
	color: #fff;
	font-size: 20px;
	height: 60px;
	line-height: 60px;
	text-align: center;

	background-color: #FF9600;
	width: 100%;
	display: block;
}
.navNUM .bChange{
	position: absolute;
	right: -18px;
	top: -12px;
	color: #fff;
	border-left: 11px solid #B66900;
	border-bottom: 0px solid #B66900;
	border-top: 12px solid transparent;
	border-right: 7px solid transparent;
}
.navNUM ul {
	position: absolute;
	left: 0;
	top: 60px;
	background-color: #E50516;
	width: 100%;
	z-index:1000;
}
.XS div:hover .Navul{
	display: block;
}

.NoStyle{
	position: relative;
	background-color: #FFEEEF;
	adding-bottom: 10px;
	width: 143px;
	height: 152px;
}
.NoStyle p span{
	font-size: 36px;
	font-weight: bold;
	top: -26px;
	left: 10px;
}

.NoStyle .pei{
	color: #595757;
}
.NoStyle .gong{
	color: #e50516;
}
.NoStyle .iconfont{
	font-size: 50px;
	position: absolute;
	top: -26px;
	left: 0px;
	color: #e50516;
}
.NoStyle p{
	padding: 20px 30px 10px 30px;
}
.NoStyle label{
	text-align: right;
	display: block;
	width:90%;
	cursor: pointer;
	color: #e50516;
	font-size: 14px;
	font-weight: bolder;
}
.newDIV{
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	margin-top: 5px;

}
.newDIV img{
	width:800px;
}
.newDIV div{
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 20%;
	border: 1px solid #e50516;
	font-size: 18px;
	font-weight: bolder;
	color: #e50516;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 6px 13px;
}
.newDIV span{
	margin-right: 10px;
}

/*最美*/
.beautRtescue{
	/*display: flex;*/
	margin-top: 20px;
	cursor: pointer;
	width: 1400px;
	height:290px;
}
.rescue{
	flex: 1;
	margin-left: 20px;
	font-size: 0;
	float: left;
	box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.1);
}
.beautRtescue .rescue:nth-child(1){
	margin-left: 0px;
}
.rescue img{
	width: 335px;
	height: 223px;
}
.res{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 65px;
	width: 335px;
	background-color: #fff;
	color: #333;
}
.res p{
	text-align: center;
	font-size: 16px;
}

.allData{
	margin-top: 60px;
	display: flex;
}
.Overview{
	flex: 1;
	background-color: #E50516;
	cursor: pointer;
}
.DataS{
	flex: 2;
	/* display: flex; */
}
.DataBao{
	display: flex;
	height: 50%;
	box-sizing: border-box;
}

.DataBao .Datass{
	margin-left: 20px;
	position: relative;
	/*background: url(../img/一体机背景.png) no-repeat;*/
	/*background-size: cover;*/
	flex: 1;
}
.DataBao .Datass:nth-child(1){
	margin-left: 0;
}
.Datass img{
	width:100%;
	height: 100%;
}
.Datass .Dback{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 32px 20px 0 30px;
	background-color: rgba(0,0,0,0.25);
	color: #fff;
}
.Dback h5{
	font-weight: bold;
	font-size: 32px;
	text-align: left;
}
.Dback .English{

	font-family: "Microsoft YaHei UI Light";
	font-size: 21px;
	margin-top: 10px;
	text-align: left;
}
.Dback span{
	font-size: 18px;
}
.Dback b{
	font-size: 40px;
	margin:0 5px;

}
.Dback div{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top:20px;
	cursor: pointer;
}
.Dback .Details{
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.shuJuGK{
	display: flex;
	flex: 1;
	padding: 10px 62px;
	color: #fff;
	align-items: center;
	justify-content: center;
}
.Eng{
	display: flex;
	align-items: center;
}
.Eng span{
	text-align: left;
}
.Eng p{
	font-size: 84px;
	font-weight: bold;
	margin-right: 2px;
}
.icon-ditu{
	font-size: 67px;
	margin-right: 20px;
}
.Eng i{
	font-style: normal;
	font-family: "Microsoft YaHei UI Light";
	display: block;
	font-size: 26px;

}
.Eng b{
	font-size: 36px;
}
.chinaImg{
	display: flex;
	align-items: center;
	justify-content: center;
}
.chinaImg img{
	width: 350px;
}
.DataS .DataBao:nth-child(2) .Datass{
	margin-bottom: 0;
}
.dataBase{
	margin:20px 0 20px 0;
}


/*资源库*/
.videoAll{
	display: flex;

}
.VideoBook{
	flex: 1;
	background-color: #fff;
	box-shadow: 0px 5px 10px 0px rgba(217,83,79,0.1),0px -2px 5px 0px rgba(229,5,22,0.1);
	padding: 20px;
}
.VideoBook .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.title .iconImg{
	color: #D1041E;
	font-size:30px;
	margin-right: 10px;
}
.title .veoZ{
	font-size: 24px;
	color: #E50516;
}
.title div{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.title div:nth-child(2) span{
	margin-right: 8px;
}
.title div:nth-child(2) {
	font-size: 18px;
	font-weight: bolder;
	color: #e50516;
	cursor: pointer;
}
.VBmain{
	padding-top: 20px;
	text-align: center;
}

.swiper-container{
	width:570px;
	margin:0;
	margin-top:27px;
	margin-left: 40px;

}
.swiper-button-prev{
	background: url("/spring/images/left_jiantou.png") no-repeat;
	width: 44px;
}
.swiper-button-next{
	background: url("/spring/images/right_jaintou.png") no-repeat;
	width: 44px;
}
.swiper-slide{
	border:1px solid #ccc;
	position: relative;
	width:160px;
	box-shadow: 2px 4px 10px 0px rgba(299,5,22,0.15);
	background-color: #fff;
}
.swiper-slide img{
	width: 100%;
}
.swiper-slide div{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 18px;
	display: none;
}
.swiper-slide p{
	text-align: center;
	padding: 10px;
}
.swiper-slide-active div{
	display: flex;
}
.swiper-slide-active span{
	font-size: 57px;
	cursor: pointer;
}
.NOnum{
	display: none;
}
.Book{
	padding: 0 10px;
}
.bookB{
	/*display: flex;*/
}
.bookB .bookMain{
	flex: 1;
	height: 105px;
}
.bookB .bookMain:nth-child(3),.bookB .bookMain:nth-child(4){
	margin-bottom: 0!important;
}
.bookMain{
	display: flex;
	float: left;
	width:308px;
	align-items: flex-start;
	justify-content: flex-start;
}
.bookMain img{
	width: 80px;
	height: 105px;
	cursor: pointer;
}
.words{
	margin-left: 10px;
}
.words b,.words span{
	display: block;
	text-align: left;
	color: #333;
}
.words p{
	text-align: left;
}
.words b{
	font-size: 14px;
	cursor: pointer;
}
.words span,.words p{
	font-size: 14px;
}
.words span{
	margin-top: 5px;
	font-weight: 600;
}
.CourseA{

	margin-top: 8px;
}
.CourseA div{
	width:530px;
	float: left;
	display: flex;
	line-height: 28px;

	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
}
.CourseA div span{
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-right: 10px;
	background-color: #777;
}
.CourseA div p{
	color: #777;
}
.PictAll{

}
.PictAll img{
	margin-right: 15px;
	width: 150px;
	cursor: pointer;
	float: left;
}
.PictAll img:nth-child(4){
	margin-right: 0;
}
.navNUM ul{
	position: absolute;
	left: 0;
	top: 60px;
	background-color: #E50516;
	width: 100%;
}
.navNUM ul li{
	list-style: none;
	text-align: center;
	width: 100%;
}
.footBott{
	width:1400px;
	margin: 0 auto;
	display: flex;
	height:100%;
	align-items: center;
	justify-content: center;
}
.footBott .footDiv{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	height: 100%;
	cursor: pointer;
	position: relative;
}
.AllH{
	position: absolute;
	background-color: #E50516;
	/* height: 600px; */
	/* overflow-x: auto; */
	bottom: 60px;
	z-index: 100;
	display: none;
	width: 80%;
}
.AllH li{
	text-align: center;
	line-height: 30px;
}
.footBott .footDiv p{
	font-size: 18px;
	margin-bottom: 0;
}
.footBott .footDiv .spana{
	border-bottom: 5px solid #fff;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-left: 10px;

}
.footBott .footDiv .spanb{
	border-top: 5px solid #fff;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-left: 10px;
	margin-top: 11px;
}
.AllH a{
	display: block;
	color: #fff;
	text-decoration: none;
}
.AllH a:hover{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.newMain{
	display: flex;

	margin-top:45px;
}
.newMa{
	flex: 1;
	margin-left: 60px;
	position: relative;
	font-size: 0;
	cursor: pointer;
}
/* .newMa .newMa:last-child{
	margin-left: 0;
} */
 .timeNew{
	position: absolute;
	padding: 10px 15px;
	left: -43px;
	top: 18px;
	 width: 90px;
	 height: 110px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.newMa .newNum{
	position: absolute;
	text-align: left;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	background: rgba(0,0,0,0.4);
}
.timeNew p:nth-child(1){
	font-size: 40px;
	color: #333;
	margin-top: 12px;
}
.timeNew p:nth-child(2){
	font-size: 18px;
	color: #666;
}
.newMa img{
	width: 100%;
}
.newNum b{
	font-size: 18px;
	color: #fff;
}
.newNum p{
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}
.cirDiv{
	width: 100%;
	text-align: left;
	position: absolute;
	bottom: 0px;
	z-index: 10;
	left:0;
	background: rgba(227,56,55,0.7);

	height: 36px;
	padding: 0 20px;
}
.cirDiv p{
	font-size: 16px;
	color: #fff;
	line-height: 36px;
}
#head-repo{
	display: flex;
	align-items: center;
	display: none;
}
#head-repo .repo-title{
	flex: 1;
}