@charset "UTF-8";
.index-banner { height: 100%; overflow: hidden; }

.index-banner .banner { height: 100%; }

.index-banner .banner .banner-content { position: absolute; line-height: 1.6; display: none; font-family: "黑体"; top: 50%; transform: translateY(-50%); height: 50%; }

.index-banner .banner .banner-content .animated:nth-child(1) { animation-delay: 0.3s; }

.index-banner .banner .banner-content .animated:nth-child(2) { animation-delay: 0.6s; }

.index-banner .banner .banner-content .animated:nth-child(3) { animation-delay: 0.8s; }

.index-banner .banner .banner-content .animated:nth-child(4) { animation-delay: 1s; }

.index-banner .banner .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: center; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] { background-image: url(../images/banner04.jpg); }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content { right: 10%; text-align: right; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(1) { color: #0da86f; font-size: 32px; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(2) { color: #008f5a; font-size: 54px; font-weight: bold; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(3) { color: #868686; font-size: 18px; font-family: "Arial"; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(4) { font-size: 20px; position: absolute; right: 0; bottom: 0; color: #444; text-decoration: underline; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] { background-image: url(../images/banner01.jpg); }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content { left: 10%; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(1) { color: #74b5e0; font-size: 32px; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(2) { color: #3591cd; font-size: 54px; font-weight: bold; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(3) { color: #868686; font-size: 20px; font-weight: bold; font-family: "Arial"; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(4) { position: absolute; left: 0; bottom: 0; font-size: 20px; color: #444; text-decoration: underline; }

.index-banner .banner .swiper-slide-active .banner-content { display: block; }

@media (max-width: 768px) { .index-banner { padding-top: 50px; height: 470px; }
  .index-banner .banner .banner-content { transform: translateY(0); top: 40px; padding: 0 20px; left: 0; right: auto; width: 100%; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] { background-image: url(../images/banner04-1.jpg); }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content {  text-align: left; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(1) { font-size: 18px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(2) { font-size: 30px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(3) { font-size: 14px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(4) { display: none; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] { background-image: url(../images/banner01-1.jpg); }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content { left: 0; right: auto; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(1) { font-size: 18px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(2) { font-size: 30px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(3) { font-size: 14px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content > :nth-child(4) { display: none; } }