/************************************************************************************
more than 800
*************************************************************************************/
@media screen and (min-width: 640px) {
    #pagewrap {
        margin: 0 auto;
        max-width: 800px;
    }
    .header{
        height:80px;
    }
	
	.header-l img{ float:left; margin:4% 2% 0 17%; width:152px; height:48px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:4%;}
	.header-l span h3{ font-size:1.6em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:1em; line-height:1.6em; color:#24272e; font-weight:normal;}
	
	.nav{ height:44px;}
    .nav ul li{
        height:44px;
		line-height:44px;
        font-size:1.2em;
		padding:0 1.25%;
    }


	.tit h1{
		padding-top:0%;
		font-size:2.2em;
		line-height:1.4em;
		font-weight:bold;
		text-align:center;
		color:#36383f;
	}
	.tit h1 span{
		color:#ff6b53;
	}
	
	.tit h2{
		padding-top:0%;
		font-size:2em;
		line-height:2em;
		font-weight:none;
		text-align:center;
		color:#ff6b53;
	}

	.tit h4{
		padding-top:0%;
		font-size:2em;
		line-height:1.4em;
		font-weight:none;
		text-align:center;
		color:#36383f;
	}

	.tit h5{
		padding-top:0%;
		font-size:2em;
		line-height:1.4em;
		text-align:center;
		color:#36383f;
	}


	.sy_day{background:url(../images/sy_day.png) no-repeat; 
		height:282px; background-size:100%;}

	.sy_day h3{
		font-size:2em;
		line-height:1em;
		font-weight:none;
		text-align:center;
		color:#fff;
		}
		
	.sy_day h3 span{
		color:#ff6b53;
		font-weight:bold;
	}
	.sy_day ul li{ padding-left:10%;}
	.sy_day label{ float:left; margin-top:9%; font-size:1.2em;  font-weight:bold; color:#fff;}
	
	.sy_day input{  width:50%; border:1px solid #fff; 
					background:rgba(255, 255, 255, 0)!important;
					filter:Alpha(opacity=0); background:#fff;
					padding:2%; margin-left:3%;  margin-top:6.4%;
					font-size:1.4em; float:left;
			}
	.day_mg{ margin:8% 0 0 15%;}
	.js_mg{ margin:6% 0 0 40%;}

	.syteach-box{
		width:249px;
		height:296px;
		
	}


	.student-box5{
		margin:0 auto;
		width:100%;
		height:364px;
		background:url("../images/stu_bj.png") no-repeat center top;
	}
	.student-box5-main{
		margin:0 auto;
		width:520px;
		height:300px;
		position:relative;
		top:30px;
		background:url("../images/stu_main.png") no-repeat center top;
	}
	.student-box5-img{
		margin-top:18px;
		margin-left:61px;
		width:392px;
		height:245px;
		overflow:hidden;
	}
	
	.foot{ height:100px;}
	.footer{ width:80%; margin:0 auto;}
	.footer img{ width:126px; height:126px; float:left;}
	
	.ewmp{ float:left; padding-left:4%;}
	
	.ewmp h3{ font-size:1.2em; color:#ff563b;}
	.ewmp h4{ font-size:1.2em; color:#fff;}
	.ewmp h5{ font-size:1.2em; color:#cacaca;}

/*课程大纲*/
/*课程大纲*/





	
	
/*老师*/
    .tea-box{
        width:90%;
    }
    .tea-info h1{
        font-size:2em;
		line-height:2em;
    }
    .tea-info h2{
        font-size:2em;
		line-height:1.6em;
    }
    .tea-info h3{
        font-size:1.6em;
		line-height:1.6em;
    }
	
    .tea-info p{
        font-size:1.6em;
        line-height:1.8em;
    }
/*老师*/
	
	
/*学员视频*/
.video{ width:90%; margin:0 auto;}
.video li{
    height:220px;
	}
.video_l a{ display:block; margin:2% 0 0 10%;}
.video_btn {
	background:url(../images/stu/video_btn.png) no-repeat;
	width:182px;  height:37px;  
	font-size:1.6em; line-height:37px;
}

.video_r{
	background:url(../images/stu/video_bg.png) no-repeat;
	width:282px;  height:152px;  
}

.video_r h3{
	font-size:1.8em;
	line-height:1.8em;
	font-weight:bold;
	color:#45474d;
	background:url(../images/stu/video_db.png) no-repeat left bottom;
	}

.video_r p{
	font-size:1.4em;
	color:#525252;
	line-height:1.4em;
	padding-top:2%;	
	}


/*学员视频*/
/*返回首页和底部*/
    .goback{
        top:140px;
    }
    .back{
        width:52px;
        height:52px;
        background:url("../images/back.png") no-repeat center center;
        background-size:52px 52px;
    }
    .bottom-btn{
        height:80px;
    }
    .bottom-btn1{
        height:80px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:58px 58px;
    }
    .bottom-btn2{
        height:80px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:58px 58px;
    }
	
/*返回首页和底部*/


.tedu_a{display:block; width:24%; margin:0 auto; margin-top:4%; margin-bottom:4%;}
#go{ font-size:1.2em;}
}




/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (min-width: 480px) and (max-width: 639px) {
    #pagewrap {
        margin: 0 auto;
        width: 100%;
    }
    .header{
        height:64px;
    }
	
	.header-l img{ float:left; margin:4% 2% 0 20%; width:122px; height:38px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:5%;}
	.header-l span h3{ font-size:1.0em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:0.8em; line-height:1.6em; color:#24272e; font-weight:normal;}
	

	.nav{ height:36px;}
    .nav ul li{
        height:36px;
        line-height:36px;
        font-size:1em;
		padding:0 1.0%;
    }
	
	.tit h1{
		padding-top:0%;
		font-size:1.8em;
		line-height:1em;
		font-weight:bold;
		text-align:center;
		color:#36383f;
	}
	.tit h1 span{
		color:#ff6b53;
	}
	
	.tit h2{
		padding-top:0%;
		font-size:1.6em;
		line-height:1.6em;
		font-weight:none;
		text-align:center;
		color:#ff6b53;
	}
	
	.tit h4{
		padding-top:0%;
		font-size:1.4em;
		line-height:1.4em;
		font-weight:none;
		text-align:center;
		color:#36383f;
	}

	.tit h5{
		padding-top:0%;
		font-size:1.4em;
		line-height:1.4em;
		text-align:center;
		color:#36383f;
	}
	
	
	
	.sy_day{background:url(../images/sy_day.png) no-repeat; 
		height:225px; background-size:100%;}
	.sy_day h3{
		font-size:1.8em;
		line-height:1em;
		font-weight:none;
		text-align:center;
		color:#fff;
		}
	.sy_day ul li{ padding-left:10%;}
	.sy_day h3 span{
		color:#ff6b53;
		font-weight:bold;
	}
	
	.sy_day label{ float:left; margin-top:9%; font-size:1.2em;  font-weight:bold; color:#fff;}
	
	.sy_day input{  width:50%; border:1px solid #fff; 
					background:rgba(255, 255, 255, 0)!important;
					filter:Alpha(opacity=0); background:#fff;
					padding:2%; margin-left:3%;  margin-top:6.4%;
					font-size:1.4em; float:left;
			}
	.day_mg{ margin:10% 0 0 14%;}
	
	.js_mg{ margin:6% 0 0 40%;}
	
	.syteach-box{
		width:200px;
		height:236px;
		
	}
	
	.student-box5{
		margin:0 auto;
		width:100%;
		height:292px;
		background:url("../images/stu_bj.png") no-repeat center top;
	}
	.student-box5-main{
		margin:0 auto;
		width:416px;
		height:240px;
		position:relative;
		top:24px;
		background:url("../images/stu_main.png") no-repeat center top;
	}
	.student-box5-img{
		margin-top:14px;
		margin-left:49px;
		width:314px;
		height:196px;
		overflow:hidden;
	}
	.foot{ height:120px;}
	.footer{ width:80%; margin:0 auto;}
	.footer img{ width:100px; height:100px; float:left;}
	
	.ewmp{ float:left; padding-left:4%;}
	
	.ewmp h3{ font-size:1em; color:#ff563b;}
	.ewmp h4{ font-size:1em; color:#fff;}
	.ewmp h5{ font-size:1em; color:#cacaca;}

/*课程大纲*/
/*课程大纲*/



/*老师*/
    .tea-box{
        width:88%;
    }
    .tea-info h1{
        font-size:1.8em;
		line-height:1.8em;
    }
    .tea-info h2{
        font-size:1.8em;
		line-height:1.6em;
    }
    .tea-info h3{
        font-size:1.4em;
		line-height:1.6em;
    }
	
    .tea-info p{
        font-size:1.4em;
        line-height:1.6em;
    }
/*老师*/

/*学员视频*/
.video{ width:90%; margin:0 auto;}
.video li{
    height:190px;
	}
.video_l a{ display:block; margin:2% 0 0 10%;}
.video_btn {
	background:url(../images/stu/video_btn.png) no-repeat;
	width:146px;  height:30px;  
	font-size:1.4em; line-height:30px;
}

.video_r{
	background:url(../images/stu/video_bg.png) no-repeat;
	background-size:220px 122px;
}

.video_r h3{
	font-size:1.6em;
	line-height:1.6em;
	font-weight:bold;
	color:#45474d;
	background:url(../images/stu/video_db.png) no-repeat left bottom;
	width:190px;
	}

.video_r p{
	font-size:1.1em;
	color:#525252;
	line-height:1.4em;
	padding-top:2%;	
	width:190px;
	height:100px;
	}


/*学员视频*/
/*返回首页和底部*/

    .goback{
        top:120px;
    }
    .back{
        width:42px;
        height:42px;
        background:url("../images/back.png") no-repeat center center;
        background-size:42px 42px;
    }
    .bottom-btn{
        height:64px;
    }
    .bottom-btn1{
        height:64px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:43px 43px;
    }
    .bottom-btn2{
        height:64px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:46.4px 46.4px;
    }

/*返回首页和底部*/

.tedu_a{display:block; width:24%; margin:0 auto; margin-top:4%; margin-bottom:4%;}
#go{ font-size:1.2em;}


}



/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (min-width: 320px) and (max-width: 479px) {
    #pagewrap {
        margin: 0 auto;
        width: 100%;
        min-width:320px;
    }
    .header{
        height:48px;
    }
	
	.header-l img{ float:left; margin:4% 1.2% 0 12%; width:78px; height:24px; }
	.header-l span{ border-left:1px solid #333333; padding-left:2%; float:left; margin-top:3%;}
	.header-l span h3{ font-size:1.0em; line-height:1.2em; color:#24272e;}
	.header-l span h4{ font-size:0.8em; line-height:1.6em; color:#24272e; font-weight:normal;}
	

	.nav{ height:36px;}
    .nav ul li{
        height:36px;
        line-height:36px;
        font-size:1em;
		padding:0 1.0%;
    }
	
	
	.tit h1{
		padding-top:0%;
		font-size:1.6em;
		line-height:1.4em;
		font-weight:bold;
		text-align:center;
		color:#36383f;
	}
	.tit h1 span{
		color:#ff6b53;
	}
	
	.tit h2{
		padding-top:0%;
		font-size:1.2em;
		line-height:1.2em;
		font-weight:none;
		text-align:center;
		color:#ff6b53;
	}

	.tit h4{
		padding-top:0%;
		font-size:1.2em;
		line-height:1.2em;
		font-weight:none;
		text-align:center;
		color:#36383f;
	}

	.tit h5{
		padding-top:0%;
		font-size:1.2em;
		line-height:1.2em;
		text-align:center;
		color:#36383f;
	}
	
	.sy_day{background:url(../images/sy_day.png) no-repeat; 
		height:225px; width:100%;}
		
	.sy_day h3{
		font-size:1.6em;
		line-height:1em;
		font-weight:none;
		text-align:center;
		color:#fff;
		}
		
	.sy_day h3 span{
		color:#ff6b53;
		font-weight:bold;
	}
	
	.sy_day ul li{ padding-left:4%;}
	.sy_day label{ float:left; margin-top:13%; font-size:1.2em;  font-weight:bold; color:#fff;}
	
	.sy_day input{  width:60%; border:1px solid #fff; 
					background:rgba(255, 255, 255, 0)!important;
					filter:Alpha(opacity=0); background:#fff;
					padding:2%; margin-left:3%;  margin-top:9%;
					font-size:1.2em; float:left;
			}
	.day_mg{ margin:14% 0 0 15%;}
	.js_mg{ margin:6% 0 0 32%;}
	
	.syteach-box{
		width:160px;
		height:188px;
		
	}



	.student-box5{
		margin:0 auto;
		width:100%;
		height:234px;
		background:url("../images/stu_bj.png") no-repeat center top;
	}
	.student-box5-main{
		margin:0 auto;
		width:332px;
		height:192px;
		position:relative;
		top:19px;
		background:url("../images/stu_main.png") no-repeat center top;
		background-size:100% 100%;
	}
	.student-box5-img{
		margin-top:11px;
		margin-left:39px;
		width:250px;
		height:206px;
		overflow:hidden;
	}
	
	.foot{ height:100px;}
	.footer{ width:85%; margin:0 auto;}
	.footer img{ width:80px; height:80px; float:left;}
	
	.ewmp{ float:left; padding-left:4%;}
	
	.ewmp h3{ font-size:0.6em; color:#ff563b;}
	.ewmp h4{ font-size:0.6em; color:#fff;}
	.ewmp h5{ font-size:0.6em; color:#cacaca;}


/*课程大纲*/

.stu-con span{ width:35px; height:21px;}

/*课程大纲*/


/*老师*/
    .tea-box{
        width:94%;
    }
    .tea-info h1{
        font-size:1.6em;
		line-height:1.6em;
    }
    .tea-info h2{
        font-size:1.6em;
		line-height:1.4em;
    }
    .tea-info h3{
        font-size:1.2em;
		line-height:1.4em;
    }
	
    .tea-info p{
        font-size:1.2em;
        line-height:1.4em;
    }
/*老师*/



/*学员视频*/
.video{ width:90%; margin:0 auto;}
.video li{
    height:140px;
	}
.video_l a{ display:block; margin:2% 0 0 5%;}
.video_btn {
	background:url(../images/stu/video_btn.png) no-repeat;
	width:116px;  height:24px;  
	font-size:1.0em; line-height:24px;
}

.video_r{
	background:url(../images/stu/video_bg.png) no-repeat;
	background-size:140px 98px;
}

.video_r h3{
	font-size:1.4em;
	line-height:1.6em;
	font-weight:bold;
	color:#45474d;
	background:url(../images/stu/video_db.png) no-repeat left bottom;
	width:120px;
	}

.video_r p{
	font-size:0.8em;
	color:#525252;
	line-height:1.2em;
	padding-top:2%;	
	width:120px;
	height:100px;
	}


/*学员视频*/

/*返回首页和底部*/
    .goback{
        top:100px;
    }
    .back{
        width:31px;
        height:31px;
        background:url("../images/back.png") no-repeat center center;
        background-size:31px 31px;
    }
    .bottom-btn{
        height:48px;
    }
    .bottom-btn1{
        height:48px;
        background:url("../images/bottom-btn1.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }
    .bottom-btn2{
        height:48px;
        background:url("../images/bottom-btn2.png") no-repeat center center;
        background-size:34.8px 34.8px;
    }

/*返回首页和底部*/

.tedu_a{display:block; width:24%; margin:0 auto; margin-top:4%; margin-bottom:4%;}
#go{ font-size:1em;}

}