@font-face {
  font-family: MiSans;
  src: url("/assets/font/MiSans-Normal.ttf") format("truetype");
  font-weight: 400;

}
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
	font-family: MiSans;
}

body {
  width: 100%;

  font-family: MiSans;
  background: #FFFFFF;
  user-select: none;
}





*,
*::after,
*::before {
  box-sizing: border-box;
}

img {
  object-fit: cover;
  vertical-align: middle;
  user-select: none;
}

img:not(.none) {
  max-width: 100%;
  max-height: 100%;
}

textarea {
  resize: none;
  font-family: inherit;
}

button {
  border: none;
  cursor: pointer;
}

.bezier .swiper-wrapper,
.div_bezier {
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1) !important;
}

table {
  border-collapse: collapse;
}

.has-scroll-smooth {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.4rem;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

[data-wheel]::-webkit-scrollbar {
  width: 7px;
}

[data-wheel]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}

[data-wheel]::-webkit-scrollbar-track {
  background-color: transparent;
}

[data-opacity] {
  /* opacity: 0; */
  overflow: hidden;
}

[data-scroll-container] > section,
[data-scroll-container] {
  overflow: hidden;
}

.c-scrollbar {
  z-index: 99999;
}

#my-scrollbar {
  height: 100vh;
}

.scroll-content {
  overflow: hidden;
}

.scrollbar-thumb {
  width: 5px !important;
}

@media screen and (max-width: 1024px) {
  .scrollbar-thumb {
    width: 0 !important;
  }
}

.scrollbar-track-y {
  z-index: 9999 !important;
}

.scrollbar-track {
  background-color: transparent !important;
  right: 0 !important;
}

.scrollbar-track:hover {
  cursor: grab;
}

.scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5) !important;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}



body.acquiesce .l .logo img {
  filter: invert(1);
}

body.acquiesce .r .menu{
  filter: var(--filter);
}

body.acquiesce .l .nav li .flex_wrap a {
  color: #010101;
}

body.acquiesce .r .sun .iconfont {
  color: #000;
}



/*  */
.fixed_get{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: 1s;
}
.fixed_get.on{
  pointer-events: auto;
  opacity: 1;
}
.fixed_get .mask{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.fixed_get .content{
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 24px 10px 15px;
}
.fixed_get .content .close{
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed_get .content .close svg{
  width: 12px;
  height: 12px;
}
.fixed_get .content .close svg path{
  fill: #fff;
}
.fixed_get .content span{
  font-size: 22px;
  color: #fff;
}
.fixed_get .content .img{
  width: 400px;
  margin: 30px 0 0 0;
  display: block;
}
/*  */

.fixed_cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  pointer-events: none;
  transition: .6s;
  transition-delay: .6s;
  mix-blend-mode: exclusion;
}

.fixed_cursor .cursor {
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s;
}

.fixed_cursor .cursor .whole {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}

.fixed_cursor .cursor .whole:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  transition: all .25s ease-out;
}

.fixed_cursor .cursor .whole:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  border: 1px solid #ece9e8;
  opacity: 0;
  transition: all .3s;
}

.fixed_cursor .cursor .whole .bor {
  width: 200%;
  height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.2);
  border-radius: 50%;
  border: 1px solid #ece9e8;
  opacity: .3;
  transition: ease .5s;
}

.fixed_cursor .cursor .whole .bor.on {
  transform: translate(-50%, -50%) scale(1);
}

.fixed_cursor .cursor .whole .bor.hide {
  opacity: 0;
}

.fixed_cursor .cursor .whole.on:after {
  transform: scale(0.5);
}

.fixed_cursor .cursor .whole.on:before {
  opacity: .3;
  transform: translate(-50%, -50%) scale(1);
}

.fixed_cursor .cursor .content_pro {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  cursor: pointer;
  opacity: 0;
  transition: ease .3s;
  z-index: 1;
}

.fixed_cursor .cursor .content_pro:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: #184DC4;
  z-index: -1;
  filter: blur(10px);
  transform: scale(1.1);
}

.fixed_cursor .cursor .content_pro .cir {
  position: absolute;
  width: 114px;
  height: 114px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  animation: ants 10s linear infinite;
}

.fixed_cursor .cursor .content_pro .text .end {
  transform: translateY(-3px);
  text-align: right;
}

.fixed_cursor .cursor .content_pro .text .end p {
  font-weight: bold;
  font-size: 13px;
  color: #FF8000;
}

.fixed_cursor .cursor .content_pro .text .end .overflow {
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 14px 0 0 31px;
}

.fixed_cursor .cursor .content_pro .text .end .iconfont {
  color: #fff;
  font-size: 16px !important;
  font-weight: bold !important;
  text-align: right;
  position: relative;
  left: 5px;
  animation: arrowRun 5s infinite;
}

.fixed_cursor .small {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  position: fixed;
  top: -3px;
  left: -3px;
}

.fixed_cursor.cut .whole {
  opacity: 0;
  transform: scale(0);
}

.fixed_cursor.cut .content_pro {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.fixed_cursor.fixed_cursor2 {
  mix-blend-mode: unset;
}

.fixed_cursor.fixed_cursor2 .cursor {
  width: 134px;
  height: 134px;
}

body:hover .cursor {
  opacity: 1;
}

.each_animate div {
  transition: 1s;
}

.each_animate.on div {
  opacity: 1 !important;
  transform: translateX(0) !important;
}

section {
  overflow: hidden;
}

@keyframes arrowRun {
  0% {
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  7% {
    transform: translate3d(150%, -150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  7.1% {
    transform: translate3d(-150%, 150%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
  14% {
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
}

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

.link_transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999999;
  pointer-events: none;
  transition: .8s;
  /*opacity: 1;*/
  opacity: 0;
}

.link_transition.on {
  opacity: 1;
}

.link_transition:after {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100vw;
  transform: translate(-50%, -50%) scale(0);
  top: 50%;
  left: 50%;
  background-image: radial-gradient(circle, #fff, rgba(255, 255, 255, 0));
  z-index: 55;
  filter: blur(6.6016vw);
  border-radius: 50%;
  transition: 2s;
  opacity: 0;
}

.link_transition.after_on:after {
  transform: translate(-50%, -50%) scale(2);
  opacity: 1;
}


.link_transition:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1;
}

.link_transition .circle {
  width: 22.916666666666668vw;
  height: 22.916666666666668vw;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  filter: blur(6.6016vw);
}

.link_transition .circle.circle_1 {
  top: 78px;
  left: 225px;
  transform-origin: 30% 30px;
  animation: spin2 6s infinite linear;
}

.link_transition .circle.circle_2 {
  top: 215px;
  left: 370px;
  animation: spin 8s infinite linear;
  transform-origin: 50% 40%;
}

.link_transition .circle.circle_3 {
  top: 300px;
  left: 145px;
  animation: spin2 10s infinite linear;
  transform-origin: 30% 30px;
}

.link_transition .circle.circle_4 {
  top: 250px;
  left: 285px;
  transform-origin: 100% 50px;
  animation: spin2 6s infinite linear;
  animation-delay: .8s;
}

.link_transition .circle.circle_5 {
  top: 485px;
  left: 320px;
  z-index: 1;
  animation: spin 25s infinite linear;
  transform-origin: 50% 40%;
}

.link_transition .circle.circle_6 {
  top: 230px;
  left: 820px;
  animation: spin2 30s infinite linear;
  transform-origin: 30% 30px;
  animation-delay: .4s;
}

.link_transition .circle.circle_7 {
  top: 230px;
  left: 1125px;
  z-index: 3;
  transform-origin: 30% 30px;
  animation: spin2 6s infinite linear;
}

.link_transition .circle.circle_8 {
  top: 72px;
  left: 1270px;
  animation: spin 15s infinite linear;
  transform-origin: 50% 40%;
  animation-delay: .1s;
}

.link_transition .circle.circle_9 {
  top: 266px;
  left: 1400px;
  animation: spin2 3s infinite linear;
  transform-origin: 30% 30px;
}

.link_transition .circle.circle_10 {
  top: 335px;
  left: 1300px;
  animation: spin 10s infinite linear;
  transform-origin: 50% 40%;
  animation-delay: .2s;
}

.link_transition .circle.circle_11 {
  top: 590px;
  left: 1200px;
  z-index: 1;
  transform-origin: 30% 30px;
  animation: spin2 6s infinite linear;
}
@keyframes spin2 {
  100% {
    transform: rotate(-1turn);
  }
}
@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
.orb-canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40vh;
  pointer-events: none;
  z-index: 1;
  filter: blur(100px);
}

.text_effect .fist div.unset_delay {
  transition: all 0.6s !important;
  transition-delay: unset !important;
}

.public_text {
  position: relative;
}

.public_text .p p {
  width: fit-content;
}

.public_text .p:first-child {
  position: relative;
  z-index: 55;
}

.public_text .p:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.2);
  z-index: 5;
}

.public_pro .wrap {
  width: 72.9166666667vw;
  margin: 10.15625vw auto 4.1145833333vw;
}

.public_pro .wrap .title {
  overflow: hidden;
  padding: 0 0 45px;
}

.public_pro .wrap .title h1 {
  font-weight: 500;
  font-size: 72px;
  color: #000000;
  margin: 0 0 40px;
  line-height: 68px;
}

.public_pro .wrap .title p {
  font-weight: 500;
  font-size: 24px;
  color: #333333;
}

.public_pro .wrap .flex_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 65px 0 0 0;
}

.public_pro .wrap .flex_text .l {
  display: flex;
  align-items: center;
}

.public_pro .wrap .flex_text .l .list {
  display: flex;
  align-items: center;
}

.public_pro .wrap .flex_text .l .list:not(:last-child) {
  margin: 0 160px 0 0;
}

.public_pro .wrap .flex_text .l .list p:first-child {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  margin: 0 30px 0 0;
  background: #FF770F;
  border-radius: 25px;
  padding: 5px 10px;
}

.public_pro .wrap .flex_text .l .list p:nth-child(2) {
  font-weight: 500;
  font-size: 18px;
  color: #666666;
}

.public_pro .wrap .flex_text .r {
  display: flex;
  align-items: center;
}

.public_pro .wrap .flex_text .r .label {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF770F;
  margin: 0 20px 0 0;
}

.public_pro .wrap .flex_text .r .label svg, .public_pro .wrap .flex_text .r .label path {
  width: 15px;
  height: 15px;
  fill: #fff;
}

.public_pro .wrap .flex_text .r p {
  font-weight: 500;
  font-size: 18px;
  color: #999999;
  margin: 0 12px 0 0;
}

.public_pro .wrap .flex_text .r .iconfont {
  color: #999999;
  font-size: 14px;
}

.public_pro .wrap .content {
  margin: 120px 0 0 0;
  width: 115%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.public_pro .wrap .content img {
  width: 100%;
}

.public_pro .wrap .bottom {
  display: flex;
  justify-content: space-between;
  margin: 140px 0 0 0;
  padding: 0 0 200px;
  position: relative;
}

.public_pro .wrap .bottom .gray {
  font-weight: 500;
  font-size: 18px;
  color: #999999;
}

.public_pro .wrap .bottom .text_r {
  width: 884px;
  font-weight: bold;
  font-size: 30px;
  color: #999999;
  line-height: 46px;
}

.public_pro .wrap .bottom .text_r .p:first-child {
  color: #333333;
}

.public_pro .wrap .bottom .text_r .p:not(:first-child) {
  color: #999999;
}

.public_pro .wrap .bottom .line {
  width: 100%;
  height: 4px;
  background: #000;
  transition: 2s;
  transform: scaleX(0);
  transform-origin: left;
  position: absolute;
  bottom: 0;
  left: 0;
}

.public_pro .wrap .bottom .line.aos-animate {
  transform: scaleX(1);
}

.pro_last {
  position: relative;
}

.pro_last .wrap {
  width: 1400px;
  margin: 120px auto 320px;
  position: relative;
  z-index: 45;
  max-width: 90%;
}

.pro_last .wrap .line {
  width: 100%;
  height: 4px;
  background: #000000;
  margin: 0 0 120px;
  transform: scaleX(0);
  transform-origin: left;
  transition: 2s;
}

.pro_last .wrap .line.aos-animate {
  transform: scaleX(1);
}

.pro_last .wrap .img {
  width: 145px;
  margin: 0 auto 97px;
  filter: invert(100%);
}

.pro_last .wrap .img img {
  width: 100%;
  object-fit: contain;
}

.pro_last .wrap .message {
  font-weight: 500;
  font-size: 30px;
  color: #111111;
  line-height: 46px;
  margin: 0 0 120px;
  text-align: center;
}

.pro_last .wrap .message p {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
}

.pro_last .wrap .message p:nth-child(1) {
  transition-delay: .1s;
}

.pro_last .wrap .message p:nth-child(2) {
  transition-delay: .2s;
}

.pro_last .wrap .message p:nth-child(3) {
  transition-delay: .3s;
}

.pro_last .wrap .message p:nth-child(4) {
  transition-delay: .4s;
}

.pro_last .wrap .message p:nth-child(5) {
  transition-delay: .5s;
}

.pro_last .wrap .message.aos-animate p {
  transform: translateY(0);
  opacity: 1;
}

.pro_last .wrap .message strong {
  color: #184DC4;
}

.pro_last .wrap .dis {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pro_last .wrap .dis .pick {
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 46px;
  margin: 0 450px 0 0;
}

.pro_last .wrap .dis .r {
  width: 134px;
  height: 134px;
}

.pro_last .wrap .dis .r .circle {
  width: 100%;
  height: 100%;
  margin: 18px auto 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.pro_last .wrap .dis .r .circle:before {
  content: '';
  background: #184DC4;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
  transition: all .4s;
}

.pro_last .wrap .dis .r .circle .cir {
  position: absolute;
  width: 114px;
  height: 114px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  transition: all .4s;
}

.pro_last .wrap .dis .r .circle .cir img {
  width: 100%;
  height: 100%;
  animation: ants 10s linear infinite;
}

.pro_last .wrap .dis .r .circle .text {
  display: flex;
  align-items: center;
  position: relative;
  left: 3px;
}

.pro_last .wrap .dis .r .circle .text p {
  font-size: 15px;
  color: #FF8000;
  line-height: 25px;
  margin: 0 7px 0 0;
  font-weight: 600;
}

.pro_last .wrap .dis .r .circle .text .overflow {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.pro_last .wrap .dis .r .circle .text .iconfont {
  color: #FF770F;
  font-size: 13px !important;
  font-weight: bold !important;
  animation: arrowRun 5s infinite;
}

.pro_last .wrap .dis .r .circle:hover::before, .pro_last .wrap .dis .r .circle:hover .cir {
  transform: scale(0.9);
}

.pro_last .wrap .next_case {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 59px 0 0 0;
  margin: 180px 0 0 0;
  text-align: center;
}

.pro_last .wrap .next_case .center {
  text-align: center;
}

.pro_last .wrap .next_case .center p {
  font-weight: 500;
  font-size: 18px;
  color: #999999;
  margin: 0 0 30px;
}

.pro_last .wrap .next_case .center span {
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  margin: 0 0 65px;
  display: block;
}

.pro_last .wrap .next_case .picture {
  width: 500px;
  margin: auto;
  display: block;
}

.pro_last .wrap .next_case .picture img {
  width: 100%;
}

.pro_last .orb-canvas {
  height: 30vh;
}

.img_translate {
  position: relative;
}

.img_translate img {
  -webkit-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s;
}

.img_translate .position_translate {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}

.img_translate .position_translate:nth-child(2) {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: unset;
  right: 0;
  z-index: 20;
}

.img_translate.right img {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 3deg);
  -ms-transform: perspective(400px) rotate3d(0, 1, 0, 3deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 3deg);
}

.img_translate.left img {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -3deg);
  -ms-transform: perspective(400px) rotate3d(0, 1, 0, -3deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -3deg);
}

.public_summarize {
  text-align: center;
  width: 288px;
  height: 115px;
  position: relative;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 40px;
  color: #EC6817;
}

.public_summarize:after {
  content: '';
  border-radius: 50%;
  border: 1px dashed rgba(24, 77, 196, 0.32);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: rotate(-10deg);
}

.public_summarize:before {
  content: '';
  border-radius: 50%;
  background: #184DC4;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 249px;
  height: 99px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-10deg);
  z-index: -1;
}

.public_summarize_text {
  text-align: center;
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  line-height: 48px;
  margin: 60px 0 78px 0;
}

.public_summarize_text p {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s;
}

.public_summarize_text p:nth-child(1) {
  transition-delay: .1s;
}

.public_summarize_text p:nth-child(2) {
  transition-delay: .2s;
}

.public_summarize_text p:nth-child(3) {
  transition-delay: .3s;
}

.public_summarize_text p:nth-child(4) {
  transition-delay: .4s;
}

.public_summarize_text p:nth-child(5) {
  transition-delay: .5s;
}

.public_summarize_text p:nth-child(6) {
  transition-delay: .5s;
}

.public_summarize_text p:nth-child(7) {
  transition-delay: .5s;
}

.public_summarize_text p:nth-child(8) {
  transition-delay: .5s;
}

.public_summarize_text p:nth-child(9) {
  transition-delay: .5s;
}

.public_summarize_text.aos-animate p {
  transform: translateY(0);
  opacity: 1;
}

.public_summarize_text strong {
  color: #184DC4;
}

.public_summarize_link {
  width: 180px;
  height: 55px;
  background: #184DC4;
  border-radius: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
  overflow: hidden;
  border: 1px solid #184DC4;
  z-index: 1;
}

.public_summarize_link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F2F1E4;
  border-radius: 25px;
  transform: scaleX(0);
  transform-origin: right;
  -webkit-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: -1;
}

.public_summarize_link svg {
  width: 24px;
  height: 24px;
}

.public_summarize_link svg path {
  fill: #fff;
  -webkit-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.public_summarize_link p {
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  margin: 0 0 0 13px;
  -webkit-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.public_summarize_link:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}

.public_summarize_link:hover p {
  color: #184DC4;
}

.public_summarize_link:hover svg path {
  fill: #184DC4;
}

.fixed_side {
  position: absolute;
  right: 10px;
  bottom: 150px;
  z-index: 9999;
  width: 57px;
  background: #FFFFFF;
  border-radius: 29px;
  border: 1px solid #D7D7D7;
  padding: 5px 0 10px 0;
  opacity: 0;
  pointer-events: none;
  transition: .6s;
}

.fixed_side.on {
  opacity: 1;
  pointer-events: auto;
}

.fixed_side .line {
  width: 19px;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 0 auto 5px;
}

.fixed_side .item {
  width: 47px;
  height: 47px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  transition: .6s;
  cursor: pointer;
  position: relative;
}

.fixed_side .item.item3{
  display: none !important;
}

.fixed_side span{
  text-align: center;
  font-size: 14px;
  position: relative;
  top: -4px;
  margin: auto;
  display: block;
}

.fixed_side .item .position_top {
  position: absolute;
  width: 88px;
  height: 33px;
  top: 50%;
  transform: translateY(-50%);
  right: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-size: 14px;
  color: #FFFFFF;
}

.fixed_side .item .position_top .joke {
  width: 100%;
  height: 100%;
  position: relative;
  left: -20px;
  background: #FF770F;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-20px);
  opacity: 0;
  transition: .7s;
}

.fixed_side .item:not(:last-child) {
  margin: 0 auto 7px;
}

.fixed_side .item .circle .iconfont {
  color: #FF770F;
  font-size: 18px !important;
  transition: .6s;
}

.fixed_side .item:nth-child(1) .circle .iconfont {
  font-size: 26px !important;
}

.fixed_side .item.item3 .circle .iconfont {
  font-size: 24px !important;
}

.fixed_side .item.item4 .circle .iconfont {
  font-size: 22px !important;
}

.fixed_side .item.item5 .circle .iconfont {
  font-size: 26px !important;
}

.fixed_side .item:hover {
  background: #FF770F !important;
}

.fixed_side .item:hover .iconfont {
  color: #fff !important;
}

.fixed_side .item:hover .position_top .joke {
  opacity: 1;
  transform: translateX(0);
}

.fixed_side .item.mode.item1 {
  background: #FF770F;
  box-shadow: 0 10px 16px -8px #FF770F;
}

.fixed_side .item.mode.item1 .iconfont {
  color: #fff;
}

#Pattern .fixed_side {
  background: #171717;
  border: 1px solid #666666;
}

#Pattern .fixed_side .line {
  background: rgba(253, 253, 253, 0.1);
}

#Pattern .fixed_side .item .position_top .joke {
  background: #fff;
  color: #1A1A1A;
}

#Pattern .fixed_side .item1 {
  background: transparent;
  box-shadow: none;
}

#Pattern .fixed_side .item1 .iconfont {
  color: #fff;
}

#Pattern .fixed_side .item2 {
  background: #FF770F;
}

#Pattern .fixed_side .item2 .iconfont {
  color: #fff !important;
}

#Pattern .fixed_side .circle .iconfont {
  color: #fff;
}

.common_paging{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px 0 100px 0;
}

.common_paging a{
  width: 50px;
  height: 50px;
  margin: 0 5px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #111;
  transition: .6s;
}
.common_paging a:first-child{
  transform: rotate(180deg);
}
.common_paging a .iconfont{
  color: #184DC4;
  font-size: 20px;
  transition: .6s;
}
.common_paging a:hover,.common_paging a.on{
  background: #184DC4;
  border: 1px solid #184DC4;
  color: #fff;
}
.common_paging a:hover .iconfont,.common_paging a.on .iconfont{
  color: #fff;
}



.yanzh_box{clear:both; width:800px; margin:0 auto;padding:220px 0 110px 0;overflow:hidden; margin-bottom:10% }
.yanzh_box .d1{ margin-bottom:70px;}
.yanzh_box .d1 img{ display:block; width:355px; height:auto; margin:0 auto;}
.yanzh_box .d2{ font-size:18px; color:#666666; line-height:30px; text-align:center;margin-bottom:45px;}
.yanzh_box .d3{width:602px;margin:0 auto;}
.yanzh_box .d3 .bx{width:100%; height:49px; display:flex; align-items:center; justify-content:space-between;}
.yanzh_box .d3 input{ display:block; height:49px; line-height:49px; border-radius:10px; overflow:hidden; }
.yanzh_box .d3 .inp1{ width:400px; padding:0 12px; border:1px solid #DDDDDD;background:#fff; color:#222; font-size:16px;}
.yanzh_box .d3 .inp2{ width:192px; background:#E62129; color:#fff; text-align:center; font-size:16px;border:0; cursor:pointer; }

.nlink{display:block; width:1.6rem; height:.42rem;line-height:.42rem; border-radius:5px; background:#E62129; color:#fff; text-align:center;font-size:.17rem; display:flex; align-items:center; justify-content:center;}
.nlink img{ margin-right:.06rem; width:.21rem; height:auto;}




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

  .public_pro .wrap{
    width: 80%;
  }

  .public_pro .wrap .bottom .text_r {
    width: 73%;
    font-size: 26px;
  }
  .public_pro .wrap .bottom .gray{
    font-size: 15px;
  }
  .public_pro .wrap .bottom{
    margin: 90px 0 0 0;
  }

  .public_pro .wrap .title h1{
    font-size: 55px;
  }
  .public_pro .wrap .title p{
    font-size: 20px;
  }
}

@media screen and (max-width: 1301px) {
  .public_pro .wrap .bottom .text_r {
    width: fit-content;
    font-size: 23px;
  }
  .public_pro .wrap .bottom{
    padding: 0 0 150px;
  }
  .public_pro .wrap .flex_text .l .list p:nth-child(2) {
    font-size: 16px;
  }
  .public_pro .wrap .flex_text .r p{
    font-size: 16px;
  }

}
@media screen and (max-width: 1210px) {
  .pro_last .wrap .dis .pick{
    margin: 0;
  }
  .pro_last .wrap .dis {
    justify-content: space-between;
    padding: 0 34px 0 0;
  }
  .pro_last .wrap .message {
    font-size: 25px;
    line-height: 45px;
  }
  
.yanzh_box{ width:92%;padding:2.4rem 0 1.2rem 0;margin-bottom:10% }
.yanzh_box .d1{ margin-bottom:.7rem;}
.yanzh_box .d1 img{width:3.55rem; }
.yanzh_box .d2{ font-size:.27rem;line-height:.5rem;margin-bottom:.45rem;}
.yanzh_box .d3{width:100%;}
.yanzh_box .d3 .bx{width:100%; height:.8rem;}
.yanzh_box .d3 input{height:.8rem; line-height:.8rem; border-radius:.12rem;  }
.yanzh_box .d3 .inp1{ width:70%; padding:0 .18rem; font-size:.26rem;}
.yanzh_box .d3 .inp2{ width:28%;font-size:.26rem; }


}


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

  .public_pro .wrap .flex_text .l .list:not(:last-child) {
    margin: 0px 100px 0 0;
  }
}

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

  #my-scrollbar{
    height: auto!important;
  }



  .link_transition {
    display: none;
  }




  .fixed_cursor {
    display: none;
  }


  .fixed_side{
    display: none!important;
  }

  .orb-canvas{
    height: 12vh!important;
  }
 
  .fixed_cursor.fixed_cursor2{
    display: none!important;
  }

  .public_pro .wrap{
    width: 90%;
    margin: 100px auto 40px;
  }
  .public_pro .wrap .title h1{
    font-size: 28px;
    line-height: 1;
    margin: 0 0 15px;
    transform: none!important;
  }
  .public_pro .wrap .title p{
    font-size: 14px;
    transform: none!important;
  }

  .public_pro .wrap .flex_text{
    flex-direction: column;
    align-items: unset;
    margin: 0;
  }
  .public_pro .wrap .flex_text .l{
    flex-direction: column;
    align-items: unset;
  }
  .public_pro .wrap .flex_text .l .list p:first-child{
    margin: 0 20px 0 0;
  }
  .public_pro .wrap .flex_text .r .label{
    margin: 0 8px 0 0;
  }
  .public_pro .wrap .flex_text .r p {
    font-size: 14px;
  }
  .public_pro .wrap .flex_text .l .list:not(:last-child){
    margin: 0 0 12px;
  }
  .public_pro .wrap .flex_text .r{
    margin: 20px 0 0 0;
  }
  .public_pro .wrap .flex_text .l .list p:nth-child(2) {
    font-size: 14px;
  }
  .public_pro .wrap .content{
    width: 100% !important;
    margin: 40px 0 0 0;
  }
  .public_pro .wrap .bottom{
    margin: 50px 0 0 0;
    flex-direction: column;
  }
  .public_pro .wrap .bottom .text_r .p p{
    clip-path: inset(0px 0 0px 0px) !important;
  }
  .public_pro .wrap .bottom .gray{
    margin: 0 0 10px;
  }
  .public_pro .wrap .bottom .text_r{
    display: none;
    font-size: 17px;
    line-height: 2.2;
  }
  .public_pro .wrap .bottom .text_r.sj_text_r{
    display: block!important;
    color: #111;
  }
  .public_pro .wrap .bottom{
    margin: 25px 0 0 0;
    padding: 0 0 30px;
  }

  .public_pro .wrap .bottom .line{
    transform: scaleX(1);
    height: 2px;
  }
  .public_summarize_text p{
    opacity: 1;
    transform: none;
  }
  .public_summarize_text{
    max-width: 100%;
    margin: auto;
  }
  .public_summarize_text {
    font-size: 14px;
    line-height: 38px;
  }
  .public_summarize{
    width: 200px!important;
    height: 82px!important;
    margin: 0 auto 30px!important;
    font-size: 20px!important;
  }
  .public_summarize:before{
    width: 90% !important;
    height: 83% !important;
  }
  .public_summarize_link{
    margin: 25px auto!important;
  }
  .pro_last .wrap{
    margin: 40px auto 250px;
  }
  .pro_last .wrap .line{
    transform: scaleX(1);
    height: 2px;
    margin: 0 0 40px;
  }
  .pro_last .wrap .message p{
    opacity: 1;
    transform: none;
  }
  .pro_last .wrap .message {
    font-size: 14px;
    line-height: 36px;
    margin: 0 0 30px;
  }
  .pro_last .wrap .img {
    margin: 0 auto 33px;
  }
  .pro_last .wrap .dis{
    flex-direction: column;
    padding: 0;
  }
  .pro_last .wrap .dis .pick {
    font-size: 13px;
    line-height: 2.5;
    margin: 0 0 20px;
    text-align: center;
  }
  .pro_last .wrap .next_case {
    padding: 40px 0 0 0;
    margin: 60px 0 0 0;
  }
  .pro_last .wrap .next_case .picture{
    width: 100%;
  }
  .pro_last .wrap .next_case .center span{
    margin: 0 0 35px;
  }
  .pro_last .wrap .next_case .center p{
    margin: 0 0 20px;
  }
  .public_text{
    font-size: 20px!important;
    line-height: 40px!important;
    display: none!important;
  }
  .public_text.sj_text{
    display: block!important;
  }

  body > [data-opacity] {
    overflow: unset!important;
  }

  .common_paging a{
    width: 44px;
    height: 44px;
    font-size: 14px;
  }
  .common_paging a .iconfont{
    font-size: 16px;
  }
  .nlink{ margin:0 auto; margin-top:.44rem; width:3.15rem; height:.72rem; line-height:.72rem; font-size:.3rem;}
  .nlink img{width:.32rem;}
  
  
  .header .header-nav .m-btns{display:block!important}
}






/*# sourceMappingURL=style.css.map */