.headerEj_bg {
  background: url(/uiFramework/commonResource/image/2023030913335055141.jpg) center 0 no-repeat;
  background-size: 100% 100%;
  padding-bottom : 60px;
}

.otherBannerPad p {
  left       : 50%;
  margin-left: -25%;
}

.otherBannerPad p b {
  margin: 20px auto 0;
}

.tzz_bar {
  height   : 240px;
  padding  : 30px 0;
  font-size: 50px;
  color    : #fff;
  margin   : 0 auto;
}

.tzz_bar p {
  height    : 80px;
  text-align: center;
}

.tzz_bar p b {
  display   : block;
  width     : 60px;
  height    : 3px;
  background: #fff;
  margin    : 20px auto 0;
}

.tzz_bar_cont {
  font-size : 18px;
  width     : 60%;
  margin    : 20px auto 0;
  text-align: center;
}

.stockBg {
  background     : url(/uiFramework/commonResource/image/2023030913391638397.jpg) no-repeat;
  background-size: cover;
  overflow       : hidden;
  padding        : 30px 50px;
  display        : flex;
  justify-content: space-between;
  margin-top     : -50px;
}

.infobox {
  width: 30%;
  color: #fff;
}

.stockBg .infobox:first-child {
  margin-top: 30px;
}

.columnTit {
  font-size    : 32px;
  color        : #fff;
  margin-bottom: 40px;
  position     : relative;
  text-align   : left;
}

.columnTit:before {
  content   : "";
  width     : 40px;
  height    : 4px;
  background: #fff;
  position  : absolute;
  left      : 0;
  top       : -30px;
}


.columnA {
  color: #fff;
}

.columnA img {
  margin-left: 4px;
}

.cypcname {
  font-size: 24px;
  color    : #fff;
}

.cypcname span {
  font-size: 18px;
  color    : #ffcb2b;
}

.cypczs {
  font-size: 80px;
  color    : #ffcb2b;
}

.cypczd {
  color: #fff;
}

.cypczd span {
  margin-right: 20px;
}

.infobox:nth-child(2) {
  border-right   : 1px solid #fff;
  display        : flex;
  flex-direction : column;
  justify-content: space-around;
}

.marketClo {
  font-size    : 22px;
  margin-bottom: 20px;
  text-align   : left;
}

.marketInfo {
  display  : flex;
  flex-wrap: wrap;
}

.marketInfo div {
  width        : 50%;
  margin-bottom: 20px;
}

.marketInfo p {
  font-size: 18px;
  position : relative;
}

.marketInfo p:before {
  position  : absolute;
  content   : "";
  left      : -20px;
  width     : 8px;
  height    : 8px;
  background: #ffcb2b;
  top       : 50%;
  transform : translateY(-50%);
}

.marketInfo span {
  font-size: 26px;
}

.finInfo {
  display        : flex;
  margin         : 60px auto;
  justify-content: space-between;
  margin-top     : 90px;
}

.finInfo>div {
  width: 30%;
}

.columntitb,
.columnAb {
  color: #000;
}

.columntitb:before {
  background: #4479ff;
}

.columnSum {
  font-size: 14px;
  color    : #999;
  margin   : 30px 0;
}

.fiboxsd {
  box-shadow            : 0 5px 15px 0 #ccc;
  border-top-left-radius: 15px;
  display               : flex;
  flex-direction        : column;
  justify-content       : center;
  padding               : 30px;
}

.fitit {
  color       : #666;
  position    : relative;
  padding-left: 20px;
}

.fitit:before {
  position  : absolute;
  content   : "";
  width     : 8px;
  height    : 8px;
  left      : 0;
  top       : 50%;
  transform : translateY(-50%);
  background: #4479ff;
}

.fiNum {
  font-size   : 54px;
  margin      : 30px 0;
  padding-left: 20px;
}

.fiunit {
  font-size   : 14px;
  color       : #999;
  padding-left: 20px;
}

.irmBox {
  background     : url(/uiFramework/commonResource/image/2023030913435052096.jpg) no-repeat;
  background-size: cover;
  padding        : 90px 0;height:410px;
}

.irmCon {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.irmlr {
  color: #fff;
}

.irmlr:last-child {
  width: 65%;
}

.slideInfo {
  margin: 10px 0;
}

.slidep {
  font-size: 20px;
  position : relative;
  cursor   : pointer;
}

.slidep i {
  position  : absolute;
  right     : 0;
  top       : 50%;
  transform : translateY(-50%);
  transition: all 0.5s;
}

.slideCont {
  font-size    : 14px;
  padding      : 30px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #fff;
  display      : none;
}

.slidep i.rotate {
  transform: rotate(90deg);
}

.slideInfo:first-child .slideCont {
  display: block;
}

.inveIn {
  background         : url(/uiFramework/commonResource/image/2023030914071358582.jpg) no-repeat;
  background-size    : cover;
  background-position: center;
  padding            : 50px 0;
  padding-top        : 100px;
}

.inveIn .wid_76 {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.inveBox:first-child {
  width: 35%;
}

.inveBox:last-child {
  width: 55%
}

.inveIn .columnTit:before {
  background: #13ea5a;
}

.searchBox {
  display    : flex;
  align-items: center;
  background : #fff;
}

.searchBox input {
  border      : none;
  outline     : none;
  height      : 45px;
  line-height : 45px;
  width       : 100%;
  padding     : 10px;
  padding-left: 20px;
  border-right: 1px solid #ddd;
}

.searchBox b{
  flex-shrink: 0;
  padding    : 0 40px;
}




@media screen and (max-width: 1550px) {
  .stockBg {
    margin-top: -25px;
  }

  .cypczs {
    font-size: 66px;
  }

  .marketClo {
    font-size: 14px;
  }

  .marketInfo p {
    font-size: 16px;
  }

  .marketInfo span {
    font-size: 24px;
  }

  .fitit {
    text-align: left;
  }

  .fiNum {
    font-size: 48px;
  }
}


@media screen and (max-width: 1023px) {}

@media screen and (max-width: 767px) {
  .headerEj_bg {
    /*padding-top: 30px;*/
    padding-bottom: 20px;background-size:cover;
  }

  .tzz_bar {
    font-size: 38px;
  }

  .tzz_bar_cont {
    width    : 100%;
    font-size: 16px;
  }

  .stockBg {
    margin-top    : 20px;
    flex-direction: column;
    padding       : 60px 20px;
    padding-bottom: 20px;
  }

  .infobox {
    width        : 100%;
    margin-bottom: 30px;
  }

  .infobox:nth-child(2) {
    border: none;
  }

  .columnTit {
    font-size    : 26px;
    margin-bottom: 30px;
  }

  .cypczs {
    font-size: 48px;
  }

  .marketInfo {
    justify-content: space-between;
  }

  .marketInfo div {
    width       : 48%;
    padding-left: 20px;
  }

  .finInfo {
    flex-direction: column;
    align-items   : center;
  }

  .finInfo>div {
    width        : 95%;
    margin-bottom: 30px;
  }

  .fiNum {
    font-size: 36px;
    margin   : 20px 0;
  }

  .irmCon {
    flex-direction: column;
    align-items   : center;
  }
.irmBox{height:auto;padding: 90px 0 20px;}
  .irmBox div.irmlr {
    width        : 95%;
    margin-bottom: 30px;
  }

  .inveIn {
    padding-top: 90px;
  }

  .inveIn .wid_76 {
    flex-direction: column;
  }

  .inveIn div.inveBox {
    width        : 100%;
    margin-bottom: 30px;
  }

  .searchBox input {
    font-size: 14px;
  }
}


@media screen and (max-width: 500px) {
  .tzz_bar {
    font-size: 32px;
  }

}