/* Christmas banner start */
.the_banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background: #363838;
}

.the_banner .banner-content {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}

@media (min-width: 992px) {
  .the_banner .banner-content {
    white-space: normal;
  }
}
.the_banner .banner-content .icon {
  width: 30px;
  height: 32px;
  flex-shrink: 0;
}

.the_banner .banner-content a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
  text-decoration: underline;
  display: inline-block;
}

@media (min-width: 992px) {
  .the_banner .banner-content a {
    font-size: 18px;
    line-height: 27px;
    white-space: normal;
  }
}
.the_banner .banner-content a:hover {
  opacity: 0.7;
}

.the_banner .banner-content a .yellow-word {
  font-weight: 900;
  color: #ffcf1b;
}

/* Christmas banner end- */
h2,
.h2 {
  margin: 0 auto;
  color: #212121;
  font-size: 32px;
  font-weight: 700;
  line-height: 130%;
}

[class^=sec] .btn {
  min-width: 200px;
}

.btn {
  place-content: center;
}

.link-more {
  border-bottom: 1px solid #212121;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 991.98px) {
  .link-more:hover {
    border-bottom: 1px solid #f50;
  }
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none;
  }
  .d-sm-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  h2,
  .h2 {
    font-size: 36px;
  }
  .link-more {
    border-bottom: 0;
    display: inline-block;
    font-weight: 500;
    position: relative;
    overflow: hidden;
  }
  .link-more:hover {
    text-decoration: none;
  }
  .link-more:hover:after {
    left: 0;
    height: 2px;
    background-color: #f50;
  }
  .link-more:after {
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #f50;
    transition: all 0.4s;
  }
  @keyframes arrmove {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(5px);
    }
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1224px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
  h2,
  .h2 {
    font-size: 48px;
  }
}
@media (min-width: 1700px) {
  .container {
    max-width: 1690px;
  }
}
.sec1 {
  overflow: hidden;
}

.sec1 .content .lft {
  width: 100%;
}

.sec1 .content .lft .pro-logo img {
  width: 48px;
  margin-right: 12px;
}

.sec1 .ios26 .content .lft .pro-logo svg {
  width: 104px;
  height: 48px;
}
@media (min-width: 992px) {
  .sec1 .ios26 .content .lft .pro-logo svg {
    width: 133px;
    height: 54px;
  }
}

.sec1 .content .lft .pro-logo > div span {
  font-size: 16px;
  line-height: 1.4;
}

.sec1 .content .lft .pro-logo > div p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}

.sec1 .content .lft .gpt {
  margin-bottom: 12px;
  text-align: center;
}

.sec1 .content .lft .gpt svg {
  width: 154px;
  height: 25px;
}

.sec1 .content .lft .list-style li {
  font-size: 16px;
  margin-bottom: 12px;
  position: relative;
  padding-left: 24px;
  line-height: 1.5;
}

.sec1 .content .lft .list-style li::before {
  content: "";
  display: block;
  width: 16px;
  height: 17px;
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="1.1" width="18.8" height="18.8" rx="9.4" stroke="%23FF5500" stroke-width="1.2"/><path d="M5.83203 10.5003L8.77777 13.4461C8.98753 13.6558 9.33098 13.6444 9.52632 13.4211L14.9987 7.16699" stroke="%23FF5500" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
  position: absolute;
  left: 0;
  top: 3px;
}

.sec1 .content .lft .list-style li:last-child {
  margin-bottom: 0;
}

.sec1 .content .lft .btn-group {
  width: 200px;
  margin: auto;
}

.sec1 .content .lft .available {
  color: #6b6b6b;
  font-size: 12px;
  line-height: 110%;
  display: none;
}

.sec1 .content .lft .available a {
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
}

.sec1 .content .lft .link-more {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  text-decoration: none;
}

.sec1 .content .lft .link-more svg {
  width: 16px;
  height: 16px;
}

.sec1 .content .lft .reviews {
  font-size: 14px;
  gap: 12px;
}

.sec1 .content .lft .reviews img {
  width: 115px;
}

.sec1 .content .lft .reviews .starBox {
  gap: 24px;
}

.sec1 .content .lft .reviews p {
  color: #3a3a3a;
  line-height: 2;
}

.sec1 .content .rgt {
  margin-top: 32px;
  position: relative;
  width: 390px;
  left: 50%;
  transform: translate(-50%);
}

.sec1 .content .rgt .banner-pic {
  width: 375px;
  margin: auto;
}

.sec1 .content .rgt .endorsement {
  gap: 6px;
  margin-top: 20px;
}

.sec1 .content .rgt .endorsement .cell {
  width: 122px;
  padding: 4px 0 0;
  color: #c15d2b;
  position: relative;
}

.sec1 .content .rgt .endorsement .cell svg {
  width: 16px;
  height: 16px;
  margin-bottom: 6px;
}

.sec1 .content .rgt .endorsement .cell span {
  font-size: 12px;
  line-height: 1.3;
}

.sec1 .content .rgt .endorsement .cell p {
  font-size: 8px;
  line-height: 1.3;
  transform: scale(0.6333);
  transform-origin: center;
  white-space: nowrap;
}

.sec1 .content .rgt .endorsement .cell::before {
  content: "";
  display: block;
  width: 120px;
  height: 38px;
  background: url("https://images.tenorshare.com/img-2024/home/endorsement-bg.svg") no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.sec1 .sec1Swiper .swiper-wrapper {
  align-items: stretch;
}

.sec1 .sec1Swiper .swiper-slide {
  width: 100%;
  height: auto;
}

.sec1 .sec1Swiper .swiper-slide:not(:first-child):not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
  min-height: 0 !important;
  height: 0 !important;
}

.sec1 .sec1Swiper .swiper-slide .sec1-main {
  padding: 40px 0 72px;
}

.sec1 .sec1Swiper .swiper-slide.reiboot {
  background: linear-gradient(278.39deg, #ffece3 -11.59%, #fff 145.1%);
}

.sec1 .sec1Swiper .swiper-slide.reiboot .rgt .banner-pic {
  animation: movetb 3s linear infinite alternate;
}
@keyframes movetb {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(10px);
  }
}
.sec1 .sec1Swiper .swiper-slide.icarefone {
  background: linear-gradient(282.72deg, #def4f1 -7.52%, #f8fff9 105.25%);
}

.sec1 .sec1Swiper .swiper-slide.icarefone .lft .h2 .text-gr {
  background: linear-gradient(17deg, #3c3cff -28.2%, #09baff 43.91%, #b9ff46 72.17%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec1 .sec1Swiper .swiper-slide.icarefone .lft .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="1.1" width="18.8" height="18.8" rx="9.4" stroke="%231FC76A" stroke-width="1.2"/><path d="M5.83203 10.5003L8.77777 13.4461C8.98753 13.6558 9.33098 13.6444 9.52632 13.4211L14.9987 7.16699" stroke="%231FC76A" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec1 .sec1Swiper .swiper-slide.pdnob {
  background: linear-gradient(102.9deg, #FFFFFF -18.08%, #E7F7FF 115.37%);
}

.sec1 .sec1Swiper .swiper-slide.pdnob .lft .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="1.1" width="18.8" height="18.8" rx="9.4" stroke="%231FC76A" stroke-width="1.2"/><path d="M5.83203 10.5003L8.77777 13.4461C8.98753 13.6558 9.33098 13.6444 9.52632 13.4211L14.9987 7.16699" stroke="%231FC76A" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec1 .sec1Swiper .swiper-slide.ios26 {
  background: url("../png/banner-mb-bg.png") no-repeat center;
  background-size: cover;
}
@media (min-width: 992px) {
  .sec1 .sec1Swiper .swiper-slide.ios26 {
    background: url("../png/banner-ios26-bg.png") no-repeat center;
    background-size: cover;
  }
}

.sec1 .ios26 .sec1-main::before {
  content: "";
  display: none;
}

.sec1 .ios26 .sec1-main::after {
  content: "";
  display: none;
}

.sec1 .sec1Swiper .swiper-slide.ios26 .lft .h2 .text-gr {
  background: linear-gradient(92.53deg, #FCB01C 9.6%, #FFBA30 16.23%, #EF5C69 51.08%, #B376E8 72.21%, #348CE4 93.59%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec1 .sec1Swiper .swiper-slide.ios26 .lft .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="1.1" width="18.8" height="18.8" rx="9.4" stroke="%231FC76A" stroke-width="1.2"/><path d="M5.83203 10.5003L8.77777 13.4461C8.98753 13.6558 9.33098 13.6444 9.52632 13.4211L14.9987 7.16699" stroke="%231FC76A" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec1 .sec1Swiper-swiper-pagination {
  width: -moz-max-content !important;
  width: max-content !important;
  padding: 9px 16px;
  border-radius: 64px;
  left: 50% !important;
  bottom: 30px !important;
  transform: translate(-50%, 0);
  background: rgba(135, 139, 141, 0.4);
  z-index: 2;
}

.sec1 .sec1Swiper-swiper-pagination span {
  width: 4px;
  height: 4px;
  background: #fff;
  opacity: 0.5;
  margin: 0 2px !important;
  cursor: pointer;
}

.sec1 .sec1Swiper-swiper-pagination .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 30px;
  opacity: 1;
}

@media (min-width: 390px) {
  .sec1 .content .lft .reviews {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .sec1 .content .lft .gpt svg {
    width: 184px;
    height: 36px;
  }
  .sec1 .content .lft .list-style {
    max-width: 520px;
    margin: auto;
  }
  .sec1 .content .lft .btn-group {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .sec1 .content {
    position: relative;
  }
  .sec1 .content .lft {
    width: 460px;
  }
  .sec1 .content .lft .list-style {
    margin-left: 0;
  }
  .sec1 .content .lft .available {
    display: block;
  }
  .sec1 .content .lft .link-more {
    display: none;
  }
  .sec1 .content .rgt {
    width: auto;
    margin-top: 0;
    position: absolute;
    top: 80px;
    right: 0;
    left: auto;
    transform: translate(0);
  }
  .sec1 .content .rgt .banner-pic {
    width: 452px;
  }
  .sec1 .content .rgt .endorsement {
    gap: 12px;
    margin-top: 10px;
  }
  .sec1 .content .rgt .endorsement .cell {
    width: 158px;
    padding: 4px 0 6px;
  }
  .sec1 .content .rgt .endorsement .cell svg {
    width: 20px;
    height: 20px;
  }
  .sec1 .content .rgt .endorsement .cell span {
    font-size: 14px;
  }
  .sec1 .content .rgt .endorsement .cell p {
    font-size: 12px;
    transform: scale(0.833);
  }
  .sec1 .content .rgt .endorsement .cell::before {
    width: 158px;
    height: 50px;
  }
  .sec1 .sec1Swiper .swiper-slide {
    min-height: 572px;
  }
  .sec1 .sec1Swiper .swiper-slide .sec1-main {
    padding: 40px 0 0;
  }
}
@media (min-width: 1280px) {
  .sec1 .content .lft {
    width: 520px;
  }
  .sec1 .content .lft .pro-logo img {
    width: 56px;
  }
  .sec1 .content .lft .pro-logo > div p {
    font-size: 24px;
  }
  .sec1 .content .lft .h2 {
    font-size: 40px;
  }
  .sec1 .content .lft .list-style li {
    margin-bottom: 16px;
    padding-left: 28px;
  }
  .sec1 .content .lft .list-style li::before {
    width: 16px;
    height: 16.5px;
  }
  .sec1 .content .rgt {
    top: 0;
    right: -10px;
  }
  .sec1 .content .rgt .banner-pic {
    width: 684px;
  }
  .sec1 .sec1Swiper .swiper-slide.ios26 .rgt {
    top: 0;
    right: 10px;
  }
  .sec1 .sec1Swiper .swiper-slide.ios26 .rgt .banner-pic {
    width: 563px;
  }
  .sec1 .content .rgt .endorsement {
    gap: 24px;
    margin-top: 12px;
  }
  .sec1 .content .rgt .endorsement .cell {
    width: 186px;
    padding: 4px 0 10px;
  }
  .sec1 .content .rgt .endorsement .cell svg {
    width: 20px;
    height: 20px;
  }
  .sec1 .content .rgt .endorsement .cell span {
    font-size: 16px;
  }
  .sec1 .content .rgt .endorsement .cell p {
    transform: scale(1);
  }
  .sec1 .content .rgt .endorsement .cell::before {
    width: 185px;
    height: 59px;
  }
  .sec1 .sec1Swiper .swiper-slide {
    min-height: 600px;
  }
  .sec1 .sec1Swiper-swiper-pagination {
    padding: 13px 24px;
    left: 50% !important;
    bottom: 30px !important;
  }
  .sec1 .sec1Swiper-swiper-pagination span {
    width: 6px;
    height: 6px;
    margin: 0 4px !important;
  }
  .sec1 .sec1Swiper-swiper-pagination .swiper-pagination-bullet-active {
    width: 35px;
  }
  .sec1 .sec1-main {
    position: relative;
    z-index: 1;
  }
  .sec1 .sec1-main::before {
    content: "";
    display: block;
    width: 232px;
    height: 387px;
    background: url('data:image/svg+xml,<svg width="232" height="387" viewBox="0 0 232 387" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M176.551 -247.268C291.636 -47.9351 219.446 209.755 14.3804 328.149C-190.685 446.544 -449.946 380.218 -565.031 180.885L-419.393 96.8005C-349.242 218.306 -191.11 258.309 -66.3967 186.306C58.3164 114.303 102.739 -42.6446 32.5873 -164.15L176.551 -247.268Z" fill="url(%23paint0_linear_30650_39211)"/><defs><linearGradient id="paint0_linear_30650_39211" x1="531.209" y1="-410.391" x2="-357.492" y2="329.774" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .sec1 .sec1-main::after {
    content: "";
    display: block;
    width: 601px;
    height: 294px;
    background: url('data:image/svg+xml,<svg width="601" height="294" viewBox="0 0 869 424" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M869.002 0.474609C869.002 234.057 674.801 423.901 434.501 423.901C194.201 423.901 0 234.057 0 0.474609L170.662 0.474609C170.662 142.858 289.34 258.253 435.482 258.253C581.623 258.253 700.302 142.858 700.302 0.474609L869.002 0.474609Z" fill="url(%23paint0_linear_30483_23495)"/><defs><linearGradient id="paint0_linear_30483_23495" x1="434.501" y1="-32.4903" x2="434.501" y2="583.557" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    right: 135px;
    top: 131px;
    z-index: -1;
  }
}
@media (min-width: 1600px) {
  .sec1 .container {
    max-width: 1480px;
  }
  .sec1 .content .lft {
    width: 700px;
  }
  .sec1 .content .lft .pro-logo img {
    width: 64px;
  }
  .sec1 .content .lft .pro-logo > div span {
    font-size: 20px;
  }
  .sec1 .content .lft .pro-logo > div p {
    font-size: 28px;
  }
  .sec1 .content .lft .h2 {
    font-size: 48px;
    line-height: 1.2;
  }
  .sec1 .content .lft .list-style li {
    font-size: 18px;
  }
  .sec1 .content .lft .list-style li::before {
    width: 20px;
    height: 21px;
  }
  .sec1 .sec1Swiper .swiper-slide {
    min-height: 736px;
  }
  .sec1 .sec1Swiper .swiper-slide .sec1-main {
    padding: 80px 0 0;
  }
  .sec1 .sec1Swiper .swiper-slide .rgt {
    right: -100px;
    top: -16px;
  }
  .sec1 .sec1Swiper .swiper-slide .rgt .banner-pic {
    width: 858px;
  }
  .sec1 .sec1Swiper .swiper-slide.ios26 .rgt {
    right: 100px;
    top: 42px;
  }
  .sec1 .sec1Swiper .swiper-slide.ios26 .rgt .banner-pic {
    width: 563px;
  }
  .sec1 .sec1Swiper .swiper-slide .rgt .endorsement {
    margin-top: 10px;
  }
  .sec1 .sec1Swiper-swiper-pagination {
    padding: 16px 32px;
    bottom: 32px !important;
  }
  .sec1 .sec1Swiper-swiper-pagination span {
    width: 8px;
    height: 8px;
  }
  .sec1 .sec1Swiper-swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
  }
  .sec1 .sec1-main {
    position: relative;
    z-index: 1;
  }
  .sec1 .sec1-main::before {
    content: "";
    display: block;
    width: 509px;
    height: 387px;
    background: url('data:image/svg+xml,<svg width="509" height="387" viewBox="0 0 509 387" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M453.551 -247.268C568.636 -47.9351 496.446 209.755 291.38 328.149C86.3152 446.544 -172.946 380.218 -288.031 180.885L-142.393 96.8005C-72.2417 218.306 85.8902 258.309 210.603 186.306C335.316 114.303 379.739 -42.6446 309.587 -164.15L453.551 -247.268Z" fill="url(%23paint0_linear_30483_23494)"/><defs><linearGradient id="paint0_linear_30483_23494" x1="808.209" y1="-410.391" x2="-80.4916" y2="329.774" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .sec1 .sec1-main::after {
    content: "";
    display: block;
    width: 869px;
    height: 424px;
    background: url('data:image/svg+xml,<svg width="869" height="424" viewBox="0 0 869 424" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M869.002 0.474609C869.002 234.057 674.801 423.901 434.501 423.901C194.201 423.901 0 234.057 0 0.474609L170.662 0.474609C170.662 142.858 289.34 258.253 435.482 258.253C581.623 258.253 700.302 142.858 700.302 0.474609L869.002 0.474609Z" fill="url(%23paint0_linear_30483_23495)"/><defs><linearGradient id="paint0_linear_30483_23495" x1="434.501" y1="-32.4903" x2="434.501" y2="583.557" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    right: 135px;
    top: 172px;
    z-index: -1;
  }
}
@media (min-width: 1937px) {
  .sec1 .sec1-main {
    max-width: 1920px;
  }
}
.sec2 {
  background: #ff681c;
  padding: 32px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.sec2 .content {
  padding: 0 8px;
}

.sec2 .content .lft h2 {
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
}

.sec2 .content .lft p {
  font-size: 14px;
  line-height: 1.5;
}

.sec2 .content .lft .star-icon {
  position: absolute;
  right: 0;
  bottom: 0;
}

.sec2 .content .rgt .btn {
  height: 48px;
  font-size: 16px;
  min-width: 154px;
}

.sec2::before {
  display: block;
  content: "";
  width: 390px;
  height: 239px;
  background: url('data:image/svg+xml,<svg width="390" height="239" viewBox="0 0 390 239" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M340.378 -403.903C464.579 -217.574 409.526 37.8489 216.497 166.516C23.4689 295.183 -233.474 247.728 -357.676 61.3994L-220.586 -29.9805C-144.878 83.5986 11.8131 112.104 129.206 33.8532C246.599 -44.3974 280.572 -199.994 204.864 -313.573L340.378 -403.903Z" fill="url(%23paint0_linear_30948_11629)"/><defs><linearGradient id="paint0_linear_30948_11629" x1="201.405" y1="-26.9697" x2="92.5" y2="192.53" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity="0.4"/></linearGradient></defs></svg>');
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (min-width: 992px) {
  .sec2 {
    padding: 29px 0;
  }
  .sec2 .content {
    padding: 0;
  }
  .sec2 .content .lft {
    max-width: 720px;
  }
  .sec2 .content .lft h2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
  }
  .sec2 .content .lft p {
    font-size: 16px;
    line-height: 1.5;
  }
  .sec2 .content .lft .star-icon {
    position: inherit;
  }
}
@media (min-width: 1280px) {
  .sec2 .container {
    max-width: 1224px;
  }
  .sec2 .container .content .lft {
    max-width: 1200px;
  }
}
@media (min-width: 1600px) {
  .sec2 .container {
    max-width: 1480px;
  }
  .sec2 .content .lft h2 {
    font-size: 24px;
  }
  .sec2 .content .lft p {
    font-size: 18px;
  }
  .sec2::before {
    display: block;
    content: "";
    width: 407px;
    height: 120px;
    background: url('data:image/svg+xml,<svg width="407" height="120" viewBox="0 0 407 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M340.378 -403.903C464.579 -217.574 409.526 37.8489 216.497 166.516C23.4689 295.183 -233.474 247.728 -357.676 61.3994L-220.586 -29.9805C-144.878 83.5986 11.8131 112.104 129.206 33.8532C246.599 -44.3974 280.572 -199.994 204.864 -313.573L340.378 -403.903Z" fill="url(%23paint0_linear_30483_23791)"/><defs><linearGradient id="paint0_linear_30483_23791" x1="201.405" y1="-26.9697" x2="92.5" y2="192.53" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity="0.4"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .sec2::after {
    display: block;
    content: "";
    width: 312px;
    height: 120px;
    background: url('data:image/svg+xml,<svg width="312" height="120" viewBox="0 0 312 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M108.389 546.39C-38.0127 399.988 -34.4301 158.43 117.235 6.76527C268.9 -144.9 510.458 -148.482 656.859 -2.08105L549.146 105.632C459.905 16.3914 312.676 18.9696 220.439 111.207C128.201 203.444 125.623 350.674 214.864 439.914L108.389 546.39Z" fill="url(%23paint0_linear_30948_11299)"/><defs><linearGradient id="paint0_linear_30948_11299" x1="512.5" y1="-149.97" x2="201" y2="192.03" gradientUnits="userSpaceOnUse"><stop offset="0.25" stop-color="white" stop-opacity="0.4"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
}
.sec3 {
  padding: 64px 0;
}

.sec3 .content .h2-title {
  margin-bottom: 16px;
}

.sec3 .content .h2-title svg {
  width: 54px;
  height: 26px;
}

.sec3 .content .navBar .nav-main {
  overflow-x: auto;
}

.sec3 .content .navBar .nav-tabs {
  border-bottom: 0;
  position: relative;
  gap: 8px;
  margin-bottom: 24px;
}

.sec3 .content .navBar .nav-tabs .tab {
  flex: 1 1 40%;
  padding: 10px 4px;
  color: #525252;
  cursor: pointer;
  font-size: 16px;
  background: #f8f8f8;
  border-radius: 4px;
  text-align: center;
  border: 2px solid #f8f8f8;
  line-height: 1.5;
}

.sec3 .content .navBar .nav-tabs .tab svg {
  display: none;
}

.sec3 .content .navBar .nav-tabs .tab.active {
  color: #f50;
  background: rgba(255, 85, 0, 0.1019607843);
  border: 2px solid #f50;
  font-weight: 500;
}

.sec3 .content .navBar .tab-content .list {
  gap: 24px;
}

.sec3 .content .navBar .tab-content .item {
  width: 100%;
  min-height: 560px;
  background: #f8f8f8;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 12px;
}

.sec3 .content .navBar .tab-content .item h3 {
  font-weight: 700;
}

.sec3 .content .navBar .tab-content .item .con-text {
  padding: 32px 16px 0;
}

.sec3 .content .navBar .tab-content .item .pro-logo > div img {
  width: 48px;
  margin-right: 12px;
}

.sec3 .content .navBar .tab-content .item .pro-logo > div span {
  font-size: 16px;
  line-height: 1.4;
}

.sec3 .content .navBar .tab-content .item .pro-logo > div p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}

.sec3 .content .navBar .tab-content .item .pro-logo .arrow {
  opacity: 0;
  transition: 0.5s all;
}

.sec3 .content .navBar .tab-content .item .txt {
  color: #525252;
  max-width: 584px;
  font-size: 16px;
}

.sec3 .content .navBar .tab-content .item .picture {
  width: 342px;
  transition: 0.5s all;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.sec3 .content .navBar .tab-content .item::after {
  content: "";
  display: block;
  width: 699px;
  height: 368px;
  background: url('data:image/svg+xml,<svg width="699" height="368" viewBox="0 0 699 368" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M698.655 -7.46973C698.655 199.573 525.314 367.847 310.827 367.847C96.3405 367.847 -77 199.573 -77 -7.46973L75.3295 -7.46973C75.3295 118.736 181.26 221.02 311.703 221.02C442.146 221.02 548.076 118.736 548.076 -7.46973L698.655 -7.46973Z" fill="url(%23paint0_linear_30483_23261)"/><defs><linearGradient id="paint0_linear_30483_23261" x1="4.5" y1="-25.9698" x2="615" y2="-25.9698" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.6"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
  background-size: cover;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.sec3 .content .navBar .tab-content .item:hover .pro-logo .arrow {
  opacity: 1;
}

.sec3 .content .navBar .tab-content .item:hover .picture {
  transform: translateX(-50%) scale(1.05);
}

@media (min-width: 992px) {
  .sec3 .content .navBar .nav-tabs {
    width: -moz-max-content;
    width: max-content;
  }
  .sec3 .content .navBar .nav-tabs .tab {
    width: -moz-max-content;
    width: max-content;
    flex: 1 1 auto;
    position: relative;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .sec3 .content .navBar .nav-tabs .tab svg {
    display: inline-block;
    margin-right: 12px;
  }
  .sec3 .content .navBar .nav-tabs .tab::after {
    width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: transparent;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .sec3 .content .navBar .nav-tabs .tab.active {
    border: 0;
    font-weight: 400;
    background: transparent;
  }
  .sec3 .content .navBar .nav-tabs .tab.active::after {
    background: #f50;
  }
  .sec3 .content .navBar .nav-tabs::after {
    width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: #f6f6f6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 1280px) {
  .sec3 {
    padding: 100px 0;
  }
  .sec3 .content .h2-title {
    max-width: 1097px;
    margin-bottom: 32px;
  }
  .sec3 .content .h2-title svg {
    width: 64px;
    height: 31px;
  }
  .sec3 .content .navBar .nav-tabs {
    gap: 24px;
    margin-bottom: 32px;
  }
  .sec3 .content .navBar .nav-tabs .tab {
    padding: 16px 32px;
    font-size: 20px;
  }
  .sec3 .content .navBar .nav-tabs .tab::after {
    height: 4px;
  }
  .sec3 .content .navBar .nav-tabs::after {
    height: 4px;
  }
  .sec3 .content .navBar .tab-content .list {
    gap: 32px;
  }
  .sec3 .content .navBar .tab-content .item {
    border-radius: 24px;
    min-height: 540px;
  }
  .sec3 .content .navBar .tab-content .item .con-text {
    padding: 32px 32px 0;
  }
  .sec3 .content .navBar .tab-content .item h3 {
    font-size: 24px;
  }
  .sec3 .content .navBar .tab-content .item .picture {
    width: 100%;
  }
  .sec3 .content .navBar .tab-content .item::after {
    width: 699px;
    height: 368px;
  }
}
@media (min-width: 1600px) {
  .sec3 {
    padding: 120px 0;
  }
  .sec3 .content .h2-title svg {
    width: 81px;
    height: 40px;
  }
  .sec3 .content .navBar .nav-tabs {
    margin-bottom: 40px;
  }
  .sec3 .content .navBar .nav-tabs .tab {
    padding: 16px 36px;
  }
  .sec3 .content .navBar .tab-content .item {
    border-radius: 12px;
    min-height: 620px;
  }
  .sec3 .content .navBar .tab-content .item .con-text {
    padding: 40px 64px 0;
  }
  .sec3 .content .navBar .tab-content .item .pro-logo > div img {
    width: 56px;
  }
  .sec3 .content .navBar .tab-content .item .pro-logo > div span {
    font-size: 20px;
  }
  .sec3 .content .navBar .tab-content .item .pro-logo > div p {
    font-size: 24px;
  }
  .sec3 .content .navBar .tab-content .item h3 {
    font-size: 32px;
  }
  .sec3 .content .navBar .tab-content .item .picture {
    bottom: 0;
  }
}
.sec4 .content .textBox {
  margin-bottom: 24px;
}

.sec4 .content .textBox p {
  font-size: 16px;
  line-height: 1.5;
}

.sec4 .content .textBox a {
  font-size: 14px;
}

.sec4 .content .textBox a svg {
  width: 16px;
  height: 16px;
}

.sec4 .content .videoBox {
  position: relative;
  width: 100%;
  height: 192px;
  border-radius: 12px;
  overflow: hidden;
}

.sec4 .content .videoBox video {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.005);
}

.sec4 .content .videoBox.active .iframeBox {
  opacity: 1;
}

.sec4 .content .videoBox .iframeBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 192px;
  opacity: 0;
}

.sec4 .content .videoBox .iframeBox .iframeVideo {
  -o-object-fit: fill;
  object-fit: fill;
}

.sec4 .content .videoBox .player {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 50%;
  cursor: pointer;
  display: none;
}

.sec4 .content .videoBox:hover .player {
  display: block;
}

.sec4 .content .videoBox .media {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1;
}

.sec4 .content .videoBox .media img {
  width: 100%;
  height: 14px;
}

@media (min-width: 576px) {
  .sec4 .content .videoBox {
    width: 519px;
    height: 290px;
  }
  .sec4 .content .videoBox .iframeBox {
    height: 290px;
  }
  .sec4 .content .videoBox .player {
    width: 48px;
    height: 48px;
  }
  .sec4 .content .videoBox .media img {
    width: 100%;
    height: 14px;
  }
}
@media (min-width: 992px) {
  .sec4 .content .textBox {
    width: 520px;
    height: 100%;
    padding: 52px 0;
    margin-bottom: 0;
    margin-left: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
  }
  .sec4 .content .textBox h2 {
    color: #fff;
  }
  .sec4 .content .textBox a {
    color: #fff;
  }
  .sec4 .content .videoBox {
    width: 100%;
    height: 420px;
    border-radius: 32px;
  }
  .sec4 .content .videoBox .iframeBox {
    height: 420px;
  }
  .sec4 .content .videoBox .player {
    top: 252px;
    left: 666px;
    width: 86px;
    height: 86px;
    cursor: pointer;
  }
  .sec4 .content .videoBox .media {
    bottom: 52px;
    left: 40px;
  }
  .sec4 .content .videoBox .media img {
    width: 100%;
    height: 19px;
  }
  .sec4 .content .videoBox::after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90.34deg, rgba(33, 33, 33, 0.8) 0.59%, rgba(217, 217, 217, 0) 87.61%);
    border-radius: 32px;
  }
  .sec4 .content .videoBox.active::after {
    display: none;
  }
}
@media (min-width: 1280px) {
  .sec4 .content .textBox {
    width: 640px;
    padding: 48px 0 64px;
    margin-left: 48px;
  }
  .sec4 .content .textBox a {
    font-size: 16px;
  }
  .sec4 .content .videoBox {
    height: 600px;
  }
  .sec4 .content .videoBox .iframeBox {
    height: 600px;
  }
  .sec4 .content .videoBox .player {
    width: 96px;
    height: 96px;
    top: 316px;
    left: 785px;
  }
  .sec4 .content .videoBox .media {
    left: 48px;
    bottom: 64px;
  }
  .sec4 .content .videoBox .media img {
    height: 24px;
  }
}
@media (min-width: 1600px) {
  .sec4 .content .textBox {
    padding: 110px 0 64px;
    margin-left: 78px;
  }
  .sec4 .content .textBox p {
    font-size: 18px;
  }
  .sec4 .content .textBox a {
    font-size: 18px;
  }
  .sec4 .content .textBox a svg {
    width: 20px;
    height: 21px;
  }
  .sec4 .content .videoBox {
    height: 728px;
  }
  .sec4 .content .videoBox .iframeBox {
    height: 728px;
  }
  .sec4 .content .videoBox .player {
    top: 430px;
    left: 1014px;
  }
  .sec4 .content .videoBox .media {
    left: 78px;
    bottom: 110px;
  }
}
.sec5 {
  padding: 64px 0;
}

.sec5 .content .h2-title {
  margin-bottom: 32px;
}

.sec5 .content .h2-title h2 span svg {
  width: 54px;
  height: 26px;
}

.sec5 .content .h2-title p {
  font-size: 16px;
  color: #525252;
}

.sec5 .content .h2-title a {
  font-size: 16px;
}

.sec5 .content .sec5Swiper {
  height: 568px;
  overflow: initial;
  padding-bottom: 68px;
}

@media (min-width: 396px) {
  .sec5 .content .sec5Swiper {
    height: 588px;
  }
}
@media (min-width: 430px) {
  .sec5 .content .sec5Swiper {
    height: 616px;
  }
}
@media (min-width: 490px) {
  .sec5 .content .sec5Swiper {
    height: 670px;
  }
}
.sec5 .content .sec5Swiper .swiper-slide {
  position: relative;
  width: 100%;
  border-radius: 16px;
  padding: 32px 24px 48px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.sec5 .content .sec5Swiper .swiper-slide .front h3 {
  font-weight: 700;
}

.sec5 .content .sec5Swiper .swiper-slide .front .pro-logo {
  margin-bottom: 20px;
}

.sec5 .content .sec5Swiper .swiper-slide .front .pro-logo img {
  width: 48px;
  margin-right: 12px;
}

.sec5 .content .sec5Swiper .swiper-slide .front .pro-logo span {
  font-size: 16px;
  line-height: 1.4;
}

.sec5 .content .sec5Swiper .swiper-slide .front .pro-logo p {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}

.sec5 .content .sec5Swiper .swiper-slide .back {
  margin-top: 32px;
  opacity: 0;
  transition: 0.5s all;
  flex: 1;
}

.sec5 .content .sec5Swiper .swiper-slide .back .list-style li {
  margin-bottom: 16px;
  position: relative;
  font-size: 14px;
  padding-left: 24px;
  line-height: 1.5;
}

.sec5 .content .sec5Swiper .swiper-slide .back .list-style li::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="0.6" width="18.8" height="18.8" rx="9.4" stroke="%230670FB" stroke-width="1.2"/><path d="M5.83203 10.0003L8.77777 12.9461C8.98753 13.1558 9.33098 13.1444 9.52632 12.9211L14.9987 6.66699" stroke="%230670FB" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
  position: absolute;
  left: 0;
  top: 3px;
}

.sec5 .content .sec5Swiper .swiper-slide .back .list-style li:last-child {
  margin-bottom: 0;
}

.sec5 .content .sec5Swiper .swiper-slide .imgfront {
  bottom: 0;
  left: 0;
  transition: 0.5s all;
}

.sec5 .content .sec5Swiper .swiper-slide:hover .imgfront {
  opacity: 0;
  pointer-events: none;
}

.sec5 .content .sec5Swiper .swiper-slide:hover .back {
  opacity: 1;
}

.sec5 .content .sec5Swiper .swiper-slide.item1 {
  background: url("../png/sec5-pic1-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item2 {
  background: url("../png/sec5-pic2-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item3 {
  background: url("../png/sec5-pic3-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item4 {
  background: url("../png/sec5-pic4-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item5 {
  background: url("../png/sec5-pic5-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item6 {
  background: url("../png/sec5-pic6-2.png") no-repeat;
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item2 .back .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="0.6" width="18.8" height="18.8" rx="9.4" stroke="%235252FF" stroke-width="1.2"/><path d="M5.83203 10.0003L8.77777 12.9461C8.98753 13.1558 9.33098 13.1444 9.52632 12.9211L14.9987 6.66699" stroke="%235252FF" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item5 .back .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="0.6" width="18.8" height="18.8" rx="9.4" stroke="%2303E7C5" stroke-width="1.2"/><path d="M5.83203 10.0003L8.77777 12.9461C8.98753 13.1558 9.33098 13.1444 9.52632 12.9211L14.9987 6.66699" stroke="%2303E7C5 " stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-slide.item6 .back .list-style li::before {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.6" y="0.6" width="18.8" height="18.8" rx="9.4" stroke="%2330BF78" stroke-width="1.2"/><path d="M5.83203 10.0003L8.77777 12.9461C8.98753 13.1558 9.33098 13.1444 9.52632 12.9211L14.9987 6.66699" stroke="%2330BF78" stroke-width="1.6" stroke-linecap="round"/></svg>');
  background-size: cover;
}

.sec5 .content .sec5Swiper .swiper-button {
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  display: flex;
  gap: 24px;
}

.sec5 .content .sec5Swiper .swiper-button > div {
  width: 48px;
  height: 48px;
  margin-top: 0;
}

.sec5 .content .sec5Swiper .swiper-button > div::after {
  display: none;
}

.sec5 .content .sec5Swiper .swiper-button .swiper-button-next {
  left: 0;
  position: initial;
}

.sec5 .content .sec5Swiper .swiper-button .swiper-button-prev {
  right: 0;
  position: initial;
}

@media (min-width: 576px) {
  .sec5 .content .sec5Swiper {
    height: 642px;
  }
}
@media (min-width: 768px) {
  .sec5 .content .sec5Swiper {
    height: 556px;
  }
  .sec5 .content .sec5Swiper .swiper-slide {
    width: 358px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .front h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .sec5 .content .h2-title {
    margin-bottom: 48px;
  }
}
@media (min-width: 1280px) {
  .sec5 {
    padding: 100px 0;
  }
  .sec5 .content .h2-title {
    margin-bottom: 64px;
  }
  .sec5 .content .h2-title h2 {
    max-width: 967px;
  }
  .sec5 .content .h2-title p {
    max-width: 740px;
  }
  .sec5 .content .sec5Swiper {
    height: 648px;
    padding-bottom: 88px;
  }
  .sec5 .content .sec5Swiper .swiper-slide {
    width: 410px;
    border-radius: 24px;
    padding: 32px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .back {
    margin-top: 32px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .back .list-style li {
    font-size: 16px;
    padding-left: 32px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .back .list-style li::before {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1600px) {
  .sec5 {
    padding: 120px 0;
  }
  .sec5 .content .h2-title h2 {
    max-width: 967px;
  }
  .sec5 .content .h2-title h2 span svg {
    width: 80px;
    height: 40px;
  }
  .sec5 .content .h2-title p {
    max-width: 1020px;
  }
  .sec5 .content .sec5Swiper {
    height: 684px;
  }
  .sec5 .content .sec5Swiper .swiper-slide {
    width: 480px;
    padding: 40px 40px 56px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .front .pro-logo img {
    width: 56px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .front .pro-logo span {
    font-size: 20px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .front .pro-logo p {
    font-size: 24px;
  }
  .sec5 .content .sec5Swiper .swiper-slide .back {
    margin-top: 48px;
  }
}
.sec6 {
  padding: 40px 0 0;
  margin-bottom: 60px;
  background: linear-gradient(0deg, #f8f8f8, #f8f8f8);
  overflow-x: clip;
}

.sec6 .content {
  min-height: 490px;
}

.sec6 .content .lft {
  width: 100%;
  padding: 0 8px;
}

.sec6 .content .lft .h2-title {
  margin-bottom: 24px;
}

.sec6 .content .lft .h2-title h2 span {
  background: linear-gradient(85.57deg, #f50 33.91%, #ffcf1b 99.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sec6 .content .lft .h2-title p {
  font-size: 16px;
  line-height: 1.5;
  color: #525252;
}

.sec6 .content .lft a {
  font-size: 16px;
}

.sec6 .content .lft a svg {
  width: 16px;
  height: 16px;
}

.sec6 .content .rgt {
  width: 358px;
  border-radius: 24px;
  position: absolute;
  right: 0;
  bottom: -60px;
  box-shadow: 0 13px 30px 0 rgba(171, 171, 171, 0.1019607843), 0px 54px 54px 0 rgba(171, 171, 171, 0.0901960784), 0px 121px 73px 0 rgba(171, 171, 171, 0.0509803922), 0px 215px 86px 0 rgba(171, 171, 171, 0.0117647059), 0px 336px 94px 0 rgba(171, 171, 171, 0);
}

.sec6 .sec6-main {
  position: relative;
  z-index: 1;
}

.sec6 .sec6-main::after {
  content: "";
  display: block;
  width: 390px;
  height: 406px;
  background: url('data:image/svg+xml,<svg width="390" height="406" viewBox="0 0 390 406" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M856.746 -174C921.862 69.0195 770.586 321.249 517.913 388.952C265.241 456.655 8.11689 313.857 -57 70.8374L122.449 22.7542C162.142 170.89 319.1 257.51 472.766 216.335C626.432 175.161 719.052 21.666 679.359 -126.469L856.746 -174Z" fill="url(%23paint0_linear_30633_30010)"/><defs><linearGradient id="paint0_linear_30633_30010" x1="-432.434" y1="-68.2766" x2="569.685" y2="329.049" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
  background-size: cover;
  position: absolute;
  top: -40px;
  left: 0;
  z-index: -1;
}

@media (min-width: 576px) {
  .sec6 .content .rgt {
    width: 456px;
  }
}
@media (min-width: 768px) {
  .sec6 .content .lft {
    padding: 0;
  }
  .sec6 .content .rgt {
    width: 502px;
  }
}
@media (min-width: 992px) {
  .sec6 {
    padding: 0;
    margin-bottom: 24px;
  }
  .sec6 .content {
    min-height: 334px;
  }
  .sec6 .content .lft {
    width: 460px;
  }
  .sec6 .content .rgt {
    width: 502px;
    bottom: -24px;
  }
  .sec6 .sec6-main::after {
    height: 332px;
    top: 0;
  }
}
@media (min-width: 1280px) {
  .sec6 {
    margin-bottom: 82px;
  }
  .sec6 .content {
    min-height: 400px;
  }
  .sec6 .content .lft {
    width: 560px;
  }
  .sec6 .content .lft .h2-title {
    margin-bottom: 48px;
  }
  .sec6 .content .rgt {
    width: 620px;
    bottom: -82px;
  }
  .sec6 .sec6-main {
    overflow-x: clip;
  }
  .sec6 .sec6-main::after {
    width: 1342px;
    height: 400px;
    left: 24px;
    background: url('data:image/svg+xml,<svg width="1342" height="400" viewBox="0 0 1342 400" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1362.27 -252.697C1459.35 109.613 1233.82 485.653 857.119 586.589C480.419 687.526 97.0806 474.633 0 112.323L267.534 40.6371C326.711 261.487 560.715 390.627 789.811 329.241C1018.91 267.855 1156.99 39.0147 1097.81 -181.836L1362.27 -252.697Z" fill="url(%23paint0_linear_30671_43380)"/><defs><linearGradient id="paint0_linear_30671_43380" x1="-553.5" y1="-444.5" x2="935.265" y2="494.859" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
  }
}
@media (min-width: 1366px) {
  .sec6 .content .lft {
    width: 583px;
  }
  .sec6 .content .rgt {
    width: 660px;
  }
}
@media (min-width: 1600px) {
  .sec6 .content {
    min-height: 550px;
    position: relative;
  }
  .sec6 .content .lft {
    width: 592px;
    margin-left: 70px;
  }
  .sec6 .content .lft .h2-title {
    margin-bottom: 56px;
  }
  .sec6 .content .lft .h2-title p {
    font-size: 16px;
  }
  .sec6 .content .lft .h2-title a {
    font-size: 18px;
  }
  .sec6 .content .lft .h2-title a svg {
    width: 20px;
    height: 20px;
  }
  .sec6 .content .rgt {
    width: 814px;
    border-radius: 24px;
  }
  .sec6 .sec6-main::after {
    width: 1428px;
    height: 550px;
    background: url('data:image/svg+xml,<svg width="1428" height="550" viewBox="0 0 1428 550" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1404.51 -264C1504.6 109.529 1272.08 497.213 883.715 601.275C495.35 705.337 100.141 485.852 0.0546875 112.323L275.873 38.4174C336.882 266.106 578.133 399.244 814.322 335.958C1050.51 272.671 1192.87 36.7447 1131.86 -190.944L1404.51 -264Z" fill="url(%23paint0_linear_30483_22578)"/><defs><linearGradient id="paint0_linear_30483_22578" x1="-577" y1="-101.5" x2="963.289" y2="509.202" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>') no-repeat;
    left: 125px;
  }
}
@media (min-width: 1760px) {
  .sec6 .content .lft {
    width: 620px;
    margin-left: 105px;
  }
  .sec6 .content .rgt {
    width: 847px;
    border-radius: 24px;
  }
}
@media (min-width: 1937px) {
  .sec6 .sec6-main {
    max-width: 1920px;
  }
}
.sec7 {
  padding: 40px 0;
}

.sec7 .content {
  padding: 36px 12px;
  background: linear-gradient(279.94deg, #e9e9ff -1.52%, #fff 173.83%);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}

.sec7 .content .h2-title {
  margin-bottom: 32px;
}

.sec7 .content .h2-title h2 span svg {
  width: 54px;
  height: 26px;
}

.sec7 .content .h2-title p {
  font-size: 16px;
  color: #525252;
}

.sec7 .content .list {
  gap: 32px;
  text-align: center;
}

.sec7 .content .list .cell {
  flex: 1 1 100%;
  padding: 32px;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  transition: 0.5s all;
}

.sec7 .content .list .cell:hover {
  transform: translateY(-10px);
}

.sec7 .content .list .cell img {
  width: 80px;
  height: 80px;
}

.sec7 .content::before {
  content: "";
  display: block;
  width: 358px;
  height: 916px;
  background: url('data:image/svg+xml,<svg width="358" height="916" viewBox="0 0 358 916" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-265.712 915.213C-455.086 587.207 -333.343 161.471 7.74758 -35.4579C348.838 -232.387 778.409 -124.951 967.783 203.054L725.539 342.914C610.104 142.974 348.091 78.1903 140.653 197.955C-66.7862 317.72 -141.688 577.021 -26.2527 776.961L-265.712 915.213Z" fill="url(%23paint0_linear_30640_31036)"/><defs><linearGradient id="paint0_linear_30640_31036" x1="408.463" y1="38.2958" x2="-271.804" y2="656.033" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity="0.8"/></linearGradient></defs></svg>');
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media (min-width: 576px) {
  .sec7 .content .list {
    gap: 16px;
  }
  .sec7 .content .list .cell {
    flex: 1 1 45%;
  }
}
@media (min-width: 768px) {
  .sec7 .content .list {
    gap: 16px;
  }
  .sec7 .content .list .cell {
    flex: 1 1 30%;
  }
}
@media (min-width: 1280px) {
  .sec7 {
    padding: 100px 0;
  }
  .sec7 .content {
    padding: 64px;
  }
  .sec7 .content .h2-title {
    margin-bottom: 48px;
  }
  .sec7 .content .list {
    gap: 32px;
  }
  .sec7 .content .list .cell {
    max-width: 336px;
    flex: 1 1 30%;
  }
}
@media (min-width: 1600px) {
  .sec7 {
    padding: 120px 0;
  }
  .sec7 .content {
    padding: 72px 104px;
    border-radius: 40px;
  }
  .sec7 .content .h2-title {
    max-width: 1126px;
    margin-bottom: 64px;
  }
  .sec7 .content .h2-title h2 {
    font-size: 40px;
  }
  .sec7 .content .h2-title h2 span svg {
    width: 81px;
    height: 39px;
  }
  .sec7 .content .list {
    gap: 32px;
  }
  .sec7 .content .list .cell {
    max-width: 100%;
    flex: 1 1 20%;
  }
  .sec7 .content::before {
    content: "";
    display: block;
    width: 1187px;
    height: 812px;
    background: url('data:image/svg+xml,<svg width="1187" height="812" viewBox="0 0 1187 812" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-283.492 1160.3C-509.121 769.498 -364.07 262.256 42.3203 27.6265C448.711 -207.003 960.52 -78.9998 1186.15 311.8L897.529 478.435C759.994 240.218 447.821 163.032 200.669 305.725C-46.4825 448.418 -135.724 757.361 1.81086 995.578L-283.492 1160.3Z" fill="url(%23paint0_linear_30483_24342)"/><defs><linearGradient id="paint0_linear_30483_24342" x1="519.75" y1="115.5" x2="-290.75" y2="851.5" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity="0.8"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .sec7 .content::after {
    content: "";
    display: block;
    width: 1619px;
    height: 812px;
    background: url('data:image/svg+xml,<svg width="1619" height="812" viewBox="0 0 1619 812" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1588.64 -132C1716.26 344.292 1419.71 838.652 924.417 971.365C429.124 1104.08 -74.8779 824.227 -202.5 347.935L149.259 253.681C227.053 544.011 534.715 713.766 835.934 633.055C1137.15 552.343 1318.72 251.5 1240.92 -38.8298L1588.64 -132Z" fill="url(%23paint0_linear_30483_24341)"/><defs><linearGradient id="paint0_linear_30483_24341" x1="841.178" y1="482.21" x2="1956.35" y2="-44.3629" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0"/><stop offset="1" stop-color="white" stop-opacity="0.8"/></linearGradient></defs></svg>');
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
}
.sec8 {
  padding: 40px 0;
  overflow: hidden;
  background: linear-gradient(282.4deg, #fff -51.69%, #ffece3 94.13%);
}

.sec8 .container {
  padding: 0;
}

.sec8 .content .lft {
  width: 100%;
  padding: 0 2rem;
  margin-bottom: 40px;
}

.sec8 .content .lft .h2-title {
  margin-bottom: 24px;
}

.sec8 .content .lft .h2-title h2 span {
  background: linear-gradient(86deg, #f50 25.21%, #ffcf1b 113.26%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.sec8 .content .lft .h2-title h2 span::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url("https://images.tenorshare.com/img-2024/home/ai-icon.svg") no-repeat;
  background-size: cover;
  position: absolute;
  top: -32px;
  right: -48px;
}

.sec8 .content .lft .h2-title p {
  max-width: 620px;
  font-size: 16px;
  color: #525252;
}

.sec8 .content .rgt {
  width: 91.8%;
  padding: 24px 16px 24px 24px;
  position: relative;
  right: -1rem;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background: #fff;
  box-shadow: 0 13px 30px 0 rgba(171, 171, 171, 0.1019607843), 0px 54px 54px 0 rgba(171, 171, 171, 0.0901960784), 0px 121px 73px 0 rgba(171, 171, 171, 0.0509803922), 0px 215px 86px 0 rgba(171, 171, 171, 0.0117647059), 0px 336px 94px 0 rgba(171, 171, 171, 0);
}

.sec8 .content .rgt .cell .imgBox {
  width: 185px;
  margin-right: 40px;
}

.sec8 .content .rgt .cell .text .pro-logo img {
  width: 48px;
  margin-right: 12px;
}

.sec8 .content .rgt .cell .text .pro-logo span {
  font-size: 16px;
  line-height: 1.4;
}

.sec8 .content .rgt .cell .text .pro-logo p {
  font-weight: 700;
  font-size: 20px;
  color: #212121;
  line-height: 1.4;
}

.sec8 .content .rgt .cell .text a {
  font-size: 16px;
}

.sec8 .content .rgt .cell p {
  font-size: 16px;
  color: #6b6b6b;
}

.sec8 .content .rgt .cell:not(:last-child) {
  margin-bottom: 40px;
}

.sec8 .sec8-main {
  position: relative;
  z-index: 1;
}

.sec8 .sec8-main::before {
  content: "";
  display: block;
  width: 340px;
  height: 759px;
  background: url('data:image/svg+xml,<svg width="340" height="759" viewBox="0 0 340 759" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-79 -111C152.141 -111 340 83.4244 340 324C340 564.576 152.141 759 -79 759L-79 588.142C61.8945 588.142 176.084 469.327 176.084 323.018C176.084 176.709 61.8945 57.894 -79 57.894L-79 -111Z" fill="url(%23paint0_linear_30640_31265)"/><defs><linearGradient id="paint0_linear_30640_31265" x1="664.5" y1="504.124" x2="-176.5" y2="504.124" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
  position: absolute;
  left: 0;
  top: -40px;
  z-index: -1;
}

@media (min-width: 992px) {
  .sec8 {
    padding: 0;
  }
  .sec8 .content {
    height: 662px;
  }
  .sec8 .content .lft {
    width: 420px;
    margin-bottom: 0;
    padding: 0;
  }
  .sec8 .content .lft .h2-title {
    margin-bottom: 48px;
  }
  .sec8 .content .rgt {
    position: absolute;
    width: 536px;
    right: 0;
    bottom: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 0;
  }
  .sec8 .content .rgt .cell .imgBox {
    margin-right: 16px;
  }
  .sec8 .content .rgt .cell .text {
    max-width: 294px;
  }
}
@media (min-width: 1280px) {
  .sec8 .content {
    height: 754px;
  }
  .sec8 .content .lft {
    width: 514px;
  }
  .sec8 .content .lft .h2-title h2 span {
    position: relative;
  }
  .sec8 .content .lft .h2-title h2 span::after {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    background: url("https://images.tenorshare.com/img-2024/home/ai-icon.svg") no-repeat;
    background-size: cover;
    position: absolute;
    top: -32px;
    right: -48px;
  }
  .sec8 .content .rgt {
    width: 722px;
    padding: 40px 82px 40px 40px;
  }
  .sec8 .content .rgt .cell .imgBox {
    margin-right: 40px;
  }
  .sec8 .content .rgt .cell .text {
    max-width: 374px;
  }
  .sec8 .content .rgt .cell:not(:last-child) {
    margin-bottom: 56px;
  }
  .sec8 .sec8-main::before {
    width: 993px;
    height: 800px;
    background: url('data:image/svg+xml,<svg width="993" height="800" viewBox="0 0 993 800" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-9.00455e-05 -651C547.787 -651 993 -190.639 993 379C993 948.639 547.787 1409 0 1409L-1.76839e-05 1004.44C333.91 1004.44 604.53 723.108 604.53 376.675C604.53 30.2417 333.91 -251.09 -7.25648e-05 -251.09L-9.00455e-05 -651Z" fill="url(%23paint0_linear_30483_22587)"/><defs><linearGradient id="paint0_linear_30483_22587" x1="415.757" y1="805.5" x2="415.757" y2="-260" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    left: 50px;
    top: 0;
  }
}
@media (min-width: 1600px) {
  .sec8 .content {
    height: 800px;
  }
  .sec8 .content .lft {
    width: 630px;
    margin-left: 70px;
  }
  .sec8 .content .lft .h2-title {
    margin-bottom: 56px;
  }
  .sec8 .content .lft .h2-title h2 span {
    position: relative;
  }
  .sec8 .content .lft .h2-title h2 span::after {
    width: 52px;
    height: 52px;
    top: -32px;
    right: -52px;
  }
  .sec8 .content .lft .h2-title p {
    max-width: 620px;
  }
  .sec8 .content .rgt {
    width: 842px;
    padding: 56px 82px 56px 64px;
  }
  .sec8 .content .rgt .cell .text {
    max-width: 466px;
  }
  .sec8 .content .rgt .cell .text .pro-logo img {
    width: 56px;
  }
  .sec8 .content .rgt .cell .text .pro-logo span {
    font-size: 20px;
  }
  .sec8 .content .rgt .cell .text .pro-logo p {
    font-size: 24px;
  }
  .sec8 .content .rgt .cell:not(:last-child) {
    margin-bottom: 64px;
  }
  .sec8 .sec8-main::before {
    width: 993px;
    height: 800px;
    background: url('data:image/svg+xml,<svg width="993" height="800" viewBox="0 0 993 800" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-9.00455e-05 -651C547.787 -651 993 -190.639 993 379C993 948.639 547.787 1409 0 1409L-1.76839e-05 1004.44C333.91 1004.44 604.53 723.108 604.53 376.675C604.53 30.2417 333.91 -251.09 -7.25648e-05 -251.09L-9.00455e-05 -651Z" fill="url(%23paint0_linear_30483_22587)"/><defs><linearGradient id="paint0_linear_30483_22587" x1="415.757" y1="805.5" x2="415.757" y2="-260" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    left: 110px;
    top: 0;
  }
}
@media (min-width: 1760px) {
  .sec8 .content .lft {
    width: 690px;
    margin-left: 105px;
  }
  .sec8 .content .rgt {
    width: 912px;
    padding: 56px 156px 56px 64px;
  }
}
@media (min-width: 1937px) {
  .sec8 .sec8-main {
    max-width: 1920px;
  }
  .sec8 .content {
    position: relative;
  }
  .sec8 .content .rgt {
    right: -135px;
  }
}
.sec9 {
  padding: 40px 0;
}

.sec9 .sec9NavSwiper {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 24px;
}

.sec9 .sec9NavSwiper .swiper-wrapper {
  gap: 8px;
}

.sec9 .sec9NavSwiper .swiper-slide {
  width: -moz-max-content;
  width: max-content;
  padding: 10px 6px;
  color: #525252;
  cursor: pointer;
  font-size: 16px;
  background: #f8f8f8;
  border-radius: 4px;
  text-align: center;
  border: 2px solid #f8f8f8;
  line-height: 1.5;
}

.sec9 .sec9NavSwiper .swiper-slide svg {
  display: none;
}

.sec9 .sec9NavSwiper .swiper-slide.swiper-slide-thumb-active {
  color: #f50;
  background: rgba(255, 85, 0, 0.1019607843);
  border: 2px solid #f50;
}

.sec9 .sec9ConSwiper .swiper-slide {
  opacity: 0 !important;
  position: relative;
  z-index: 1;
}

.sec9 .sec9ConSwiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 2;
}

.sec9 .sec9ConSwiper .swiper-button {
  width: -moz-max-content;
  width: max-content;
  margin-top: 32px;
  display: flex;
  gap: 16px;
}

.sec9 .sec9ConSwiper .swiper-button .arr {
  width: 48px;
  height: 48px;
  margin-top: 0;
}

.sec9 .sec9ConSwiper .swiper-button .arr::after {
  display: none;
}

.sec9 .sec9ConSwiper .swiper-button .swiper-button-next {
  left: 0;
  position: initial;
}

.sec9 .sec9ConSwiper .swiper-button .swiper-button-prev {
  right: 0;
  position: initial;
}

.sec9 .sec9ConSwiper .swiper-pagination {
  width: 48px;
  position: initial;
}

.sec9 .content .h2-title {
  margin-bottom: 32px;
}

.sec9 .content .sec9Swiper {
  overflow: initial;
}

.sec9 .content .sec9Swiper .swiper-wrapper {
  align-items: stretch;
}

.sec9 .content .sec9Swiper .swiper-slide {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 12px;
  background: #f8f8f8;
  opacity: 1 !important;
  pointer-events: auto;
  text-decoration: none;
  transition: 0.5s all;
}

.sec9 .content .sec9Swiper .swiper-slide:hover {
  transform: translateY(-10px);
}

.sec9 .content .sec9Swiper .swiper-slide .link-more {
  color: #212121;
}

.sec9 .content .sec9Swiper .swiper-slide .link-more:hover {
  color: #f50;
}

.sec9 .content .sec9Swiper .swiper-slide .label-txt {
  display: block;
  padding: 8px 16px;
  border-radius: 0 4px 4px 0;
  background: rgba(87, 87, 87, 0.7);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  line-height: 140%;
  top: 12px;
  left: 0;
}

.sec9 .content .sec9Swiper .swiper-slide .imgBox {
  width: 100%;
}

.sec9 .content .sec9Swiper .swiper-slide .text {
  flex: 1;
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
}

.sec9 .content .sec9Swiper .swiper-slide .text h3 {
  font-weight: 600;
  margin-bottom: 12px;
}

.sec9 .content .sec9Swiper .swiper-slide .text p {
  flex: 1;
  font-size: 16px;
  color: #6b6b6b;
  line-height: 1.5;
  margin-bottom: 32px;
}

.sec9 .content .sec9Swiper .swiper-slide .text .link-more {
  font-size: 16px;
  width: -moz-max-content;
  width: max-content;
}

.sec9 .content .sec9Swiper .swiper-slide .text .link-more svg {
  width: 16px;
  height: 16px;
}

.sec9 .content .sec9Swiper .swiper-scrollbar {
  bottom: -14px;
  background: rgba(82, 82, 82, 0.05);
}

.sec9 .content .sec9Swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #f50;
}

@media (min-width: 768px) {
  .sec9 .content .sec9Swiper .swiper-wrapper {
    gap: 32px;
    flex-wrap: wrap;
  }
  .sec9 .content .sec9Swiper .swiper-slide {
    width: 50%;
    flex: 1 1 45%;
  }
}
@media (min-width: 992px) {
  .sec9 .sec9NavSwiper {
    margin-bottom: 32px;
  }
  .sec9 .sec9NavSwiper:after {
    width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: #f6f6f6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
  }
  .sec9 .sec9NavSwiper .swiper-wrapper {
    gap: 24px;
  }
  .sec9 .sec9NavSwiper .swiper-slide {
    background: transparent;
    border: 0;
    padding: 8px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .sec9 .sec9NavSwiper .swiper-slide svg {
    display: block;
  }
  .sec9 .sec9NavSwiper .swiper-slide:after {
    width: 100%;
    height: 3px;
    content: "";
    display: block;
    background: transparent;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .sec9 .sec9NavSwiper .swiper-slide.swiper-slide-thumb-active {
    border: 0;
    background: transparent;
  }
  .sec9 .sec9NavSwiper .swiper-slide.swiper-slide-thumb-active::after {
    background: #f50;
  }
  .sec9 .content .h2-title .btn {
    display: none;
  }
  .sec9 .content .sec9Swiper .swiper-slide {
    width: 358px;
  }
}
@media (min-width: 1280px) {
  .sec9 {
    padding: 100px 0;
  }
  .sec9 .content .h2-title {
    margin-bottom: 48px;
  }
  .sec9 .content .sec9Swiper .swiper-wrapper {
    gap: 24px;
  }
  .sec9 .content .sec9Swiper .swiper-slide {
    flex: 1 1 20%;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text {
    padding: 24px 20px 32px;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text h3 {
    font-size: 20px;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text p {
    margin-bottom: 24px;
  }
  .sec9 .content .sec9Swiper .swiper-button {
    margin-top: 20px;
    gap: 24px;
  }
  .sec9 .content .sec9Swiper .swiper-button > div {
    width: 48px;
    height: 48px;
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .sec9 {
    padding: 120px 0;
  }
  .sec9 .sec9ConSwiper .swiper-button {
    margin-top: 32px;
    gap: 16px;
  }
  .sec9 .sec9ConSwiper .swiper-button .arr {
    width: 56px;
    height: 56px;
  }
  .sec9 .content .h2-title p {
    max-width: 1000px;
    font-size: 16px;
  }
  .sec9 .content .sec9Swiper .swiper-wrapper {
    gap: 32px;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text {
    padding: 32px 32px 40px;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text h3 {
    font-size: 26px;
  }
  .sec9 .content .sec9Swiper .swiper-slide .text p {
    margin-bottom: 32px;
  }
}
.sec10 {
  background: #f8f8f8;
}

.sec10 .content .lft .h2-title {
  margin-bottom: 32px;
}

.sec10 .content .lft .h2-title p {
  font-size: 16px;
}

.sec10 .content .lft .list {
  width: 100%;
  gap: 24px;
}

.sec10 .content .lft .list .item {
  flex: 1 1 45%;
}

.sec10 .content .lft .list .item img {
  width: 48px;
  height: 48px;
}

.sec10 .content .lft .list .item p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.sec10 .content .lft .list .item span {
  font-size: 12px;
  color: #848484;
  text-align: center;
}

.sec10 .content .imgBox {
  width: 100%;
}

.sec10 .sec10-main {
  padding: 40px 0 24px;
  position: relative;
  z-index: 1;
}

.sec10 .sec10-main::before {
  content: "";
  display: block;
  width: 390px;
  height: 242px;
  background: url('data:image/svg+xml,<svg width="390" height="242" viewBox="0 0 390 242" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M807 -241C807 25.4462 582.63 242 305 242C27.3703 242 -197 25.4462 -197 -241L0.173828 -241C0.173828 -78.5846 137.289 53.0462 306.133 53.0462C474.977 53.0462 612.092 -78.5846 612.092 -241L807 -241Z" fill="url(%23paint0_linear_1264_21481)"/><defs><linearGradient id="paint0_linear_1264_21481" x1="-543.67" y1="-486.214" x2="373.114" y2="196.813" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .sec10 .content .lft .list .item {
    flex: 1 1 30%;
  }
}
@media (min-width: 992px) {
  .sec10 .sec10-main {
    padding: 40px 0;
  }
  .sec10 .content .lft {
    width: 460px;
  }
  .sec10 .content .lft .list {
    gap: 16px;
  }
  .sec10 .content .lft .list .item {
    flex: 1 1 30%;
  }
  .sec10 .content .imgBox {
    position: absolute;
    width: 480px;
    bottom: 32px;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .sec10 .sec10-main {
    padding: 64px 0;
  }
  .sec10 .content {
    position: relative;
  }
  .sec10 .content .lft {
    width: 620px;
  }
  .sec10 .content .lft .h2-title h2 {
    font-size: 48px;
  }
  .sec10 .content .lft .h2-title p {
    font-size: 20px;
  }
  .sec10 .content .lft .list {
    gap: 24px 0;
    margin-left: -24px;
  }
  .sec10 .content .lft .list .item {
    flex: 1 1 30%;
  }
  .sec10 .content .lft .list .item p {
    font-size: 20px;
  }
  .sec10 .content .lft .list .item span {
    font-size: 14px;
  }
  .sec10 .content .imgBox {
    width: 550px;
    bottom: -32px;
  }
  .sec10 .sec10-main {
    padding: 64px 0;
    position: relative;
    z-index: 1;
  }
  .sec10 .sec10-main::before {
    content: "";
    display: block;
    width: 1318px;
    height: 635px;
    background: url('data:image/svg+xml,<svg width="1318" height="635" viewBox="0 0 1318 635" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1318 0C1318 350.297 1023.46 635 659 635C294.542 635 0 350.297 0 0L258.84 0C258.84 213.527 438.837 386.583 660.488 386.583C882.138 386.583 1062.14 213.527 1062.14 0L1318 0Z" fill="url(%23paint0_linear_1933_18812)"/><defs><linearGradient id="paint0_linear_1933_18812" x1="-455.091" y1="-322.382" x2="832.689" y2="474.427" gradientUnits="userSpaceOnUse"><stop stop-color="%23FF5500" stop-opacity="0.5"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient></defs></svg>');
    position: absolute;
    left: -180px;
    top: -311px;
    z-index: -1;
  }
}
@media (min-width: 1600px) {
  .sec10 {
    background: #f8f8f8;
  }
  .sec10 .content {
    padding: 0 57px;
  }
  .sec10 .content .lft {
    width: 800px;
  }
  .sec10 .content .lft .h2-title {
    margin-left: 24px;
  }
  .sec10 .content .lft .h2-title h2 {
    font-size: 60px;
    line-height: 1;
  }
  .sec10 .content .lft .h2-title p {
    font-size: 28px;
  }
  .sec10 .content .lft .list {
    width: 620px;
    gap: 16px 0;
  }
  .sec10 .content .lft .list .item {
    flex: 1 1 30%;
  }
  .sec10 .content .lft .list .item p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .sec10 .content .lft .list .item span {
    font-size: 14px;
  }
  .sec10 .content .imgBox {
    width: 651.5px;
    right: 40px;
    bottom: -32px;
  }
}
@media (min-width: 1937px) {
  .sec10 .sec10-main {
    max-width: 1920px;
  }
}/*# sourceMappingURL=home.css.map */