* {
	margin         : 0;
	padding        : 0;
	text-decoration: none;
	border         : none;
	box-sizing     : border-box;
	outline        : none;
}

li {
	list-style: none;
}

input,
button {
	outline    : none;
	font-family: "microsoft yahei";
	outline    : none;
}

button {
	cursor: pointer;
}

.button {
	position                   : relative;
	z-index                    : 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing    : grayscale;
}

body {
	background : #fff;
	font-family: "microsoft yahei";
	margin     : 0;
	padding    : 0;
}

.clearfix:after {
	content   : ".";
	display   : block;
	height    : 0;
	clear     : both;
	visibility: hidden
}

.clearfix {
	*+height: 1%;
}

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

.header_con {
	width : 1000px;
	margin: 0 auto;
}

.logo {
	width : 111px;
	float : left;
	margin: 16px 0 0 0;
}

.header_ul {
	float : right;
	margin: 27px 0 0 0;
}

.header li {
	width       : 108px;
	float       : left;
	border-left : #a8a8a8 1px solid;
	border-right: #c7c7c7 1px solid;
	font-size   : 18px;
	color       : #595959;
	text-align  : center;
	line-height : 19px;
	cursor      : pointer;
}

.header li:first-child {
	border-left: none;
}

.header li:last-child {
	border-right: none;
}

.header li:hover {
	color          : #fb992d;
	text-decoration: underline;
}

.banner {
	background : url("../images/banner.jpg") no-repeat center;
	padding-top: 40px;
	width      : 100%;
	height     : 540px;
	padding-top: 76px;
}

.banner .banner_stit {
	font-size  : 60px;
	color      : #fff;
	line-height: 1;
	text-align : center;
}

.banner .banner_tit {
	font-size     : 70px;
	color         : #fff;
	line-height   : 1;
	text-align    : center;
	letter-spacing: 1px;
	margin-top    : 48px;
}

.banner .banner_tit strong {
	color: #fb992d;
}

.banner .banner_con {
	width : 860px;
	margin: 60px auto 0;
}

.banner .banner_con li {
	background  : url("../images/banner_icon.png") no-repeat 0 center;
	font-size   : 24px;
	color       : #fff;
	line-height : 32px;
	float       : left;
	margin-left : 30px;
	padding-left: 40px;
}

.banner .banner_con li:first-child {
	margin-left: 0;
}

.banner_btns {
	width : 662px;
	margin: 72px auto 0;
}

.banner_btn {
	background   : #5f8df2;
	width        : 300px;
	height       : 56px;
	border       : none;
	border-radius: 28px;
	color        : #fff;
	font-size    : 24px;
	float        : left;
}

.banner_btn_orange {
	background: #fb992d;
	float     : right;
}

.notice {
	background : url("../images/notice.png") no-repeat center;
	height     : 817px;
	padding-top: 80px;
}

.notice_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.notice_tit strong {
	color: #fb9a25;
}

.notice_con {
	width : 1000px;
	margin: 44px auto 0;
}

.notice_con li {
	background : #fff;
	width      : 314px;
	height     : 272px;
	float      : left;
	box-shadow : 0 1px 4px rgba(6, 26, 44, 0.13);
	margin-left: 29px;
	transition : all 0.2s linear;
}

.notice_con li:nth-child(1),
.notice_con li:nth-child(4) {
	margin-left: 0;
}

.notice_con li:nth-child(4),
.notice_con li:nth-child(5),
.notice_con li:nth-child(6) {
	margin-top: 25px;
}

.notice_con li:hover {
	box-shadow: 0 0 30px rgba(6, 26, 44, 0.6);
}

.notice_top {
	background    : url("../images/notice_top.jpg") no-repeat 0 0;
	height        : 119px;
	font-size     : 36px;
	color         : #fff;
	line-height   : 1;
	text-align    : center;
	font-weight   : bold;
	letter-spacing: 1px;
	padding-top   : 38px;
}

.notice_p {
	width      : 290px;
	height     : 72px;
	line-height: 24px;
	font-size  : 16px;
	color      : #666;
	margin     : 10px auto 0;
}

.notice_btn {
	background   : #fb9a25;
	width        : 200px;
	height       : 36px;
	border       : none;
	border-radius: 18px;
	display      : block;
	margin       : 20px auto 0;
	font-size    : 18px;
	color        : #fff;
}

.notice_btn:hover {
	background: #1b408e;
}

.area {
	background : url("../images/area.jpg") no-repeat center;
	height     : 449px;
	padding-top: 80px;
}

.area_tit {
	font-size  : 48px;
	color      : #fff;
	text-align : center;
	line-height: 1;
}

.area_tit strong {
	color: #fb992d;
}

.area_con {
	width : 794px;
	margin: 55px auto 0;
}

.area_a {
	background   : #fff;
	width        : 96px;
	height       : 30px;
	border-radius: 15px;
	float        : left;
	margin       : 25px 0 0 20px;
	font-size    : 16px;
	color        : #666;
	line-height  : 30px;
	text-align   : center;
	cursor       : pointer;
}

.area_a:nth-child(1),
.area_a:nth-child(2),
.area_a:nth-child(3),
.area_a:nth-child(4),
.area_a:nth-child(5),
.area_a:nth-child(6),
.area_a:nth-child(7) {
	margin-top: 0;
}

.area_a:nth-child(1),
.area_a:nth-child(8),
.area_a:nth-child(15),
.area_a:nth-child(22) {
	margin-left: 0;
}

.area_a:hover {
	background: #fb9a25;
	color     : #fff;
}

.area_a_last {
	background   : #fb9a25;
	width        : 96px;
	height       : 30px;
	border-radius: 15px;
	float        : left;
	margin       : 25px 0 0 20px;
	font-size    : 16px;
	color        : #fff;
	line-height  : 30px;
	text-align   : center;
	cursor       : pointer;
}

.query {
	background : url("../images/query.png") no-repeat center 0;
	width      : 100%;
	height     : 424px;
	padding-top: 56px;
}

.query_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.query_tit strong {
	color: #fb9a25;
}

.query_form {
	width : 620px;
	margin: 56px auto 0;
}

.query_box {
	width: 281px;
	float: left;
}

.query_box label {
	background   : #1b408e;
	width        : 63px;
	height       : 36px;
	float        : left;
	border-radius: 18px 0 0 18px;
	font-size    : 16px;
	color        : #fff;
	line-height  : 36px;
	text-align   : center;
}

.query_box input {
	width        : 218px;
	height       : 36px;
	border       : #cdcdcd 1px solid;
	border-left  : none;
	border-radius: 0 18px 18px 0;
	float        : left;
	padding      : 0 10px 0 30px;
	font-size    : 16px;
	color        : #666;
	line-height  : 36px;
}

.query_box1 {
	float: right;
}

::-webkit-input-placeholder {
	color: #b2b2b2;
}

:-moz-placeholder {
	color: #b2b2b2;
}

::-moz-placeholder {
	color: #b2b2b2;
}

:-ms-input-placeholdselecter {
	color: #b2b2b2;
}

.city {
	background-image   : url("../images/select_up.png");
	background-repeat  : no-repeat;
	background-position: 190px center;
}

._citys {
	background: #fff;
	width     : 554px;
	display   : inline-block;
	border    : 2px solid #eee;
	padding   : 5px;
	position  : relative;
}

._citys span {
	color        : #fb9a25;
	height       : 15px;
	width        : 15px;
	line-height  : 15px;
	text-align   : center;
	border-radius: 3px;
	position     : absolute;
	right        : 10px;
	top          : 10px;
	border       : 1px solid #fb9a25;
	cursor       : pointer;
}

._citys0 {
	width        : 100%;
	height       : 34px;
	display      : inline-block;
	border-bottom: 2px solid #fb9a25;
	padding      : 0;
	margin       : 0;
}

._citys0 li {
	display    : inline-block;
	line-height: 34px;
	font-size  : 15px;
	color      : #888;
	width      : 80px;
	text-align : center;
	cursor     : pointer;
}

.citySel {
	background-color: #fb9a25;
	color           : #fff !important;
}

._citys1 {
	width  : 100%;
	display: inline-block;
	padding: 10px 0;
}

._citys1 a {
	width           : 71px;
	height          : 35px;
	display         : inline-block;
	background-color: #f5f5f5;
	color           : #666;
	margin-left     : 6px;
	margin-top      : 3px;
	line-height     : 35px;
	text-align      : center;
	cursor          : pointer;
	font-size       : 13px;
	overflow        : hidden;
}

._citys1 a:hover {
	color           : #fff;
	background-color: #fb9a25;
}

.select_box,
.select_box1 {
	position     : relative;
	cursor       : pointer;
	background   : url("../images/select_up.png") no-repeat 190px center;
	width        : 218px;
	height       : 36px;
	border       : #cdcdcd 1px solid;
	border-left  : none;
	border-radius: 0 18px 18px 0;
	float        : left;
}

.select_txt,
.select_txt1 {
	width      : 218px;
	height     : 36px;
	font-size  : 16px;
	color      : #666;
	line-height: 36px;
	cursor     : text;
	overflow   : hidden;
	padding    : 0 0 0 30px;
}

.option,
.option1 {
	width   : 218px;
	border  : solid 1px #cdcdcd;
	position: absolute;
	top     : 35px;
	left    : 0;
	z-index : 2;
	overflow: hidden;
	display : none;
}

.option a,
.option1 a {
	display    : block;
	height     : 36px;
	line-height: 36px;
	text-align : left;
	padding    : 0 10px 0 30px;
	width      : 100%;
	background : #fff;
}

.option a:hover,
.option1 a:hover {
	background: #1b408e;
	color     : #fff;
}

.query_btn {
	background    : #fb9a25;
	width         : 373px;
	height        : 44px;
	border        : none;
	border-radius : 22px;
	display       : block;
	font-size     : 18px;
	color         : #fff;
	letter-spacing: 1px;
	margin        : 40px auto 0;
}

.query_btn:hover {
	background: #1b408e;
}

.cert {
	/*background : url("../images/cert.jpg") no-repeat center 0;*/
	width      : 100%;
	padding-top: 65px; margin:0 auto 0 auto
}

.cert_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.cert_con {
	width : 1000px;
	margin: 70px auto 0;
}

.cert_in {
	width: 100%;
}

.cert_in img {
	display: block;
	margin : 0 auto;
}

.cert_btn {
	background   : #fb9a25;
	width        : 329px;
	height       : 44px;
	border       : none;
	border-radius: 22px;
	display      : block;
	margin       : 20px auto 0;
	font-size    : 18px;
	color        : #fff;
}

.cert_btn:hover {
	background: #1b408e;
}

.question {
	/* background:url("../images/question.png") no-repeat center 0; */
	background : #fbfbfb;
	width      : 100%;
	height     : 775px;
	padding-top: 74px;
}

.question_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.question_tit strong {
	color: #fb9a25;
}

.question_con {
	width : 1000px;
	margin: 60px auto 0;
}

.question_con li {
	width : 306px;
	float : left;
	margin: 30px 0 0 40px;
}

.question_con li:nth-child(1),
.question_con li:nth-child(2),
.question_con li:nth-child(3) {
	margin-top: 0;
}

.question_con li:nth-child(1),
.question_con li:nth-child(4) {
	margin-left: 0;
}

.question_box {
	width        : 306px;
	height       : 208px;
	border       : #cdcdcd 1px solid;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	float        : left;
	padding      : 18px 0 0 0;
}

.question_con li:hover .question_box {
	background: #1b408e;
}

.question_h3 {
	background : url("../images/question_icon.png") no-repeat right 0;
	width      : 270px;
	margin     : 0 auto;
	font-size  : 28px;
	color      : #1b408e;
	line-height: 38px;
}

.question_con li:hover .question_h3 {
	background-image: url("../images/question_icon1.png");
	color           : #fff;
}

.question_h32 {
	background-position: right -38px;
}

.question_h33 {
	background-position: right -76px;
}

.question_h34 {
	background-position: right -114px;
}

.question_h35 {
	background-position: right -152px;
}

.question_h36 {
	background-position: right -190px;
}

.question_h4 {
	font-size  : 16px;
	color      : #fb9a25;
	line-height: 1;
	margin     : 18px 0 0 18px;
}

.question_p {
	font-size  : 14px;
	color      : #737373;
	line-height: 21px;
	margin     : 15px 0 0 18px;
}

.question_con li:hover .question_p {
	color: #e5e5e5;
}

.question_p1 {
	background   : #1b408e;
	width        : 196px;
	height       : 34px;
	border-radius: 0 0 0 10px;
	float        : left;
	padding      : 0 0 0 23px;
	font-size    : 16px;
	color        : #fff;
	line-height  : 34px;
}

.question_con li:hover .question_p1 {
	background  : #fff;
	border      : #1b408e 1px solid;
	border-top  : none;
	border-right: none;
	color       : #666;
}

.question_btn {
	background   : #fb9a25;
	width        : 110px;
	height       : 36px;
	border-radius: 0 0 10px 0;
	font-size    : 16px;
	color        : #fff;
	margin-top   : -2px;
}

.course {
	background : url("../images/course.png") no-repeat center 0;
	width      : 100%;
	height     : 810px;
	padding-top: 60px;
}

.course_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.course_tit span {
	font-size     : 30px;
	padding       : 0 15px;
	vertical-align: 4px;
}

.course_tit strong {
	color: #fb9a25;
}

.course_con {
	width : 1000px;
	margin: 35px auto 0;
}

.course_con li {
	background: #fbfbfb;
	width     : 310px;
	height    : auto;
	float     : left;
	margin    : 28px 0 0 35px;
}

.course_con li:nth-child(1),
.course_con li:nth-child(2),
.course_con li:nth-child(3) {
	margin-top: 0;
}

.course_con li:nth-child(1),
.course_con li:nth-child(4),
.course_con li:nth-child(7) {
	margin-left: 0;
}

.course_con li:hover {}

.course_pic {
	width   : 310px;
	height  : 160px;
	position: relative;
}

.course_h3 {
	background : rgba(0, 0, 0, 0.61);
	width      : 100%;
	height     : 40px;
	font-size  : 24px;
	color      : #fff;
	line-height: 40px;
	text-align : center;
	position   : absolute;
	bottom     : 0;
	left       : 0;
}

.course_p {
	width      : 290px;
	height     : 63px;
	font-size  : 15px;
	color      : #737373;
	line-height: 21px;
	margin     : 10px auto 0;
}

.course_btn {
	background   : #fb9a25;
	width        : 172px;
	height       : 32px;
	border       : none;
	border-radius: 16px;
	display      : block;
	font-size    : 16px;
	color        : #fff;
	margin       : 10px auto 0;
}

.course_btn:hover {
	background: #1b408e;
}

.offer {
	/* background: url("../images/offer.png") no-repeat center 0; */
	background: #fbfbfb;
	height    : 570px;
	padding   : 64px 0 0 0;
}

.offer_tit {
	font-size  : 48px;
	color      : #333;
	line-height: 1;
	text-align : center;
}

.offer_tit strong {
	color: #fb9a25;
}

.offer_con {
	width : 1006px;
	margin: 46px auto 0;
}

.offer_con li {
	background : url("../images/offer_box.png") no-repeat 0 0;
	width      : 236px;
	height     : 279px;
	float      : left;
	margin-left: 20px;
	padding-top: 15px;
	transition : all 0.2s linear;
}

.offer_con li:first-child {
	margin-left: 0;
}

.offer_con li:hover {
	transform: translateY(-7px);
}

.offer_icon {
	background: url("../images/offer_icon.png") no-repeat 0 0;
	width     : 36px;
	height    : 34px;
	display   : block;
	margin    : 0 auto;
}

.offer_icon2 {
	background-position: 0 -34px;
}

.offer_icon3 {
	background-position: 0 -68px;
}

.offer_icon4 {
	background-position: 0 -102px;
}

.offer_h3 {
	font-size  : 24px;
	color      : #fff;
	line-height: 49px;
	text-align : center;
}

.offer_p {
	width      : 212px;
	margin     : 21px auto 0;
	font-size  : 16px;
	color      : #666;
	line-height: 29px;
}

.offer_btns {
	width : 622px;
	margin: 40px auto 0;
}

.offer_btn {
	background   : #1b408e url("../images/offer_btn.png") no-repeat 72px 0;
	width        : 292px;
	height       : 46px;
	border       : none;
	border-radius: 23px;
	float        : left;
	font-size    : 18px;
	color        : #fff;
	text-align   : left;
	padding-left : 122px;
}

.offer_btn1 {
	background: #fb9a25 url("../images/offer_btn.png") no-repeat 72px -46px;
	float     : right;
}

.plan {
	background : url("../images/plan.jpg") no-repeat center 0;
	height     : 342px;
	padding-top: 58px;
}

.plan_tit {
	font-size  : 48px;
	color      : #fff;
	text-align : center;
	line-height: 1;
}

.plan_stit {
	font-size  : 42px;
	color      : #fff;
	text-align : center;
	line-height: 1;
	margin     : 40px 0 0 0;
}

.plan_stit strong {
	color: #fb9a25;
}

.plan_box {
	background   : #fff;
	width        : 720px;
	height       : 63px;
	border       : none;
	border-radius: 32px;
	margin       : 30px auto 0;
}

.plan_p1 {
	padding-left  : 44px;
	font-size     : 32px;
	color         : #3f5995;
	line-height   : 63px;
	float         : left;
	letter-spacing: 1px;
}

.plan_btn {
	background   : #fb9a25 url("../images/plan_icon.png") no-repeat 213px center;
	width        : 289px;
	height       : 63px;
	border       : none;
	border-radius: 32px;
	font-size    : 36px;
	color        : #fff;
	font-weight  : bold;
	text-align   : left;
	padding-left : 56px;
	float        : right;
}

.leftbar {
	background : url("../images/leftbar.png") no-repeat 0 0;
	width      : 147px;
	height     : 353px;
	position   : fixed;
	left       : 0;
	top        : 50%;
	z-index    : 2;
	margin-top : -176.5px;
	padding-top: 84px;
}

.leftbar_h2 {
	font-size  : 26px;
	color      : #fb9a25;
	line-height: 45px;
	text-align : center;
}

.leftbar_ul li {
	background    : #5983e0;
	width         : 135px;
	height        : 34px;
	margin        : 2px auto 0;
	font-size     : 18px;
	color         : #fff;
	text-align    : center;
	line-height   : 34px;
	letter-spacing: 1px;
	cursor        : pointer;
}

.leftbar_ul li:first-child {
	margin-top: 0;
}

.leftbar_ul li:hover {
	background: #fb992d;
}

.rightbar {
	background: url("../images/rightbar.png") no-repeat 0 0;
	width     : 150px;
	height    : 392px;
	position  : fixed;
	right     : 0;
	top       : 50%;
	z-index   : 2;
	margin-top: -196px;
	padding   : 140px 0 0 6px;
}

.rightbar li {
	width        : 128px;
	margin       : 0 auto;
	font-size    : 18px;
	color        : #595959;
	text-align   : center;
	line-height  : 40px;
	border-bottom: #cdcdcd 1px dashed;
	cursor       : pointer;
}

.rightbar li:last-child {
	border-bottom: none;
}

.rightbar li:hover {
	background   : #fb992d;
	color        : #fff;
	border-bottom: #fb992d 1px dashed;
}

.mt17 {
	margin-top: 17px;
}

/* Moema */
.button--moema {
	background-color  : #5f8df2;
	color             : #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition        : background-color 0.3s, color 0.3s;
}

.button--moema.button--inverted {
	background-color: #fb992d;
	color           : #fff;
}

.button--moema::before {
	content          : '';
	position         : absolute;
	top              : -20px;
	left             : -20px;
	bottom           : -20px;
	right            : -20px;
	background       : inherit;
	border-radius    : 50px;
	z-index          : -1;
	opacity          : 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform        : scale3d(0.8, 0.5, 1);
}

.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition        : background-color 0.1s 0.3s, color 0.1s 0.3s;
	color             : #fff;
	background-color  : #5f8df2;
	-webkit-animation : anim-moema-1 0.3s forwards;
	animation         : anim-moema-1 0.3s forwards;
}

.button--moema.button--inverted:hover {
	color           : #fff;
	background-color: #fb992d;
}

.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation        : anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform        : scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform        : scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform        : scale3d(0.8, 0.8, 1);
	}

	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform        : scale3d(1.1, 1.1, 1);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}
}

@-webkit-keyframes anim-moema-2 {
	to {
		opacity          : 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}
}

@keyframes anim-moema-2 {
	to {
		opacity          : 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform        : scale3d(1, 1, 1);
	}
}