@charset "utf-8";
*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 1);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

@font-face {
    font-family: 'Heavy';
    src: url('../fonts/SourceHanSansCN-Heavy-Alphabetic.eot');
    src: url('../fonts/SourceHanSansCN-Heavy-Alphabetic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff2') format('woff2'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.woff') format('woff'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.ttf') format('truetype'),
        url('../fonts/SourceHanSansCN-Heavy-Alphabetic.svg#SourceHanSansCN-Heavy-Alphabetic') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
*,::after,::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

::after,::before {
    --tw-content: ''
}

:host,html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit;
    font-family: '微软雅黑';
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}
.fonts\:heavy{
    font-family: 'Heavy';
}
.fonts\:shongti{
    font-family: '宋体';
}
.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}
@media (min-width: 1420px) {
    .container {
        max-width:1400px
    }
}
@media (min-width: 1820px) {
    .container {
        max-width:1600px
    }
}
.white-nowrap{
    white-space: nowrap
}
.style-normal{
    font-style: normal;
}
.visible {
    visibility: visible
}
.invisible {
    visibility: hidden
}
.overflow{
    overflow: hidden;
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.sticky{
    position: sticky;
}
.inset-0 {
    inset: 0px
}
.top\:1\/2{
    top: 50%;
}
.-top-12{
    top: -3rem;
}
.-top-11{
    top: -2.75rem;
}
.top-25{
    top: 6.25rem;
}
.top-20{
    top: 5rem;
}
.top-10{
    top: 2.5rem;
}
.top-2 {
    top: 0.5rem
}
.top-0 {
    top: 0
}
.-left-10{
    left: -2.5rem;
}
.left-10{
    left: 2.5rem;
}
.left-0{
    left: 0;
}
.left\:1\/2{
    left: 50%;
}
.right-14{
    right: 3.5rem;
}
.right-3{
    right: .75rem;
}
.right-0{
    right: 0rem;
}
.-right-3{
    right: -.75rem;
}
.left-3{
    left: .75rem;
}
.bottom-5{
    bottom: 1.25rem
}
.bottom-3{
    bottom: .75rem
}
.bottom-0{
    bottom: 0;
}
.-bottom-3{
    bottom: -.75rem;
}
.-z-10 {
    z-index: -10
}
.z-1{
    z-index: 1;
}
.z-10{
    z-index: 10;
}
.z-50 {
    z-index: 50
}
.z-60{
    z-index: 60;
}
.z-99 {
    z-index: 99
}
.my-3{
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.mx-15{
    margin-left: 3.75rem;
    margin-right: 3.75rem;
}
.mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mx-3{
    margin-left: .75rem;
    margin-right: .75rem;
}
.mx-1{
    margin-left: .25rem;
    margin-right: .25rem;
}
.m-4{
    margin: 1rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mt-18{
    margin-top: 4.5rem;
}
.mt-15{
    margin-top: 3.75rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-7{
    margin-top: 1.75rem;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-3{
    margin-top: .75rem;
}
.mt-2{
    margin-top: .5rem;
}
.mb-10{
    margin-bottom: 2.5rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-3{
    margin-bottom: .75rem;
}
.mb-1 {
    margin-bottom: 0.25rem
}
.p-7{
    padding: 1.75rem;
}
.p-5{
    padding: 1.25rem;
}
.p-3{
    padding: .75rem;
}
.p-1{
    padding: .25rem;
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-3{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.py-2{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.py-1{
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.py-nav{
    padding-top: 2.375rem;
    padding-bottom: 2.375rem;
}
.pt-7{
    padding-top: 1.75rem;
}
.px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-3{
    padding-left: .75rem;
    padding-right: .75rem;
}
.px-2{
    padding-left: .5rem;
    padding-right: .5rem;
}
.block {
    display: block
}
.inline-block{
    display: inline-block;
}
.flex {
    display: flex
}
.-order{
    order: -1;
}
.inline-flex {
    display: inline-flex
}

.grid {
    display: grid
}

.hidden {
    display: none;
    transition: all .3s;
}
.h-100{
    height: 25rem;
}
.h-70{
    height: 17.5rem;
}
.h-50{
    height: 12.5rem;
}
.h-30{
    height: 7.5rem;
}
.h-24{
    height: 6rem;
}
.h-18{
    height: 4.5rem;
}
.h-15{
    height: 3.75rem;
}
.h-12{
    height: 3rem;
}
.h-10{
    height: 2.5rem;
}
.h-5{
    height: 1.25rem;
}
.h\:px-2{
    height: 2px;
}
.h-adv{
    height: 13.125rem;
}
.h-0{
    height: 0;
}
.h-auto {
    height: auto
}
.h-full {
    height: 100%
}
.max-h-all{
    max-height: 100%;
}
.w-200{
    width: 50rem;
}
.w-160{
    width: 40rem;
}
.w-80{
    width: 20rem;
}
.w-23{
    width: 5.75rem;
}
.w-36{
    width: 9rem;
}
.w-24{
    width: 6rem;
}
.w-18{
    width: 4.5rem;
}
.w-15{
    width: 3.75rem;
}
.w-12{
    width: 3rem;
}
.w-10{
    width: 2.5rem;
}
.w-9{
    width: 2.25rem;
}
.w-7{
    width: 1.75rem;
}
.w-5{
    width: 1.25rem;
}
.w-foot-1\/3{
    width: calc(33.333% - .8333rem)
}
.w-2\/3{
    width: 66.666%;
}
.w-1\/3{
    width: 33.333%;
}
.w-1\/2{
    width: calc(50% - .75rem);
}
.w-list-1\/2{
    width: calc(50% - .875rem);
}
.w-full {
    width: 100%
}
.important\:w-full{
    width: 100% !important;
}
.w-content{
    width: calc(100% - 23.25rem);
}
.max-w-2xl {
    max-width: 42rem
}

.max-w-lg {
    max-width: 32rem
}

.max-w-xs {
    max-width: 20rem
}
.max-w-all{
    max-width: 100%;
}

.flex-shrink-0 {
    flex-shrink: 0
}

.translate-yx{
    transform: translateY(-50%) translateX(-50%);
}
.translate-x{
    transform: translateX(-50%);
}
.translate-y{
    transform: translateY(-50%);
}
.translate-y-8 {
    --tw-translate-y: 2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-col {
    flex-direction: column
}
.flex-row{
    flex-direction: row;
}
.flex-1{
    flex: 1;
    transition: all .3s;
}
.flex-wrap {
    flex-wrap: wrap
}
.items-start {
    align-items: flex-start
}
.items-center {
    align-items: center
}
.items-end {
    align-items: flex-end
}
.align-stretch{
    align-items: stretch;
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.gap-1 {
    gap: 0.25rem
}
.gap-3{
    gap: .75rem;
}
.gap-5{
    gap: 1.25rem;
}
.gap-7{
    gap: 1.75rem;
}
.gap-10{
    gap: 2.5rem;
}
.gap-13{
    gap: 3.25rem
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.rounded-2xl {
    border-radius: 1rem
}
.rounded-full {
    border-radius: 9999px
}
.rounded-sm{
    border-radius: 3px
}
.rounded-lg {
    border-radius: 0.5rem
}
.rounded-xl {
    border-radius: 0.75rem
}
.rounded-2xl {
    border-radius: 1.25rem
}
.rectangle-80{
    padding-bottom: 20rem;
}
.rectangle-ln{
    padding-bottom: 36%;
}
.rectangle-sm{
    padding-bottom: 50%;
}
.rectangle-sk{
    padding-bottom: 54%;
}
.rectangle-md{
    padding-bottom: 60%;
}
.rectangle-xl{
    padding-bottom: 75%;
}
.rectangle-all{
    padding-bottom: 100%;
}
.rectangle-23{
    padding-bottom: 5.75rem;
}
.rectangle-lg{
    padding-bottom: 145%;
}
.border {
    border-width: 1px
}
.border-2 {
    border-width: 2px
}
.border-t {
    border-top-width: 1px
}
.border-b {
    border-bottom-width: 1px
}
.border-r {
    border-right-width: 1px
}
.border-dashed {
    border-style: dashed;
}
.last\:border:last-child a{
    border-bottom-width: 0;
}
.border-transparent {
    --tw-border-opacity: 0;
    border-color: rgb(250 250 250 / var(--tw-border-opacity, 0))
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(250 250 250 / var(--tw-border-opacity, 1))
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(102 102 102 / var(--tw-border-opacity, 1))
}
.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity, 1))
}
.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1))
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}
.bg-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(240 130 0 / var(--tw-bg-opacity, 1))
}
.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1))
}
.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1))
}
.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1))
}
.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}
.bg-green-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(234 234 234 / var(--tw-bg-opacity, 1))
}
.bg-light {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1))
}
.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(239 130 0 / var(--tw-bg-opacity, 1))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}
.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.bg-rgba{
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-repeat{
    background-repeat: no-repeat;
}
.bg-cover{
    background-size: cover;
}
.bg-bottom{
    background-position: bottom center;
}
.bg-center{
    background-position: center center;
}
.bg-bottom-right{
    background-position: bottom right;
}
.bg-fixed{
    background-attachment: fixed
}
.bg-size-30{
    background-size: 30%;
}
.from-dark\/40 {
    --tw-gradient-from: rgb(240 130 0 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(240 130 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary\/5 {
    --tw-gradient-from: rgb(0 161 234 / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 161 234 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-secondary\/5 {
    --tw-gradient-to: rgb(54 207 201 / 0.05) var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.object-contain {
    object-fit: contain
}

.object-cover {
    object-fit: cover
}

.text-center {
    text-align: center
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.font-inter {
    font-family: Inter, sans-serif
}
.text-3xl {
    font-size: 1.75rem;
    line-height: 2rem
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.text-\[clamp\(1rem\2c 3vw\2c 1\.125rem\)\] {
    font-size: clamp(1rem,3vw,1.125rem)
}
.text-\[clamp\(1rem\2c 3vw\2c 1\.25rem\)\] {
    font-size: clamp(1rem,3vw,1.25rem)
}
.text-\[clamp\(1\.125rem\2c 5vw\2c 1\.5rem\)\] {
    font-size: clamp(1.125rem,3vw,1.5rem)
}
.text-\[clamp\(1\.5rem\2c 3vw\2c 1\.875rem\)\] {
    font-size: clamp(1.5rem,3vw,1.875rem)
}
.text-\[clamp\(1\.5rem\2c 3vw\2c 2\.25rem\)\] {
    font-size: clamp(1.5rem,3vw,2.25rem)
}
.text-\[clamp\(1\.5rem\2c 3vw\2c 2\.5rem\)\] {
    font-size: clamp(1.5rem,3vw,2.5rem)
}
.text-\[clamp\(1\.5rem\2c 5vw\2c 3\.25rem\)\] {
    font-size: clamp(1.5rem,5vw,3.25rem)
}
.text-\[clamp\(1\.5rem\2c 5vw\2c 3\.75rem\)\] {
    font-size: clamp(1.5rem,3vw,3.75rem)
}
.text-\[clamp\(2\.5rem\2c 7vw\2c 5rem\)\] {
    font-size: clamp(2.5rem,7vw,5.75rem)
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-ls{
    font-size: .75rem;
    line-height: 1.25rem
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-en {
    font-size: 0.675rem;
    line-height: 1.25rem
}
.text-ico{
    font-size: .375rem;
    line-height: .875rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-ml{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-0{
    font-size: 0;
}
.important\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem
}
.text-uppercase{
    text-transform: uppercase
}
.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.leading-tight {
    line-height: 1.25;
}
.pointer{
    cursor: pointer;
}
.text-dark {
    --tw-text-opacity: 1;
    color: rgb(240 130 0 / var(--tw-text-opacity, 1))
}
.text-gray-50 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity, 1))
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1))
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(140 140 140 / var(--tw-text-opacity, 1))
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(240 240 240 / var(--tw-text-opacity, 1))
}
.text-gray-medium {
    --tw-text-opacity: 1;
    color: rgb(102 112 133 / var(--tw-text-opacity, 1))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(239 130 0 / var(--tw-text-opacity, 1))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.opacity-0 {
    opacity: 0
}
.opacity-30 {
    opacity: 0.3
}
.opacity-10 {
    opacity: 0.1
}
.opacity-70 {
    opacity: 0.7
}
.opacity-100 {
    opacity: 1
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 4px 10px 0px rgb(0 0 0 / 0.1), 0 2px 5px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 10px 0px var(--tw-shadow-color), 0 2px 5px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur-3xl {
    --tw-blur: blur(64px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.duration-300 {
    transition-duration: 300ms
}

.duration-700 {
    transition-duration: 700ms
}

.bg-gradient-tech {
    background: linear-gradient(135deg, #165DFF 0%, #0FC6C2 100%);
}
.bg-bottom-tech{
    background: linear-gradient(91deg, rgb(0, 160, 234) 0%, rgb(128, 211, 249) 100%), linear-gradient(rgb(255, 248, 240), rgb(255, 248, 240));
}
.card-hover {
    transition: all 0.3s ease;
}
.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 20px rgba(22, 93, 255, 0.15);
}
.card-piece{
    transition: all 0.3s ease;
}
.card-piece:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.nav-scrolled {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:transition:hover{
    transition: all .3s;
}
.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1))
}
.hover\:bg-secondary:hover:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 130 0 / var(--tw-bg-opacity, 1))
}
.hover\:bg-bottom:hover{
    background: linear-gradient(91deg, rgb(0, 160, 234) 0%, rgb(0, 160, 234) 100%), linear-gradient(rgb(0, 160, 234), rgb(0, 160, 234));
}
.hover\:bg-enlarge-primary:hover{
    box-shadow: 0 0 8px rgb(0, 160, 234);
}
.hover\:bg-enlarge-white:hover{
    box-shadow: 0 0 8px rgb(255, 255, 255);
}
.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1))
}
.hover\:weight-600:hover{
    font-weight: 600;
}
.hover\:opacity:hover{
    opacity: 1;
}
.hover\:flex:hover{
    flex: 2;
    transition: all .3s;
}
.hover\:border-no:hover{
    border: 0;
}
.hover\:border-primary:hover{
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1))
}
.hover\:list-white:hover,.hover\:list-white:hover span,.hover\:list-white:hover p,.hover\:list-white:hover i,.hover\:list-white:hover strong,.hover\:list-white:hover h3{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-a:hover i{
    font-size: 16px;
}
.border-bottom:hover .lines{
    transform: scaleX(1.2);
    transform-origin: left center;
    transition: transform 0.3s ease;
}
.a\:primary a:hover{
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}
.focus\:border-primary:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1))
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-primary:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 161 234 / var(--tw-ring-opacity, 1))
}

.fake\:partition::before{
    content: '';
    position: absolute;
    width: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    right: 50%;
    margin-right: 3px;
}
.fake\:partition::after{
    content: '';
    position: absolute;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(239 130 0 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    left: 50%;
}
.fake\:partition-wiite::before{
    content: '';
    position: absolute;
    width: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    left: 0;
}
.fake\:partition-yellow::after{
    content: '';
    position: absolute;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(239 130 0 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    left: 2.75rem;
}
.fake\:partition-left::before{
    content: '';
    position: absolute;
    width: 2.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    left: 0;
}
.fake\:partition-left::after{
    content: '';
    position: absolute;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(239 130 0 / var(--tw-bg-opacity, 1));
    height: 5px;
    border-radius: 9999rem;
    left: 2.75rem;
}
.before\:border-r::before{
    content: '';
    position: absolute;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
    height: 50%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.before\:border-navr::before{
    content: '';
    position: absolute;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(210 210 210 / var(--tw-bg-opacity, .7));
    height: 100%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.before\:layer-white::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    --tw-bg-opacity: .7;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    top: 0;
    left: 0;
}
.before\:layer-primary::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    --tw-bg-opacity: .4;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    top: 0;
    left: 0;
}
.before\:layer::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    --tw-bg-opacity: .5;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    top: 0;
    left: 0;
}
.hover\:layer:hover::before{
    --tw-bg-opacity: .9;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
}
.p\:text p{
    margin-bottom: 1.25rem;
}
.before\:circle::before{
    content: '';
    position: absolute;
    left: -.875rem;
    top: 50%;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1));
    border-width: 1px;
    transform: translateY(-50%);
}
.after\:round::after{
    content: '';
    position: absolute;
    left: -.575rem;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, .7));
    border-width: 1px;
    transform: translateY(-50%);
}
.before\:circle-top::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1));
    border-width: 1px;
    transform: translateX(-50%);
}
.black-lv::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
}
.black-lv:hover::before{
    opacity: .6;
}
.black-lv h3{
    display: none;
}
.black-lv:hover h3{
    display: block;
}
.after\:round-top::after{
    content: '';
    position: absolute;
    top: 0.25rem;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, .7));
    border-width: 1px;
    transform: translateX(-50%);
}
.after\:navline::after{
    content: '';
    position: absolute;
    width: 5rem;
    height: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    left: 0;
    bottom: -1.25rem;
}
.before\:context{
    bottom: 13.125rem;
    left: 11.25rem;
}
.before\:context::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url(../images/honor_box_short.png);*/
    background-size: 100% 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.before\:context-2{
    bottom: 7.125rem;
    left: 27.25rem;
}
.before\:context-2::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url(../images/honor_box_short.png);*/
    background-size: 100% 100%;
    z-index: 3;
    left: 0;
    top: 0;
}
.before\:history::before{
    content: '';
    position: absolute;
    background-image: url(../images/history_line.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 243px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) 
}
.before\:sideline::before{
    content: '';
    position: absolute;
    width: 2px;
    height: 60%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, .7));
    left: -1.25rem;
    top: 50%;
    transform: translateY(-50%);
}
.cross::before{
    content: '';
    position: absolute;
    height: calc(100% + 4px);
    width: 2.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    left: 50%;
    transform: translateX(-50%);
    top: -2px;
}
.cross::after{
    content: '';
    position: absolute;
    height: 2.75rem;
    width: calc(100% + 4px);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
}
.ab\:midst::before{
    content: '';
    position: absolute;
    width: 30%;
    top: 50%;
    left: 0;
    height: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
}
.ab\:midst::after{
    content: '';
    position: absolute;
    width: 30%;
    top: 50%;
    right: 0;
    height: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
}
.search\:button{
    height: 2.6rem;
}
.border-end:last-child{
    border-right-width: 0;
}

.sideline::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, .7));
    transform: scaleX(0);
    transform-origin: left;
    transition: all .5s;
}
.sideline:hover::after{
    transform: scaleX(1);
    transition: all .5s;
}
.active .menu-title a{
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}
.active .submenu{
    max-height: 100%;
}
.submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}
.arrow{
    position: relative;
    transition: transform 0.25s ease;
}
.arrow::before{
    content: '>';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: '宋体';
}
.arrow.open {
    transform: rotate(90deg);
}

/******** Head浮动 ********/

.float .float\:block{
    display: block;
}
.float .float\:hidden{
    display: none;
}
.float .float\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.float .hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}
.float .text-primary {
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1))
}
.float .before\:border-r::before{
    --tw-bg-opacity: 1;
    background-color: rgb(140 140 140 / var(--tw-bg-opacity, .7))
}
/******** Button按钮 ********/

.after\:button{
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    z-index: 50;
    opacity: 1;
}
.after\:button::after{
    font-family: '宋体';
    font-size: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.button\:prev::after{
    content: '<';
}
.button\:next::after{
    content: '>';
}
.botton\:rotate-90::after{
    transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
.after\:button.swiper-button-disabled {
    opacity: .6;
} 
.swiper-slide.swiper-slide-thumb-active div{
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1));
}
.make_transist.block{display: block;}


/* 证书样式 */
.honor .swiper-slide {
    transform: scale(1);
    transition: all .5s;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.honor .swiper-slide-prev,.honor .swiper-slide-next{
    transform: scale(1.2);
    transition: all .5s;
    z-index: 9;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}
.honor .swiper-slide-active,.honor .swiper-slide-duplicate-active{
    transform: scale(1.4);
    transition: all .5s;
    z-index: 99;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
.py-25{
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
}
/******** 分页样式 ********/
.pagination .page-num{
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination .page-num:hover,.pagination .page-num-current{
    --tw-border-opacity: 1;
    border-color: rgb(0 161 234 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, 1));
    transition: all .3s;
}

/******** 手机栏目侧边栏 ********/
.smallheader{
    top: -100%;
    width: 100%;
    background:#2F3C4F;
    position:fixed;
    min-height: 100%;
    -o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;
    -moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;
    -ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;
    -webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;
    box-shadow:rgba(0,0,0,0.08) 0 2px 5px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    z-index:2000;
}


/*固定的悬浮窗*/
.communicate {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.communicate_box ul li {
	width: 180px;
	min-height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(0 161 234 / var(--tw-bg-opacity, .7));
}
@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction:row
    }
    .sm\:flex-nowrap{
        flex-wrap: nowrap;
    }
    .sm\:flex-1{
        flex: 1
    }
    .sm\:h-auto{
        height: auto;
    }
    .sm\:h-125{
        height: 31.25rem;
    }
}
@media (min-width: 768px) {
    .md\:mb-40{
        margin-bottom: 10rem;
    }
    .md\:mb-17{
        margin-bottom: 4.25rem;
    }
    .md\:mb-5{
        margin-bottom: 1.25rem;
    }
    .md\:mb-12{
        margin-bottom: 3rem;
    }
    .md\:mb-0 {
        margin-bottom:0px
    }
    .md\:block {
        display: block
    }
    .md\:flex {
        display: flex
    }
    .md\:hidden {
        display: none
    }
    .md\:w-160{
        width: 40rem;
    }
    .md\:w-80{
        width: 20rem;
    }
    .md\:w-1\/4{
        width: 25%;
    }
    .md\:w-1\/3{
        width: 33.333%;
    }
    .md\:w-2\/5 {
        width: 40%
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-3\/5 {
        width: 60%
    }
    .md\:w-4\/5 {
        width: 70%
    }
    .md\:w-full{
        width: 100%;
    }
    .md\:w-auto{
        width: auto;
    }
    .md\:w-content{
        width: calc(100% - 23.25rem);
    }
    .md\:w-list-1\/3{
        width: calc(33.333% - 1.1666rem);
    }
    .md\:w-list-1\/4{
        width: calc(25% - 1.3125rem);
    }
    .md\:w-list-1\/5{
        width: calc(20% - 1.4rem);
    }
    .md\:w-95{
        width: 23.75rem;
    }
    .md\:order{
        order: 0
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:flex-row {
        flex-direction: row
    }
    .md\:flex-column {
        flex-direction: column
    }
    .md\:p-0{
        padding: 0;
    }
    .md\:px-0{
        padding-left: 0;
        padding-right: 0;
    }
    .md\:p-12{
        padding: 3rem;
    }
    .md\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:py-13{
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }
    .md\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .md\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    .md\:py-7{
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .md\:py-5{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
    .md\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .md\:pt-12{
        padding-top: 3rem;
    }
    .md\:px-20{
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .md\:px-15{
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .md\:px-12{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .md\:px-10{
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:px-7{
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }
    .md\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .md\:m-0{
        margin: 0;
    }
    .md\:mx-12{
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .md\:mt-47{
        margin-top: 11.75rem;
    }
    .md\:mt-20{
        margin-top: 5rem;
    }
    .md\:mt-15{
        margin-top: 3.75rem;
    }
    .md\:mt-12{
        margin-top: 3rem;
    }
    .md\:mt-7{
        margin-top: 1.75rem;
    }
    .md\:mt-5{
        margin-top: 1.25rem;
    }
    .md\:mt-25{
        margin-top: 6.25rem;
    }
    .md\:top-25{
        top: 6.25rem;
    }
    .md\:mx-15-important{
        margin-left: 3.75rem !important;
        margin-right: 3.75rem !important;
    }
    .md\:py-12-important{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .md\:gap-15{
        gap: 3.75rem;
    }
    .md\:gap-10{
        gap: 2.5rem;
    }
    .md\:bottom-3{
        bottom: .75rem
    }
    .md\:border-r{
        border-right-width: 1px
    }
    .md\:h-100{
        height: 25rem;
    }
    .md\:h-full-vh{
        height: 100vh;
    }
    .md\:text-left{
        text-align: left;
    }
}

@media (min-width: 1024px) {
    .lg\:col-span-2 {
        grid-column:span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:mb-0 {
        margin-bottom: 0px
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .lg\:gap-8{
        gap: 2rem;
    }
}
@media (min-width: 1400px) {
    .h-174{
        height: 43.5rem;
    }
}

/* 导航Hover样式 */
#head:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, .7));
    transition: all .3s;
}
#head:hover .logo_wihte {
    display: none;
}
#head:hover .logo_original {
    display: block;
}
#head:hover nav>ul>li>a{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#head:hover .text-primary{
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1));
}
#head:hover .hover\:text-primary:hover{
    --tw-text-opacity: 1;
    color: rgb(0 161 234 / var(--tw-text-opacity, 1));
}
#head:hover .before\:border-r::before{
    --tw-text-opacity: 1;
    color: rgb(140 140 140 / var(--tw-text-opacity, 1))
}
#head:hover .float\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
#head:hover .before\:border-r::before{
    --tw-bg-opacity: 1;
    background-color: rgb(140 140 140 / var(--tw-bg-opacity, .7))
}
nav>ul>li:hover .sub_menu{
    display: block;
    transition: all .3s;
}
/* 核心旋转效果 */

.wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 产品图：固定居中，不旋转 */
.product-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 320px;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 12;
  pointer-events: none;
}
.product-center img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* SVG轨道容器：由JS精确定位，使其几何中心对齐视口中心 */
.orbit-svg {
  position: absolute;
  pointer-events: none;
  z-index: 5;
  overflow: visible;
}

.orbit-path {
  fill: none;
  stroke: #00a0ff44;
  stroke-width: 3;
  stroke-dasharray: 12 8;
  filter: url(#glow);
}

.particle {
  fill: #60d0ff;
  filter: url(#glow);
}

/* 技术节点：由JS定位，不依赖offset-path */
.tech-node {
  position: absolute;
  width: 86px;
  height: 86px;
  margin-left: -43px;
  margin-top: -43px;
  z-index: 15;
  cursor: pointer;
}

.node-bubble {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: radial-gradient(circle, #0077dd66, #00225533);
  border: 1px solid #40b8ff77;
  box-shadow: 0 0 16px #0099ff55;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.tech-node:hover .node-bubble {
  transform: scale(1.12);
  box-shadow: 0 0 30px #00aaff90;
  border-color: #70d0ff;
}

.node-icon {
  width: 36px;
  height: 36px;
  fill: #90cdff;
  transition: 0.3s;
}
.tech-node:hover .node-icon {
  fill: #ffffff;
  transform: scale(1.08);
}

/* 气泡提示框：增加边界判断js控制方向，备用向下样式 */
.node-text-box {
  position: absolute;
  bottom: calc(100% + 14px);
  left: 50%;
  width: 220px;
  transform: translateX(-50%);
  background: #051836dd;
  border: 1px solid #44aaff66;
  padding: 10px 14px;
  border-radius: 6px;
  color: #fff;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  pointer-events: none;
  z-index: 99;
}
.node-text-box.tooltip-bottom {
  bottom: auto;
  top: calc(100% + 14px);
}
.node-text-box p {
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}
.node-text-box p:first-child {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 4px;
}
.tech-node:hover .node-text-box {
  opacity: 1;
  visibility: visible;
}