body{overflow-x: hidden;}

.m1200{position: relative;}

.page{padding: 20px 0;}

.page .tit {margin: 20px auto 40px ;text-align: center;}

.page .tit p{font-size: 20px;color:#3d91a7;font-weight: normal;line-height: 160%;}
.page .qt_53Btn{width: 260px;height:48px;line-height: 48px;background: #3d91a7;border-radius: 50px;color: #ffffff;font-size: 20px;font-weight: bold;display: block;margin: 20px auto 0;text-align: center;    -webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}


/* banner */

.header_banner{height: 400px;background: url(../images/banner.jpg) no-repeat center top;}

.header_banner .form-wrap{text-align: center;width: 341px;background:url(../images/form_bg.png) repeat;padding: 20px 50px 30px;}

.header_banner .form-wrap h2{font-size: 36px;color:#fff;line-height: 140%;}

.header_banner .form-wrap h2 em{color: #f39800;font-weight: bold;}

.header_banner .form-wrap span.tip{text-align: center;color:#fff;display: block;font-size: 18px;}

.form-wrap_js.form-wrap form .label{ width: 100%;border: 1px solid #c7c7c7;background: #fff;border-radius: 10px;padding-left: 10px;height: 48px;line-height: 48px;}

.form-wrap_js.form-wrap form .label.Code{position: relative;width: 100%;}

.form-wrap_js.form-wrap form .label.Code .SmsCodeBtn{position: absolute;top: 10px;right: -3px;height: 20px;line-height: 20px;padding: 0 10px;border-left: 1px solid #b4b4b4;font-size: 16px;color: #999999;width: auto;border-radius: 8px;border-radius: 0;}

.form-wrap_js.form-wrap form .label input,

.form-wrap_js.form-wrap form .label select{padding-top: 14px;padding-left: 22px;font-size: 16px;;}

/* .iconFormBlue2.form-wrap form .label i{background-image: url(../images/icon.png);} */

.form-wrap_js.form-wrap form .label.phone i {background-position: left -51px;}

.form-wrap_js.form-wrap form .label.Code i {background-position: left -102px;}

.form-wrap_js.form-wrap form .label.country i {background-position: left -60px;}

.form-wrap_js.form-wrap form .label.country i.iconDown{background-position: left -90px;}

.form-wrap_js .tiaokuan.white .checked {background: url(../images/icon.png) no-repeat left -120px;}

.form-wrap_js .tiaokuan.white .checked.active {background: url(../images/icon.png) no-repeat left -140px;}

.form-wrap_js.form-wrap .xdf_formbtn{background: #f39800;width: 100%;border-radius: 10px;cursor: pointer;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;

    animation: ball-scale-multiple 1s 0s linear infinite alternate;color:#fff;font-size: 16px;}

    .form-wrap_js.form-wrap .xdf_formbtn:hover{background: #e59003;}

    .form-wrap_js.form-wrap .tiaokuan{font-size: 12px;}

/* .form-wrap .tiaokuan a{color:#3a7381;} */



/*conentQt*/

.conentQt{margin:20px auto;padding:40px;border-radius: 10px;box-shadow: 0 0 10px #e8e8e8;width: 1120px;}



/* nav */

.navTopH{width:100%;position:relative;z-index:3;height: 36px;}

.navigation {width:100%;z-index:20;top:0;right:0;}

.navigation.navigation_fixed{background:#fff;}

.navigation ul{width: 600px;margin: 0 auto;}

.navigation li {float:left;padding:0 20px 10px;color:#999;zoom:1;font-family: 'Oswald', "Microsoft Yahei", sans-serif;font-size: 20px;text-transform: capitalize;transition: all 0.2s linear;text-decoration: none;cursor: pointer;}

.navigation li:hover,

.navigation li.current{font-weight: bold;color: #333;background:url(../images/nav_active.png) no-repeat center bottom;}



/* 竞赛介绍 */

.page1 .content{padding:15px 20px;background: #f6f9fd;border-radius: 10px;}

.page1 .content p b{color:#0c5b68;}



/* 项目介绍 */

.page2 .content{position: relative;}

.page2 .content .txt{padding:15px 25px 15px 360px;background: #f6f9fd;margin: 70px 0;border-radius: 10px;}

.page2 .content .video{position: absolute;left: -18px;top: -70px;width: 366px;height: 234px;}

.page2 .content .txt h4{margin-top: 10px;}

/* 适合人群 */

.page3 ul{width: 90%;margin: 0 auto;}

.page3 ul li{text-align: center;width:100%;float: left;font-size: 20px;color:#3e3a39;line-height: 140%;}



/* 项目亮点 */

.page4 .content dl{padding:10px 0 10px 244px;box-shadow:0 0 10px 2px #dadada;margin:15px 15px 15px 50px;position: relative;float: left;width:330px;border-radius: 10px;height: 148px;width: 44%;box-sizing: border-box;}

.page4 .content dl dt{color: #0c5b68;font-weight: bold;position: absolute;top:0;left:-50px;border-radius: 10px;font-size: 20px;box-shadow:0 0 10px 2px #dadada;padding:8px 0 8px 70px;margin: auto;bottom: 0;height: 70px;box-sizing: border-box;width: 260px;}

.page4 .content dl.one dt{background: url(../images/icon1.png) no-repeat;}

.page4 .content dl.two dt{background: url(../images/icon2.png) no-repeat;}

.page4 .content dl.three dt{background: url(../images/icon3.png) no-repeat;}

.page4 .content dl.four dt{background: url(../images/icon4.png) no-repeat;}

.page4 .content dl dd{float: left;width: 99%;}

.page4 .content dl dd.long{width: 80%;}

.page4 .content dl.two,
.page4 .content dl.one{height: 90px;}




/* 导师团队 */

.page5 .content{position: relative;}
.page5 .content .teacher{position: relative;}
.page5 .content .txt{padding:36px 220px 30px 30px;background: #3d91a7;margin: 50px 0;border-radius: 10px;color:#fff;width: 690px;}

.page5 .content .txt p{font-size: 18px;position: relative;padding-left:100px;padding-bottom:10px;margin-bottom: 20px;}
.page5 .content .two .txt p{padding-left:130px;}
.page5 .content .txt p b{font-size: 36px;color: #075a6d;border-bottom: 4px solid #075a6d;padding-bottom:15px;position: absolute;left:0;top:0;font-weight: normal;}

.page5 .content img{position: absolute;right: 30px;top: 0px;bottom: 0;margin: auto;}
.page5 .content .two  img{top:10px}



/* 项目内容 */

.page6 .content .fl,

.page6 .content .fr{width: 540px;background: url(../images/page6.png)no-repeat 4px 45px;}

.page6 .content dl{margin:5px 0;}

.page6 .content dl dt{float: left;width:88px;padding-left:22px;background: url(../images/page6_dot.png) no-repeat left 40px;padding-top: 24px;}

.page6 .content dl dt h3{font-size: 20px;color:#3d91a7;line-height: 160%;}

.page6 .content dl dt p{line-height: 120%;}

.page6 .content dl dt p em{font-size: 18px;}

.page6 .content dl dd{float: left;padding:10px 15px;background:#e2e2e2;height: 45px;width:390px;line-height: 140%;margin: 8px 0;border-radius: 10px;display: table;}

.page6 .content dl dd p{ display: table-cell;vertical-align: middle;}



/* 服务流程 */

.page6{padding-bottom: 0;}
.page7 h3{font-size: 24px;margin-bottom: 20px;}
.page7 ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-left: 20px;}
.page7 ul li{font-size:16px;line-height: 130%;width:500px;min-height: 20px;margin-bottom: 10px;}
/* .page7 .content div{padding: 15px 0 15px 145px;border-bottom:1px dotted #d2d2d2;position: relative;}

.page7 .content div.last{border-bottom:none;}

.page7 .content div h3{width: 110px;height: 40px;line-height: 40px;background:#3d91a7;color:#fff;border-radius: 10px;text-align: center;position: absolute;top:50%;left:0;margin-top:-20px;}

.page7 .content div p{float: left;display: inline;}

.page7 .content div p b{background:#3d91a7;color:#fff;font-weight: bold;padding:5px;border-radius: 50%;}

.page7 .content div p span{padding: 5px 10px 5px 5px;display: inline-block;} */



/* 为什么参加国际竞赛？ */

.page8 .content{background: #f1fcff;padding:25px 25px 25px 310px;position: relative;line-height: 190%;}

.page8 .content img{position: absolute;top: 25px;left: 32px;}

.page10 .tit{font-size: 38px;}

@media screen and (max-width:1000px) {

	body{font-size: 0.24rem;;}
  body.active {
    position: fixed !important;
    width: 100%;
    top: var(--scroll-top);
    left: 0;
} 
.m_video {
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.8);
  z-index: 99999;
}

.m_video video {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m_video i {
  content: '';
  width: 0.6rem;
  height: 0.6rem;
  background: url('https://liuxue.xdf.cn/image/icon/close_white.png') no-repeat center top;
  position: fixed;
  right: 0.2rem;
  top: 2%;
  background-size: contain;
}
	.page{padding:0.2rem 2%;}

 .page .tit {margin: 0.2rem auto 0.4rem;}

	.page .tit img{width: 30%;}

	.page .tit p{font-size: 0.24rem;}
  .page .qt_53Btn{width: 3rem;height:0.58rem;line-height: 0.58rem;border-radius: 0.5rem;font-size: 0.24rem;margin: 0.32rem auto 0;}


	/* banner */

	.m1200{width: 96%;}

	.header_banner{height: 6rem;overflow: hidden;background: url(../images/m_banner_bg.png) repeat-x;-webkit-background-size: contain;background-size: contain;}

	.header_banner .banner-img{width: 96%;padding:0.5rem 2% 0;}



	.conentQt{box-shadow:none;margin:0;padding: 0;border-radius:0;width: 100%;}



	/* 竞赛介绍 */

  .page1 .content{padding:0.1rem 4%;}



  /* 项目介绍 */

  .page2 .content .txt{padding:0.1rem 4%;margin: 0;}

  .page2 .content .txt h4{margin-top:0.2rem;}
  .page2 .content .video{position:relative;background: url(../images/page2.png) no-repeat center top;margin: 0 auto;top: 0;left: 0;right: 0;}
  .page2 .content .video::after {
    content: '';
    width: 0.54rem;
    height: 0.54rem;
    right: 0.5rem;
    bottom: 1rem;
    background: #ffffff url(../images/play.png) no-repeat center top;
    background-size: cover;
    position: absolute;
    z-index: 3;
    border-radius: 50%;
}
  /* 适合人群 */

  .page3 ul{width: 90%;margin: 0 auto;}

  .page3 ul li{width:100%;font-size:0.24rem;line-height: 140%;margin-bottom: 0.2rem;;}

  /* .page3 ul li.last{margin:0.2rem 0 0 25%;} */

  .page3 ul li img{width: 20%;}



  /* 项目亮点 */

  .page4 .content dl{padding: 0.1rem 0 0.1rem 36%;margin: 0.15rem 0.15rem 0.15rem 12%;width: 86%;height: auto;}
  .page4 .content dl.two, .page4 .content dl.one{height: auto;}

  .page4 .content dl dt{left: -14%;font-size: 0.26rem;padding: 0.1rem 0 0.1rem 12%;width:53%;height:1rem;text-align: center;}


  .page4 .content dl.one dt{background: #fff url(../images/m_icon1.png) no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}

  .page4 .content dl.two dt{background: #fff url(../images/m_icon2.png) no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}

  .page4 .content dl.three dt{background:#fff url(../images/m_icon3.png) no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}

  .page4 .content dl.four dt{background: #fff url(../images/m_icon4.png) no-repeat;-webkit-background-size: auto 100%;background-size: auto 100%;}



  /* 导师团队 */

  .page5{padding:0.2rem 0;}
  .page5 .content .teacher{margin:0 auto 0.2rem;width:98%;}
  .page5 .content .txt{padding:0.2rem 0 0.2rem 0.3rem;margin: 0;width: 100%;box-sizing: border-box;}

  .page5 .content .txt p{font-size: 0.24rem;padding-left:18%;margin-bottom: 0.1rem;}

  .page5 .content .txt p b{font-size: 0.34rem;padding-bottom:0.1rem;top:4px;border-bottom: 0.05rem solid #075a6d;}
  .page5 .content .two .txt p{padding-left: 18%;}



  /* 项目内容 */

  .page6 .content{background: url(../images/m_page6.png) no-repeat 0.08rem 0.6rem;-webkit-background-size: auto 5.6rem;background-size: auto 5.6rem;}

  .page6 .content .fl,

  .page6 .content .fr{width: 100%;background: none;}

  .page6 .content dl dt{width:18%;background: url(../images/page6_dot.png) no-repeat left 0.4rem;padding-top: 0.2rem;}

  .page6 .content dl dt h3{font-size: 0.3rem;}

  .page6 .content dl dt p em{font-size: 0.24rem;}

  .page6 .content dl dd{padding:0.1rem 2%;width:71%;margin:0;height: 0.8rem;}



  /* 服务流程 */
  .page7 h3{font-size: 0.32rem;margin-bottom: 0.2rem;}
  .page7 ul{margin-left: 0.2rem;}
  .page7 ul li{font-size: 0.24rem;width: 100%;min-height: auto;margin-bottom: 0.2rem;}
  /* .page7 .content div{padding:0.2rem 0;}

  .page7 .content div h3{position: inherit;top: 0;left: 0;margin: 0 auto 0.05rem;font-size: 0.28rem;height: 0.6rem;line-height: 0.6rem;border-radius: 0.1rem;}

  .page7 .content div p{width: 100%;} */



  /* 为什么参加国际竞赛？ */

  .page8 .content{padding:0.3rem 5% 0.2rem;line-height: 160%;}

  .page8 .content img{position: inherit;top: 0;left: 0;width: 40%;margin: 0 auto 0.2rem;display: block;}



	/* form */

	.page9{padding: 0.4rem 2%;background: #3d91a7;}

	.page9 h2{font-size: 24px;color:#fff;line-height: 160%;text-align: center;}

	.page9 h2 em{color: #f39800;font-weight: bold;}

	.page9 span.tip{text-align: center;color:#fff;display: block;}

	.page9 p.sentence {text-align: center;color: #1f2998;background: url(../images/form_bg.png) repeat-y top center;padding: 5px 0;font-size: 18px;margin: 10px 0;}

	.page9 .qt_form{width: 88%;margin: 0 auto;}

	.page9 .form-wrap form .label{ border: 0;background: #fff;border-radius: 10px;width: 95%;}

  .page9 .form-wrap form .label input,

  .page9 .form-wrap form .label select{padding-top: 0.05rem;padding-left: 0.5rem; font-size: 0.24rem;width: 94%;;}

  .form-wrap_js.form-wrap form .label i.iconDown{left: 88%;}

  .form-wrap_js.form-wrap form .label.Code .SmsCodeBtn{font-size: 0.24rem;}

	.page9 .form-wrap .xdf_formbtn{background: #f39800;width: 96%;border-radius:10px;cursor: pointer;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;

		animation: ball-scale-multiple 1s 0s linear infinite alternate;border-radius: 40px;}

	.page9 .form-wrap .xdf_formbtn:hover{background: #e08f01;}

	.page9 .form-wrap .tiaokuan{font-size: 0.2rem;margin: 5px 0;}

	/* .page9 .form-wrap .tiaokuan a{color:#165c6d;} */

  .page10 .tit{font-size: 0.4rem;}

}



@-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);

    }

  }



