/* 公共样式 */
/* 动画 */
@keyframes scaleInOut {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

/* 标题 */
.section_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section_title_box {
  display: flex;
  align-items: flex-end;
  margin-top: -10px;
}

.section_title_img {
  width: 212px;
  height: 39px;
}

.section_title_box .right {
  transform: rotateY(180deg);
}

.section_title_text {
  margin: 0px 20px;
  font-size: var(--font-0, 40px);
  font-weight: 700;
  color: #103c86;
}

.section_title_box .white {
  color: #ffffff;
}

/* 提示 */
.tips {
  color: #999999;
  font-size: var(--font-7, 16px);
}

/* 按钮 */
.section_btn {
  width: fit-content;
  height: 54px;
  padding: 0px 54px;
  line-height: 54px;
  color: #ffffff;
  font-size: var(--font-6, 18px);
  background: #3157c4;
  box-shadow: 0px 4px 10px 0px rgba(16, 51, 149, 0.4);
  border-radius: 54px;
  transition: all 0.3s;
  cursor: pointer;
}

.section_btn:hover {
  box-shadow: 0px 4px 10px 0px rgba(16, 51, 149, 0.4),
    inset 0px 0px 10px 0px rgba(255, 255, 255, 0.8);
}

/* 表格 */
.table_wrap {
  width: 100%;
  padding-top: 54px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.table {
  width: calc(100% - 50px);
  box-sizing: border-box;
  overflow: hidden;
  transform: translateY(18px);
  color: #013466;
  background: #ffffff;
  border-radius: 16px 16px 0px 0px;
  font-size: var(--font-6, 18px);
}

.table_header {
  width: 100%;
  box-sizing: border-box;
  background: #103c86;
}

.table_header .th {
  width: 100%;
  height: 65px;
  line-height: 65px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: var(--font-5, 20px);
  font-weight: 700;
}

.table_body {
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
}

.table_body .tr:nth-child(even) {
  background: #eef2f9;
}

.table_body .tr {
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.table_header .th .td,
.table_body .tr .td {
  box-sizing: border-box;
}

.table_footer {
  width: 100%;
  padding: 32px 30px 32px 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.bgline {
  width: 100%;
  height: 78px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.bgline_inner {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
  line-height: 60px;
  font-size: var(--font-8, 14px);
  color: rgba(255, 255, 255, 0.85);
  background: #103c86;
  border-radius: 0px 0px 24px 24px;
  box-shadow: inset 0px 4px 10px 0px rgba(255, 255, 255, 0.3);
}

.bgline_triangle_left {
  position: absolute;
  left: 0px;
  bottom: 60px;
  transform: rotateY(180deg);
}

.bgline_triangle_right {
  position: absolute;
  right: 0px;
  bottom: 60px;
}

/* section2 */
.section2 .table_column {
  width: calc(100% - 50px);
  display: flex;
}

.section2 .table {
  width: 100%;
  flex: 1;
  margin-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px -6px 10px 4px rgba(8, 45, 106, 0.09);
  transition: all 0.3s;
  cursor: pointer;
}

.section2 .table:hover {
  padding-bottom: 26px;
  margin-top: -26px;
}

.section2 .table_column .table:last-child {
  margin-right: 0px;
}

.section2 .th {
  padding: 0px 40px;
  align-items: center;
  justify-content: space-between;
}

.section2 .table_body {
  height: 360px;
}

.section2 .tr {
  padding: 0px 30px;
  align-items: center;
  justify-content: space-between;
}

/* section4 */
.section4 .table {
  transition: all 0.3s;
  box-shadow: 0px -6px 10px 4px rgba(8, 45, 106, 0.09);
}
.section4 .table:hover {
  padding-bottom: 26px;
  margin-top: -26px;
}

.section4 .table .th {
  padding: 0 10px 0px 50px;
}

.section4 .table .th .td span {
  font-size: var(--font-7, 16px);
}

.section4 .table .tr {
  padding: 0 10px 0px 50px;
}

/* section6 */
.section6 .table .th {
  padding: 0 10px 0px 50px;
}

.section6 .table .tr {
  padding: 0 10px 0px 50px;
  height:70px;
}

.section6 .table .table_body {
  height: 560px;
  overflow-y: auto;
}

/* 轮播 */
/* section7 */
.swiper_case {
  width: 100%;
}

.swiper_case .swiper-wrapper {
  width: 100%;
  padding: 50px 0px;
  box-sizing: border-box;
}

.swiper_case .swiper-slide {
  width: 100%;
  height: 539px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.swiper_case .swiper-slide-active {
  padding: 10px;
  border-radius: 26px;
  border: 1px solid #3157c4;
}

.swiper_case .swiper-slide-active .mask {
  display: none;
}

.swiper_case .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.swiper_case .swiper-slide .mask {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(2555, 2555, 2555, 0.2);
  backdrop-filter: blur(2px);
  position: absolute;
  top: 0px;
  left: 0px;
}

@media (max-width: 1440px) {
  .swiper_case .swiper-slide {
    height: 450px;
  }
}

@media (max-width: 1280px) {
  .swiper_case .swiper-slide {
    height: 465px;
  }
}

@media (max-width: 1024px) {
  .swiper_case .swiper-slide {
    height: 370px;
  }
}

/* 动态样式 */
.swiper-slide0 {
  opacity: 1 !important;
  transform: perspective(200px) scale(1.4, 1.08);
}

.swiper-slide1 {
  opacity: 1 !important;
  transform: perspective(200px) scale(1, 0.9) rotateY(-7deg) translateX(-35%);
}

.swiper-slide2 {
  opacity: 1 !important;
  transform: perspective(200px) scale(0.85, 0.7) rotateY(-12deg) translateX(-28%);
}

.swiper-slide3 {
  opacity: 1 !important;
  transform: perspective(200px) scale(0.4) rotateY(-6deg) translateX(44%);
}

.swiper-slide-1 {
  opacity: 1 !important;
  transform: perspective(200px) scale(1, 0.9) rotateY(7deg) translateX(35%);
}

.swiper-slide-2 {
  opacity: 1 !important;
  transform: perspective(200px) scale(0.85, 0.7) rotateY(12deg) translateX(28%);
}

.swiper-slide-3 {
  opacity: 1 !important;
  transform: perspective(200px) scale(0.4) rotateY(6deg) translateX(-44%);
}

.swiper-slide-other {
  opacity: 0;
}