.LineHide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}
.clearfix {
  zoom: 1;
}
.part1 {
  padding: 20px 0;
}
.part1 .layout {
  display: flex;
  height: 421px;
}
.part1 .layout .swiper {
  width: 815px;
  height: 100%;
}
.part1 .layout .swiper .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.part1 .layout .swiper .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
}
.part1 .layout .swiper .swiper-pagination-bullet-active {
  background-color: #C50D0B;
}
.part1 .layout .list {
  background: #FFFFFF;
  min-width: 630px;
  height: 100%;
  padding: 40px 44px 48px 26px;
}
.part1 .layout .list .tab {
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.part1 .layout .list .tab ul {
  display: flex;
  align-items: center;
}
.part1 .layout .list .tab ul li {
  padding: 13px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  flex-shrink: 0;
}
.part1 .layout .list .tab ul .on {
  background: url(../images/tbg.png) no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.part1 .layout .list .tab .morebox {
  flex-shrink: 0;
}
.part1 .layout .list .tab .morebox a {
  display: none;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #747474;
}
.part1 .layout .list .tab .morebox .on {
  display: block;
}
.part1 .layout .list .contentbox .content ul li {
  margin-bottom: 25px;
}
.part1 .layout .list .contentbox .content ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.part1 .layout .list .contentbox .content ul li a {
  display: flex;
  align-items: center;
}
.part1 .layout .list .contentbox .content ul li a i {
  margin-right: 12px;
  display: block;
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  border-radius: 50%;
  flex-shrink: 0;
}
.part1 .layout .list .contentbox .content ul li a p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.part1 .layout .list .contentbox .content ul li:hover a i {
  background-color: #C50D0B;
}
.part1 .layout .list .contentbox .content ul li:hover a p {
  color: #C50D0B;
}
.box {
  padding: 20px 0;
}
.box .layout {
  display: flex;
  justify-content: space-between;
}
.box .list {
  padding: 37px 34px;
  width: 49%;
  background-color: #fff;
}
.box .list .head {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box .list .head p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 24px;
  color: #C50C0A;
}
.box .list .head a {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #999999;
}
.box .list ul li {
  margin-bottom: 25px;
}
.box .list ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.box .list ul li a {
  display: flex;
  align-items: center;
}
.box .list ul li a i {
  margin-right: 12px;
  display: block;
  width: 8px;
  height: 8px;
  background: #D8D8D8;
  border-radius: 50%;
  flex-shrink: 0;
}
.box .list ul li a p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.box .list ul li:hover a i {
  background-color: #C50D0B;
}
.box .list ul li:hover a p {
  color: #C50D0B;
}
.box .list .el-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 0;
}
.box .list .el-empty__image {
  width: 160px;
}
.box .list .el-empty__image img {
  user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  object-fit: contain;
}
.box .list .el-empty__image svg {
  fill: #dcdde0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.box .list .el-empty__description {
  margin-top: 20px;
}
.box .list .el-empty__description p {
  margin: 0;
  font-size: 14px;
  color: #909399;
}
.part2 {
  padding: 20px 0;
}
.part2 .layout {
  padding: 35px 35px 60px;
  background-color: #fff;
}
.part2 .layout .head {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.part2 .layout .head p {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 24px;
  color: #333;
}
.part2 .layout .head a {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 16px;
  color: #999999;
}
.part2 .layout .swiperbox {
  position: relative;
}
.part2 .layout .swiperbox .swiper-button::after {
  color: #C50C0A;
}
.part2 .layout .swiperbox .swiper-button-next {
  right: -12px;
}
.part2 .layout .swiperbox .swiper-button-prev {
  left: -12px;
}
.part2 .layout .swiper {
  width: 95%;
}
.part2 .layout .swiper .swiper-wrapper .swiper-slide a {
  padding: 15px;
  background-color: #f1f1f1;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part2 .layout .swiper .swiper-wrapper .swiper-slide a .imgbox {
  margin-bottom: 17px;
  width: 122px;
  height: 122px;
  border-radius: 50%;
  overflow: hidden;
}
.part2 .layout .swiper .swiper-wrapper .swiper-slide a .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
}
.part2 .layout .swiper .swiper-wrapper .swiper-slide a .name {
  margin-bottom: 13px;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: bold;
  font-size: 24px;
  color: #787878;
  text-align: center;
}
.part2 .layout .swiper .swiper-wrapper .swiper-slide a .text {
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 400;
  font-size: 18px;
  color: #787878;
  text-align: center;
}