.m-course{
	overflow: hidden;
}
.m-course .item{
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	padding: 70px 0 81px;
	overflow: hidden;
}
.m-course .bg1{
	width: 359px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.m-course .bg1 img{
	display: block;
	width: 100%;
	height: auto;
}
.m-course .bg2{
	width: 248px;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
}
.m-course .bg2 img{
	display: block;
	width: 100%;
	height: auto;
}
.m-course .pic{
	font-size: 0;
	text-align: center;
	margin-top: -21px;
	overflow: hidden;
}
.m-course .pic img{
	display: inline-block;
}
.m-course .pic3{
	margin-top: 57px;
}
.m-course .scene{
	position: relative;
	margin-top: 60px;
	overflow: hidden;
}
.m-course .scene .bg{
	overflow: hidden;
}
.m-course .scene .bg img{
	display: block;
	margin: 0 auto;
}
.m-course .scene ul{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	padding-top: 48px;
	overflow: hidden;
}
.m-course .scene li{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.m-course .scene .li1{
	margin-bottom: 82px;
}
.m-course .scene .li2{
	margin-bottom: 34px;
}
.m-course .scene .li3{
	margin-bottom: 56px;
}
.m-course .scene .li5{
	margin-top: -50px;
}
.m-course .scene .con{
	overflow: hidden;
}
.m-course .scene li:nth-child(2n+1) .con{
	text-align: right;
}
.m-course .scene .li1 .con{
	padding-right: 201px;
}
.m-course .scene .li2 .con{
	padding-top: 18px;
	padding-left: 264px;
}
.m-course .scene .li3 .con{
	padding-right: 264px;
}
.m-course .scene .li4 .con{
	padding-top: 106px;
	padding-left: 269px;
}
.m-course .scene .li5 .con{
	padding-right: 186px;
}
.m-course .scene li h3{
	font-size: 32px;
	line-height: 1.25em;
	font-weight: 500;
	margin-bottom: 5px;
	overflow: hidden;
}
.m-course .scene li .desc{
	font-size: 20px;
	color: #333;
	line-height: 1.5em;
	overflow: hidden;
}
.m-course .course{
	position: relative;
	margin-top: 85px;
	overflow: hidden;
}
.m-course .course img{
	display: block;
	width: 100%;
	height: auto;
}
.m-course .course .cont{
	position: absolute;
	top: 41px;
	left: 0;
	right: 0;
	padding: 0 150px;
}
.m-course .course .rr{
	float: right;
	width: 280px;
	background-color: #fff;
	border-radius: 10px;
	padding: 22px 20px 22px 35px;
	margin-left: 50px;
	overflow: hidden;
}
.m-course .course .icon{
	float: left;
	width: 56px;
	height: 56px;
	margin-right: 19px;
	overflow: hidden;
}
.m-course .course .icon img{
	display: block;
	width: 100%;
	height: 100%;
}
.m-course .course .txt{
	height: 56px;
	font-size: 0;
	line-height: 56px;
	position: relative;
	overflow: hidden;
}
.m-course .course .txt h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 24px;
	color: #333;
	line-height: 1em;
	font-weight: 500;
	overflow: hidden;
}
.m-course .course .ll{
	background-color: #fff;
	border-radius: 10px;
	padding: 22px 20px 22px 33px;
	overflow: hidden;
}
.m-course .course .bxs{
	float: left;
}
.m-course .course .ll em{
	display: block;
	float: left;
	font-size: 48px;
	color: #FF5A0E;
	line-height: 1.17em;
	font-style: normal;
	margin: 0 38px 0 42px;
}
.m-course .tit{
	font-size: 35px;
	color: #333;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-top: 62px;
	overflow: hidden;
}
.ul-imgtxt5{
	font-size: 0;
	text-align: center;
	margin: 56px -6px 0;
	overflow: hidden;
}
.ul-imgtxt5 li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	overflow: hidden;
}
.ul-imgtxt5 .con{
	display: block;
	background-color: #fff;
	border-radius: 10px;
	padding: 18px 18px 16px 13px;
	overflow: hidden;
}
.ul-imgtxt5 i{
	display: block;
	float: left;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-right: 15px;
	overflow: hidden;
}
.ul-imgtxt5 h3{
	font-size: 23px;
	color: #333;
	line-height: 36px;
	font-weight: bold;
	overflow: hidden;
}
.ul-txt1{
	font-size: 0;
	text-align: center;
	margin: 56px -25px 0;
	overflow: hidden;
}
.ul-txt1 li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}
.ul-txt1 li a{
	display: block;
	min-width: 140px;
	font-size: 16px;
	color: #333;
	line-height: 3.13em;
	text-align: center;
	background-color: #F3F3F3;
	border-radius: 25px;
	padding: 0 20px;
	overflow: hidden;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.ul-txt1 li:hover a,.ul-txt1 li.on a{
	background-color: #FBC729;
}
.m-course .feature{
	background-color: #FDFAEE;
	padding: 48px 68px 41px 50px;
	margin: 60px 50px 16px;
	overflow: hidden;
}
.m-course .feature .img{
	float: left;
	width: 500px;
	height: auto;
	margin-right: 51px;
	overflow: hidden;
}
.m-course .feature .img img{
	display: block;
	width: 100%;
	height: auto;
}
.m-course .feature .txt{
	font-size: 18px;
	color: #333;
	line-height: 2.22em;
	overflow: hidden;
}
.m-course .feature .txt p{
	position: relative;
	padding-left: 29px;
}
.m-course .feature .txt p:after{
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: #FBC729;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 0;
}