@charset "utf-8";

.banner{width: 100%;}
.banner img{width: 100%;height: auto;}

.positionBox{
  width: 100%;
  padding: 6px 0;
}
.positionList{
  width: calc(100% - 16px);
  margin: 0 auto;
}
.positionList a{
  float: left;
  width: 50%;
  height: 218px;
  display: block;
  background: url("../../../img/second/zhaoping_index_bg01.png") no-repeat;
  background-size:100% 100%; 
  text-decoration: none;
  text-align: center;
  overflow: hidden;
}
.positionList a.more-position{
  display: none;
  font-size: 14px;
  color: #333;
  line-height: 218px;
  text-align: cneter;
}
.positionList a img{
  width: 60px;
  height: 58px;
  margin-top: 27px;
}
.positionList a span{
  height: 28px;
  margin-top: 20px;
  line-height: 28px;
  font-size: 12px;
  border-radius: 14px;
  padding: 0 23px 0 9px;
  color: #333;
  display: inline-block;
  background: url("../../../img/second/zhaopin_index_iocn_right.png") 60px center no-repeat;
  background-size: 12px 12px;
  background-color: #fff;
  box-shadow: 0 2px 4px #eee;
}
.positionList a h4{
  font-size: 14px;
  color: #333;
  line-height: 15px;
  font-weight: 600;
  margin-top: 14px;
  font-family: PingFangSC-Semibold, sans-serif;
}
.positionList a p{
  display: block;
  margin: 0 auto;
  width: 121px;
  color: #999;
  line-height: 17px;
  margin-top: 10px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.positionList a p::before{
  content: '';
  width: 15px;
  height: 15px;
  background: url("../../../img/second/zhaopin_location.png") 0 0 no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
}

.hd{text-align: center;}
.hd h4{font-size: 16px;line-height: 23px;color: #333;font-weight: 600;font-family: PingFangSC-Semibold, sans-serif;}
.hd p{font-size: 12px;line-height: 15px;font-weight: 200;margin-top: 2px;color: #999;}

.environment{padding: 21px 15px;}
.environment .imgBox{margin-top: 21px;width: 100%;}
.environment .imgBox img{width: 100%;height: auto;}

.atmosphere{padding: 40px 15px;background: url("../../../img/second/zhaoping_index_bg02.png") no-repeat;}
.atmosphere .hd h4{color: #fff;}
.atmosphere .hd p{color: #fff;}
.atmosphere .imgBox{margin-top: 21px;width: 100%;}
.atmosphere .imgBox img{width: 100%;height: auto;}

.colleague{padding: 40px 15px;}
.colleague .imgBox{margin-top: 21px;width: 100%;}
.colleague .imgBox img{width: 100%;height: auto;}

.building{padding: 22px 15px;background-color: #283649;}
.building .hd h4{color: #fff;}
.building .hd p{color: #fff;}
.building .imgBox{margin-top: 21px;width: 100%;}
.building .imgBox img{width: 100%;height: auto;}

.meeting{padding: 40px 15px;}
.meeting .imgBox{margin-top: 21px;width: 100%;}
.meeting .imgBox img{width: 100%;height: auto;}

.fixButton {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  background: #fff;
  padding: 10px 15px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-bottom: calc(10px + constant(safe-area-inset-bottom));
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
}
.fixButton .letfLink, .fixButton .rightLink{
  width: 48.55%;
  display: block;
  height: 44px;
  background: #ff6a15;
  color: #fff;
  border-radius: 22px;
  text-align: center;
  line-height: 44px;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}