.wrapper {
	width: 1200px;
	margin: 0 auto;
}

.common_title {
	position: relative;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	color: #333;
}

.common_title .blue_word {
	color: #0a8cf8;
}

.common_title::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	width: 47px;
	height: 32px;
	background: url(../images/icon_04.png) center no-repeat;
}

.common_title::after {
	content: '';
	display: inline-block;
	margin-left: 10px;
	width: 47px;
	height: 32px;
	background: url(../images/icon_02.png) center no-repeat;
}

.banner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 593px;
	width: 100%;
	height: 664px;
	background: url(../images/banner.jpg) center no-repeat;
}

.video_container {
	width: 100%;
	height: 500px;
	background: url(../images/01.jpg) center no-repeat;
}

.video_container .video_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.video_container .video-play {
	width: 800px;
	height: 450px;
}

.video_container .video-t,
.video_container .video-b {
	width: 392px;
	height: 220px;
}

.video_container .video-t {
	margin-bottom: 10px;
}

.video_container .video_left {
	position: relative;
	width: 800px;
	height: 450px;
}

.video_container .video_right {
	margin-left: 7px;
}

.video_container .video_title {
	position: absolute;
	bottom: 0;
	font-size: 16px;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background-color: black;
}

.video_container .video_content {
	position: relative;
}

.teacher {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 64px;
	width: 100%;
	height: 1649px;
	background: url(../images/02.jpg) center no-repeat;
}

.teacher .common_title {
	color: #f6de6a;
}

.teacher .common_title::before {
	content: '';
	background: url(../images/icon_03.png) center no-repeat;
}

.teacher .common_title::after {
	content: '';
	background: url(../images/icon_01.png) center no-repeat;
}

.teacher_title {
	margin: 16px auto 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 26px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #2c86f9;
	width: 479px;
	height: 88px;
	background: url(../images/icon01.png) center no-repeat;
}

.teacher_des {
	font-size: 24px;
	text-align: center;
	letter-spacing: 1px;
	color: #ffffff;
}

.teacher_list {
	width: 138px;
	margin-right: 10px;
	padding-top: 187px;
}

.teacher_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.teacher .teacher_content {
	margin-top: 28px;
	width: 1200px;
}

.teacher .teacher_content .teacher_list {
	margin-right: 12px;
	width: 120px;
}

.teacher .name {
	margin-bottom: 6px;
	padding-left: 22px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}

.teacher .des {
	padding-left: 10px;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
}

.teacher .des span {
	margin: 0 -1px;
}

.teacher .des_top {
	padding-left: 14px;
}

.teacher_container {
	margin-top: 20px;
	height: 580px;
	background: url(../images/teacher.png) center no-repeat;
}

.teacher .thead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px auto -1px;
	text-align: center;
	background: url(../images/04.png) -5px center no-repeat;
}

.teacher .thead li {
	font-size: 20px;
	font-weight: bold;
	height: 43px;
	line-height: 43px;
	color: #fff;
}

.teacher .thead li:first-child {
	width: 215px;
}

.teacher .thead li:last-child {
	width: 334px;
}

.teacher .thead li:nth-child(2) {
	width: 653px;
}

.teacher .tbody {
	background-color: #fff;
}

.teacher .tbody tr td {
	border-collapse: collapse;
	font-size: 16px;
	height: 46px;
	text-align: center;
	color: #000;
	border: 1px solid #ebebeb;
}

.teacher .tbody tr td:first-child {
	width: 215px;
}

.teacher .tbody tr td:last-child {
	width: 334px;
}

.teacher .tbody .td_height {
	height: 57px;
}

.teacher_btn {
	margin: 24px auto 0;
	display: block;
	width: 343px;
	height: 66px;
	font-size: 28px;
	font-weight: bold;
	line-height: 66px;
	text-align: center;
	background-image: linear-gradient(23deg, #5571d2 0%, #3952b8 100%),
		linear-gradient(#f6de6a, #f6de6a);
	border-radius: 33px;
	color: #f6de6a;
}

.agree {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 50px;
	width: 100%;
	height: 642px;
	background: #fff9dc;
}

.agree_content {
display: block;
	margin: 30px auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 70px 0 424px;
	width: 1108px;
	height: 390px;
	background: url(../images/humin.png) center no-repeat;
}

.agree_title {
	padding-bottom: 35px;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	color: #333;
	border-bottom: 1px dashed #a7a7a7;
}

.agree_des {
	margin-top: 32px;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	text-align: justify;
}

.agree_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1082px;
}

.agree_txt {
	position: relative;
	margin-bottom: 18px;
	width: 48%;
	font-size: 18px;
	color: #333;
}

.agree_txt span {
	margin-right: -10px;
}

.agree_txt .gantan {
	margin-right: -17px;
}

.agree_txt::before {
	content: '1';
	display: inline-block;
	margin-right: 6px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50%;
	background-image: linear-gradient(
			45deg,
			rgba(41, 157, 253, 0.98) 0%,
			rgba(10, 141, 249, 0.98) 100%
		),
		linear-gradient(#0e9e56, #0e9e56);
	color: #fff;
	font-size: 18px;
}

.agree_txt:nth-child(2) {
	width: 52%;
}

.agree_txt:nth-child(2)::before {
	content: '3';
}

.agree_txt:nth-child(3)::before {
	content: '2';
}

.agree_txt:nth-child(3)::after {
	content: '';
	position: absolute;
	top: -26px;
	left: 12px;
	width: 0;
	height: 30px;
	border-right: 1px dashed #1291f7;
}

.agree_txt:last-child {
	width: 52%;
}

.agree_txt:last-child::before {
	content: '4';
}

.agree_txt:last-child::after {
	content: '';
	position: absolute;
	top: -26px;
	left: 12px;
	width: 0;
	height: 30px;
	border-right: 1px dashed #1291f7;
}

.agree_txt:hover {
	color: #cf2b35;
}

.agree_txt:hover::before {
	background: none;
	background-color: #cf2b35;
}

.fangan {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 49px;
	width: 100%;
	height: 818px;
	background: url(../images/03.jpg) center no-repeat;
}

.fangan .common_title {
	color: #f6de6a;
}

.fangan_box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 100px 0 0 20px;
}

.fangan_ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 30px;
}

.fangan_li {
	position: relative;
	width: 264px;
	height: 201px;
}

.fangan_li div {
	position: absolute;
	top: 175px;
	left: 67px;
	width: 130px;
	height: 41px;
	font-size: 24px;
	line-height: 41px;
	color: #006bef;
	background-color: #f6de6a;
	border-radius: 20px;
	text-align: center;
}

.fangan_bottom {
	margin-top: 32px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fangan_bottom .fangan_li {
	margin-right: 20px;
}

.fangan_btn {
	margin: 45px auto 0;
	display: block;
	width: 466px;
	height: 54px;
	background-image: linear-gradient(23deg, #5571d2 0%, #3952b8 100%),
		linear-gradient(#f12fcf, #f12fcf);
	border-radius: 27px;
	font-size: 28px;
	line-height: 54px;
	text-align: center;
	color: #f6de6a;
}

.ad {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 102px;
	width: 100%;
	height: 174px;
	background: url(../images/bgc.png) center no-repeat;
}

.ad_btn {
	margin: 0 auto;
	display: block;
	width: 387px;
	height: 44px;
	background-color: #f5de6a;
	border-radius: 22px;
	font-size: 24px;
	line-height: 44px;
	text-align: center;
	color: #1075f2;
}

.project {
	margin-top: -4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 49px;
	width: 100%;
	height: 451px;
	background: url(../images/04.jpg) center no-repeat;
}

.project_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.project_list {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 198px;
	width: 291px;
	height: 210px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 1px;
	color: #fff;
}

.project_btn {
	margin: 45px auto 0;
	display: block;
	width: 406px;
	height: 54px;
	background-image: linear-gradient(23deg, #5571d2 0%, #3952b8 100%),
		linear-gradient(#f12fcf, #f12fcf);
	border-radius: 27px;
	font-size: 28px;
	line-height: 54px;
	text-align: center;
	color: #f6de6a;
}

.course {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 50px;
	width: 100%;
	height: 1108px;
	background: url(../images/05.jpg) center no-repeat;
}

.course_title {
	color: #f6de6a;
}

.course_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 45px;
}

.course_des {
	margin: 20px 0 226px;
	font-size: 27px;
	text-align: center;
	color: #fff;
}

.course_btn {
	width: 190px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #006bef;
	background-color: #f6de6a;
	border-radius: 21px;
}

.course_content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	width: 1152px;
	height: 461px;
}

.course_list {
	position: relative;
	padding-top: 35px;
	width: 50%;
}

.course_list_title {
	margin-bottom: 36px;
	padding-left: 87px;
	font-size: 28px;
	color: #fff;
}

.course_list:first-child .course_list_title {
	padding-left: 127px;
}

.course_list:last-child .course_list_box {
	padding: 0 30px 0 205px;
	text-align: justify;
}

.course_list:last-child .course_book {

	padding: 0 0 0 15px;
}

.course_list_des {
	margin-bottom: 55px;
	font-size: 20px;
	font-weight: bold;
	color: #111;
	text-align: center;
}

.course_list_box {
	padding: 0 24px 0 184px;
	font-size: 16px;
	color: #333;
}

.course_list_txt {
	position: relative;
}

.course_list_txt::before {
	content: '';
	position: absolute;
	left: -10px;
	top: 8px;
	width: 6px;
	height: 7px;
	border-radius: 50%;
	background-color: #006bef;
}

.course_buy {
	position: absolute;
	bottom: 58px;
	right: 130px;
	width: 200px;
	height: 43px;
	font-size: 20px;
	font-weight: bold;
	line-height: 43px;
	text-align: center;
	background-color: #f6de6a;
	border-radius: 21px;
	color: #006bef;
}

.course_book {
	margin-top: 95px;
	padding: 0 0 0 15px;
	font-size: 16px;
	color: #000;
	opacity: 0.8;
}

.gift {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 50px;
	width: 100%;
	height: 706px;
	background: url(../images/06.jpg) center no-repeat;
}

.gift .common_title::before,
.gift .common_title::after {
	display: none;
}

.gift_des {
	margin: 69px 0 10px;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}

.gift_des span {
	color: #f0ef39;
}

.gift_txt {
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.youhui_form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 359px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 65px;
}

.youhui_form .kuang {
	position: relative;
	margin-right: 55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 49px;
	width: 233px;
	height: 42px;
	font-size: 18px;
	line-height: 42px;
	border-radius: 22px;
	border: none;
	background: none;
}

.youhui_form .kuang_city:hover .list {
	display: block;
}

.youhui_form .kuang_btn {
	padding: 0;
	width: 201px;
	height: 42px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	color: #006bef;
	background-color: #f6de6a;
	-webkit-box-shadow: 3px 3px 4px 0px rgba(14, 92, 190, 0.41);
	box-shadow: 3px 3px 4px 0px rgba(14, 92, 190, 0.41);
	border-radius: 21px;
	cursor: pointer;
}

.youhui_form .list {
	position: absolute;
	bottom: 42px;
	left: 18px;
	display: none;
	width: 170px;
	max-height: 180px;
	overflow: auto;
	z-index: 3;
	background-color: #fff;
}

.youhui_form .list .option {
	padding-left: 10px;
}

.youhui_form .list .option:hover {
	color: #fff;
	background-color: #ffbb29;
	cursor: pointer;
}

.youhui_form .kuang_city:hover .list {
	display: block;
}

.people {
	width: 100%;
	height: 691px;
	background: url(../images/people.png) center no-repeat;
}

.footer {
	padding: 40px 0 52px;
}

.footer .choose_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 14px;
}

.footer .choose_btn_list {
	width: 320px;
	height: 57px;
	background-image: linear-gradient(#0a8cf8, #0a8cf8),
		linear-gradient(23deg, #5571d2 0%, #3952b8 100%),
		linear-gradient(#f6de6a, #f6de6a);
	background-blend-mode: normal, normal, normal;
	border-radius: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 57px;
	text-align: center;
	color: #f6de6a;
	cursor: pointer;
}

.footer .choose_btn_list:first-child {
	margin-right: 65px;
}

.footer .choose_address {
	font-size: 16px;
	text-align: center;
	color: #494949;
}

.form {
	width: 100%;
	height: 69px;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
}

.form_icon {
	margin-top: -20px;
}

.form .wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 64px;
	height: 100%;
	overflow: inherit;
}

.form .wrapper .kuang {
	position: relative;
	width: 168px;
	height: 44px;
	background-color: #fff;
	border-radius: 22px;
	font-size: 16px;
	line-height: 44px;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: none;
	color: #000;
}

.form .wrapper .kuang::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #000;
}

.form .wrapper .kuang:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #000;
}

.form .wrapper .kuang::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #000;
}

.form .wrapper .kuang:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #000;
}

.form .wrapper .kuang.select {
	padding: 0;
}

.form .wrapper .kuang .current {
	display: block;
	padding-left: 40px;
}

.form .wrapper .kuang_name {
	background-image: url(../images/name_icon.png);
	background-repeat: no-repeat;
	background-position: 15px 12px;
}

.form .wrapper .kuang_phone {
	background-image: url(../images/tel.png);
	background-repeat: no-repeat;
	background-position: 14px 12px;
}

.form .wrapper .kuang_course {
	background-image: url(../images/course.png);
	background-repeat: no-repeat;
	background-position: 14px 12px;
}

.form .wrapper .kuang_city {
	position: relative;
	background-image: url(../images/city.png);
	background-repeat: no-repeat;
	background-position: 14px 12px;
}

.form .wrapper .sub-btn {
	padding: 0;
	text-align: center;
	width: 168px;
	height: 44px;
	background-color: #f6de6a;
	border-radius: 22px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	color: #0a8cf8;
	border: solid 2px #ffea00;
	cursor: pointer;
}

.form .wrapper .guanbi {
	position: absolute;
	top: -34px;
	right: 34px;
	cursor: pointer;
}

.select-one .list {
	top: -132px;
}

.select .list {
	position: absolute;
	top: -228px;
	left: 18px;
	z-index: 10;
	width: 132px;
	max-height: 228px;
	background-color: #fafafa;
	color: #333;
	overflow: auto;
	display: none;
}

.select.select-one .list {
	top: -132px;
}

.select .option {
	padding-left: 15px;
}

.select .option:hover {
	color: #fff;
	background-color: #ffbb29;
}

.common-alert {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.common-alert .alert-box {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-172px, -50px);
	-ms-transform: translate(-172px, -50px);
	transform: translate(-172px, -50px);
	padding: 25px 0;
	width: 345px;
	text-align: center;
	background-color: #fff;
	border-radius: 6px;
}

.common-alert .alert-box:before {
	position: absolute;
	top: -40px;
	right: 17px;
	content: '';
	width: 0;
	height: 40px;
	border-left: 2px solid #ffaf15;
}

.common-alert .title,
.common-alert .btn {
	font-size: 14px;
	color: #355cab;
}

.common-alert .btn {
	display: block;
	margin: 15px 0;
}

.common-alert .alert-icon {
	position: absolute;
	top: -62px;
	right: 4px;
	width: 28px;
	height: 28px;
	background: url(../images/icon_close_1.png) center no-repeat;
	background-size: 28px 28px;
	cursor: pointer;
}

.yuyue {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	display: none;
}

.yuyue .yuyue_container {
	position: absolute;
	width: 641px;
	height: 552px;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	padding: 95px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/12-01.png) center no-repeat;
}

.yuyue .yuyue_content {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 26px;
	width: 398px;
	height: 365px;
}

.yuyue .common_input {
	display: block;
	margin: 0 auto 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 12px;
	width: 346px;
	height: 38px;
	font-size: 16px;
	line-height: 38px;
	color: #494949;
	border: none;
	outline: none;
}

.yuyue .class_list {
	position: relative;
	padding: 0;
	cursor: pointer;
}

.yuyue .class_list .class_name {
	display: block;
	padding-left: 12px;
}

.yuyue .name_inp {
	margin: 0 auto 19px;
}

.yuyue .down_list {
	display: none;
	position: absolute;
	left: -1px;
	overflow: auto;
	width: 359px;
	background-color: #fff;
	bottom: -181px;
	z-index: 99;
}

.yuyue .down_list .option {
	padding-left: 12px;
	line-height: 30px;
	cursor: pointer;
	font-size: 18px;
}

.yuyue .down_list .option:hover {
	background-color: #fff5ed;
}

.yuyue .cg_list .down_list {
	bottom: -211px;
}

.yuyue .city_list .down_list {
	overflow: auto;
	bottom: 40px;
	height: 240px;
}

.yuyue .baomin_btn {
	display: block;
	margin: 0 auto;
	width: 360px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: #feffff;
	background-color: #0a8cf8;
	cursor: pointer;
}

.yuyue .hidden_icon {
	position: absolute;
	top: 10px;
	right: 46px;
	width: 39px;
	height: 39px;
	background: url(../images/12.png) center no-repeat;
	cursor: pointer;
}
.form .form-item {
	border-radius: 22px;
	border: 1px solid rgba(0, 0, 0, 0);
}
.gift .form-item {
	margin-right: 55px;
	box-sizing: border-box;
	padding-left: 49px;
	border: 1px solid rgba(0, 0, 0, 0);
	width: 233px;
	height: 42px;
	border-radius: 22px;
}
.gift .form_phoneNo {
	margin-right: 0;
	padding-left: 0;
	width: 100%;
}
.yuyue .required .common_input {
	padding-left: 0;
}
.yuyue .form-item.required {
	margin: 0 0 18px 22px;
	padding-left: 12px;
	border: 1px solid;
	width: 346px;
	height: 38px;
}
/*# sourceMappingURL=map/index.css.map */