.bigPic{
	width: 100%;
	height: 684px;
	position: relative; 
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}
.bigPicBtitle{
	width: 337px;
	height: 64px;
	text-align: center;
	padding-top:10px ;
	position: absolute;
	left: calc(50% - 168px);
	top: 47px;
}
.bigPicBtitleA{  
      animation-name: bigPicBtitleA;  
      animation: bigPicBtitleA 2s alternate;  
      -webkit-animation: bigPicBtitleA 2s alternate ;  
      -moz-animation: bigPicBtitleA 2s alternate ;  
 }  
 @-webkit-keyframes bigPicBtitleA{  
    0%{ left: -337px;}  
    100%{left: calc(50% - 168px);}  
    }
.bigPicStitle{
	width: 664px;
	height: 133px;
	text-align: center;
	font-size: 30px;
	color: white;
	position: absolute;
	right: calc(50% - 332px);
	top: 180px;
}
 .bigPicStitleA{  
      animation-name: bigPicStitleA;  
      animation: bigPicStitleA 2s alternate;  
      -webkit-animation: bigPicStitleA 2s alternate ;  
      -moz-animation: bigPicStitleA 2s alternate ;  
 }  
 @-webkit-keyframes bigPicStitleA{  
    0%{ right: -664px;}  
    100%{ right: calc(50% - 332px);}  
}
.youshiimg{
	width: 671px;
	height: 278px;
	/*margin: 0 auto;*/
	position: absolute;
	left: calc(50% - 335px);
	bottom: 0;
	opacity: 0;
}

/*--------什么是全栈工程师-------*/
.whatWeb,.whatWebText,.whyLike,.learnWhat,#targetDiv,#projectImg{
	opacity: 0;
}
.whatWeb{
	width: 998px;
	height: 269px;
	margin: 0 auto;
}
.whatWebText{
	width: 981px;
	height: 81px;
	margin: 0 auto;
	padding-top: 40px;
	font-size: 18px;
	line-height: 27px;
	text-indent: 32px;
}
/*---全栈工程师受欢迎----*/
.whyLike{
	width: 1225px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 60px;
}
.whyLike>div{
	width: 597px;
	height: 390px;
	background-size: cover;background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-top: 35px;
	text-align: center;
	color: white;
}
/*-----成为全栈工程师需要学什么--------*/
.learnWhat{
	width: 100%;
	height: 803px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.learnBox{
	height: 392px;
	margin-top: 10px;
	position: relative;
}
.learnBox>img{
	width: 203px;
	height: 204px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}
.webengineer{
	margin: 0 auto;
	width: 206px;
	height: 87px;
	margin-top: 5px;
}
.askUs{
	width: 344px;
	height: 65px;
	font-size: 30px;
	color: white;
	background-color: #f29400;
	line-height: 65px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	display: block;
	margin: 0 auto;
	margin-top: 95px;
	border-radius: 65px;
}
/*------项目展示-----*/

#setCourse{
	width: 100%;
	height: 758px;
	background-color: #37373c;	
	overflow: hidden;
}
#targetDiv{
	width: 1228px;
	height: 706px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 36px;
}
#targetDiv>div{
	width: 100%;
	height: 100%;
}
.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: #F0B22E;
	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;
}
.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{
	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: 295px;
	margin-bottom: 25px;
}
/*课纲列表*/
.courseInfo>li{
	font-size: 20px;
	list-style-position:outside ;
	line-height: 22px;
}
.checkCourse{
	color: #F0B22E;
	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 #F0B22E;
	font-size: 18px;
	text-decoration: none;
	display: block;
}

#projectImg{
	width: 100%;
	height: 465px;
	background-repeat: no-repeat;
	background-size: cover;	
	margin-top: 45px;
	opacity: 0;
}

.oppositeDiv{
	background-color: #F0B22E;
}
.checkDetail{
	color: #F0B22E;
}
.projectContrl{
	width: 100%;
	height: 880px;
	background-color: #F0B22E;
}
*--------就业表格---------*/
.head5_jiuye {
   
    border-left: 1px solid #F0B22E;
}
.head5_jiuye thead{
	background-color: #F0B22E;
}
.head5_jiuye td {

    border-right: 1px solid #F0B22E;
    border-bottom: 1px solid #F0B22E;
}
.head5_jiuye1{
	border-left: 1px solid #F0B22E;
}
.head5_jiuye1 td{
	border-right: 1px solid #F0B22E;
    border-bottom: 1px solid #F0B22E;
}

/*---点击报名---*/
#signUpBtn{
	background-color: #F0B22E;
}
/*--课程设置---*/

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