@font-face {
  font-family: heavy;
  src: url("../fonts/PingFangSC-Semibold_0.otf");
}
@font-face {
  font-family: regular;
  src: url("../fonts/PingFangSC-Regular_0.otf");
}


.section0{
  position: relative;
  width: 1200px;
  display: block;
  margin: 0 auto;

}
.section0:hover #youxuanSwiper .swiper-button-prev{
  display: block;
}
.section0:hover #youxuanSwiper .swiper-button-next{
  display: block;
}
#youxuanSwiper{
  width: 100%;

}
#youxuanSwiper .swiper-slide{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  text-align: center;
  font-size: 18px;
}
#youxuanSwiper .swiper-slide img{
  width: 452px;
  object-fit: cover;
  display: block;
}
#youxuanSwiper .swiper-slide:not(.swiper-slide-active){
  transform: scale(0.66);
}
#youxuanSwiper .swiper-button-prev{
  background-image:url('https://seeease.oss-cn-hangzhou.aliyuncs.com/haiyi/left.png');
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  left:20px;
  top: calc(50% - 17px);
  right:auto;
  display: none;
}
#youxuanSwiper .swiper-button-prev:hover{
  background-image:url('https://seeease.oss-cn-hangzhou.aliyuncs.com/haiyi/left-active.png');
}
#youxuanSwiper .swiper-button-next{
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  background-image:url('https://seeease.oss-cn-hangzhou.aliyuncs.com/haiyi/right.png');
  right:20px;
  left: auto;
  top: calc(50%  - 17px);
  display: none;
}
#youxuanSwiper .swiper-button-next:hover{
  background-image:url('https://seeease.oss-cn-hangzhou.aliyuncs.com/haiyi/right-active.png');
}
#youxuanSwiper .swiper-pagination{
  right: 38px;
  top:0;
  width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  font-size: 24px;
  font-family: regular;
  font-weight: 400;
  color: #333333;
}


.contain{
  width: 1200px;
  margin: 70px auto;
}
.contain .titleImg{
  width: 543px;
  margin-bottom:60px;
}
.recruitment{
  width: 1200px;
  margin-top: 70px;
}
.recruitment .titleImg{
  width: 616px;
}
.recruitment .prompt{
  user-select:text;
  font-size: 18px;
  font-family: regular;
  font-weight: 400;
  color: #333333;
}
.recruitment .btn{
  width: 100%;
  margin-top: 32px;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;

  -moz-justify-content: right;
  -ms-justify-content: right;
  -o-justify-content: right;
  justify-content: right;
}
.recruitment .btn div{
  padding-bottom: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 18px;
  font-family: regular;
  font-weight: 400;
  color: #333333;
  margin-left: 58px;
}
.recruitment .btn .active{
  border-bottom: 4px solid #01D182;
}

.recruitment .main{
  user-select:text;
  width: 100%;
  margin-top: 50px;
}
.recruitment .main .box {
  padding: 20px 35px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  width: 100%;
  position: relative;
  margin-top: 20px;
  transition: height 1.5s, transform 2s;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
}
.recruitment .main .box .details{
  width: 128px;
  height: 50px;
  text-align: center;
  background: #00BF75;
  border-radius: 2px;
  font-size: 16px;
  font-family: regular;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 50px;
  position: absolute;
  right: 35px;
  top: 52px;
  cursor: pointer;
}
.recruitment .main .box .details:hover{
  background: #02D282;
}
.recruitment .main .box .details img{
  width: 17px;
}
.recruitment .main .box .title{
  font-size: 20px;
  font-family: heavy;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
}
.recruitment .main .box .content{
  font-size: 18px;
  font-family: regular;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
}
.recruitment .main .box .row{
  display: flex;
  font-size: 18px;
  font-family: regular;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
}
.recruitment .main .box .row .right{
  width: 1000px;
}