.nav-active-important {
  color: #0046DC;
}

.middle {
  width: 1200px;
  margin: 0 auto;
}


.font-desc {
  display: flex;
  width: 1200px;
  /* height: 59px; */
  padding: 0px 5px 4px 5px;
  justify-content: center;
  align-items: center;
  /* gap: 10px; */
  /* flex-shrink: 0; */
  border-radius: 2px;

  color: #666;
  text-align: center;
  font-family: PingFang SC;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}


/* 字体 */
* {
  color: #000;
  /* text-align: center; */
  font-family: PingFang SC;
  font-style: normal;
  /* line-height: normal; */
}

.fs-56 {
  font-size: 56px;
}

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

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

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

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

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

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

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

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

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

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

.fw-500 {
  font-weight: 500;
}

.fw-400 {
  font-weight: 400;
}

.fw-600 {
  font-weight: 600;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

.ta-justify {
  text-align: justify;
}

.color-white {
  color: #FFF;
}

.color-gray {
  color: #666;
}

.color-main {
  color: #0046DC;
}

.color-black {
  color: #333;
}

.color-555 {
  color: #555;
}

.color-666 {
  color: #666;
}

.color-red {
  color: red;
}

/* 宽高 */
.w-300 {
  width: 300px;
}

.w-370 {
  width: 370px;
}

.w-372 {
  width: 372px;
}

.w-320 {
  width: 320px;
}

.w-225 {
  width: 225px;
}

.w-340 {
  width: 340px;
}

.w-1440 {
  width: 1440px;
}

.w-141 {
  width: 141px;
}

.w-1 {
  width: 1px;
}

.w-1023 {
  width: 1023px;
}

.w-61 {
  width: 61px;
}

.w-86 {
  width: 86px;
}

.w-186 {
  width: 186px;
}

.w-96 {
  width: 96px;
}

.w-125 {
  width: 125px;
}

.w-1141 {
  width: 1141px;
}

.w-324 {
  width: 300px;
}

.w-455 {
  width: 455px;
}

.w-490 {
  width: 490px;
}

.w-100 {
  width: 100px;
}

.w-per-100 {
  width: 100%;
}

.h-per-100 {
  height: 100%;
}

.w-1030 {
  width: 1030px;
}

.w-390 {
  width: 390px;
}

.w-297 {
  width: 300px;
}

.w-2753 {
  width: 2753px !important
}

.w-176 {
  width: 176px;
}

.w-9999 {
  width: 9999px;
}

.w-170 {
  width: 170px;
}

.w-592 {
  width: 592px;
}

.w-388 {
  width: 388px;
}

.w-338 {
  width: 338px;
}

.w-389 {
  width: 389px;
}

.w-1088 {
  width: 1088px;
}

.w-588 {
  width: 588px;
}

.w-696 {
  width: 696px;
}

.w-407 {
  width: 407px;
}

.w-145 {
  width: 145px;
}

.w-1493 {
  width: 1493px;
}

.w-288 {
  width: 288px;
}

.w-282 {
  width: 282px;
}

.w-494 {
  width: 494px;
}

.w-228 {
  width: 228px;
}

.w-240 {
  width: 240px;
}

.w-120 {
  width: 120px;
}

.w-600 {
  width: 600px;
}

.w-1200 {
  width: 1200px;
}

.w-400 {
  width: 400px;
}

.w-190 {
  width: 190px;
}

.w-1920 {
  width: 1920px;
}

.w-290 {
  width: 290px;
}

.w-260 {
  width: 260px;
}

.w-152 {
  width: 152px;
}

.w-157 {
  width: 157px;
}

.h-635 {
  height: 635px;
}

.h-60 {
  height: 60px;
}

.h-0 {
  height: 0px;
}

.h-50 {
  height: 50px;
}

.h-628 {
  height: 628px;
}

.h-365 {
  height: 365img1ipx;
}

.h-47 {
  height: 47px;
}

.h-507 {
  height: 507px;
}

.h-741 {
  height: 741px;
}

.h-391 {
  height: 391px;
}

.h-1582 {
  height: 1582px;
}

.h-808 {
  height: 808px;
}

.h-610 {
  height: 610px;
}

.h-500 {
  height: 500px;
}

.h-auto {
  height: auto !important
}

.h-350 {
  height: 350px;
}

.h-344 {
  height: 344px;
}

.h-555 {
  height: 555px;
}

.h-524 {
  height: 524px;
}

.h-821 {
  height: 821px;
}

.h-811 {
  height: 811px;
}

.h-675 {
  height: 675px;
}

.h-868 {
  height: 868px;
}

.h-757 {
  height: 757px;
}

.h-516 {
  height: 516px;
}

.h-562 {
  height: 562px;
}

.h-654 {
  height: 654px;
}

.h-546 {
  height: 546px;
}

.h-45 {
  height: 45px;
}

.h-450 {
  height: 450px;
}

.h-461 {
  height: 461px;
}

.h-1 {
  height: 1px;
}

.h-166 {
  height: 166px;
}

.h-145 {
  height: 145px;
}

.h-100 {
  height: 100px;
}

.h-108 {
  height: 108px;
}

.h-194 {
  height: 194px;
}

.h-617 {
  height: 617px;
}

.h-1608 {
  height: 1608px;
}

.h-1059 {
  height: 1059px;
}

.h-137 {
  height: 137px;
}

.h-114 {
  height: 114px;
}

.h-941 {
  height: 941px;
}

.h-902 {
  height: 902px;
}

.h-952 {
  height: 952px;
}

.h-947 {
  height: 947px;
}

.h-664 {
  height: 664px;
}

.h-747 {
  height: 747px;
}

.h-1573 {
  height: 1573px;
}

.h-157 {
  height: 157px;
}

.h-1175 {
  height: 1175px !important
}

.h-35 {
  height: 35px;
}

.h-522 {
  height: 522px !important
}

.h-320 {
  height: 320px;
}

.h-918 {
  height: 918px;
}

.h-20 {
  height: 20px;
}

.h-200 {
  height: 200px;
}

.h-252 {
  height: 252px;
}

.h-960 {
  height: 960px;
}

.h-694 {
  height: 694px;
}

.h-566 {
  height: 566px;
}

.h-578 {
  height: 578px;
}

.h-2 {
  height: 2px;
}

.h-21 {
  height: 21px;
}

.h-242 {
  height: 242px;
}

.h-230 {
  height: 230px;
}

.h-191 {
  height: 191px;
}

.h-661 {
  height: 661px;
}

.h-531 {
  height: 531px;
}

.h-228 {
  height: 228px;
}

.h-859 {
  height: 859px;
}

.h-614 {
  height: 614px;
}

.h-61 {
  height: 61px;
}

.h-618 {
  height: 618px;
}

.h-380 {
  height: 380px;
}

.h-505 {
  height: 505px;
}

.h-742 {
  height: 742px;
}

.h-796 {
  height: 796px;
}

.h-30 {
  height: 30px;
}

.h-318 {
  height: 318px;
}

.h-156 {
  height: 156px;
}

.h-154 {
  height: 154px;
}

.h-111 {
  height: 111px;
}

.h-764 {
  height: 764px;
}

.h-706 {
  height: 706px;
}

.h-702 {
  height: 702px;
}

.h-400 {
  height: 400px;
}

.h-415 {
  height: 400px;
}

.h-120 {
  height: 120px;
}

.h-170 {
  height: 170px;
}

.h-177 {
  height: 177px;
}

.h-628 {
  height: 628px;
}

.h-872 {
  height: 872px;
}

.h-623 {
  height: 623px;
}

.h-622 {
  height: 622px;
}

.h-112 {
  height: 112px;
}

.h-53 {
  height: 53px;
}

.h-523 {
  height: 523px;
}

.h-65 {
  height: 65px;
}

.h-651 {
  height: 651px;
}

.h-422 {
  height: 422px;
}

.h-42 {
  height: 42px;
}

.h-763 {
  height: 763px;
}

.h-626 {
  height: 626px;
}

.h-481 {
  height: 481px;
}

.h-48 {
  height: 48px;
}

.h-1345 {
  height: 1345px;
}

.h-399 {
  height: 399px;
}

.h-491 {
  height: 491px;
}

.h-490 {
  height: 490px;
}

.h-442 {
  height: 442px;
}

.h-712 {
  height: 712px;
}

.h-334 {
  height: 334px;
}

.h-530 {
  height: 530px;
}

.h-59 {
  height: 59px;
}

.h-298 {
  height: 298px;
}

.h-290 {
  height: 290px;
}

.h-62 {
  height: 62px;
}

.h-42 {
  height: 42px;
}

.h-245 {
  height: 245px;
}

.h-72 {
  height: 72px;
}

.h-20 {
  height: 20px;
}

.h-40 {
  height: 40px;
}

.h-304 {
  height: 304px;
}

.h-589 {
  height: 589px;
}

.w-64 {
  width: 64px;
}

.w-341 {
  width: 341px;
}

.w-1166 {
  width: 1166px;
}

.w-1160 {
  width: 1160px;
}

.w-500 {
  width: 500px;
}

.w-515 {
  width: 515px;
}

.w-62 {
  width: 62px;
}

.w-67 {
  width: 67px;
}

.h-64 {
  height: 64px;
}

.h-547 {
  height: 547px;
}

.h-588 {
  height: 588px;
}

.h-647 {
  height: 647px;
}

.h-101 {
  height: 101px;
}

.h-680 {
  height: 680px;
}

.h-682 {
  height: 682px;
}

.h-211 {
  height: 211px;
}

.h-363 {
  height: 363px;
}

.h-368 {
  height: 368px;
}

.h-569 {
  height: 569px;
}

.h-458 {
  height: 458px;
}

.h-43 {
  height: 43px;
}

.h-430 {
  height: 430px;
}

.h-436 {
  height: 436px;
}

.h-474 {
  height: 474px;
}

.h-601 {
  height: 601px;
}

.h-600 {
  height: 600px;
}

.h-607 {
  height: 607px;
}

.h-536 {
  height: 536px;
}

.h-196 {
  height: 196px;
}

.h-190 {
  height: 190px;
}

/* 内外边距 */
.mt-48 {
  margin-top: 48px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-33 {
  margin-top: 33px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-82 {
  margin-top: 82px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-26 {
  margin-top: 26px;
}

.mt-47 {
  margin-top: 47px;
}

.mt-37 {
  margin-top: 37px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-35 {
  margin-top: 35px;
}

.pt-69 {
  padding-top: 69px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-97 {
  padding-top: 97px;
}

.pt-132 {
  padding-top: 132px;
}

.pt-23 {
  padding-top: 23px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-36 {
  padding-top: 36px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-46 {
  padding-top: 46px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-76 {
  padding-top: 76px;
}

.pt-71 {
  padding-top: 71px;
}

.pt-68 {
  padding-top: 68px;
}

.pt-88 {
  padding-top: 88px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-73 {
  padding-top: 73px;
}

.pt-43 {
  padding-top: 43px;
}

.pt-48 {
  padding-top: 48px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-53 {
  margin-top: 53px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-54 {
  margin-top: 54px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-52 {
  margin-top: 52px;
}

.mt-11 {
  margin-top: 11px;
}

.mt-22 {
  margin-top: 22px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-27 {
  margin-top: 27px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-41 {
  margin-top: 41px;
}

.mt-103 {
  margin-top: 103px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-30-i {
  margin-top: 30px !important
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-116 {
  margin-bottom: 116px;
}

.mb-127 {
  margin-bottom: 127px;
}

.mb-166 {
  margin-bottom: 166px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mb-163 {
  margin-bottom: 163px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mr-49 {
  margin-right: 49px;
}

.ml-49 {
  margin-left: 49px;
}

.ml-39 {
  margin-left: 39px;
}

.mr-39 {
  margin-right: 39px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-54 {
  padding-top: 54px;
}

.pt-38 {
  padding-top: 38px;
}

.pt-66 {
  padding-top: 55px;
}

.pt-53 {
  padding-top: 53px;
}

.pt-113 {
  padding-top: 113px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-42 {
  padding-top: 42px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-127 {
  padding-top: 127px;
}

.pt-39 {
  padding-top: 39px;
}

.pt-26 {
  padding-top: 26px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pt-118 {
  padding-top: 118px;
}

.p-019019 {
  padding: 0 19px 0 19px;
}

.p-024 {
  padding: 0 24px;
}

.p-036 {
  padding: 0 36px;
}

.p-428 {
  padding: 4px 28px 4px 28px;
}

.p-032032 {
  padding: 0 32px 0 32px;
}

.p-0545 {
  padding: 0 5px 4px 5px;
}

.p-026026 {
  padding: 0 26px 0 26px;
}

.padding-16 {
  padding: 16px;
}

.padding-016 {
  padding: 0 16px;
}

.padding-3616 {
  padding: 36px 16px;
}

.padding-418 {
  padding: 4px 18px;
}

.padding-10 {
  padding: 10px;
}

.padding-1624 {
  padding: 16px 24px;
}

.padding-032 {
  padding: 0px 32px;
}

.pl-52 {
  padding-left: 52px;
}

.pl-77 {
  padding-left: 77px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-38 {
  padding-left: 38px;
}

.pr-38 {
  padding-right: 38px;
}

.pr-20 {
  padding-right: 20px;
}

/* flex */
.flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-jcc {
  justify-content: center;
}

.flex-jcsa {
  justify-content: space-around;
}

.flex-aic {
  align-items: center;
}

.flex-1 {
  flex: 1;
}

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

.flex-jcfs {
  justify-content: flex-start;
}

.gap-8 {
  gap: 8px;
}

.gap-16 {
  gap: 16px;
}

.gap-96 {
  gap: 96px;
}

.gap-12 {
  gap: 12px;
}

.gap-24 {
  gap: 24px;
}

.gap-27 {
  gap: 27px;
}

.gap-14 {
  gap: 14px;
}

.gap-20 {
  gap: 20px;
}

/* 背景 */
.bg {
  position: relative;
  background: rgba(54, 54, 54, 0.9);
  z-index: 999;
}


.op-6 {
  opacity: 0.6;
}

.op-4 {
  opacity: 0.4;
}

.op-8 {
  opacity: 0.8;
}

.lh-nor {
  line-height: normal;
}

.lh-160 {
  line-height: 160%;
}

.lh-40 {
  line-height: 40px;
}

.bgc-000 {
  background: #000;
}

.bgc-main {
  background: #0046DC;
}

.bgc-f {
  background: #FFF;
}

.bgc-36 {
  background: #363636;
}

.bc-bule {
  background: #EAF1FD;
}

.bc-white {
  background: #FFF;
}

.bc-blue-ga {
  background: linear-gradient(180deg, #0046DC 0%, #5CA5F2 120.97%);
}

.border {
  border: 1px solid rgba(188, 188, 188, 0.30);
}

.border-skyblue {
  border: 1px solid rgba(0, 70, 220, 0.20);
}

.border-white {
  border: 1px solid #FFF;
}

.border-black {
  border: 1px solid #333;
}

.border-lowblue {
  border: 1px solid rgba(0, 70, 220, 0.20);
}

.shadow {
  box-shadow: 0px 0px 16px 0px rgba(0, 70, 220, 0.08);
}

.border-box {
  box-sizing: border-box;
}

.br-91 {
  border-radius: 91px;
}

.br-100 {
  border-radius: 100px;
}

.br-2 {
  border-radius: 2px;
}

.br-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.br-0080 {
  border-radius: 0px 0px 8px 0px;
}

.br-4 {
  border-radius: 4px;
}

.active {
  /* background-color: #0046DC; */
  color: white;
}

.click-active {
  background-color: #0046DC;
  color: white;
}

.lh-53 {
  line-height: 53px;
}

.lh-42 {
  line-height: 42px;
}

.lh-65 {
  line-height: 65px;
}

.center {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.cursor-p {
  cursor: pointer;
}

.position-r {
  position: relative;
}

.position-a {
  position: absolute;
}

.l-30 {
  left: 30px;
}

.l--37 {
  left: -37px;
}

.l--30 {
  left: -30px;
}

.l-360 {
  left: -360px;
}

.l-0 {
  left: 0px;
}

.l-812 {
  left: 812px;
}

.l-77 {
  left: 77px;
}

.l-774 {
  left: 774px;
}

.l-57 {
  left: 57px;
}

.l-792 {
  left: 792px;
}

.r-0 {
  right: 0px;
}

.t-0 {
  top: 0px;
}

.t-74 {
  top: 74px;
}

.t-67 {
  top: 67px;
}

.t-64 {
  top: 64px;
}

.t-62 {
  top: 62px;
}

.t-109 {
  top: 109px;
}

.t-105 {
  top: 105px;
}

.t-114 {
  top: 114px;
}

.t-120 {
  top: 120px;
}

.t-180 {
  top: 180px;
}

.t-160 {
  top: 160px;
}

.t-98 {
  top: 98px;
}

.t-132 {
  top: 132px;
}

.t-524 {
  top: 524px;
}

.t--64 {
  top: -64px;
}

.b-38 {
  bottom: 38px;
}

.b-0 {
  bottom: 0px;
}

.b-87 {
  bottom: 87px;
}

.b-24 {
  bottom: 24px;
}

.b-168 {
  bottom: 168px;
}

.lsi {
  list-style: inside;
}

.wsn {
  white-space: nowrap;
}

.z-low {
  z-index: -1;
}

.z-max {
  z-index: 999;
}

.ts-center {
  left: 50%;
  transform: translateX(-50%);
}

.hidden {
  overflow: hidden;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.tab-active {
  font-weight: 500;
  border-bottom: 1px solid #FFF;
}

.tly-5 {
  transform: translateY(5px);
}

.tly-0 {
  transform: translateY(0px);
}

.tly--524 {
  transform: translateY(-524px);
}

.hover-desc {
  transition: transform ease .5s;
  position: relative;
  z-index: 999;
}

.hover-title {
  transition: opacity ease .5s;
}

.hover-bc {
  position: relative;
  z-index: 1;
  background: #363636;
  opacity: 0.6;
}

.hover-box:hover .hover-title {
  /* display: none; */
  /* visibility: hidden; */
  opacity: 0;

}

.hover-box:hover .hover-desc {
  transform: translateY(-524px);

}

.hover-box:hover .hover-bc {
  transform: translateY(-1048px);

}