/*banner*/
.banner_text{transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
  visibility: hidden;opacity: 0; -webkit-transform: translateX(20%); -moz-transform: translateX(20%);-o-transform: translateX(20%);-ms-transform: translateX(20%);transform: translateX(20%);
}
.banner .swiper-slide-active .banner_text{
  visibility: visible;opacity: 1;-webkit-transform: translateX(0px); -moz-transform: translateX(0px);-o-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);
}


.banner{position: relative;}
.banner li img{width: 100%}
.banner_text{z-index: 2; width: 87%; position:absolute; left:6.5%; bottom:3rem; color: #fff; }
.banner_text h3{line-height: 1.2;}

.banner .swiper-pagination{bottom:2rem; left: 6.5%;}
.banner .swiper-pagination-bullet{width: 1.26rem;height: 0.01rem;opacity:0.5!important;background: none;margin:0 2px;border-radius: 0; background:#fff;}
.banner .swiper-pagination-bullet-active{opacity:1 !important; height: 0.04rem; background: #0087FF;}

.index_01{position: relative; background: #0D111C;}
.index_01 .con{position: absolute; left:6.5%; top:0.5rem; color: #fff; width: 50%;}
.index_01 .con h3{color: #0087FF;}
.index_01 .con h2{line-height: 1.2; margin-top: 0.2rem;}
.index_01 .con .c{margin-top: 0.5rem; opacity: 0.8;}
.index_01 .con .c p{margin-bottom: 0.3rem;}

.index_02{ background: #0D111C;position: relative;}
.index_02 .img{ width: 75%;}
.index_02 .rr{position: absolute; right:6.5%; top:1.4rem; color: #fff; z-index: 2; text-align: right;}
.index_02 .rr h2{margin-bottom: 0.25rem;}
.index_02 .rr p{opacity: 0.9;}
.index_02 .rr .swiper-box{width: 3.5rem;}
.index_02 .rr ul{margin-top: 0.5rem;}
.index_02 .rr li{ cursor: pointer; margin-left: 0.6rem; position: relative; clear: both; width: 2.9rem; margin-bottom: 0.2rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1rem; border: 1px solid rgba(255,255,255,0.3);}
.index_02 .rr li span{position: absolute; right:1.15rem; top:0;}
.index_02 .rr li i{width: 0.4rem; height: 0.4rem; display: block; overflow: hidden; float: right; margin-top: 0.2rem; margin-right: 0.4rem;}
.index_02 .rr li i img+img{ display: none;}
.index_02 .rr li.on{width: 3.5rem; margin-left: 0; background: #fff;}
.index_02 .rr li.on span{color: #000;}
.index_02 .rr li.on i img{display: none;}
.index_02 .rr li.on i img+img{ display: block;}

.index_02 .swbox{position: absolute; left:15%; top:0.8rem; z-index: 12; width:40.78%;height: 5rem;}
.index_02 .swbox .swiper-container{ height: 100%;}
.index_02 .swbox li{ color: #fff;}

.index_02 .swbox li h3{line-height: 1.2;}
.index_02 .swbox li p{margin: 0.2rem 0 0; height: 6em; overflow: hidden;}

.index_02 .swbox li:first-child{opacity: 0;}
.index_02 .rr{opacity: 0; top:0.5rem; transition: all 0.8s;}
.index_02.active .rr{opacity: 1; top:0;}

.index_03{ background: #0D111C; position: relative; padding-bottom: 1.5rem;}
.index_03 h3{margin-bottom: 0.25rem;}
.index_03 h3,.index_03 h2{ text-align: center; color: #fff; position: relative; z-index: 1;padding: 0 6.5%;}
.index_03 .xingk{position: absolute; right:0; top:-3.5rem; width: 71.82%; background: url(../images/img07.png) no-repeat; background-size: cover;}
.index_03 .swbox{position: relative; margin-top: 0.5rem; margin-left: 6.5%;}
.index_03 .swbox .swiper-container{padding-bottom:0.7rem;}
.index_03 .swbox .swiper-slide{position: relative; width: 3.2rem; height:4rem;border-radius: 0.12rem; background: linear-gradient(to bottom,#2545A9 0%,#256EE9 100%);}
.index_03 .swbox .swiper-slide dl{padding: 0.4rem;}
.index_03 .swbox .swiper-slide dt{ height: 0.66rem;}
.index_03 .swbox .swiper-slide dt .ico{ float: left; width: 0.54rem; height: 0.54rem; background:url(../images/dot01.png) no-repeat; background-size: cover; overflow: hidden;}
.index_03 .swbox .swiper-slide dt span{ float: right;}
.index_03 .swbox .swiper-slide dt span i{ display: block; color: #4C8EFF;}
.index_03 .swbox .swiper-slide dt span em{ display: none; color: #2268E8;text-transform: uppercase; text-align: right; margin-top: -0.1rem; line-height: 1.1;}
.index_03 .swbox .swiper-slide dd{margin-top: 1.2rem; color: #fff;}
.index_03 .swbox .swiper-slide dd p{margin-top: 0.2rem; line-height: 1.8; max-height: 3.6em; height: 3.6em; overflow: hidden;}
.index_03 .swbox .swiper-scrollbar{bottom:0; left:0; right:6.5%; width:calc(100% - 6.5%); height: 0.1rem; background: #fff; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);}
.index_03 .swbox .swiper-scrollbar-drag{cursor: pointer;height: 0.1rem; top:0; background:#2268E8;}

.index_02 .swbox .swiper-button-prev,.index_02 .swbox .swiper-button-next,.index_03 .swbox .swiper-button-prev,.index_03 .swbox .swiper-button-next{ display: none;}
/*职位介绍弹出层*/
.zwpop_wrap{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 19891016;opacity: 0; visibility: hidden;}
.zwpop_wrap.on{opacity: 1; visibility: visible;}
.zwpop_wrap .bg_layer{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.zwpop_wrap .content{ width: 100%;max-height: 80%;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);}
.zwpop_wrap .content .tit{text-align: center;line-height: 1.6;color: #2E2E2E;margin-bottom: 30px;font-weight: bold;}
.zwpop_wrap .content .cont{width: 100%;height: 100%;}
.zwpop_wrap .content .close{width:22px;height: 22px;position: absolute;left:calc(50% + 4.3rem);top:-40px;cursor: pointer; background: url(../images/close.png) no-repeat;}
.zwpop_wrap .content .swiper-slide{border-radius: 0.2rem; background: #fff;}
.zwpop_wrap .content .swiper-slide.swiper-slide-active{ background: url(../images/img11.jpg) no-repeat; background-size: cover; }
.zwpop_wrap .content .swiper-slide::after{content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.zwpop_wrap .content .swiper-slide.swiper-slide-active::after{display: none;}
.zwpop_wrap .content .swiper-slide dl{padding:0.5rem 0.75rem; height: 100%; overflow: hidden;}
.zwpop_wrap .content .swiper-slide dt{padding-bottom: 0.45rem; border-bottom: 1px solid #B9B9B9;}
.zwpop_wrap .content .swiper-slide dd{ padding-top: 0.1rem;}
.zwpop_wrap .content .swiper-slide dd h3{margin-top: 0.3rem; margin-bottom: 0.1rem; font-weight: bold;}
.zwpop_wrap .content .swiper-slide dd p{color:#656565;line-height: 1.8;}
.zwpop_wrap .content .swiper-button-prev,.zwpop_wrap .content .swiper-button-next{ left:18%; width: 24px; height: 43px; margin-top: -22px; background: url(../images/btn_ll.png) no-repeat; background-size: cover;}
.zwpop_wrap .content .swiper-button-next{left:auto; right:18%; background: url(../images/btn_rr.png) no-repeat; background-size: cover;}



.index_04{background: #0D111C;}
.index_04 .swbox{position: relative;}
.index_04 .swbox .swiper-container{ height: 100%;}
.index_04 .swbox li{width:21.25%; color:#fff;}.index_04 .swbox li.on{width: 57.5%;}
.index_04 .swbox li::before{content: ""; position: absolute; lefT:0; top:0; width: 100%;height: 100%; background: rgba(0,0,0,0.3);}
.index_04 .swbox li.on{width: 57.5%;}
.index_04 .swbox li.on::before{opacity: 0;}
.index_04 .swbox li .txt_t{opacity: 0;visibility: hidden; position: absolute;left:11.32%;top:1rem; width: 77%;}
.index_04 .swbox li .txt_b{opacity: 1; visibility: visible;position: absolute; left:0; bottom:1rem; width: 100%; text-align: center;}
.index_04 .swbox li.on .txt_t{opacity: 1; visibility: visible;}
.index_04 .swbox li.on .txt_b{opacity: 0; visibility: hidden;}
.index_04 .swbox li .txt_t p{margin-bottom: 0.3rem;}
.index_04 .swbox li .txt_t h2{line-height: 1.2; margin-bottom: 0.3rem; text-transform:uppercase;}
.index_04 .swbox li .txt_t h2 span{ display: block;}
.index_04 .swbox li .txt_b em{ display: block; margin: 0 auto 0.4rem; width: 0.25rem; height: 0.34rem; overflow: hidden;}
.index_04 .swbox li .txt_b p span{ display: block; text-transform:uppercase;}
.index_04 .swbox .swiper-button-prev,.index_04 .swbox .swiper-button-next{ display: none;}

.index_05{background: #0D111C; color: #fff; padding: 0.7rem 0 0.88rem; text-align: center; border-bottom: 0.04rem solid #1C202A;}
.index_05 ul{margin-top: 0.5rem;}
.index_05 li{ float: left; width: 33.33%; position: relative;}
.index_05 li::after{content: ""; position: absolute; right:0; top:0; width: 1px; height: 1.1rem; background: rgba(255,255,255,0.3);}
.index_05 li h3{font-weight: bold; margin-top: 0.12rem;}
.index_05 li p a{ color: #fff;text-decoration: underline;}


.banner .swiper-pagination-bullet,.index_02 .rr li,.index_03 .swbox .swiper-slide dt .ico,.index_03 .swbox .swiper-slide dt span i,.index_03 .swbox .swiper-slide dt span em,
.index_03 .swbox .swiper-slide dd,.index_04 .swbox li,.index_04 .swbox li .txt{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
@media only screen and (min-width:1025px){
.index_03 .swbox .swiper-slide:hover{background: #fff;}
.index_03 .swbox .swiper-slide:hover dt .ico{background:url(../images/dot01_on.png) no-repeat; background-size: cover;}
.index_03 .swbox .swiper-slide:hover dt span i{ display: none;}
.index_03 .swbox .swiper-slide:hover dt span em{ display: block;}
.index_03 .swbox .swiper-slide:hover dd{color:#2268E8;}
}


.en .index_02 .rr{width: 3.5rem; top:0.5rem;}
.en .index_02 .rr li{width: 3.5rem; margin-left: 0;}



@media only screen and (max-width:1024px){
  .index_01 .con{width: 100%;}  
  .index_02 .rr,.en .index_02 .rr{top:0;}
  .index_02 .rr li{height: 48px; line-height: 48px;}
  .index_02 .rr li i{width: 30px; height: 30px; margin-top: 10px;}
  .index_02 .swbox{top:-0.2rem; height: 3.5rem;}
  .index_03 .swbox .swiper-slide{ width: 2.6rem; height: 3rem;}
  .index_03 .swbox .swiper-slide dl{padding: 0.3rem 0.2rem;}
  .index_03 .swbox .swiper-slide dt .ico{width: 0.44rem; height: 0.44rem;}
  .index_03 .swbox .swiper-slide dt span em{margin-top: 0;}
  .index_03 .swbox .swiper-slide dd{margin-top: 0.5rem;}
  .zwpop_wrap .content .close{left:calc(50% + 2rem);}

  .en .index_02 .rr{width: 100%;}
}


@media only screen and (max-width:767px){
  .banner{ height: 280px!important;}
  .banner .swiper-container{ height: 100%;}
  .banner img{ display: none;}
  .banner_text{bottom:15%;}
  .banner .swiper-pagination{bottom:0;}
  .index_01{padding-bottom: 0.5rem;}
  .index_01 .con{position: static;padding: 5% 6.5%;}
  .index_01 .con .c p br{ display: none;}
  .index_02{height: auto!important;}
  .index_02 .rr{position: static;}
  .index_02 .swbox{left:6.5%; top:30%;width:87%;}
  .index_02 .swbox li h3{display: none;}
  .index_02 .swbox li img{width: 62%; margin-left: 15%;}
  .index_02 .swbox li p br{ display: none;}
  .index_02 .img{margin:2% auto 0; width: 100%;}
  .index_02 .rr .swiper-box{ width: 87%; margin: 0 auto;}
  .index_02 .rr h2,.index_02 .rr p{ text-align: center;}
  .index_02 .rr li{margin-left: 0; text-align: center; height: 30px; line-height: 30px;}
  .index_02 .rr li i{ display: none;}
  .index_02 .rr li span{position: static;}
  
  
  .index_03{padding-bottom: 1rem;}
  .index_03 .swbox{margin-right: 6.5%;}
  .index_03 .swbox .swiper-container{padding-bottom: 0;}
  .index_03 .swbox .swiper-scrollbar{ display: none;}
  .index_03 .swbox .swiper-slide{height: auto;}
  .index_03 .swbox .swiper-slide dl{padding: 0.5rem 0.8rem;}
  .index_03 .xingk{top:-1rem;}
  .index_03 h2.fnt_48{font-size: 14px;}

  .zwpop_wrap .content .swiper-slide{height: 8.3rem!important;}

  .index_04 .swbox{ height: 300px!important;}
  .index_04 .swbox .swiper-button-prev,.index_04 .swbox .swiper-button-next,
  .index_03 .swbox .swiper-button-prev,.index_03 .swbox .swiper-button-next{ display: block; top:50%; width:12px; height: 22px; margin-top: -11px; background: url(../images/btn_ll.png) no-repeat; background-size: cover;}
  .index_04 .swbox .swiper-button-next,
  .index_03 .swbox .swiper-button-next{background: url(../images/btn_rr.png) no-repeat; background-size: cover;}

  .index_04 .swbox li .txt_t p:first-child,.index_04 .swbox li .txt_b{display: none;}
  .index_04 .swbox li .txt_t{opacity: 1; visibility: visible;}
  .index_05 li{width: 100%; margin-bottom: 0.2rem;}
  .index_05 li:last-child{margin-bottom: 0;}
  .swcontbox{width: 87%; margin: 0 auto;}
  .zwpop_wrap .content .close{left:87%;}
  .zwpop_wrap .content .swiper-button-prev, .zwpop_wrap .content .swiper-button-next{left:10px; width:12px; height: 22px; margin-top: -11px; background: url(../images/btn_ll.png) no-repeat; background-size: cover;}
  .zwpop_wrap .content .swiper-button-next{left:auto; right:10px;background: url(../images/btn_rr.png) no-repeat; background-size: cover;}


  .en .index_04 .swbox li .txt_t p{font-size: 14px;}
}