@charset "UTF-8";
/*----banner--------*/
.banner{
	position: relative;
	background-image:url(/images_new/flow_banner.jpg);
}
.flow_video{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 22;
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 36px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255,127,20,.8);
}
.banner .txt{
	float:right;
	padding-top:65px;
	width:190px;
	text-align:center;
	font-size:1.6em; 
	font-weight:bold;
	line-height:1.2em;
}
.banner .sub{
	display:block;
	font-size:.6em; 
	font-weight:normal;
}
.flow1{
	padding-top:15px;
	background-color:#e5e5e5;
}
.flow1 ul{
	display:box;
	display:-webkit-box;
	display:-moz-box;
	padding:20px 15px 25px 15px;
}
.flow1 li{
	padding:0 5px;
	text-align:center;
}
.flow1 .bd{
	width:75px;
}
.flow1 .bd i{
	width:100%;
	height:79px;
	line-height:75px;
	font-size:2.4rem;
	color:#ff7f14;
	background:url(/images_new/flow_img0.png) no-repeat;
	background-size:100% 100%;
}
.flow1 .txt{
	line-height:1.8em;
}
.flow1 .elli{
	box-flex:1;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	line-height:75px;
	color:#ccc;
	font-size:1.6rem;
}

/*课前*/
.flow2 {
    position: relative;
    padding: 60px 0 0 0; 
}
.flow2_bd{
	position:relative;
	height:250px;
	background:url(/images_new/flow_img1.jpg) no-repeat 10% bottom;
	background-size:150px;
}
.flow2_bd p{
	position:absolute;
	right:10%;
	top:50%;
	z-index:10;
	width:129px;
	height:85px;
	margin-top:-65px;
	padding-top:45px;
	padding-left:10px;
	text-align:center;
	color:#fff;
	background:url(/images_new/flow_img2.png) no-repeat;
	background-size:100% 100%;
}

/*课中*/
.flow3 {
    position: relative;
    padding: 60px 0 0 0;
    background-color:#e5e5e5;
}
.flow3 ul{
	min-height:170px;
	padding-left:10px;
	background:url(/images_new/flow_img4.png) no-repeat right bottom;
	background-size:170px;
}
.flow3 li{
	padding:3px 0;
	line-height:42px;
	color:#666;
	font-size:1.2rem;
}
.flow3 label{
	display:inline-block;
	width:42px;
	height:42px;
	padding-right:4px;
	margin-right:4px;
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	background:url(/images_new/flow_img3.png) no-repeat right bottom;
	background-size:46px 42px;
}

/*课后*/
.flow4 {
    position: relative;
    padding: 60px 0 20px 0; 
}
.flow4 h4{
	padding-bottom:10px;
	font-size:1.4rem;
	color:#666;
	font-weight:normal;
	text-align:center;
}
.flow4_img{
	padding:0 20px;
}
.flow4_img img{
	width:100%;
}