/* CSS Document */
html, body {
      position: relative;
      height: 100%;
    }
body{-webkit-text-size-adjust:none;}
*{-webkit-text-size-adjust:none; font-size:12px; font-family:"微软雅黑"; margin:0; padding:0; outline:none;}
input,textarea,select{ font-size:100%;}ul{ list-style:none;}
a,span{ display:inline-block; border: medium none;display: inline-block;outline: medium none;text-decoration: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
img{ vertical-align:top; border:none; width:100%;}
{margin:0 auto; position:relative; /*display:none;*/ }
.rel{ position:relative;}
.abs{position:absolute; }
.main{ position:relative; width:100%; height: 100%;}
.section{ position:relative; width:100%;overflow:hidden;}
img{ width:100%;}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {     
		overflow: hidden;
}
.arrow{  position:absolute; bottom:20px; left:50%; width:60px; margin-left:-30px; z-index:99;animation:2s ease 0s normal none infinite fadeInDown; -webkit-animation:2s ease 0s normal none infinite fadeInDown;}
.btn_pause{position:fixed; width:10%; top:60px; right:20px; z-index:99;}
.btn_play{ -webkit-transform-origin:center center;transform-origin:center center;animation:2s linear 0s normal none infinite runAround; -webkit-animation:2s linear 0s normal none infinite runAround;}
.loading{ position:absolute; top:450px; left:50%;z-index:99; width:415px; margin-left:-207px; display:block;}
.loadBg{ width:100%; margin-bottom:24px; position:relative;}
.loadhint{ text-align:center; color:#fff; font-size:60px;}
.apply_box{ position: absolute;top: 365px; left: 27%;width: 57%;}
.apply_box li{ height: 135px; width: 100%;}
.apply_box li input{ width: 100%; height: 105px; color: #fff; font-size: 40px; border: none; background: none; }
.btn_submit{ position: absolute;top: 540px; left: 35%; width: 30%; line-height: 50px; background: #7ecad9; text-align: center; color: #fff; font-size: 30px; border-radius: 10px;}
.btn_back{width: 30%; line-height: 54px; background: #7ecad9; text-align: center; color: #fff; font-size: 32px; border-radius: 10px;}
.false{background: #666;}
.false img{ opacity: 0.4;}
.main span{width: 100%; left: 0; }
.page1_txt1{ top: 19.4%;}
.page1_img{  top: 37.5%;}
.page1_txt2{ top: 68.1%;}
.page1_txt3{ top: 75.9%;}

.main .page1_banner{opacity: 0; width: 100%;top: 260px; right: 0; left: auto;background: url(../images/ico_select.png) no-repeat -9999px -9999px;}

.rocket{ width: 380px; left: 0; top: 310px; z-index: 50; opacity: 0;}
/*.swiper-slide-active .rocket{animation: bannerShow 0.8s 0.3s linear both; -webkit-animation: bannerShow 0.8s 0.3s linear both;}*/
.swiper-slide-active .page1_txt1{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .page1_banner{opacity:1;animation: bannerShow 0.7s 0.3s ease-out both; -webkit-animation: bannerShow 0.7s 0.3s ease-out both;}
.swiper-slide-active .page1_txt2{animation: fadeInLeft 0.8s 1.4s ease both; -webkit-animation: fadeInLeft 0.8s 1.4s ease both;}
.swiper-slide-active .page1_txt3{animation: fadeInRight 0.8s 1.4s ease both; -webkit-animation: fadeInRight 0.8s 1.4s ease both;}

.page2_txt1{ top: 19.4%;}
.page2_txt2{ top: 27.9%;}
.page2_txt3{ top: 44.9%;}
.page2_txt4{ top: 86.4%;}

.page2_txt{top: 170px;width: 84%; left: 8%;}
.page2_txt strong,.page4_txt1 strong{ font-size: 34px; display: block; width: 100%; text-align: center; padding: 0 0 30px 0;}
.page2_txt span,.page4_txt1 span{font-size: 25px; line-height: 38px; display: block; padding: 0 0 15px 0; text-align: justify;}
.page4_txt1 span{font-size: 26px;}
.swiper-slide-active .page2_txt{animation: fadeInUp 0.4s 0.2s linear both; -webkit-animation: fadeInUp 0.6s 0.2s linear both;}
.swiper-slide-active .page2_txt2{animation: fadeInLeft 0.8s 1s ease both; -webkit-animation: fadeInLeft 0.8s 1s ease both;}
.swiper-slide-active .page2_txt3{animation: fadeInRight 0.8s 1s ease both; -webkit-animation: fadeInRight 0.8s 1s ease both;}
.swiper-slide-active .page2_txt4{animation: showInDown 0.8s 1.8s ease both; -webkit-animation: showInDown 0.8s 1.8s ease both;}
.page3_title{width: 100%; display: block; left: 0; text-align: center;font-size: 34px; } 

.page3_txt{top: 120px; width: 100%; left: 0;}
.result{top: 310px; width: 100%; left: 0; text-align: center; display: none;}
.result span{ font-size: 40px; padding: 0 0 50px 0;}
.result_success{ top: 320px;}
.result_success strong{ font-weight: normal; font-size: 26px; margin: -20px 0 0 0; display: block;}
.question_box{
	top: 75px;
	width: 80%;
	left: 10%;
}
.question_box li{
	padding: 0 0 11px 0;
}
.swiper-slide-active .page3_txt,.swiper-slide-active .result{animation: fadeInUp 0.4s 0.2s linear both; -webkit-animation: fadeInUp 0.6s 0.2s linear both;}
.clear{ clear: both;}
.question_box li i{ float:left;margin: 6px 5px 0 0; width: 27px; height: 27px; background: url(../images/ico_circle.png) no-repeat 0 0 / contain;}
.question_box li .selected i{ background-image: url(../images/ico_select.png);}
.question_box span{float:left;line-height: 38px;}
.question_box strong{padding: 0 0 6px 0; display: block; line-height: 32px;}
.question_box span,.question_box strong{font-size: 25px;}
.question_box .half span{ width: 50%; }

.page4_txt{ top: 120px;}
.page4_txt h1{ font-size: 38px; text-align: center;}
.page4_txt h2{font-size: 30px; text-align: center;}
.page4_txt strong{ font-size: 30px; display: block; width: 100%; text-align: center; padding:0 0 10px 0; }
.swiper-slide-active .page4_txt,.swiper-slide-active .page4_txt1{animation: fadeInUp 0.4s 0.2s linear both; -webkit-animation: fadeInUp 0.6s 0.2s linear both;}
.page4_txt1{top: 85px;width: 84%; left: 8%; height: 100%;}
.page4_txt1 i{ font-size: 32px; font-weight: bold; font-style: normal; color: #0d7887;}
@-webkit-keyframes bannerShow {
  0% {opacity: 0;-webkit-transform: translate3d(0,-150px,0);transform: translate3d(0,-150px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes bannerShow {
    0% {opacity: 0;-webkit-transform: translate3d(0,-150px,0);transform: translate3d(0,-150px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;  }
}

@-webkit-keyframes UpInDown {
	0%{ -webkit-transform: translate3d(0,700px,0); opacity: 1;}
  100% { -webkit-transform: translate3d(0,0,0);opacity: 1;}
}


@keyframes UpInDown { 
  0%{ transform: translate3d(0,700px,0); opacity: 1;}
  100% { -webkit-transform: translate3d(0,0,0);opacity: 1;}
}
@-webkit-keyframes runAround {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}

@keyframes runAround { 
    from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
@-webkit-keyframes fadeInDown {
	0%,30% { opacity: 0; -webkit-transform: translate3d(0,10px,0);}
    60% { opacity: 1; -webkit-transform: translate3d(0,0,0); }
    100% { opacity: 0; -webkit-transform: translate3d(0,-10px,0);}
}


@keyframes fadeInDown { 
    0%,30% { opacity: 0; transform: translate3d(0,10px,0);}
    60% { opacity: 1; transform: translate3d(0,0,0); }
    100% { opacity: 0; transform: translate3d(0,-10px,0);}
}

@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;  }
}
@-webkit-keyframes showInTurn {
  0%{opacity: 1;-webkit-transform:scale(0,1);}
  40% {opacity: 1;-webkit-transform:scale(1);}
  70% {opacity: 1;-webkit-transform:scale(0.7,1);}
  100% {opacity: 1;-webkit-transform:scale(1);}
}

@keyframes showInTurn {
  0%{opacity: 1;transform:scale(0,1);}
  40% {opacity: 1;transform: scale(1);}
  70% {opacity: 1;transform: scale(0.7,1);}
  100% {opacity: 1;transform: scale(1);}
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

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

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

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

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    100% {opacity: 1;-webkit-transform: none;transform: none;  }
}

@-webkit-keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeInRight {
  0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@-webkit-keyframes showInDown {
	0% {opacity: 0;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}


@keyframes showInDown { 
    0% {opacity: 0;-webkit-transform: translate3d(0,20px,0);transform: translate3d(0,20px,0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}