html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.hidden {
  display: none;
}

.banner {
  width: 100%;
  height: 100px;
}
.banner .bannerImg{
  height: 100px;
  display: flex;
  position: relative;
}
.banner .bannerImg span {
  position:absolute;
  font-size: 28px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  top: 24px;
  left: 20px;
}
.mainContent {
  height: calc(100% - 45px);
  overflow: auto;
}

.newsBox .tabBox {
  display: flex;
  justify-content: space-between;
}
.newsBox .tabBox .item {
  width: 94px;
  height: 40px;
  line-height: 40px;
  color: #000;
  text-align: center;
  background-color: #fff;
}
.newsBox .tabBox .selectItem {
  color: white;
  background-color: #E19736;
}
.newsBox .listBox {
  padding: 15px;
  background-color: #f7f7f7;
}
.newsBox .listBox .newsTabList1 .newsImg {
  height: 170px;
  display: flex;
}

.newsBox .listBox .newsTabList1 .groupName {
  font-size: 21px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  margin-top: 15px;
}

.newsBox .listBox .newsTabList1 .groupEnName {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #C0BFBF;
}
.newsBox .listBox .newsTabList1 .divider {
  width: 15px;
  height: 2px;
  background: #E19636;
  margin-top: 2px;
}
.newsBox .listBox .newsTabList1 .para {
  text-indent: 2em;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  margin-top: 15px;
}
.newsBox .listBox .newsTabList1 .boldPara {
  font-weight: bold;
  color: #333333;
}
.newsBox .listBox .newsTabList1 .sectionbox {
  margin-top: 15px;
  height: 300px;
  background: #FFFFFF;
}
.newsBox .listBox .newsTabList1 .sectionbox .sectionContent {
  display: flex;
  justify-content: center;
  align-items: center ;
  height: 100px;
  flex-direction: column;
}
.newsBox .listBox .newsTabList1 .sectionbox .sectionContent .number {
  font-size: 36px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #E19636;
}
.newsBox .listBox .newsTabList1 .sectionbox .sectionContent .des {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #666666;
}
.newsBox .listBox .newsTabList1 .sectionbox .sectionContent .sectionDivider {
  margin-top: 15px;
  width: 300px;
  height: 1px;
  background: #DFDFDF;
}
.newsBox .listBox .newsTabList2 .companyItem {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #E0DFDF;
  box-shadow: 5px 9px 10px 0px #E6E6E6;
  padding: 15px;
  margin: 15px 0;
}

.newsBox .listBox .newsTabList2 .companyItem img{
  height: 90%;
}
.newsBox .listBox .newsTabList3 .structure  {
  display: flex;
  justify-content: center;
}
.newsBox .listBox .newsTabList3 .structure  img{
  width: 100%;
  height: 100%;
}
.newsBox .listBox .newsTabList4 .timeYear {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #E19736;
  margin: 5px 0;
}
.newsBox .listBox .newsTabList4 .timeline-small-body ul {
  margin: 0;
  list-style: none;
  position: relative;
}
.newsBox .listBox .newsTabList4 .timeline-small-body ul::before {
  content: ' ';
  height: 100%;
  width: 1px;
  background-color: #d9d9d9;
  position: absolute;
  top: 0;
  left: 0.4em;
}
.newsBox .listBox .newsTabList4 .timeline-small-body li div {
  display: inline-block;
  /* margin: 5px 0; */
  vertical-align: top;
}
.newsBox .listBox .newsTabList4 .timeline-small-body .bullet {
  width: 8px;
  height: 8px;
  background-color: #E19736;
  border: 3px solid rgb(253, 231, 189);
  border-radius: 50%;
  position:absolute;
  margin: 10px 0;
}

.newsBox .listBox .newsTabList4 .timeline-small-body .date {
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  padding-left: 16px;
  margin: 8px 0;
}
.newsBox .listBox .newsTabList4 .timeline-small-body .desc {
  margin-left: 15px;
  background-color: #fff;
  padding:15px;
  line-height: 28px;
}

.newsTabList1 img{
 width: 100%;
 height: 100%;
}