.index-btn {
  font-size: 14px;
  padding: 10px 25px;
  background-color: #000;
  border: 1px solid #9e9e9e;
  color: #fff;
  margin-top: 10px;
}
.index-btn:hover {
  color: #fff;
  border: 1px solid #fff;
}
.index-banner {
  position: relative;
  color: #fff;
  height: 600px;
  overflow: hidden;
  width: 100%;
}
.index-banner .swiper-wrapper {
  height: 100%;
}
.index-banner .swiper-wrapper .swiper-slide {
  height: 100%;
}
.index-banner .swiper-pagination {
  bottom: 20px;
}
.index-banner .swiper-pagination .swiper-pagination-bullet {
  width: 65px;
  border-radius: unset;
  background: #afafb0;
  opacity: 0.6;
}
.index-banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}
.index-banner .banner-video {
  height: 100%;
  position: relative;
  width: auto;
}
.index-banner .banner-video .banner-background img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.index-banner .banner-video .background-video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*z-index: -1;*/
  opacity: 1;
}
.index-banner .banner-video .banner-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0000008f;
}
.index-banner .main_fix {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  text-align: center;
}
.index-banner .main_fix h2 {
  font-size: 32px;
  margin-bottom: 35px;
  color: #fff;
}
.index-banner .main_fix p {
  font-size: 14px;
  margin-bottom: 25px;
  color: #fff;
}
.index-banner .main_fix .btn-default {
  font-size: 14px;
  color: #fff;
  padding: 10px 30px;
  background: transparent;
}
@media (min-width: 768px) {
  .index-banner .main_fix h2 {
    font-size: 38px;
  }
  .index-banner .main_fix p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .index-banner .main_fix {
    text-align: left;
  }
  .index-banner .main_fix h2 {
    font-size: 44px;
    margin-bottom: 25px;
  }
  .index-banner .main_fix p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .index-banner .main_fix h2 {
    font-size: 52px;
    margin-bottom: 35px;
  }
  .index-banner .main_fix p {
    margin-bottom: 35px;
    font-size: 22px;
  }
  .index-banner .main_fix .btn-default {
    font-size: 16px;
    padding: 15px 45px;
  }
}
.video-banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 500px;
  max-height: 1000px;
  height: calc(var(--vh, 1vh) * 100);
}
@media (min-width: 1200px) {
  .video-banner {
    min-height: 600px;
  }
}
.video-banner .banner-video {
  position: relative;
  width: 100%;
  height: 100%;
}
.video-banner .banner-video .banner-background img {
  object-fit: cover;
  width: 100%;
  height: auto;
}
.video-banner .banner-video .background-video {
  position: relative;
  width: 100%;
  object-fit: cover;
  opacity: 1;
  display: block;
  height: 100%;
}
.video-banner .banner-video .banner-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0000008f;
}
.video-banner .main_fix {
  position: absolute;
  bottom: 10px;
  text-align: center;
}
.video-banner .main_fix h2 {
  font-size: 32px;
  margin-bottom: 25px;
  color: #fff;
}
.video-banner .main_fix p {
  font-size: 14px;
  margin-bottom: 15px;
  color: #fff;
}
.video-banner .main_fix .btn-default {
  font-size: 14px;
  color: #fff;
  padding: 10px 30px;
  background: transparent;
}
@media (min-width: 768px) {
  .video-banner .main_fix h2 {
    font-size: 38px;
  }
  .video-banner .main_fix p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .video-banner .main_fix {
    text-align: left;
  }
  .video-banner .main_fix h2 {
    font-size: 44px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .video-banner .main_fix h2 {
    font-size: 52px;
    margin-bottom: 25px;
  }
  .video-banner .main_fix p {
    margin-bottom: 25px;
  }
  .video-banner .main_fix .btn-default {
    font-size: 16px;
    padding: 15px 45px;
  }
}
.index-l1 {
  width: 100%;
  background-color: #1a1a1a;
}
.index-l1 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 48px 0 0;
  margin: 0 -10px;
}
.index-l1 ul li {
  padding: 0 10px 48px;
  width: 50%;
}
.index-l1 ul li div {
  width: 90%;
  font-size: 18px;
}
.index-l1 ul li a {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #80a1ff;
}
@media (min-width: 992px) {
  .index-l1 ul {
    margin: 0 -15px;
  }
  .index-l1 ul li {
    padding: 0 30px/2 48px;
    width: 25%;
  }
  .index-l1 ul li div {
    width: 70%;
  }
}
@media (min-width: 1200px) {
  .index-l1 ul {
    margin: 0 -30px;
  }
  .index-l1 ul li {
    padding: 0 30px 48px;
    width: 25%;
  }
  .index-l1 ul li div {
    width: 60%;
  }
}
.index-l1x {
  width: 100%;
  background-color: #000;
  padding-top: 48px;
}
.index-l1x img {
  width: 100%;
  height: auto;
}
.index-l2 {
  padding-top: 96px;
  background-color: #000;
}
.index-l2 .main_row {
  display: block;
}
.index-l2 .main_row div {
  display: none;
  width: 0;
  border-right: 1px solid #5a5a5a;
}
.index-l2 .main_row a {
  display: block;
  width: 100%;
}
.index-l2 .main_row a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l2 .main_row dl dt {
  overflow: hidden;
}
.index-l2 .main_row dl dd {
  font-size: 16px;
  padding: 20px 30px;
  background-color: #1a1a1a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .index-l2 .main_row {
    display: flex;
    justify-content: space-between;
  }
  .index-l2 .main_row div {
    display: block;
  }
  .index-l2 .main_row a {
    width: 33%;
  }
  .index-l2 .main_row dl dd p {
    margin: 0;
    height: 47px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.index-l2x {
  padding-top: 24px;
  background-color: #000;
}
.index-l2x .main_row {
  display: block;
}
.index-l2x .main_row a {
  display: block;
  width: 100%;
  padding-bottom: 22px;
}
.index-l2x .main_row a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l2x .main_row dl dt {
  font-size: 22px;
  padding-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-l2x .main_row dl dt::before {
  margin-right: 10px;
}
.index-l2x .main_row dl dd {
  font-size: 16px;
  background-color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .index-l2x .main_row {
    display: flex;
    justify-content: space-between;
  }
  .index-l2x .main_row div {
    display: block;
  }
  .index-l2x .main_row a {
    width: 28%;
    padding-bottom: 0px;
  }
}
.index-l3 {
  padding-top: 96px;
  background-color: #000;
}
.index-l3 .l3-content {
  display: block;
}
.index-l3 .l3-content div {
  display: none;
  width: 0;
  border-right: 1px solid #5a5a5a;
}
.index-l3 .l3-content a {
  display: block;
  width: 100%;
}
.index-l3 .l3-content a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l3 .l3-content a:hover i {
  text-decoration: underline;
}
.index-l3 .l3-content dl dt {
  overflow: hidden;
}
.index-l3 .l3-content dl dd {
  font-size: 16px;
  padding: 20px 30px;
  background-color: #1a1a1a;
}
.index-l3 .l3-content dl dd p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-l3 .l3-content dl dd i {
  display: block;
  font-style: normal;
  color: #80a1ff;
}
@media (min-width: 992px) {
  .index-l3 .l3-content {
    display: flex;
    justify-content: space-between;
  }
  .index-l3 .l3-content div {
    display: block;
  }
  .index-l3 .l3-content a {
    width: 50%;
  }
  .index-l3 .l3-content dl dd p {
    height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.index-l4 {
  padding-top: 96px;
  background-color: #000;
  overflow: hidden;
}
.index-l4 .l4-content .swiper-wrapper {
  height: 350px;
}
.index-l4 .l4-content .swiper-wrapper .swiper-slide {
  height: 100%;
}
.index-l4 .l4-content .swiper-wrapper .swiper-slide .l4-video {
  height: 100%;
  position: relative;
  width: auto;
}
.index-l4 .l4-content .swiper-wrapper .swiper-slide .l4-video .l4-background img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.index-l4 .l4-content .swiper-pagination {
  position: relative;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.index-l4 .l4-content .swiper-pagination .swiper-pagination-bullet {
  width: 18%;
  padding: 0;
  height: 8px;
  overflow: hidden;
  border-radius: unset;
  background: transparent;
  opacity: 1;
}
.index-l4 .l4-content .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  background: #fff;
  margin-bottom: 10px;
}
.index-l4 .l4-content .swiper-pagination .swiper-pagination-bullet-active {
  color: #80a1ff;
}
.index-l4 .l4-content .swiper-pagination .swiper-pagination-bullet-active::before {
  background: #80a1ff;
}
.index-l4 .l4-content .swiper-button-white {
  display: none;
}
@media (min-width: 992px) {
  .index-l4 .l4-content {
    overflow: hidden;
  }
  .index-l4 .l4-content .swiper-button-white {
    display: block;
    top: 55%;
  }
  .index-l4 .l4-content .swiper-pagination .swiper-pagination-bullet {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.index-l5 {
  padding-top: 96px;
  background-color: #000;
}
.index-l5 .l5-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.index-l5 .l5-content a {
  display: block;
  width: 100%;
  background-color: #1a1a1a;
}
.index-l5 .l5-content a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l5 .l5-content a:hover i {
  text-decoration: underline;
}
.index-l5 .l5-content dl {
  width: 100%;
}
.index-l5 .l5-content dl:before,
.index-l5 .l5-content dl:after {
  content: " ";
  display: table;
}
.index-l5 .l5-content dl:after {
  clear: both;
}
.index-l5 .l5-content dl dt {
  overflow: hidden;
  width: 100%;
}
.index-l5 .l5-content dl dd {
  font-size: 16px;
  padding: 20px 30px;
  line-height: 1.7;
}
.index-l5 .l5-content dl dd p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 992px) {
  .index-l5 .l5-content a {
    width: 50%;
  }
  .index-l5 .l5-content dl dt {
    width: 44%;
    float: right;
  }
  .index-l5 .l5-content dl dd {
    float: left;
    width: 56%;
    font-size: 18px;
    padding: 30px 40px;
    line-height: 2;
  }
}
@media (min-width: 1200px) {
  .index-l5 .l5-content a {
    width: 50%;
  }
  .index-l5 .l5-content dl dt {
    width: 44%;
    float: right;
  }
  .index-l5 .l5-content dl dd {
    float: left;
    width: 56%;
    font-size: 18px;
    padding: 30px 40px;
    line-height: 2;
  }
}
.index-l6 {
  padding-top: 96px;
  background-color: #000;
}
.index-l6 .l6-content {
  display: block;
}
.index-l6 .l6-content div {
  display: none;
  width: 0;
  border-right: 1px solid #5a5a5a;
}
.index-l6 .l6-content a {
  display: block;
  width: 100%;
}
.index-l6 .l6-content a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l6 .l6-content a:hover i {
  text-decoration: underline;
}
.index-l6 .l6-content dl dt {
  overflow: hidden;
}
.index-l6 .l6-content dl dd {
  font-size: 16px;
  padding: 20px 30px;
  background-color: #1a1a1a;
}
.index-l6 .l6-content dl dd i {
  display: block;
  font-style: normal;
  color: #80a1ff;
}
@media (min-width: 992px) {
  .index-l6 .l6-content {
    display: flex;
    justify-content: space-between;
  }
  .index-l6 .l6-content div {
    display: block;
  }
  .index-l6 .l6-content a {
    width: 50%;
  }
  .index-l6 .l6-content dl dd p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.index-l6x {
  padding-top: 96px;
  background-color: #000;
}
.index-l6x .l6-content {
  display: block;
}
.index-l6x .l6-content a {
  display: block;
  width: 100%;
}
.index-l6x .l6-content a:hover {
  background-color: rgba(26, 26, 27, 0.8);
}
.index-l6x .l6-content a:hover i {
  text-decoration: underline;
}
.index-l6x .l6-content dl dt {
  overflow: hidden;
}
.index-l6x .l6-content dl dd {
  font-size: 16px;
  padding: 10px 15px;
  background-color: #1a1a1a;
}
.index-l6x .l6-content dl dd h4 {
  font-size: 22px;
  margin: 15px 0;
}
.index-l6x .l6-content dl dd p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-l6x .l6-content dl dd i {
  display: block;
  font-style: normal;
  color: #80a1ff;
}
@media (min-width: 992px) {
  .index-l6x .l6-content {
    display: flex;
    justify-content: space-between;
  }
  .index-l6x .l6-content div {
    display: block;
  }
  .index-l6x .l6-content a {
    width: 23%;
  }
  .index-l6x .l6-content dl dd {
    padding: 10px 10px;
  }
}
.index-l7 .l7-top {
  padding-top: 96px;
  background-color: #000;
}
.index-l7 .l7-video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.index-l7 .l7-video .l7-background img {
  object-position: top;
  left: 0;
  position: fixed;
  top: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
  z-index: -1;
}
.index-l7 .l7-content {
  width: 80%;
  text-align: center;
  margin: 0 auto 0;
  padding: 100px 0;
}
.index-l7 .l7-content h2 {
  font-size: 60px;
}
.index-l7 .l7-content div {
  padding: 20px 0;
  font-size: 16px;
  text-align: center;
}
.index-l7 .l7-content .l7-btn {
  font-size: 16px;
  padding: 10px 25px;
  background-color: transparent;
  border: 1px solid #9e9e9e;
  color: #fff;
  margin-top: 20px;
}
.index-l7 .l7-content .l7-btn:hover {
  color: #fff;
  border: 1px solid #fff;
}
@media (min-width: 992px) {
  .index-l7 .l7-content {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .index-l7 .l7-content {
    width: 30%;
  }
}
/*# sourceMappingURL=index.css.map */