body,html{
	position: relative;
}
.school-header{
	position: relative;
	height: 167px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-1.png');
	background-position: top center;
}
.school-course1{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-2.png');
	background-position: top center;	
}
.school-course2{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-3.png');
	background-position: top center;	
}
.school-course3{
	position: relative;
	height: 299px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-4.png');
	background-position: top center;	
}
.school-course4{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-5.png');
	background-position: top center;	
}
.school-course5{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-6.png');
	background-position: top center;	
}
.school-course6{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-7.png');
	background-position: top center;	
}
.school-course7{
	position: relative;
	height: 300px;
	width: 100%;
	min-width: 1200px;
	background-image: url('../images/school-8.png');
	background-position: top center;	
}
.btn-links{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: inherit;
}
.visiblely{
	visibility: hidden;
}
.school-header .btn-links .ljzc{
	position: absolute;
	display: block;
	width: 200px;
	height: 50px;
	right: 0;
	top: 45px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 3px;
	/*background-color: rgba(0,0,0,0.5);*/
}
.school-header .btn-links .ljzc:hover{
	color: #fff!important;
}
.school-header .btn-links h1{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	padding-top: 40px;
}
.school-header .btn-links h3{
	font-size: 14px;
	padding-top: 15px;
	color: #fff;
}
.school-header .btn-links .msdl{
	position: absolute;
	display: block;
	width: 128px;
	height: 18px;
	right: 32px;
	top: 105px;
	font-size: 14px;
	color: #fff;
	/*background-color: rgba(0,0,0,0.5);*/
}
.school-header .btn-links .msdl:hover{
	color: #fff!important;
}
.school-course6 .btn-links a{
	position: absolute;
	display: block;
	width: 263px;
	height: 217px;
	/*background-color: rgba(0,0,0,0.5);*/	
	z-index: 2;
}
.school-course6 .btn-links a.a1{
    bottom: -164px;
    left: 144px;
}
.school-course6 .btn-links a.a2{
    bottom: -164px;
    left: 408px;
}
.school-course6 .btn-links a.a3{
    bottom: -164px;
    left: 672px;
}
.school-course6 .btn-links a.a4{
    bottom: -164px;
    left: 936px;
}
.school-course5 .btn-begin{
	position: absolute;
	width: 164px;
	height: 50px;
	/*background-color: rgba(0,0,0,0.5);*/	
	bottom: 62px;
	right: 454px;
	cursor: pointer;
}
.d{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.pop-container1{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	background-color: #fff;
}
.m-modalmask {
    position: fixed;
    z-index: 1998;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.pop-container1 .step1{
    position: absolute;
    width: 532px;
    height: 503px;
    left: 50%;
    top: 50%;
    margin-top: -252px;
    margin-left: -262px;
    background: transparent url(../images/step1.png) center center no-repeat;
}
.pop-container1 .step1 span.cur{
	background-image: url('../images/step1-select.png');	
}
.pop-container1 .step1 .sp1{
	position: absolute;
	display: block;
	width: 54px;
	height: 54px;
	bottom: 81px;
	left: 125px;
	cursor: pointer;
}
.pop-container1 .step1 .sp2{
	position: absolute;
	display: block;
	width: 54px;
	height: 54px;
	bottom: 81px;
    left: 361px;
	cursor: pointer;
}
.pop-container1 .step1 .step2-begin{
	position: absolute;
	width: 164px;
	height: 50px;
	bottom: 0;
    left: 185px;
	cursor: pointer;
}
.pop-container1 .step2{
    position: absolute;
    width: 100%;
    height: 100%;
}
.pop-container1 .step2 .step2-1{
	position: relative;
	background-image: url('../images/step2-1.png');
	background-position: top center;
	background-repeat: no-repeat;
	min-width: 1200px;
	width: 100%;
	height: 550px;
	transition:all .3s;
	/*border: 4px solid  transparent;*/
}
.pop-container1 .step2 .step2-1.step5{
	background-image: url('../images/step5.png');
	height: 738px;	
}
.pop-container1 .step2 .step2-1.step10{
	background-image: url('../images/step10.png');
	height: 755px;	
}
.pop-container1 .step2 .step2-1.step11{
	background-image: url('../images/step11.png');
	height: 957px;	
}
.pop-container1 .step2 .step2-1.step13{
	background-image: url('../images/step12.png');
	height: 957px;	
}
.pop-container1 .step2 .step2-1.step15{
	background-image: url('../images/step15.png');
	height: 957px;	
}
.pop-container1 .step2 .step2-1.step16{
	background-image: url('../images/step16.png');
	height: 522px;	
}
.pop-container1 .step2 .step2-2.step5{
	background-image: url('../images/white.png');
	height: 300px;	
}
.pop-container1 .step2 .step2-2{
	position: relative;
	background-image: url('../images/step2-2.png');
	background-position: top center;
	min-width: 1200px;
	width: 100%;
	height: 450px;
}

.pop-container1 .step2 .click-area1{
	position: absolute;
	width: 187px;
	height: 36px;
	z-index: 3;
	top: 189px;
	left: 6px;
	cursor: pointer;
	border: 4px solid transparent;
	visibility: hidden;
}
.pop-container1 .step2 .click-area1.cur{
	border: 4px solid #ffa800;
}
.pop-container1 .step2 .click-area2{
	position: absolute;
	width: 195px;
	height: 84px;
	z-index: 3;
	top: 189px;
	left: 730px;
}
.pop-container1 .step2 #click-gunlun{
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: 3;
	bottom: 67px;
	left: 610px;
}
.pop-container1 .step2 #click-fanli{
	position: absolute;
	width: 195px;
	height: 84px;
	z-index: 3;
	top: 102px;
	left: 688px;
}
.cover {
    display: none;
    position: fixed;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0 solid #fff;
    opacity: .85;
    filter: alpha(opacity=85);
    z-index: 9;
    -webkit-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 0 100px #fff;
    /*overflow: hidden;*/
    z-index: 8888888888;
    display: none;
    width: 1px;
    height: 1px;
    border-width: 1890px 1469px 2937px 1730px;
}
.cover.cur{
	transition: all 2s;
    opacity: 0;
    filter: alpha(opacity=0);	
}
.cover .step1{
	position: relative;
	width: 187px;
	height: 36px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step1.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step1 .notice1{
	background-image: url('../images/notice1.png');
	width: 221px;
	height: 24px;
	position: absolute;
	top: 55px;
	left: -20px;
}
.cover .step2{
	position: relative;
	width: 187px;
	height: 84px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step2.notice.cur{
	border: 4px solid #ffa800;		
}

.cover .step2 .notice2{
	background-image: url('../images/notice2.png');
	width: 237px;
	height: 24px;
	position: absolute;
	top: 94px;
	left: -30px;
}
.gunlun{
	position: fixed;
	background-image: url('../images/gunlun.png');
	width: 145px;
	height: 136px;
	bottom: 20px;
	left: 800px;
	z-index: 8888888888;
	left: 50%;
	margin-left: -75px;
}
.cover .step4{
	position: relative;
	width: 195px;
	height: 84px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step4.notice.cur{
	border: 4px solid #ffa800;		
}
.cover .step4 .notice4{
	background-image: url('../images/notice2.png');
	width: 237px;
	height: 24px;
	position: absolute;
	top: 94px;
	left: -30px;
}
.cover .step5{
	position: relative;
	width: 235px;
	height: 64px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step5.notice.cur{
	border: 4px solid #ffa800;		
}
.cover .step6{
	position: relative;
	width: 235px;
	height: 64px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step6.notice.cur{
	border: 4px solid #ffa800;		
}
.cover .step7{
	position: relative;
	width: 322px;
	height: 64px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step7.notice.cur{
	border: 4px solid #ffa800;		
}
.cover .step10{
	position: relative;
	width: 410px;
	height: 30px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step10.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step11{
	position: relative;
	width: 282px;
	height: 80px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step11.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step12{
	position: relative;
	width: 505px;
	height: 70px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step12.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step13{
	position: relative;
	width: 122px;
	height: 60px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step13.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step14{
	position: relative;
	width: 277px;
	height: 130px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step14.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step15{
	position: relative;
	width: 277px;
	height: 75px;
	cursor: pointer;
	transition:all .3s;
	border: 4px solid  transparent;
}
.cover .step15.notice.cur{
	border: 4px solid #ffa800;	
}
.cover .step10 .notice10{
	background-image: url('../images/notice10.png');
	width: 223px;
	height: 24px;
	position: absolute;
	top: 38px;
    left: -4px;
}
.cover .step14 .notice14{
	background-image: url('../images/notice10.png');
	width: 224px;
	height: 24px;
	position: absolute;
	top: 144px;
    left: -4px;
}
.cover .step15 .notice15{
	background-image: url('../images/notice15.png');
	width: 98px;
	height: 24px;
	position: absolute;
	top: 84px;
    left: -4px;
}
.cover .step11 .notice11{
	background-image: url('../images/notice11.png');
	width: 117px;
	height: 24px;
	position: absolute;
	top: 88px;
    left: -4px;
}
.cover .step12 .notice12{
	background-image: url('../images/notice12.png');
	width: 327px;
	height: 24px;
	position: absolute;
	top: 88px;
    left: -4px;
}
.cover .step13 .notice13{
	background-image: url('../images/notice13.png');
	width: 176px;
	height: 24px;
	position: absolute;
	top: 68px;
    left: -38px;
}
.input-box1{
	text-align: center;
    padding-top: 218px;
}
.input-box1 input{
	padding-left: 5px;
    width: 305px;
    margin-left: -3px;
    border-radius: 3px;
    height: 28px;
    border: 1px solid #949494;
    outline: 0;
}
.input-box1 a{
	display: inline-block;
	padding-left: 5px;
    width: 305px;
    margin-left: -3px;
    border-radius: 3px;
    height: 28px;
    outline: 0;
}
.input-box1 input:focus{
    border: 2px solid #e77600;
    box-shadow: 0 0 0 2px #f3c395;
}
.input-box1 p{
	position: absolute;
	background-color: #ffa800;
	padding: 0 10px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	left: 777px;
    top: 4px;
}
.input-box1 .text-box{
	position: relative;
	margin-bottom: 35px;
}
.input-box1 .text-box.mt-20{
	margin-top: -24px;
}
.pop-container2{
	position: absolute;
	background-color: #fff;
	width: 100%;
	background-image: url('../images/step9.png');
	background-repeat: no-repeat;
	height: 1304px;
	background-position: top center;
	min-width: 1200px;
	top: 0;
	z-index: 5;
}
.pop-container2 .input-box2{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding-top: 216px;
}
.pop-container2 .input-box2 input{
	width: 422px;
	    height: 22px;
	outline: 0;
	border: 0;
}
.pop-container2 .input-box2 .text-box{
	position: relative;
	margin-left: 186px;
	margin-bottom: 44px;
	height: 22px;
}
.pop-container2 .input-box2 .text-box.mb35{
	margin-bottom: 38px;
	margin-top: -5px;
}
.pop-container2 .input-box2 .text-box.mb55{
	margin-top: 98px;
}
.pop-container2 .input-box2 .text-box.mb50{
	margin-top: 60px;
}
.pop-container2 .input-box2 .text-box.mb50 span{
	display: block;
	position: absolute;
	width: 80px;
	height: 35px;
	/*background-color: rgba(0,0,0,0.5);*/
	right: 0;
	left: 362px;
	cursor: pointer;
}
.input-box2 p{
	position: absolute;
	background-color: #ffa800;
	padding: 0 10px;
	line-height: 24px;
	font-size: 14px;
	color: #fff;
	border-radius: 20px;
	left: 460px;
	top: 2px;
}
.result-show{
	position: relative;
	width: 462px;
	height: 522px;
	margin: 0 auto;
	padding-top: 202px;
	text-align: center;
}
.result-show .a2{
	position: absolute;
	left: 200px;
	margin: 0 auto;
	text-align: center;
	top: 540px;
	color: #63bc92;
	font-size: 16px;
	z-index: 8;
}
.result-show span{
	position: relative;
}
.result-show span a{
	position: absolute;
	display: block;
	width: 164px;
	height: 50px;
	/*background-color: rgba(0,0,0,0.5);*/
	bottom: 4px;
    left: 33px;
}
.success-show{
	position: relative;
	width: 366px;
	margin: 0 auto;
	height: 470px;
	background-image: url('../images/successful-bg.png');
}
.success-show .a1{
	display: block;
	position: absolute;
	width: 164px;
	height: 50px;
	left: 108px;
	top: 290px;
}
.success-show .a2{
	position: absolute;
	left: 154px;
	margin: 0 auto;
	text-align: center;
	top: 360px;
	color: #63bc92;
	font-size: 16px;
}
.top-fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 67px;
	background-image: url('../images/top-fixed.png');
	z-index: 99999999999;
}	
.top-fixed .all-close{
	position: absolute;
	cursor: pointer;
	background-image: url('../images/all-close.png');
	width: 30px;
	height: 30px;
	top: 15px;
	right: 20px;
}
.top-fixed .all-close a{
	display: block;
	width: 100%;
	height: 100%;
}
.fixed-text{
	font-size: 14px;
	color: #fff;
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	line-height: 67px;
}
.fixed-text.lines{
	line-height: 25px;
	padding-top: 8px;
}
.school-questions{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 300px;
}
.school-questions ul{
	position: relative;
	float: right;
	width: 1056px;
	min-height: 200px;
}
.school-questions ul li{
	position: relative;
	width: 25%;
	float: left;
	margin-bottom: 70px;
	height: 200px;
}
.school-questions ul li h3{
	color: #959595;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 20px;
}
.school-questions ul li a{	
	font-size: 14px;
	color: #959595;
	line-height: 24px;
}
.school-questions ul li a.more{
	color: #63bc92;
}
.school-questions ul li a.zxzx{
	color: #63bc92;
	font-size: 30px;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 200px;

}
.school-questions ul li a.zxzx:hover{
	color: #63bc92!important;
}
.school-questions ul li.last-one{
	position: relative;
	background-color: #f8f8f8;
	text-align: center;
	height: 200px;
	transition:all .3s;
}
.school-questions ul li.last-one:hover{
	background-color: #eee;
}
.school-questions ul li.kefu-hover-wrap{
	overflow: visible;
}
.school-questions ul li.kefu-hover-wrap .kefu-hover-popup{
	display: none;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 15px;
	text-align: center;
	z-index: 9999;
	width: 128px;
	margin-bottom: 8px;
}
.school-questions ul li.kefu-hover-wrap:hover .kefu-hover-popup{
	display: block;
}
.kefu-hover-popup img{
	width: 128px;
	height: 128px;
}
.kefu-hover-popup span{
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	display: block;
	text-align: center;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.animated {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fixed-online{
	position: fixed;
	background-image: url('../images/online-bg.png');
	width: 83px;
	height: 90px;
	left: 50%;
	margin-left: 600px;
	top: 200px;
	z-index: 2;
	cursor: pointer;
}
.fixed-online .fixed-online-popup{
	display: none;
	position: absolute;
	right: 100%;
	top: 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 15px;
	text-align: center;
	z-index: 9999;
	width: 128px;
	margin-right: 8px;
}
.fixed-online:hover .fixed-online-popup{
	display: block;
}
.fixed-online .fixed-online-popup img{
	width: 128px;
	height: 128px;
}
.fixed-online .fixed-online-popup span{
	color: #666;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	display: block;
	text-align: center;
}
@media screen and (max-width: 1283px) {
	.fixed-online{
		right: 0;
		left: unset;
	}
}