a {
  text-decoration: none;
}

.content-css {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

@media (min-width:1200px) and (max-width:1399px) {

  .content-css {
      padding-left: 4.2rem;
      padding-right: 4.2rem;
  }
}

.padding-0 {
  padding-right: 0;
  padding-left: 0;
}

.repeat .name {
  font-size: 40px;
  line-height: 40px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #000000;
  vertical-align: baseline;
  border-bottom: 2px solid #1eb9e1;
  margin-bottom: 39px;
}

.repeat .name span {
  position: relative;
  display: inline-block;
  padding-bottom: 32px;
}

.repeat .name span::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FFC819;
  content: "";
}

.repeat .txt {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #333333;
  line-height: 28px;
  letter-spacing: 0px;
}

.baner-s {
  max-width: 1920px;
  height: 500px;
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  background: url("../assets/images/foundation/baner-head.png") no-repeat;
}

.baner-s .baner-txt {
  position: relative;
  height: 100%;
}

.baner-s .baner-txt .baner-name {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);

  font-size: 54px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  vertical-align: baseline;
  line-height: 1;
  letter-spacing: 7px;
  padding-bottom: 30px;
  width: 504px;
  border-bottom: 2px solid #FFC819;
  border-image: linear-gradient(to right, #FFC819, transparent) 0.6 10;
}

.content-1 {
  margin-top: 120px;
  margin-bottom: 120px;
  display: table;
}

.content-1>div {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.content-1 .content-txt {
  padding-left: 0;
  padding-right: 60px;
}

.content-1 .content-txt.col-xs-7 {
  width: 57.11%;
}

.content-1 .img.col-xs-5 {
  width: 42.89%;
}

.content-1 .img {
  height: 360px;
}

.content-1 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-2 {
  margin-bottom: 119px;
  position: relative;
}

.content-2 .name {
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #000000;
  vertical-align: baseline;
  margin-bottom: 35px;
}

.content-2 .rotation .swiper-container {
  overflow-x: clip;
  overflow-y: inherit;
}

.content-2 .rotation .swiper-container .swiper-slide {
  width: 33.3333333333%;
}

.content-2 .rotation .swiper-container .swiper-slide a .img {
  height: 250px;
  margin-bottom: 21px;
}

.content-2 .rotation .swiper-container .swiper-slide a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-2 .rotation .swiper-container .swiper-slide a .title {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #333333;
  line-height: 28px;
  max-height: 84px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.content-2 .swiper-bnt {
  position: absolute;
  top: 52px;
  right: 0;
}
@media screen and (min-width: 1400px){
  .content-2 .swiper-bnt {
    right: 1.8rem;
  }
}
@media screen and (min-width: 1200px){
  .content-2 .swiper-bnt {
    right: 4.2rem;
  }
}
.content-2 .swiper-bnt .swiper-button-prev {
  background: url("../assets/images/foundation/icon-l-prev.png") no-repeat;
  width: 40px;
  height: 40px;
  left: -96px;
}

.content-2 .swiper-bnt .swiper-button-prev.swiper-button-disabled {
  cursor: not-allowed;
  pointer-events: auto;
  opacity: 1;
  background: url("../assets/images/foundation/icon-h-prev.png") no-repeat;
}

.content-2 .swiper-bnt .swiper-button-next {
  background: url("../assets/images/foundation/icon-l-next.png") no-repeat;
  width: 40px;
  height: 40px;
  right: 0;
}

.content-2 .swiper-bnt .swiper-button-next.swiper-button-disabled {
  cursor: not-allowed;
  pointer-events: auto;
  opacity: 1;
  background: url("../assets/images/foundation/icon-h-next.png") no-repeat;
}

/* --- 突发事件救助图集 --- */
@keyframes sport {
  0% {
      transform: translateY(100px);
      -webkit-transform: translateY(100px);
      -moz-transform: translateY(100px);
      -ms-transform: translateY(100px);
      -o-transform: translateY(100px);
  }

  50% {
      transform: translateY(10px);
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
  }

  100% {
      transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
  }
}

.content-22 {
  margin-bottom: 119px;
  position: relative;
}

.content-22 .name {
  font-size: 40px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #000000;
  vertical-align: baseline;
  margin-bottom: 35px;
}

.content-22 .rotation.row {
  margin-right: -16.5px;
  margin-left: -16.5px;
}

.content-22 .rotation .swiper-slides {
  margin-top: 20px;
}

.content-22 .rotation .col-xs-4 {
  padding-right: 16.5px;
  padding-left: 16.5px;
}

.content-22 .rotation .col-xs-4:nth-child(n+4) {
  /* display: none; */
  animation: sport 1s;
  -webkit-animation: sport 1s;
}

.content-22 .rotation .col-xs-4:nth-of-type(1) .swiper-slides,
.content-22 .rotation .col-xs-4:nth-of-type(2) .swiper-slides,
.content-22 .rotation .col-xs-4:nth-of-type(3) .swiper-slides {
  margin-top: 0;
}

.content-22 .rotation .swiper-slides a .img {
  height: 250px;
  margin-bottom: 21px;
}

.content-22 .rotation .swiper-slides a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-22 .rotation .swiper-slides a .title {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #333333;
  line-height: 28px;
  height: 84px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

/* ---突发事件救助图集--- */
.content-3 {
  max-width: 1920px;
  margin: 0 auto;
  width: 100%;
  background: #F8FAFD;
  padding-top: 82px;
  padding-bottom: 199px;
  overflow: hidden;
}

.content-3 .name {
  margin-bottom: 0;
}

.content-3 .name span {
  padding-bottom: 24px;
}

.content-3 .name a {
  text-decoration: none;
  font-size: 13px;
  line-height: 40px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #005096;
  vertical-align: baseline;
  float: right;
  margin-top: 12px;
  display: flex;
  align-items: center;
}

.content-3 ul li {
  margin-top: 20px;
}

.content-3 ul li:nth-child(odd).col-xs-6 {
  padding-right: 62px;
}

.content-3 ul li:nth-child(odd) .col-xs-8 {
  padding-right: 0;
}

.content-3 ul li:nth-child(even).col-xs-6 {
  padding-left: 62px;
}

.content-3 ul li:nth-child(even) .col-xs-8 {
  padding-right: 0;
}

.content-3 ul li .img-s {
  height: 110px;
}

.content-3 ul li .img-s img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-3 ul li .img-s.col-xs-4 {
  padding-left: 0;
}

.content-3 ul li .conter-text .time {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #7A7A7A;
  vertical-align: baseline;
  margin-top: 10px;
  margin-bottom: 18px;
}

.content-3 ul li .conter-text .title {
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 27px;
  vertical-align: baseline;
  max-height: 54px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}