/* CSS Document */
html, body {
      position: relative;
      height: 100%;
      background: #2cbce7;
    }

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%;}
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;*/ }
.main{ position:relative; width:100%; height: 100%;}
.section{ position:relative; width:100%;overflow:hidden;}
img{ width:100%;}
.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:200px; right:60px; 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;}
.abs{position:absolute; }
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {     
		overflow: hidden;
}
.inv{width:376px;left:187px;top:560px;}
.recruitText{width:545px;left:108px;top:340px;}
.page1>span.abs{font-size: 22px;}
.comtext{left:178px;top:780px;}
.firstTxt{top: 780px;left: 295px;}
.secondTxt{top:815px;left:295px;}
.xieCompany{left:178px;top:865px;}
.xieCompany_txt{left: 295px;top:866px;}
.company{top:780px;}
.company p{line-height: 40px;height:40px;font-size:22px;color:#606060;}
.page2 .abs{width:590px;color:#606060;}
.page2 .paragraph_first,.page2 .paragraph_second{font-size:24px;line-height: 40px;height:40px;}
.page2 .page2_title{font-weight:bold;top:210px;left:80px;font-size:28px;line-height: 60px;height:60px;}
.page2 .paragraph_first{top:285px;left:80px;text-indent: 2em;}
.page2 .paragraph_second{top:660px;left:80px;text-indent: 2em;}
.page2 .page2_end{top:972px;right:90px;font-size:23px;color:#606060;position:absolute;}
.page2 .page2_end2{top:1010px;right:90px;font-size:23px;color:#606060;position:absolute;}
.page3_title{font-size: 50px;color:#1E2380;text-align: center;top:190px;left:265px;font-weight: bold;}
.meeting_time{left:70px;top:285px;font-size: 26px;color:#333335;font-weight: bold;}
.meeting_address2{left:70px;top:217px;font-size: 28px;color:#333335;font-weight: bold;}
.meeting_address{left:70px;top:330px;font-size: 26px;color:#333335;font-weight: bold;}
.acttime{left:70px;top:390px;position: absolute;width:610px;}
.map{left:70px;width:610px;position: absolute;top:300px;}

.swiper-slide-active .page1 .recruitText{animation: bounceIn 0.4s 0.4s linear both; -webkit-animation: bounceIn 0.4s 0.4s linear both;}
.swiper-slide-active .page1 .inv{animation: lightSpeedIn 0.8s 0.8s ease-out both; -webkit-animation: lightSpeedIn 0.8s 0.8s ease-out both;}
.swiper-slide-active .page1 .comtext{animation: flipInX 0.6s 1.4s ease-out both; -webkit-animation: flipInX 0.6s 1.4s ease-out both;}
.swiper-slide-active .page1 .firstTxt{animation: flipInX 0.6s 1.4s ease-out both; -webkit-animation: flipInX 0.6s 1.4s ease-out both;}
.swiper-slide-active .page1 .secondTxt{animation: flipInX 0.6s 1.4s ease-out both; -webkit-animation: flipInX 0.6s 1.4s ease-out both;}
.swiper-slide-active .page1 .xieCompany{animation: flipInX 0.6s 1.4s ease-out both; -webkit-animation: flipInX 0.6s 1.4s ease-out both;}
.swiper-slide-active .page1 .xieCompany_txt{animation: flipInX 0.6s 1.4s ease-out both; -webkit-animation: flipInX 0.6s 1.4s ease-out both;}


.swiper-slide-active .page3 .page3_title{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .page3 .meeting_time{animation: fadeInUp 0.8s 0.7s ease-out both; -webkit-animation: fadeInUp 0.8s 0.7s ease-out both;}
.swiper-slide-active .page3 .meeting_address{animation: fadeInUp 0.8s 0.7s ease-out both; -webkit-animation: fadeInUp 0.8s 0.7s ease-out both;}
.swiper-slide-active .page3 .acttime{animation: lightSpeedIn 1s 1s ease-out both; -webkit-animation: lightSpeedIn 1s 1s ease-out both;}



.swiper-slide-active .page2 .page2_title{animation: fadeInUp 0.4s 0.2s linear both; -webkit-animation: fadeInUp 0.4s 0.2s linear both;}
.swiper-slide-active .page2 .paragraph_first{animation: fadeInUp 0.6s 0.5s linear both; -webkit-animation: fadeInUp 0.6s 0.5s linear both;}
.swiper-slide-active .page2 .paragraph_second{animation: fadeInUp 0.6s 0.8s linear both; -webkit-animation: fadeInUp 0.6s 0.8s linear both;}
.swiper-slide-active .page2 .page2_end{animation: fadeInUp 0.4s 1s linear both;-webkit-animation: fadeInUp 0.4s 1s linear both;}
.swiper-slide-active .page2 .page2_end2{animation: fadeInUp 0.4s 1s linear both;-webkit-animation: fadeInUp 0.4s 1s linear both;}
.swiper-slide-active .page4 .meeting_address2{animation: fadeInUp 0.4s 0.7s ease-out both; -webkit-animation: fadeInUp 0.4s 0.7s ease-out both;}
.swiper-slide-active .page4 .map{animation: bounceIn 0.8s 0.8s linear both; -webkit-animation: bounceIn 0.8s 0.8s linear both;}

#detail .line:first-child{left:125px;}
#detail_study .line:first-child{left:150px;top:230px;}
#detail_study .line:last-child{left:405px;top:230px;}
#detail_study .txt{left:256px;top:205px;}
#detail_contact .line:first-child{left:150px;top:270px;}
#detail_contact .line:last-child{left:405px;top:270px;}
#detail_contact .txt{left:256px;top:247px;}
#detail_fs .line:first-child{left:125px;top:270px;}
#detail_fs .line:last-child{left:425px;top:270px;}
#detail_fs .txt{left: 240px;top:247px;}
#detail .line:last-child{left:425px;}
#detail .txt{left: 240px;}
.detail .line{border:1px solid #FFFFFF;width:90px;top:253px;}
.detail .line:first-child{margin-right:5px;left:150px;}
.detail .line:last-child{margin-left: 5px;left:405px;}
.detail .txt{font-size: 34px;color: white;top:230px;left:256px;}
.bg_filter{top:315px;width:511px;left:66px;border-radius: 12px;-webkit-border-radius: 12px;-moz-border-radius: 12px;/*z-index:99;*/background-color:white;opacity: 0.1;}
.bg_whitefilter{height:647px;}
.bg_whitefilterfs{height:590px;}
.bg_whitefilterfstxt{height:535px;top:342px;}
.bg_whitefilterstudytxt{height:670px;}
.bg_whitefilterjx{height:620px;}
.bg_whitefiltercontact{height:253px;top:360px;}
.main .text{top:350px;left:108px;width:430px;font-size: 20px;line-height: 32px;color:white;text-indent: 2em;}
.main .hos_img{top:640px;left:96px;width:445px;height:276px;z-index: 99;}
.main .fs_img{top:600px;left:102px;width:440px;height:247px;z-index: 99;}
.main .p_fs1,.main .p_fs2{line-height:32px;}
.main .p_fs1{top:410px;}
.main .p_fs2{top:570px;}
.main .p_study1{top:310px;}
.main .p_study2{top:528px;}
.main .p_study3{top:710px;}
.main .p_study1,.main .p_study2,.main .p_study3{line-height: 34px;}
.main .p_fs{left:108px;width:430px;font-size: 20px;color:white;text-indent: 2em;letter-spacing: 1px;}
.main .bg_whitefilterstudy{height:670px;top:285px;}
.main .study_img{top:700px;left:106px;width:430px;height:255px;z-index: 99;}
.main .jx1_img{top:450px;left:104px;width:310px;height:252px;display: block;}
.main .jx2_img{top:690px;right:104px;width:310px;height:252px;display: block;}
.contact .tel{top:430px;left:134px;font-size: 31px;color:white;letter-spacing: 1px;}
.contact .welcome{top:505px;left:134px;font-size: 24px;color:#00f0ff;}
.contact p{z-index: 9999;}
#detail_bm line:first-child{left:95px;}
#detail_bm line:last-child{left:445px;}
#detail_bm .txt{left:210px;}
.bg_whitefilterbm{height:544px;top:325px;}
.yaoqiu_p{top:380px;left:105px;font-size:20px;color:white;width:434px;line-height: 34px;text-indent: 2em;}
.yaoqiu_ul{top:510px;left:130px;}
.yaoqiu_ul li{font-size: 20px;color:white;line-height: 34px;}
.detail_gw{top:640px;left:105px; width:430px;color:#00F0FF;border-bottom:1px dashed white;padding-bottom:20px;font-size: 20px;}
.hospital_url{top:700px;left:105px;font-size: 20px;line-height: 34px;color:white;}
.url{top:740px;left:105px;font-size: 20px;line-height: 34px;color:white;}

.baoming_line .line:first-child{ left:100px;}
.baoming_line .line:last-child{ left:450px;}
.bm_bottom{left: 315px;top: 785px;}
.icon_hand{ width: 26px; top: 0; left: 0;animation:1.5s ease 0.3s normal none infinite upDown; -webkit-animation:1.5s ease 0.3s normal none infinite upDown;}
.link_hint{ font-size: 16px; top: 13px; left: 40px; width: 300px; color: #fff;}


.swiper-slide-active .jianjie_detail .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .jianjie_detail .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .jianjie_main .text{animation: lightSpeedIn 0.8s 0.7s ease-out both; -webkit-animation: lightSpeedIn 0.8s 0.7s ease-out both;}
.swiper-slide-active .jianjie_main .hos_img{animation: flipInY 1s 1s ease-out both; -webkit-animation: flipInY 1s 1s ease-out both;}

.swiper-slide-active .fs_main .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .fs_main .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .fs_main .text{animation: lightSpeedIn 0.8s 0.7s ease-out both; -webkit-animation: lightSpeedIn 0.8s 0.7s ease-out both;}
.swiper-slide-active .fs_main .fs_img{animation: flipInY 1s 1s ease-out both; -webkit-animation: flipInY 1s 1s ease-out both;}

.swiper-slide-active .fs_main2 .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .fs_main2 .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .fs_main2 .p_fs1{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .fs_main2 .p_fs2{animation: fadeInUp 0.4s 1s linear both; -webkit-animation: fadeInUp 0.4s 1s linear both;}

.swiper-slide-active .xuexi_main .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .xuexi_main .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .xuexi_main .text{animation: lightSpeedIn 0.8s 0.7s ease-out both; -webkit-animation: lightSpeedIn 0.8s 0.7s ease-out both;}
.swiper-slide-active .xuexi_main .study_img{animation: flipInY 1s 1s ease-out both; -webkit-animation: flipInY 1s 1s ease-out both;}

.swiper-slide-active .xuexi_main2 .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .xuexi_main2 .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .xuexi_main2 .p_study1{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .xuexi_main2 .p_study2{animation: fadeInUp 0.4s 1s linear both; -webkit-animation: fadeInUp 0.4s 1s linear both;}
.swiper-slide-active .xuexi_main2 .p_study3{animation: fadeInUp 0.4s 1.3s linear both; -webkit-animation: fadeInUp 0.4s 1.3s linear both;}

.swiper-slide-active .jx_main .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .jx_main .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .jx_main .text{animation: lightSpeedIn 0.8s 0.7s ease-out both; -webkit-animation: lightSpeedIn 0.8s 0.7s ease-out both;}
.swiper-slide-active .jx_main .jx1_img{animation: bounceInLeft 1s 1s ease-out both; -webkit-animation: bounceInLeft 1s 1s ease-out both;}
.swiper-slide-active .jx_main .jx2_img{animation: bounceInRight 1s 1s ease-out both; -webkit-animation: bounceInRight 1s 1s ease-out both;}

.swiper-slide-active .contact .line{animation: bounceIn 0.4s 0.3s linear both; -webkit-animation: bounceIn 0.4s 0.3s linear both;}
.swiper-slide-active .contact .txt{animation: fadeInUp 0.4s 0.3s linear both; -webkit-animation: fadeInUp 0.4s 0.3s linear both;}
.swiper-slide-active .contact .yaoqiu_p{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .yaoqiu_ul{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .detail_gw{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .hospital_url{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .detail_gw{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .url{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}
.swiper-slide-active .contact .bm_bottom{animation: fadeInUp 0.4s 0.7s linear both; -webkit-animation: fadeInUp 0.4s 0.7s linear both;}

.swiper-slide-active .contact .tel{animation: flipInX 1s 0.7s ease-out both; -webkit-animation: flipInX 1s 0.7s ease-out both;}
.swiper-slide-active .contact .welcome{animation: flipInX 1s 1s ease-out both; -webkit-animation: flipInX 1s 1s ease-out both;}

@-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 upDown{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-20px)}
60%{-webkit-transform:translateY(-13px)}
}
@keyframes upDown{
0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-20px)}
60%{transform:translateY(-13px)}
}

@-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 runAround {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}

@keyframes runAround { 
    from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}