.index-body {
  position: absolute;
  top: 80px;
  bottom: 0;

  width: 100%;
}
.index-body>.swiper-wrapper>.swiper-slide {
  overflow: hidden;
}
.index-body>.swiper-wrapper>.swiper-slide:last-child {
  height: auto;
}
.index-body>.swiper-pagination-bullets {
  right: 25px;
}
.index-body>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 12px 0;
}
.index-body>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  position: relative;

  background-color: #e60012;
}
.index-body>.swiper-pagination-bullets.inverse .swiper-pagination-bullet {
  background: #fff;
}
.index-body>.swiper-pagination-bullets .swiper-pagination-bullet-active::before {
  position: absolute;
  top: -4px;
  left: -4px;

  width: 16px;
  height: 16px;

  content: '';

  border: 1px solid #e60012;
  border-radius: 50%;
}
.index-body>.swiper-pagination-bullets.inverse .swiper-pagination-bullet-active::before {
  border-color: #fff;
}
.index-banner,
.index-banner .swiper-slide {
  width: 100%;
  height: 100%;
}
.index-banner .swiper-slide>img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}
.index-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;

  width: 100%;
  height: 100%;

  background-color: rgba(0, 0, 0, .15);
}
.index-label-container {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
  text-align: center;

  color: #fff;
}
.index-label-container>h1 {
  font-size: 3rem;
  font-weight: 800;

  margin: 0 0 30px 0;
}
.index-label-container>h5 {
  font-size: 1.2rem;
}
.index-label-container>.btn {
  font-size: .8rem;

  position: relative;

  width: 200px;
  margin-top: 70px;

  border-radius: 25px;
}
.index-label-container>.btn::before {
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;

  content: '';

  border-top: 1px solid #fff;
}
.index-news {
  position: relative;

  height: 100%;
  padding-left: 240px;
}
.index-news-title {
  position: absolute;
  top: 50%;
  left: 0;

  margin-top: -150px;

  transform: translateY(-50px);
}
.index-news-title h1 {
  margin: 0;
}
.index-news-title h1 small {
  font-size: 1.2rem;
}
.index-news-title .btn {
  font-size: .7rem;

  width: 160px;
  margin-top: 20px;
}
.index-news-column {
  position: relative;

  height: 100%;
}
.index-news-content {
  position: relative;

  height: 100%;

  cursor: pointer;
  transition: .2s box-shadow;

  border-left: 1px solid #eee;
}
.index-news-content:hover,
.index-news-content:active,
.index-news-content:focus {
  text-decoration: none;

  box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}
.index-news-wrap {
  position: absolute;
  top: 50%;

  width: 100%;
  padding: 0 40px;

  transform: translateY(-50%);
}
.index-news-content .month {
  font-size: 4rem;

  height: 128px;

  color: #ececec;
}
.index-news-content .title {
  font-size: .8rem;
  line-height: 26px;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;

  height: 52px;

  text-overflow: ellipsis;

  color: #333;

  -webkit-line-clamp: 2;
}
.index-news-content .date {
  font-size: .75rem;
  line-height: 24px;

  color: #666;
}
.index-news-content .img {
  height: 220px;
  margin: 20px 0;
}
.index-news-content .img>img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}
.index-news-content .content {
  font-size: .7rem;
  line-height: 22px;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;

  height: 66px;

  text-overflow: ellipsis;
  word-break: break-all;

  color: #999;

  -webkit-line-clamp: 3;
}
.index-news-content .link {
  position: relative;

  margin-top: 30px;
  margin-bottom: 20px;

  transition: .2s color;

  color: #aaa;
}
.index-news-content:hover .link {
  color: #e60012;
}
.index-news-content .link::before {
  position: absolute;
  left: 44px;
  bottom: -22px;

  width: 5px;
  height: 5px;

  content: '';
  transform: rotate(45deg);

  border: 0 solid #555;
  border-width: 1px 1px 0 0;
}
.index-news-content .link::after {
  position: absolute;
  left: 0;
  bottom: -20px;

  width: 50px;
  height: 1px;

  content: '';

  background-color: #555;
}
.index-info {
  position: relative;

  display: flex;
  align-items: center;

  height: 100%;

  background: url(/image/city-bg.png) no-repeat bottom center;
}
.index-info::before,
.index-info::after {
  position: absolute;
  right: 0;
  bottom: 0;

  content: '';
}
.index-info::before {
  width: 400px;
  height: 800px;

  background: url(/image/cl.png) no-repeat;
}
.index-info::after {
  width: 700px;
  height: 750px;

  background: url(/image/company.png) no-repeat;
}
.index-info-container {
  width: 40%;
  margin-top: -100px;
}
.index-info-content {
  font-size: .75rem;
  line-height: 26px;

  margin: 50px 0;

  color: #999;
}
.index-info-content>p {
  text-indent: 1.5rem;
}
.index-info .btn {
  font-size: .7rem;

  width: 160px;
}
.comp-ie {
  padding-bottom: 0;
}
.comp-ie .index-body {
  position: static;
}
.comp-ie .index-body>.swiper-wrapper {
  display: block;
}
.comp-ie .index-body>.swiper-wrapper>.swiper-slide {
  height: auto;
}
.comp-ie .index-banner .swiper-slide {
  display: none;
}
.comp-ie .index-banner .swiper-slide:first-child {
  display: block;
}
.comp-ie .index-news-content {
  height: 800px;
}
.comp-ie .index-info {
  height: 1000px;
}
.comp-ie .index-info-container {
  margin-top: 0;
}
<!--0.00026583671569824-->