/* @import url("./english.css"); */


@media screen and (max-width: 3839px) {
  html {
    font-size: 24px;
  }

}

@media screen and (min-width: 3840px) {
  html {
    font-size: 32px;
  }
}

@media screen and (max-width: 2560px) {
  html {
    font-size: 18px;
  }
}

@media screen and (max-width: 1920px) {
  html {
    font-size: 16px;
  }

  .architecture-img img {
    width: auto;
    height: auto;
  }
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 14px;
  }

  .architecture-img img {
    width: auto;
    height: auto;
  }
}

/* 大屏平板和小屏电脑 */
@media screen and (max-width: 1366px) {
  html {
    font-size: 12px;
  }
}

/* 小屏平板设备 */
@media screen and (max-width: 1024px) {
  html {
    font-size: 12px;
  }

  .home .copyright,
  .product-list .product-right {
    display: none;
  }

  body .ser .plan .plan-c {
    flex-wrap: wrap;
  }

  body .ser .plan .plan-temp {
    width: 47%;
    margin-bottom: 3rem;
  }

  body .develop .plan .plan-c {
    flex-wrap: wrap;
  }

  body .develop .plan .plan-temp {
    width: 47%;
    margin-bottom: 3rem;
  }

  body .ib .vector-b {
    flex-wrap: wrap;
  }

  body .ib .vector-b-temp {
    width: 47%;
    margin-bottom: 3rem;
  }

  body .product-prodetail .product-temp {
    width: calc(50% - 1.25rem);
  }
}

/* 手机 */
@media screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }

  body .solu-href {
    height: auto;
    padding: 20% 0;
  }

  .solu-href .w h1 {
    font-size: 2rem;
  }

  .solu-href .w p {
    font-size: 1.125rem;
  }

  body .mybanner {
    position: relative;
    height: auto;
    top: auto;
  }

  body .mybanner-box {
    background: none;
    height: 0;
  }

  .mybanner .mybanner-c {
    background: none;
  }

  .mybanner .mybanner-c section {
    display: none;
  }

  body .mybanner img,
  body .mybanner video {
    width: 100%;
    height: auto;
  }

  .mybanner .todown {
    display: none;
  }

  .mybanner .mybanner-c .mb-nav {
    bottom: 1rem;
    top: auto;
  }

  .dp .papers-banner {
    height: 50vh;
  }

  .hbg-banner .hbg-banner-pc {
    display: none;
  }

  .hbg-banner .hbg-banner-phone {
    display: block;
  }

  .ser .vc,
  .develop .vc,
  .overview .vc {
    display: none;
  }

  .ser .vcp,
  .develop .vcp,
  .overview .vcp {
    display: block;
  }

  .art-bt .art-title:last-child {
    display: none;
  }

  body .art-box.active {
    padding: 2rem;
  }

  .art .art-t {
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .art .art-t a {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-bottom: 1.75rem;
    width: 50%;
  }



  .art .art-t .longbtn {
    display: none;
  }

  .art .art-title,
  .art .art-temp {
    width: 100%;
    margin: 0;

  }


  .art .art-temp:nth-last-child(1),
  .art .art-temp:nth-last-child(2) {
    border-bottom: 1px solid #CCD3DD4d;
  }

  .art .art-temp:last-child {
    border-bottom: none;
  }

  .home .home-temp .con {
    height: 100%;
    justify-content: flex-start;
    padding-top: 40%;
  }

  .product-list .product-right,
  .footer .footer-t .footer-temp:nth-child(1),
  .footer .footer-t .footer-temp:nth-child(2) {
    display: none;
  }

  .home .home-box .con {
    margin-left: 8%;
  }

  .home .home-box .home-temp:nth-child(1) span:nth-child(1) {
    margin-bottom: .625rem;
  }

  .home .home-box .home-temp:nth-child(2) span:nth-child(1) {
    font-size: 1.25rem
  }

  .home .home-box .home-temp:nth-child(2) span:nth-child(1) i {
    font-size: 1rem;
    margin-left: 1rem;
    padding: .125rem .375rem;
  }

  .home .home-box .home-temp .con-title {
    font-size: 1.875rem;
    margin-bottom: .625rem;
  }

  .home .home-box .home-temp .con-titleb {
    font-size: .875rem;
    margin-bottom: 1.25rem;
  }

  .home .home-box .home-temp:nth-child(3) .con-box .con-temp i {
    width: 1.875rem;
    height: 1.875rem;
  }

  .casesdetails .casesdetails-survey .w,
  .casesdetails .casesdetails-dot .w {
    flex-direction: column;
  }

  .casesdetails .casesdetails-survey-c .casesdetails-survey-temp,
  .casesdetails .casesdetails-dot .casesdetails-dot-c {
    width: 100%;
    margin-left: 0;
  }

  .general .download .download-c {
    flex-direction: column;
  }

  .general .download .download-c .download-temp {
    width: 100%;
    margin-bottom: 1.875rem;
  }

  .papers-banner .papers-help {
    font-size: 1.875rem;
    width: 100%;
  }

  .papers-help .papers-input {
    width: 86%;
  }

  .papers-c .papers-type {
    flex-direction: column;
    align-items: flex-start;
  }

  .dp .papers-type .longbtn {
    padding: 1rem !important;
  }

  .dp-lists .papers-type .dp-lists-temp-l {
    width: 100%;
  }

  .papers-c .papers-type .papers-type-l {
    margin: 1.25rem .375rem .3125rem .375rem;
  }

  .papers-c .papers-type .papers-type-r {
    margin: 1rem 0;
    width: 100%;
    justify-content: space-between;
  }

  .papers-c .papers-type .papers-type-r .longbtn {
    width: 30%;
    font-size: 1.125rem;
    height: 3rem;
    padding: 1rem;
  }

  .dp-lists .dp-lists-box .dp-lists-temp {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: .0625rem dashed #ccd3dd;
  }

  .dp-lists .dp-lists-box .dp-lists-temp-lr {
    flex: 1;
  }

  .dp-lists .dp-lists-box .dp-lists-temp-r {
    margin-top: .625rem;
    width: 100%;
    justify-content: flex-end;
  }



  .dp-lists .dp-lists-box .dp-lists-temp-lrb {
    flex-direction: column;
  }

  .dp-lists .dp-lists-header span:last-child,
  .dp-lists .dp-lists-temp-c {
    display: none;
  }

  .summary .w {
    flex-direction: column;
  }


  .summary .w .summary-r {
    margin-top: 2.5rem;
  }

  .summary .w .summary-r span {
    font-size: 1.125rem;
  }

  .summary .w .summary-l,
  .summary .w .summary-r {
    width: 100%;
  }

  .sol .mybanner-b .good {
    height: auto;
    background-size: cover;
  }

  .sol .good .w {
    flex-direction: column;
  }

  .sol .good .good-l {
    width: 100%;
    height: auto;
    border-right: none;
  }

  .sol .good .good-temp span:nth-child(3) {
    font-size: 1.125rem;
  }

  .sol .good .good-r {
    width: 100%;
    height: auto;
    padding: 0;
    margin-bottom: 10%;
  }

  .sol .mybanner-b .guarantee-box {
    flex-direction: column;
    align-items: center;
    padding-bottom: 10vh;
  }

  .sol .mybanner-b .guarantee-box .guarantee-add {
    margin: 1.875rem 0;
  }

  .mybanner-b .painspot {
    height: auto;
  }

  .mybanner-b .painspot-box {
    position: relative;
    bottom: auto;
    flex-wrap: wrap;
    justify-content: space-between;

  }

  .mybanner-b .painspot-temp {
    width: 48%;
    border: none;
    margin-bottom: 3.125rem;
    margin-right: 0;
    flex: none;
    padding-right: 0;
  }



  .pro .value .swiper-slide {
    flex-direction: column;
  }

  .pro .value .swiper-slide .value-r {
    opacity: 0;
  }

  .pro .value .swiper-slide-active .value-r {
    opacity: 1;
  }

  .pro .mybanner-b .value-l {
    width: 100%;
    margin-bottom: 1.25rem;
  }

  .pro .mybanner-b .value-r {
    width: 100%;
  }

  .pro .value .roundbtn-tr,
  .pro .value .roundbtn-tl {
    display: none;
  }

  .pro .mybanner-b .value .mytitle {
    transform: translateY(0);
    padding-bottom: 3.125rem;
    padding-top: 5.625rem;
  }

  .pro .mybanner-b .value .swiper-slide .value-l,
  .pro .mybanner-b .value .swiper-slide .value-r {
    transition: all 0.6s;
    transform: translateY(0);
  }

  .pro .mybanner-b .value-l p:last-child {
    font-size: 1.125rem;
  }

  .pro .work-box .work-dot span:last-child {
    font-size: 1rem;
  }

  .pro .work-box .work-dot::after {
    display: none;
  }

  .pro .work .work-box .swiper-slide {
    flex-direction: column;

  }

  .pro .work .work-l span:last-child {
    font-size: 1.125rem;
  }

  .pro .work .work-l {
    width: 100%;
    border: none;
    margin-top: 8%;
  }

  .pro .work .work-r {
    width: 100%;
  }

  .pro .work .swiper-button-next,
  .pro .work .swiper-button-prev {
    display: none;
  }

  .ser .plan .plan-c {
    flex-direction: column;
  }

  .ser .plan .plan-c .plan-temp {
    width: 100%;
    margin-bottom: 1.875rem;
  }

  .develop .light-b {
    justify-content: space-between;
  }

  .ser .mybanner-b .plan-b span:first-child {
    font-size: 1.5rem;
  }

  .ser .mybanner-b .plan-b p:last-child {
    font-size: 1.125rem;
  }

  .develop .light-b .light-temp {
    width: 48%;
    margin-top: 2.5rem;
  }

  .develop .plan .plan-c {
    flex-direction: column;
  }

  .develop .mybanner-b .plan .plan-temp {
    margin-bottom: 1.25rem;
    width: 100%;
  }

  .ib .mybanner-b .vector {
    height: auto;

  }

  .ib .vector .vector-t {
    flex-direction: column;
  }

  .ib .vector .vector-t .vector-tl {
    width: 100%;
  }

  .ib .vector .vector-t .vector-tr {
    padding-top: 0;
    justify-content: space-between;
    padding-bottom: 2rem;
  }

  .ib .vector .vector-t .vector-tr .vector-tr-temp {
    margin-right: 0;
  }

  .ib .vector .vector-b {
    flex-direction: column;
  }

  .ib .vector .vector-b-temp {
    width: 100%;
    margin-bottom: 1.875rem;
  }

  .ib .mybanner-b .vector .vector-c {
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
  }

  .ib .mybanner-b .vector .vector-c .vector-c-temp {
    flex-wrap: wrap;
    width: 50%;
  }

  .ib .mybanner-b .vector .vector-b .vector-dots span {
    width: 23%;
    margin: 0 2%;
  }

  .ib .mybanner-b .vector .vector-b .vector-dots::before {
    display: none;
  }

  .ib .mybanner-b .vector .vector-b .vector-dots .active::before {
    display: none;
  }

  .ib .mybanner-b .vector .vector-b .vector-dots .active::after {
    display: none;
  }

  .ib .mybanner-b .vector .vector-temp-content {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 5%;
  }

  .ib .mybanner-b .vector .vector-temp-content-l {
    width: 100%;
  }

  .ib .mybanner-b .vector .vector-img {
    height: auto;
  }

  body .environment .swiper .swiper-pagination {
    display: block;
  }

  .overview .environment .swiper .swiper-button-prev {
    display: none;
  }

  .overview .environment .swiper .swiper-button-next {
    display: none;
  }

  .overview .environment .swiper-pagination {
    bottom: 0rem;
    top: auto;
  }

  .overview .environment .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--light);
  }

  .overview .mybanner-b .com-weare-t {
    height: auto;
  }

  .overview .mybanner-b .com-weare-t-box p {
    font-size: 1.125rem;
  }

  .overview .mybanner-b .com-weare-t-box span:nth-child(1) {
    margin-top: 0;
  }

  .overview .mybanner-b .com-weare-t-box {
    width: 100%;
  }

  .overview .mybanner-b .com-weare-b .w {
    flex-direction: column;
  }

  .overview .mybanner-b .com-weare-temp-b {
    font-size: 1.125rem;
  }

  .overview .mybanner-b .com-weare-temp {
    margin: 1rem 0;
  }

  .overview .mybanner-b .history .history-b span {
    font-size: 1.125rem;
  }

  .overview .history .swiper .swiper-wrapper {
    flex-direction: column;
  }

  .overview .history .swiper .swiper-slide {
    width: 100%;
    border: none;
    padding: 0;
  }

  .overview .history .roundbtn-tl,
  .overview .history .roundbtn-tr {
    display: none;
  }

  .overview .mybanner-b .history .history-title {
    margin-bottom: 0;
  }

  .overview .mybanner-b .honor-r {
    display: none;
  }

  .overview .mybanner-b .honor-l {
    width: 100%;
    justify-content: flex-start;
    padding: 0;
    top: 0;
  }

  .overview .environment {
    height: auto;
    padding: 0 8%;
  }

  .environment .environment-title {
    margin: 0;
  }

  .overview .environment .swiper {
    height: auto;
    margin-bottom: 4rem;
  }

  .overview .environment .swiper-slide {
    margin-bottom: 2rem;
  }

  .overview .environment .swiper-slide span:nth-child(4) {
    width: 100%;
    padding: 0 8%;
    left: 0;
    bottom: 40%;
  }

  .overview .mybanner-b .partners .swiper-slide .company {
    width: 100%;
    margin: .625rem 10%;
  }

  .overview.environment .swiper-slide span:nth-child(5) {
    width: 100%;
    padding: 0 8%;
    left: 0;
    bottom: 5%;
  }

  .papersbox .dcs {
    grid-gap: 1.125rem;
  }

  .papersbox .dcs .dcs-temp {
    padding: 1.25rem;
  }

  .dp-lists .dp-lists-temp .dp-lists-temp-l {
    width: 100%;
  }

  .dp-lists .dp-lists-temp-l .dp-lists-temp-lrb span {
    width: 100%;
  }

  .dp .papers-product .papers-productType span {
    width: 48%;
    margin: .375rem 0;
  }

  .dp .papers-product .papers-productType {
    justify-content: space-between;
    padding: 0;
    height: auto;
    max-height: max-content;
    transition: none;
  }

  .dp .papers-product .papers-productType.expanded {
    height: auto;
    max-height: max-content;
  }

  .dp .papers-product .papers-fileType {
    justify-content: space-between;
    padding: 0;
    height: auto;
    max-height: max-content;
    transition: none;
  }

  .dp .papers-product .papers-fileType span {
    width: 48%;
    margin: .375rem 0;
    padding: 0;
  }

  .dp .papers-product .papers-productType span {
    padding: 0;
  }

  .dp .papers-product .papers-productType .retract {
    display: none;
  }

  .dp .dp-lists .dp-lists-header span:first-child {
    padding-left: 2%;
  }

  .dp .dp-lists .dp-lists-temp-ll {
    margin-left: 2%;
  }

  .dp .dp-lists .dp-lists-title {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 0;
  }

  .dp .dp-lists .dp-lists-header {
    margin-top: 1rem;
  }

  .dp .pop-title .pop-tab {
    margin-right: 2rem;
  }

  .dp .pop-title {
    margin-bottom: 2rem;
  }

  body .pop-c {
    width: 86%;
    padding: 8%;
  }

  .cases .mybanner-b .cases-sel .w {
    grid-gap: 1.3rem;
  }

  .cases .mybanner-b .cases-temp span:nth-child(4) {
    font-size: 1.625rem;
  }

  .casesdetails #nav+.mb-nav {
    bottom: 1rem;
    padding-top: 40%;
  }

  .casesdetails {
    background-size: 100% 50vh !important;
  }

  .casesdetails .casesdetails-title .w {
    font-size: 1.75rem;
  }

  .casesdetails .casesdetails-img {
    height: 30vh;
  }

  .casesdetails .mytitle {
    width: 100%;
  }

  .casesdetails .casesdetails-btn .w {
    justify-content: space-between !important;
  }

  .pro .mybanner-b .work-r .work-r-box {
    flex: none;
  }

  .pro .mybanner-b .work-r {
    justify-content: flex-start;
  }

  .pro .mybanner-b .work-rb {
    margin-top: 1rem;
  }

  .pro .painspot-temp span:nth-child(2) {
    font-size: 1.75rem;
  }

  .soldetails .worth {
    padding-bottom: 5vh;
  }

  .soldetails .worth .w .worth-box {
    flex-direction: column;
  }

  .soldetails .worth .w .worth-temp {
    width: 100%;
  }

  .soldetails .card .w {
    flex-direction: column-reverse;
  }

  .soldetails .card .w .card-temp-l {
    padding-right: 0;
  }

  .soldetails .card .w .card-temp-r {
    display: none;
  }

  .painspot .painspot-box {
    flex-wrap: wrap;
    justify-content: space-between;
    position: static;
  }

  .painspot .painspot-box .painspot-temp {
    width: 46%;
    margin: 0;
    padding: 0;
    border: none;
    flex: none;
    padding-bottom: 2rem;
    align-items: center;
  }

  .money .swiper-wrapper {
    flex-direction: column;
  }

  .money .w .swiper-slide .money-box {
    padding: 7%;
    margin-bottom: 2rem;
  }

  .money .w .swiper-slide span:nth-child(3) {
    height: auto;
  }

  .product-prodetail .product-box .product-temp:nth-child(3n-1),
  .product-prodetail .product-box .product-temp {
    width: 100%;
    margin: .9375rem 0;
  }

  .product-prodetail .recommend.w .recommend-box {
    flex-direction: column;
  }

  .product-prodetail .recommend.w .recommend-temp {
    width: 100%;
  }

  .product-prodetail .product-t .product-tl p {
    display: none;
  }

  .product-prodetail .product-t .product-tl {
    padding: 0;
    justify-content: flex-end;
    padding-bottom: 10vh;
    bottom: 0;
    top: auto;
    left: 8%;
    transform: none;
  }

  .product-prodetail .product-t .product-tl .product-detail {
    margin-top: 0;
    width: 100%;
  }

  .product-prodetail .product-banner .product-img {
    width: 86vw;
    height: 86vw;
    margin: 0;
    top: 6rem;
  }

  .product-prodetail .product-banner .product-tl-r {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .product-prodetail .product-banner .product-t {
    height: calc(86vw + 12.5rem + 10vh);
  }

  .product-prodetail .product-banner .product-b p {
    width: 100%;
  }

  .contact .contact-form .contact-form-l {
    display: none;
  }

  .contact .contact-form .contact-form-r {
    width: 100%;
  }

  .contact .contact-form .contact-form-r .form-bi .inb {
    width: 100%;
  }

  .contact .contact-form .contact-form-r .form-bi {
    flex-direction: column;
  }

  .hbg-banner .todown {
    display: none;
  }

  .hbg-banner .hbg-banner-contents .hbg-detail {
    margin-top: 0;
    padding-bottom: 10vh;
    width: 100%;
  }

  .hbg-banner .hbg-banner-contents .hbg-detail a {
    margin: 0;
    margin-right: 2rem;
  }

  .overview .vcp-t .w span:nth-child(2) {
    font-size: 1.125rem;
  }

  .overview .history .swiper-slide .history-b {
    height: auto;
    margin-bottom: 1.5rem;
  }

  .overview .history .w .swiper {
    margin-bottom: 4rem;
  }

  .overview .partners .w .swiper-slide {
    margin-bottom: 2%;
  }

  body .contact .contact-banner {
    height: auto;
  }

  .contact .contact-bn {
    margin: 5% 0;
  }

  .contact .contact-form .contact-form-r .form-bi .inb+.inb {
    margin: 0;
    margin-top: 2.375rem;
  }

  .contact .contact-form .contact-form-r .form-bi .inb span {
    font-size: 1.125rem;
  }

  .contact .contact-info .contact-infob {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .contact .joinus .joinus-lb {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0;
    justify-content: space-between;
  }

  .contact .joinus .joinus-lb-i {
    padding: 2rem;
    width: 46%;
    margin-bottom: 2rem;
  }

  .rp .mybanner-b .framework {
    height: auto;
  }

  .rp .mybanner-b .framework-c {
    margin-bottom: 3rem;
  }

  .rp .mybanner-b .showp {
    display: flex;
  }

  .rp .mybanner-b .show {
    display: none;
  }

  .painspot .w {
    padding-bottom: 5rem;
  }

  .rp .scene {
    display: none;
  }

  .rp .mybanner-b .scenep {
    display: block;
  }

  .rp .painspot-temp span:nth-child(2) {
    font-size: 1.5rem;
  }

  .rp .painspot-temp span:nth-child(3) {
    font-size: 1.125rem;
    text-align: center;
  }

  .rp .painspot-ico {
    width: 3.5rem;
    height: 3.5rem;
  }

  body .mytitlew span:nth-child(1),
  body .mytitle span:nth-child(1) {
    font-size: 2rem;
  }

  .appleshow .appleshow-c {
    height: auto;
  }

  .appleshow .appleshow-span {
    position: relative;
  }

  body .appleshow .appleshow-c .mytitlew span:nth-child(1),
  body .appleshow .appleshow-c .mytitle span:nth-child(1) {
    font-size: 1.34rem;
  }

  .appleshow .appleshow-span .w {
    align-items: flex-start;
  }

  .appleshow .appleshow-black {
    display: none;
  }

  .appleshow .appleshow-c .mytitlew p,
  .appleshow .appleshow-c .mytitle p {
    text-align: left;
    margin-top: 0.5rem;
    font-size: 1.125rem;
  }

  .appleshow .mytitlew {
    padding-top: 1.5rem;
  }

  .airpodsshow .appleshow-c {
    display: none;
  }

  .airpodsshow .appleshow-phone {
    height: auto;
    display: block;
  }

  .airpodsshow .appleshow-phone-b {
    padding-top: 1.5rem;
    padding-bottom: 3.125rem;
  }

  .airpodsshow .appleshow-phone-b .w span {
    font-size: 1.34rem;
    line-height: 2.5rem;
    font-weight: bold;

  }

  body .mytitle,
  body .mytitlew {
    padding-top: 4rem;
  }

  body .product-list .product-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  }

  body .hbg-banner-contents .w {
    justify-content: flex-start;
    padding: 0;
    padding-top: 8rem;
  }

  body .hbg-banner-contents span:nth-child(2) {
    display: none;
  }

  body .recover {
    height: auto;
  }

  .recover .recover-b {
    position: relative;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .recover .recover-b .swiper-slide,
  .recover .recover-b .swiper-slide.active {
    border: none;
    margin-bottom: 2rem;
  }

  .recover .mytitlew,
  .recover .mytitle {
    padding-top: 1rem;
  }

  .recover .mytitlew span:nth-child(1),
  .recover .mytitle span:nth-child(1) {
    font-size: 1.5rem;
  }

  .recover .recover-c .recover-btn {
    bottom: 5%;
  }

  body .hbg-banner {
    height: 80vh;
  }

  body .hbg-banner .mb-nav {
    bottom: 2rem;
  }

  body .recover {
    display: none;
  }

  body .recoverp {
    display: block;
  }

  body .general .after-bc {
    height: auto;
  }

  body .hbg-banner-contents {
    bottom: 0;
    height: auto;
    top: auto;
  }

  body .hbg-banner-contents span:first-child {
    font-size: 2.5rem;
    margin-bottom: 1.25rem;
    font-weight: bold;
  }

  body .art-b {
    padding: 1rem 0;
  }

  body .art-temp span {
    line-height: 1.875rem;
  }

  body .general .guest {
    height: auto;
  }

  body .general .guest-c {
    padding: 8% 0;
  }


  body .progress-wrap {
    bottom: 5rem;
    right: 2rem;
  }

  body .product-list .product-left .product-temp {
    margin-bottom: 0;
    padding: 0 0 2rem 0;
  }

  body .product-list .product-left .product-temp:hover {
    background: none;
    box-shadow: none;
  }

  body .product-list .product-left .product-temp:hover img {
    transform: scale(1);
  }

  body .product-list .product-left .product-img {
    padding: 0 15%;
  }

  body .soldetails .banner {
    height: auto;
  }

  body .si {
    height: auto;
    padding-bottom: 1rem;
  }

  body .si-t {
    position: static;
    height: 3rem;
    margin: 1rem 8%;
    font-size: 1rem;
  }

  body .si-t .jt {
    display: none;
  }

  body .si-img {
    position: relative;
    overflow: auto;
    line-height: 0
  }

  body .si-t i,
  body .si .si-c {
    display: none;
  }

  body .si .si-p {
    display: block;
    height: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
  }

  body .soldetails .banner .banner-c {
    display: none;
  }

  body .rmu .banner,
  body .hpdf .banner {
    height: auto;
    position: relative;
  }

  .appleshow .appleshowbtn {
    position: absolute;
    width: 3.8rem;
    height: 3.8rem;
    top: calc(50% - 1.9rem);
    left: calc(50% - 1.9rem);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 1024 1024' %3E%3Cpath d='M780.8 475.733333L285.866667 168.533333c-27.733333-17.066667-64 4.266667-64 36.266667v614.4c0 32 36.266667 53.333333 64 36.266667l492.8-307.2c29.866667-14.933333 29.866667-57.6 2.133333-72.533334z' /%3E%3C/svg%3E") center no-repeat;
    background-size: 100% 100%;
  }

  body .product-list .product-left .product-temp>span:first-child {
    font-size: 1.25rem;
  }

  body .si-temp>span:first-child {
    font-size: 1.25rem;
  }
}

@media screen and (max-width: 768px) {

  body .general .after-cc span:nth-child(1) {
    font-size: 1rem;
    text-shadow: 0px 1px 2px #0000004d;
  }

  body .general .after-cc span:nth-child(2) {
    font-family: "INTER-MEDIUM";
    font-size: 4.5rem;
    font-weight: bold;
    text-shadow: 0px 1px 2px #0000004d;
  }

  body .general .after-cc span:nth-child(3) {
    font-size: .75rem;
    text-shadow: 0px 1px 2px #0000004d;
  }
}




@font-face {
  font-family: 'INTER-MEDIUM';
  src: url('../css/font/INTER-MEDIUM-8.OTF');
}

@font-face {
  font-family: 'INTER-SEMIBOLD';
  src: url('../css/font/INTER-SEMIBOLD-10.OTF');
}

@font-face {
  font-family: 'ZENDOTS-REGULAR';
  src: url('../css/font/ZENDOTS-REGULAR.TTF');
}

:root {
  --light: #019999;
  --deep: #39EAF1;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #f6f8fa;
  font-family: 'microsoft yahei', sans-serif;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

canvas {
  display: block;
}


.w {
  width: 84%;
  height: 100%;
  margin: 0 auto;
}

.swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

/* longbtn button 按钮 */
.longbtn {
  padding: 0 1.875rem;
  height: 2.625rem;
  border-radius: .3125rem;
  cursor: pointer;
  border: 1px solid #ccd3dd99;
  letter-spacing: 1.5px;
  color: #fff;
  display: inline-block;
  display: flex;
  background-color: #00000000;
  justify-content: center;
  align-items: center;
  user-select: none;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
  font-size: .875rem;
}

/* 方案免费获取按钮 */
.longbtn.nomoneybtn {
  padding: 0 1.5625rem;
  background: #019999;
  border: 1px solid #019999;
}

/* 小一点的按钮 */
.longbtn.small {
  height: 2.25rem;
  padding: 0 1.25rem;
}

/* 下载按钮 */
.longbtn.download i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1024 1024' %3E%3Cpath d='M168 660.032a16 16 0 0 1 16 14.72v133.248h659.008v-132.032a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v164.032a64 64 0 0 1-62.72 64H152a64 64 0 0 1-64-62.72v-165.312a16 16 0 0 1 16-16h64z m379.648-564.8a16 16 0 0 1 14.72 15.168v364.352l128.64-127.68a16 16 0 0 1 19.2-2.56l3.328 2.56 45.248 45.312 1.408 1.536a16 16 0 0 1-1.408 21.12L538.24 634.048l-0.192-0.192-9.344 9.472a16 16 0 0 1-18.944 2.752l-3.392-2.56-126.72-120.768a16 16 0 0 1-0.192-0.192L268.224 416.512a16 16 0 0 1-0.64-22.528l43.648-46.848a16 16 0 0 1 22.656-0.832l132.48 124.8V111.168l0.128-1.216a16 16 0 0 1 15.104-14.72z' /%3E%3C/svg%3E") center no-repeat;
  margin-left: .3125rem;
}

/* 悬浮视频 */
.watchvideo {
  width: 0;
  height: 0;
  position: absolute;
  object-fit: contain;
}

/* 标题 */
.mytitle {
  color: #000;
  padding-bottom: 3.125rem;
  padding-top: 5.625rem;
  display: flex;
  flex-direction: column;
}

.mytitlew {
  color: #fff;
  padding-bottom: 3.125rem;
  padding-top: 5.625rem;
  display: flex;
  flex-direction: column;
}

.mytitlew.center {
  align-items: center;
  justify-content: center;
  height: 100vh;
  pointer-events: none;
}

.mytitlew span.mg-sp {
  margin-top: 3vw;
}

.mytitlew span:nth-child(1),
.mytitle span:nth-child(1) {
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 2.5rem;
}

.mytitle span:nth-child(2),
.mytitlew span:nth-child(2) {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.mytitle span:nth-child(3),
.mytitlew span:nth-child(3) {
  margin-top: 1.25rem;
  font-size: 1rem;
}

.mytitle p,
.mytitlew p {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* 标题 */

.icon-nomoneybtn {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 15 12' %3E%3Cpath d='M13.8672 5.27918L7.97852 0.191286C7.73437 -0.0196513 7.36328 0.00769255 7.15234 0.251833C6.94141 0.495974 6.96875 0.867068 7.21289 1.078L11.8516 5.08582H6.86328C5.22461 5.08582 3.68555 5.72449 2.52734 6.88269C1.36914 8.04089 0.730469 9.58191 0.730469 11.2186C0.730469 11.5428 0.992188 11.8046 1.31641 11.8046C1.64062 11.8046 1.90234 11.5428 1.90234 11.2186C1.90234 8.4823 4.12695 6.25769 6.86328 6.25769H11.9688L7.21289 10.3651C6.96875 10.576 6.94141 10.9471 7.15234 11.1913C7.26758 11.326 7.43164 11.3944 7.5957 11.3944C7.73047 11.3944 7.86719 11.3475 7.97852 11.2518L13.8672 6.16394C13.9961 6.05261 14.0703 5.8905 14.0703 5.72058C14.0703 5.55066 13.9961 5.3905 13.8672 5.27918Z' /%3E%3C/svg%3E") center no-repeat;
  margin-left: .3125rem;
}

.longbtn.deep {
  border: 1px solid #666;
  color: #000;
}

.longbtn:hover {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
}

.longbtn:active {
  background: var(--light);
  box-shadow: var(--light) 0px 0px 0px 0px;
  transform: translateY(3px);
  transition: 100ms;
}

/* round button 右边按钮 */
.roundbtn-tr {
  width: 3.5625rem;
  height: 3.5625rem;
  border-radius: .3125rem;
  border: 1px solid #ccd3dd99;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.5s;
  user-select: none;
  cursor: pointer;
  position: relative;
}

.roundbtn-tr.deep {
  border: none;
  background: #fff;
}

.roundbtn-tr .arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.roundbtn-tr .arrow {
  width: .875rem;
  background: #fff0;
  height: .125rem;
  position: relative;
  transition: all 0.2s;
}

.roundbtn-tr .arrow {
  width: .875rem;
  background: #fff0;
  height: .125rem;
  position: relative;
  transition: all 0.2s;
}

.roundbtn-tr .arrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #fff;
  border-width: 0 .125rem .125rem 0;
  top: -0.3125rem;
  right: .1875rem;
  transition: 0.2s;
  width: .625rem;
  height: .625rem;
  transform: rotate(-45deg);
}

.roundbtn-tr.deep .arrow::before {
  border: solid #757a81;
  border-width: 0 .125rem .125rem 0;
}

.roundbtn-tr:hover {
  background: var(--light);
  border: 1px solid var(--light);
}

.roundbtn-tr:hover .arrow {
  background: #fff;
}

.roundbtn-tr:hover .arrow:before {
  border-color: #fff;
  right: 0;
}


.roundbtn-tr .arrow-wrapper span {
  position: absolute;
  right: 5rem;
  text-align-last: justify;
  white-space: nowrap;
}

/* round button 左边按钮 */
.roundbtn-tl {
  width: 3.5625rem;
  height: 3.5625rem;
  border-radius: .3125rem;
  border: 1px solid #ccd3dd99;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.5s;
  cursor: pointer;
  position: relative;
}

.roundbtn-tl.deep {
  border: none;
  background: #fff;
}

.roundbtn-tl .arrow-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.roundbtn-tl .arrow {
  width: .875rem;
  background: #fff0;
  height: .125rem;
  position: relative;
  transition: all 0.2s;
}

.roundbtn-tl .arrow::before {
  content: "";
  display: inline-block;
  position: absolute;
  border: solid #fff;
  border-width: .125rem 0 0 .125rem;
  top: -0.3125rem;
  left: .1875rem;
  transition: 0.2s;
  width: .625rem;
  height: .625rem;
  transform: rotate(-45deg);
}

.roundbtn-tl.deep .arrow::before {
  border: solid #666;
  border-width: .125rem 0 0 .125rem;
}

.roundbtn-tl:hover {
  background: var(--light);
  border-color: var(--light);
}

.roundbtn-tl:hover .arrow {
  background: #fff;
}

.roundbtn-tl:hover .arrow:before {
  border-color: #fff;
  left: 0;
}


.roundbtn-tl .arrow-wrapper span {
  position: absolute;
  left: 5rem;
  text-align-last: justify;
  white-space: nowrap;
}

/* 鼠标悬浮背影 */
.myshadow {
  transition: box-shadow 0.3s;
}

.myshadow:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.3s;
}

/* 移动效果 */

.rollIn {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(12.5rem);
    -ms-transform: translateY(12.5rem);
    transform: translateY(12.5rem);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* 回到顶部 */
.progress-wrap {
  position: fixed;
  right: 3.125rem;
  bottom: 9.375rem;
  height: 3.25rem;
  width: 3.25rem;
  cursor: pointer;
  border-radius: 50%;
  background: var(--light);
  z-index: 10000;
  display: none;
}

.progress-wrap::after {
  content: '';
  position: absolute;
  height: 3.25rem;
  width: 3.25rem;
  left: 0;
  top: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1024 1024' %3E%3Cpath d='M558.34857177 512l-92.69714354 0L465.65142823 844.18021393A38.60836029 38.60836029 0 0 0 504.25978851 882.78857422l15.48042298 0A38.60836029 38.60836029 0 0 0 558.34857177 844.18021393L558.34857177 512z M707.40557862 453.13731385l-159.90257264-259.32025911a38.60836029 38.60836029 0 0 0-65.49053192-0.41713714l-164.21298981 259.3202591A38.60836029 38.60836029 0 0 0 350.42887878 512L674.54444122 512a38.60836029 38.60836029 0 0 0 32.90748597-58.86268615z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 54% 54%;
}

/* 向下滑动提示 */
.todown {
  width: 100%;
  position: absolute;
  z-index: 30;
  bottom: 2%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.todown-a {
  height: 1.875rem;
  width: 1.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  transform: translateZ(0);
  position: relative;
  animation: comani 1.5s infinite;
  animation-fill-mode: none;
}


.todown-b {
  height: 1.875rem;
  width: 1.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: .9375rem;
  transform: translateZ(0);
  animation: comani 1.5s infinite;
  animation-delay: 0.5s;
  animation-fill-mode: none;
}

.todown-c {
  height: 1.875rem;
  width: 1.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  position: relative;
  bottom: 1.875rem;
  transform: translateZ(0);
  animation: comani 1.5s infinite;
  animation-delay: 1s;
  animation-fill-mode: none;
}


@keyframes comani {
  0% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
    background-size: 100% 100%;
  }

  50% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD80' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
    background-size: 100% 100%;
  }

  100% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.906879 662.759609 511.906879 662.759609 129.831974 280.679587c-14.788821-14.762215-38.777165-14.762215-53.585429 0-14.788821 14.812357-14.788821 38.799678 0 53.607942l405.851425 405.805376c0.867764 1.107217 1.824555 2.190899 2.843768 3.206018 14.808264 14.788821 38.795585 14.788821 53.585429 0l408.230612-408.226518c14.807241-14.808264 14.807241-38.795585 0-53.584406-14.767332-14.785751-38.754652-14.785751-53.562916 0L511.906879 662.759609 511.906879 662.759609zM511.906879 662.759609' /%3E%3C/svg%3E") center no-repeat;
    background-size: 100% 100%;
  }
}

/* 向下滑动提示 */
/* banner公共 */
.mybanner {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 1;
  font-size: 0;
}

.mybanner-box {
  height: 210vh;
}

.mybanner-b {
  position: relative;
  z-index: 3;
  background-color: #f6f8fa;
}

.mybanner img,
.mybanner video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.mybanner .watchvideo {
  width: 0;
  height: 0;
  position: absolute;
  object-fit: contain;
}

.mybanner .mb-nav {
  position: absolute;
  bottom: 5%;
}

.mybanner .todown {
  position: absolute;
  bottom: 5%;
}

.mybanner-c {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #0000004d;
  display: flex;
  flex-direction: column;
}

.mybanner-c section {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.75rem;
  font-weight: bold;
  flex-direction: column;
}

.mybanner-c section span {
  display: block;
  text-align: left;
  text-align-last: center;
  padding: 0 10%;
}


.mybanners1 {
  padding-top: 46vh;
  transform: scale(1);
}

.mybanners2 {
  padding-top: 20vh;
  transform: scale(0.5) translateY(10vh);
  opacity: 0;
}

.mybanners3 {
  transform: scale(0.5) translateY(10vh);
  opacity: 0;
}

.mybanners3.video {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 10rem;
  margin: 0 auto;
}

.mybanners3.video a {
  font-weight: lighter;
}

/* banner公共 */

/* 苹果耳机序列帧动效 */
.airpodsshow {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background-color: #04080b;
}

.airpodsshow-t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}

.airpodsshow-t .mytitlew {
  z-index: 30;
  position: relative;
}



.appleshow .mytitlew span:nth-child(1),
.appleshow .mytitle span:nth-child(1),
.airpodsshow .mytitlew span:nth-child(1),
.airpodsshow .mytitle span:nth-child(1) {
  text-align: center;
}


.appleshow .mytitlew p,
.appleshow .mytitle p,
.airpodsshow .mytitlew p,
.airpodsshow .mytitle p {
  text-align: center;
}

.airpodsshow-tab {
  width: 100%;
  position: absolute;
  top: calc(4.5rem + 3%);
  left: 0%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ccd3dd4d;
}

.airpodsshow-tab span {
  font-size: 1.75rem;
  cursor: pointer;
  color: #ccd3dd4d;
  margin: 0 2rem;
  padding-bottom: 1rem;
  transform: translateY(1px);
}

.airpodsshow-tab span.active {
  color: #019999;
  border-bottom: 2px solid #019999;

}

/* 苹果耳机序列帧动效 */
/* 苹果展示动效 */
.appleshow {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  background-color: #04080b;
}

.appleshow-c {
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 30;
}

.appleshow-phone {
  display: none;
}

.appleshow-c canvas {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.appleshow-black {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 29;
  background: #00000080;
  pointer-events: none;
}

.appleshow-span {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
}

.appleshow-span .w {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.appleshow .mytitlew p,
.appleshow .mytitle p {
  text-align: center;
  color: #cdd3dc;
}

.appleshow .appleshow-video {
  position: relative;
  width: 100%;
  height: 100%;
}

/* 苹果展示动效 */
/* 健康管理动效 */
.applemore .appleshow-tab {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 7;
}

.applemore .appleshow-tab-box {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}

.applemore .appleshow-tab-right {
  width: 50%;
  max-height: 75%;
  display: flex;
  justify-content: flex-start;
  padding-right: 8%;
  z-index: 8;
}

.applemore .appleshow-tab-right-r {}

.applemore .appleshow-tab-right-l {
  margin-right: 4rem;
}

.applemore .appleshow-tab-temp {
  padding-bottom: 3rem;
  cursor: pointer;
}

.applemore .appleshow-tab-temp:last-child {
  padding-bottom: 0;
}

.applemore .appleshow-tab-temp-t {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  margin-bottom: 1.3rem;
  border-bottom: 1px solid #b2bbcc;
}

.applemore .appleshow-tab-temp-t span {
  font-size: 1.3rem;
  font-weight: bold;
  color: #b2bbcc;
  letter-spacing: 1px;
}

.applemore .appleshow-tab-temp.active span {
  color: #019999;
}

.applemore .appleshow-tab-temp.active .appleshow-tab-temp-t {
  border-bottom: 1px solid #019999;
}

.applemore .appleshow-tab-temp-b {
  display: flex;
  justify-content: space-between;
}

.applemore .appleshow-tab-temp-bl {
  margin-right: 1rem;
}

.applemore .appleshow-tab-temp-bl,
.applemore .appleshow-tab-temp-br {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.applemore .appleshow-tab-temp-b span {
  font-size: 0.9rem;
  color: #b2bbcc;
  letter-spacing: 0.9px;
}

.applemore .autoimg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7;
  display: none;
}

.applemore .autoimg.active {
  display: block;
}

/* 健康管理动效 */

/* 分页 */
.pagbox .pagination {
  display: flex;
  margin-top: 10vh;
  margin-bottom: 10vh;
  justify-content: center;
  align-items: center;
}

.pagbox .pagination .page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  color: #000;
  font-size: 1rem;
  line-height: 1.75rem;
  border: 1px solid #eaeaea;
  cursor: pointer;
  margin: 0 .5rem;
}

.pagbox .pagination .page-item a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.pagbox .pagination .page-item:hover a {
  color: var(--light);
}

.pagbox .pagination .active {
  color: #FFF;
  background: var(--light);
}

.pagbox .pagination .page-item:first-child,
.pagbox .pagination .page-item:last-child {
  border: 1px solid #eaeaea;
}

.pagbox .pagination .page-item.disabled:first-child a,
.pagbox .pagination .page-item.disabled:last-child a {
  cursor: not-allowed;
  color: #ccd3dc;
}

.pagbox .pagination .disabled {
  border: none;
}

.pagbox .pagination-l {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 1024 1024' %3E%3Cpath d='M62.647317 514.444679 510.705006 63.162552l84.023672 84.024695L292.506449 447.771163l666.914232 0 0 127.940904L292.506449 575.712067l302.222229 299.651684-84.023672 84.009346L62.647317 514.444679z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 1rem 1rem;
}

.pagbox .pagination-r {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 1024 1024' %3E%3Cpath d='M511.362992 959.373097l-84.023672-84.009346 302.222229-299.651684L63.978638 575.712067 63.978638 447.771163l665.581887 0L427.338297 147.18827l84.023672-84.024695 448.058712 448.618461L511.362992 959.373097z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 1rem 1rem;
}

/* 分页 */
/* 空状态 */
.empty {
  width: 100%;
  height: 40vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
}

.empty span {
  font-size: 1.25rem;
  color: #666;
}

.empty .empty-img {
  margin-top: 1rem;
  width: 5rem;
  height: 5rem;
}

/* 空状态 */
/* 环网柜轮播图 */
.recover {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #04080b;
}

.recover-t {
  position: absolute;
  width: 100%;
  z-index: 9;
  pointer-events: none;
  top: 0;
}

.recover-t .w {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* position: relative; */
}

.recover-b {
  position: absolute;
  z-index: 9;
  width: 100%;
  padding: 0 6%;
  padding-bottom: 1.5rem;
  bottom: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.recover-b .swiper-slide {
  display: flex;
  flex-direction: column;
  color: #fff;
  border-top: 1px solid #cbd2dc4d;
  cursor: pointer;
}

.recover-b .swiper-slide.active {
  border-top: 1px solid #cbd2dc;
}

.recover-b .swiper-slide span:first-child {
  padding-top: 6%;
  font-size: 1.25rem;
  color: #DADADA;
  margin-bottom: 2%;

}

.recover-b .swiper-slide span:nth-child(2) {
  font-size: .875rem;
  line-height: 1.8;
}

.recover-b .swiper-slide.active span:first-child {
  color: var(--deep);
}

.recover-c {
  width: 100%;
  height: 100%;
}

.recover-c .swiper {
  width: 100%;
  height: 100%;
}

.recover-b .swiper {
  display: flex;
  flex-direction: column-reverse;
}

.recover-b .recover-btn {
  width: 92%;
  display: flex;
  margin-bottom: 2rem;
}

.recover-b .recover-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  color: #fff;
  height: auto;
  margin: 0;
  cursor: pointer;
}

.recover-b .recover-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  color: #fff;
  height: auto;
  margin: 0;
  cursor: pointer;
}

.recover-b .recover-pagination {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  font-size: 1rem;
  line-height: 1rem;
  color: #cbd2dc80;
  margin: 0 1.875rem;
}

.recover-b .recover-pagination span:first-child {
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #fff;
}

.recover-b .swiper .recover-next {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1024 1024' %3E%3Cpath d='M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.recover-b .swiper .recover-prev {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1024 1024' %3E%3Cpath d='M740.352 849.919l-57.225 59.008-399.479-396.929 399.476-396.924 57.228 59.004-335.872 337.92z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

/* 环网柜轮播图 */
/* 环网柜轮播图 手机端 */
.recoverp {
  width: 100%;
  height: auto;
  background: url(../images/show-bg.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  display: none;
}

.recoverp .recoverp-b {
  width: 86%;
  margin: 0 auto;
}

.recoverp>.recoverp-t {
  width: 86%;
  margin: 0 auto;

}

.recoverp .swiper-slide .recoverp-t {
  padding: .625rem;
  border: 1px solid #cbd2dc4d;
  border-radius: 0.625rem;
  font-size: 0;
}

.recoverp .swiper-slide .recoverp-t img {
  border-radius: 0.625rem;
}

.recoverp .recoverp-c {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.recoverp .recoverp-c span:nth-child(1) {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 1.5rem 0 0.5rem 0;
}

.recoverp .recoverp-c span:nth-child(2) {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #cdd3dc;
}


.recoverp .swiper {
  padding-bottom: 7.5rem;
}

.recoverp .swiper-button-next {
  content: '';
  top: auto;
  bottom: 3.2rem;
  right: 0;
  left: auto;
  position: absolute;
}

.recoverp .swiper-button-prev {
  content: '';
  top: auto;
  bottom: 3.2rem;
  right: 6rem;
  left: auto;
  position: absolute;
}

.recoverp .swiper-button-next::after,
.recoverp .swiper-button-prev::after {
  content: '';
}

.recoverp .page {
  position: absolute;
  width: 92%;
  bottom: 3.2rem;
  left: 0%;
  pointer-events: none;
  z-index: 9;
}

.recoverp .page .recoverpnum {
  font-size: 3rem;
  color: var(--deep);
}

.recoverp .page .recoverpnum+span {
  margin-bottom: 0.625rem;
  font-size: 1rem;
  color: #ccd3dd;
}

.recoverp .page .recoverptotal {
  font-size: 1rem;
  color: #ccd3dd;
}

/* 环网柜轮播图 手机端 */
/* 产品资料弹窗 */
.pop {
  display: none;
  /* 默认隐藏 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 99;
}

.pop-c {
  background-color: #fff;
  background: linear-gradient(to bottom, rgba(1, 153, 153, 0.1) 0%, rgba(1, 153, 153, 0) 50%, transparent 50%);
  width: 30%;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding: 3vw;
  position: relative;
}

.pop-c::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px;
}

.close {
  position: absolute;
  top: 2vw;
  right: 2vw;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23019999' viewBox='0 0 1024 1024' %3E%3Cpath d='M632.117978 513.833356l361.805812 361.735298a85.462608 85.462608 0 1 1-121.001515 120.789974L511.116463 634.552816 146.913186 998.756094a86.026718 86.026718 0 0 1-121.706652-121.706652L389.480325 512.775651 27.674513 150.969839A85.392095 85.392095 0 0 1 148.393973 30.250379L510.199785 392.056191l366.671258-366.671258a86.026718 86.026718 0 0 1 121.706652 121.706652z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.pop-title {
  font-size: 1.375rem;
  margin-bottom: 2vw;
  display: flex;
}

.pop-title .pop-tab {
  margin-right: 4.875rem;
  color: var(--light);
  cursor: pointer;
  display: inline-block;
}

.pop-title .pop-tab.active {
  color: #000;
}

.pop-box {
  display: none;
}

.pop-temp {
  display: flex;
  align-items: center;
  margin-bottom: .9375rem;
}

.pop-box.active {
  display: flex;
  flex-direction: column;
}

.pop-temp-title {
  display: block;
  font-size: .875rem;
  margin-right: .625rem;
}

.pop-tip {
  font-size: .875rem;
  color: #888;
  margin-bottom: .9375rem;
}


.pop-btn {
  margin-top: 2vw;
  display: flex;
  justify-content: center;
}

.pop-btn .longbtn {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
}

/* 产品资料弹窗 */
/* 自定义滚动条样式 */
/* .overview .history ::-webkit-scrollbar {
  width: 4px;
}

.overview .history ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.overview .history ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}

.overview .history ::-webkit-scrollbar-thumb:hover {
  background: #555;
} */

/* default */

/* 首页 */
.home {
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  overflow: hidden;
}

.home-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.home-temp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  opacity: 0;

  z-index: 0;
}

.home .home-temp>img,
.home .home-temp picture>img,
.home .home-temp>video {
  position: absolute;
  bottom: 0;
  left: 0;
}

.home .con {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 10;
  align-items: flex-start;
  justify-content: center;
  margin-left: 16%;
  min-width: 30%;
}

.home .con .svgbox {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 1.5625rem;
}

.home .con .svgbox img {
  height: auto;
  width: 100%;
  object-fit: inherit;
}

.home .con .longbtn {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  white-space: nowrap;
}

.home .home-temp:nth-child(1):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5) repeat;
  background-size: auto;
  z-index: 1;
  top: 0;
  left: 0;
}

.home .home-temp:nth-child(1) span:nth-child(1) {
  display: block;
  height: auto;
  width: 100%;
  margin-bottom: 1.5625rem;
}

.home .home-temp:nth-child(2) span:nth-child(1) {
  font-size: 2.25rem;
  color: #fff;
  font-family: "INTER-MEDIUM";
  font-weight: bold;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.home .home-temp:nth-child(2) span:nth-child(1) i {
  font-style: normal;
  font-size: 1.25rem;
  color: #fff;
  background-color: var(--light);
  padding: 0.25rem 0.625rem;
  border-radius: 0.125rem;
  margin-left: 1.25rem;
  font-weight: lighter;
}

.home .home-temp .con-title {
  font-size: 3.75rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 1.5625rem;
  width: 100%;
  text-align-last: justify;
  white-space: nowrap;
}

.home .home-temp .con-title i {
  font-style: normal;
  color: var(--light);
}

.home .home-temp .con-titleb {
  font-size: 1.5rem;
  color: #ffffff;
  width: 100%;
  text-align-last: justify;
  white-space: nowrap;
  margin-bottom: 2.5rem;
}

.home .home-temp:nth-child(3) .con-box {
  display: flex;
}

.home .home-temp:nth-child(3) .con-box .con-temp {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1.875rem;
}

.home .home-temp:nth-child(3) .con-box .con-temp span {
  margin-top: 0.625rem;
  font-size: 0.875rem;
}

.home .home-temp:nth-child(3) .con-box .con-temp i {
  width: 4.0625rem;
  height: 4.0625rem;
  border-radius: 50%;
  border: 0.0625rem solid #ffffff99;
  display: inline-block;
  transition: all 0.3s;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(1) i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 200 200' %3E%3Cpath d='M81.1,76.1c4.2,0,7.6-2.9,8.4-6.8h15.8c1.1,0,1.8-0.8,1.8-1.8c0-1.1-0.8-1.6-1.8-1.6h-16  c-0.8-3.9-4.2-6.8-8.4-6.8c-4.7,0-8.7,3.9-8.7,8.7C72.2,72.4,76.4,76.1,81.1,76.1z M81.1,62.7c2.6,0,5,2.1,5,5c0,2.9-2.1,5-5,5  c-2.9,0-5-2.4-5-5S78.3,62.7,81.1,62.7z M116.9,75.8c0.8,0.3,1.3,0.3,2.1,0.3c0.8,0,1.8-0.3,2.6-0.5l8.1,13.7  c0.3,0.5,1.1,0.8,1.6,0.8c0.3,0,0.5,0,1.1-0.3c0.8-0.5,1.1-1.6,0.5-2.6l-8.1-13.7c1.3-1.1,2.1-2.6,2.4-4.2c0.8-1.8,0.5-3.9-0.8-6  c-1.3-2.1-2.9-3.4-5.3-3.9c-2.1-0.5-4.5-0.3-6.6,0.8c-2.1,1.1-3.4,2.9-3.9,5.3c-0.5,2.1-0.3,4.5,0.8,6.6S114.8,75.3,116.9,75.8z   M114.3,66.4c0.3-1.3,1.1-2.4,2.4-2.9c0.8-0.5,1.6-0.8,2.4-0.8c0.5,0,0.8,0,1.3,0.3c1.3,0.3,2.4,1.1,2.9,2.4  c0.8,1.1,0.8,2.4,0.5,3.7c-0.3,1.3-1.1,2.4-2.4,2.9c-1.1,0.8-2.4,0.8-3.7,0.5c-1.3-0.3-2.4-1.1-2.9-2.4S114,67.7,114.3,66.4z   M142.4,92.6c-3.9-2.4-9.2-1.1-11.8,3.2c-1.1,2.1-1.6,4.2-0.8,6.6c0.5,1.6,1.3,2.9,2.4,4.2l-8.1,13.7c-0.5,0.8-0.3,2.1,0.5,2.6  c0.3,0.3,0.5,0.3,1.1,0.3c0.5,0,1.3-0.3,1.6-0.8l8.1-13.7c0.8,0.3,1.8,0.5,2.6,0.5c2.9,0,5.8-1.6,7.4-4.2  C147.9,100.3,146.3,95,142.4,92.6L142.4,92.6z M142.1,102.6c-1.3,2.4-4.5,3.2-6.6,1.8c-2.4-1.3-3.2-4.5-1.8-6.6  c1.3-2.4,4.5-3.2,6.6-1.8C142.9,97.4,143.7,100.3,142.1,102.6z M119,123.9c-4.2,0-7.6,2.9-8.4,6.8H94.8c-1.1,0-1.8,0.8-1.8,1.8  c0,1.1,0.8,1.6,1.8,1.6h16c0.8,3.9,4.2,6.8,8.4,6.8c4.7,0,8.7-3.9,8.7-8.7C127.9,127.6,123.7,123.9,119,123.9L119,123.9z M119,137.3  c-2.6,0-5-2.1-5-5c0-2.6,2.1-5,5-5c2.9,0,5,2.1,5,5C124,135,121.9,137.3,119,137.3z M78.5,124.2l-8.1-13.7c-0.5-0.8-1.6-1.1-2.6-0.5  c-0.8,0.5-1.1,1.6-0.5,2.6l8.1,13.7c-2.9,2.6-3.7,7.1-1.6,10.5c1.6,2.6,4.5,4.2,7.4,4.2c1.6,0,2.9-0.3,4.2-1.1  c3.9-2.4,5.5-7.6,3.2-11.8C86.4,124.4,82.2,123.1,78.5,124.2z M83.5,136.5c-2.4,1.3-5.3,0.5-6.6-1.8s-0.5-5.3,1.8-6.6  c2.4-1.3,5.3-0.5,6.6,1.8C86.7,132.3,85.9,135.2,83.5,136.5z M69.6,104.2c1.1-1.8,1.6-4.2,0.8-6.6c-0.5-1.6-1.3-2.9-2.4-4.2  l8.1-13.7c0.5-0.8,0.3-2.1-0.8-2.6c-0.8-0.5-2.1-0.3-2.6,0.8l-8.1,13.7c-1.6-0.5-3.2-0.5-4.7-0.3c-2.1,0.5-3.9,2.1-5.3,3.9  c-1.1,2.1-1.6,4.2-0.8,6.6c0.5,2.1,2.1,3.9,3.9,5.3c1.3,0.8,2.9,1.1,4.2,1.1c0.8,0,1.6,0,2.1-0.3C66.4,107.6,68.3,106.3,69.6,104.2  L69.6,104.2z M66.4,102.4c-0.5,1.1-1.8,1.8-2.9,2.4c-1.3,0.3-2.6,0.3-3.7-0.5c-2.6-1.6-3.4-4.5-1.8-6.8c0.5-1.1,1.8-1.8,2.9-2.4  c0.5,0,0.8-0.3,1.3-0.3c0.8,0,1.6,0.3,2.4,0.8c1.1,0.5,1.8,1.8,2.4,2.9C67.2,100,67,101.3,66.4,102.4z M100.3,78.2  C100.1,78.2,100.1,78.2,100.3,78.2c-12.1,0-21.8,9.7-21.8,21.8s9.7,21.8,21.8,21.8s21.8-9.7,21.8-21.8  C122.1,88.2,112.4,78.4,100.3,78.2z M115,110.5c-1.3-0.8-3.2-1.6-4.7-2.1c0.5-2.4,0.8-4.7,0.8-6.6h7.1  C117.9,105,116.9,107.9,115,110.5z M82.2,101.8h7.1c0,1.8,0.3,3.9,0.8,6.6c-1.8,0.5-3.4,1.1-4.7,2.1C83.8,107.9,82.5,105,82.2,101.8  z M85.4,89.8c1.3,0.8,3.2,1.6,5,2.1c-0.5,2.4-0.8,4.7-0.8,6.3h-7.1C82.5,95.3,83.5,92.4,85.4,89.8z M98.5,89.5  c-1.1,0-2.4-0.3-3.7-0.3c0.8-2.1,1.8-4.2,3.7-5.8V89.5z M98.5,93.2v5.3h-5.3c0-1.6,0.3-3.4,0.8-5.5C95.3,92.9,96.9,92.9,98.5,93.2z   M93.2,101.8h5.3v5.3c-1.3,0-2.9,0.3-4.5,0.5C93.5,105.5,93.2,103.4,93.2,101.8z M98.5,111v5.8c-1.6-1.3-2.6-3.4-3.4-5.5  C96.1,111,97.2,111,98.5,111L98.5,111z M102.2,111c1.1,0,2.4,0.3,3.4,0.3c-0.8,2.1-1.8,4.2-3.4,5.5V111z M102.2,107.4v-5.5h5.3  c0,1.6-0.3,3.7-0.8,5.8C104.8,107.6,103.2,107.4,102.2,107.4L102.2,107.4z M107.4,98.2h-5.3v-5.3c1.3,0,2.9-0.3,4.5-0.5  C107.2,94.7,107.2,96.8,107.4,98.2L107.4,98.2z M102.2,89.2v-6c1.6,1.3,2.9,3.4,3.7,5.5C104.5,89.2,103.2,89.2,102.2,89.2z   M106.9,83.2c2.1,0.8,4.2,2.1,6,3.7c-0.8,0.5-2.1,1.1-3.4,1.3C108.7,86.6,108,84.8,106.9,83.2z M91.1,88.4c-1.3-0.3-2.6-0.8-3.4-1.3  c1.6-1.6,3.7-2.9,6-3.7C92.7,84.8,91.7,86.6,91.1,88.4z M91.1,112.1c0.5,1.8,1.3,3.4,2.4,5c-2.1-0.8-4.2-2.1-5.8-3.7  C88.8,112.9,89.8,112.4,91.1,112.1z M109.3,112.1c1.3,0.3,2.6,0.8,3.4,1.3c-1.6,1.6-3.7,2.9-5.8,3.7  C108,115.5,108.7,113.7,109.3,112.1z M111.1,98.2c0-1.6-0.3-3.9-0.8-6.3c1.8-0.5,3.7-1.1,5-2.1c1.6,2.4,2.9,5.3,3.2,8.4H111.1z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(1):hover i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 200 200' %3E%3Cpath d='M81.1,76.1c4.2,0,7.6-2.9,8.4-6.8h15.8c1.1,0,1.8-0.8,1.8-1.8c0-1.1-0.8-1.6-1.8-1.6h-16  c-0.8-3.9-4.2-6.8-8.4-6.8c-4.7,0-8.7,3.9-8.7,8.7C72.2,72.4,76.4,76.1,81.1,76.1z M81.1,62.7c2.6,0,5,2.1,5,5c0,2.9-2.1,5-5,5  c-2.9,0-5-2.4-5-5S78.3,62.7,81.1,62.7z M116.9,75.8c0.8,0.3,1.3,0.3,2.1,0.3c0.8,0,1.8-0.3,2.6-0.5l8.1,13.7  c0.3,0.5,1.1,0.8,1.6,0.8c0.3,0,0.5,0,1.1-0.3c0.8-0.5,1.1-1.6,0.5-2.6l-8.1-13.7c1.3-1.1,2.1-2.6,2.4-4.2c0.8-1.8,0.5-3.9-0.8-6  c-1.3-2.1-2.9-3.4-5.3-3.9c-2.1-0.5-4.5-0.3-6.6,0.8c-2.1,1.1-3.4,2.9-3.9,5.3c-0.5,2.1-0.3,4.5,0.8,6.6S114.8,75.3,116.9,75.8z   M114.3,66.4c0.3-1.3,1.1-2.4,2.4-2.9c0.8-0.5,1.6-0.8,2.4-0.8c0.5,0,0.8,0,1.3,0.3c1.3,0.3,2.4,1.1,2.9,2.4  c0.8,1.1,0.8,2.4,0.5,3.7c-0.3,1.3-1.1,2.4-2.4,2.9c-1.1,0.8-2.4,0.8-3.7,0.5c-1.3-0.3-2.4-1.1-2.9-2.4S114,67.7,114.3,66.4z   M142.4,92.6c-3.9-2.4-9.2-1.1-11.8,3.2c-1.1,2.1-1.6,4.2-0.8,6.6c0.5,1.6,1.3,2.9,2.4,4.2l-8.1,13.7c-0.5,0.8-0.3,2.1,0.5,2.6  c0.3,0.3,0.5,0.3,1.1,0.3c0.5,0,1.3-0.3,1.6-0.8l8.1-13.7c0.8,0.3,1.8,0.5,2.6,0.5c2.9,0,5.8-1.6,7.4-4.2  C147.9,100.3,146.3,95,142.4,92.6L142.4,92.6z M142.1,102.6c-1.3,2.4-4.5,3.2-6.6,1.8c-2.4-1.3-3.2-4.5-1.8-6.6  c1.3-2.4,4.5-3.2,6.6-1.8C142.9,97.4,143.7,100.3,142.1,102.6z M119,123.9c-4.2,0-7.6,2.9-8.4,6.8H94.8c-1.1,0-1.8,0.8-1.8,1.8  c0,1.1,0.8,1.6,1.8,1.6h16c0.8,3.9,4.2,6.8,8.4,6.8c4.7,0,8.7-3.9,8.7-8.7C127.9,127.6,123.7,123.9,119,123.9L119,123.9z M119,137.3  c-2.6,0-5-2.1-5-5c0-2.6,2.1-5,5-5c2.9,0,5,2.1,5,5C124,135,121.9,137.3,119,137.3z M78.5,124.2l-8.1-13.7c-0.5-0.8-1.6-1.1-2.6-0.5  c-0.8,0.5-1.1,1.6-0.5,2.6l8.1,13.7c-2.9,2.6-3.7,7.1-1.6,10.5c1.6,2.6,4.5,4.2,7.4,4.2c1.6,0,2.9-0.3,4.2-1.1  c3.9-2.4,5.5-7.6,3.2-11.8C86.4,124.4,82.2,123.1,78.5,124.2z M83.5,136.5c-2.4,1.3-5.3,0.5-6.6-1.8s-0.5-5.3,1.8-6.6  c2.4-1.3,5.3-0.5,6.6,1.8C86.7,132.3,85.9,135.2,83.5,136.5z M69.6,104.2c1.1-1.8,1.6-4.2,0.8-6.6c-0.5-1.6-1.3-2.9-2.4-4.2  l8.1-13.7c0.5-0.8,0.3-2.1-0.8-2.6c-0.8-0.5-2.1-0.3-2.6,0.8l-8.1,13.7c-1.6-0.5-3.2-0.5-4.7-0.3c-2.1,0.5-3.9,2.1-5.3,3.9  c-1.1,2.1-1.6,4.2-0.8,6.6c0.5,2.1,2.1,3.9,3.9,5.3c1.3,0.8,2.9,1.1,4.2,1.1c0.8,0,1.6,0,2.1-0.3C66.4,107.6,68.3,106.3,69.6,104.2  L69.6,104.2z M66.4,102.4c-0.5,1.1-1.8,1.8-2.9,2.4c-1.3,0.3-2.6,0.3-3.7-0.5c-2.6-1.6-3.4-4.5-1.8-6.8c0.5-1.1,1.8-1.8,2.9-2.4  c0.5,0,0.8-0.3,1.3-0.3c0.8,0,1.6,0.3,2.4,0.8c1.1,0.5,1.8,1.8,2.4,2.9C67.2,100,67,101.3,66.4,102.4z M100.3,78.2  C100.1,78.2,100.1,78.2,100.3,78.2c-12.1,0-21.8,9.7-21.8,21.8s9.7,21.8,21.8,21.8s21.8-9.7,21.8-21.8  C122.1,88.2,112.4,78.4,100.3,78.2z M115,110.5c-1.3-0.8-3.2-1.6-4.7-2.1c0.5-2.4,0.8-4.7,0.8-6.6h7.1  C117.9,105,116.9,107.9,115,110.5z M82.2,101.8h7.1c0,1.8,0.3,3.9,0.8,6.6c-1.8,0.5-3.4,1.1-4.7,2.1C83.8,107.9,82.5,105,82.2,101.8  z M85.4,89.8c1.3,0.8,3.2,1.6,5,2.1c-0.5,2.4-0.8,4.7-0.8,6.3h-7.1C82.5,95.3,83.5,92.4,85.4,89.8z M98.5,89.5  c-1.1,0-2.4-0.3-3.7-0.3c0.8-2.1,1.8-4.2,3.7-5.8V89.5z M98.5,93.2v5.3h-5.3c0-1.6,0.3-3.4,0.8-5.5C95.3,92.9,96.9,92.9,98.5,93.2z   M93.2,101.8h5.3v5.3c-1.3,0-2.9,0.3-4.5,0.5C93.5,105.5,93.2,103.4,93.2,101.8z M98.5,111v5.8c-1.6-1.3-2.6-3.4-3.4-5.5  C96.1,111,97.2,111,98.5,111L98.5,111z M102.2,111c1.1,0,2.4,0.3,3.4,0.3c-0.8,2.1-1.8,4.2-3.4,5.5V111z M102.2,107.4v-5.5h5.3  c0,1.6-0.3,3.7-0.8,5.8C104.8,107.6,103.2,107.4,102.2,107.4L102.2,107.4z M107.4,98.2h-5.3v-5.3c1.3,0,2.9-0.3,4.5-0.5  C107.2,94.7,107.2,96.8,107.4,98.2L107.4,98.2z M102.2,89.2v-6c1.6,1.3,2.9,3.4,3.7,5.5C104.5,89.2,103.2,89.2,102.2,89.2z   M106.9,83.2c2.1,0.8,4.2,2.1,6,3.7c-0.8,0.5-2.1,1.1-3.4,1.3C108.7,86.6,108,84.8,106.9,83.2z M91.1,88.4c-1.3-0.3-2.6-0.8-3.4-1.3  c1.6-1.6,3.7-2.9,6-3.7C92.7,84.8,91.7,86.6,91.1,88.4z M91.1,112.1c0.5,1.8,1.3,3.4,2.4,5c-2.1-0.8-4.2-2.1-5.8-3.7  C88.8,112.9,89.8,112.4,91.1,112.1z M109.3,112.1c1.3,0.3,2.6,0.8,3.4,1.3c-1.6,1.6-3.7,2.9-5.8,3.7  C108,115.5,108.7,113.7,109.3,112.1z M111.1,98.2c0-1.6-0.3-3.9-0.8-6.3c1.8-0.5,3.7-1.1,5-2.1c1.6,2.4,2.9,5.3,3.2,8.4H111.1z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(2) i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 200 200' %3E%3Cpath d='M113.3,120c3.4,2.3,5.5,6,5.3,10c-0.2,5.1-3.9,9.4-10.4,11.6c-0.1,4.6-3.9,8.4-8.5,8.4c-4.7,0-8.5-3.8-8.5-8.5  c0-4.7,3.8-8.5,8.5-8.5c3.2,0,6.1,1.8,7.5,4.5c2.3-0.8,4-1.9,5.2-3.2c1.2-1.3,1.8-2.8,1.9-4.4c0.1-3.1-2.1-6.1-5.5-7.4l0-0.1  c-1,0.5-2.1,0.9-3.2,1.3c-6.3,2.4-13.2,3.4-19.3,3.1c-6.3-0.3-11.4-2.1-14.1-5.2c-2.7-3.1-2.9-7-0.5-11.2c-2-0.5-3.7-1.4-5.1-2.8  c-4.2,0.8-7.9-0.8-10.7-4.2c-2.5-3-4.1-7.3-4.7-12c-0.6-4.7,0-9.4,1.6-13.2c1.7-3.9,4.4-6.7,8.1-7.9c0.8-5.5,2.8-9.9,5.9-13  c3-3,6.9-4.7,11.1-4.9c3.4-0.2,6.8,0.6,9.6,2.1c2.9-3.1,7.7-5,12.4-4.6c4.2,0.4,7.9,2.4,11,6c4.1-1.4,9-1.6,13.1-0.3  c3.7,1.2,6.6,3.6,8.4,7.3c5.5,1.6,10.4,5,12.5,9.4c2.1,4.4,2.3,9.4,0.4,14.2c3.8,4.9,4.4,11.8,1.4,17.1c-1.7,3-4.5,5.2-8.1,6.3  c-3.8,1.2-8.4,1.1-13.6-0.4c-0.2-0.1-0.5-0.2-0.7-0.3c-0.5,0.7-1,1.5-1.6,2.2C120.2,114.8,117,117.6,113.3,120L113.3,120z   M76.5,110.7c-1.4,1.8-2.1,3.5-2.2,4.9c-0.1,1.2,0.3,2.2,1.1,3.2c1.8,2.1,5.9,3.5,11.2,3.8c5.6,0.3,11.8-0.7,17.6-2.9  c6.3-2.4,11.6-6.1,15.3-10.8c3.5-4.5,5.5-8.7,5.9-12.4c-3.7-0.9-6.5-4.3-6.5-8.3c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5  c0,3.9-2.7,7.2-6.3,8.2c-0.3,3-1.3,6-3,9.2c4.3,1.2,7.9,1.2,10.8,0.3c2.6-0.8,4.5-2.3,5.7-4.4c2.3-4,1.7-9.5-1.7-13.1  c-0.6-0.6-0.8-1.6-0.4-2.4c1.9-4,1.9-8.2,0.1-11.8c-1.2-2.6-3.7-4.8-6.9-6.2c0.1,0.6,0.2,1.2,0.3,1.8c0.2,1.2-0.7,2.2-1.8,2.4  c-1.2,0.2-2.2-0.7-2.4-1.8c-0.8-6-3.5-9.4-7.6-10.7c-2.8-0.9-6.1-0.8-9.1-0.1c0.6,1.1,1.2,2.3,1.8,3.6c0.5,1.1,0,2.3-1.1,2.8  c-1.1,0.5-2.3,0-2.8-1.1c-1.5-3.6-3.5-6.3-5.7-8.1c-1.9-1.5-4-2.4-6.2-2.6c-3.2-0.3-6.4,0.9-8.5,2.8c2,1.9,3.5,4.3,4,6.9  c0.2,1.1-0.5,2.3-1.7,2.5c0,0,0,0,0,0c-1.1,0.2-2.3-0.5-2.5-1.7c0,0,0,0,0,0c-0.9-4.7-6.7-8.4-12.8-8.1c-3.2,0.1-6.1,1.4-8.3,3.6  c-2.6,2.6-4.3,6.6-4.9,11.8c-0.1,0.9-0.8,1.7-1.7,1.9c-3,0.6-5.2,2.6-6.5,5.8c-1.3,3.1-1.8,7-1.3,11c0.5,3.9,1.8,7.5,3.7,9.8  c1.4,1.7,3,2.7,4.8,2.8c-1.4-4.6,0.7-10.4,5.5-14.4c-1.1-1.4-1.7-3.2-1.7-5.1c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5  c0,4.7-3.8,8.5-8.5,8.5c-1.3,0-2.5-0.3-3.6-0.8c-5,4-6.2,8.8-3.9,12c1.2,1.6,3,2.6,5.3,2.8c2.8,0.3,6.2-0.5,10.1-2.4  c2.1-1,4.1-1.5,6.1-1.7c1.5-0.1,2.7,0,4.9,0.2c1.2,0.1,1.6,0.2,2.2,0.2c2.4,0.1,4.1-0.4,6.2-2.1c2.1-1.7,2.7-4.6,1.5-8.9  c-1,0.4-2.1,0.6-3.2,0.6c-4.7,0-8.5-3.8-8.5-8.5c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5c0,1.9-0.6,3.7-1.7,5.1  c0,0,0,0.1,0,0.1c2.2,6.7,1.5,11.8-2.4,15c-3,2.4-5.8,3.2-9.2,3.1c-0.7,0-1.2-0.1-2.5-0.2c-1.9-0.2-2.9-0.3-4-0.2  c-1.5,0.1-3,0.5-4.6,1.3C82.6,109.6,79.4,110.5,76.5,110.7L76.5,110.7z M101.8,88.2c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C97.6,86.3,99.5,88.2,101.8,88.2z M76.3,88.2c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C72,86.3,73.9,88.2,76.3,88.2z M127.4,92.5c2.4,0,4.3-1.9,4.3-4.3c0-2.4-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C123.1,90.6,125,92.5,127.4,92.5z M99.7,145.7c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3s-4.3,1.9-4.3,4.3  S97.3,145.7,99.7,145.7z m0 0' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(2):hover i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 200 200' %3E%3Cpath d='M113.3,120c3.4,2.3,5.5,6,5.3,10c-0.2,5.1-3.9,9.4-10.4,11.6c-0.1,4.6-3.9,8.4-8.5,8.4c-4.7,0-8.5-3.8-8.5-8.5  c0-4.7,3.8-8.5,8.5-8.5c3.2,0,6.1,1.8,7.5,4.5c2.3-0.8,4-1.9,5.2-3.2c1.2-1.3,1.8-2.8,1.9-4.4c0.1-3.1-2.1-6.1-5.5-7.4l0-0.1  c-1,0.5-2.1,0.9-3.2,1.3c-6.3,2.4-13.2,3.4-19.3,3.1c-6.3-0.3-11.4-2.1-14.1-5.2c-2.7-3.1-2.9-7-0.5-11.2c-2-0.5-3.7-1.4-5.1-2.8  c-4.2,0.8-7.9-0.8-10.7-4.2c-2.5-3-4.1-7.3-4.7-12c-0.6-4.7,0-9.4,1.6-13.2c1.7-3.9,4.4-6.7,8.1-7.9c0.8-5.5,2.8-9.9,5.9-13  c3-3,6.9-4.7,11.1-4.9c3.4-0.2,6.8,0.6,9.6,2.1c2.9-3.1,7.7-5,12.4-4.6c4.2,0.4,7.9,2.4,11,6c4.1-1.4,9-1.6,13.1-0.3  c3.7,1.2,6.6,3.6,8.4,7.3c5.5,1.6,10.4,5,12.5,9.4c2.1,4.4,2.3,9.4,0.4,14.2c3.8,4.9,4.4,11.8,1.4,17.1c-1.7,3-4.5,5.2-8.1,6.3  c-3.8,1.2-8.4,1.1-13.6-0.4c-0.2-0.1-0.5-0.2-0.7-0.3c-0.5,0.7-1,1.5-1.6,2.2C120.2,114.8,117,117.6,113.3,120L113.3,120z   M76.5,110.7c-1.4,1.8-2.1,3.5-2.2,4.9c-0.1,1.2,0.3,2.2,1.1,3.2c1.8,2.1,5.9,3.5,11.2,3.8c5.6,0.3,11.8-0.7,17.6-2.9  c6.3-2.4,11.6-6.1,15.3-10.8c3.5-4.5,5.5-8.7,5.9-12.4c-3.7-0.9-6.5-4.3-6.5-8.3c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5  c0,3.9-2.7,7.2-6.3,8.2c-0.3,3-1.3,6-3,9.2c4.3,1.2,7.9,1.2,10.8,0.3c2.6-0.8,4.5-2.3,5.7-4.4c2.3-4,1.7-9.5-1.7-13.1  c-0.6-0.6-0.8-1.6-0.4-2.4c1.9-4,1.9-8.2,0.1-11.8c-1.2-2.6-3.7-4.8-6.9-6.2c0.1,0.6,0.2,1.2,0.3,1.8c0.2,1.2-0.7,2.2-1.8,2.4  c-1.2,0.2-2.2-0.7-2.4-1.8c-0.8-6-3.5-9.4-7.6-10.7c-2.8-0.9-6.1-0.8-9.1-0.1c0.6,1.1,1.2,2.3,1.8,3.6c0.5,1.1,0,2.3-1.1,2.8  c-1.1,0.5-2.3,0-2.8-1.1c-1.5-3.6-3.5-6.3-5.7-8.1c-1.9-1.5-4-2.4-6.2-2.6c-3.2-0.3-6.4,0.9-8.5,2.8c2,1.9,3.5,4.3,4,6.9  c0.2,1.1-0.5,2.3-1.7,2.5c0,0,0,0,0,0c-1.1,0.2-2.3-0.5-2.5-1.7c0,0,0,0,0,0c-0.9-4.7-6.7-8.4-12.8-8.1c-3.2,0.1-6.1,1.4-8.3,3.6  c-2.6,2.6-4.3,6.6-4.9,11.8c-0.1,0.9-0.8,1.7-1.7,1.9c-3,0.6-5.2,2.6-6.5,5.8c-1.3,3.1-1.8,7-1.3,11c0.5,3.9,1.8,7.5,3.7,9.8  c1.4,1.7,3,2.7,4.8,2.8c-1.4-4.6,0.7-10.4,5.5-14.4c-1.1-1.4-1.7-3.2-1.7-5.1c0-4.7,3.8-8.5,8.5-8.5s8.5,3.8,8.5,8.5  c0,4.7-3.8,8.5-8.5,8.5c-1.3,0-2.5-0.3-3.6-0.8c-5,4-6.2,8.8-3.9,12c1.2,1.6,3,2.6,5.3,2.8c2.8,0.3,6.2-0.5,10.1-2.4  c2.1-1,4.1-1.5,6.1-1.7c1.5-0.1,2.7,0,4.9,0.2c1.2,0.1,1.6,0.2,2.2,0.2c2.4,0.1,4.1-0.4,6.2-2.1c2.1-1.7,2.7-4.6,1.5-8.9  c-1,0.4-2.1,0.6-3.2,0.6c-4.7,0-8.5-3.8-8.5-8.5c0-4.7,3.8-8.5,8.5-8.5c4.7,0,8.5,3.8,8.5,8.5c0,1.9-0.6,3.7-1.7,5.1  c0,0,0,0.1,0,0.1c2.2,6.7,1.5,11.8-2.4,15c-3,2.4-5.8,3.2-9.2,3.1c-0.7,0-1.2-0.1-2.5-0.2c-1.9-0.2-2.9-0.3-4-0.2  c-1.5,0.1-3,0.5-4.6,1.3C82.6,109.6,79.4,110.5,76.5,110.7L76.5,110.7z M101.8,88.2c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C97.6,86.3,99.5,88.2,101.8,88.2z M76.3,88.2c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C72,86.3,73.9,88.2,76.3,88.2z M127.4,92.5c2.4,0,4.3-1.9,4.3-4.3c0-2.4-1.9-4.3-4.3-4.3  c-2.4,0-4.3,1.9-4.3,4.3C123.1,90.6,125,92.5,127.4,92.5z M99.7,145.7c2.4,0,4.3-1.9,4.3-4.3s-1.9-4.3-4.3-4.3s-4.3,1.9-4.3,4.3  S97.3,145.7,99.7,145.7z m0 0' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(3) I {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 200 200' %3E%3Cpath d='M142.4,121.7c-1.5,0-3-0.4-4.3-1.3c-3.7-2.4-4.7-7.3-2.3-11c1.2-1.8,2.9-3,5-3.4c2.1-0.4,4.2,0,6,1.1  c1.8,1.2,3,2.9,3.4,5s0,4.2-1.1,6C147.5,120.4,145,121.7,142.4,121.7L142.4,121.7z M142.4,111.1c-0.9,0-1.7,0.4-2.2,1.2  c-0.8,1.2-0.4,2.8,0.8,3.6c1.2,0.8,2.8,0.4,3.6-0.8c0.4-0.6,0.5-1.3,0.4-2c-0.1-0.7-0.5-1.3-1.1-1.6  C143.4,111.3,142.9,111.1,142.4,111.1L142.4,111.1z M125.7,142.2c-1.5,0-3-0.4-4.3-1.3c-3.7-2.4-4.7-7.3-2.3-11c1.2-1.8,2.9-3,5-3.4  s4.2,0,6,1.1c3.7,2.4,4.7,7.3,2.3,11c-1.2,1.8-2.9,3-5,3.4C126.8,142.2,126.2,142.2,125.7,142.2z M125.7,131.7c-0.2,0-0.4,0-0.5,0.1  c-0.7,0.1-1.3,0.5-1.6,1.1c-0.8,1.2-0.4,2.8,0.8,3.6c0.6,0.4,1.3,0.5,2,0.4c0.7-0.1,1.3-0.5,1.6-1.1c0.8-1.2,0.4-2.8-0.8-3.6  C126.7,131.8,126.2,131.7,125.7,131.7z M116.2,117.5c-1.5,0-3-0.4-4.3-1.3c-1.8-1.2-3-2.9-3.4-5c-0.4-2.1,0-4.2,1.1-6s2.9-3,5-3.4  c2.1-0.4,4.2,0,6,1.1c1.8,1.2,3,2.9,3.4,5c0.4,2.1,0,4.2-1.1,6c-1.2,1.8-2.9,3-5,3.4C117.4,117.5,116.8,117.5,116.2,117.5z   M116.2,107c-0.2,0-0.4,0-0.5,0.1c-0.7,0.1-1.3,0.5-1.6,1.1c-0.4,0.6-0.5,1.3-0.4,2c0.1,0.7,0.5,1.3,1.1,1.6  c1.2,0.8,2.8,0.4,3.6-0.8c0.4-0.6,0.5-1.3,0.4-2c-0.1-0.7-0.5-1.3-1.1-1.6C117.2,107.1,116.7,107,116.2,107L116.2,107z M113.1,129.7H71.9c-11.9,0-21.6-9.7-21.6-21.6c0-11.8,9.5-21.4,21.2-21.6c1.3-13,12.3-23.1,25.6-23.1  s24.3,10.1,25.6,23.1c8.7,0.2,16.5,5.7,19.7,13.7c0.5,1.4-0.1,2.9-1.5,3.4c-1.4,0.5-2.9-0.1-3.4-1.5c-2.4-6.2-8.5-10.4-15.1-10.4  c-0.6,0-1.2,0-1.8,0.1c-0.8,0.1-1.5-0.1-2.1-0.7c-0.6-0.5-0.9-1.2-0.9-2v-0.1c0-11.3-9.2-20.5-20.5-20.5s-20.5,9.2-20.5,20.5v0.1  c0,0.8-0.3,1.5-0.9,2c-0.6,0.5-1.3,0.7-2.1,0.7c-0.6-0.1-1.2-0.1-1.8-0.1c-9,0-16.3,7.3-16.3,16.3S63,124.4,72,124.4h41.1  c1.5,0,2.7,1.2,2.7,2.7C115.7,128.5,114.5,129.7,113.1,129.7z M129.5,132.2c-0.6,0-1.2-0.2-1.7-0.6c-1.1-0.9-1.3-2.6-0.4-3.8l9.5-11.7c0.9-1.1,2.6-1.3,3.8-0.4  c1.1,0.9,1.3,2.6,0.4,3.8l-9.5,11.7C131.1,131.9,130.3,132.2,129.5,132.2z M136.3,115.4c-0.1,0-0.3,0-0.4,0l-14.2-2.3  c-1.4-0.2-2.4-1.6-2.2-3.1c0.2-1.4,1.6-2.4,3-2.2l14.2,2.3c1.4,0.2,2.4,1.6,2.2,3.1C138.7,114.5,137.6,115.4,136.3,115.4  L136.3,115.4z M123.5,131.3c-1.1,0-2.1-0.7-2.5-1.7l-5.1-13.4c-0.5-1.4,0.2-2.9,1.5-3.4c1.4-0.5,2.9,0.2,3.4,1.5l5.1,13.4  c0.5,1.4-0.2,2.9-1.5,3.4C124.2,131.2,123.8,131.3,123.5,131.3L123.5,131.3z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(3):hover I {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 200 200' %3E%3Cpath d='M142.4,121.7c-1.5,0-3-0.4-4.3-1.3c-3.7-2.4-4.7-7.3-2.3-11c1.2-1.8,2.9-3,5-3.4c2.1-0.4,4.2,0,6,1.1  c1.8,1.2,3,2.9,3.4,5s0,4.2-1.1,6C147.5,120.4,145,121.7,142.4,121.7L142.4,121.7z M142.4,111.1c-0.9,0-1.7,0.4-2.2,1.2  c-0.8,1.2-0.4,2.8,0.8,3.6c1.2,0.8,2.8,0.4,3.6-0.8c0.4-0.6,0.5-1.3,0.4-2c-0.1-0.7-0.5-1.3-1.1-1.6  C143.4,111.3,142.9,111.1,142.4,111.1L142.4,111.1z M125.7,142.2c-1.5,0-3-0.4-4.3-1.3c-3.7-2.4-4.7-7.3-2.3-11c1.2-1.8,2.9-3,5-3.4  s4.2,0,6,1.1c3.7,2.4,4.7,7.3,2.3,11c-1.2,1.8-2.9,3-5,3.4C126.8,142.2,126.2,142.2,125.7,142.2z M125.7,131.7c-0.2,0-0.4,0-0.5,0.1  c-0.7,0.1-1.3,0.5-1.6,1.1c-0.8,1.2-0.4,2.8,0.8,3.6c0.6,0.4,1.3,0.5,2,0.4c0.7-0.1,1.3-0.5,1.6-1.1c0.8-1.2,0.4-2.8-0.8-3.6  C126.7,131.8,126.2,131.7,125.7,131.7z M116.2,117.5c-1.5,0-3-0.4-4.3-1.3c-1.8-1.2-3-2.9-3.4-5c-0.4-2.1,0-4.2,1.1-6s2.9-3,5-3.4  c2.1-0.4,4.2,0,6,1.1c1.8,1.2,3,2.9,3.4,5c0.4,2.1,0,4.2-1.1,6c-1.2,1.8-2.9,3-5,3.4C117.4,117.5,116.8,117.5,116.2,117.5z   M116.2,107c-0.2,0-0.4,0-0.5,0.1c-0.7,0.1-1.3,0.5-1.6,1.1c-0.4,0.6-0.5,1.3-0.4,2c0.1,0.7,0.5,1.3,1.1,1.6  c1.2,0.8,2.8,0.4,3.6-0.8c0.4-0.6,0.5-1.3,0.4-2c-0.1-0.7-0.5-1.3-1.1-1.6C117.2,107.1,116.7,107,116.2,107L116.2,107z M113.1,129.7H71.9c-11.9,0-21.6-9.7-21.6-21.6c0-11.8,9.5-21.4,21.2-21.6c1.3-13,12.3-23.1,25.6-23.1  s24.3,10.1,25.6,23.1c8.7,0.2,16.5,5.7,19.7,13.7c0.5,1.4-0.1,2.9-1.5,3.4c-1.4,0.5-2.9-0.1-3.4-1.5c-2.4-6.2-8.5-10.4-15.1-10.4  c-0.6,0-1.2,0-1.8,0.1c-0.8,0.1-1.5-0.1-2.1-0.7c-0.6-0.5-0.9-1.2-0.9-2v-0.1c0-11.3-9.2-20.5-20.5-20.5s-20.5,9.2-20.5,20.5v0.1  c0,0.8-0.3,1.5-0.9,2c-0.6,0.5-1.3,0.7-2.1,0.7c-0.6-0.1-1.2-0.1-1.8-0.1c-9,0-16.3,7.3-16.3,16.3S63,124.4,72,124.4h41.1  c1.5,0,2.7,1.2,2.7,2.7C115.7,128.5,114.5,129.7,113.1,129.7z M129.5,132.2c-0.6,0-1.2-0.2-1.7-0.6c-1.1-0.9-1.3-2.6-0.4-3.8l9.5-11.7c0.9-1.1,2.6-1.3,3.8-0.4  c1.1,0.9,1.3,2.6,0.4,3.8l-9.5,11.7C131.1,131.9,130.3,132.2,129.5,132.2z M136.3,115.4c-0.1,0-0.3,0-0.4,0l-14.2-2.3  c-1.4-0.2-2.4-1.6-2.2-3.1c0.2-1.4,1.6-2.4,3-2.2l14.2,2.3c1.4,0.2,2.4,1.6,2.2,3.1C138.7,114.5,137.6,115.4,136.3,115.4  L136.3,115.4z M123.5,131.3c-1.1,0-2.1-0.7-2.5-1.7l-5.1-13.4c-0.5-1.4,0.2-2.9,1.5-3.4c1.4-0.5,2.9,0.2,3.4,1.5l5.1,13.4  c0.5,1.4-0.2,2.9-1.5,3.4C124.2,131.2,123.8,131.3,123.5,131.3L123.5,131.3z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(4) I {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 200 200' %3E%3Cpath d='M136.6,136.6c-17.7,17.7-46.4,18-64.5,0.5l3.3-3.3c16.4,15.8,42.6,15.3,58.4-1.1c15.4-16,15.4-41.3,0-57.3  l3.3-3.3C154.5,90.1,154.3,118.8,136.6,136.6z M94.1,66.5L110.7,50l16.5,16.5l-16.5,16.5C110.7,83.1,94.1,66.5,94.1,66.5z   M110.7,56.6l-9.9,9.9l9.9,9.9l9.9-9.9L110.7,56.6L110.7,56.6z M126.1,83.1c11.7,12,11.5,31.2-0.5,43c-11.8,11.5-30.6,11.5-42.4,0  l3.3-3.3c10.3,9.8,26.5,9.4,36.3-0.9c9.5-9.9,9.5-25.5,0-35.4L126.1,83.1z M100.7,73.2l3.3,3.3l-3.3,3.3l14.3,14.3l-8.8,8.8l3.3,3.3  l-3.3,3.3l-3.3-3.3l-8.8,8.8L61,82l21-21l15.4,15.4L100.7,73.2L100.7,73.2z M67.7,82l26.5,26.5l14.3-14.3L82,67.6L67.7,82L67.7,82z   M74.8,102.4l-1.7-1.7l3.3-3.3l3.3,3.3l-3.3,3.3l6.6,6.6l-16.5,16.5L50,110.6l16.5-16.5L74.8,102.4L74.8,102.4z M66.6,120.6l9.9-9.9  l-9.9-9.9l-9.9,9.9C56.6,110.6,66.6,120.6,66.6,120.6z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .con-box .con-temp:nth-child(4):hover I {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 200 200' %3E%3Cpath d='M136.6,136.6c-17.7,17.7-46.4,18-64.5,0.5l3.3-3.3c16.4,15.8,42.6,15.3,58.4-1.1c15.4-16,15.4-41.3,0-57.3  l3.3-3.3C154.5,90.1,154.3,118.8,136.6,136.6z M94.1,66.5L110.7,50l16.5,16.5l-16.5,16.5C110.7,83.1,94.1,66.5,94.1,66.5z   M110.7,56.6l-9.9,9.9l9.9,9.9l9.9-9.9L110.7,56.6L110.7,56.6z M126.1,83.1c11.7,12,11.5,31.2-0.5,43c-11.8,11.5-30.6,11.5-42.4,0  l3.3-3.3c10.3,9.8,26.5,9.4,36.3-0.9c9.5-9.9,9.5-25.5,0-35.4L126.1,83.1z M100.7,73.2l3.3,3.3l-3.3,3.3l14.3,14.3l-8.8,8.8l3.3,3.3  l-3.3,3.3l-3.3-3.3l-8.8,8.8L61,82l21-21l15.4,15.4L100.7,73.2L100.7,73.2z M67.7,82l26.5,26.5l14.3-14.3L82,67.6L67.7,82L67.7,82z   M74.8,102.4l-1.7-1.7l3.3-3.3l3.3,3.3l-3.3,3.3l6.6,6.6l-16.5,16.5L50,110.6l16.5-16.5L74.8,102.4L74.8,102.4z M66.6,120.6l9.9-9.9  l-9.9-9.9l-9.9,9.9C56.6,110.6,66.6,120.6,66.6,120.6z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.home .home-temp:nth-child(3) .longbtn {
  margin-top: 2.5rem;
  white-space: nowrap;
}

.home .home-page {
  position: absolute;
  top: 50%;
  right: 4%;
  transform: translate(-50%, -50%);
  z-index: 9;
  display: flex;
  flex-direction: column;
}

.home .home-page a {
  width: 2.125rem;
  height: 2.125rem;
  color: #fff;
  font-family: "INTER-MEDIUM";
  font-size: 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  margin: 1.25rem 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding-left: 0.3125rem;
}

.home .home-page a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(to bottom right, #0000, var(--deep));
  opacity: 0;
  transition: opacity 0.3s;
}

.home .home-page a.active::before {
  opacity: 1;
}

.home .copyright {
  width: 100%;
  position: absolute;
  bottom: 2.5rem;
  z-index: 19;
  font-size: 0.75rem;
}

.home .copyright .w {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home .copyright .copyright-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.home .copyright .copyright-right img {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.125rem;
}

.home .copyright .copyright-right a {
  color: #fff;
}

.home .copyright .copyright-left a {
  margin-left: 0.625rem;
  color: #fff;
}

.home .copyright .copyright-left a:first-child {
  margin-left: 0rem;
}

/* 首页 */

/* 产品列表 */
.product-list .product-c {
  display: flex;
  padding-bottom: 3%;
}

.product-list .product-left {
  flex: 1;
}

.product-list .product-right {
  width: 15%;
  padding-left: 1.875rem;
  margin-top: 6.25rem;
  border-left: 1px dashed #dcdcdc;
}

.product-list .product-box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22.8125rem, 1fr));
}

.product-list .product-left .product-temp {
  padding: 3.125rem 0rem;
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.875rem;
  background: background 0.6s;
}

.product-list .product-left .product-temp:hover {
  background: #fff;
}

.product-list .product-left .product-temp:hover .longbtn {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: 0.3s;
}

.product-list .product-left .product-temp>span:first-child {
  font-weight: bold;
  display: block;
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 0.625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}

.product-list .product-left .product-temp p {
  display: flex;
  justify-content: center;
  color: #666;
  font-size: 0.875rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-list .product-left .product-temp p span {
  padding: 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-list .product-left .product-temp p span:not(:first-child) {
  border-left: 1px solid #666;
}

.product-list .product-left .product-img {
  width: 100%;
  height: auto;
  padding: 0 20%;
  margin: 1.25rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .product-list .product-left .product-img img {
  transition: all 0.5s ease-in-out;
  transform: scale(1);
}

.product-list .product-left .product-temp:hover img {
  transform: scale(1.1);
} */

.product-list .product-right-b {
  position: sticky;
  top: 6.25rem;
}

.product-list .product-right-b .longbtn {
  margin-bottom: 1.125rem;
  display: flex;
  justify-content: flex-start;
}

.product-list .product-right-b .longbtn.active {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
}

.product-list .product-right-b .longbtn:active {
  transform: none;
}

/* 产品列表 */
/* 产品公共 */
.product-prodetail .product-t {
  width: 100%;
  height: 65vh;
  position: relative;
}

.product-prodetail .product-tl {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  color: #fff;
  flex-direction: column;
  padding-left: 16%;
}

.product-prodetail .product-tl>span:nth-child(1) {
  display: block;
  font-size: 2.5rem;
  margin-bottom: 1.25rem;
  font-weight: bold;
}

.product-prodetail .product-tl p {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}

.product-prodetail .product-tl p span {
  padding: 0 0.9375rem;
  line-height: 1;
  border-left: 1px solid #fff;
}

.product-prodetail .product-tl p span:first-child {
  padding-left: 0;
  border-left: none;
}

.product-prodetail .product-tl .product-detail {
  font-size: 1rem;
  margin-top: 6.25rem;
  cursor: pointer;
  color: var(--deep);
  display: flex;
  align-items: center;
}

.product-prodetail .product-detail a {
  color: var(--deep);
  width: 10rem;
}

.product-prodetail .product-tl .videobtn {
  display: flex;
  align-items: center;
  font-size: 1rem;
  cursor: pointer;
}

.product-prodetail .product-tl .videobtn i {
  margin-right: 0.75rem;
  display: inline-block;
  width: 1.6875rem;
  height: 1.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 1024 1024' %3E%3Cpath d='M512.007499 0a511.992513 511.992513 0 1 0 511.992513 511.896526A511.896526 511.896526 0 0 0 512.007499 0z m0 947.099761a435.203235 435.203235 0 1 1 435.107248-435.299221A435.203235 435.203235 0 0 1 511.719539 947.099761z M716.170993 423.300897L491.37038 293.43103l-6.719061-3.551504a102.321713 102.321713 0 0 0-146.859495 92.24312V649.253348a102.513687 102.513687 0 0 0 153.578556 81.204662L716.170993 600.588143l7.103008-4.415384a102.4177 102.4177 0 0 0-7.103008-172.871862z m-38.394639 110.768534L452.975741 663.939297a26.300328 26.300328 0 0 1-12.862204 3.455518 25.628422 25.628422 0 0 1-25.532435-25.628422v-259.163814a26.204341 26.204341 0 0 1 3.359531-12.862204 25.628422 25.628422 0 0 1 35.035108-9.59866L677.776354 489.531649a26.012368 26.012368 0 0 1 9.598659 9.59866 25.532435 25.532435 0 0 1-9.598659 34.939122z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.product-prodetail .product-b {
  display: flex;
  min-height: 40vh;
  flex-direction: column;
}

.product-prodetail .product-b p {
  font-size: 1rem;
  color: #333;
  line-height: 2;
  width: 60%;
}

.product-prodetail .product-img {
  position: absolute;
  width: 25rem;
  height: 100%;
  right: 8%;
  top: 0;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  margin-top: 6%;
}

.product-prodetail .product-tl-r {
  width: 100%;
  height: 25rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, .13), rgba(211, 211, 211, .17));
  box-shadow: 0 0 1.125rem rgba(0, 0, 0, .1);
  border-radius: .625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: all .3s linear;
}

.product-prodetail .product-tl-r .swiper-slide {
  padding: 2.5rem;
}

.product-prodetail .product-dot {
  min-height: 40vh;
  padding-bottom: 5rem;
}

.product-prodetail .product-dot .product-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-prodetail .product-temp {
  width: calc(33.3333% - 1.25rem);
  margin: .9375rem 0;
  padding: 2.875rem;
  background: rgba(237, 240, 241, 0.6);
  display: flex;
  align-items: center;
  border-radius: .625rem;
}

.product-prodetail .product-temp .imgb {
  width: 5.3125rem;
  height: 5.3125rem;
  margin-right: 1.25rem;
  display: flex;
}

.product-prodetail .product-temp .text {
  flex: 1;
}

.product-prodetail .product-temp .text h3 {
  font-size: 1rem;
  font-weight: bold;
}

.product-prodetail .product-temp .text p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  margin-top: 0.9375rem;
  overflow: hidden;
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; */
}

.product-prodetail .question-b .accordion {
  background: rgba(237, 240, 241, 0.6);
  width: 100%;
  border-radius: 0.3125rem;
  cursor: pointer;
  padding: 1.25rem 1.875rem;
  margin: 0.625rem 0;
  font-size: 1.25rem;
  color: #333;
  transition: 0.4s;
  position: relative;
}

.product-prodetail .accordion:hover {
  color: var(--light);
}

.product-prodetail .question-b .panel {
  padding: 0 1.125rem;
  max-height: 0;
  color: #555;
  overflow: hidden;
  font-size: 1rem;
  transition: max-height 0.2s ease-out;
}

.product-prodetail .question-b .panel p {
  padding: 0.375rem 3.125rem;
}

.product-prodetail .question-b .accordion::before {
  content: "";
  position: absolute;
  right: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%23757A81' %3E%3Cpath d='M9.97357 8.02643V0.9C9.97357 0.405001 9.57835 0 9.09548 0C8.61261 0 8.21739 0.405001 8.21739 0.9V8.02643H0.9C0.405 8.02643 0 8.42165 0 8.90452C0 9.38739 0.405 9.78261 0.9 9.78261H8.21739V17.1C8.21739 17.595 8.61261 18 9.09548 18C9.57835 18 9.97357 17.595 9.97357 17.1V9.78261H17.1C17.595 9.78261 18 9.38739 18 8.90452C18 8.42165 17.595 8.02643 17.1 8.02643H9.97357Z' /%3E%3C/svg%3E") center/1.125rem auto no-repeat;
}

.product-prodetail .question-b .accordion.active::before {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 4' fill='none' stroke='%23019999' stroke-width='3' %3E%3Cpath d='M2 2H20' /%3E%3C/svg%3E") center/1.125rem auto no-repeat;
}

.product-prodetail .recommend .recommend-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4.375rem;
}

.product-prodetail .recommend .recommend-temp {
  width: calc(25% - 1.4063rem);
  border-radius: 0.625rem;
  padding: 2.1875rem 0.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s;
  position: relative;
}

.product-prodetail .recommend .recommend-temp::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  width: calc(100% - 2.5rem);
  border-bottom: 0.0625rem dashed #dcdcdc;
}

.product-prodetail .recommend .recommend-temp:hover {
  background-color: #fff;
  box-shadow: 0px 1px 25px #001e6b24;
  transition: all 0.3s;
}

.product-prodetail .recommend .recommend-temp:hover .longbtn {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: 0.3s;
}

.product-prodetail .recommend .recommend-temp>span:nth-child(1) {
  display: block;
  font-size: 1.375rem;
  text-align: center;
  margin-bottom: 0.625rem;
  font-weight: bold;
}

.product-prodetail .recommend .recommend-temp p {
  display: flex;
  justify-content: center;
  color: #666;
  font-size: 0.875rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-prodetail .recommend .recommend-temp p span {
  padding: 0 0.5rem;
  border-right: 1px solid #ccd3dc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-prodetail .recommend .recommend-temp p span:last-child {
  border-right: none;
}

.product-prodetail .recommend .img-b {
  width: auto;
  flex: 1;
  height: auto;
  padding: 0 20%;
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 产品公共 */
/* 解决方案 */

/* 解决方案 */
/* 解决方案-环网柜/配电房 服务与支持 概述 */
.summary {
  width: 100%;
  /* min-height: 40vh; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10vh 0;
}

.summary .w {
  display: flex;
  justify-content: space-between;
  color: #000;
}

.summary .summary-l {
  font-size: 2rem;
  line-height: 1.6;
  width: 30%;
  display: flex;
  align-items: center;
}

.summary .summary-r {
  font-size: 1rem;
  line-height: 2rem;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.summary .summary-r span {
  margin-bottom: 2.5rem;
  display: block;
  line-height: 1.8;
  color: #333;
}

.summary .summary-r span i {
  font-style: normal;
  color: #019999;
}

/* 解决方案-环网柜/配电房 服务与支持 概述 */
/* 解决方案-环网柜/配电房 行业痛点 // 服务与支持 我们拥有 */
.painspot {
  width: 100%;
  height: 100vh;
  color: #fff;
}

.painspot .w {
  position: relative;
}

.painspot-box {
  position: absolute;
  bottom: 20%;
  display: flex;
  width: 100%;
  height: auto;
}

.painspot-temp {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 4%;
  border-right: 1px solid #ccd3dd4d;
  margin-right: 4%;
}

.painspot-temp:last-child {
  padding-right: 0;
  border-right: none;
  margin-right: 0;
}

.painspot-ico {
  width: 5.3125rem;
  height: 5.3125rem;
}

.painspot-ico img {
  width: 100%;
  height: 100%;
}

.painspot-temp span:nth-child(2) {
  font-size: 2rem;
  color: #fff;
  margin-top: 1.5625rem;
}

.painspot-temp span:nth-child(3) {
  font-size: 1rem;
  line-height: 1.6;
  color: #ccd3dd;
  margin-top: 1.25rem;
}

/* 解决方案-环网柜/配电房 行业痛点 // 服务与支持 我们拥有 */
/* 解决方案-环网柜/配电房 系统架构 */
.architecture {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.architecture-img {
  width: 86%;
  height: auto;
  margin-bottom: 5.9375rem;
  position: relative;
  top: -3.125rem;
  margin: 0 auto;
  margin-bottom: 3.125rem;
}

.architecture-img img {
  width: 100%;
}


/* 解决方案-环网柜/配电房 系统架构 */
/* 解决方案-环网柜/配电房 应用价值 */
.money {
  width: 100%;
  overflow: hidden;
  background: url(../images/contact-info-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.money .w {
  display: flex;
  flex-direction: column;
}

.money .swiper {
  width: 100%;
  flex: 1;

  padding-bottom: 7%;
}

.money .swiper-slide {
  height: auto;
}

.money .swiper-slide .money-box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 12% 10% 10%;
  border-radius: 0.625rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.35);
}

.money .swiper-slide .money-img {
  width: 6rem;
  height: 6rem;
}

.money .swiper-slide span:nth-child(2) {
  margin-top: 6%;
  font-size: 1.5rem;
  color: #eee;
  transition: color 0.6s;
}

.money .swiper-slide:hover span:nth-child(2) {
  color: var(--deep);
}

.money .swiper-slide span:nth-child(3) {
  margin-top: 6%;
  font-size: 1rem;
  line-height: 1.8;
  color: #c6c6c6;
}

.money .swiper-pagination.dot {
  position: absolute;
  bottom: 12%;
}

.money .dot .swiper-pagination-bullet {
  background: #ccd3dd !important;
  margin: 0 5px;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--light) !important;
}

/* 解决方案-环网柜/配电房 应用价值 */
/* 解决方案-环网柜/配电房 */
.rmu,
.hpdf {
  width: 100%;
  height: 100%;
}

.rmu .banner,
.hpdf .banner {
  width: 100%;
  height: 100vh;
  line-height: 0;
}

.rmu .banner-bg,
.hpdf .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00223833;
}

/* 解决方案-环网柜/配电房 */
/* 解决方案-综合页 */
.soldetails .banner {
  width: 100%;
  height: 60vh;
  position: relative;
  line-height: 0;
}

.soldetails .soldetails-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.soldetails .banner .banner-c {
  position: absolute;
  top: 0;
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  z-index: 9;
}

.soldetails .card {
  display: flex;
  flex-direction: column;
  padding: 10vh 0;
}

.soldetails .card .w {
  display: flex;
  justify-content: space-between;
}

.soldetails .card .card-temp-l {
  display: flex;
  flex-direction: column;
  padding-right: 10%;
  align-items: flex-start;
  justify-content: center;
}

.soldetails .card .card-temp-l>span:nth-child(1) {
  font-size: 2.5rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 2%;
}

.soldetails .card .card-temp-r {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
}

.soldetails .card .card-temp-l-p {
  font-size: 1rem;
  line-height: 2rem;
  color: #333;
  margin-bottom: 4%;
}

.soldetails .worth {
  width: 100%;
  background: url(../images/worth-bg.jpg) no-repeat center/cover;
  background-position: 100% 100%;
}

.soldetails .worth .worth-box {
  display: flex;
  justify-content: space-between;
  line-height: 2rem;
}

.soldetails .worth .worth-temp {
  width: 30%;
  margin-bottom: 7%;
  /* min-height: 50%; */
  display: flex;
  flex-direction: column;
  border: 1px solid #ccd3dd33;
  border-radius: 10px;
  padding: 2rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.08);
}

.soldetails .worth .worth-t {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.soldetails .worth .worth-t span {
  font-size: 1.25rem;
  color: #fff;
  flex: 1;
  margin-bottom: 7%;
  font-weight: bold;
}

.soldetails .worth .worth-t .worth-img {
  width: 5.3125rem;
  height: 5.3125rem;
}

.soldetails .worth .worth-b {
  font-size: 1rem;
  line-height: 1.6;
  color: #ccd3dd;
  position: relative;
  margin-left: .6875rem;
}

.soldetails .worth .worth-b::before {
  width: .3125rem;
  height: .3125rem;
  content: '';
  border-radius: 50%;
  background: var(--light);
  position: absolute;
  top: 0.75rem;
  left: -3%;
}

/* 解决方案-综合页 */
/* 工程案例-列表 */
.cases .cases-sel {
  background: #f6f8fa;
  position: relative;
  z-index: 2;
}

.cases .cases-sel .w {
  padding: 3.125rem 0;
  display: grid;
  grid-gap: 2.1875rem;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}

.cases .cases-content {
  min-height: 60vh;
}

.cases .cases-content .w {
  display: grid;
  grid-gap: 2.1875rem;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
  margin-bottom: 6.25rem;
  min-height: 60vh;
}

.cases .cases-temp {
  height: 29.6875rem;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0.5rem;
  transition: box-shadow 0.3s;
  overflow: hidden;
}

.cases .cases-temp:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.3s;
}

.cases .cases-temp-img {
  width: 100%;
  height: 53%;
  overflow: hidden;
  position: relative;
}

.cases .cases-temp-img img {
  transform: scale(1);
  transition: all 0.7s ease-in-out;
}

.cases .cases-temp:hover img {
  transform: scale(1.1);
}

.cases .cases-temp span:nth-child(2) {
  font-size: 1.25rem;
  color: #000;
  margin-top: 8%;
  margin-left: 8%;
  font-weight: bold;
}

.cases .cases-temp span:nth-child(3) {
  margin-top: .625rem;
  font-size: 0.875rem;
  color: #666;
  flex: 1;
  margin-left: 8%;
}

.cases .cases-temp span:nth-child(4) {
  margin-left: 8%;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--light);
}

.cases .cases-temp span:nth-child(4) i {
  color: #333;
  font-size: 0.875rem;
  font-style: normal;
  margin-left: .3125rem;
}

.cases .cases-temp span:nth-child(5) {
  margin-left: 8%;
  font-size: 0.875rem;
  color: #666;
  margin-top: 1%;
  margin-bottom: 8%;
}

.cases .cases-btn {
  display: flex;
  margin-top: 103px;
  margin-bottom: 174px;
}

.cases .cases-btn .w {
  display: flex;
  justify-content: center;
}

.cases .roundbtn-tl,
.cases .roundbtn-tr {
  margin: 0 1%;
}

/* 工程案例-列表 */
/* 工程案例-详情页 */
.casesdetails .mb-nav {
  position: relative;
  padding-top: 35vh;
}

.casesdetails .casesdetails-title {
  color: #fff;
  font-weight: bold;
  font-size: 2.375rem;
  margin-bottom: 3%;
}

.casesdetails-img {
  height: 60vh;
}

.casesdetails-img .w {
  padding: 2%;
  background-color: #f6f8fa;
  border-radius: 0.625rem;
}

.casesdetails-survey-c,
.casesdetails-dot-c {
  flex: 1;
}

.casesdetails .casesdetails-survey .w {
  padding: 0 2%;
  display: flex;
}

.casesdetails .mytitle {
  height: 6.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

.casesdetails .casesdetails-survey-c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}

.casesdetails .casesdetails-survey-temp {
  border-bottom: 1px solid #ced5de80;
  margin-left: 5.9375rem;
  width: calc(50% - 5.9375rem);
  padding: 1.8rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.casesdetails .casesdetails-survey-temp span i {
  font-style: normal;
}

.casesdetails .casesdetails-survey-temp:last-child {
  border-bottom: none;
}

.casesdetails .casesdetails-survey-temp span:first-child {
  font-size: 1.125rem;
  color: #666;
  margin-bottom: 1%;
}

.casesdetails .casesdetails-survey-temp span:last-child {
  font-size: 1.125rem;
  color: #333;
  line-height: 1.6875rem;
}


.casesdetails .casesdetails-dot .w {
  padding: 1.8% 2%;
  display: flex;
  align-items: center;
  border-top: 1px solid #ced5de80;
  border-bottom: 1px solid #ced5de80;
}

.casesdetails .casesdetails-dot-c {
  margin-left: 5.9375rem;
  font-size: 1.125rem;
  line-height: 1.6;
  color: #333;
}

.casesdetails .casesdetails-btn {
  display: flex;
  margin-top: 5%;
  margin-bottom: 9%;
}

.casesdetails .casesdetails-btn .disabled {
  filter: grayscale(100%);
  color: #ccd3dd;
  background: #CCD3DD;
  border-color: #CCD3DD;
  cursor: not-allowed;
}

.casesdetails .casesdetails-btn .w {
  display: flex;
  justify-content: space-evenly;
}

.casesdetails .casesdetails-btn .roundbtn-tl {
  margin-right: 10%;
}

.casesdetails .casesdetails-btn .roundbtn-tr {
  margin-left: 10%;
}

.casesdetails-privacy .w {
  background: #fff;
  border-radius: 10px;
  padding: 3rem;
  margin-bottom: 10vh;
}

.casesdetails-privacy .w p {
  font-size: 16px;
  line-height: 1.8;
}

/* 工程案例-详情页 */
/* 服务与支持综合页 */
.general .download .download-c {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5.625rem;
}

.general .download .download-temp {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffffcc;
  border-radius: 0.625rem;
}

.general .download .download-temp:hover span:nth-child(3),
.general .download .download-temp:hover span:nth-child(3)::after {
  color: var(--light);
}

.general .download-img {
  width: 6.875rem;
  height: 6.875rem;
  margin-top: 4.375rem;
  margin-bottom: 1.875rem;
}

.general .download-img img {
  width: 100%;
  height: 100%;
}

.general .download-temp span:nth-child(2) {
  font-size: 2rem;
  color: #333;
}

.general .download-temp span:nth-child(3) {
  font-size: 0.875rem;
  color: #666;
  margin-top: 4%;
  margin-bottom: 10%;
  position: relative;
}

.general .download-temp span:nth-child(3)::after {
  content: ">";
  font-size: 0.875rem;
  color: #666;
  position: absolute;
  right: -25%;
}

.general .guest {
  height: 100vh;
  width: 100%;
  position: relative;
}

.general .guest-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.general .guest-bg img {
  width: 100%;
  height: 100%;
}

.general .guest-c {
  width: 100%;
  height: 100%;
  padding-top: 8%;
  position: relative;
  z-index: 9;
}

.general .guest-c .longbtn {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.general .guest-c .w {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* 服务与支持综合页 */

/* 资料下载 */
.papers-banner {
  height: 65vh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.papers-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.2);
}

.papers-help {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold;
  z-index: 19;
}

.papers-input {
  width: 46.875rem;
  height: 3.625rem;
  padding-left: 3.875rem;
  display: flex;
  border-radius: 0.3125rem;
  border: 1px solid #ffffff4d;
  background-color: #ffffff33;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  margin-top: 1.4375rem;
  position: relative;
}

.papers-input::before {
  content: "";
  position: absolute;
  left: 1.125rem;
  top: calc(50% - 11px);
  width: 1.375rem;
  height: 1.375rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 22 22' %3E%3Cpath d='M10.0827 17.4167C8.13776 17.4167 6.2725 16.6441 4.89723 15.2688C3.52196 13.8935 2.74935 12.0283 2.74935 10.0834C2.74935 8.13843 3.52196 6.27317 4.89723 4.8979C6.2725 3.52264 8.13776 2.75002 10.0827 2.75002C12.0276 2.75002 13.8929 3.52264 15.2681 4.8979C16.6434 6.27317 17.416 8.13843 17.416 10.0834C17.416 12.0283 16.6434 13.8935 15.2681 15.2688C13.8929 16.6441 12.0276 17.4167 10.0827 17.4167ZM0.916016 10.0834C0.916016 15.1461 5.01993 19.25 10.0827 19.25C15.1454 19.25 19.2493 15.1461 19.2493 10.0834C19.2493 5.0206 15.1454 0.916687 10.0827 0.916687C5.01993 0.916687 0.916016 5.0206 0.916016 10.0834Z M15.3934 15.3936C15.2215 15.5655 15.125 15.7986 15.125 16.0417C15.125 16.2847 15.2215 16.5178 15.3934 16.6897L19.5184 20.8147C19.6913 20.9817 19.9228 21.0741 20.1632 21.072C20.4035 21.0699 20.6334 20.9735 20.8034 20.8036C20.9733 20.6336 21.0698 20.4037 21.0718 20.1634C21.0739 19.923 20.9815 19.6915 20.8146 19.5186L16.6896 15.3936C16.5177 15.2217 16.2845 15.1252 16.0415 15.1252C15.7984 15.1252 15.5653 15.2217 15.3934 15.3936Z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.papers-input input {
  height: 100%;
  width: 100%;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  color: currentColor;
  font-size: 1rem;
}

.papers-input input::placeholder {
  color: #ffffffe6;
}

.papers-c {
  height: auto;
  background-size: 100% auto;
}

.papers-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.25rem;
  padding-top: 4%;
  padding-bottom: 2%;
}

.papers-type .papers-type-l {
  font-weight: bold;
}

.papers-type .papers-type-r {
  display: flex;
}

.papers-type div {
  margin: 0 0.375rem;
}

.papers-type .active {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, box-shadow 0.3s;
}

.papersbox {
  display: none;
  min-height: 60vh;
}

.papersbox.active {
  display: block;
}

/* 资料下载 */
/* 产品资料下载 */
.papers-product {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3% 2%;
  margin-top: 2.5%;
  background: #edf0f199;
  border-radius: 0.625rem;
}

.papers-product .papers-title {
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 1%;
}

.papers-product .papers-productType {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 4% 0 0;
  overflow: hidden;
  margin-bottom: 2%;
  max-height: 3.25rem;
  transition: max-height 0.5s ease-out;
}

.papers-product .papers-productType.expanded {
  max-height: 12.5rem;
  transition: max-height 1s ease-out;
}

.papers-product .papers-productType .retract {
  position: absolute;
  top: 1rem;
  right: 0.625rem;
  display: flex;
  align-items: center;
  color: #999;
  font-size: 0.875rem;
  cursor: pointer;
  user-select: none;
}

.papers-product .papers-productType .retract::before {
  content: "";
  margin-right: 0.25rem;
  width: 0.5625rem;
  height: 0.5625rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999999' viewBox='0 0 200 200' %3E%3Cpath d='M23.4,29.6h153.4c2.2,0,4.3,1.2,5.4,3.1c1.1,1.9,1.1,4.3,0,6.2l-76.7,132.9c-1.1,1.9-3.2,3.1-5.4,3.1  c-2.2,0-4.3-1.2-5.4-3.1L18,39c-1.1-1.9-1.1-4.3,0-6.2C19.1,30.9,21.2,29.6,23.4,29.6z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  margin-left: 0.3125rem;
  transition: all 0.2s;
}

.papers-product .papers-productType .retract.expanded::before {
  transform: rotate(180deg);
}

.papers-product .papers-productType span {
  width: auto;
  height: 2.5rem;
  padding: 0rem 1rem;
  border: 1px solid #ccd3dd;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.375rem;
  cursor: pointer;
}

.papers-product .papers-productType span.active {
  color: var(--light);
  border: 1px solid var(--light);
}

.papers-product .papers-productType span i {
  margin-right: 0.5rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 1024 1024' %3E%3Cpath d='M469.333333 469.333333V170.666667h85.333334v298.666666h298.666666v85.333334h-298.666666v298.666666h-85.333334v-298.666666H170.666667v-85.333334h298.666666z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.papers-product .papers-productType span.active i {
  margin-right: 0.5rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23019999' viewBox='0 0 1024 1024' %3E%3Cpath d='M392.533333 806.4L85.333333 503.466667l59.733334-59.733334 247.466666 247.466667L866.133333 213.333333l59.733334 59.733334L392.533333 806.4z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.papers-product .papers-fileType {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 3.125rem 0 0;
  overflow: hidden;
  height: 3.25rem;
}

.papers-product .papers-fileType span {
  width: auto;
  height: 2.5rem;
  padding: 0rem 1rem;
  border: 1px solid #ccd3dd;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.375rem;
  cursor: pointer;
}

.papers-product .papers-fileType span.active {
  color: var(--light);
  border: 1px solid var(--light);
}

.papers-product .papers-fileType span i {
  margin-right: 0.5rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 1024 1024' %3E%3Cpath d='M469.333333 469.333333V170.666667h85.333334v298.666666h298.666666v85.333334h-298.666666v298.666666h-85.333334v-298.666666H170.666667v-85.333334h298.666666z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.papers-product .papers-fileType span.active i {
  margin-right: 0.5rem;
  width: 0.6875rem;
  height: 0.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300CA39' viewBox='0 0 1024 1024' %3E%3Cpath d='M392.533333 806.4L85.333333 503.466667l59.733334-59.733334 247.466666 247.466667L866.133333 213.333333l59.733334 59.733334L392.533333 806.4z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.dp-lists {
  margin-top: 3.75rem;
}

.dp-lists .dp-lists-title {
  font-size: 1rem;
  color: var(--light);
  line-height: 1.5rem;
  margin-left: 2.1875rem;
}

.dp-lists .dp-lists-header {
  margin-top: 1.875rem;
  width: 100%;
  height: 4.6875rem;
  background: #edf0f199;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  color: #333;
}

.dp-lists .dp-lists-header span:first-child {
  font-weight: bold;
  width: 60%;
  padding-left: 2.1875rem;
}

.dp-lists .dp-lists-header span:last-child {
  font-weight: bold;
  width: 40%;
}

.dp-lists .dp-lists-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 4%;
  position: relative;
  min-height: 40vh;
}

.dp-lists .dp-lists-temp {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding: 2.5rem 0 2.0625rem 0;
}

.dp-lists .dp-lists-temp-l {
  display: flex;
  width: 60%;
}

.dp-lists .dp-lists-temp-ll {
  width: 3.1875rem;
  height: 3.4375rem;
  margin-left: 2.1875rem;
  margin-right: 1.5rem;
}

.dp-lists .dp-lists-temp-lr {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.dp-lists .dp-lists-temp-lrt {
  font-size: 1.125rem;
  color: #000;
}

.dp-lists .dp-lists-temp-lrb {
  font-size: 0.875rem;
  margin-top: 0.5rem;
  display: flex;
}

.dp-lists .dp-lists-temp-lrb span {
  width: 9.375rem;
  color: #666;
}

.dp-lists .dp-lists-temp-c {
  color: #666;
  flex: 1;
  font-size: 0.875rem;
}

.dp-lists .dp-lists-temp-r {
  display: flex;
}

.dp-lists .dp-lists-temp-r .longbtn {
  margin-left: 1.25rem;
}

.dp-btn .longbtn {
  width: 11.25rem;
  height: 3rem;
  font-size: 1rem;
  color: #000;
  margin: 0 auto;
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
  cursor: pointer;
  user-select: none;
  padding: 0;
}

.dp-btn .longbtn:hover {
  color: #fff;
}

.dp-btn .longbtn i {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .8125rem;
  display: inline-block;
  background: url(../images/more.png);
  background-size: 100% 100%;
  display: none;
}

.dp-btn .longbtn.active i {
  display: block;
  animation: dp-btn 2s infinite linear;
}

@keyframes dp-btn {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.dp-btn .longbtn:hover i {
  background: url(../images/morew.png);
  background-size: 100% 100%;
}

/* 产品资料下载 */
/* 企业资料/解决方案下载 */

.dcs {
  width: 100%;
  background: #f6f8fa;
  border-radius: 0.625rem;
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(auto-fill, minmax(25rem, 3fr));
  margin-bottom: 3rem;
  position: relative;
}

.dcs .dcs-temp {
  padding: 2.1875rem;
  background-color: #fff;
  display: flex;
  border-radius: 0.625rem;
  transition: box-shadow 0.3s;
}

.dcs .dcs-temp:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.3s;
}

.dcs .dcs-temp .dcs-l {
  width: 30%;
  height: auto;
  border: 1px solid #ccd3dd4d;
}

.dcs .dcs-temp .dcs-r {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 5%;
}

.dcs .dcs-temp .dcs-r>span:nth-child(1) {
  font-size: 1.125rem;
  color: #000;
  flex: 1;
}

.dcs .dcs-temp .dcs-r .dcs-span {
  font-size: 0.75rem;
  color: #666;
  margin-bottom: 6%;
}

.dcs .dcs-temp .dcs-r .dcs-span span {
  margin-right: .625rem;
}

.dcs .dcs-temp .dcs-r>div:nth-child(3) {
  display: flex;
}

.dcs .dcs-temp .dcs-r>div:nth-child(3) a:last-child {
  margin-left: 4%;
}

/* 企业资料/解决方案下载 */
/* 客制化解决方案 */
.sol .good {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: url(../images/function-bg.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
}

.sol .good .w {
  display: flex;
}

.sol .good-l {
  width: 40%;
  height: 100%;
  border-right: 1px solid rgba(204, 211, 221, 0.3);
  display: flex;
  align-items: center;
}

.sol .good-r {
  width: 60%;
  height: 100%;
  padding: 0 8%;
}

.sol .good-boox {
  display: flex;
  flex-direction: column;
}

.sol .good-temp {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10%;
  padding-bottom: 10%;
}

.sol .good-img {
  height: auto;
  width: 3.75rem;
}

.sol .good-temp span:nth-child(2) {
  font-size: 1.5rem;
  color: #fff;
  margin-top: 1%;
  margin-bottom: 2%;
}

.sol .good-temp span:nth-child(3) {
  font-size: 1rem;
  line-height: 1.6;
  color: #ccd3dd;
}

.sol .guarantee-box {
  display: flex;
  padding: 0 3%;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 17vh;
}

.sol .guarantee-temp {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sol .guarantee-img {
  width: 6.875rem;
  height: 6.875rem;
}

.sol .guarantee-img img {
  width: 100%;
  height: 100%;
}

.sol .guarantee-temp p {
  font-size: 1.5rem;
  color: #000;
  text-align: center;
  margin-top: 14%;
  line-height: 2.25rem;
}

/* 客制化解决方案 */
/* 工程设计及系统集成服务 */
.pro .value {
  padding: 5% 0;
}

.pro .value .w {
  position: relative;
}

.pro .value .mytitle {
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 9;
}

.pro .value .swiper-slide {
  display: flex;
  justify-content: space-between;
  background: #f6f8fa;
}

.pro .value-l {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pro .value-l span:first-child {
  font-size: 1.75rem;
  margin-bottom: 5%;
}

.pro .value-l p:last-child {
  font-size: 1rem;
  line-height: 1.8;
}

.pro .value-r {
  width: 60%;
  border-radius: 0.625rem;
  overflow: hidden;
}

.pro .value-r img {
  width: 100%;
  height: 100%;
}

.pro .value .swiper-slide .value-l,
.pro .value .swiper-slide .value-r {
  transition: all 0.6s;
  transform: translateY(3.125rem);
}

.pro .value .swiper-slide-active .value-l,
.pro .value .swiper-slide-active .value-r {
  transform: translateY(0px);
}

.pro .value .swiper-button-next::after,
.pro .value .swiper-button-prev::after {
  content: "";
}

.pro .value .swiper-button-prev {
  top: calc(100% - 2.5rem);
  right: auto;
  left: 0px;
}

.pro .value .swiper-button-next {
  top: calc(100% - 2.5rem);
  right: auto;
  left: 70px;
}

.pro .value .roundbtn-tr {
  width: 3.4375rem;
  height: 3.4375rem;
}

.pro .value .roundbtn-tl {
  width: 3.4375rem;
  height: 3.4375rem;
}

.pro .work {
  height: auto;
  background-size: 100% 100%;
  padding-bottom: 8%;
}

.pro .work-dots {
  padding: 3% 4% 2% 4%;
  display: flex;
  justify-content: space-around;
  background: url(../images/sys-work-t.png) repeat-x bottom;
}

.pro .work-dot {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  cursor: pointer;
  color: #fff;
}

.pro .work-dot span:first-child {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 2%;
}

.pro .work-dot.active span:first-child {
  background: #019999;
  color: #fff;
}

.pro .work-dot span:last-child {
  font-size: 1.25rem;
}

.pro .work-dot:first-child::after {
  content: "";
  background: none;
}

.pro .work-dot.active:first-child::after {
  content: "";
  background: none;
}

.pro .work-dot::after {
  content: "";
  width: 1.25rem;
  height: 2.0625rem;
  background: url(../images/icon/you.png);
  position: absolute;
  top: calc(50% - 0.625rem);
  left: 0;
}

.pro .work-dot.active::after {
  content: "";
  width: 1.25rem;
  height: 2.0625rem;
  background: url(../images/icon/you-a.png);
  position: absolute;
  top: calc(50% - 0.625rem);
  left: 0;
}

.pro .work-box {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: rgb(255 255 255 / 20%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.pro .work .swiper-slide {
  display: flex;
  color: #fff;
  opacity: 0;
}

.pro .work-l {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 4% 0 6%;
  margin: 2rem 0 2rem 0;
  border-right: 1px solid #ced5de80;
}

.pro .work-l span:first-child {
  font-size: 1.5rem;
  margin-bottom: 3%;
}

.pro .work-l span:last-child {
  font-size: 1rem;
  line-height: 1.8;
}

.pro .work-r {
  min-height: 23vh;
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 0 4% 0 6%;
  margin: 4% 0 5% 0;
  justify-content: space-between;
}

.pro .work-r>span:first-child {
  font-size: 1.5rem;
  margin-bottom: 6%;
}

.pro .work-r .work-r-box {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.pro .work-r .work-r-box span {
  display: flex;
  height: 2.75rem;
  border-radius: 4.0625rem;
  border: 1px solid #ced5de;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4%;
  margin-bottom: 2%;
  font-size: 0.875rem;
}

.pro .work-rb {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #ffffff;
}

.pro .work-rb:hover {
  color: var(--light);
}

.pro .work-rb i {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  background: #019999;
  border-radius: 50%;
  position: relative;
  margin-right: 0.5rem;
}

.pro .work-rb i::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/icon/icon-mouse.svg) no-repeat;
  background-position: center;
}

.pro .work .swiper-button-next::after,
.pro .work .swiper-button-prev::after {
  content: "";
}

.pro .work .swiper-slide.swiper-slide-active .work-l,
.pro .work .swiper-slide.swiper-slide-active .work-r {
  transform: translateY(0px);
  opacity: 1;
}

.pro .work .swiper-slide .work-l,
.pro .work .swiper-slide .work-r {
  transition: all 0.6s;
  opacity: 0;
  transform: translateY(50px);
}

.pro .work .swiper-button-prev {
  top: auto;
  bottom: 2rem;
  right: auto;
  left: 6%;
}

.pro .work .swiper-button-next {
  top: auto;
  bottom: 2rem;
  right: auto;
  left: calc(6% + 4.375rem);
}

.pro .work .roundbtn-tr,
.pro .work .roundbtn-tl {
  width: 3.125rem;
  height: 3.125rem;
}

/* 工程设计及系统集成服务 */
/* 运维服务 */
.ser .plan .plan-c {
  display: flex;
  justify-content: space-between;
  padding-bottom: 9%;
}

.ser .plan .plan-temp {
  display: flex;
  width: 23%;
  background: #ffffff;
  flex-direction: column;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: box-shadow 0.6s;
}

.ser .plan .plan-temp:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.6s;
}

.ser .plan .plan-temp:hover .plan-b span:first-child {
  color: var(--light);
}

.ser .plan-t {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  position: relative;
}

.ser .plan-t img {
  position: absolute;
  top: 0;
}

.ser .plan-b {
  padding: 2.5rem 3rem;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s;
}

.ser .plan-b span:first-child {
  font-size: 1.375rem;
  margin-bottom: 1.25rem;
}

.ser .plan-b p:last-child {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}

.general .after {
  width: 100%;
  height: 100vh;
  background: url(../images/ser-after-bg.jpg);
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.general .after-c {
  margin: 0 auto;
  height: 80%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 19;
}

.general .after-c svg {
  width: auto;
  height: 100%;
}

.general .after-cc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: -3%;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.general .after-cc span:nth-child(1) {
  font-size: 1.125rem;
  text-shadow: 0px 1px 2px #0000004d;
}

.general .after-cc span:nth-child(2) {
  font-family: "INTER-MEDIUM";
  font-size: 8rem;
  font-weight: bold;
  text-shadow: 0px 1px 2px #0000004d;
}

.general .after-cc span:nth-child(3) {
  font-size: 1.5rem;
  text-shadow: 0px 1px 2px #0000004d;
}

.general .after-b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;

  transform: scale(8);
}

.general .after-bt {
  width: 100%;
  flex: 1;
  background: #edf1f4;
  position: relative;
  transform: scaleY(1.2);
}

.general .after-bb {
  width: 100%;
  flex: 1;
  background: #edf1f4;

  position: relative;
  transform: scaleY(1.2);
}

.general .after-bc {
  width: 100%;
  height: 80%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.general .after-bcl {
  width: 100%;
  flex: 1;
  background: #edf1f4;
  box-sizing: content-box;
  transform: scaleX(1.2);
}

.general .after-bcr {
  width: 100%;
  flex: 1;
  background: #edf1f4;
  box-sizing: content-box;
  transform: scaleX(1.2);
}

.general .after-bc svg {
  height: auto;
  width: auto;
}

#seaplay1,
#seaplay2,
#seaplay3,
#seaplay4,
#seaplay5 {
  opacity: 0;
  transform-origin: 50% 50%;
  animation: scaleCircle 3s infinite linear;
}

#seaplay1 {
  animation-delay: 0s;
}

#seaplay2 {
  animation-delay: 0.6s;
}

#seaplay3 {
  animation-delay: 1.2s;
}

#seaplay4 {
  animation-delay: 1.8s;
}

#seaplay5 {
  animation-delay: 2.4s;
}

@keyframes scaleCircle {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

.ser .vc-rt>span:nth-child(2) {
  /* margin-bottom: 20vh; */
}

/* 运维服务 */
/* 可持续发展 */
.develop .plan .plan-c {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5.625rem;
}

.develop .plan .plan-temp {
  display: flex;
  width: 23%;
  background: #ffffff;
  flex-direction: column;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: box-shadow 0.6s;
}

.develop .plan .plan-temp:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.6s;
}

.develop .plan .plan-temp:hover .plan-b span:first-child {
  color: var(--light);
}

.develop .plan-t {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  position: relative;
}

.develop .plan-t img {
  position: absolute;
  top: 0;
}

.develop .plan-b {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s;
}

.develop .plan-b span:first-child {
  font-size: 1.375rem;
  margin-bottom: 1.25rem;
}

.develop .plan-b p:last-child {
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; */
}

.develop .light .w {
  display: flex;
  flex-direction: column;
}

.develop .light-t {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.develop .light .mytitle span:nth-child(2) {
  color: #333;
}

.develop .light-b {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  margin-bottom: 9.5%;
  margin-top: 2%;
}

.develop .light-temp {
  display: flex;
  flex-direction: column;
  width: 25%;
  justify-content: flex-end;
}

.develop .light-temp span:nth-child(1) {
  font-size: 1.5rem;
  color: #000;
  margin-bottom: 2.375rem;
}

.develop .light-temp span:nth-child(2) {
  font-size: 4rem;
  font-family: "INTER-MEDIUM";
  color: var(--light);
  margin-bottom: 0.3125rem;
  font-weight: bold;
}

.develop .light-temp span:nth-child(2) i {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
}

.develop .light-temp span:nth-child(3) {
  font-size: 1rem;
  color: #333;
}

/* 可持续发展 */
/* 智能制造 */
.ib .cloud {
  position: relative;
  width: 100%;
  height: 42.85vw;
  overflow: hidden;
}

.ib .cloud .cloud-title {
  position: absolute;
  top: 0;
  left: 8%;
  pointer-events: none;
  z-index: 9;
}

.ib .cloud-title span {
  text-shadow: 1px 1px 2px #000;
}

.ib .cloud .cloud-t {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  position: absolute;
}

.ib .cloud .cloud-t span {
  font-size: 1rem;
  position: relative;
  padding-left: 0.375rem;
  margin: 0 20px;
  margin-bottom: 10vh;
  color: #ffffff;
  pointer-events: auto;
  cursor: pointer;
}

.ib .cloud .cloud-t span.active {
  color: #fff;
}

.ib .cloud .cloud-t span::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  left: -0.9375rem;
  top: calc(50% - 0.125rem);
}

.ib .cloud .cloud-t span::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #ffffff;
  position: absolute;
  left: -1.375rem;
  top: calc(50% - 0.5625rem);
}

.ib .cloud .cloud-t .active::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: -0.9375rem;
  top: calc(50% - 0.125rem);
}

.ib .cloud .cloud-t .active::after {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  border: 0.5rem solid var(--light);
  background-color: #fff;
  position: absolute;
  left: -1.375rem;
  top: calc(50% - 0.5625rem);
}

.ib .cloud .cloud-b {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  overflow: hidden;
  background: #010203;
}

.ib .cloud .cloud-box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.ib .cloud .cloud-b .cloudimage-360 {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ib .section2 .footstone-img img {
  transform: translate(-100%);
  opacity: 0;
  transition: all 2s;
}

.ib .section2.active .footstone-img img {
  opacity: 1;
  transform: translate(0%);
}

.cloud .videobtn {
  width: 5.5rem;
  height: 5.5rem;
  background: url("https://static.rolink-power.com/rolinks/images/cloud-btn.png") center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  bottom: 3%;
  left: 8%;
  opacity: 0.6;
}

.cloud .videobtn:hover {
  opacity: 1;
}

/* 智能制造 厂区 待删除 del */
.ib .footstone {
  height: 100vh;
  position: relative;
}

.ib .footstone .footstone-span {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

.ib .vector {
  /* height: 100vh; */
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 40;
  /* background: url(../images/vector.jpg) no-repeat; */
  /* background-size: 100% 100%; */
  background-color: rgba(206, 213, 222, 0.25);
  color: #fff;
}

.ib .vector .w {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.ib .vector .vector-t {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ib .vector .vector-tl .mytitlew span:nth-child(2) {
  color: #cdd3dd;
}

.ib .vector .vector-tl {
  display: flex;
  flex-direction: column;
  width: 44%;
}

.ib .vector .vector-tr {
  display: flex;
  padding-bottom: 3.125rem;
  padding-top: 5.625rem;
}

.ib .vector .vector-tr .vector-tr-temp {
  display: flex;
  flex-direction: column;
  margin-right: 5.25rem;
  line-height: 2.25rem;
  color: #989FAA;
}

.ib .vector .vector-tr .vector-tr-temp:last-child {
  margin-right: 0;
}

.ib .vector .vector-tr .vector-tr-temp span:first-child {
  font-size: 2.5rem;
  font-weight: bold;
  color: var(--light);
  font-family: "INTER-MEDIUM";
}

.ib .vector .vector-tr .vector-tr-temp span:first-child i {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 100;
  margin-left: 0.3125rem;
}

.ib .vector .vector-c {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
}

.ib .vector .vector-c .vector-c-img {
  width: 6.25rem;
  height: 6.25rem;
  margin-bottom: 3%;
}

.ib .vector .vector-c .vector-c-temp {
  color: #666;
  width: 20%;
  height: auto;
  display: flex;
  align-items: center;
  font-size: 1rem;
  text-align: center;
  text-align-last: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.ib .vector-b {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.ib .vector-b-temp {
  border-radius: .3125rem;
  width: 23%;
  padding: 2.5rem 1.875rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.8);
}

.ib .vector-b-temp-t {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.ib .vector-b-temp-tl {
  width: 80px;
  height: 80px;
}

.ib .vector-b-temp-tr {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ib .vector-b-temp-tr span:first-child {
  color: #000;
  font-size: 1.25rem;
}

.ib .vector-b-temp-tr span:last-child {
  margin-top: .3rem;
  color: #666;
  font-size: 0.8rem;
}

.ib .vector-b-temp-c {
  margin: .625rem 0;
  width: 100%;
  height: auto;
  border-radius: .3125rem;
  overflow: hidden;
}

.ib .vector-b-temp-b {
  color: #666;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 1.2rem;
}

.environment {
  width: 100%;
  overflow: hidden;
  background-color: #edf1f4;
}

.environment-title {
  margin: 0 8%;
}

.environment .swiper {
  position: relative;
  padding-bottom: 7rem;
}

.environment .swiper-slide {
  overflow: hidden;
  border-radius: 0.625rem;
  height: 30vw;
}

.environment .swiper-slide div:nth-child(2) {
  background: linear-gradient(to bottom,
      #ebfff300 0%,
      #33333300 70%,
      #333 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  pointer-events: none;
}

.environment .swiper-slide-active div:nth-child(2) {
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

.environment .swiper-slide:hover div:nth-child(2) {
  background: linear-gradient(to bottom,
      #ebfff300 0%,
      #17ce6900 70%,
      #019999cc 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.environment .swiper-slide .environment-span {
  position: absolute;
  padding: 0 8%;
  width: 100%;
  height: auto;
  bottom: 5%;
  left: 0;
  display: flex;
  flex-direction: column;
}

.environment .swiper-slide .environment-span span:nth-child(1) {
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}

.environment .swiper-slide .environment-span span:nth-child(2) {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.6;
}



.environment .swiper .swiper-pagination {
  display: none;
}

.environment .swiper .swiper-button-prev {
  width: 3.5625rem;
  height: 3.5625rem;
  position: absolute;
  left: calc(25% - 3.5rem);
  top: calc(50% - 1.75rem);
}

.environment .swiper .swiper-button-next {
  width: 3.5625rem;
  height: 3.5625rem;
  position: absolute;
  left: calc(75%);
  top: calc(50% - 1.75rem);
}

.environment .swiper-button-prev:after,
.environment .swiper-button-next:after {
  content: "";
}

/* 智能制造 */
/* 关于我们 */
.overview .com-weare {
  height: auto;
  display: flex;
  flex-direction: column;
}

.overview .com-weare-t {
  position: relative;
  height: 90vh;
  padding-bottom: 15vh;
}

.overview .com-weare-t img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.overview .com-weare-t-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #000;
}

.overview .com-weare-t-box p {
  margin-bottom: 1.5625rem;
  line-height: 1.8;
  font-size: 1rem;
}

.overview .com-weare-t-box p:last-child {
  margin-bottom: 0;
}

.overview .com-weare-c {
  flex: 1;
  width: 100%;
}

.overview .com-weare-l {
  float: left;
  float: right;
  height: 100%;
  width: 50%;
  shape-outside: polygon(80% 0, 100% 100%, 0 100%);
}

.overview .com-weare-b {
  position: relative;
  bottom: 11vh;
  width: 100%;
}

.overview .com-weare-b .w {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 10px;
}

.overview .com-weare-temp {
  flex: 1;
  margin: 4.0625rem 0;
  padding: 0 5.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-align-last: center;
  border-right: 1px solid #ccd3dd80;
}

.overview .com-weare-temp:last-child {
  border: none;
}

.overview .com-weare-temp-t {
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
}

.overview .com-weare-temp-t img {
  width: 100%;
  height: 100%;
}

.overview .com-weare-temp-c {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  line-height: 2.25rem;
}

.overview .com-weare-temp-b {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1rem;
  color: #555;
}

.overview .vc-rt>span:nth-child(2) {
  margin-top: 20px;
  margin-bottom: 10%;
}

.overview .history {
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.overview .history .history-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 9vh;
  color: #333;
}

.overview .history::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/overview-history-bg.png) no-repeat center/cover;
  opacity: 0.5;
  pointer-events: none;
  z-index: 1;
}

.overview .history .w {
  overflow: hidden;
}

.overview .history .swiper {
  overflow: visible;
  position: relative;
  z-index: 9;
  margin-bottom: 9vh;
}

.overview .history .swiper-slide {
  width: 25%;
  height: auto;
  border-right: 1px solid #e5e5e5;
  padding: 0 2%;
}

.overview .history .swiper-slide:first-child {
  padding-left: 0;
}

.overview .history .swiper-slide:last-child {
  border-right: none;
}

.overview .history .history-t {
  font-size: 3rem;
  display: block;
  margin-bottom: 1.25rem;
  color: var(--light);
  font-weight: bold;
  font-family: "INTER-MEDIUM";
}

.overview .history .history-b {
  height: 23vh;
  padding-right: 0.3125rem;
  display: flex;
  flex-direction: column;
  /* overflow: auto; */
}

.overview .history .history-b span {
  position: relative;
  padding-left: 0.9375rem;
  margin-bottom: 1em;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #333;
}

.overview .history .history-b span::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  background: #ccd3dd;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: calc(0.875rem);
}

.overview .history .swiper .swiper-button-next:after {
  content: "";
}

.overview .history .swiper .swiper-button-prev:after {
  content: "";
}

.overview .history .roundbtn-tr,
.overview .history .roundbtn-tl {
  border: 1px solid rgba(152, 159, 170, 0.5);
  height: 3.125rem;
  width: 3.125rem;
}

.overview .history .roundbtn-tr:hover,
.overview .history .roundbtn-tl:hover {
  border: 1px solid var(--light);
}

.overview .history .roundbtn-tr {
  top: -6.25rem;
  right: 0;
}

.overview .history .roundbtn-tl {
  top: -6.25rem;
  right: 6.25rem;
  left: auto;
}

.overview .honor {
  position: relative;
  height: 100vh;
}

.overview .honor img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.overview .honor .w {
  display: flex;
}

.overview .honor-l {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: center;
  padding-left: 13%;
  align-items: flex-end;
  position: relative;
  top: -2.815rem;
}

.overview .honor-l .mytitlew span:nth-child(2) {
  line-height: 1.8;
}

.overview .honor-lb {
  display: flex;
  width: 100%;
  justify-content: space-between;

}

.overview .honor-lb-line {
  height: 100%;
  width: 1px;
  background: rgba(204, 211, 221, 0.2);
}

.overview .honor-lb-temp {
  display: flex;
  flex-direction: column;
}

.overview .honor-lb-temp:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.overview .honor-lb-temp span:nth-child(1) {
  font-size: 3rem;
  color: #39eaf1;
  font-weight: bold;
}

.overview .honor-lb-temp span:nth-child(1) i {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: normal;
}

.overview .honor-lb-temp span:nth-child(2) {
  font-size: 1rem;
  color: #ccd3dd;
}

.overview .honor-r {
  width: 50%;
  display: flex;
  align-items: center;
}

.overview .honor-r-img {
  width: 100%;
}

.overview .partners {
  background-color: #f7f8fa;
  padding-bottom: 4rem;
}

.overview .partners .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.overview .partners .swiper-slide {
  box-sizing: border-box;
  text-align: center;
  font-size: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-shrink: 0;
}

.overview .partners .swiper-slide .company {
  width: 15.625rem;
  height: 6.25rem;
  background-color: #fff;
  border-radius: 0.5rem;
  margin: 0.625rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem;
  /* filter: grayscale(0.8); */
  transition: filter 0.3s;
}

.overview .partners .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 15%;
}

.overview .partners .swiper-slide .company:hover {
  /* filter: grayscale(0); */
  box-shadow: 0 0 16px rgba(0, 0, 0, .05);
}

.overview .partners .swiper-slide .company img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* 关于我们 */
/* fotter */
.footer {
  width: 100%;
  height: auto;
  background-color: #24292d;
  color: #757a81;
}

.footer .footer-t {
  border-bottom: 1px solid #ced5de33;
  padding-top: 90px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer .footer-t .footer-temp {
  padding-bottom: 1.25rem;
}

.footer .footer-t .footer-temp-title {
  color: #cbd2dc;
  font-size: 1.125rem;
  margin-bottom: 1.75rem;
  display: inline-block;
}

.footer .footer-t .footer-temp-content {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  height: 6rem;
}

.footer .footer-t .footer-temp-content .swiper-slide {
  display: flex;
}

.footer .footer-t .footer-temp-li {
  display: flex;
  flex-direction: column;
  margin-right: 2.8125rem;
}

.footer .footer-t .footer-temp-li:last-child {
  margin-right: 0;
}

.footer .footer-t .footer-temp-li a,
.footer .footer-t .footer-temp-li span {
  margin-bottom: 0.9375rem;
  font-size: 1rem;
  color: #7a828d;
}

.footer .footer-t .footer-temp-li a:hover,
.footer .footer-t .footer-temp-li span:hover {
  color: #cbd2dc;
}

.footer .footer-t .footer-temp:last-child {
  /* display: flex; */
}

.footer .footer-t .footer-twocode {
  width: 6.875rem;
  height: 6.875rem;
  margin-right: 1.5625rem;
}

.footer .footer-t .footer-twocode img {
  width: 100%;
  height: 100%;
}

.footer .footer-t .footer-contact {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}

.footer .footer-t .footer-contact span:nth-child(2) {
  color: var(--light);
  font-weight: bold;
  font-size: 24px;
  font-family: "INTER-MEDIUM";
}

.footer .footer-b {
  height: 18%;
  padding: 1.875rem 0;
}

.footer .footer-b-l {
  display: flex;
}

.footer .footer-b-r {
  display: flex;
  align-items: center;
}

.footer .footer-b-r a {
  margin-left: 0.6rem;
}

.footer .footer-b-l a:hover {
  color: #cbd2dc;
}

.footer .footer-b-r a:hover {
  color: #cbd2dc;
}

.footer .footer-b .w {
  display: flex;
  color: #757a81;
  justify-content: space-between;
  font-size: 0.875rem;
  align-items: center;
  flex-wrap: wrap;
}

.footer .footer-contact {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.footer .custom-select-wrapper {
  position: relative;
  user-select: none;
  width: 12.5rem;
}

.footer .custom-select {
  position: relative;
  display: block;
  background-color: #ffffff00;
  border: 1px solid #ced5de4d;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.625rem;
}

.footer .custom-select-trigger i {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23757a81' viewBox='0 0 1024 1024' %3E%3Cpath d='M52.335 261.072c-31.269 30.397-31.269 79.722 0 110.194l403.212 391.718c31.325 30.382 82.114 30.382 113.377 0l403.197-391.718c31.325-30.466 31.325-79.793 0-110.194-31.28-30.449-82.058-30.449-113.39 0l-346.497 336.64-346.457-336.64c-31.325-30.448-82.105-30.448-113.446 0l0 0z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transition: all 0.3s;
}

.footer .custom-select-trigger .rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.footer .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer .custom-options {
  position: absolute;
  top: calc(100% + 0.1875rem);
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  border-radius: 0.25rem;
  display: none;
  z-index: 10;
}

.footer .custom-option-temp {
  display: flex;
  flex-direction: column;
}

.footer .custom-option {
  padding: 0.75rem;
  cursor: pointer;
}

.footer .custom-option:hover {
  background-color: #f0f0f0;
}

.footer a {
  color: #757a81;
}

.footer .footer-address {
  display: flex;
  flex-direction: column;
  margin-top: 1.875rem;
}

.footer .footer-address span {
  margin-bottom: .5625rem;
}

.footer .footer-power {
  content: "";
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23757a81' viewBox='0 0 1024 1024' %3E%3Cpath d='M768 416.914286c43.885714-43.885714 43.885714-109.714286 0-153.6-43.885714-43.885714-117.028571-43.885714-160.914286-7.314286s-43.885714 109.714286 0 153.6 117.028571 51.2 160.914286 7.314286zM658.285714 365.714286c-14.628571-14.628571-14.628571-36.571429 0-51.2 14.628571-14.628571 36.571429-14.628571 51.2 0 14.628571 14.628571 14.628571 36.571429 0 51.2s-36.571429 14.628571-51.2 0z m-512 563.2c-14.628571 14.628571-36.571429 14.628571-51.2 0s-14.628571-36.571429 0-51.2l387.657143-387.657143-14.628571-21.942857c-58.514286-102.4-43.885714-226.742857 36.571428-314.514286 102.4-102.4 263.314286-102.4 358.4 0s102.4 263.314286 0 358.4c-80.457143 87.771429-204.8 102.4-307.2 43.885714l-21.942857-14.628571-160.914286 160.914286 80.457143 80.457142c14.628571 14.628571 36.571429 14.628571 51.2 0 14.628571-14.628571 14.628571-36.571429 0-51.2l-21.942857-29.257142 65.828572-65.828572c124.342857 58.514286 277.942857 36.571429 373.028571-65.828571 131.657143-131.657143 131.657143-336.457143 0-468.114286S585.142857-21.942857 453.485714 102.4c-95.085714 102.4-124.342857 248.685714-65.828571 373.028571L36.571429 826.514286c-43.885714 43.885714-43.885714 109.714286 0 153.6 43.885714 43.885714 109.714286 43.885714 153.6 0l80.457142-80.457143-51.2-43.885714-73.142857 73.142857z m307.2-51.2l-131.657143-131.657143-51.2 58.514286 131.657143 131.657142c14.628571 14.628571 36.571429 14.628571 51.2 0 14.628571-21.942857 14.628571-43.885714 0-58.514285z' /%3E%3C/svg%3E") center no-repeat;
}

.footer .footer-power:hover {
  content: "";
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23cbd2dc' viewBox='0 0 1024 1024' %3E%3Cpath d='M768 416.914286c43.885714-43.885714 43.885714-109.714286 0-153.6-43.885714-43.885714-117.028571-43.885714-160.914286-7.314286s-43.885714 109.714286 0 153.6 117.028571 51.2 160.914286 7.314286zM658.285714 365.714286c-14.628571-14.628571-14.628571-36.571429 0-51.2 14.628571-14.628571 36.571429-14.628571 51.2 0 14.628571 14.628571 14.628571 36.571429 0 51.2s-36.571429 14.628571-51.2 0z m-512 563.2c-14.628571 14.628571-36.571429 14.628571-51.2 0s-14.628571-36.571429 0-51.2l387.657143-387.657143-14.628571-21.942857c-58.514286-102.4-43.885714-226.742857 36.571428-314.514286 102.4-102.4 263.314286-102.4 358.4 0s102.4 263.314286 0 358.4c-80.457143 87.771429-204.8 102.4-307.2 43.885714l-21.942857-14.628571-160.914286 160.914286 80.457143 80.457142c14.628571 14.628571 36.571429 14.628571 51.2 0 14.628571-14.628571 14.628571-36.571429 0-51.2l-21.942857-29.257142 65.828572-65.828572c124.342857 58.514286 277.942857 36.571429 373.028571-65.828571 131.657143-131.657143 131.657143-336.457143 0-468.114286S585.142857-21.942857 453.485714 102.4c-95.085714 102.4-124.342857 248.685714-65.828571 373.028571L36.571429 826.514286c-43.885714 43.885714-43.885714 109.714286 0 153.6 43.885714 43.885714 109.714286 43.885714 153.6 0l80.457142-80.457143-51.2-43.885714-73.142857 73.142857z m307.2-51.2l-131.657143-131.657143-51.2 58.514286 131.657143 131.657142c14.628571 14.628571 36.571429 14.628571 51.2 0 14.628571-21.942857 14.628571-43.885714 0-58.514285z' /%3E%3C/svg%3E") center no-repeat;
}

/* fotter */
/* nav */
.nav {
  width: 100%;
  height: 6.25rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  font-size: 1.125rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
  transition: height 0.2s, background 0.1s;
}

.nav>.w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 99;
}

.nav .navtemp {
  height: 100%;
}

.nav .navtemp.language {
  display: flex;
}

.nav .navtemp.language a:last-child {
  padding-left: 0;
  font-size: 0.875rem;
  color: var(--deep);
}

.nav .navtemp>a {
  color: #fff;
  padding: 0 0.625rem;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.nav>.w a:hover,
.nav .navtemp.active>a {
  color: var(--deep);
}

.nav .logo {
  flex: 1;
  display: flex;
  align-items: center;
}

.nav .logo img {
  width: auto;
  height: 1.375rem;
}

/* 手机端 */
.nav.mobile .navtemp,
.nav.tablet .navtemp {
  display: none;
}

.nav.tablet .navtemp.language {
  display: flex;
}

.nav.mobile .mobtemp,
.nav.mobile .mobmenu,
.nav.tablet .mobtemp,
.nav.tablet .mobmenu {
  display: block;
}

.nav .mobtemp,
.nav .mobmenu {
  display: none;
}

.mobmenu {
  width: 100%;
  height: 100vh;
  background: #333;
  position: absolute;
  top: 0;
  left: 0;

  padding: 6.25rem 0;
}

.nav .mobmenu .w {
  display: flex;
  flex-direction: column;
}

.nav .mobmenu a {
  color: #fff;
  padding: 0.9375rem 0;
}

/* nav */
/* 面包屑 */
.mb-nav {
  width: 100%;
  color: #ccd3dd;
  font-size: 0.8125rem;
  position: absolute;
  z-index: 50;
  bottom: 3.125rem;
}

.mb-nav .w {
  display: flex;
  align-items: center;
}

.mb-nav a {
  padding: 0 0.3125rem;
  line-height: 1;
  color: #ccd3dd;
}

.mb-nav a:hover {
  color: var(--deep);
}

.mb-nav span {
  display: flex;
  align-items: center;
}

.mb-nav span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: .75rem;
  height: .75rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 1024 1024' %3E%3Cpath d='M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z' /%3E%3C/svg%3E") center no-repeat;
}

.mb-nav span:first-child::before {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CCD3DD' viewBox='0 0 12 13' %3E%3Cpath d='M12,13H0V3.7L6,0l6,3.7V13z M6.8,11.4h3.6V4.5L6,1.8L1.6,4.5v6.9h3.6V8c0-0.4,0.4-0.8,0.8-0.8S6.8,7.6,6.8,8  V11.4z' /%3E%3C/svg%3E") center/12px auto no-repeat;
}

/* 面包屑 */
/* 联系我们 */

.contact .contact-banner {
  width: 100%;
  height: 65vh;
  position: relative;
}

.contact .contact-bn {
  padding: 5.3% 0;
}

.contact .contact-form {
  border-radius: 0.625rem;
  display: flex;
  justify-content: space-between;
}

.contact .contact-form-l {
  width: 38%;
  flex: 0 0 auto;
}

.contact .contact-form-l h1 {
  font-weight: normal;
  font-size: 1.5rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid rgba(206, 213, 222, 0.5);
  margin-bottom: 2.5rem;
}

.contact .contact-form-l .lp {
  font-size: 1.5rem;
  margin-bottom: 3.75rem;
}

.contact .contact-form-l .lp small {
  font-size: 1rem;
  color: #666;
}

.contact .contact-form-l .qrcode {
  display: flex;
  align-items: flex-end;
}

.contact .contact-form-l .qrcode .qrcodeimg {
  width: 8rem;
  height: 8rem;
  padding: 0.3125rem;
  position: relative;
  border: 1px solid #ced5deb3;
  border-radius: 0.625rem;
}

.contact .contact-form-l .qrcode .qrcodeimg img {
  width: 100%;
  height: 100%;
}

.contact .contact-form-l .qrcode p {
  margin: 0 0 2.5% 3.5%;
  font-size: 0.875rem;
}

.contact .contact-form-r {
  width: 50%;
  flex: 0 0 auto;
}

.contact .contact-form-r h1 {
  font-weight: normal;
  font-size: 1.5rem;
  padding-bottom: 1.5625rem;
  border-bottom: 1px solid rgba(206, 213, 222, 0.5);
  margin-bottom: 2.5rem;
}

.contact .contact-form-r .form-bi {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.375rem;
}

.contact .contact-form-r .form-bi .inb {
  width: 50%;
  flex: 1 1 auto;
}

.contact .contact-form-r .form-bi .inb+.inb {
  margin-left: 2.5rem;
}

.contact .contact-form-r .form-bi .inb span {
  display: block;
  font-size: 1rem;
  margin-bottom: 0.9375rem;
}

.contact .contact-form-r .form-bi .inb span i {
  color: var(--light);
}

.contact .contact-form-r .longbtn {
  width: 15rem;
  height: 3rem;
  font-size: 1.125rem;
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: 0.3s;
}

.contact .contact-form-r .form-bi .inb input {
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  border: 1px solid #ced5de;
  border-radius: 0.3125rem;
  padding: 0 1.25rem;
  outline: none;
  background: #00000000;
}

.contact .contact-form-r .form-bi .inb textarea {
  outline: none;
  background: #00000000;
  font-family: "microsoft yahei", sans-serif;
}

.contact .contact-form-r .form-bi .inb input:focus {
  border: 1px solid #000;
}

.contact .contact-form-r .form-bi .inb textarea:focus {
  border: 1px solid #000;
}

.contact .contact-form-r .form-bi .inb input::placeholder {
  color: #666;
}

.contact .contact-form-r .form-bi .inb textarea {
  width: 100%;
  height: 8rem;
  resize: none;
  border: 1px solid #ced5de;
  border-radius: 0.3125rem;
  padding: 0.75rem 1.25rem;
}

.contact .contact-info {
  padding-bottom: 5%;
}

.contact .contact-infob {
  display: grid;
  grid-gap: 1.875rem;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}

.contact .contact-ib {
  background-color: #00000059;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 0.625rem;
  padding: 8%;
  transition: box-shadow 0.3s;
}

.contact .contact-ib:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.3s;
}

.contact .contact-ib .imgico {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: url(../images/icon/xianpos.png) no-repeat center;
  border: 1px solid #ccd3dd4d;
  cursor: pointer;
}

.contact .contact-infob .contact-ib span {
  font-size: 1.375rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact .contact-infob .contact-ib .dp {
  margin-top: 4.5%;
  font-size: 1.125rem;
  color: #ccd3dd;
}

.contact .joinus-lb {
  width: 100%;
  padding-bottom: 6%;
  display: grid;
  grid-gap: 1.875rem;
  grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
}

.contact .joinus-lb-i {
  width: 100%;
  height: auto;
  padding: 14%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 0.625rem;
  transition: box-shadow 0.3s;
}

.contact .joinus-lb-i:hover {
  box-shadow: 0px 1px 25px #001e6b24;
  transition: box-shadow 0.3s;
}

.contact .joinus-lb-i img {
  width: 3.4375rem;
  height: 3.4375rem;
  filter: grayscale(100);
}

.contact .joinus-lb-i span:nth-child(2) {
  margin-top: .3125rem;
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
}

.contact .joinus-lb-i span:nth-child(3) {
  font-size: 1rem;
  color: #666;
}

.contact .joinus-lb-i span:nth-child(4) {
  font-size: 1rem;
  color: #666;
}

.contact .joinus-lb-i span:nth-child(5) {
  font-size: 1rem;
  color: #666;
  margin-bottom: .625rem;
}


.contact .joinus-lb-i .roundbtn-tr.deep {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px dashed #989faa;
}

.contact .joinus-lb-i .roundbtn-tr.deep:hover {
  border-color: var(--light);
  background: var(--light);
  border-color: var(--light);
}

.contact .joinus-lb-i:hover .join-btn {
  background: linear-gradient(to right, #69e5a0, #3ddc84);
  border: none;
}

.contact .joinus-lb-i:hover img {
  filter: grayscale(0);
}

.contact .joinus-lb-i:hover .roundbtn-tr {
  background: var(--light);
  border-color: var(--light);
}

.contact .joinus-lb-i:hover .roundbtn-tr .arrow {
  background: #fff;
}

.contact .joinus-lb-i:hover .roundbtn-tr .arrow:before {
  border-color: #fff;
  right: 0;
}

/* 联系我们 */

/* 工程案例输入框选择框 */
.myinput {
  height: 4.0625rem;
  position: relative;
}

.pop .myinput {
  height: 2.5rem;
  flex: 1;
}

.pop .myinput input {
  border: 1px solid rgba(206, 213, 222, 0.8);
  font-size: .875rem;
}

.pop .myinput input::placeholder {
  color: #666;
}

.pop .myinput input:hover {
  border-color: #212121;
}

.pop .myinput::after {
  display: none;
}

.myinput input {
  width: 100%;
  height: 100%;
  padding: 0 2.5rem 0 1.25rem;
  outline: none;
  font-size: 1rem;
  border-radius: 0.3125rem;
  border: 1px solid #fff;
  transition: all 0.3s;
  color: #000;
}

.myinput::after {
  width: 1.125rem;
  height: 1.125rem;
  content: "";
  position: absolute;
  right: 1.125rem;
  top: 1.4375rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 1024 1024' %3E%3Cpath d='M993.924741 940.790519l-172.86637-172.86637C888.452741 688.564148 929.185185 585.860741 929.185185 473.581037c0-251.354074-203.757037-455.111111-455.111111-455.111111s-455.111111 203.757037-455.111111 455.111111 203.757037 455.111111 455.111111 455.111111c111.767704 0 214.072889-40.353185 293.281185-107.216593l172.942222 172.942222c14.810074 14.810074 38.817185 14.810074 53.627259 0C1008.734815 979.607704 1008.734815 955.600593 993.924741 940.790519zM474.074074 852.840296c-209.464889 0-379.259259-169.79437-379.259259-379.259259s169.79437-379.259259 379.259259-379.259259 379.259259 169.79437 379.259259 379.259259S683.538963 852.840296 474.074074 852.840296z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

.myinput input::placeholder {
  color: #333;
}

.myinput input:hover {
  border-color: #2f2f2f;
}

.mysel {
  height: 4.0625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: #333;
  padding: 1.3125rem;
  border-radius: 0.3125rem;
  background: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}

.pop .mysel {
  border: 1px solid rgba(206, 213, 222, 0.8);
  height: 2.5rem;
  font-size: .875rem;
  flex: 1;
}

.pop .mysel:hover {
  border-color: #212121;
}

.mysel:hover {
  border-color: #2f2f2f;
}

.mysel .mysel-trigger {
  width: 100%;
  display: flex;
  color: #666;
  align-items: center;
  justify-content: space-between;
}

.mysel .mysel-trigger i {
  display: inline-block;
  width: 0.9375rem;
  height: 0.9375rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 1024 1024' %3E%3Cpath d='M52.335 261.072c-31.269 30.397-31.269 79.722 0 110.194l403.212 391.718c31.325 30.382 82.114 30.382 113.377 0l403.197-391.718c31.325-30.466 31.325-79.793 0-110.194-31.28-30.449-82.058-30.449-113.39 0l-346.497 336.64-346.457-336.64c-31.325-30.448-82.105-30.448-113.446 0l0 0z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  transition: all 0.3s;
}

.mysel .mysel-options {
  position: absolute;
  top: calc(100% + 0.1875rem);
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  display: none;
  z-index: 10;
  height: auto;
  max-height: 17.25rem;
  overflow-y: auto;
}

.mysel .mysel-options span {
  height: 2.8125rem;
  padding: 0 1.3125rem;
  display: flex;
  align-items: center;
}

.mysel .mysel-options span:hover {
  background-color: #f0f0f0;
}

.mysel-rotate {
  transform: rotate(180deg);
}

/* 工程案例输入框选择框 */
/* 绿色发展 */
.solu-href {
  height: 50vh;
  background: url(../images/solu_href_bj.png) no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}

.solu-href .w {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.solu-href h1 {
  font-size: 2.25rem;
  margin-bottom: 1.3%;
  text-align: left;
  text-align-last: center;
}

.solu-href h1 i {
  color: #019999;
  font-style: normal;
}

.solu-href p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 3.7%;
  text-align: left;
  text-align-last: center;
}



/* 绿色发展 */
/* 环网柜banner */
.hbg-banner {
  width: 100%;
  height: 100vh;
  background-position: center;
  position: relative;
}

.hbg-banner-pc {
  width: 100%;
  height: 100%;
}

.hbg-banner-phone {
  width: 100%;
  height: 100%;
  display: none;
}

.hbg-banner-contents {
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.hbg-banner-contents .w {
  color: #fff;
  display: flex;
  flex-direction: column;
  padding-left: 8%;
  justify-content: center;
}

.hbg-banner-contents span:first-child {
  width: 50%;
  font-size: 3rem;
  font-weight: bold;
}

.hbg-banner-contents span:nth-child(2) {
  margin-top: 0.8%;
  font-size: 1.25rem;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.hbg-banner-contents span:nth-child(2) i {
  font-style: normal;
  color: #ffffff80;
  margin: 0 1.4375rem;
  font-size: 0.875rem;
}

.hbg-banner-contents .hbg-detail {
  font-size: 1.125rem;
}

.hbg-banner-contents .videobtn {
  display: flex;
  cursor: pointer;
  color: var(--deep);
}

.hbg-banner-contents .videobtn i {
  margin-right: 0.75rem;
  display: inline-block;
  width: 1.6875rem;
  height: 1.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 1024 1024' %3E%3Cpath d='M512.007499 0a511.992513 511.992513 0 1 0 511.992513 511.896526A511.896526 511.896526 0 0 0 512.007499 0z m0 947.099761a435.203235 435.203235 0 1 1 435.107248-435.299221A435.203235 435.203235 0 0 1 511.719539 947.099761z M716.170993 423.300897L491.37038 293.43103l-6.719061-3.551504a102.321713 102.321713 0 0 0-146.859495 92.24312V649.253348a102.513687 102.513687 0 0 0 153.578556 81.204662L716.170993 600.588143l7.103008-4.415384a102.4177 102.4177 0 0 0-7.103008-172.871862z m-38.394639 110.768534L452.975741 663.939297a26.300328 26.300328 0 0 1-12.862204 3.455518 25.628422 25.628422 0 0 1-25.532435-25.628422v-259.163814a26.204341 26.204341 0 0 1 3.359531-12.862204 25.628422 25.628422 0 0 1 35.035108-9.59866L677.776354 489.531649a26.012368 26.012368 0 0 1 9.598659 9.59866 25.532435 25.532435 0 0 1-9.598659 34.939122z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.hbg-detail {
  font-size: 1rem;
  margin-top: 6.25rem;
  color: var(--deep);
  display: flex;
  align-items: center;
}

.hbg-detail .videobtn {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: auto;
}

.hbg-detail a {
  color: var(--deep);
  margin-right: 4rem;
}

.hbg-detail a:hover {
  color: var(--deep);
}

.hbg-detail .videobtn i {
  margin-right: 0.75rem;
  display: inline-block;
  width: 1.6875rem;
  height: 1.6875rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 1024 1024' %3E%3Cpath d='M512.007499 0a511.992513 511.992513 0 1 0 511.992513 511.896526A511.896526 511.896526 0 0 0 512.007499 0z m0 947.099761a435.203235 435.203235 0 1 1 435.107248-435.299221A435.203235 435.203235 0 0 1 511.719539 947.099761z M716.170993 423.300897L491.37038 293.43103l-6.719061-3.551504a102.321713 102.321713 0 0 0-146.859495 92.24312V649.253348a102.513687 102.513687 0 0 0 153.578556 81.204662L716.170993 600.588143l7.103008-4.415384a102.4177 102.4177 0 0 0-7.103008-172.871862z m-38.394639 110.768534L452.975741 663.939297a26.300328 26.300328 0 0 1-12.862204 3.455518 25.628422 25.628422 0 0 1-25.532435-25.628422v-259.163814a26.204341 26.204341 0 0 1 3.359531-12.862204 25.628422 25.628422 0 0 1 35.035108-9.59866L677.776354 489.531649a26.012368 26.012368 0 0 1 9.598659 9.59866 25.532435 25.532435 0 0 1-9.598659 34.939122z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.rmu_sf6 {
  background: #000;
}

.rmu_gtg {
  background: #000;
}

.rmu_hbg {
  background: #000;
}

.rmu_sf6 .recoverp .recoverp-t,
.rmu_gtg .recoverp .recoverp-t,
.rmu_hbg .recoverp .recoverp-t {
  border: none;
  padding: 0;
}

.rmu_hbg .enviro {
  width: 100%;
  height: auto;
  background: #272f38;
}

.rmu_hbg .enviro .w {
  background: #272f38;
  display: flex;
}

.rmu_hbg .enviro-l,
.rmu_hbg .enviro-r {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 8% 0;
}

.rmu_hbg .enviro-l {
  padding-right: 2%;
}

.rmu_hbg .enviro-r {
  padding-left: 2%;
}

.rmu_hbg .enviro-img {
  height: 60%;
  width: 100%;
}

.rmu_hbg .enviro-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.enviro .enviro-l span:nth-child(1),
.enviro .enviro-r span:nth-child(1) {
  font-size: 1rem;
  color: #ccd3dc;
}

.rmu_hbg .enviro .enviro-l span:nth-child(2),
.rmu_hbg .enviro .enviro-r span:nth-child(2) {
  font-size: 2.5rem;
  color: #39eaf1;
  margin-top: 0.8rem;
  margin-bottom: 3.2rem;
}

.rmu_hbg .enviro-r {
  width: 50%;
  height: 100%;
}

/* 环网柜banner */

/* 环网柜外观展示 */

.exterior {
  width: 100%;
  height: 100vh;
  background-size: 100% 100%;
  position: relative;
}

.exterior .w {
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.exterior .box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.exterior .cloudimage-360-view-360-icon {
  font-size: 2rem;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.exterior .cloudimage-360-loader {
  position: fixed !important;
}

.exterior .cloudimage-360-view-360-icon {
  visibility: hidden;
}

.exterior .cloudimage-360-loader+.cloudimage-360-view-360-icon {
  visibility: visible;
}

.exterior .exterior-t {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.exterior .exterior-t .exterior-tr span {
  display: flex;
  position: relative;
  font-size: 1.125rem;
  margin-bottom: 0.6875rem;
  color: #666666;
}

.exterior .exterior-t .exterior-tr span.active {
  color: #000;
}

.exterior .exterior-t .exterior-tr span::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #989faa;
  position: absolute;
  left: -0.9375rem;
  top: calc(50% - 0.125rem);
}

.exterior .exterior-t .exterior-tr span::after {
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  border: 0.0625rem solid #989faa;
  position: absolute;
  left: -1.375rem;
  top: calc(50% - 0.5rem);
}

.exterior .exterior-t .exterior-tr .active::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: -0.9375rem;
  top: calc(50% - 0.1875rem);
}

.exterior .exterior-t .exterior-tr .active::after {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  border: 0.375rem solid #32c775;
  position: absolute;
  left: -1.375rem;
  top: calc(50% - 0.5rem);
}

.exterior .exterior-b {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 7.625rem;
}

.exterior .exterior-b .exterior-temp {
  display: flex;
}

.exterior .exterior-b .exterior-temp .exterior-temp-l {
  width: 5.9375rem;
  height: 5.9375rem;
  border: 1px solid #cdd3dd;
  border-radius: 50%;
}

.exterior .exterior-b .exterior-temp:nth-child(1) .exterior-temp-l {
  background: url(../images/switchgear-exterior1.png) no-repeat;
  background-position: center center;
}

.exterior .exterior-b .exterior-temp:nth-child(2) .exterior-temp-l {
  background: url(../images/switchgear-exterior2.png) no-repeat;
  background-position: center center;
}

.exterior .exterior-b .exterior-temp:nth-child(3) .exterior-temp-l {
  background: url(../images/switchgear-exterior3.png) no-repeat;
  background-position: center center;
}

.exterior .exterior-b .exterior-temp .exterior-temp-r {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1.25rem;
}

.exterior .exterior-b .exterior-temp .exterior-temp-r span:first-child {
  font-size: 1.25rem;
  padding: 0.125rem 0;
}

.exterior .exterior-b .exterior-temp .exterior-temp-r span:last-child {
  font-size: 1rem;
  padding: 0.125rem 0;
  color: #666;
}

.exterior .exterior-c {
  width: 100%;
  flex: 1;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.exterior .exterior-c img {
  height: 37.5rem;
}

.exterior .exterior-c::after {
  content: "";
  width: 3.125rem;
  height: 3.125rem;
  display: inline-block;
  background: url(../images/360.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
}

/* 环网柜外观展示 */
/* 纵向轮播图 */

.vc {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.vcbg {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.vc-box {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 9;
}

.vc-l {
  width: 40%;
  height: 100%;
  border-right: 1px solid #ccd3dd4d;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: center;
}

.vc-l span {
  margin-left: 20%;
}

.vc-l span:nth-child(1) {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 6.25rem;
}

.vc-l span:nth-child(2) {
  transform: translateY(-5rem);
}

.vc-l #num {
  font-size: 3rem;
  color: var(--deep);
}

.vc-l #num+span {
  margin-bottom: 0.625rem;
  font-size: 1rem;
  color: #ccd3dd;
}

.vc-l #total {
  font-size: 1rem;
  color: #ccd3dd;
}

.vc-r {
  width: 60%;
  height: 100%;
  padding-top: 54.5vh;
}

.vc-rt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 10%;
  padding-right: 30%;

  transition: font-size 0.5s;
  overflow: hidden;
  position: relative;
  top: -10vh;
}

.vc-rt:not(first-child) {
  height: 10vh;
}

.vc-rt .longbtn {
  margin-bottom: 3.75rem;
  opacity: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.vc-rt>span:nth-child(1) {
  font-size: 1rem;
  color: var(--deep);
  height: 3.75rem;
}

.vc-rt>span:nth-child(2) {
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 5%;
  opacity: 0;
  color: #fff;
}

.vc-rt>span:nth-child(3) {
  margin-bottom: 0.625rem;
  font-size: 20;
  color: #fff;
  opacity: 0;
  margin-bottom: 2.0625rem;
}

.vc-icons {
  display: flex;
  opacity: 0;
}

.vc-icon {
  width: 3.6875rem;
  height: 3.6875rem;
  margin-right: 0.5rem;
}

.vc-icon img {
  width: 100%;
  height: 100%;
}

/* 纵向轮播图 */

/* 纵向轮播图-phone */

.vcp {
  width: 100%;
  height: 80vh;
  position: relative;
  display: none;
}

.vcp .mytitlew {
  position: absolute;
  /* width: 92%; */
  top: 0;
  left: 8%;
  pointer-events: none;
  z-index: 9;
}

.vcp .page {
  position: absolute;
  width: 92%;
  bottom: 10%;
  left: 8%;
  pointer-events: none;
  z-index: 9;
}

.vcp .page #num {
  font-size: 3rem;
  color: var(--deep);
}

.vcp .page #num+span {
  margin-bottom: 0.625rem;
  font-size: 1rem;
  color: #ccd3dd;
}

.vcp .page #total {
  font-size: 1rem;
  color: #ccd3dd;
}

.vcp-b {
  width: 100%;
  height: 100%;
}

.vcp-c {
  width: 100%;
  height: 100%;
}

.vcp-t {
  width: 100%;
  position: absolute;
  bottom: 25%;
}

.vcp-t .w {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.vcp-t .w span:nth-child(1) {
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 1rem;
}

.vcp-t .w span:nth-child(2) {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.vcp .swiper-button-next::after,
.vcp .swiper-button-prev::after {
  content: '';
}

.vcp .swiper-button-next {
  width: 3.5625rem;
  height: 3.5625rem;
  bottom: 10%;
  top: auto;
  right: 8%;
}

.vcp .swiper-button-prev {
  width: 3.5625rem;
  height: 3.5625rem;
  bottom: 10%;
  right: calc(8% + 6.5625rem);
  top: auto;
  left: auto;
}


/* 纵向轮播图-phone */
/* 产品参数 */
.art {
  background: url(../images//product_parame_bj.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 5.5%;
}

.art-t {
  padding-bottom: 3.125rem;
  padding-top: 5.625rem;
  display: flex;
  justify-content: center;
  font-size: 1.75rem;
  line-height: 1.75rem;
}

.art-t a {
  margin: 0 2rem;
  color: #ffffffb3;
  cursor: pointer;
}

.art-t a.active {
  color: #019999;
}

.art .art-btn {
  margin: 2rem 0;
  display: flex;
  justify-content: space-evenly;
}

.art .art-btn .longbtn {
  height: 3rem;
  /* background-color: var(--light); */
  border-color: #ccd3dd47 !important;
  color: #fff;
  /* box-shadow: #01999980 0rem .125rem .625rem 0rem; */
  transition: 0.3s;
}



.art-box {
  height: 60%;
  width: 100%;
  border-radius: 0.625rem;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.75rem 0;
  display: none;
}

.art-box.bor {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid #ccd3dd4d;
}

.art-bt {
  display: flex;
  width: 100%;
}

.art-bb {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.art-title,
.art-temp {
  width: calc(50% - 3.75rem);
  display: flex;
  border-bottom: 1px solid #CCD3DD4d;
  padding: 0 .625rem;
  flex-shrink: 0;
  margin: 0 3.75rem;
  align-items: center;
  padding: .75rem 0;
}


.art-title:nth-child(2n-1),
.art-temp:nth-child(2n-1) {
  margin-left: 0;
}

.art-title:nth-child(2n),
.art-temp:nth-child(2n) {
  margin-right: 0;
}

.art-box.active {
  display: flex;
  padding: 2rem 5rem;
}

.art-box p {
  width: 100%;
  margin-top: 0.5rem;
}

.art-box table {
  width: 100%;
  border-collapse: collapse;
}

.art-box table td {
  padding: .75rem;
  border: 1px dashed #ccd3dd1a;
}

.art-box table td span {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #ccd3dd;
}

/* 如果元素总数为双数 */
.art-temp:nth-last-child(1),
.art-temp:nth-last-child(2) {
  border-bottom: none;
}

/* 如果元素总数为单数 */
.art-temp:nth-last-child(1):nth-child(odd) {
  border-bottom: none;
}

.art-title span {
  font-size: 1.25rem;
  width: 50%;
  line-height: 3.75rem;
}


.art-temp span {
  font-size: 1rem;
  min-width: 50%;
  line-height: 1.5rem;
  color: #ccd3dd;
}

.art-temp span:first-child {
  padding-right: 1rem;
}

.art-temp p {
  font-size: 1rem;
  width: 50%;
  line-height: 1.5;
  color: #ccd3dd;
}

.art-t .longbtn {
  background-color: var(--light);
  border-color: var(--light) !important;
  color: #fff;
  box-shadow: #01999980 0px 2px 10px 0px;
  transition: 0.3s;
  margin-top: 5.625rem;
}

/* 产品参数 */

/* 云平台 */
.rp {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.rp .banner {
  height: 100vh;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.rp .banner .video {
  height: 100%;
  width: 100%;
  position: absolute;
}

.rp .banner .video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.rp .banner span {
  position: relative;
  z-index: 9;
  font-size: 3.125rem;
  color: #fff;
  font-weight: bold;
}

.rp .framework-c {
  width: 100%;
  height: calc(100% - 11.25rem);
  padding-bottom: 3%;
  /* display: flex; */
  text-align: center;
}

.rp .framework-c img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.rp .show {
  width: 100%;
  height: 100vh;
  background: url(../images/show-bg.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  overflow: hidden;
  flex-direction: column;
}

.rp .show-t .w {
  display: flex;
  justify-content: space-between;
}

.rp .show-t {
  display: flex;
  flex-direction: column;
}

.rp .show-tc {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 50%;
}

.rp .show-tc-box {
  padding-top: 6.0625rem;
}

.rp .show-templ {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
}

.rp .show-templ span:nth-child(1) {
  font-size: 1.5rem;
  color: #fff;
}

.rp .show-templ span:nth-child(2) {
  font-size: 1rem;
  color: #ccd3dd;
  margin-top: 1.25rem;
  text-align: right;
}

.rp .show .pag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 8%;
  left: 2%;
  background-color: #0000001a;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 3.125rem;
}

.rp .show .pag span:nth-child(1) {
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #39eaf1;
}

.rp .show .pag span:nth-child(2) {
  font-size: 1.25rem;
  color: #ccd3dd;
}

.rp .show .pag span:nth-child(3) {
  font-size: 1.25rem;
  color: #ccd3dd;
}

.rp .show-b {
  width: 100%;
  flex: 1;
}

.rp .show-b .w {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.rp .show-bt {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rp .show-tempr {
  padding: 1%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  border: 1px solid #cbd2dc4d;
  border-radius: 0.625rem;
}

.rp .show-bt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.625rem;
}

.rp .showp {
  width: 100%;
  height: auto;
  background: url(../images/show-bg.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  display: none;
}

.rp .showp .showp-b {
  width: 86%;
  margin: 0 auto;
}

.rp .showp>.showp-t {
  width: 86%;
  margin: 0 auto;

}

.rp .showp .swiper-slide .showp-t {
  padding: .625rem;
  border: 1px solid #cbd2dc4d;
  border-radius: 0.625rem;
  font-size: 0;
}

.rp .showp .swiper-slide .showp-t img {
  border-radius: 0.625rem;
}

.rp .showp .showp-c {
  display: flex;
  flex-direction: column;
  color: #fff;
}

.rp .showp .showp-c span:nth-child(1) {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 1.5rem 0 0.5rem 0;
}

.rp .showp .showp-c span:nth-child(2) {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #cdd3dc;
}


.rp .showp .swiper {
  padding-bottom: 7.5rem;
}

.rp .showp .swiper-button-next {
  content: '';
  top: auto;
  bottom: 3.2rem;
  right: 0;
  left: auto;
}

.rp .showp .swiper-button-prev {
  content: '';
  top: auto;
  bottom: 3.2rem;
  right: 6rem;
  left: auto;
}

.rp .showp .swiper-button-next::after,
.rp .showp .swiper-button-prev::after {
  content: '';
}

.rp .showp .page {
  position: absolute;
  width: 92%;
  bottom: 3.2rem;
  left: 0%;
  pointer-events: none;
  z-index: 9;
}

.rp .showp .page #showpnum {
  font-size: 3rem;
  color: var(--deep);
}

.rp .showp .page #showpnum+span {
  margin-bottom: 0.625rem;
  font-size: 1rem;
  color: #ccd3dd;
}

.rp .showp .page #showptotal {
  font-size: 1rem;
  color: #ccd3dd;
}

.rp .scene {
  height: 100vh;
}

.rp .scene .w {
  overflow: hidden;
}

.rp .scenebox {
  height: calc(100% - 14%);
  padding-bottom: 7%;
  display: flex;
}

.rp .scenetemp {
  height: 100%;
  position: relative;
  margin-right: 1%;
}

.rp .scenetemp:last-child {
  margin-right: 0;
}

.rp .scenetemp img {
  width: 100%;
  height: 100%;
}

.rp .scene-icon {
  width: 4.0625rem;
  height: 4.0625rem;
  position: absolute;
  top: 2.5rem;
  left: 3.125rem;
}

.rp .scene-icon img {
  width: 100%;
  height: 100%;
}

.rp .scenetemp p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  font-size: 1.375rem;
  background: #019898b3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s;
  opacity: 0;
}

.rp .scenetemp:hover p {
  opacity: 1;
}

.rp .scenep {
  display: none;
}

.rp .scenep .swiper {
  padding-bottom: 3rem;
}

.rp .scenep .scene-icon {
  top: 1.8rem;
  left: 1.8rem;
}

.rp .scenep .swiper-slide p {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 1rem;
  left: 0;
  font-size: 1.5rem;
  line-height: 2;
  color: #fff;
  text-align: center;
}

.rp .scenep .swiper-pagination {
  bottom: 2rem;
  top: auto;
}

.rp .scenep .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: var(--light);
}

/* 云平台 */

.videobtn {
  width: 10rem;
}

.videobtn i {
  width: 0.625rem;
  height: 0.625rem;
  display: inline-block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 78.7 102.5' %3E%3Cpath d='M73.8,59.2l-61.9,41.3C5.4,104.8,0,102,0,94.1L0,8.4C0,0.5,5.4-2.3,11.9,2l61.9,41.3  C80.3,47.7,80.3,54.8,73.8,59.2L73.8,59.2L73.8,59.2z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  margin-right: 0.5rem;
  transition: all 0.6s;
}

/* 产品方案 */
.programme {
  background: #f6f8fa;
  width: 100%;
  padding-bottom: 5%;
}

.programme-box {
  width: 100%;
  height: calc(100% - 11.25rem);
  display: flex;
}

.programme-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

/* 产品方案 */

.nav-w .icon-lightning i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 19 18' %3E%3Cpath d='M12.4,18.1H6.6l-4.8-3.5L0,9l1.8-5.6L6.6,0h5.9l4.8,3.5L19,9l-1.8,5.6L12.4,18.1z M7.1,16.5h4.8l3.9-2.8L17.3,9l-1.5-4.6  l-3.9-2.8H7.1L3.2,4.4L1.7,9l1.5,4.6L7.1,16.5z M12.1,8.7h-1.3c-0.1,0-0.2-0.1-0.2-0.3l1.5-3.1c0.1-0.1,0-0.3-0.2-0.3H8.8  c-0.1,0-0.2,0-0.2,0.1L7,9.9c0,0.1,0,0.3,0.2,0.3h1.3c0.1,0,0.2,0.1,0.2,0.3l-1.2,3.4C7.4,14,7.6,14.2,7.8,14l4.5-5  C12.4,8.9,12.3,8.7,12.1,8.7z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.icon-lightning:hover i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 19 18' %3E%3Cpath d='M12.4,18.1H6.6l-4.8-3.5L0,9l1.8-5.6L6.6,0h5.9l4.8,3.5L19,9l-1.8,5.6L12.4,18.1z M7.1,16.5h4.8l3.9-2.8L17.3,9l-1.5-4.6  l-3.9-2.8H7.1L3.2,4.4L1.7,9l1.5,4.6L7.1,16.5z M12.1,8.7h-1.3c-0.1,0-0.2-0.1-0.2-0.3l1.5-3.1c0.1-0.1,0-0.3-0.2-0.3H8.8  c-0.1,0-0.2,0-0.2,0.1L7,9.9c0,0.1,0,0.3,0.2,0.3h1.3c0.1,0,0.2,0.1,0.2,0.3l-1.2,3.4C7.4,14,7.6,14.2,7.8,14l4.5-5  C12.4,8.9,12.3,8.7,12.1,8.7z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.icon-us {
  display: flex;
  /* align-items: center; */
}

.icon-us:after {
  content: '';
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 18 18' %3E%3Cpath d='M8.80029 2.87988C10.2569 2.87988 11.5948 3.38883 12.6456 4.23861L12.7395 4.22619L12.7895 4.21998L12.8885 4.20864L12.9865 4.19874L13.0833 4.19019C13.1153 4.18749 13.1472 4.18515 13.1789 4.18299L13.2734 4.17723C13.289 4.17633 13.3046 4.17561 13.3202 4.17489L13.4129 4.17129C14.6099 4.13286 15.4986 4.45119 15.9125 5.16822C16.439 6.08019 16.0048 7.35585 14.9121 8.67984C14.9175 8.78586 14.9202 8.89251 14.9202 8.99988C14.9202 12.3798 12.1802 15.1199 8.8002 15.1199C7.52769 15.1199 6.3459 14.7314 5.36688 14.0668C3.8142 14.2743 2.6127 13.9922 2.1168 13.1332C1.7208 12.4474 1.85823 11.5675 2.42397 10.6015L2.47077 10.523C2.50308 10.4698 2.53617 10.4171 2.57004 10.3649L2.62242 10.2854L2.6766 10.2055C2.69496 10.1788 2.71359 10.1521 2.73258 10.1252L2.77326 10.0685C2.71125 9.71564 2.68014 9.3581 2.68029 8.99988C2.68029 5.61993 5.42034 2.87988 8.80029 2.87988ZM13.9772 9.67362L13.9326 9.71583C13.055 10.5397 11.9542 11.3508 10.7022 12.0736C9.33003 12.8658 7.95681 13.4479 6.71607 13.7871C7.37351 14.0735 8.08308 14.2208 8.8002 14.2199C11.4548 14.2199 13.6466 12.2384 13.9771 9.67362H13.9772ZM3.10122 11.2349C2.7747 11.8555 2.70972 12.3602 2.8962 12.6832C3.09429 13.0265 3.61125 13.2253 4.38057 13.233C3.8279 12.6568 3.39329 11.978 3.10122 11.2349ZM8.80029 3.77988C5.91732 3.77988 3.58029 6.11691 3.58029 8.99988C3.58029 10.6734 4.36779 12.163 5.5926 13.1183C6.97725 12.8692 8.6328 12.2291 10.2522 11.2942C11.7689 10.4185 13.0773 9.38607 13.9833 8.37582C13.675 5.78706 11.472 3.77988 8.8002 3.77988H8.80029ZM8.80029 4.85988C8.91964 4.85988 9.0341 4.90729 9.11849 4.99168C9.20288 5.07608 9.25029 5.19054 9.25029 5.30988C9.25029 5.42923 9.20288 5.54369 9.11849 5.62808C9.0341 5.71247 8.91964 5.75988 8.80029 5.75988C7.01091 5.75988 5.56029 7.2105 5.56029 8.99988C5.56029 9.11923 5.51288 9.23369 5.42849 9.31808C5.3441 9.40247 5.22964 9.44988 5.11029 9.44988C4.99094 9.44988 4.87648 9.40247 4.79209 9.31808C4.7077 9.23369 4.66029 9.11923 4.66029 8.99988C4.66029 6.71343 6.51384 4.85988 8.80029 4.85988ZM13.4997 5.06931L13.4915 5.0694C14.0681 5.75603 14.4863 6.56127 14.7164 7.42785C14.7693 7.34594 14.8197 7.2625 14.8676 7.17765L14.9063 7.10763C15.2508 6.46989 15.3242 5.94924 15.1331 5.61822C14.9707 5.33697 14.5943 5.15274 14.0406 5.09109L13.9691 5.08389C13.813 5.07041 13.6563 5.06555 13.4997 5.06931Z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  margin-left: .3125rem;
}

.icon-earth i {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 18 18' %3E%3Cpath d='M9.1,0C4.1,0,0,4.1,0,9.1s4.1,9.1,9.1,9.1c5,0,9.1-4.1,9.1-9.1S14.1,0,9.1,0z M16.5,8.3h-3.7V2.6  C14.9,3.8,16.3,5.9,16.5,8.3z M11.3,1.9v6.4H6.9V1.9c0.7-0.2,1.4-0.3,2.2-0.3C9.9,1.6,10.6,1.7,11.3,1.9z M5.3,2.6v5.7H1.6  C1.9,5.9,3.3,3.8,5.3,2.6z M1.6,9.9h3.7v5.7C3.3,14.4,1.9,12.3,1.6,9.9z M6.9,16.3V9.9h4.4v6.4c-0.7,0.2-1.4,0.3-2.2,0.3  C8.3,16.6,7.6,16.5,6.9,16.3z M12.9,15.5V9.9h3.7C16.3,12.3,14.9,14.4,12.9,15.5z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}

.nav-w .icon-earth i {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 18 18' %3E%3Cpath d='M9.1,0C4.1,0,0,4.1,0,9.1s4.1,9.1,9.1,9.1c5,0,9.1-4.1,9.1-9.1S14.1,0,9.1,0z M16.5,8.3h-3.7V2.6  C14.9,3.8,16.3,5.9,16.5,8.3z M11.3,1.9v6.4H6.9V1.9c0.7-0.2,1.4-0.3,2.2-0.3C9.9,1.6,10.6,1.7,11.3,1.9z M5.3,2.6v5.7H1.6  C1.9,5.9,3.3,3.8,5.3,2.6z M1.6,9.9h3.7v5.7C3.3,14.4,1.9,12.3,1.6,9.9z M6.9,16.3V9.9h4.4v6.4c-0.7,0.2-1.4,0.3-2.2,0.3  C8.3,16.6,7.6,16.5,6.9,16.3z M12.9,15.5V9.9h3.7C16.3,12.3,14.9,14.4,12.9,15.5z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.icon-earth:hover i {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2339EAF1' viewBox='0 0 18 18' %3E%3Cpath d='M9.1,0C4.1,0,0,4.1,0,9.1s4.1,9.1,9.1,9.1c5,0,9.1-4.1,9.1-9.1S14.1,0,9.1,0z M16.5,8.3h-3.7V2.6  C14.9,3.8,16.3,5.9,16.5,8.3z M11.3,1.9v6.4H6.9V1.9c0.7-0.2,1.4-0.3,2.2-0.3C9.9,1.6,10.6,1.7,11.3,1.9z M5.3,2.6v5.7H1.6  C1.9,5.9,3.3,3.8,5.3,2.6z M1.6,9.9h3.7v5.7C3.3,14.4,1.9,12.3,1.6,9.9z M6.9,16.3V9.9h4.4v6.4c-0.7,0.2-1.4,0.3-2.2,0.3  C8.3,16.6,7.6,16.5,6.9,16.3z M12.9,15.5V9.9h3.7C16.3,12.3,14.9,14.4,12.9,15.5z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
}

.icon-menu i {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 1024 1024' %3E%3Cpath d='M892.928 128q28.672 0 48.64 19.968t19.968 48.64l0 52.224q0 28.672-19.968 48.64t-48.64 19.968l-759.808 0q-28.672 0-48.64-19.968t-19.968-48.64l0-52.224q0-28.672 19.968-48.64t48.64-19.968l759.808 0zM892.928 448.512q28.672 0 48.64 19.968t19.968 48.64l0 52.224q0 28.672-19.968 48.64t-48.64 19.968l-759.808 0q-28.672 0-48.64-19.968t-19.968-48.64l0-52.224q0-28.672 19.968-48.64t48.64-19.968l759.808 0zM892.928 769.024q28.672 0 48.64 19.968t19.968 48.64l0 52.224q0 28.672-19.968 48.64t-48.64 19.968l-759.808 0q-28.672 0-48.64-19.968t-19.968-48.64l0-52.224q0-28.672 19.968-48.64t48.64-19.968l759.808 0z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}

.icon-dream {
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  border: 1px solid #ffffff75;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 85 85' %3E%3Cpath d='M39.7,34.3c-2.4-0.4-15.1-4.5-15.1-4.5s-0.1,4,0.7,6.2c0.7,1.6,1.2,3.6,7.7,5.1c-0.6,0-1.2,0.4-1.7,0.5  c-3.8,0.9-6.2,0.8-6.4,1.5c-0.1,0.3,0.9,5.2,4.2,6.3c1,0.3,4.9-1.9,4.9-1.6c0,0.1-0.5,0.9-0.8,1.1c-1.2,1.1-3.7,2.7-3.7,2.7  s-1.1,1.4,3.8,4.6c0.7,0.5,4.1-1.4,4.1-1.4s0.6,6.8,1.2,7.8c0.6,1,3.2-1,3.2-1l0-23.5C41.6,38.1,42.1,34.8,39.7,34.3z M53.9,41.6  c-0.6-0.1-1.1-0.5-1.7-0.5c6.5-1.5,7-3.5,7.7-5.1c0.7-2.2,0.7-6.2,0.7-6.2s-12.6,4.1-15.1,4.5c-2.5,0.4-1.9,3.8-1.9,3.8l0,23.5  c0,0,2.6,2.1,3.2,1c0.6-1,1.2-7.8,1.2-7.8s3.4,1.9,4.1,1.4c4.8-3.2,3.8-4.6,3.8-4.6S53.3,50,52,48.9c-0.3-0.3-0.8-1-0.8-1.1  c0-0.3,4,1.9,4.9,1.6c3.2-1.1,4.3-6,4.2-6.3C60.1,42.4,57.7,42.4,53.9,41.6z' /%3E%3C/svg%3E") center no-repeat;
}

.icon-man {
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  border: 1px solid #ffffff75;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 85 85' %3E%3Cpath d='M40.3,23.8c1.4-0.1,2.9,0,4.2,0.5c1.6,0.5,3,1.5,4.1,2.7c1.1,1.2,1.8,2.7,2.2,4.3c0.4,1.7,0.3,3.6-0.3,5.3   c-0.5,1.3-1.2,2.6-2.2,3.6c-1.1,1.1-2.4,2-3.9,2.5c-1.8,0.6-3.7,0.7-5.5,0.2c-1.6-0.4-3-1.2-4.2-2.3c-1.1-1-2-2.3-2.5-3.7   c-0.7-1.8-0.8-3.7-0.4-5.6c0.4-1.7,1.3-3.3,2.5-4.6C35.9,25.1,38.1,24.1,40.3,23.8z M38.1,45.1c3.7-0.7,7.6-0.2,11,1.5   c-1.3,0.9-2.4,2.1-3.1,3.6c-0.7,1.5-1,3.2-0.8,4.9c0.2,1.5,0.8,3,1.7,4.3c0.9,1.2,2,2.1,3.3,2.8c-8.7,0-17.3,0-26,0   c0-1.9,0.3-3.7,0.9-5.5c1-3,2.8-5.7,5.2-7.7C32.4,47,35.2,45.6,38.1,45.1z M53.8,46.3c1.6-0.1,3.3,0.4,4.6,1.3c1.1,0.8,2,1.8,2.6,3c0.6,1.2,0.8,2.6,0.7,3.9c-0.1,1.6-0.8,3.2-1.8,4.5   c-1,1.2-2.4,2.1-3.9,2.5c-1.3,0.4-2.7,0.3-4.1,0c-1.2-0.3-2.2-0.9-3.1-1.7c-0.9-0.9-1.7-1.9-2.1-3.1c-0.6-1.7-0.6-3.5,0-5.2   c0.4-1.3,1.2-2.4,2.2-3.3C50.4,47.1,52.1,46.4,53.8,46.3z M53,51.4c0,0.9,0,1.7,0,2.6c0,0,0,0.1-0.1,0.1c-0.6,0.6-1.2,1.2-1.8,1.8   c-0.2,0.2-0.4,0.6-0.3,1c0.1,0.4,0.4,0.8,0.8,0.9c0.4,0.1,0.7,0,1-0.3c0.5-0.5,0.9-0.9,1.4-1.4c0.5,0.5,0.9,0.9,1.4,1.4   c0.2,0.2,0.5,0.3,0.7,0.3c0.3,0,0.7-0.2,0.9-0.4c0.2-0.3,0.3-0.8,0.1-1.1c-0.1-0.2-0.3-0.4-0.5-0.5c-0.5-0.5-1-1-1.6-1.6   c0-0.9,0-1.7,0-2.6c0-0.5-0.5-1-1-1C53.6,50.3,53.1,50.8,53,51.4z' /%3E%3C/svg%3E") center no-repeat;
}

.icon-accumulate {
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  border: 1px solid #ffffff75;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 85 85' %3E%3Cpath d='M29.6,49.9L26,55.4c-0.2,0.3,0,0.8,0.4,0.8l4.7,0.3c0.2,0,0.3,0.1,0.3,0.2l2.9,3.9c0.3,0.3,0.7,0.3,0.9,0  l3.3-5.5c0.2-0.3,0.1-0.5-0.2-0.7l-8.1-4.6C30,49.6,29.7,49.7,29.6,49.9z M55.4,49.8l3.5,5.6c0.2,0.3,0,0.8-0.4,0.8l-4.7,0.3  c-0.2,0-0.3,0.1-0.3,0.2l-2.9,3.9c-0.3,0.3-0.7,0.3-0.9,0l-3.3-5.5c-0.2-0.3-0.1-0.5,0.2-0.7l8.1-4.6C55,49.4,55.3,49.5,55.4,49.8z   M54.8,30.8l-11.1-6.3c-0.8-0.4-1.8-0.4-2.6,0l-11,6.2c-0.8,0.4-1.3,1.3-1.3,2.1v12.4c0,0.9,0.5,1.7,1.3,2.1l11.1,6.3  c0.8,0.4,1.8,0.4,2.6,0l11-6.1c0.8-0.4,1.3-1.3,1.3-2.1V33.2C56,32.2,55.5,31.3,54.8,30.8z M49.5,36.2l-6.4,9.3  c-0.2,0.3-0.5,0.4-0.9,0.4c-0.3,0-0.7-0.2-0.9-0.4l-6.2-9.3c-0.3-0.4-0.2-1.1,0.3-1.4c0.4-0.3,1.1-0.2,1.4,0.3l5.3,8l5.6-8.1  c0.3-0.4,0.9-0.6,1.4-0.3C49.8,35.1,49.9,35.7,49.5,36.2z' /%3E%3C/svg%3E") center no-repeat;
}

.icon-heart {
  display: inline-block;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  border: 1px solid #ffffff75;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 85 85' %3E%3Cpath d='M49.4,27.1c5.7,0,10.3,4.6,10.3,10.3c0,2.6-1,5-2.6,6.8l0,0L44.3,56.9c-0.5,0.5-1.1,0.8-1.8,0.8  s-1.3-0.3-1.8-0.8L28,44.2l0,0c-1.7-1.9-2.6-4.3-2.6-6.8c0-5.7,4.6-10.3,10.3-10.3c2.6,0,5,1,6.8,2.6l0,0l0,0  C44.4,28,46.8,27.1,49.4,27.1z M47.9,40.8c-0.3,0-0.6,0.1-0.9,0.3l-4,4L43,45.2c-0.2,0.1-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2  l-4-4c-0.2-0.2-0.4-0.3-0.7-0.3c-0.2,0-0.5,0-0.7,0.1c-0.2,0.1-0.4,0.3-0.6,0.5c-0.1,0.2-0.2,0.5-0.2,0.7c0,0.3,0.1,0.6,0.3,0.9  l4.6,4.6c0.5,0.5,1.1,0.8,1.8,0.8s1.3-0.3,1.8-0.8l4.5-4.5c0,0,0.1-0.1,0.1-0.1l0.1-0.1c0.1-0.2,0.2-0.4,0.3-0.7  c0-0.2,0-0.5-0.1-0.7c-0.1-0.2-0.3-0.4-0.5-0.5C48.4,40.9,48.2,40.8,47.9,40.8L47.9,40.8z' /%3E%3C/svg%3E") center no-repeat;
}

.icon-house {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 1024 1024' %3E%3Cpath d='M810.7 812.1H213.3V373L512 211.9 810.7 373v439.1z m-550-47.5h502.6V401.4L512 265.8 260.7 401.4v363.2z M476.4 535.6h71.2v264.9h-71.2z' /%3E%3C/svg%3E") center no-repeat;
}

.icon-lightning i {
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 19 18' %3E%3Cpath d='M12.4,18.1H6.6l-4.8-3.5L0,9l1.8-5.6L6.6,0h5.9l4.8,3.5L19,9l-1.8,5.6L12.4,18.1z M7.1,16.5h4.8l3.9-2.8L17.3,9l-1.5-4.6  l-3.9-2.8H7.1L3.2,4.4L1.7,9l1.5,4.6L7.1,16.5z M12.1,8.7h-1.3c-0.1,0-0.2-0.1-0.2-0.3l1.5-3.1c0.1-0.1,0-0.3-0.2-0.3H8.8  c-0.1,0-0.2,0-0.2,0.1L7,9.9c0,0.1,0,0.3,0.2,0.3h1.3c0.1,0,0.2,0.1,0.2,0.3l-1.2,3.4C7.4,14,7.6,14.2,7.8,14l4.5-5  C12.4,8.9,12.3,8.7,12.1,8.7z' /%3E%3C/svg%3E") center no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}

/* 零部件细节轮播图-待删除 del*/
.parts {
  width: 100%;
  height: 100vh;
  background: #000;
  position: relative;
}

.parts .mytitlew {
  position: absolute;
  z-index: 9;
  left: 8%;
}

.parts .swiper-parts1-imgbox {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.parts .swiper-parts1-imgbox img {
  width: 100%;
  height: 100vh;
}

.parts .swiper-parts1 .swiper-pagination {
  color: #fff;
  width: auto;
  left: calc(8% + 3.125rem);
  color: #cbd2dc80;
  bottom: calc(8vh + 7.5rem);
}

.parts .swiper-parts1 .swiper-pagination span:first-child {
  font-size: 1.5rem;
  color: #fff;
}

.parts .swiper-parts1 .swiper-pagination span:last-child {
  font-size: 1rem;
  color: #cbd2dc80;
}

.parts .swiper-parts1 .swiper-button-prev {
  top: auto;
  bottom: calc(8vh + 6.875rem);
  left: 8%;
}

.parts .swiper-parts1 .swiper-button-next {
  top: auto;
  bottom: calc(8vh + 6.875rem);
  left: calc(8% + 6.25rem);
}

.parts .swiper-parts1 .swiper-button-next:after,
.parts .swiper-parts1 .swiper-button-prev:after {
  font-size: 1.125rem;
  color: #fff;
}

.parts .swiper-parts1 {
  height: 50%;
}

.parts .swiper-parts2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 8%;
  overflow: hidden;
  padding-bottom: 8vh;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
  z-index: 9;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.parts .swiper-parts2 .swiper-slide {
  color: #dadada;
  display: flex;
  flex-direction: column;
}

.parts .swiper-parts2 .swiper-slide span:first-child {
  border-top: 0.0625rem solid #cbd2dc4d;
  padding-top: 1.875rem;
  font-size: 1.25rem;
  color: #dadada;
  margin-bottom: 0.5625rem;
  cursor: default;
}

.parts .swiper-parts2 .swiper-slide span:nth-child(2) {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  cursor: default;
}

.parts .swiper-parts2 .swiper-slide-thumb-active span:first-child {
  color: var(--deep);
}

/* 零部件细节轮播图-待删除 del*/