/* banner */
@media (min-width: 1200px) {
  .header:not(.shadow) {
    position: fixed;
    color: #fff;
    box-shadow: none;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, .8);
  }

  .header:not(.shadow) .daohang1 a {
    display: block;
    height: 48px;
    overflow: hidden;
  }

  .header:not(.shadow) .daohang1 img {
    position: relative;
    top: -48px;
    filter: drop-shadow(0 48px 0 #fff);
  }

  .header:not(.shadow) .daohang2-1>a {
    color: #fff;
  }

  .header:not(.shadow) .daohang2-1>a::after {
    background: #fff;
  }
}


/* idx-banner */
.idx-banner {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .idx-banner {
    padding-bottom: 0;
  }

  .idx-banner .swiper-pagination {
    display: none;
  }
}


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

.idx-products::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 350px;
  aspect-ratio: 1920 / 668;
  background: #F7F7F7;
}

.idx-products .container {
  position: relative;
  z-index: 1;
}

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

.idx-products .title {
  text-align: left;
}

.idx-products .rt {
  display: none;
}

.idx-products .scale-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 356 / 430;
}

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

.idx-products .info {
  color: #666666;
  line-height: 1.667;
}

.idx-products .btn {
  width: 168px;
  padding: 0 0 4px;
  margin-top: 15px;
  font-weight: bold;
  color: var(--style-color);
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-width: 3px;
  border-color: rgba(18, 167, 157, .4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.idx-products .btn i {
  font-size: 22px;
  line-height: 1;
}

@media (min-width: 768px) {
  .idx-products .top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .idx-products .title {
    max-width: 715px;
  }

  .idx-products .rt {
    display: flex;
    flex-shrink: 0;
    margin-left: 20px;
    padding-bottom: 10px;
  }

  .idx-products .prev-btn, .idx-products .next-btn {
    position: static;
    transform: translate(0);
    width: 50px;
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    color: var(--style-color);
    border: 1px solid var(--style-color);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .idx-products .prev-btn {
    margin-right: 14px;
  }
}

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

  .idx-products .top-wrap {
    margin-bottom: 42px;
  }

  .idx-products .prev-btn, .idx-products .next-btn {
    width: 64px;
    height: 64px;
    font-size: 26px;
    border-width: 2px;
  }

  .idx-products .prev-btn:hover, .idx-products .next-btn:hover {
    background: rgba(22, 168, 158, 0.1);
  }

  .idx-products .tit {
    margin-top: 21px;
    margin-bottom: 15px;
  }

  .idx-products .tit:hover {
    color: var(--style-color);
  }

  .idx-products .btn {
    margin-top: 21px;
    padding-bottom: 8px;
  }

  .idx-products .btn:hover {
    color: #999;
    border-color: rgba(153, 153, 153, .4);
  }

  .idx-products .bottom-wrap {
    max-width: 100%;
    padding-left: calc((100vw - 5px - 1140px) / 2 + 15px);
    padding-right: 0;
  }
}

@media (min-width: 1440px) {
  .idx-products {
    padding-top: 142px;
  }

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

  .idx-products .bottom-wrap {
    padding-left: calc((100vw - 5px - 1400px) / 2 + 15px);
  }
}


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

.idx-about .lt {
  margin-bottom: 20px;
}

.idx-about .lt img {
  width: 100%;
  height: 100%;
  aspect-ratio: 942 / 750;
}

.idx-about .title {
  text-align: left;
  margin-bottom: 20px;
}

.idx-about .info {
  color: #666;
  line-height: 1.8;
  max-height: 173px;
}

.idx-about .btn {
  width: 160px;
  color: #fff;
  margin-top: 20px;
  padding: 7px 15px;
  border-radius: 0;
  background: var(--style-color);
}

@media (min-width: 992px) {
  .idx-about .container {
    max-width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
  }

  .idx-about .lt {
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 0;
  }

  .idx-about .rt {
    flex: 1;
    padding-left: 30px;
    padding-right: calc((100vw - 5px - 960px) / 2 + 15px);
  }
}

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

  .idx-about .rt {
    padding-left: 60px;
    padding-right: calc((100vw - 5px - 1140px) / 2 + 15px);
  }

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

  .idx-about .btn {
    width: 205px;
    margin-top: 40px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

@media (min-width: 1440px) {
  .idx-about {
    padding-top: 146px;
    padding-bottom: 146px;
  }

  .idx-about .rt {
    padding-left: 105px;
    padding-right: calc((100vw - 5px - 1400px) / 2 + 15px);
  }

  .idx-about .info {
    max-height: 202px;
  }
}

@media (min-width: 1640px) {
  .idx-about .info {
    max-height: 260px;
  }

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

  .idx-about .info {
    max-height: 260px;
  }
}


/* idx-services */
.idx-services {
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.idx-services::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(175deg, #000000 0%, rgba(84, 84, 84, 0) 100%);
}

.idx-services .container {
  position: relative;
  z-index: 1;
}

.idx-services .sub-title {
  color: #fff;
  border-color: rgba(255, 255, 255, .4);
}

.idx-services .title {
  text-align: left;
  margin-bottom: 20px;
}

.idx-services .row {
  margin-bottom: -20px;
}

.idx-services .row>div {
  margin-bottom: 20px;
}

.idx-services .block {
  height: 100%;
  padding: 20px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 2px solid #FFFFFF;
}

.idx-services .icon {
  width: auto;
  height: 38px;
  margin-bottom: 10px;
}

.idx-services .tit {
  margin-bottom: 7px;
}

.idx-services .info {
  line-height: 1.8;
}

@media (min-width: 768px) {
  .idx-services .title {
    max-width: 740px;
  }
}

@media (min-width: 1200px) {
  .idx-services {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .idx-services .title {
    margin-bottom: 42px;
  }

  .idx-services .block {
    padding: 35px 35px 32px;
  }

  .idx-services .icon {
    margin-bottom: 22px;
  }
}

@media (min-width: 1440px) {
  .idx-services {
    padding-top: 142px;
    padding-bottom: 146px;
  }
}


/* why-choose-us */
.why-choose-us {
  padding: 30px 0;
}

.why-choose-us .lt {
  margin-bottom: 20px;
}

.why-choose-us .title {
  text-align: left;
  margin-bottom: 20px;
}

.why-choose-us .info {
  line-height: 1.8;
  max-height: 260px;
}

@media (min-width: 992px) {
  .why-choose-us .container {
    display: flex;
  }

  .why-choose-us .lt {
    flex: 0 0 40.43%;
    max-width: 40.43%;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
  }

  .why-choose-us .rt {
    flex: 0 0 71.14%;
    max-width: 71.14%;
    margin-left: -11.57%;
    padding-top: 30px;
  }
}

@media (min-width: 1200px) {
  .why-choose-us {
    padding: 60px 0;
  }

  .why-choose-us .title {
    margin-bottom: 30px;
  }

  .why-choose-us .rt {
    padding-top: 43px;
  }
}

@media (min-width: 1440px) {
  .why-choose-us {
    padding-top: 142px;
  }
}


/* idx-advantage */
.idx-advantage {
  padding: 30px 0;
  position: relative;
}

.idx-advantage::before {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  min-height: 500px;
  aspect-ratio: 1920 / 790;
  background: #F7F7F7;
  z-index: -1;
}

.idx-advantage::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: var(--style-color);
}

.idx-advantage .container {
  padding: 0;
  position: relative;
  z-index: 1;
}

.idx-advantage .item-wrap {
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -20px;
}

.idx-advantage .item {
  width: 140px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
}

.idx-advantage .num {
  font-size: 30px;
  font-family: 'BOXING';
  line-height: 1;
  margin-bottom: 10px;
}

.idx-advantage .counter {
  font-size: 40px;
  margin-right: 10px;
}

@media (min-width: 768px) {
  .idx-advantage .item-wrap {
    justify-content: flex-start;
  }
}

@media (min-width: 992px) {
  .idx-advantage::after {
    right: calc((100vw - 5px - 960px) / 2 + 15px);
  }

  .idx-advantage .item-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }

  .idx-advantage .item {
    width: 180px;
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (min-width: 1200px) {
  .idx-advantage {
    padding-top: 50px;
    padding-bottom: 42px;
  }

  .idx-advantage::before {
    top: 45px;
  }

  .idx-advantage::after {
    right: calc((100vw - 5px - 1140px) / 2 + 15px);
  }

  .idx-advantage .item {
    width: 210px;
  }

  .idx-advantage .num {
    font-size: 40px;
  }

  .idx-advantage .counter {
    font-size: 64px;
  }
}

@media (min-width: 1440px) {
  .idx-advantage::after {
    right: calc((100vw - 5px - 1400px) / 2 + 15px);
  }

  .idx-advantage .item-wrap {
    margin-left: -35px;
    margin-right: -35px;
  }

  .idx-advantage .item {
    margin-left: 50px;
    margin-right: 50px;
  }
}


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

.idx-blog .item-wrap {
  margin-bottom: 20px;
}

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

.idx-blog .title {
  text-align: left;
  margin-bottom: 10px;
}

.idx-blog .item-wrap .btn {
  width: 160px;
  color: #fff;
  padding: 7px 15px;
  border-radius: 0;
  background: var(--style-color);
}

.idx-blog .scale-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 450 / 346;
}

.idx-blog .date {
  color: #999;
  margin-top: 15px;
  margin-bottom: 11px;
}

.idx-blog .tit {
  height: 60px;
  font-weight: bold;
}

.idx-blog .info {
  color: #666;
  margin-top: 7px;
  margin-bottom: 10px;
  line-height: 1.667;
}

.idx-blog .swiper-slide .btn {
  width: 168px;
  padding: 0 0 4px;
  font-weight: bold;
  color: var(--style-color);
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-width: 3px;
  border-color: rgba(18, 167, 157, .4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .idx-blog .item-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }

  .idx-blog .title-wrap {
    max-width: 520px;
    margin-bottom: 0;
  }

  .idx-blog .title {
    margin-bottom: 0;
  }

  .idx-blog .item-wrap .btn {
    flex-shrink: 0;
    margin-left: 20px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1200px) {
  .idx-blog {
    padding: 60px 0;
  }

  .idx-blog .item-wrap {
    display: flex;
    margin-bottom: 46px;
  }

  .idx-blog .item-wrap .btn {
    width: 205px;
    padding-top: 13px;
    padding-bottom: 13px;
    transition: all .3s;
  }

  .idx-blog .item-wrap .btn:hover {
    background: #232323;
  }

  .idx-blog .date {
    margin-top: 24px;
  }

  .idx-blog .tit {
    height: 78px;
  }

  .idx-blog .info {
    margin-top: 14px;
    margin-bottom: 22px;
  }

  .idx-blog .swiper-slide .btn {
    padding-bottom: 8px;
  }
}

@media (min-width: 1440px) {
  .idx-blog {
    padding-top: 142px;
    padding-bottom: 146px;
  }
}


/* idx-contact */
.idx-contact .item-wrap {
  color: #fff;
  padding: 30px 20px;
  background: rgba(16, 16, 17, .46);
}

.idx-contact .sub-title {
  color: #fff;
  border-color: rgba(255, 255, 255, .4);
}

.idx-contact .title {
  text-align: left;
  margin-bottom: 9px;
}

.idx-contact .info {
  line-height: 1.8;
  margin-bottom: 20px;
}

.idx-contact .form-control {
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}

.idx-contact .form-control::-webkit-input-placeholder {
  color: #fff;
}

.idx-contact .form-control:-moz-placeholder {
  color: #fff;
}

.idx-contact .form-control::-moz-placeholder {
  color: #fff;
}

.idx-contact .form-control:-ms-input-placeholder {
  color: #fff;
}

.idx-contact .btn-wrap {
  margin-top: 30px;
}

.idx-contact .btn {
  width: 100%;
  color: #fff;
  font-size: 20px;
  border-radius: 0;
  background: var(--style-color);
}

@media (min-width: 992px) {
  .idx-contact .item-wrap {
    max-width: 53.86%;
  }
}

@media (min-width: 1200px) {
  .idx-contact .item-wrap {
    padding: 60px 50px;
  }

  .idx-contact .info {
    margin-bottom: 35px;
  }

  .idx-contact .form-group {
    margin-bottom: 20px;
  }

  .idx-contact .form-control {
    border-width: 2px;
  }

  .idx-contact input.form-control {
    height: 50px;
  }

  .idx-contact .btn {
    font-size: 24px;
    padding-top: 11px;
    padding-bottom: 11px;
    transition: all .3s;
  }

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

@media (min-width: 1440px) {
  .idx-contact .item-wrap {
    padding: 85px 80px 89px;
  }
}