.developmentMain .title {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25em;
  letter-spacing: 4px;
  color: #030303;
  text-align: center;
  text-transform: uppercase;
  padding: 130px 0 20px;
}
.developmentMain .txt {
  font-size: 24px;
  line-height: 2em;
  color: #4c4c4c;
  font-weight: 300;
  padding: 0 10%;
}
.developmentMain .ehs .ehsBanner {
  position: relative;
  overflow: hidden;
  margin: 60px auto;
}
.developmentMain .ehs .ehsBanner img {
  object-fit: cover;
}
.developmentMain .ehs .ehsBanner::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(66, 67, 66, 0.4);
  top: 0;
  left: 0;
}
.developmentMain .ehs .ehsBanner ul {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  z-index: 2;
}
.developmentMain .ehs .ehsBanner ul li {
  text-align: center;
  margin: 0 80px;
}
.developmentMain .ehs .ehsBanner ul li div {
  margin: 0 auto 30px;
  width: 160px;
  cursor: pointer;
}
.developmentMain .ehs .ehsBanner ul li div img {
  object-fit: cover;
}
.developmentMain .ehs .ehsBanner ul li p {
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
}
.developmentMain .ehs .list ul {
  padding: 0 10%;
}
.developmentMain .ehs .list ul li {
  border: solid 1px #c3c3c3;
  margin-bottom: 20px;
  height: 200px;
  display: flex;
  justify-content: space-between;
}
.developmentMain .ehs .list ul li .devePic {
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}
.developmentMain .ehs .list ul li .devePic img {
  object-fit: cover;
  height: 100%;
  transition: 0.5s;
}
.developmentMain .ehs .list ul li .devePic:hover img {
  transform: scale(1.2, 1.2);
}
.developmentMain .ehs .list ul li .deveFr {
  width: 70%;
  padding: 0 40px;
}
.developmentMain .ehs .list ul li .deveFr div {
  font-size: 24px;
  color: #030303;
  padding: 3% 0 2%;
}
.developmentMain .ehs .list ul li .deveFr p {
  font-size: 18px;
  color: #4c4c4c;
}
.developmentMain .qualityTx {
  margin-top: 130px;
}
.developmentMain .qualityTx .topWrap {
  width: 100%;
  height: 327px;
}
.developmentMain .qualityTx .topWrap img {
  height: 100%;
  object-fit: cover;
}
.developmentMain .qualityTx .qualityMain {
  background: #fff;
  margin-top: -135px;
  position: relative;
}
.developmentMain .qualityTx .qualityMain .title {
  padding: 90px 0 20px;
}
.developmentMain .qualityTx .qualityMain .qualityList {
  padding: 140px 10% 58px;
}
.developmentMain .qualityTx .qualityMain .qualityList ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.developmentMain .qualityTx .qualityMain .qualityList ul li {
  border: solid 1px #4c4c4c;
  padding: 0 50px;
  width: 39%;
  margin: 0 0 146px;
}
.developmentMain .qualityTx .qualityMain .qualityList ul li div {
  width: 190px;
  margin: -95px auto 0;
}
.developmentMain .qualityTx .qualityMain .qualityList ul li p {
  font-size: 18px;
  line-height: 2em;
  color: #4c4c4c;
  text-align: center;
  padding: 50px 0 30px;
}
.developmentMain .supplyChain .supplyChainBanner {
  width: 100%;
  background: url("../images/development1.jpg") no-repeat center;
  background-size: cover;
}
.developmentMain .supplyChain .supplyChainBanner .title {
  color: #fff;
  padding-top: 120px;
}
.developmentMain .supplyChain .supplyChainBanner .txt {
  color: #fff;
  text-align: center;
  padding-bottom: 120px;
  font-weight: 300;
}
.developmentMain .supplyChain .supplyChainTxt {
  font-size: 18px;
  line-height: 36px;
  color: #4c4c4c;
  padding: 0 10%;
  margin: 80px auto 100px;
}
.developmentMain .supplyChain .developmentPic {
  max-width: 1455px;
  margin: 0 auto;
}
.developmentMain .supplyChain .developmentPic img {
  object-fit: cover;
}
.developmentMain .supplyChain .supplyChainCon {
  width: 100%;
  background: url("../images/development3.png") no-repeat center;
  background-size: cover;
}
.developmentMain .supplyChain .supplyChainCon .tit1 {
  font-size: 40px;
  letter-spacing: 4px;
  color: #030303;
  text-align: center;
  padding-top: 155px;
}
.developmentMain .supplyChain .supplyChainCon .tit2 {
  font-size: 30px;
  letter-spacing: 3px;
  color: #030303;
  text-align: center;
  background-image: linear-gradient(85deg, #6ce9dc 0%, #38b8ed 39%, #146dec 100%), linear-gradient(#ffffff, #ffffff);
  -webkit-background-clip: text;
  color: transparent;
  margin-top: 10px;
}
.developmentMain .supplyChain .supplyChainCon .tit3 {
  font-size: 24px;
  line-height: 48px;
  color: #4c4c4c;
  margin: 0 auto;
  padding: 120px 15% 145px;
}
.developmentMain .csr .csrBanner {
  width: 100%;
  height: 327px;
}
.developmentMain .csr .csrBanner img {
  width: 100%;
  object-fit: cover;
}
.developmentMain .csr .csrCon {
  padding: 90px 6%;
  background: #fff;
  margin-top: -140px;
  position: relative;
}
.developmentMain .csr .csrCon .title {
  padding-top: 0;
}
.developmentMain .csr .csrCon .txt {
  text-align: center;
}
.developmentMain .csr .csrCon ul {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  margin-top: 180px;
}
.developmentMain .csr .csrCon ul li {
  width: 30%;
  border: solid 1px #4c4c4c;
  padding-bottom: 60px;
}
.developmentMain .csr .csrCon ul li .csrPic {
  width: 190px;
  margin: -95px auto 0;
}
.developmentMain .csr .csrCon ul li .csrTit {
  font-size: 24px;
  line-height: 36px;
  color: #0496ca;
  text-align: center;
  padding: 20px 0 30px;
}
.developmentMain .csr .csrCon ul li p {
  padding: 0 18%;
  font-size: 18px;
  line-height: 36px;
  color: #4c4c4c;
  text-align: center;
}
.developmentMain .stakeholder .stakeholderBanner {
  width: 100%;
  background: url("../images/development5.jpg") no-repeat center;
  background-size: cover;
}
.developmentMain .stakeholder .stakeholderBanner .title {
  color: #fff;
  padding-top: 120px;
}
.developmentMain .stakeholder .stakeholderBanner .txt {
  color: #fff;
  text-align: center;
  padding-bottom: 120px;
  font-weight: 300;
}
.developmentMain .stakeholder ul {
  padding: 6%;
}
.developmentMain .stakeholder ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 95px;
}
.developmentMain .stakeholder ul li .left {
  width: 38%;
}
.developmentMain .stakeholder ul li .right {
  width: 55%;
}
.developmentMain .stakeholder ul li .right .stakeholderTit {
  font-size: 24px;
  line-height: 36px;
  color: #4c4c4c;
  margin-bottom: 30px;
}
.developmentMain .stakeholder ul li .right .stakeholderTit:after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  margin-top: 10px;
  background-image: linear-gradient(85deg, #6ce9dc 0%, #38b8ed 39%, #146dec 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal,
              normal;
}
.developmentMain .stakeholder ul li .right p {
  font-size: 18px;
  line-height: 36px;
  color: #4c4c4c;
  font-weight: 300;
}
/*# sourceMappingURL=development.css.map */