html {
  font-size: 100px;
}

/*访客识别*/
.chat-advisory {
  right: 0;
  bottom: 45px !important;
  width: 45px !important;
  height: 45px !important;
  border-radius: 5px 0 0 5px;
}

.chat-advisory-img {
  width: 24px !important;
  height: 24px !important;
  margin-top: 10px !important;
}

.chat-box {
  bottom: 25px !important;
  right: 55px !important;
  border-radius: 10px !important;
}

/*page*/
.page_a {
  border-radius: 50% !important;
  line-height: 46px !important;
  height: 46px !important;
  width: 46px !important;
}

.page_a.disabled {
  border-radius: 50% !important;
}

.page_a.current {
  background-color: #2c74bc !important;
  border-color: #2c74bc !important;
}


/*客服02*/
.pl_service2 {
  right: -3px !important;
}

.pl_service2 .service_item {
  background-color: rgba(255, 255, 255, 95) !important;
  color: #aaacaf !important;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 12%);
  border-radius: 5px !important;
  margin-bottom: 1px !important;
}

.pl_service2 .service_item:hover {
  background-color: #2c74bc !important;
  color: #fff !important;
}

.pl_service2 .service_value {
  background-color: #2c74bc !important;
}

.pl_service2 .service_value::after {
  border-left: 6px solid #2c74bc !important;
}

.pl_service2 .service_group .service_item:nth-child(1):hover .service_value_con {
  width: 190px !important;
}

.pl_service2 .service_group .service_item:nth-child(2):hover .service_value_con {
  width: 160px !important;
}

/* 色值 */
.mc {
  color: #8a6e4b;
}

.fc {
  color: #6ea97f;
}

.wc {
  color: #ffffff;
}

.white {
  color: #ffffff;
}

.grc {
  color: #acafb4;
}

.d-gc {
  color: #666666;
}

.rc {
  color: #ff231c;
}

.oc {
  color: #ffb11e;
}

.yc {
  color: #fff714;
}

.gc {
  color: #8aff3c;
}

.bc {
  color: #2c74bc;
}

/*字号*/
.f-50 {
  font-size: 50px;
}

.f-48 {
  font-size: 48px;
}

.f-46 {
  font-size: 46px;
}

.f-44 {
  font-size: 44px;
}

.f-42 {
  font-size: 42px;
}

.f-40 {
  font-size: 40px;
}

.f-38 {
  font-size: 38px;
}

.f-36 {
  font-size: 36px;
}

.f-34 {
  font-size: 34px;
}

.f-32 {
  font-size: 32px;
}

.f-30 {
  font-size: 30px;
}

.f-28 {
  font-size: 28px;
}

.f-26 {
  font-size: 26px;
}

.f-24 {
  font-size: 24px;
}

.f-22 {
  font-size: 22px;
}

.f-20 {
  font-size: 20px;
}

.f-18 {
  font-size: 18px;
}

.f-16 {
  font-size: 16px;
}

.f-14 {
  font-size: 14px;
}

.f-12 {
  font-size: 12px;
}

/*公用*/
dl,
ol,
p,
ul {
  margin: 0;
  padding: 0;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.close {
  float: none;
  color: unset;
  text-shadow: unset;
  opacity: unset;
  font-size: unset;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

a.full-a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 30;
}

.full {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.letter-effect .letter {
  opacity: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  display: inline-block;
  min-width: 0.35em;
}

.en .letter-effect .letter {
  margin: 0 0.12rem 0 0;
}

.pic {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
}

.full-img-box {
  overflow: hidden;
  position: relative;
}

.full-img-box::before {
  content: '';
  display: block;
  margin-top: 100%;
}

.full-img-box .full-img {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-size: cover;
  background-position: center;
  transition: all 0s cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.full-img-box .full-img>img {
  display: none;
}

.img-clip {
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 1.5s ease-in-out;
  opacity: 0;
}

.img-clip.go {
  clip-path: circle(50% at 50% 50%);
  opacity: 1;
}

.scrFx {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--go) * -1s);
  animation-timing-function: ease-in-out;
}

.slideFx {
  animation-play-state: paused;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: calc(var(--rt) * -1s);
  animation-timing-function: linear;
}

/*字号*/
@media screen and (max-width: 1700px) {
  html {
    font-size: 90px;
  }
}

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

  .f-60 {
    font-size: 58px;
  }

  .f-50 {
    font-size: 42px;
  }

  .f-48 {
    font-size: 46px;
  }

  .f-46 {
    font-size: 44px;
  }

  .f-44 {
    font-size: 42px;
  }

  .f-42 {
    font-size: 40px;
  }

  .f-40 {
    font-size: 38px;
  }

  .f-38 {
    font-size: 36px;
  }

  .f-36 {
    font-size: 34px;
  }

  .f-34 {
    font-size: 32px;
  }

  .f-32 {
    font-size: 30px;
  }

  .f-30 {
    font-size: 28px;
  }

  .f-28 {
    font-size: 24px;
  }

  .f-26 {
    font-size: 24px;
  }

  .f-24 {
    font-size: 22px;
  }

  .f-22 {
    font-size: 20px;
  }

  .f-20 {
    font-size: 18px;
  }

  .f-18 {
    font-size: 16px;
  }

  .f-16 {
    font-size: 14px;
  }

  .f-14 {
    font-size: 12px;
  }

  .f-12 {
    font-size: 12px;
  }
}

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

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

  .f-60 {
    font-size: 40px;
  }

  .f-50 {
    font-size: 34px;
  }

  .f-48 {
    font-size: 32px;
  }

  .f-46 {
    font-size: 30px;
  }

  .f-44 {
    font-size: 28px;
  }

  .f-42 {
    font-size: 26px;
  }

  .f-40 {
    font-size: 24px;
  }

  .f-38 {
    font-size: 22px;
  }

  .f-36 {
    font-size: 20px;
  }

  .f-34 {
    font-size: 20px;
  }

  .f-32 {
    font-size: 18px;
  }

  .f-30 {
    font-size: 18px;
  }

  .f-28 {
    font-size: 16px;
  }

  .f-26 {
    font-size: 16px;
  }

  .f-24 {
    font-size: 16px;
  }

  .f-22 {
    font-size: 14px;
  }

  .f-20 {
    font-size: 14px;
  }

  .f-18 {
    font-size: 14px;
  }

  .f-16 {
    font-size: 12px;
  }

  .f-14 {
    font-size: 12px;
  }

  .f-12 {
    font-size: 12px;
  }
}

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

  .f-60 {
    font-size: 40px;
  }

  .f-50 {
    font-size: 34px;
  }

  .f-48 {
    font-size: 32px;
  }

  .f-46 {
    font-size: 30px;
  }

  .f-44 {
    font-size: 28px;
  }

  .f-42 {
    font-size: 26px;
  }

  .f-40 {
    font-size: 24px;
  }

  .f-38 {
    font-size: 22px;
  }

  .f-36 {
    font-size: 20px;
  }

  .f-34 {
    font-size: 20px;
  }

  .f-32 {
    font-size: 18px;
  }

  .f-30 {
    font-size: 18px;
  }

  .f-28 {
    font-size: 16px;
  }

  .f-26 {
    font-size: 16px;
  }

  .f-24 {
    font-size: 16px;
  }

  .f-22 {
    font-size: 14px;
  }

  .f-20 {
    font-size: 14px;
  }

  .f-18 {
    font-size: 14px;
  }

  .f-16 {
    font-size: 12px;
  }

  .f-14 {
    font-size: 12px;
  }

  .f-12 {
    font-size: 12px;
  }
}

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

  .p_defaultIocn {
    width: 45px !important;
    height: 45px !important;
    border-radius: 5px 0 0 5px !important;
    color: #ffffff !important;
    background: rgba(0, 0, 0, .2) !important;
  }

  .pl_service {
    right: 0px !important;
    bottom: 91px !important;
  }

  .p_defaultIocn .icon {
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/new2023011817315121931/cms/image/febf288c-dc6a-46dc-95ec-9aaa5c6c4322.png) no-repeat center/cover;
  }

  .p_defaultIocn .icon path {
    display: none !important;
  }

}

/*动画*/

@keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }

  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes line-wave {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-640px);
  }
}

@keyframes maskwave {
  0% {
    transform: translateX(-40%);
  }

  50% {
    transform: translateX(-10%);
  }

  100% {
    transform: translateX(-40%);
  }
}

@keyframes raise {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0%);
  }
}

@keyframes updown {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-25px);
  }
}


@keyframes hint {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes lineAni {
  0% {
    transform: scaleY(.001);
    -webkit-transform: scaleY(.001);
    -moz-transform: scaleY(.001);
    -o-transform: scaleY(.001);
    -ms-transform: scaleY(.001);
  }

  100% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
  }
}

@keyframes lineAni_hen {
  0% {
    transform: scaleX(.001);
    -webkit-transform: scaleX(.001);
    -moz-transform: scaleX(.001);
    -o-transform: scaleX(.001);
    -ms-transform: scaleX(.001);
  }

  100% {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
  }
}


@keyframes scrImg {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    backface-visibility: hidden;
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    backface-visibility: hidden;
  }
}

@keyframes scrP1 {
  0% {
    clip-path: inset(2.5rem 5vw 0.5rem 5vw round 0.6rem);
    -webkit-clip-path: inset(2.5rem 5vw 0.5rem 5vw round 0.6rem);
  }

  100% {
    clip-path: inset(0 0 0 0 round 0px);
    -webkit-clip-path: inset(0 0 0 0 round 0px);
  }


}


@keyframes scrP8 {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    backface-visibility: hidden;
  }

  100% {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    backface-visibility: hidden;
  }
}


@keyframes slideX {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }

  6% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }

  94% {
    transform: translateX(calc(-100% + 47vw));
    -webkit-transform: translateX(calc(-100% + 47vw));
    -moz-transform: translateX(calc(-100% + 47vw));
    -o-transform: translateX(calc(-100% + 47vw));
    -ms-transform: translateX(calc(-100% + 47vw));
  }

  100% {
    transform: translateX(calc(-100% + 47vw));
    -webkit-transform: translateX(calc(-100% + 47vw));
    -moz-transform: translateX(calc(-100% + 47vw));
    -o-transform: translateX(calc(-100% + 47vw));
    -ms-transform: translateX(calc(-100% + 47vw));
  }
}

@keyframes slideX1 {
  0% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }

  6% {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
  }

  94% {
    transform: translateX(calc(-100% + 40vw));
    -webkit-transform: translateX(calc(-100% + 40vw));
    -moz-transform: translateX(calc(-100% + 40vw));
    -o-transform: translateX(calc(-100% + 40vw));
    -ms-transform: translateX(calc(-100% + 40vw));
  }

  100% {
    transform: translateX(calc(-100% + 40vw));
    -webkit-transform: translateX(calc(-100% + 40vw));
    -moz-transform: translateX(calc(-100% + 40vw));
    -o-transform: translateX(calc(-100% + 40vw));
    -ms-transform: translateX(calc(-100% + 40vw));
  }
}

@keyframes adFn {
  0% {
    opacity: 0;
    transform: translateX(.4rem);
    -webkit-transform: translateX(3.4rem);
    -moz-transform: translateX(3.4rem);
    -o-transform: translateX(3.4rem);
    -ms-transform: translateX(3.4rem);
  }

  10% {
    opacity: 0.2;
  }

  30% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
    transform: translateX(-3.4rem);
    -webkit-transform: translateX(-3.4rem);
    -moz-transform: translateX(-3.4rem);
    -o-transform: translateX(-3.4rem);
    -ms-transform: translateX(-3.4rem);
  }
}

@keyframes adFn1 {
  0% {
    opacity: 1;
    transform: translateX(-1.5rem);
    -webkit-transform: translateX(-1.5rem);
    -moz-transform: translateX(-1.5rem);
    -o-transform: translateX(-1.5rem);
    -ms-transform: translateX(-1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateX(1.5rem);
    -webkit-transform: translateX(1.5rem);
    -moz-transform: translateX(1.5rem);
    -o-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
  }
}

@keyframes adFn2 {
  0% {
    opacity: 1;
    transform: translateX(-.7rem);
    -webkit-transform: translateX(-.7rem);
    -moz-transform: translateX(-.7rem);
    -o-transform: translateX(-.7rem);
    -ms-transform: translateX(-.7rem);
  }

  100% {
    opacity: 1;
    transform: translateX(.7rem);
    -webkit-transform: translateX(.7rem);
    -moz-transform: translateX(.7rem);
    -o-transform: translateX(.7rem);
    -ms-transform: translateX(.7rem);
  }
}


@keyframes adFn3 {
  0% {
    opacity: 1;
    transform: translateX(1.5rem);
    -webkit-transform: translateX(1.5rem);
    -moz-transform: translateX(1.5rem);
    -o-transform: translateX(1.5rem);
    -ms-transform: translateX(1.5rem);
  }

  100% {
    opacity: 1;
    transform: translateX(-0.5rem);
    -webkit-transform: translateX(-0.5rem);
    -moz-transform: translateX(-0.5rem);
    -o-transform: translateX(-0.5rem);
    -ms-transform: translateX(-0.5rem);
  }
}

@keyframes adFn4 {
  0% {
    opacity: 0;
    transform: translateX(3.5rem);
    -webkit-transform: translateX(3.5rem);
    -moz-transform: translateX(3.5rem);
    -o-transform: translateX(3.5rem);
    -ms-transform: translateX(3.5rem);
  }

  10% {
    opacity: 0;
  }

  30% {
    opacity: 0.5;
  }

  70% {
    opacity: 0.8;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0.5;
    transform: translateY(-1.5rem);
    -webkit-transform: translateX(-1.5rem);
    -moz-transform: translateX(-1.5rem);
    -o-transform: translateX(-1.5rem);
    -ms-transform: translateX(-1.5rem);
  }
}


/*内页banner*/

@keyframes nbFn {
  0% {
    clip-path: circle(21vw at 50vw 50vh);
    -webkit-clip-path: circle(21vw at 50vw 50vh);
  }

  100% {
    clip-path: circle(78vw at 50vw 50vh);
    -webkit-clip-path: circle(78vw at 50vw 50vh);
  }
}

@keyframes nbFn_1 {
  0% {
    clip-path: circle(30vw at 50vw 50vh);
    -webkit-clip-path: circle(30vw at 50vw 50vh);
  }

  100% {
    clip-path: circle(78vw at 50vw 50vh);
    -webkit-clip-path: circle(78vw at 50vw 50vh);
  }
}

@keyframes nbmask {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }

  70% {
    background-color: rgba(0, 0, 0, .1);
  }

  100% {
    background-color: rgba(0, 0, 0, .15);
  }
}

@keyframes nben {
  0% {
    letter-spacing: 0vw;
    transform: translateY(0px);
    opacity: 1;
  }

  100% {
    letter-spacing: 2vw;
    transform: translateY(-40px);
    opacity: 0.5;
  }
}

@keyframes nbcn {
  0% {
    transform: translateY(0px);
  }

  100% {
    transform: translateY(-50px);
  }
}

@keyframes nbsum {
  0% {
    opacity: 0;
    transform: translateY(0px);

  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    transform: translateY(-50px);
  }
}

/*内页研发*/
@keyframes rdFn {
  0% {
    clip-path: circle(20vw at 70vw 55vh);
    -webkit-clip-path: circle(20vw at 70vw 55vh);
  }

  100% {
    clip-path: circle(78vw at 70vw 55vh);
    -webkit-clip-path: circle(78vw at 70vw 55vh);
  }

}

@keyframes rdtxt {
  0% {
    opacity: 0;
  }

  60% {
    opacity: 1;
  }
}



@-webkit-keyframes circletextRotate {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes circletextRotate {
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes scalegradientShape {

  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes scalegradientShape {

  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-webkit-keyframes scalegradientShapeReverse {

  0%,
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes scalegradientShapeReverse {

  0%,
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}


.btn.focus,
.btn:focus,
.custom-control-input:focus~.custom-control-label::before {
  box-shadow: none;
}