.BannerBox,
.jobBox,.phoneUsBox {
  position: relative;
}
.bannerBoxBg,
.jobBoxBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -10;
}
.banner,
.job,.phoneUs {
  width: 100%;
  max-width: 1430px;
  padding: 0 50px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
/* ----------------------Banner---------------------------*/
.BannerBox {
  background-color: #fff;
  /* padding-bottom: 200px; */
  z-index: 2;
}
.bannerBoxBg {
  background-color: #fff;
  height: 50%;
  width: 100%;
  left: 0;
  bottom: 0%;
  transform: translate(0, -80%) skewY(-10deg);
  z-index: 1;
}
.bannerBoxBg .bannerBoxBgOne {
  width: 10%;
  height: 60px;
  position: absolute;
  bottom: -60px;
  right: 0%;
  background-color: #e7ebef;
}
.bannerBoxBg .bannerBoxBgTwo {
  width: 15%;
  height: 60px;
  position: absolute;
  bottom: 0px;
  left: 0%;
  background-color: #9194f7;
}
.bannerBoxBg .bannerBoxBgThree {
  width: 15%;
  height: 60px;
  position: absolute;
  bottom: 0px;
  right: 0%;
  background-color: #9094f6;
}
.bannerBoxBg .bannerBoxBgFour {
  width: 18%;
  height: 60px;
  position: absolute;
  bottom: 120px;
  right: 0%;
  background-color: #c4f0ff;
}
.bannerBoxBg .bannerBoxBgFive {
  width: 13%;
  height: 60px;
  position: absolute;
  bottom: 220px;
  right: 18%;
  border: 1px solid #e8eaeb;
}
.bannerBoxBg .bannerBoxBgSix {
  width: 10%;
  height: 60px;
  position: absolute;
  bottom: 60px;
  left: 0%;
  background-color: #a2dbfe;
}
.bannerBoxBg .bannerBoxBgSeven {
  width: 13%;
  height: 60px;
  position: absolute;
  bottom: 340px;
  left: 10%;
  background-color: #323160;
}
.bannerBoxBg .bannerBoxBgSeven::after {
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: -60px;
  right: -100%;
  border: 1px solid #e8eaeb;
}
.banner {
  padding: 180px 50px 100px;
  position: relative;
  text-align: center;
}
.bannerContent {
  color: #1e336e;
  font-size: 20px;
}
.bannerTitle {
  margin: 7px 0 40px;
  font-size: 48px;
  color: #1e336e;
}
.bannerRemark {
  color: #9098ab;
  font-size: 17px;
    /* font-weight: 300; */
}
.bannerLean {
  transform: skewY(-10deg);
  position: relative;
  margin-top: 100px;
  /* min-height: 350px; */
}
.topTwoImg {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
}
.topTwoImg > div {
  width: 25%;
  /* height: 200px; */
  padding-bottom: 15%;
  background-size: cover;
}
.topTwoImgLeft {
  background-position: 50% 50%;
  background-image: url("../image/aboutUs/bannerLeft.jpg");
}
.topTwoImgRight {
  background-image: url("../image/aboutUs/bannerRight.png");
  background-position: 100% 70%;
}
.centerImg {
  background-image: url("../image/aboutUs/bannerCenter.jpg");
  background-position: 50% 60%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  /* height: 300px; */
  padding-bottom: 22%;
}
/* ``` */
.jobBox {
  z-index: 1;
}
.jobTitle {
  font-size: 29px;
  color: #1e336e;
  padding: 20px 0 50px;
  text-align: center;
}
.jobItem {
  margin-bottom: 25px;
  font-size: 17px;
}
.jobItemTop {
  cursor: pointer;
  color: #1e336e;
  font-size: 17px;
}
.jobItemBottomBox {
  padding: 25px;
  padding-bottom: 0;
  color: #1e336e;
  font-size: 17px;
  line-height: 28px;
}
.bottom {
  text-align: center;
  margin: 20px 0 100px;
  color: #1e336e;
  font-size: 15px;
}
.jobTopSpan {
  margin-right: 15px;
}
.phoneUsBox {
  background-color: #f7f9fc;
  padding: 80px 0;
}
.phoneUsTitle {
  color: #1e336e;
  font-size: 19px;
  margin-bottom: 15px;
}
.phoneUsRemark {
  color: #1e336e;
  font-size: 17px;
}