@charset "utf-8";
/* CSS Document */
.head .nav .status ul li a {
	color: #333;
}
.banner {
	background: url(../images/img_course_banner.jpg) center -100px no-repeat;
	width: 100%;
	height: 580px;
}
.course_banner {
	/*padding: 220px 0px 0px 800px;*/
	text-align: center;
	padding-top: 220px;
}
.course_banner h1 {
	color: #ee780c;
	font-weight: 500;

}
.course_banner p {
	padding-top: 16px;
	color: rgba(0,0,0,0.60);
 +color: #999999;
}
.system {
	overflow: hidden;
	margin-bottom: 80px;
}
.system .title {
	margin: 80px auto 60px auto;
}
.system .title h1 {
	color: #333333;
	padding-bottom: 16px;
}
.system .title p {
	color: #999999;
	line-height: 24px;
}
.system .content {
	margin-left: 20px;
}
.trait_bg {
	background: url(../images/bg_course_style.jpg) center no-repeat;
	background-size: 100% 100%;
}
.trait{
	overflow: hidden;
	padding-bottom: 80px;
}
.trait .title {
	color: #ffffff;
	padding: 80px 0px;
	text-align: center;
}
.trait .title h1 {
	padding-bottom: 20px;
}
.trait .list {
	float: left;
	margin-right: 24px;
	width: 330px;
	padding: 20px;
	height: 190px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0px 0px 6px 6px rgba(0,0,0,0.08);
	margin-bottom: 24px;
}
.trait .list:last-child {
	margin-right: 0px;
}
.trait .list em {
	margin: 10px auto 0px auto;
	width: 120px;
	height: 120px;
	display: block;
	text-indent: -99999px;
}
.trait .list em.icon_spiano {
	background: url(../images/icon_why_spiano.png) center no-repeat;
}
.trait .list em.icon_interest {
	background: url(../images/icon_why_interest.png) center no-repeat;
}
.trait .list em.icon_perform {
	background: url(../images/icon_why_perform.png) center no-repeat;
}
.trait .list em.icon_attestation {
	background: url(../images/icon_attestation.png) center no-repeat;
}
.trait .list em.icon_course1{
	background: url(../images/icon_course01.png) center no-repeat;
}
.trait .list em.icon_course2{
	background: url(../images/icon_course03.png) center no-repeat;
}
.trait .list em.icon_course3{
	background: url(../images/icon_course02.png) center no-repeat;
}
.trait .list em.icon_course4{
	background: url(../images/icon_course04.png) center no-repeat;
}
.trait .list em.icon_course5{
	background: url(../images/icon_course05.png) center no-repeat;
}
.trait .list em.icon_course6{
	background: url(../images/icon_course06.png) center no-repeat;
}
.trait .list h5 {
	width: 100%;
	padding: 20px 0px;
	text-align: center;
}
.trait .list p {
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	text-indent: 24px;
}
.courseContainer{
	overflow: hidden;
	padding-bottom: 40px;
}
.courseContainer .title {
	color: #ffffff;
	padding: 80px 0px;
	text-align: center;
}
.courseContainer .title h1 {
	padding-bottom: 20px;
}
.courseContainer .list {
	float: left;
	margin-right: 40px;
	width: 520px;
	border-radius: 8px;
	background: #ffffff;
	margin-bottom: 24px;
}
.courseContainer .list:last-child {
	margin-right: 0px;
}
.courseContainer .list em {
	margin: 10px auto 0px auto;
	width: 520px;
	height: 300px;
	display: block;
	text-indent: -99999px;
}
.courseContainer .list em.icon_idea1{
	background: url(../images/img_idea01.jpg) center no-repeat;
}
.courseContainer .list em.icon_idea2{
	background: url(../images/img_idea02.jpg) center no-repeat;
}
.courseContainer .list em.icon_idea3{
	background: url(../images/img_idea03.jpg) center no-repeat;
}
.courseContainer .list em.icon_idea4{
	background: url(../images/img_idea04.jpg) center no-repeat;
}
.courseContainer .list h5 {
	width: 100%;
	padding: 20px 0px;
	text-align: left;
}
.courseContainer .list p {
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	text-indent: 24px;
}

.Level{
	overflow: hidden;
	padding-bottom: 120px;
}
.Level .title {
	margin: 80px auto;
	text-align: center;
}
.Level .list {
	float: left;
	width: 356px;
	display: block;
	margin: 0px 12px 0px 12px;
}
.Level .list:first-child{ margin-left:30px;}
.Level .list em {
	border: 3px solid #e5e5e5;
	width: 356px;
	height: 120px;
	display: block;
	position: relative;
}
.Level .list em img {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.Level .list h4 {
	padding-top: 24px;
	text-align: center;
}
.edu .title, .idea .title {
	margin: 80px auto;
}
.edu .title h1 {
	text-align: center;
	width: 100%;
	padding-bottom: 60px;
}
.idea .title h1 {
	text-align: center;
	width: 100%;
}
.edu .title p, .idea .title p {
	color: #777777;
	line-height: 24px;
	font-size: 14px;
	text-indent: 28px;
	margin-bottom: 24px;
}
.edu .content, .idea .content img {
	text-align: center;
	margin: 0px auto;
	display: block;
	padding-bottom: 80px;
}