body{background: #f5f5f5;}
.m1200{position: relative;}
.page{padding:60px 0 40px;}
.tit img{margin: 20px auto 40px ;display:block;}
body.sem .rightMenu{display: flex !important;}
.newHeader{display: none;}
#iconDiv1{display: none;}
.isPc2{display: none;}
.rightMenu .form-wrap form .label input, .rightMenu .form-wrap form .label select{padding-left: 0;}

/* banner */
.header_banner{background: url(../images/banner_bg.png) no-repeat center top;height: 468px;}
.header_banner .logo{display:block;}
.header_banner .logo img{width:15%;display:block;}
.header_banner .banner-img{width: 552px;height: 400px;margin: 0 20px 0 175px;} 
.header_banner .form-wrap{width: 333px;height: 346px;background: url(../images/banner_fm_bg.png) no-repeat top center;margin:-25px 0 0 0;padding:70px 60px 0;}
.header_banner .form-wrap h2{font-size: 34px;color: #24392f;font-weight: bold;line-height: 56px;margin: 0 0 10px 0;}
.header_banner .form-wrap h2 span{color:#1e523c;}
.header_banner .form-wrap .label{width: 100%;border:1px solid #c7c7c7;margin-bottom: 10px;background: #ffffff;border-radius: 10px;overflow: hidden;margin-bottom: 12px;overflow: hidden !important;}
.header_banner .form-wrap .tiaokuan{font-size: 12px;}
/* .header_banner .form-wrap .tiaokuan a{color:#999;} */
.header_banner .form-wrap .xdf_formbtn{width: 100%;height: 50px;line-height: 50px;border-radius: 25px;background: linear-gradient(#faa72e, #ffbc3b);color: #794e00;box-shadow: 0 5px 10px #ffedcc;text-align: center;cursor: pointer;font-weight: bold;font-size: 16px;box-shadow: 0 5px 10px #c5d7f1;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}
.page .tit{text-align:center;}
.page .tit h2{font-weight:normal;font-size:34px;line-height:36px;height:58px;}
.page .tit h2 b{font-size:40px;display:inline-block;padding:0 20px 0 18px;position:relative;margin:0 30px 0 5px;}
.page .tit h2 b::before,
.page .tit h2 b::after{content:'';width:70px;height:18px;position:absolute;box-sizing:border-box;}
.page .tit h2 b::before{right:0;left:0;top:-45px;margin:0 auto;border-top:1px solid #33b487;border-left:1px solid #33b487; border-right:1px solid #33b487;}
.page .tit h2 b::after{right:0;left:0;bottom:-35px;margin:0 auto;border-right:1px solid #33b487;border-bottom:1px solid #33b487;border-left:1px solid #33b487;}
.page .tit h2 span{font-size:14px;color:#999999;display:block;letter-spacing:14px;line-height:14px;margin-top:7px;}

.conentQt{background: url(../images/page8_bg.png) no-repeat center 1900px;}
/*新东方前途出国 低龄监护服务内容*/
.page2{background: #f3fcf7;}
.page2 ul{height: 460px;position: relative;background: url(../images/page2.png) no-repeat center center;}
.page2 ul li{position: absolute;width:242px;height: 112px;padding: 24px 40px 0 58px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.page2 ul li.one{left: 150px;top:15px;background: url(../images/page2_1.png) no-repeat;}
.page2 ul li.two{left: 0px;top:160px;background: url(../images/page2_2.png) no-repeat;}
.page2 ul li.three{left: 150px;top:300px;background: url(../images/page2_3.png) no-repeat;}
.page2 ul li.four{right: 150px;top:15px;background: url(../images/page2_4.png) no-repeat;}
.page2 ul li.five{right: 0px;top:160px;background: url(../images/page2_5.png) no-repeat;}
.page2 ul li.six{right: 150px;top:300px;background: url(../images/page2_6.png) no-repeat;}
.page2 ul li:hover{margin-top: -4px;}
.page2 ul li p{font-size: 14px;padding-top:10px;line-height: 140%;}
.btnBlue {width: 243px;height: 50px;line-height: 50px;margin: 15px auto;text-align: center;padding: 2px 0;cursor: pointer;border-radius: 50px;background: linear-gradient(#faa72e, #ffbc3b);color: #794e00;box-shadow: 0 5px 10px #ffedcc;font-weight: bold;-webkit-animation: jittery 3s infinite;animation: jittery 3s infinite;}

/*顾问*/
.page3{background: url(../images/page3_bg.png) no-repeat center top;}
.page3  .teacherWrap .teacher{width:230px;background: #ffffff;border-radius: 20px;overflow: hidden;cursor: pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;float: left;margin:0 5px}
.page3  .teacherWrap .teacher:hover{box-shadow: 0 0 10px 2px #dadada;margin-top: -4px;}
.page3  .teacherWrap .gwImg_wrap{width: 230px;height: 245px;position: relative;overflow: hidden;}
.page3  .teacherWrap .teacher .gwImg_wrap img{width: 100%;}
.page3  .teacherWrap .teacher .gwImg_wrap .dec_wrap{position: absolute;background: rgba(0,0,0,.5);top: 0;left: -500px;width: 100%;height: 100%;padding: 35px 18px 0 18px;box-sizing: border-box;}
.page3  .teacherWrap .teacher:hover .gwImg_wrap .dec_wrap{left: 0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.page3  .teacherWrap .teacher .gwImg_wrap .dec_wrap p{font-size: 14px;line-height: 160%;color: #ffffff;margin-top: 8px;}
.page3  .teacherWrap .teacher .gwImg_wrap .dec_wrap p b{color:#f39700;}
.page3  .teacherWrap .consultant {width: 100%;background: #fff;text-align: center;}
.page3  .teacherWrap .consultant h3 {font-size: 16px;color: #333333;line-height: 160%;padding-top: 20px;}
.page3  .teacherWrap .consultant p {font-size: 12px;color: #666666;}
.btn1 {width: 60%;margin: 15px auto 30px;font-size: 14px;color: #3fba98;border: 1px solid #3fba98;border-radius: 20px;text-align: center;padding: 2px 0;cursor: pointer;display: block;}
.greenBtn {background: #3fba98;color: #ffffff;}

/*优选初中留学产品*/
.page4 .decWrap{width: 355px;height: 197px;padding: 32px 20px 50px;background: url(../images/page4.png) no-repeat center top;float: left;}
.page4 .decWrap .top i{color: #ec6603;font-size: 18px;font-weight: bold;font-style: italic;display: inline-block;width: 50px;text-align: center;}
.page4 .decWrap .top b{font-size: 20px;color:#fff;display: inline-block;width: 200px;text-align: center;}
.page4 .decWrap .bottom ul{padding: 30px 50px;}
.page4 .decWrap .bottom ul li b{color: #ec6603;}
.page4 .btnBlue1{color:#0b9057;width: 70%;height: 38px;line-height:38px;border:1px solid #0b9057;border-radius: 50px;text-align: center;margin:0px auto;position: relative;font-weight: bold;}
.page4 .btnBlue1:hover{background: #c9efd3;}
.page4 .btnBlue1 img{position: absolute;right:0;top:20px;-webkit-animation: jittery 3s infinite;
    animation: jittery 3s infinite;}
.page5 .tit{margin-bottom: 45px;}
/* 全流程留学服务 */
.page8 ul{padding-bottom:30px;}
.page8 ul li{width: 145px;height: 235px;background: #ffffff;border-radius: 80px;float: left;margin-right:30px;position: relative;cursor: pointer;box-shadow: 0 5px 0 0 #cdeee5;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.page8 ul li:hover{box-shadow: 0 0 16px 5px #dadada;-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
.page8 ul li:hover .liCon{width: 145px;height: 275px;overflow: hidden;border-radius: 80px;box-shadow: 0 5px 0 0 #49bd9d;}
.page8 ul li img{display: block;margin:25px auto 15px;}
.page8 ul li h3{font-size: 18px;color: #0b9057;padding-bottom: 10px;border-bottom: 1px solid #eeeeee;width: 105px;margin: 0 auto 15px;text-align: center;}
.page8 ul li p{font-size: 14px;color: #333333;line-height:24px;text-align: center;}
.page8 ul li i{display: block;background: url(../images/arrow.png) no-repeat center top;width: 34px;height: 27px;position: absolute ;top:40%;right:-25px;}
.page8 ul li:last-child{margin-right: 0;}

/* .page6 {background: #f5f5f5;background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, #dff3e9 100%);} */

.xdf_slide{width: 150px;height: 160px;}
.xdf_bottomForm.form-wrap .xdf_formbtn{background: linear-gradient(#ffc778, #ff9703);color:#603b05;}
/* .xdf_bottomForm.form-wrap .tiaokuan a{color: #ffffff;} */

.xdf_bottomForm.form-wrap form .label {width: 14%;padding: 10px 0 0 0px;height: 80px;}
.xdf_bottomForm_new .xdf_bottomForm.form-wrap form .label{padding:0 0 0 38px;}
.page5 .mapForm{width: 31%;position: absolute;right: 0%;bottom: -1%;}
/*sem系列二验证码*/
.header_banner .form-wrap{padding: 30px 60px;}
.form-wrap form .label.Code{width: 100%;display: flex;justify-content: space-between;}
.form-wrap .label.Code input{width: 35%;padding-top: 0;}
.form-wrap .label.Code .SmsCodeBtn{background: none;width:auto;margin: 0;padding: 0 4%;}
.form-wrap .label.Code .SmsCodeBtn::after{content: '';width: 1px;height: 20px;background: #D8D8D8;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.page1 .form-wrapPc{top: -17px;}
.page1 .form-wrapPc .xdf_formbtn{margin: 32px 0 0 10px;}
.mapForm .qt_form_common.qt_form .SmsCode_wrap {border: 1px solid #e4e4e4;height: 40px;}
.mapForm .qt_form_common.qt_form .SmsCode {border: none;border-radius: 0;border-right: 1px solid #d8d8d8;padding-left: 12px;margin: 7px 0;width: 250px;height: 26px;background: none;}
.mapForm .qt_form_common.qt_form .SmsCodeBtn {width: 32%;float: right;height: 100%;line-height: 40px;font-size: 14px;color: #999999;text-align: center;margin: 0;}
.mapForm .qt_form_common.qt_form .SmsCodeBtn.active{color: #f39200;}
/*sem系列二验证码*/
@media screen and (max-width:1000px) {
	.page{padding:0.2rem 2%;}
	.tit img{width: 90%;margin: 0.2rem auto;}
  body.sem .rightMenu{display: none !important;}
  #mobile_icon_div{display: none !important;}
	/* banner */
	.m1200{width: 100%;}
	.header_banner{height: 11.5rem;background:url(../images/m_banner_bg.png);background-size: cover;}
	.header_banner .logo img {width: 30%;}
	.header_banner .banner-img{display:block;margin: 0 auto;width:75%;height:auto;float: none;}
	.header_banner .form-wrap{float: none;width: 5.59rem;height: 5.37rem;background: url(../images/m_banner_fm_bg.png) no-repeat top center;padding: .4rem .5rem 0;margin: .3rem auto 0;background-size: cover;}
	.header_banner .form-wrap h2{font-size: .48rem;line-height: .96rem;}
	.header_banner .form-wrap .label{box-sizing: border-box;border-width: .01rem;width: 96%;height: .7rem;line-height: .7rem;margin: 0.07rem 0;border-radius: .1rem;}
	.form-wrap form .label span, .form-wrap form .label input, .form-wrap form .label select{height: .7rem;line-height: .7rem;font-size: .24rem;text-indent:.1rem;}
	.header_banner .form-wrap .tiaokuan{font-size: .2rem;text-align: left;}
	.header_banner .form-wrap .xdf_formbtn{width: 96%;height: .7rem;line-height: .7rem;font-size: .28rem;}
	.form-wrap form .label i {left: 0.1rem;top: 14%;}
	.form-wrap form .label i.iconDown {left: 88%;top: 35%;}

	/*新东方前途出国 低龄监护服务内容*/
	.page2{background: #f5f5f5;}
	.page2 ul{height: auto;position: relative;background: url(../images/m_page2.png) no-repeat center top;background-size: 60% auto;padding-top:1rem;}
	.page2 ul li{position: inherit;width:37%;padding:0.3rem 2% 0.3rem 11%;float: left;-webkit-transition:none;-o-transition:none;transition:none;}
	.page2 ul li.one{left: auto;top:auto;background: url(../images/m_page2_1.png) no-repeat;background-size: contain;}
	.page2 ul li.two{left: auto;top:auto;background: url(../images/m_page2_2.png) no-repeat;background-size: contain;}
	.page2 ul li.three{left: auto;top:auto;background: url(../images/m_page2_3.png) no-repeat;background-size: contain;}
	.page2 ul li.four{right: auto;top:auto;background: url(../images/m_page2_4.png) no-repeat;background-size: contain;}
	.page2 ul li.five{right: auto;top:auto;background: url(../images/m_page2_5.png) no-repeat;background-size: contain;}
	.page2 ul li.six{right: auto;top:auto;background: url(../images/m_page2_6.png) no-repeat;background-size: contain;}
  	.page2 ul li:hover{margin-top: 0;}

	/*顾问*/
	.page3 .teacher{position: relative;width: 48%;height: 3.44rem;margin: 0.1rem 1%;float: left;overflow:hidden;}
	.page3 .teacher img{width: 100%;}
	.page3 .teacher .teacherIntro{position: absolute;bottom:0;background:rgba(22,154,90,.9) ;color:#fff;width: 100%;text-align: center;padding:0.1rem 0;}
	.page3 .teacher .teacherIntro p{font-size: 0.24rem;}

	/*优选初中留学产品*/
	.page4{background: none;}
	.page4 .decWrap{width:93%;height: 197px;padding: 0px 6% 0 1%;;background: url(../images/m_page4.png) no-repeat center top;background-size: contain;float: none;}
	.page4 .decWrap .top{padding:0.4rem 0;}
	.page4 .decWrap .top i{font-size: 0.24rem;width: 0.8rem;}
	.page4 .decWrap .top b{font-size: 0.26rem;width: 3rem;}
	.page4 .decWrap .bottom ul{padding: 0rem 0 0 0.5rem;font-size: 0.22rem;width: 50%;float: left;}
	.page4 .btnBlue1{width: 40%;height: 0.4rem;line-height: 0.4rem;margin:0px auto;position: relative;float: right;font-size: 0.2rem;top: 0.4rem;font-weight: bold;;}
	.page4 .btnBlue1 img{top: 0.35rem;width: 0.3rem;}
	.page4 .swiper-container{padding-bottom:0.3rem;}

	.btnBlue{width: 4rem;height: 0.6rem;line-height: 0.6rem;margin: 0.1rem auto 0.2rem;}

	/* form */
	.page7{background: url(../images/m_page7_bg.png) no-repeat center top;padding:0.2rem 2% 0.6rem;}
	.page7 .form-wrap{background: url(../images/m_form.png) no-repeat center top;background-size: cover;padding:2.5rem 3% 0.2rem;width:94%}
	.page7 .form-wrap .label{box-sizing: border-box;border-width: 0.01rem;width: 96%;height: 0.7rem;line-height: .7rem;margin: 0.07rem 0;border-radius: 0.1rem; padding-left: 9%;}
	.page7 .form-wrap .tiaokuan{font-size: 0.2rem;line-height: 140%;}
	.page7 .form-wrap .xdf_formbtn{width: 96%;height: 0.6rem;line-height: 0.6rem;margin: 0.1rem auto 0.2rem;background: linear-gradient(90deg,#faa72e,#ffbc3b);border-radius: 5rem;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;color:#794e00;}

  .xdf_bottomForm.form-wrap form .label{width: 14%;}
  /*sem系列二验证码*/
  .form-wrap form .label.Code{width: 96%;}
  /*sem系列二验证码*/
}

@-webkit-keyframes jittery {
    5%,
    50% {
      transform: scale(1);
    }
    10% {
      transform: scale(0.9);
    }
    15% {
      transform: scale(1.15);
    }
    20% {
      transform: scale(1.15) rotate(-5deg);
    }
    25% {
      transform: scale(1.15) rotate(5deg);
    }
    30% {
      transform: scale(1.15) rotate(-3deg);
    }
    35% {
      transform: scale(1.15) rotate(2deg);
    }
    40% {
      transform: scale(1.15) rotate(0);
    }
  }
  @keyframes jittery {
    5%,
    50% {
      transform: scale(1);
    }
    10% {
      transform: scale(0.9);
    }
    15% {
      transform: scale(1.15);
    }
    20% {
      transform: scale(1.15) rotate(-5deg);
    }
    25% {
      transform: scale(1.15) rotate(5deg);
    }
    30% {
      transform: scale(1.15) rotate(-3deg);
    }
    35% {
      transform: scale(1.15) rotate(2deg);
    }
    40% {
      transform: scale(1.15) rotate(0);
    }
  }

