/*banner*/
.bannerDiv{ position: relative; }
.bannerDiv .bg{ position: absolute; left: 0; z-index: 2; bottom: 0; width: 100%; height: 1.0rem; background: url(../images/11.png) center bottom no-repeat; background-size: 100%; }

.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .bg img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -8.0rem; top: 50%; transform: translateY(-50%); z-index: 2; } 
.ind-banner .onebox .txt{ font-size: 0.72rem; line-height: 0.72rem; color: #fff; font-weight: bold; padding-bottom: 0.6rem; text-transform: uppercase; }
.ind-banner .onebox .wen{ font-size: 0.6rem; line-height: 0.7rem; color: #fff; font-weight: bold; padding-bottom: 0.6rem; text-transform: uppercase; }
.ind-banner .btnDiv{ position: relative; width: 132px; height: 48px; line-height: 44px; text-align: center; border: #fff solid 2px; box-sizing: border-box; color: #fff; font-size: 16px; }
.ind-banner .btnDiv:hover{ border: #ab128e solid 2px; background: #ab128e; color: #fff;}
.ind-banner .xxx{ position: absolute; right: 50%; margin-right: -8.0rem; top: 50%; transform: translateY(-50%); z-index: 2; }
.ind-banner .xximg img{ width: 3.41rem; }

.ind-banner .layer{ position: absolute; left: 50%; margin-left: -8.0rem; bottom: 1.5rem; z-index: 1; width: 130px; height: 28px;}
.ind-banner .num{ font-size: 30px; color: #fff; text-align: center; line-height: 24px; font-family:Gilroy;}
.ind-banner .num span{ color: rgba(255,255,255,0.5); font-size: 14px;}
.ind-banner .prev{ z-index: 2; left: 0; position: absolute; display: block; background: url(../images/nimg15_left.png) center no-repeat; width: 15px; height: 28px; top: 0; } 
.ind-banner .next{ z-index: 2; right: 0; position: absolute; display: block; background: url(../images/nimg15_right.png) center no-repeat; width: 15px; height: 28px; top: 0;} 
.ind-banner .prev:hover{ background: url(../images/nimg15_lefton.png) center no-repeat;}
.ind-banner .next:hover{ background: url(../images/nimg15_righton.png) center no-repeat;}

.scrollDown{ position: absolute; z-index:2; left: 50%; margin-left: -32px; width: 64px; bottom: 1.5rem; height: 75px;}
.scrollDown p{ font-size: 14px; color: #fff; text-align: center; }

@keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
@-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}}
.pre-wrap{width:64px;height:75px;position:relative;animation:start 2.5s infinite ease-in-out;-webkit-animation:start 2.5s infinite ease-in-out;-moz-animation:start 2.5s infinite ease-in-out;}
.pre-wrap img{ position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
/*banner结束*/

.indexPart1{ position: relative; background: url(../images/indexP1.jpg) center top no-repeat; background-size: 100%; padding-top: 3.95rem;}
.indexPart1 .conDiv{ text-align: center; position: relative; z-index: 1; padding-bottom: 20px;}
.indexPart1 .name{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.indexPart1 .wen{ font-size: 0.36rem; color: #4d515c; font-weight: bold; padding: 0.4rem 0 0.2rem; }
.indexPart1 .content{ width: 900px; margin: 0 auto; font-size: 16px; line-height: 30px; color: #4d515c; }
.indexPart1 .maoDiv{ width: 12.8rem; height: 8.2rem; margin: 0 auto; }
.indexPart1 .pjDiv{ position: relative; width: 100%; height: 100%; background: url(../images/pjBg.png) no-repeat center; background-size: 100%; }
.indexPart1 .pjDiv li{ position: absolute; opacity: 0; }
.indexPart1 .pjDiv li span{ position: absolute; display: block; color: #4d515c; font-size: 0.18rem; line-height: 0.18rem;}

.indexPart1 .pjDiv .li01{ left: 0; top: 3rem; width: 3.26rem; height: 1.96rem; background: url(../images/nimg303Bg.png) right top no-repeat; background-size: 3.03rem; }
.indexPart1 .pjDiv .li01 span{ left: 0; bottom: 0; }
.indexPart1 .pjDiv .li02{ left: 0.8rem; top: 3.26rem; width: 3.26rem; height: 1.96rem; background: url(../images/nimg283Bg.png) right top no-repeat; background-size: 2.83rem; }
.indexPart1 .pjDiv .li02 span{ left: 0; bottom: 0; }
.indexPart1 .pjDiv .li03{ left: 1.82rem; top: 3.58rem; width: 3.12rem; height: 1.88rem; background: url(../images/nimg273Bg.png) right top no-repeat; background-size: 2.73rem; }
.indexPart1 .pjDiv .li03 span{ left: 0; bottom: 0; }
.indexPart1 .pjDiv .li04{ left: 2.78rem; top: 3.93rem; width: 3.1rem; height: 1.86rem; background: url(../images/nimg261Bg.png) right top no-repeat; background-size: 2.61rem; }
.indexPart1 .pjDiv .li04 span{ left: 0; bottom: 0; }
.indexPart1 .pjDiv .li05{ right: 5.16rem; top: 1.16rem; width: 1.95rem; height: 1.3rem; background: url(../images/nimg154Bg.png) left bottom no-repeat; background-size: 1.54rem; }
.indexPart1 .pjDiv .li05 span{ right: 0; top: 0; }
.indexPart1 .pjDiv .li06{ right: 3.34rem; top: 1.72rem; width: 2.1rem; height: 1.46rem; background: url(../images/nimg169Bg.png) left bottom no-repeat; background-size: 1.69rem; }
.indexPart1 .pjDiv .li06 span{ right: 0; top: 0; }
.indexPart1 .pjDiv .li07{ right: 1.94rem; top: 1.88rem; width: 3rem; height: 1.96rem; background: url(../images/nimg258Bg.png) left bottom no-repeat; background-size: 2.58rem; }
.indexPart1 .pjDiv .li07 span{ right: 0; top: 0; }
.indexPart1 .pjDiv .li08{ right: 0.32rem; top: 2.4rem; width: 2.96rem; height: 2.05rem; background: url(../images/nimg254Bg.png) left bottom no-repeat; background-size: 2.54rem; }
.indexPart1 .pjDiv .li08 span{ right: 0; top: 0; }

.indexPart1 .pjDiv li em{ display:inline-block;}
.indexPart1 .pjDiv li.haha em{ animation: wordAni 4s ease infinite;}
.indexPart1 .pjDiv li.haha em:nth-child(2){ animation-delay: 0.1s;}
.indexPart1 .pjDiv li.haha em:nth-child(3){ animation-delay: 0.2s;}
.indexPart1 .pjDiv li.haha em:nth-child(4){ animation-delay: 0.3s;}
.indexPart1 .pjDiv li.haha em:nth-child(5){ animation-delay: 0.4s;}
.indexPart1 .pjDiv li.haha em:nth-child(6){ animation-delay: 0.5s;}
.indexPart1 .pjDiv li.haha em:nth-child(7){ animation-delay: 0.6s;}
.indexPart1 .pjDiv li.haha em:nth-child(8){ animation-delay: 0.7s;}
.indexPart1 .pjDiv li.haha em:nth-child(9){ animation-delay: 0.8s;}

.indexPart1 .videoDiv{ position: absolute; left: 50%; margin-left: -3.2rem; top: -0.8rem; z-index: 2; box-shadow: 0px 10px 19.2px 0.8px rgba(24, 24, 24, 0.2); border-radius:10px; overflow:hidden;}
.indexPart1 .videoDiv .limg img{ width: 6.4rem; }
.indexPart1 .videoDiv .ico{ position: absolute; left: 50%; margin-left: -39px; top: 50%; margin-top: -39px; z-index: 1; }
.indexPart1 .videoDiv .video{ position:absolute; left:0; top:0; width:6.4rem; z-index:-1; overflow:hidden; height:3.4rem;}
.indexPart1 .videoDiv video{ width:100%; height:100%;}
.indexPart1 .pjpj{ display: none; }
.indexPart1.cur .videoDiv{ position:fixed; left:50%; margin-left:-600px; top:50%; margin-top:-300px; width:1200px; height:600px; z-index:10; background:#000;}
.indexPart1.cur .videoDiv .video{ width:1200px; height:600px;}
.indexPart1.cur .videoDiv .limg, .indexPart1.cur .videoDiv .ico{ display:none;}

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.indexPart2{ padding: 0.9rem 0 1.85rem; position: relative; }
.indexPart2 .list{ position: relative; z-index: 3;}
.indexPart2 .list .numDiv{ float:left; width:20%; box-sizing: border-box; font-size:18px;}
.indexPart2 .list .numDiv .num{ height: 0.94rem; color: #666;}
.indexPart2 .list .numDiv .num em{ display: inline-block; font-size:0.92rem; line-height:0.92rem; color:#df0024; font-family:mont; padding-right:8px;}
.indexPart2 .list .numDiv .num span{ position: relative; top: -0.52rem; }
.indexPart2 .list .numDiv .num img{ position: relative; top: -0.52rem; }
.indexPart2 .list .numDiv p{ font-size:18px; }

.indexPart2 .btnDiv{ margin: 100px auto 0; width: 156px; position: relative; z-index: 2; }
.indexPart2 .btnDiv a{ display: block; text-align: center; width: 156px; font-size: 16px; color: #aa008c; height: 48px; line-height: 44px; border: #aa008c solid 2px; box-sizing: border-box; border-top-right-radius: 4px; }
.indexPart2 .btnDiv a:hover{ background: #aa008c; color: #fff; }
.indexPart2 canvas {
    width: 100%;
    height: 65%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
}
.indexPart3{ padding-top: 1.2rem; height: 9.2rem; box-sizing: border-box; background: url(../images/indexPart3.jpg) center no-repeat; background-size: cover; }
.indexPart3 .leftDiv{ width: 12.8rem; }
.indexPart3 .list li{ background: #fff; float: left; position: relative; box-sizing: border-box; height: 3.4rem;}
.indexPart3 .list li:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: url(../images/bugan.jpg) repeat-x; }
.indexPart3 .list li a{ display: block; width: 100%; height: 100%;}
.indexPart3 .list .short{ width: 46.09375%; padding: 0 3.84rem 0 0.4rem; }
.indexPart3 .list .long{ width: 53.90625%; padding: 0 4.8rem 0 0.4rem; }
.indexPart3 .list li .imgDiv{ position: absolute; right: 0; top: 0; overflow: hidden; z-index: 2; }
.indexPart3 .list .short .imgDiv{ width: 3.2rem; }
.indexPart3 .list .long .imgDiv{ width: 4.3rem; }
.indexPart3 .list li .imgDiv img{ width: 100%; }
.indexPart3 .list li .conDiv{ position: relative; z-index: 2; }
.indexPart3 .list li .name{ padding-top: 0.5rem; font-weight: bold; font-size: 0.24rem; line-height: 0.3rem; color: #4d515c; }
.indexPart3 .list li .wen{ line-height: 0.24rem; font-size: 0.16rem; color: #707070; padding-top: 0.25rem; }
.indexPart3 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .list li:hover .name, .indexPart3 .list li:hover .wen{ color: #fff; }
.indexPart3 .list li:hover:after{ width: 50%; }

.indexPart3 .list2 li{ background: #fff; float: left; position: relative; box-sizing: border-box; height: 3.4rem;}
.indexPart3 .list2 li:after{ content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: url(../images/bugan.jpg) repeat-x; }
.indexPart3 .list2 li a{ display: block; width: 100%; height: 100%;}
.indexPart3 .list2 .short{ width: 46.09375%; padding: 0 0.4rem 0 3.84rem; }
.indexPart3 .list2 .long{ width: 53.90625%; padding: 0 0.4rem 0 4.8rem; }
.indexPart3 .list2 li .imgDiv{ position: absolute; left: 0; top: 0; overflow: hidden; z-index: 2; }
.indexPart3 .list2 .short .imgDiv{ width: 3.2rem; }
.indexPart3 .list2 .long .imgDiv{ width: 4.3rem; }
.indexPart3 .list2 li .imgDiv img{ width: 100%; }
.indexPart3 .list2 li .conDiv{ position: relative; z-index: 2; }
.indexPart3 .list2 li .name{ padding-top: 0.5rem; font-weight: bold; font-size: 0.24rem; line-height: 0.3rem; color: #4d515c; }
.indexPart3 .list2 li .wen{ line-height: 0.24rem; font-size: 0.16rem; color: #707070; padding-top: 0.25rem; }
.indexPart3 .list2 li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexPart3 .list2 li:hover .name, .indexPart3 .list2 li:hover .wen{ color: #fff; }
.indexPart3 .list2 li:hover:after{ width: 50%; }

.indexPart3 .rightDiv{ width: 2.2rem; }
.indexPart3 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #4d515c; font-weight: bold; padding-bottom: 25px; }
.indexPart3 .msg{ font-size: 0.16rem; line-height: 30px; }
.indexPart3 .btnDiv{ padding-top: 0.72rem; }
.indexPart3 .btnDiv a{ display: block; width: 157px; height: 48px; line-height: 44px; border: #a50186 solid 2px; box-sizing: border-box; text-align: center; font-size: 16px; color: #a50186; }
.indexPart3 .btnDiv a:hover{ background: #a50186; color: #fff; }

.indexPart4{ padding: 1.2rem 0 1.4rem; }
.indexPart4 .title{ text-align: center; color: #4d515c; font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; }
.indexPart4 .wen{ text-align: center; font-size: 0.24rem; line-height: 0.24rem; padding: 12px 0 40px; }
.indexPart4 .leftDiv{ width: 10.66rem; position: relative; }
.indexPart4 .leftDiv a{ display: block; width: 100%; height: 100%; }
.indexPart4 .leftDiv .imgDiv img{ width: 100%; }
.indexPart4 .leftDiv .layer{ position: absolute; left: 0; bottom: 0; width: 8.0rem; height: 1.64rem; background: #fff; overflow: hidden; border-top-right-radius: 64px; }
.indexPart4 .leftDiv .layer:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #efeff1; }
.indexPart4 .leftDiv .layer:before{ content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #a50186; }
.indexPart4 .leftDiv .time{ position: relative; z-index: 2; padding: 0.5rem 0 0 0.5rem; font-size: 0.18rem; line-height: 0.18rem; color: #a50186; font-family:Gilroy; }
.indexPart4 .leftDiv .name{ position: relative; z-index: 2; font-size: 0.24rem; color: #333; padding: 0.15rem 0 0 0.5rem; }
.indexPart4 .leftDiv:hover .layer:before{ width: 100%; }
.indexPart4 .leftDiv:hover .time, .indexPart4 .leftDiv:hover .name{ color: #fff; }
.indexPart4 .rightDiv{ width: 5.05rem; position: relative; }
.indexPart4 .rightDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 6px; background: #efeff1; }
.indexPart4 .rightDiv li{ height: 1.65rem; position: relative; }
.indexPart4 .rightDiv li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #efeff1; }
.indexPart4 .rightDiv li .time{ padding: 0.4rem 0 0.1rem; font-size: 0.18rem; line-height: 0.18rem; color: #a50186; font-family:Gilroy;}
.indexPart4 .rightDiv li .name{ font-size: 0.24rem; line-height: 0.32rem; overflow: hidden; height: 0.64rem; color: #181818; }
.indexPart4 .rightDiv li:hover .name{ color: #a50186; }

.jobModal-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.jobModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.jobModal-box .peopleLayer {
  width: 960px;
  margin: 0 auto;
  background: none;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}

.peopleLayer .close{position: absolute; z-index:2; display: block; right: 30px; top: 30px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.peopleLayer .close:hover { transform: rotate(-90deg);}
.jobModal-box .peopleLayer video{ width:100%;}