@charset "UTF-8";
.index-banner { position: absolute; height: 100%; top: 0; width: 100%; overflow: hidden; z-index: 1; }

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

.index-banner .banner .banner-content { position: absolute; line-height: 1.6; display: none; top: 30%; transform: translateY(-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 { font-family: "黑体"; background-size: cover !important; }

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

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

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

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

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

.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) { display: block; font-size: 20px; margin-top: 60%; color: #444; text-decoration: underline; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content { right: 15%; color: #fff; text-align: right; }

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

.index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(2) { font-size: 30px; font-weight: bold; font-family: "Arial"; }

.index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(4), .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(3) { font-size: 24px; line-height: 1.46; }

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

.index-banner .banner-controllers { position: absolute; bottom: 140px; right: 60px; background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; height: 50px; z-index: 2; border-radius: 50px; padding: 0 15px; }

.index-banner .banner-controllers .banner-controllers__icon { width: 20px; cursor: pointer; }

.index-banner .banner-controllers .banner-controllers__icon.banner-controllers__icon--stop { display: inline-block; height: 20px; background: url(../images/stop.png) no-repeat; background-size: cover; }

.index-banner .banner-controllers .banner-controllers__icon.banner-controllers__icon--play { background: url(../images/play.png) no-repeat; background-size: cover; }

.index-banner .banner-controllers .banner-pagination { display: flex; }

.index-banner .banner-controllers .banner-pagination .banner-pagination-item { width: 33px; height: 3px; margin: 0 1.5px !important; background: #fff; overflow: hidden; color: transparent; position: relative; cursor: pointer; transition: all 0.3s ease; }

.index-banner .banner-controllers .banner-pagination .banner-pagination-item.banner-pagination-item--active { background: #da0c11; width: 50px; }

.banner-block { height: 100%; }

.menu { position: absolute; display: flex; height: 110px; color: #fff; bottom: 0; left: 0; width: 100%; z-index: 3; justify-content: center; transition: transform 0.5s ease-in; }

.menu.menu--off { transform: translateY(100%); }

.menu::after, .menu::before { content: ""; position: absolute; top: 0; height: 100%; width: calc(50% - 627px); background-color: rgba(0, 0, 0, 0.7); }

.menu::before { left: 0; }

.menu::after { right: 0; }

.menu .menu-item { position: relative; height: 270px; z-index: 2; margin: 0 2px; background-color: #b50c17; background-size: cover; background-position: center; background-repeat: no-repeat; width: 626px; transition: all 0.5s; cursor: pointer; padding: 30px; }

.menu .menu-item:hover { transform: translateY(-160px); }

.menu .menu-item:hover .menu-item-rows-row { animation-name: fadeInUp; }

.menu .menu-item:hover .menu-item-rows-row:nth-child(1) { animation-delay: 200ms; }

.menu .menu-item:hover .menu-item-rows-row:nth-child(2) { animation-delay: 400ms; }

.menu .menu-item:hover:first-child { background-image: url(../images/index01.jpg); }

.menu .menu-item:hover:last-child { background-image: url(../images/index02.jpg); }

.menu .menu-item:last-child { background-color: #b0a299; }

.menu .menu-item:last-child .menu-item__title--sub { color: #ccc6c6; }

.menu .menu-item .menu-item__title { font-size: 24px; font-weight: bold; }

.menu .menu-item .menu-item__title--sub { font-size: 16px; color: #d47c82; font-weight: bold; line-height: 1.8; }

.menu .menu-item .menu-item-rows { margin-top: 40px; display: flex; }

.menu .menu-item .menu-item-rows .menu-item-rows-row { display: flex; margin-left: 10px; position: relative; width: 55%; }

.menu .menu-item .menu-item-rows .menu-item-rows-row:last-child { width: calc(45% - 10px); }

.menu .menu-item .menu-item-rows .menu-item-rows-row::before { content: ""; position: absolute; top: -10px; left: 30px; background-color: #fff; height: 2px; width: 0; transition: width 0.5s; }

.menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__icon { margin-right: 20px; width: auto; height: 20px; margin-top: 20px; }

.menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__title { font-size: 18px; font-weight: bold; margin-bottom: 10px; display: block; }

.menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__nav { display: inline-block; font-size: 12px; min-width: 48%; line-height: 1.8; }

@media (max-width: 768px) { .index-banner { height: 100%; }
  .index-banner .banner-controllers { display: none; }
  .mobile-footer { background-color: #fff; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content, .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content, .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content, .index-banner .banner .swiper-slide[data-swiper-slide-index="3"] .banner-content { width: 100%; left: 0; }
  .menu { height: auto; flex-direction: column; }
  .menu .menu-item { width: 100%; margin: 0; max-height: 80px; padding: 20px 10px; height: auto; }
  .menu .menu-item .menu-item__title { font-size: 16px; }
  .menu .menu-item .menu-item-rows { margin-top: 10px; justify-content: space-around; width: auto; }
  .menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__nav { font-size: 10px; display: none; }
  .menu .menu-item .menu-item-rows .menu-item-rows-row .menu-item-rows-row__icon { margin: 0 5px 0 0; }
  .menu .menu-item .menu-item-rows .menu-item-rows-row:nth-child(1) { margin-left: 0; width: auto; }
  .menu .menu-item .menu-item-rows .menu-item-rows-row:last-child { width: auto; }
  .menu .menu-item:hover { transform: translateY(0); /*max-height: 1000px;*/ }
  .menu .menu-item:first-child { background-image: url(../images/index01.jpg); }
  .menu .menu-item:last-child { background-image: url(../images/index02.jpg); }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] { background-image: url(../images/banner02-1.jpg) !important; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content { top: 160px; text-align: center; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(1) { font-size: 28px; font-weight: bold; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(2) { display: none; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="0"] .banner-content > :nth-child(3) { font-size: 13px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] { background-image: url(../images/banner01-1.jpg) !important; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="1"] .banner-content { top: 140px; padding: 0 10px; }
  .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; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] { background-image: url(../images/banner03-1.jpg) !important; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content { text-align: center; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(1) { font-size: 30px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(2) { font-size: 14px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(3) { font-size: 18px; }
  .index-banner .banner .swiper-slide[data-swiper-slide-index="2"] .banner-content > :nth-child(4) { font-size: 18px; } }