@charset "UTF-8";
.ptdet-anchor {
  width: 100%;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
}

.pteql-charact-sect {
  width: 100%;
  height: 270vh;
  position: relative;
  overflow: visible;
}

.pteql-charact-box {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
  background: #fff;
}

.pteql-charact-item {
  opacity: 1;
}
.pteql-charact-item .item-title,
.pteql-charact-item .item-desc {
  opacity: 0;
}

.charact-product-item::before {
  opacity: 0.3;
}

.product-show-item .item-title,
.product-show-item .item-icon {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.product-show-item .item-title.active,
.product-show-item .item-icon.active {
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.product-tabnav {
  z-index: 9;
  background: #fff;
  opacity: 1;
}

.ptdet-layer-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.pteql-charact-layer1 .addnewbac {
  position: absolute;
  background: url(/img/images/proddel-bgk.webp) no-repeat bottom center;
  background-size: 58.7em 60.15em;
  width: 58.7em;
  height: 60.15em;
  bottom: -34.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.pteql-charact-layer1::before {
  position: absolute;
  display: none;
  content: "";
  background: url(/img/images/proddel-bgk.webp) no-repeat bottom center;
  background-size: 58.7em 60.15em;
  width: 58.7em;
  height: 60.15em;
  bottom: -32.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.pteql-charact-item.item2 .item-line,
.pteql-charact-item.item4 .item-line,
.pteql-charact-item.item6 .item-line {
  left: auto;
  right: 0;
}

@media (min-width: 992px) {
  .pteql-charact-imgs .ptimgs {
    scale: 1.2;
  }
  .pteql-charact-item:nth-child(1) {
    top: -4.4em;
    left: -2em;
    right: 0;
  }
  .pteql-charact-item:nth-child(3) {
    top: 6em;
    left: 0em;
    right: auto;
  }
  .pteql-charact-item:nth-child(5) {
    top: 17em;
    right: 3em;
  }
  .pteql-charact-item:nth-child(2) {
    top: -2.7em;
    left: 2em;
  }
  .pteql-charact-item:nth-child(4) {
    top: 8.15em;
  }
  .pteql-charact-item:nth-child(6) {
    top: 20.8em;
    left: 3em;
  }
  .public-table table tr td {
    width: 50%;
  }
  .public-table table.isflex tbody td:first-child {
    width: 32.14vw;
    /* 固定宽度 */
  }
  .public-table table.isflex tbody td:not(:first-child) {
    width: auto;
    /* 平分剩余空间 */
  }
  .public-table table.isflex tbody th:first-child {
    width: 32.14vw;
    /* 固定宽度 */
  }
  .public-table table.isflex tbody th:not(:first-child) {
    width: auto;
    /* 平分剩余空间 */
  }
  .pteql-charact-imgs {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    bottom: -4.65em;
  }
  .p-product-list .product-repotr-list {
    min-height: 42.5em;
  }
  .p-product-list .product-tabnav-swiper .swiper-slide {
    padding: 0;
    color: #2D2929;
  }
  .p-product-list .product-tabnav-swiper .swiper-slide::before {
    bottom: 0;
  }
  .p-product-list .product-tabnav-swiper .swiper-slide.active {
    color: #012C7C;
  }
  .p-product-list .product-tabnav-swiper a {
    padding: 1.25rem 1.75rem 1.1rem;
  }
  .p-product-list .product-leading-swiper {
    padding: 0;
    margin: 0 0 4em;
  }
  .p-product-list .product-leading-swiper .bd {
    padding: 1.2rem 1rem 0;
    text-align: center;
  }
  .p-product-list .product-leading-swiper .imgs {
    padding-top: 58.9473684211%;
  }
  .p-product-list .petal-one {
    top: -0.95em;
    left: -0.45em;
    display: -webkit-flex;
    display: flex;
  }
  .p-product-list .petal-two {
    display: -webkit-flex;
    display: flex;
    right: 1.4em;
    bottom: -1.85em;
  }
  .p-product-list .petal-two img {
    width: 0.7em;
    height: 1.1em;
    -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }
  .p-product-list .petal-three {
    bottom: 0;
    right: 0;
    display: -webkit-flex;
    display: flex;
    bottom: -0.95em;
    right: -0.7em;
  }
  .p-product-list .petal-three span {
    width: 1.4em;
    height: 1.4em;
  }
  .product-show-item .item-line {
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .product-show-item .item-line.active {
    width: 100%;
  }
  .product-advancement-list .item:nth-child(1)::before,
  .product-advancement-list .item:nth-child(2)::before,
  .product-advancement-list .item:nth-child(3)::before {
    display: none;
  }
  .product-advancement-list .big-item::before {
    display: none;
  }
  .p-product-special .product-show::after {
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 0;
    height: 26.5em;
    background: #fff;
  }
  .p-product-special .product-stretch-swiper .active .end .title br {
    display: none;
  }
  .p-product-special .hoverbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    z-index: 9;
  }
  .p-product-special .hoverboxitem {
    -webkit-flex: 1;
            flex: 1;
    margin: 5%;
  }
  .p-product-special .product-show-list-box .item1 {
    top: 26.87%;
  }
  .p-product-special .product-show-list-box .item2 {
    top: 34.07%;
  }
  .p-product-special .product-show-list-box .item3 {
    bottom: 29%;
  }
  .p-product-special .product-show-list-box .item4 {
    bottom: 24.43%;
  }
  .p-product-special .product-show {
    padding-top: 0;
  }
  .p-product-special .product-show-list {
    padding-top: 0em;
  }
  .p-product-special .product-show-box {
    padding-top: 5.5em;
  }
  .p-product-special .product-leading-swiper {
    margin-bottom: 4.4em;
  }
  .p-product-special .product-leading-swiper .doc {
    margin-top: 0;
  }
  .p-product-special .product-leading-swiper .imgs {
    padding-top: 58.9473684211%;
  }
  .p-product-special .product-leading-swiper .bd {
    padding-top: 1.5em;
    padding-left: 1.1em;
    padding-right: 1.1em;
  }
  .p-product-special .product-advancement .petal-one {
    top: -0.5em;
    left: -0.5em;
  }
  .p-product-special .product-advancement .petal-two {
    right: 1.1em;
    bottom: -1.75em;
  }
  .p-product-special .product-advancement .petal-two img {
    width: 0.9em;
    height: 0.9em;
  }
  .p-product-special .product-advancement .petal-three {
    bottom: -0.85em;
    right: -1em;
  }
  .product-advancement-list .item .item-crcle {
    position: absolute;
    content: "";
    left: -7%;
    top: -6%;
    width: 111%;
    height: 110%;
    display: -webkit-flex;
    display: flex;
  }
  .product-advancement-list .item .item-crcle span {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  .product-advancement-list .item .item-crcle span::before {
    content: "";
    -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0%, 100% 100%, 0 100%, 0 40%);
            clip-path: polygon(50% 50%, 0 0, 100% 0%, 100% 100%, 0 100%, 0 40%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
  .product-advancement-list .item.active:nth-child(1) .item-crcle span::before {
    background: url(/img/images/yuanquan17.png) no-repeat center center;
    /* background-repeat: no-repeat; */
    background-size: contain;
    -webkit-animation: rotating 1.3s linear;
            animation: rotating 1.3s linear;
  }
  .product-advancement-list .item.active:nth-child(2) .item-crcle span::before {
    background: url(/img/images/yuanquan18.png) no-repeat center center;
    /* background-repeat: no-repeat; */
    background-size: contain;
    -webkit-animation: rotating 1.3s linear;
            animation: rotating 1.3s linear;
  }
  .product-advancement-list .item.active:nth-child(3) .item-crcle span::before {
    background: url(/img/images/yuanquan19.png) no-repeat center center;
    /* background-repeat: no-repeat; */
    background-size: contain;
    -webkit-animation: rotating 1.3s linear;
            animation: rotating 1.3s linear;
  }
  .product-show-list-box .item1 .item-line,
  .product-show-list-box .item3 .item-line {
    right: 0;
    left: auto;
  }
}
@media (max-width: 991.98px) {
  .pteql-charact-item {
    height: 102% !important;
  }
  .pteql-charact-layer1 {
    background: #fff;
  }
  .pteql-charact-item:nth-child(odd) {
    top: 1.8rem;
  }
  .pteql-charact-list {
    height: 128%;
  }
  .pteql-charact-list {
    top: -10%;
  }
  .table-choose .byted-popover-wrapper {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  }
  .public-table.table3 tbody td:first-child {
    width: 50%;
    /* 固定宽度 */
  }
  .public-table.table3 tbody td:not(:first-child) {
    width: auto;
    /* 平分剩余空间 */
  }
  .public-table.table3 tbody th:first-child {
    width: 50%;
    /* 固定宽度 */
  }
  .public-table.table3 tbody th:not(:first-child) {
    width: auto;
    /* 平分剩余空间 */
  }
  .public-table td:first-child,
  .public-table th:first-child {
    min-width: 50vw !important;
  }
  .public-table .table-col2 td {
    min-width: 2.5rem;
  }
  .pteql-charact-layer1 .addnewbac {
    background: url(/img/images/tt01.png) no-repeat;
    background-size: 7.5rem 9.31rem;
    height: 9.31rem;
    width: 7.5rem;
    bottom: 1.7rem;
    left: 50%;
  }
  .table-choose.hidden-lg-up {
    opacity: 1;
    display: block;
    margin-top: 0;
  }
  .product-stretch-swiper .swiper-slide {
    margin-bottom: 0.4rem;
  }
  .product-stretch-swiper .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .product-show-item .item-box {
    height: 100%;
  }
  .product-show-list-box .item4 .item-box {
    height: 100%;
    -webkit-justify-content: end;
            justify-content: end;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .product-show-list-box .item3 {
    display: block;
    top: 0%;
    left: 17.69%;
    height: 3.87rem;
    width: auto;
  }
  .product-show-list-box .item3 .item-box {
    -webkit-justify-content: left;
            justify-content: left;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .product-show-list-box .item4 {
    display: block;
    top: auto;
    bottom: 0.8rem;
    right: 18.84%;
    width: auto;
    height: 2.88rem;
  }
  .product-repotr-list {
    min-height: 3rem;
  }
  .pteql-charact-item .item-desc {
    font-size: 0.28rem;
    line-height: 0.46rem;
    margin-top: 0.13rem;
  }
  .pteql-charact-list {
    height: 120%;
  }
  .pteql-charact-item {
    height: 63.8%;
  }
  .pteql-charact-item:nth-child(even) {
    left: auto;
    right: 1.1rem;
    top: 21%;
    height: 99.8%;
    text-align: right;
  }
  .pteql-charact-item:nth-child(even) .item-box {
    padding-right: 0.24rem;
  }
  .pteql-charact-item:nth-child(odd) {
    left: 1.1rem;
    top: -2rem;
  }
  .pteql-charact-item:nth-child(odd) .item-desc {
    padding-left: 0.3rem;
    padding-left: 0rem;
    text-align: left;
  }
  .pteql-charact-item:nth-child(odd) .item-title {
    text-align: left;
  }
  .pteql-charact-item:nth-child(odd) {
    left: 1.31rem;
  }
  .pteql-charact-item .item-title {
    line-height: 0.54rem;
  }
  .addnewbac {
    bottom: 26% !important;
  }
  .pteql-charact-imgs .ptimgs {
    scale: 1.5;
  }
  .pteql-charact-sect {
    background: #FBFCFE;
    height: auto;
  }
  .pteql-charact-box {
    position: relative;
    height: auto;
  }
  .pteql-charact-layer1 {
    bottom: 0;
    background: #FBFCFE;
  }
  .pteql-charact-imgs {
    -webkit-transform: translate(0%, -107%);
            transform: translate(0%, -107%);
    bottom: 0;
    top: auto;
  }
  .pteql-charact-imgs.small-w {
    -webkit-transform: translate(0%, -80%);
            transform: translate(0%, -80%);
  }
  .pteql-charact-imgs.large-w {
    -webkit-transform: translate(0%, -112%);
            transform: translate(0%, -112%);
  }
  .p-product-del .special-banner .right .end {
    position: relative;
    padding: 0.8rem 0 1rem;
  }
  .p-product-del .special-banner .right .end::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .p-product-del .pteql-charact-layer1::before {
    background: url(/img/images/tt01.png) no-repeat bottom center;
    background-size: 7.5rem 9.31rem;
    width: 7.5rem;
    height: 9.31rem;
    bottom: -0.7rem;
  }
  .p-product-list .product-tabnav-swiper {
    overflow: initial;
  }
  .p-product-list .product-tabnav-swiper .swiper-slide {
    padding: 0;
  }
  .p-product-list .product-tabnav-swiper a {
    color: #2D2929;
    padding: 0.25rem 0.1rem 0.24rem;
  }
  .p-product-list .product-tabnav-swiper .active a {
    color: #012C7C;
  }
  .p-product-list .product-leading-swiper {
    padding: 0;
    margin-bottom: 1rem;
  }
  .p-product-list .product-leading-swiper .imgs {
    padding-top: 59.0769230769%;
  }
  .p-product-list .product-tabnav-swiper .active::before {
    bottom: -0.03rem;
  }
  .p-product-list .petal-one {
    -webkit-animation: donghua2 0s linear infinite;
            animation: donghua2 0s linear infinite;
    top: -0.33rem;
    left: -0.35rem;
    display: -webkit-flex;
    display: flex;
  }
  .p-product-list .petal-one img {
    width: 0.2rem;
    height: 0.23rem;
  }
  .p-product-list .petal-two {
    display: -webkit-flex;
    display: flex;
    right: -0.13rem;
    bottom: -0.24rem;
    -webkit-animation: donghua2 0s linear infinite;
            animation: donghua2 0s linear infinite;
  }
  .p-product-list .petal-two img {
    width: 0.14rem;
    height: 0.22rem;
    -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }
  .p-product-list .petal-three {
    -webkit-animation: donghua2 0s linear infinite;
            animation: donghua2 0s linear infinite;
    bottom: 0.08rem;
    right: -0.6rem;
    display: -webkit-flex;
    display: flex;
  }
  .p-product-list .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .product-stretch-swiper .end .title br {
    display: none;
  }
  .product-show-list-box .product-show-item .item-line {
    width: 0.01rem;
    -webkit-transition: all 1s;
    transition: all 1s;
    height: 0;
    top: 0.38rem;
    bottom: auto;
  }
  .product-show-list-box .product-show-item .item-line.active {
    height: 100%;
  }
  .product-show-item .item-line {
    -webkit-transition: all 1s;
    transition: all 1s;
    height: 0;
    width: 0.01rem;
  }
  .product-show-item .item-line.active {
    height: 100%;
  }
  .p-product-special .product-show {
    padding: 2.12rem 0 2.65rem;
    background: url(/img/images/business-98.jpg) no-repeat center bottom;
    background-size: contain;
  }
  .p-product-special .product-advancement {
    padding-bottom: 1.78rem;
  }
  .p-product-special .product-advancement-list {
    position: relative;
  }
  .p-product-special .product-advancement-list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/img/images/btt.png) no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
  }
  .p-product-special .product-leading-swiper {
    margin: 0 0 0.94rem;
    padding: 0;
  }
  .p-product-special .product-leading-swiper .bd {
    padding: 0.32rem 0.26rem 0;
    text-align: left;
  }
  .p-product-special .product-leading-swiper .doc {
    margin: 0;
  }
  .p-product-special .product-leading-swiper .doc p {
    margin-bottom: 0.2rem;
  }
  .p-product-special .product-leading-swiper .doc p:last-child {
    margin-bottom: 0;
  }
  .p-product-special .product-advancement .product-leading-swiper .imgs {
    padding-top: 59.0769230769%;
  }
  .p-product-special .product-advancement .petal-one {
    top: -0.5rem;
    left: 0.5rem;
    display: -webkit-flex;
    display: flex;
  }
  .p-product-special .product-advancement .petal-one img {
    width: 0.21rem;
    height: 0.2rem;
  }
  .p-product-special .product-advancement .petal-two {
    right: 1.26rem;
    bottom: -0.34rem;
    display: -webkit-flex;
    display: flex;
  }
  .p-product-special .product-advancement .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
    -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }
  .p-product-special .product-advancement .petal-three {
    bottom: -0.14rem;
    right: 0.86rem;
  }
}
@-webkit-keyframes rotating {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
  }
  25.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
  }
  50.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  75.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  }
}
@keyframes rotating {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
  }
  25.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
  }
  50.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  75.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  }
}
@-webkit-keyframes rotating01 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
  }
  25.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  50.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
  }
  75.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
  }
}
@keyframes rotating01 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  }
  25% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 100%);
  }
  25.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  50% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
  50.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 100%);
  }
  75% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%, 100% 0%);
  }
  75.000001% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 100% 0%);
  }
  100% {
    -webkit-clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
            clip-path: polygon(50% 50%, 0% 0%, 0% 0%);
  }
}
/* 2024.3.18 - 产品详情新增移动端产品图结构 */
.ptdet-app-sect {
  width: 100%;
  background: #FBFCFE;
  position: relative;
  padding: 1rem 0 0;
  overflow: hidden;
}

.ptdet-charapp-swipbox {
  width: 100%;
  position: relative;
  padding: 0 0.5rem;
}

.ptdet-charapp-swip {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.ptdet-charapp-swip::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: -webkit-linear-gradient(top, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(180deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkitlinear-gradient(180deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.ptdet-charapp-list {
  width: 100%;
  position: relative;
  padding: 0 0 0 0.3rem;
}
.ptdet-charapp-list .item {
  margin-bottom: 0.64rem;
}
.ptdet-charapp-list .item:last-child {
  margin-bottom: 0;
}
.ptdet-charapp-list .item-title {
  font-size: 0.36rem;
  line-height: 0.4rem;
  color: #2D2929;
  font-family: "HarmonyOS";
  font-weight: initial;
}
.ptdet-charapp-list .item-doc {
  font-size: 0.28rem;
  line-height: 0.34rem;
  color: #817F7F;
  margin: 0.14rem 0 0;
}

.ptdet-charapp-paging {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 0.7rem 0 0;
}
.ptdet-charapp-paging .bullet {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  border: solid 1px #012C7C;
  background: none;
  margin: 0 0.1rem;
}
.ptdet-charapp-paging .bullet.active {
  background: #012C7C;
}

.ptdet-media-app {
  width: 100%;
  height: 4.56rem;
  position: relative;
  overflow: hidden;
  background: url("/img/common/ptdet-quan.webp") no-repeat center bottom;
  background-size: contain;
}
.ptdet-media-app .imgs {
  width: 100%;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 34%);
  -webkit-transform: translate(-50%, 34%);
}
.ptdet-media-app img {
  width: 100%;
  display: block;
}

/* 2024.3.18 高效光伏组件新增移动端 */
.ptdet-progress {
  width: 0;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -999;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .photovoltaic-sticky-box {
    width: 100%;
    position: relative;
  }
  .photovoltaic-sticky-box .product-show-box {
    width: 100%;
    height: auto;
    position: relative;
  }
  .photovoltaic-sticky-box .product-show-list {
    padding: 0;
  }
  .photovoltaic-sticky-box .product-show-item .item-box {
    -webkit-align-items: flex-end;
            align-items: flex-end;
  }
  .photovoltaic-sticky-box .product-show-item .item-title, .photovoltaic-sticky-box .product-show-item .item-icon {
    transition: none;
    -webkit-transition: none;
  }
  .photovoltaic-sticky-box .product-show-item .item-title.active, .photovoltaic-sticky-box .product-show-item .item-icon.active {
    transition: all 0.5s 0.3s;
    -webkit-transition: all 0.5s 0.3s;
  }
  .photovoltaic-sticky-box .product-show-item .item-icon {
    margin: 0 0 0.2rem !important;
  }
  .photovoltaic-sticky-box .product-show-item .item-line {
    width: 1px;
    transition: none;
    -webkit-transition: none;
  }
  .photovoltaic-sticky-box .product-show-item .item-line.active {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
  }
  .photovoltaic-sticky-box .product-show-item.item1 {
    width: 1.95rem;
    top: 0.3rem;
    left: 0.5rem;
    height: 50%;
  }
  .photovoltaic-sticky-box .product-show-item.item1 .item-box {
    padding: 0 0.24rem 0 0;
  }
  .photovoltaic-sticky-box .product-show-item.item1 .item-line {
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
  }
  .photovoltaic-sticky-box .product-show-item.item2 {
    right: 25.3vw;
    bottom: unset;
    top: -0.72rem;
    height: 53.4%;
  }
  .photovoltaic-sticky-box .product-show-item.item2 .item-box {
    padding: 0 0.22rem 0 0;
    -webkit-justify-content: start;
            justify-content: start;
  }
  .photovoltaic-sticky-box .product-show-item.item2 .item-line {
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
  }
  .photovoltaic-sticky-box .product-show-item.item3 {
    width: 3.04rem;
    top: unset;
    bottom: -1.03rem;
    left: 0.5rem;
    height: 49%;
  }
  .photovoltaic-sticky-box .product-show-item.item3 .item-box {
    padding: 0 0.24rem 0 0;
    -webkit-justify-content: end;
            justify-content: end;
  }
  .photovoltaic-sticky-box .product-show-item.item3 .item-line {
    top: 0;
    bottom: unset;
    left: unset;
    right: 0;
  }
  .photovoltaic-sticky-box .product-show-item.item4 {
    top: unset;
    bottom: 0.52rem;
    left: unset;
    right: 15vw;
    height: 63%;
  }
  .photovoltaic-sticky-box .product-show-item.item4 .item-box {
    padding: 0 0.2rem 0 0;
  }
  .photovoltaic-sticky-box .product-show-item.item4 .item-line {
    top: 0;
    bottom: unset;
    left: unset;
    right: 0;
  }
}