@font-face {
  font-family: "ITCAvantGardeStd-XLt";
  src: url(../fonts/ITCAvantGardeStd-XLt.cca35357.otf);
}
@font-face {
  font-family: "AVNT_0";
  src: url(https://cdn.seniorart.cn/static/fonts/qct5b-r7ghm.ttf);
}


@font-face {
  font-family: "BMW Type Web Bold All";
  src: url(../fonts/MyriadWebPro-Bold.ttf);
}

@font-face {
  font-family: "AvantGarde Bk BT";
  src: url(../fonts/AvantGardeITCbyBT-Demi.otf);
}

@font-face {
  font-family: "AvantGardeGothicC";
  src: url(../fonts/AvantGardeGothicC-Demi.otf);
}

@font-face {
  font-family: "Shiseido Neue";
  src: url(../fonts/ShiseidoNeueBold.otf);
}

@font-face {
  font-family: "DIN";
  src: url(../fonts/DIN-Bold.otf);
}

@font-face {
  font-family: "Branch";
  src: url(../fonts/BRANCH.TTF);
}

@font-face {
  font-family: "Lovelo";
  src: url(../fonts/Lovelo_Black.otf);
}

* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  font-family: 'ITCAvantGardeStd-XLt', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: 'ITCAvantGardeStd-XLt', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  background: #F2F1E4;
  user-select: none;
}

body.isScroll {
  height: 100vh;
  overflow: hidden;
}

body.isScroll_ {
  overflow: hidden;
}

:root {
  --color: #fff;
  --background: #171717;
  --filter: invert(100%);
}

*,
*::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;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 87px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 80px 0 55px;
  z-index: 9999;
  transition: .6s;
  border-bottom: 1px solid transparent;
}

.header .l {
  display: flex;
  height: 100%;
  align-items: center;
}

.header .l .logo {
  width: 109px;
}

.header .l .logo img {
  width: 100%;
  transition: .6s;
}

.header .l .nav {
  display: flex;
  gap: 40px;
  height: 100%;
  margin: 0 0 0 98px;
}

.header .l .nav li {
  cursor: pointer;
  height: 100%;
  position: relative;
}

.header .l .nav li .flex_wrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.header .l .nav li .flex_wrap a {
  font-weight: 400;
  height: 100%;
  font-size: 16px;
  color: #FFFFFF;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .l .nav li .flex_wrap .iconfont {
  color: #FF770F;
  font-size: 12px;
  margin: 0 0 0 7px;
  transform: rotate(90deg);
}

.header .l .nav li .level {
  position: absolute;
  top: 86px;
  left: -102px;
  z-index: 55;
  display: flex;
  transition: .5s;
  height: 0;
  overflow: hidden;
  box-shadow: 0 3px 29px -8px rgba(192, 196, 204, 0.7);
}

.header .l .nav li .level .jump {
  width: 1000px;
  height: 100%;
  background: #F2F1E4;
  border-radius: 5px;
  border: 1px solid #DDDCCE;
  display: flex;
}

.header .l .nav li .level .jump .jump_l {
  width: fit-content;
  padding: 20px 36px 30px 30px;
  border-right: 1px solid #DDDCCE;
}

.header .l .nav li .level .jump .jump_l .list {
  width: 328px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 50px;
  transform: translateY(40px);
  opacity: 0;
  transition: .4s;
}

.header .l .nav li:hover .level.level2{
  height: 492px;
}

.header .l .nav li .level.level2 .jump{
  width: 1409px;
}
.header .l .nav li .level .jump .jump_l .list.list2{
  border-radius: 10px;
}
.header .l .nav li .level .jump .jump_l .list.list2 .dis{
  flex-direction: column;
  align-items: unset;
  gap: 11px;
  width: 90%;
}
.header .l .nav li .level .jump .jump_l .list.list2 .dis p{
  width: 100%;
  line-height: 22px;
}

.header .l .nav li .level .jump .jump_l .list.list2 .dis p a{
  display: inline;
  font-weight: 500;
  font-size: 14px;
  color: #8E8E8E;
  transition: all 0.4s;
}
.header .l .nav li .level .jump .jump_l .list.list2 .dis p a:hover{
  color: #184DC4;
}
.header .l .nav li .level .jump .jump_l .list .dis {
  display: flex;
  align-items: center;
}

.header .l .nav li .level .jump .jump_l .list:not(:last-child) {
  margin: 0 0 10px;
}

.header .l .nav li .level .jump .jump_l .list .img {
  width: 27px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 17px 0 0;
}

.header .l .nav li .level .jump .jump_l .list span {
  font-weight: bold;
  font-size: 13px;
  color: #010101;
  margin: 0 24px 0 0;
  transition: all 0.4s;
}

.header .l .nav li .level .jump .jump_l .list.list2 span{
  font-size: 16px;
}

.header .l .nav li .level .jump .jump_l .list p {
  font-weight: 500;
  font-size: 12px;
  color: #8E8E8E;
  transition: all 0.4s;
}

.header .l .nav li .level .jump .jump_l .list .icons {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-left: auto;
}

.header .l .nav li .level .jump .jump_l .list .icons i {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transform: translateX(-100%);
  transition: all 0.5s;
}

.header .l .nav li .level .jump .jump_l .list .icons i svg {
  width: 50%;
  height: 50%;
  transform: rotateZ(-90deg);
}

.header .l .nav li .level .jump .jump_l .list .icons i svg path {
  fill: #184DC4;
  fill-rule: evenodd;
}

.header .l .nav li .level .jump .jump_l .list .icons i:nth-child(2) svg path {
  fill: #8E8E8E;
}

.header .l .nav li .level .jump .jump_l .list:hover {
  background: rgba(255, 255, 255, 0.6);
}

.header .l .nav li .level .jump .jump_l .list:hover .icons i {
  transform: translateX(0);
}

.header .l .nav li .level .jump .jump_l .list:hover .dis span {
  color: #184DC4;
}

.header .l .nav li .level .jump .jump_l .list:hover .dis span, .header .l .nav li .level .jump .jump_l .list:hover .dis p {
  transform: translateX(0.4rem);
}

.header .l .nav li .level .jump .jump_l .list:nth-child(1) {
  transition: all 0.4s 0.1s;
}

.header .l .nav li .level .jump .jump_l .list:nth-child(2) {
  transition: all 0.4s 0.15s;
}

.header .l .nav li .level .jump .jump_l .list:nth-child(3) {
  transition: all 0.4s 0.2s;
}

.header .l .nav li .level .jump .jump_l .list:nth-child(4) {
  transition: all 0.4s 0.25s;
}

.header .l .nav li .level .jump .jump_l .list:nth-child(5) {
  transition: all 0.4s 0.3s;
}

.header .l .nav li .level .jump .jump_l .list:nth-child(6) {
  transition: all 0.4s 0.35s;
}
.header .l .nav li .level .jump .jump_l .list:nth-child(7) {
  transition: all 0.4s 0.4s;
}
.header .l .nav li .level .jump .jump_l .list:nth-child(8) {
  transition: all 0.4s 0.45s;
}
.header .l .nav li .level .jump .jump_l .list:nth-child(9) {
  transition: all 0.4s 0.50s;
}
.header .l .nav li .level .jump .jump_l .list:nth-child(10) {
  transition: all 0.4s 0.55s;
}


.header .l .nav li .level .jump .jump_text {
  padding: 36px 0 10px 22px;
  margin: 0 80px 0 0;
}

.header .l .nav li .level .jump .jump_text span {
  font-weight: 500;
  font-size: 12px;
  color: #8E8E8E;
  margin: 0 0 20px;
  display: block;
}

.header .l .nav li .level .jump .jump_text a {
  font-weight: 500;
  font-size: 12px;
  color: #8E8E8E;
  display: block;
  line-height: 29px;
  transition: all 0.4s;
}

.header .l .nav li .level .jump .jump_text a:hover {
  transform: translateX(5px);
  color: #184DC4;
}

.header .l .nav li .level .jump .jump_other {
  margin: 53px 0 0 0;
  height: fit-content;
}

.header .l .nav li .level .jump .jump_other img {
  width: 121px;
  height: 181px;
  margin: 0 0 13px;
  display: block;
}

.header .l .nav li .level .jump .jump_other span {
  font-weight: bold;
  font-size: 13px;
  color: #000000;
  margin: 0 0 6px;
  display: block;
}

.header .l .nav li .level .jump .jump_other a {
  font-weight: 400;
  font-size: 12px;
  color: #184DC4;
  display: block;
}

.header .l .nav li .level .w_pick {
  width: 511px;
  font-weight: 500;
  font-size: 13px;
  color: #3D3D3D;
  line-height: 38px;
  margin: 168px 0 0 7px;
  display: none;
}

.header .l .nav li:hover .level {
  height: 320px;
}

.header .l .nav li:hover .level .jump .jump_l .list {
  opacity: 1;
  transform: translateY(0);
}

.header .r {
  display: flex;
  align-items: center;
}

.header .r .sun {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.header .r .sun .iconfont {
  font-size: 23px !important;
  color: #fff;
  transition: .6s;
}

.header .r .sun .iconfont:nth-child(1) {
  transition-delay: .2s;
}

.header .r .sun .iconfont:nth-child(2) {
  font-size: 18px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: .6s;
  transform: translateY(120%);
}

.header.on {
  background: #F2F1E4;
}

.header.on .l .logo img {
  filter: invert(1);
}

.header.on .l .nav li .flex_wrap a {
  color: #000;
}

.header.on .r .sun .iconfont {
  color: #000;
}

.header.on {
  background: #F2F1E4;
}
.header.on .menu{
  filter: var(--filter);
}

.header.sj_on .l .logo img {
  filter: invert(1);
}

.header.sj_on .l .nav li .flex_wrap a {
  color: #000;
}

.header.sj_on .r .sun .iconfont {
  color: #000;
}
.header.sj_on .menu{
  filter: var(--filter);
}

.header.hide {
  transform: translateY(-100%);
}

.header.undertone {
  border-bottom: 1px solid #DDDCCE;
  background: #F2F1E4;
}

.header.undertone .l .logo img {
  filter: invert(1);
}

.header.undertone .l .nav li .flex_wrap a {
  color: #000;
}

.header.undertone .r .sun .iconfont {
  color: #000;
}



/**/
@media screen and (max-width: 1919px) {
  .header{
    height: 4.53125vw;
    padding: 0px 4.1666666667vw 0px 2.8645833333vw;
  }
  .header .l .logo{
    width: 5.6770833333vw;
  }
  .header .l .nav{
    gap: 2.0833333333vw;
    margin: 0px 0px 0px 5.1041666667vw;
  }
  .header .l .nav li .flex_wrap a{
    font-size: 0.8333333333vw;
  }
  .header .l .nav li .flex_wrap .iconfont{
    font-size: 0.625vw;
    margin: 0px 0px 0px 0.3645833333vw;
  }
  .header .l .nav li .level{
    top: 4.4791666667vw;
    left: -5.3125vw;
    box-shadow: rgba(192, 196, 204, 0.7) 0px 0.15625vw 1.5104166667vw -0.4166666667vw;
  }
  .header .l .nav li .level .jump{
    width: 52.0833333333vw;
    border-radius: 0.2604166667vw;
  }
  .header .l .nav li .level .jump .jump_l{
    padding: 1.0416666667vw 1.875vw 1.5625vw 1.5625vw;
  }
  .header .l .nav li .level .jump .jump_l .list{
    width: 17.0833333333vw;
    padding: 0.5208333333vw 1.0416666667vw;
    border-radius: 2.6041666667vw;
    transform: translateY(2.0833333333vw);
  }
  .header .l .nav li:hover .level.level2{
    height: 25.625vw;
  }
  .header .l .nav li .level.level2 .jump{
    width: 73.3854166667vw;
  }
  .header .l .nav li .level .jump .jump_l .list.list2{
    border-radius: 0.5208333333vw;
  }
  .header .l .nav li .level .jump .jump_l .list.list2 .dis{
    gap: 0.5729166667vw;
  }
  .header .l .nav li .level .jump .jump_l .list.list2 .dis p{
    line-height: 1.1458333333vw;
  }
  .header .l .nav li .level .jump .jump_l .list.list2 .dis p a{
    font-size: 0.7291666667vw;
  }
  .header .l .nav li .level .jump .jump_l .list:not(:last-child){
    margin: 0px 0px 0.5208333333vw;
  }
  .header .l .nav li .level .jump .jump_l .list .img{
    width: 1.40625vw;
    height: 1.3541666667vw;
    margin: 0px 0.8854166667vw 0px 0px;
  }
  .header .l .nav li .level .jump .jump_l .list span{
    font-size: 0.6770833333vw;
    margin: 0px 1.25vw 0px 0px;
  }
  .header .l .nav li .level .jump .jump_l .list.list2 span{
    font-size: 0.8333333333vw;
  }
  .header .l .nav li .level .jump .jump_l .list p{
    font-size: 0.625vw;
  }
  .header .l .nav li .level .jump .jump_l .list .icons{
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
  .header .l .nav li .level .jump .jump_text{
    padding: 1.875vw 0px 0.5208333333vw 1.1458333333vw;
    margin: 0px 4.1666666667vw 0px 0px;
  }
  .header .l .nav li .level .jump .jump_text span{
    font-size: 0.625vw;
    margin: 0px 0px 1.0416666667vw;
  }
  .header .l .nav li .level .jump .jump_text a{
    font-size: 0.625vw;
    line-height: 1.5104166667vw;
  }
  .header .l .nav li .level .jump .jump_text a:hover{
    transform: translateX(0.2604166667vw);
  }
  .header .l .nav li .level .jump .jump_other{
    margin: 2.7604166667vw 0px 0px;
  }
  .header .l .nav li .level .jump .jump_other img{
    width: 6.3020833333vw;
    height: 9.4270833333vw;
    margin: 0px 0px 0.6770833333vw;
  }
  .header .l .nav li .level .jump .jump_other span{
    font-size: 0.6770833333vw;
    margin: 0px 0px 0.3125vw;
  }
  .header .l .nav li .level .jump .jump_other a{
    font-size: 0.625vw;
  }
  .header .l .nav li .level .w_pick{
    width: 26.6145833333vw;
    font-size: 0.6770833333vw;
    line-height: 1.9791666667vw;
    margin: 8.75vw 0px 0px 0.3645833333vw;
  }
  .header .l .nav li:hover .level{
    height: 16.6666666667vw;
  }
  .header .r .sun{
    top: 0.1041666667vw;
  }
  .header .r .sun .iconfont{
    font-size: 1.1979166667vw !important;
  }
  .header .r .sun .iconfont:nth-child(2){
    font-size: 0.9375vw;
  }
}
/**/
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;
}

footer {
  position: relative;
  z-index: 99;
  overflow: unset !important;
}

footer .foo_center {
  position: absolute;
  z-index: 56;
  left: 50%;
  transform: translate(-50%, -100%);
  text-align: center;
  top: 70px;
}

footer .foo_center p {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  margin: 0 0 35px;
}

footer .foo_center h1 {
  font-weight: 400;
  font-size: 42px;
  color: #000000;
}

footer .position_circle {
  width: 134px;
  height: 134px;
  margin: 35px auto 0;
}

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

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

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

footer .position_circle .circle .cir img {
  width: 100%;
  height: 100%;
  animation: ants 10s linear infinite;
}

footer .position_circle .circle .text {
  display: flex;
  align-items: center;
  position: relative;
  left: 3px;
}

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

footer .position_circle .circle .text .overflow {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

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

footer .position_circle .circle:hover::before {
  filter: blur(10px);
  transform: scale(1.1);
}

.footer {
  background: #F2F1E4;
  overflow: hidden;
  position: relative;
}

.footer .wrap {
  width: 1640px;
  margin: 146px auto 111px;
  max-width: 90%;
}

.footer .wrap .content {
  display: flex;
}

.footer .wrap .content .message {
  margin: 0 145px 0 0;
}

.footer .wrap .content .message .text {
  font-weight: bold;
  font-size: 18px;
  color: #7B7B7B;
  line-height: 32px;
  margin: 0 0 27px;
}

.footer .wrap .content .message .tel p, .footer .wrap .content .message .tel a {
  font-weight: bold;
  font-size: 19px;
  color: #2D2D2D;
  line-height: 40px;
}

.footer .wrap .content .message .tel a {
  font-size: 45px;
  font-family: "ITCAvantGardeStd-XLt", sans-serif !important;
  font-weight: 100;
  margin: 15px 0 0 0;
  display: block;
}

.footer .wrap .content .pick {
  margin: 0 155px 0 0;
}

.footer .wrap .content .pick p {
  font-weight: 200;
  font-size: 16px;
  color: #000000;
  line-height: 33px;
}

.footer .wrap .content .code {
  text-align: center;
  margin: 0 0 0 50px;
  position: relative;
  left: 20px;
}

.footer .wrap .content .code img {
  width: 115px;
  margin: 0 auto 13px;
}

.footer .wrap .content .code p {
  font-weight: 200;
  font-size: 14px;
  color: #000000;
}

.footer .wrap .link {
  margin: 55px 0 0 0;
  font-weight: 200;
  font-size: 14px;
  color: #000000;
  line-height: 28px;
  display: inline-block;
}

.footer .wrap .link a {
  color: #000000;
}

/*  */
.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, footer {
  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 p {
  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
}

.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;
}



@media screen and (max-width: 1785px) {
  .footer .wrap .content .pick {
    margin: 0 9% 0 0;
  }

  .footer .wrap .content .message {
    margin: 0 4% 0 0;
  }
}

@media screen and (max-width: 1600px) {
  .footer .wrap .content .code {
    margin: 0;
  }

  .footer .wrap .content .pick {
    margin: 0 7% 0 0;
  }
}

@media screen and (max-width: 1490px) {
  .footer .wrap .content .pick {
    margin: 0 5% 0 0;
  }
}

@media screen and (max-width: 1405px) {
  .footer .wrap .content .pick {
    margin: 0 3% 0 0;
  }

  .footer .wrap .content .pick p {
    font-size: 15px;
  }

  .footer .wrap .content .message .tel a {
    font-size: 40px;
  }

  .footer .wrap .content .message .tel p {
    font-size: 17px;
  }

  .footer .wrap .content .message .text {
    font-size: 16px;
  }

  .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;
  }
  .header .l .nav{
    gap: 28px;
    margin: 0 0 0 50px;
  }
  .header .l .nav li .flex_wrap a{
    font-size: 14px;
  }
}

@media screen and (max-width: 1185px) {
  .footer .wrap .content .pick p {
    font-size: 14px;
  }

  .footer .wrap .content .message .text {
    font-size: 15px;
    line-height: 27px;
  }

  .footer .wrap .content .message .tel a {
    font-size: 30px;
    margin: 0;
  }

  .footer .wrap .content .message .tel p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1133px) {
  .footer .wrap .content .pick p {
    font-size: 13px;
  }

  .footer .wrap .content .message .tel a {
    font-size: 28px;
  }

  .footer .wrap .content .message .tel p {
    font-size: 13px;
  }

  .footer .wrap .content .message .text {
    font-size: 13px;
    line-height: 23px;
  }
  .public_pro .wrap .flex_text .l .list:not(:last-child) {
    margin: 0px 100px 0 0;
  }
}

@media screen and (max-width: 1055px) {
  .header .l .nav {
    gap: 20px;
    margin: 0 0 0 40px;
  }
  .header .l .nav li .flex_wrap a {
    font-size: 13px;
  }
}

@media screen and (max-width: 1024px) {
  .header .r .sun .iconfont{
    font-size: 22px!important;
  }
  #my-scrollbar{
    height: auto!important;
  }

  .header {
    padding: 0 5%;
  }

  .link_transition {
    display: none;
  }

  .header .l .nav {
    display: none;
  }

  .header {
    height: 70px;
  }

  .header .l .logo {
    width: 97px;
  }

  .fixed_cursor {
    display: none;
  }

  .header .r .sun{
    top: 0;
  }

  .header{
    height: 60px;
  }
  .footer .wrap .content .message .tel a {
    font-size: 27px;
  }

  .fixed_side{
    display: none!important;
  }

  .orb-canvas{
    height: 12vh!important;
  }
  .footer .wrap .content{
    flex-direction: column;
  }
  .footer .wrap .content .message{
    margin: 0;
  }
  .footer .wrap .content{
    text-align: center;
  }
  .footer .wrap .content .pick{
    margin: 10px 0;
  }
  .footer .wrap .content .code{
    margin: 15px 0 0 0;
    left: 0;
  }
  .footer .wrap .link {
    text-align: center;
    margin: 35px 0 0 0;
    font-size: 13px;
    width: 100%;
  }
  .footer .wrap {
    margin: 117px auto 57px;
    max-width: 95%;
  }

  .acquiesce .header{
    background: #F2F1E4;
  }

  .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;
  }
}

@media screen and (max-width: 820px) {
  footer .foo_center p{
    font-size: 14px;
  }
  footer .foo_center h1{
    font-size: 32px;
  }
  footer .foo_center p {
    margin: 0 0 24px;
  }
  footer .foo_center{
    width: 100%;
  }
  footer .foo_center h1 {
    font-size: 27px;
  }
  footer .foo_center p {
    margin: 0 0 19px;
  }
  .footer .wrap {
    margin: 99px auto 57px;
    max-width: 90%;
  }
  .footer .wrap .link{
    font-size: 11px;
  }
  .footer .wrap {
    margin: 99px auto 29px;
  }
}


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