.bigPic{
	width: 100%;
	height: 513px;
	position: relative; 
	overflow: hidden;
}
.bigPicBtitle{
	width: 437px;
	text-align: center;
	font-size: 70px;
	color: white;
	top:30px ;
	position: absolute;
	left: calc(50% - 218px);
	height: 70px;
	background-position: center;
	background-repeat: no-repeat;
}
.bigPicBtitleA{  
	  animation-name: bigPicBtitleA;  
	  animation: bigPicBtitleA 2s alternate;  
	  -webkit-animation: bigPicBtitleA 2s alternate ;  
	  -moz-animation: bigPicBtitleA 2s alternate;  
 }  
 @-webkit-keyframes bigPicBtitleA{  
	0%{ left: -437px;}  
	100%{left: calc(50% - 218px);}  
}
.bigPicStitle{
	width: 857px;
	text-align: center;
	font-size: 70px;
	color: white;
	top:110px ;
	position: absolute;
	right: calc(50% - 428px);
	height: 161px;
	background-position: center;
	background-repeat: no-repeat;
}
.bigPicStitleA{  
	  animation-name: bigPicStitleA;  
	  animation: bigPicStitleA 2s alternate;  
	  -webkit-animation: bigPicStitleA 2s alternate ;  
	  -moz-animation: bigPicStitleA 2s alternate ;  
 }  
 @-webkit-keyframes bigPicStitleA{  
	0%{ right: -857px;}  
	100%{right: calc(50% - 428px);}  
}
.youshiimg{
	width: 856px;
	height: 341px;
	position: absolute;
	right: calc(50% - 428px);
	top: 250px;
	opacity: 0;
}


/*--------选择八大理由---------*/
#reasons8{
	width: 940px;
	margin: 0 auto;
	height: 660px;
	position: relative;
}
#reasons8>a{
	text-decoration: none;
	color: black;
}
#reasons8>a{
	color: black;
}
.youshicenter{
	width: 162px;
	height: 177px;
	position: absolute;
	top: 240px;
	left: calc(50% - 81px);
}
.reasonTitle1{
	color: black;
	font-size: 26px;
	font-weight: bolder;
	width: 100%;
	text-align: center;
}
.reasonText1{
	margin-top: 20px;
	font-size: 14px;
	width: 100%;
	text-align: center;
}
.reasonTitle{
	position: absolute;
	color: black;
	font-size: 26px;
	font-weight: bolder;
	width: 110px;
	text-align: center;
}
.reasonText{
	position: absolute;
	width: 238px;
	text-align: center;
	font-size: 14px;
	
}
.reasonText>p{
	height: 20px;
	line-height: 20px;
}

.youshiico{
	width: 110px;
	height: 110px;
	background-size: cover;
	position: absolute;
	
}
/*--------选择八大理由---------*/
/*--------学校背景---------*/

#schoolBg{
	width: 992px;
	margin: 0 auto;
	height: 605px;
	background-color: #e2e2e2;
	overflow: hidden;
}
#bigSchool{
	width: 900px;
	height: 373px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 12px;
}
#smallSchoolBox{
	width: 905px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
}
.small_pic{
	width: 120px;
	height: 120px;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
/*--------学校背景---------*/

/*--------课程设置---------*/
#setCourse{
	width: 100%;
	height: 862px;
	background-color: #37373c;	
	overflow: hidden;
}
#targets{
	width: 754px;
	height: 70px;
	margin: 0 auto;
	margin-top: 47px;
	margin-bottom: 30px;
}
.everyTarget{
	width: 227px;
	height: 100%;
	margin-left: 33px;
	text-align: center;
	background-color: #eb6106;
	border-radius: 15px;
	font-size: 22px;
	line-height: 70px;
	float: left;
	color: white;
	cursor: pointer;
}
#targetDiv{
	width: 1228px;
	height: 706px;
	margin: 0 auto;
	overflow: hidden;
}
#targetDiv>div{
	width: 100%;
	height: 100%;
}
/*#CTarget,#JavaTarget,#WebTarget{
	width: 1228px;
	height: 706px;
	margin: 0 auto;
	overflow: hidden;
}*/
.smallTarget{
	width: 296px;
	height: 704px;
	float: left;
	border: 1px solid #aaa;
	margin-left: 10px;
	background-color: white;
	overflow: hidden;
}
.targetTitle{
	width: 261px;
	height: 48px;
	line-height: 48px;
	background-color: #db2231;
	color: white;
	font-size: 22px;
	margin: 0 auto;
	margin-top: 33px;
	text-align: center;
	border-radius: 30px;
}

.targetImg,.targetImgC{		/*外部盒子*/
	width: 271px;
	height: 157px;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
	position: relative;	
	transition: 0.6s;
	transform-style: preserve-3d;
}
.courseFrontC,.courseFront,.courseBackground{		/*正反面样式*/
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	backface-visibility: hidden;
}
.courseFront{										/*正面*/
	z-index: 2;
}
.courseBackground{
	/*display: none;*/
	transform: rotateY(-180deg);
}
.targetImg:hover{
	transform: rotateY(180deg);
	cursor: pointer;
}
.courseTitle{
	width: 100%;
	font-size: 20px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
}
.courseInfo{
	padding-left: 55px;
	margin-top: 35px;
	width: 240px;
	height: 310px;
	margin-bottom: 15px;

}
/*课纲列表*/
.courseInfo>li{
	font-size: 20px;
	list-style-position:outside ;
	line-height: 26px;
}
#CTarget li{
	line-height: 22px;
}
.checkCourse{
	color: red;
	font-size: 16px;
	width: 121px;
	height: 38px;
	margin: 0 auto;
	border-radius: 20px;
	background-color: white;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid red;
	font-size: 18px;
	text-decoration: none;
	display: block;
}
/*--------课程设置---------*/
#projectControl{
	width: 100%;
	
}
.projectDescribe{
	width: 992px;
	height: 201px;
	margin:  0 auto;
	overflow: hidden;
}
.projectDescribe>img{
	width: 435px;
	height: 201px;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}
.whyControl{
	width: 100%;
	height: 518px;	
	position: relative;
	margin-top: 15px;
	opacity: 0;
}
.projectBigImg{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	
}
#controlImg{
	height: 483px;
	left: 0;
	top: 0;
}
/*--------授课模式---------*/
.greyBg{
	width: 991px;
	height: 626px;
	background-color: #E2E2E2;
	margin: 0 auto;
	overflow: hidden;
}
.greyContent1{
	width: 897px;
	height: 372px;
	margin: 0 auto;
	margin-top: 52px;
	margin-bottom: 14px;
}
.greyContent2{
	width: 897px;
	height: 155px;
	margin: 0 auto;
}
.teachModelImg{
	width: 210px;
	height: 155px;
	margin-left: 19px;
	float: left;
	background-size: 100% 100%;
	background-position: 20% 0;
}
/*--------授课模式---------*/
/*--------就业企业---------*/
#companyBox{
	width: 966px;
	height: 342px;
	overflow: hidden;
	margin: 0 auto;
}

.companyImg{
	width: 233px;
	height: 97px;
	float: left;
	margin-right: 10px;
	position: relative;
	margin-top: 15px;
	/*transition: 0.6s;
	transform-style: preserve-3d;*/

}
.companyFront,.companyBack{
	border: 1px solid #ccc;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	backface-visibility: hidden;
}
.courseFront{
	z-index: 2;
}
/*.companyBack{
	transform: rotateY(-180deg);
	background-color: #F0B22E;
}*/
/*.companyImg:hover{
	transform: rotateY(180deg);
	cursor: pointer;
}*/
/*--------就业企业---------*/
/*--课程设置---*/

.courseInfo>li{
	list-style-type: decimal;
}