@keyframes backgroundChange {
  0% {
    background-image: url('//static.fzdxnl.com/banner1.png');
  }

  33% {
    background-image: url('//static.fzdxnl.com/banner2.png');
  }

  66% {
    background-image: url('//static.fzdxnl.com/banner3.png');
  }

  100% {
    background-image: url('//static.fzdxnl.com/banner1.png');
  }
}

body {
  background-color: rgba(244, 248, 246, 1);
}

.titles li::before {
  content: '';
  background-color: rgba(90, 90, 90, 0.3);
  border-radius: 50%;
  width: 0.4vw;
  height: 0.4vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-20%, -50%);
}

li {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 1.7vw;
}

li>span:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 38vw;
}

li>span:last-child {
  color: rgba(0, 0, 0, 0.66);
  font-size: 0.62vw;
}

.news {
  width: 89.48vw;
  margin: 5.5vw auto 0;
  height: 34.49vw;
  padding: 2.5vw 4.89vw;
  background-color: white;
}

.news .title {
  overflow-wrap: break-word;
  color: rgba(27, 27, 27, 1);
  font-size: 1.77vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  white-space: nowrap;
  line-height: 2.5vw;
}

.news .container {
  height: 23.29vw;
  margin-top: 3.14vw;
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1.6vw;
}

.news .headimgs {
  height: 100%;
  width: 33.86vw;
  position: relative;
  overflow: hidden;
}

.news .headimgs a {
  display: block;
  position: relative;
  height: 100%;
}

.news .headimgs a img {
  display: block;
  height: 100%;
  width: 100%;
}

.news .titles {
  flex: 1;
}

.news .sub-title {
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.25vw;
}

.news ul {
  overflow-wrap: break-word;
  color: rgba(23, 23, 23, 1);
  font-size: 0.83vw;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  padding-left: 0;
  line-height: calc(20vw / 6);
  margin: 0;
  margin-top: 2vw;
  height: 20vw;
}

.news li {
  list-style-position: inside;
}

.news li span {
  color: rgba(0, 0, 0, 0.66);
}

.news li.active {
  background-color: rgba(245, 255, 251, 1);
}

.news li.active a {
  color: rgba(0, 157, 97, 1);
  font-weight: 600;
}

.party-build {
  margin-top: 5.5vw;
  width: 100vw;
  padding: 4.6vw 10.05vw;
  background-color: white;
}

.party-build .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
}

.party-build .header .title {
  overflow-wrap: break-word;
  color: rgba(27, 27, 27, 1);
  font-size: 1.77vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  white-space: nowrap;
  line-height: 2.5vw;
}

.party-build .header .more {
  overflow-wrap: break-word;
  color: rgba(77, 179, 140, 1);
  font-size: 0.72vw;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  white-space: nowrap;
  line-height: 1.05vw;
}

.party-build .images {
  margin-top: 2.91vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.party-build .images>div {
  width: 50%;
  display: flex;
  gap: 1.25vw;
}

.party-build .images>div+div {
  padding-left: 0.64vw;
}

.party-build .images img {
  width: 15.58vw;
  height: 11.1vw;
}

.party-build .images .text {
  width: 22.5vw;
  display: flex;
  gap: 0.68vw;
  flex-direction: column;
}

.party-build .images .title {
  overflow-wrap: break-word;
  color: rgba(0, 157, 97, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  line-height: 1.72vw;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.party-build .images .content {
  overflow-wrap: break-word;
  color: rgba(23, 23, 23, 1);
  font-size: 0.83vw;
  letter-spacing: 4px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  line-height: 1.46vw;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.party-build .images .content img {
  display: none;
}

.party-build .texts {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.7vw;
}

.party-build .texts>div {
  width: 50%;
}

.party-build .texts>div:nth-child(2n) {
  padding-left: 0.64vw;
}

.party-build .texts>div:nth-child(3),
.party-build .texts>div:nth-child(4) {
  margin-top: 2.7vw;
}

.party-build .texts .title {
  overflow-wrap: break-word;
  color: rgba(23, 23, 23, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1.72vw;
  height: 1.72vw;
  overflow: hidden;
  text-overflow: ellipsis;
}

.party-build .texts .content {
  height: 2.92vw;
  overflow-wrap: break-word;
  color: rgba(23, 23, 23, 1);
  font-size: 0.83vw;
  letter-spacing: 4px;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  line-height: 1.46vw;
  margin-top: 0.63vw;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.party-build .texts .content img {
  display: none;
}

.party-build .texts .content p {
  display: inline;
  margin: 0;
  padding: 0;
}

.projects {
  width: 100vw;
  padding: 4.3vw 10.05vw;
  height: 48.9vw;
}

.projects .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80vw;
}

.projects .header>div {
  overflow-wrap: break-word;
  color: rgba(27, 27, 27, 1);
  font-size: 1.77vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  white-space: nowrap;
  line-height: 2.5vw;
}

.projects .project {
  display: flex;
  justify-content: space-between;
  margin-top: 2.9vw;
}

.projects .project>div {
  background-color: white;
  border: 1px rgba(0, 157, 97, 1);
  height: 5.73vw;
  width: 16.72vw;
  padding-left: 1.25vw;
  display: flex;
  align-items: center;
}

.projects .project>div>div {
  overflow-wrap: break-word;
  font-size: 1.25vw;
  font-family: PingFangSC-Regular;
  font-weight: normal;
  white-space: nowrap;
}

.projects .project>div.active {
  background-color: rgba(51, 137, 85, 1);
}

.projects .project>div.active>div {
  color: rgba(255, 255, 255, 1);
  font-family: PingFangSC-Semibold;
  font-weight: 600;
}

.projects .images {
  display: flex;
  justify-content: space-between;
  margin-top: 3.18vw;
}

.projects .images img {
  width: 16.72vw;
  height: 24.48vw;
}