@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
body{
	margin:0;}
#certify { position: relative; width:100%; margin: 0 auto; overflow:hidden; }
#certify .swiper-container { padding-bottom:3.75em; }
#certify  .swiper-slide { width: 680px; height: 470px; background: #fff; }
#certify  .swiper-slide img{  }
#certify .swiper-pagination { width: 100%; bottom: 20px; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; }
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; }
#certify .swiper-button-prev { left:26%; width: 14px; height: 25px; top:auto; bottom:17%; background: url(../images/ab-jt01.png) no-repeat; background-position: 0 0; background-size: 100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
#certify .swiper-button-prev:hover { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } 
#certify .swiper-button-prev:after { display:none; }
#certify .swiper-button-next { right: 26%; top:auto; bottom:17%; width: 14px; height: 25px; background: url(../images/ab-jt02.png) no-repeat; background-size: 100%;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
#certify .swiper-button-next:hover { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } 
#certify .swiper-button-next:after { display:none; }

@media only screen and (max-width:1660px){
#certify  .swiper-slide {
	width: 600px;
	height: 440px;
}
}
@media only screen and (max-width:1400px){
#certify  .swiper-slide {
	width: 580px;
	height: 400px;
}
}
@media only screen and (max-width:1300px){
  #certify .swiper-button-prev { left:24%; }
  #certify .swiper-button-next { right:24%; }
}

@media only screen and (max-width:1200px){
  #certify .swiper-button-prev { left:22%; }
  #certify .swiper-button-next { right:22%; }
}

@media only screen and (max-width:1140px){
  #certify .swiper-button-prev { left:16%; }
  #certify .swiper-button-next { right:16%; }
}
@media only screen and (max-width:980px){
  #certify .swiper-button-prev { left:10%; }
  #certify .swiper-button-next { right:10%; }
}
@media only screen and (max-width:800px){
  #certify .swiper-button-prev { left:5%; }
  #certify .swiper-button-next { right:5%; }
}
@media only screen and (max-width:767px){
  #certify .swiper-button-prev { left:0.5em; bottom:4em;  }
  #certify .swiper-button-next { right:0.5em;  bottom:4em;}
}

@media only screen and (max-width:600px){
#certify  .swiper-slide {
	width: 480px;
	height: 340px;
}
}
@media only screen and (max-width:500px){
#certify  .swiper-slide {
	width: 360px;
	height: 260px;
}
}

@media only screen and (max-width:414px){
#certify  .swiper-slide {
	width: 320px;
	height: 200px;
}
}
@media only screen and (max-width:375px){
#certify  .swiper-slide {
	width: 240px;
	height: 160px;
}
}

/*********************职业发展****************************/
.ab-index-sec02 { padding:1em 0px 9.375em; }
.ab-index-sec02 .page-content {  position:relative; margin-top:4.625em!important; }
.ab-index-sec02 .bg_container { height:100%;  }
.ab-index-sec02 .swiper-slide { width:19.79%; overflow:hidden; }
.ab-index-sec02 .page-img { overflow:hidden; height:100%; }
.ab-index-sec02 dl { position:absolute; left:0px; bottom:0px; width:100%; color:#fff; padding:2em 3em; }
.ab-index-sec02 dl dd { display:none; line-height:1.875; margin-top:0.4375em; }
.ab-index-sec02 .swiper-slide-active { width:35.41%; }
.ab-index-sec02 .swiper-slide-active .bg_container { }
.ab-index-sec02 .swiper-slide-active  dl dd { display:block; }

.ab-index-sec02 .swiper-slide { transform-origin:center top; -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; }
.ab-index-sec02 .swiper-slide.swiper-slide-active  { transform:scale(1)!important; -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none; }

@media only screen and (max-width:767px){
.ab-index-sec02 { padding:0px; }
.ab-index-sec02 .page-content { margin-top:2em!important; }
.ab-index-sec02 dl { padding:2em 1.5em 1em; }
.ab-index-sec02 .swiper-slide-active  dl dd { /*display:none;*/ }
}