body{background: #f5f5f5;overflow-x: hidden;}
.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: 320px;height: 326px;background: url(../images/banner_fm_bg.png) no-repeat top center;margin:-25px 0 0 0;padding:90px 60px 0;}
.header_banner .form-wrap h2{font-size: 34px;color: #24392f;font-weight: bold;line-height: 56px;}
.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 !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: #3c79eb;text-align: center;cursor: pointer;color: #ffffff;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;}

/* nav */
.navTopH{width:100%;background:#3fba98 no-repeat center top;height:58px;position:relative;z-index:3;}
.navigation {width:100%;z-index:20;top:0;right:0;}
.navigation.navigation_fixed{background:#3fba98;}
.navigation ul{display: flex;justify-content: space-between;}
.navigation li {float:left;height:58px;line-height:58px;text-align:center;color:#ffffff;zoom:1;font-family: 'Oswald', "Microsoft Yahei", sans-serif;font-size: 18px;text-transform: capitalize;transition: all 0.2s linear;text-decoration: none;cursor: pointer;padding: 0 20px;}
.navigation li:hover,
.navigation li.current{font-weight: bold;color: #00695f;background: #8ad5c0;}

.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 #377fe5;border-left:1px solid #377fe5; border-right:1px solid #377fe5;}
.page .tit h2 b::after{right:0;left:0;bottom:-35px;margin:0 auto;border-right:1px solid #377fe5;border-bottom:1px solid #377fe5;border-left:1px solid #377fe5;}
.page .tit h2 span{font-size:14px;color:#999999;display:block;letter-spacing:14px;line-height:14px;margin-top:7px;}

/* 初中留学申请时间规划 */
.page1{background:#fff url(../images/page1_bg.png) no-repeat center bottom;}
.page1 .dl-list{padding-bottom:30px;}
.page1 dl{float: left;margin: 0 0.3%;width:13.66%;padding: 60px 0 0 0;position: relative;}  
.page1 dl dt{position: absolute;top: 0;z-index:2;display: table;text-align: center;border: 2px solid #e4e6e9;width: 120px;height: 120px;border-radius: 50%;background: #ffffff;left:50%;margin:0 0 0 -60px;}
.page1 dl dt span{display: table-cell;vertical-align: middle;font-size: 16px;color: #333333;font-weight: bold;}
.page1 dl dd{border: 2px solid #e9e9e9;padding: 80px 10px 20px;background: #fff;}
.page1 dl dd p{line-height: 140%;font-size: 14px;color: #666666;text-align: center;}
.page1 dl:hover dt{border: none;background: linear-gradient(#1ca5ce,#367fe5);}
.page1 dl:hover dt span{color: #ffffff;}
.page1 dl:hover dd{box-shadow: 0 0 20px #e6e7e7;}

/*新东方前途出国 低龄监护服务内容*/
.page2{background: #f5f5f5;}
.page2 ul{height: 460px;position: relative;background: url(../images/page2.png) no-repeat center center;}
.page2 ul li{position: absolute;width:242px;height: 103px;padding:35px 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;color: #fff;text-align: center;padding: 2px 0;cursor: pointer;background:#377fe5;border-radius: 50px;box-shadow: 0 5px 10px #c5d7f1;-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;/* max-height: 36px;*/} 
.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{background: url(../images/page4_bg.png) no-repeat center top;}
.page4 .decWrap{width: 355px;height: 197px;padding: 43px 20px;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: 112px;text-align: center;}
.page4 .decWrap .top b{font-size: 20px;color:#fff;display: inline-block;width: 155px;text-align: center;}
.page4 .decWrap .bottom ul{padding: 30px 50px;}
.page4 .decWrap .bottom ul li b{color: #ec6603;}
.page4 .btnBlue1{color:#377fe5;width: 70%;height: 38px;line-height:38px;border:1px solid #377fe5;border-radius: 50px;text-align: center;margin:0px auto;position: relative;}
.page4 .btnBlue1 img{position: absolute;right:0;top:20px;-webkit-animation: jittery 3s infinite;
    animation: jittery 3s infinite;}
.page4 .btnBlue1:hover{background: #e0ebfa;}

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

/*新东方前途出国*/
/* .page6 {padding-bottom: 60px;background: #f5f5f5;background: linear-gradient(180deg, #f5f5f5 0%, #f5f5f5 50%, #dff3e9 100%);} */

.page5 .tit{margin-bottom: 45px;}
.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;}
.qt_map .mapCon #baiduMap{height: 520px !important;}
.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) {
	body.sem .rightMenu{display: none !important;}
	#mobile_icon_div{display: none !important;}
	.page{padding:0.2rem 2%;}
	.tit img{width: 90%;margin: 0.2rem auto;}

	/* banner */
	.m1200{width: 100%;}
	.header_banner{height: 11.5rem;background:#3a7ce9 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.07rem;background: url(../images/m_banner_fm_bg.png) no-repeat top center;padding: .7rem .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%;}

	/* 初中留学申请时间规划 */
	.page1{background: #fff;}
	.page1 .dl-list{background: url(../images/m_page1_bg.png) no-repeat 41% 0.3rem;background-size: 5% auto;}
	.page1 dl{float: none;margin: 0 0.3%;width: 100%;padding: 0;}
	.page1 dl dt{float: left;width: 1.6rem;height: 0.6rem;border-radius: 5rem;background: linear-gradient(90,#1ca5cf,#3581e3);margin: .2rem .6rem .12rem;position: inherit;left: 0;top: 0;border:none;}
	.page1 dl dt span{font-size: .24rem;color: #ffffff;background: linear-gradient(#1ca5cf,#3581e3);border-radius:5rem;;}
	.page1 dl dd{float: left;margin: .2rem .6rem .12rem;display: table;padding: 0;border:none;}
	.page1 dl dd p{font-size: .24rem;color: #fff;width:2.6rem;height: 0.6rem;border-radius: 5rem;background: #377fe5;display: table-cell;vertical-align: middle;}
	.page1 dl:hover dt{border: none;background: linear-gradient(#1ca5ce,#367fe5);}
	.page1 dl:hover dt span{color: #ffffff;}
	.page1 dl:hover dd{box-shadow: 0 0 20px #e6e7e7;}
	

	/*新东方前途出国 低龄监护服务内容*/
	.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:hover{margin-top: 0;}
	.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;}
	
	/*顾问*/
	.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(55,127,229,.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: 1.5rem;}
	.page4 .decWrap .top b{font-size: 0.26rem;width: 2rem;}
	.page4 .decWrap .bottom ul{padding: 0rem 0 0 0.5rem;font-size: 0.24rem;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.8rem 5% 0.2rem;width:100%;box-sizing: border-box;}
	.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;}
	.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,#1ca5ce,#367fe5);border-radius: 5rem;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;
		animation: ball-scale-multiple 1s 0s linear infinite alternate;}
	/*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);
    }
  }