/* idx-banner */
.idx-banner {
  position: relative;
}

.idx-banner video, .idx-banner img {
  display: block;
  width: 100%;
  min-height: 250px;
}

.idx-banner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.idx-banner .info-group {
  display: inline-block;
  color: #fff;
  max-width: 550px;
  padding: 20px 15px;
  background: rgba(236, 93, 36, .5);
}

.idx-banner .title {
  line-height: 1.2;
}

.idx-banner .info {
  display: none;
}

@media (min-width: 768px) {
  .idx-banner .container, .idx-banner .title {
    text-align: left;
  }

  .idx-banner .info-group {
    padding: 30px 40px;
  }

  .idx-banner .info {
    display: block;
    margin-top: 15px;
    text-align: left;
  }
}

@media (max-width: 600px) {
  .idx-banner .title {
    font-size: 18px;
  }
}


/* idx-products */
.idx-products {
  padding-top: 30px;
  padding-bottom: 30px;
}

.idx-products .title {
  margin-bottom: 20px;
}

.idx-products .item {
  padding: 30px;
}

.idx-products .item:nth-child(even) {
  position: relative;
  color: #fff;
}

.idx-products .item:nth-child(even)::before {
  content: '';
  position: absolute;
  left: 14px;
  bottom: 2px;
  border-left: 10px solid transparent;
  border-bottom: 350px solid #b3b3b3;
  filter: drop-shadow(-4px -5px 3px rgba(0, 0, 0, .5));
  z-index: 1;
}

.idx-products .item:nth-child(even)::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 2px;
  border-right: 10px solid transparent;
  border-top: 350px solid #b3b3b3;
  filter: drop-shadow(4px 5px 3px rgba(0, 0, 0, .5));
  z-index: 1;
}

.idx-products .item:nth-child(even) .item-mask::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: calc(100vw - 40px);
  height: 100%;
  background-color: var(--style-color);
  z-index: 2;
}

.idx-products .item:nth-child(even) .container {
  position: relative;
  z-index: 3;
}

.idx-products .tit {
  text-align: left;
  margin-bottom: 10px;
}

.idx-products .info {
  line-height: 1.8;
  max-height: 144px;
  margin-bottom: 15px;
}

.idx-products .btn {
  width: 130px;
  padding: 7px 15px;
  border-radius: 5px;
  box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.16);
}

.idx-products .item:nth-child(odd) .btn {
  color: #fff;
  background-color: var(--style-color);
}

.idx-products .item:nth-child(even) .btn {
  color: var(--style-color);
  background-color: #fff;
}

.idx-products .rt {
  margin-top: 20px;
}

.idx-products .rt .img {
  position: relative;
  display: block;
  max-width: 435px;
}

.idx-products .rt .img img:last-child {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media (min-width: 992px) {
  .idx-products .item {
    padding-top: 8px;
    padding-bottom: 7px;
  }

  .idx-products .item .container {
    display: flex;
    align-items: center;
  }

  .idx-products .item:nth-child(even) .container {
    flex-direction: row-reverse;
  }

  .idx-products .lt {
    flex: 0 0 46%;
    max-width: 46%;
  }

  .idx-products .rt {
    flex: 0 0 54%;
    max-width: 54%;
    margin-top: 0;
  }

  .idx-products .item:nth-child(odd) .rt {
    padding-left: 30px;
  }

  .idx-products .item:nth-child(odd) .img {
    margin-left: auto;
  }

  .idx-products .item:nth-child(even) .rt {
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .idx-products {
    padding-top: 63px;
    padding-bottom: 70px;
  }

  .idx-products .title {
    margin-bottom: 40px;
  }

  .idx-products .tit {
    margin-bottom: 19px;
  }

  .idx-products .info {
    margin-bottom: 25px;
  }

  .idx-products .btn {
    transition: box-shadow .3s;
  }

  .idx-products .btn:hover {
    box-shadow: none;
  }
}

@media (min-width: 1440px) {
  .idx-products .title {
    margin-bottom: 53px;
  }
}


/* idx-about */
.idx-about {
  padding-top: 30px;
  position: relative;
}

.idx-about::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.idx-about .container {
  text-align: center;
  position: relative;
  z-index: 1;
}

.idx-about .title {
  color: #fff;
  margin-bottom: 20px;
}

.idx-about .sub-info {
  color: #fff;
  max-height: 288px;
  text-align: left;
  line-height: 1.8;
}

.idx-about .btn {
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--style-color);
  background: #fff;
}

.idx-about .advantage-list {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}

.idx-about .counter {
  font-weight: bold;
}

.idx-about .advantage-list {
  margin-bottom: -15px;
}

.idx-about .advantage-list li {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}

.idx-about .num-icon {
  vertical-align: top;
}

.idx-about .item-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 31px;
  padding-left: 15px;
  padding-right: 15px;
  background: rgba(255, 255, 255, .8);
}

.idx-about .item-list li {
  flex: 0 0 100%;
  padding: 30px 15px;
}

.idx-about .item-list img {
  width: auto;
  height: 65px;
}

.idx-about .tit {
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 10px;
}

.idx-about .info {
  text-align: center;
}

@media (min-width: 540px) {
  .idx-about .item-list li {
    flex: 0 0 50%;
  }

  .idx-about .info {
    height: 54px;
  }
}

@media (min-width: 768px) {
  .idx-about .item-list img {
    height: 80px;
  }

  .idx-about .info {
    height: 60px;
  }
}

@media (min-width: 992px) {
  .idx-about .lt {
    width: 388px;
    margin-bottom: 0;
  }

  .idx-about .rt {
    flex: 0 0 calc(100% - 388px);
    max-width: calc(100% - 388px);
    padding-left: 30px;
  }

  .idx-about .advantage-list li {
    flex: 0 0 25%;
  }
}

@media (min-width: 1200px) {
  .idx-about {
    padding-top: 53px;
  }

  .idx-about .title {
    margin-bottom: 40px;
  }

  .idx-about .btn {
    margin-top: 40px;
    transition: all .3s;
  }

  .idx-about .btn:hover {
    color: #fff;
    background: var(--style-color);
  }

  .idx-about .item-list li {
    flex: 1;
    padding: 61px 30px 57px;
  }

  .idx-about .item-list img {
    height: 103px;
  }
}

@media (min-width: 1440px) {
  .idx-about .title {
    margin-bottom: 48px;
  }

  .idx-about .btn {
    margin-top: 54px;
  }

  .idx-about .item-list li {
    padding-left: 44px;
    padding-right: 44px;
  }
}


/* idx-partnership */
.idx-partnership {
  padding: 30px 0;
}

.idx-partnership .title {
  margin-bottom: 20px;
}

.idx-partnership .btn {
  display: block;
  width: 115px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  color: var(--style-color);
  margin-bottom: 20px;
}

.idx-partnership .tab-list {
  display: block;
  margin-top: 0;
  margin-bottom: 20px;
}

.idx-partnership .tab-list li {
  display: flex;
  align-items: center;
  color: var(--style-color);
  padding: 7px 15px;
  position: relative;
  cursor: pointer;
}

.idx-partnership .tab-list li.active {
  color: #fff;
}

.idx-partnership .tab-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.idx-partnership .tab-list li.active::before {
  background: rgba(236, 93, 36, .7);
}

.idx-partnership .tab-list li>* {
  position: relative;
  z-index: 1;
}

.idx-partnership .icon {
  height: 45px;
  overflow: hidden;
  position: relative;
}

.idx-partnership .icon img {
  height: 100%;
}

.idx-partnership .tab-list li.active {
  color: #fff;
}

.idx-partnership .tab-list li.active .icon img {
  position: relative;
  top: -45px;
  filter: drop-shadow(0 45px 0 #fff);
}

.idx-partnership .tit {
  margin-left: 15px;
  font-weight: bold;
}

.idx-partnership .tab-pane {
  position: relative;
}

.idx-partnership .tab-pane img {
  width: 100%;
  min-height: 320px;
  object-fit: cover;
}

.idx-partnership .info-group {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: calc(100% - 30px);
  max-width: 460px;
  padding: 30px 15px;
  background: #fff;
}

.idx-partnership .sub-tit {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 10px;
}

.idx-partnership .info {
  line-height: 1.8;
  max-height: 144px
}

@media (min-width: 992px) {
  .idx-partnership .tab-back {
    max-width: 100%;
    padding: 0;
    display: flex;
  }

  .idx-partnership .tab-list {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }

  .idx-partnership .tab-list li {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--style-color);
  }

  .idx-partnership .tit {
    margin-top: 12px;
    margin-left: 0;
  }

  .idx-partnership .tab-content {
    flex: 1;
  }

  .idx-partnership .info-group {
    right: calc((100vw - 5px - 960px) / 2 + 15px);
    transform: translateY(-50%);
  }
}

@media (min-width: 1200px) {
  .idx-partnership {
    padding: 63px 0 64px;
  }

  .idx-partnership .title {
    margin-bottom: 40px;
  }

  .idx-partnership .btn span {
    display: inline-block;
    transition: transform .3s;
  }

  .idx-partnership .btn:hover span {
    transform: translateX(10px);
  }

  .idx-partnership .tab-list {
    flex: 0 0 400px;
  }

  .idx-partnership .icon {
    height: 60px;
  }

  .idx-partnership .tab-list li.active .icon img {
    top: -60px;
    filter: drop-shadow(0 60px 0 #fff);
  }

  .idx-partnership .tit {
    margin-top: 24px;
  }

  .idx-partnership .info-group {
    padding: 60px 40px;
    right: calc((100vw - 5px - 1140px) / 2 + 15px);
  }

  .idx-partnership .sub-tit {
    margin-bottom: 21px;
  }

  .idx-partnership .tab-pane img {
    min-height: 550px;
    object-fit: cover;
  }
}

@media (min-width: 1440px) {
  .idx-partnership .title {
    margin-bottom: 53px;
  }

  .idx-partnership .tab-list {
    flex: 0 0 450px;
  }

  .idx-partnership .icon {
    height: 75px;
  }

  .idx-partnership .tab-list li.active .icon img {
    top: -75px;
    filter: drop-shadow(0 75px 0 #fff);
  }

  .idx-partnership .info-group {
    padding-right: 78px;
    right: calc((100vw - 5px - 1400px) / 2 + 15px);
  }
}

@media (min-width: 1640px) {
  .idx-partnership .tab-list {
    flex: 0 0 556px;
  }

  .idx-partnership .icon {
    height: 90px;
  }

  .idx-partnership .tab-list li.active .icon img {
    top: -90px;
    filter: drop-shadow(0 90px 0 #fff);
  }
}