body {
    margin-bottom: 0;
}
#case0 {
	width: 100%;
	/* height: 484px; */
	position: relative;
	overflow: hidden;
	background: url(../img/education_order/backimg.png) center no-repeat;
	background-size: cover;
}

#case0 .title_box {
	display: flex;
  flex-direction: row;
	margin: 80px 5%;
}
#case0 .title_box div{
    width: 50%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#case0 .case0_img{
	width: 100%;
	height: auto;
}
#case0 .case1_img{
	width: 90%;
	height: auto;
	display: none;
}
#case0 .title_top{
	font-size: 30px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 24px;
}
#case0 .span_top{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 35px;
}

#case1{
	margin: 80px 5%;
}
.case1_div{
	position: relative;
}
#case1 .title_case1 h2{
	font-size: 30px;
	font-weight: 600;
	color: #333333;
	margin: 0;
	margin-bottom: 60px;
}
.case1_item{
	display: flex;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px dashed #CCCCCC;
	margin-top: 30px;
}
.case1_item_last{
	border-bottom: none;
}
.case1_item img{
	width: 40px;
	height: 40px;
	margin-right: 15px;
}
.case1_item h3{
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	margin: 0;
}
.case1_item p{
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	margin-top: 15px;
}
.case1_text_div{
	max-width: 39%;
}
#case1 .img2{
	position: absolute;
	right: 0;
	height: 100%;
	width: auto;
	max-width: 54%;
	opacity: 0.8;
	top: 0;
}
#case1 .case1_img2{
	display: none;
	width: 100%;
	margin-top: 40px;
}

#case2{
	padding: 62px 0;
	background-color: #f7f7f7;
	display: flex;
	justify-content: space-between;
	position: relative;
}
.case_left, .case_right{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.case_left,.case_right{
	width: 38%;
}
.img_back2, .img_back1{
	width: 100%;
}
/* .case_left .img_back1{
	width: 498px;
} */
.img_iphone1{
	/* width: 278px;
	margin-top: -80px; */
	width: 56%;
	margin-top:-15%;
}
.case_midd{
	position: absolute;
	/* left: 448px;
	top: 252px; */
	left: 35%;
	top: 30%;
	right: 35%;
}
.case_midd h3{
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	margin: 0;
	margin-bottom: 40px;
}
.case_midd p{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
}
/* .img_back2{
	width: 498px;
	z-index: 10;
} */
.img_iphone2{
	/* width: 278px;
	margin-bottom: -80px; */
	z-index: 15;
	width: 56%;
	margin-bottom:-15%;
}

#case3{
	padding: 80px 0;
	position: relative;
}
.case3_img1{
	position: absolute;
	top: 0;
	right: 0;
	width: 210px;
	height: 230px;
}
.case_img4{
	width: 278px;
	margin-right: 77px;
	margin-left: 110px;
}
.case3_img3{
	width: 278px;
	margin-right: 98px;
	margin-top: 84px;
}
.case3_div{
	display: flex;
}
.case3_div h3{
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	margin: 0;
	margin-bottom: 40px;
}

.case3_div h3 img{
	width: 33px;
	height: 33px;
}
.case3_div .case_text{
	margin-top: 242px;
}
.case3_div .case_text p{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
}

#case4{
	display: flex;
	padding: 80px 5%;
	background-color: #f7f7f7;
	justify-content: center;
	align-items: center;
}
.case4_div h3{
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	margin: 0;
	margin-bottom: 48px;
}
.case4_div p{
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 30px;
}
.p1{
	margin-bottom: 40px;
}
.case4_img{
	width: 60%;
	height: auto;
}

@media (max-width: 767px) {
	#case0 .span_top{
		line-height: 21px;
		font-weight: 400;
	}
	#case0 .case0_img{
		display: none;
	}
	#case0 .case1_img{
		display: block;
		margin-top: 40px;
	}
	#case0 {
		height: auto;
	}
	#case0 .title_box {
		margin: 40px 5%;
		flex-direction: column;
	}
	#case0 .title_box div {
		width: 100%;
	}
	#case1{
		margin: 40px 5%;
	}
	#case1 .title_case1 h2{
		margin-bottom: 30px;
		font-size: 28px;
	}
	.title_case1{
		text-align: center;
	}
	#case1 .img2{
		display: none;
	}
	#case1 .case1_img2{
		display: block;
	}
	.case1_item{
		display: flex;
		align-items: center;
		border-bottom: none;
		margin-top: 20px;
		padding-bottom: 0px;
	}
	.case1_item p{
		margin-top: 12px;
	}
	.case1_text_div{
		max-width: none;
	}
	#case2{
		flex-direction: column;
		padding:40px 0;
	}
	#case2 .img_back1{
		/* width: 370px; */
		width: 82%;
	}
	.case_left{
		align-items:flex-start;
		position: relative;
		width: 100%;
	}
	.img_iphone1{
		/* width: 180px;
		margin-top: -50px;
		margin-left: 50px; */
		width: 50%;
		margin-left: 10%;
		margin-top: -13%;
	}
	.case2_iphone_h3{
		display: block;
		font-size: 25px;
		font-weight: 500;
		color: #333333;
		margin: 0;
		margin-left: 25px;
		margin-bottom: 30px;
	}
	.case_midd{
		display: none;
	}
	.case_left_text{
		position: absolute;
		left: 60%;
		font-size: 13px;
		right: 10px;
		font-weight: 400;
		color: #666666;
		line-height: 23px;
		top: 33%;
	}
	.case_left_text2{
		font-size: 13px;
		font-weight: 400;
		color: #666666;
		line-height: 23px;
		width: calc(100% - 50px);
		margin: 20px 25px;
	}
	#case2 .img_back2{
		width: 82%;
	}
	.case_right{
		align-items:flex-end;
		position: relative;
		width: 100%;
	}
	.img_iphone2{
		/* width: 180px;
		margin-bottom: -50px;
		margin-right: 50px; */
		width: 50%;
		margin-right: 10%;
		margin-bottom: -13%;
	}
	.case_left_text3{
		position: absolute;
		right: 60%;
		font-size: 13px;
		left: 10px;
		font-weight: 400;
		color: #666666;
		line-height: 23px;
		top: 33%;
	}
	#case3{
		padding: 40px 0;
	}
	.case3_img1{
		width: 120px;
		height: 120px;
	}
	.case3_title{
		display: block;
		font-size: 28px;
		font-weight: 600;
		color: #333333;
		margin: 0;
		margin-bottom: 30px;
		text-align: center;
	}
	.case_img4{
		margin-right: 25px;
		margin-left: 30px;
	}
	.case_img4,.case3_img3{
		width: 160px;
	}
	.case3_img3{
		margin-top: 42px;
		margin-right: 0;
	}
	.case_text,.case4_img,.p2{
		display: none;
	}
	.case_text_iphone{
		display: flex;
		font-size: 13px;
		font-weight: 400;
		color: #666666;
		justify-content: center;
		margin-top: 20px;
		line-height: 23px;
	}
	#case4{
		flex-direction: column;
		padding: 40px 5%;
	}
	.p2_iphone{
		display: flex;
		font-size: 13px;
		font-weight: 400;
		color: #666666;
		justify-content: center;
		margin-top: 20px;
		line-height: 23px;
	}
	.case4_img_iphone{
		display: block;
		width: 95%;
	}
	.case4_div h3{
		margin-bottom: 30px;
		text-align: center;
		font-size: 28px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#case0 .title_box{
		margin: 40px 5%;
	}
	.case_left,.case_right{
		width: 35%;
	}
	.case_left .img_back1{
		width: 100%;
	}
	.img_iphone1{
		width: 60%;
		margin-top:-15%;
	}
	.img_iphone2{
		width: 60%;
		margin-bottom:-15%;
	}
	.case_midd{
		left: 30%;
		top: 30%;
		right: 35%;
	}
	.case_midd h3{
		margin-bottom: 20px;
	}
	.case_midd p{
		font-size: 12px;
	}
	.img_back2{
		width: 100%;
	}
	#case0 .case1_img{
		display: none;
	}
	#case1 .case1_img2{
		display: none;
	}
	.case2_iphone_h3{
		display: none;
	}
	.case2_iphone_h3{
		display: none;
	}
	.case_left_text, .case_left_text2,.case_left_text3{
		display: none;
	}
	.case3_title,.case_text_iphone,.case4_img_iphone,.p2_iphone{
		display: none;
	}
	.case_img4{
		width: 200px;
		margin-right: 60px;
		margin-left: 60px;
	}
	.case3_img3{
		width: 200px;
		margin-right: 60px;
	}
	#case4{
		padding: 80px 5%;
	}
}
@media (min-width: 992px) {
	#case0 .case1_img{
		display: none;
	}
	#case1 .case1_img2{
		display: none;
	}
	.case2_iphone_h3{
		display: none;
	}
	.case2_iphone_h3{
		display: none;
	}
	.case_left_text, .case_left_text2,.case_left_text3{
		display: none;
	}
	.case3_title,.case_text_iphone,.case4_img_iphone,.p2_iphone{
		display: none;
	}
}
@media (min-width: 1680px) {
	.case_left, .case_right{
		width: 32%;
	}
	.img_iphone1, .img_iphone2{
		width: 50%;
	}
	.case4_img{
		width: 50%;
	}
	#case0 .case0_img{
		width: 80%;
	}
}