@charset "UTF-8";

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    /* --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253; */
    --bs-link-decoration: underline;
    /* --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202; */
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color)
}

h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    h3 {
        font-size: 1.75rem
    }
}

h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

.small {
    font-size: .875em
}

/* a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline
} */

/* a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
} */

img {
    vertical-align: middle
}


input[type="submit"] { cursor: pointer; }
input, textarea { font-family: "OpenSans"; border: none; outline: none; background: none; }
input:focus, textarea:focus { outline: none; }

textarea { resize: none; }
button,
input,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button {
    text-transform: none
}

[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

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

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

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

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

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container {
        max-width: 1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

/* 2024change */
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.swiper::-webkit-scrollbar {
    border-radius: 20px 20px;
    height: 1em;
}

.swiper::-webkit-scrollbar-thumb {
    border-radius: 20px 20px;
    background-color: grey;
    background-image:col-pro
        -webkit-linear-gradient(45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent);
}

.swiper::-webkit-scrollbar-track {
    border-radius: 20px 20px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #EDEDED;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.g-3 {
    --bs-gutter-x: 1rem
}

.g-3 {
    --bs-gutter-y: 1rem
}

@media (min-width:576px) {

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }
}

/* col-pro */
.col-pro p {
    font-size: 1rem;
}

@media (min-width:1200px) {
    .col-pro {
        flex: 0 0 auto;
        width: 20%
    }
}
@media (max-width:1200px) {
    .col-pro {
        flex: 0 0 auto;
        width: 33.333%
    }
}

@media (min-width:992px) {
    .col-number {
        flex: 0 0 auto;
        width: 16.666666%
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }
}

@media (max-width:992px) {
    .col-number {
        width: 33.3333333333%
    }
}

@media (max-width:500px) {
    .col-number {
        width: 50%
    }
    .col-pro p {
        font-size: 0.8rem;
    }
}

@media (max-width:700px) {
    .col-pro {
        width: 50%
    }
}
@media (max-width:300px) {
    .col-pro {
        width: 100%
    }
}

@media (max-width:250px) {
    .col-number {
        width: 100%
    }
}


/* 2024change */
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 0.6rem;
    font-weight: 400;
    line-height: 2.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::-moz-placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    -webkit-margin-end: .75rem;
    margin-inline-end: .75rem;
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--bs-border-width);
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--bs-secondary-bg)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end: .5rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    -webkit-margin-end: 1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>:disabled~label::after {
    background-color: var(--bs-secondary-bg)
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    /* border-radius: var(--bs-btn-border-radius); */
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-sm {
    --bs-btn-padding-y: 0.25rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.78rem;
    /* --bs-btn-border-radius: var(--bs-border-radius-sm) */
}

@media (max-width:500px) {
    .btn-sm {
        font-size: 0.65rem;
    }
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.icon-link-hover:focus-visible>.bi {
    transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-relative {
    position: relative !important
}

.w-75 {
    width: 75% !important
}

.w-80 {
    width: 80% !important
}

.w-90 {
    width: 90% !important
}

.w-100 {
    width: 100% !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

/* 字体粗度 */

.text-center {
    text-align: center !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

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




/* 自定义样式 */

.content-sm {
    font-size: 1rem;
    line-height: 2.1rem;
}

.strength-sm {
    font-size: 1rem;
    line-height: 1.5rem;
}


.title-sm {
    font-size: 1rem;
    line-height: 1.5rem;
}


.content-sm span {
    color: #e62445;
    font-size: 1.38rem;
}

.title-sm span {
    color: #c21230;
    font-size: 1.18rem;
}

.info-sm {
    margin-left: 8.33333333%;
    ;
    font-size: 1rem;
}


@media (max-width:500px) {
    .content-sm {
        font-size: 0.8rem;
        line-height: 1.5rem;
    }

    .strength-sm {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }

    .content-sm span,
    .title-sm span {
        font-size: 0.83rem;
    }

    .title-sm {
        font-size: 0.8rem;
    }

    .info-sm {
        font-size: 0.8rem;
    }
}

body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    font-family: "OpenSans-Semibold";
}

.container {
    max-width: 1500px
}

a {
    cursor: pointer;
    text-decoration: none;
    color: black;
}

.guess .private-cardimg {
    overflow: hidden;
}

.imgs-hober {
    transition: all .5s ease .1s;
}

.guess .private-cardimg:hover .imgs-hober{
    /* transform: translateY(-12px); */
    transform: scale(1.1);
}

/* 工艺视频 */

* {
    word-wrap: break-word;
    /* word-break: break-all; */
}

/* 工艺视频end */
/* 公司实力 */
/* .strength .card .card-subtitle {
    min-height: 55px;
  } */

.strength .card-subtitle {
    width: 100%;
    /* min-height:3vw; */
    /* display: flex;
    align-items: center;
    justify-content: center; */
}

.strength p {
    width: 90%;
    margin-left: 5%;
    margin: auto;
}

@media (max-width: 1500px) {
    .strength p {
        width: 100%;
        margin: auto;
    }
}

.card {
    width: 100%;
    position: relative;
    z-index: 1;
}

.strength .card-subtitle {
    position: relative;
}

.strength .card::before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 550ms;
    -moz-transition: all 550ms;
    -ms-transition: all 550ms;
    ;
    -o-transition: all 550ms;
    transition: all 550ms;
}

.strength .card:hover::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}


.btn-strength {
    border-radius: 15px;
    width: 100%;
    padding-top: .25rem;
    padding-bottom: .25rem;
    background-color: white;
    position: relative;
    z-index: 1;
    border: 0.1rem solid gainsboro;
}

.btn-strength:hover {
    color: white;
}

.btn-strength::before {
    content: '';
    border-radius: 15px;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(16, 42, 141);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 550ms;
    -o-transition: all 550ms;
    -moz-transition: all 550ms;
    transition: all 550ms;
}

.btn-strength:hover::before {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}


@media (max-width: 1500px) {
    .factory p {
        width: 100%;
        margin: auto;
    }
}


.swiper-slide a {
    color: #000000;
    text-decoration: none;
}


.guess .swiper-textarea {
    line-height: 1.2;
    margin: 0 24px;
    padding: 10px 0 10px;
}

.guess .border-top {
    border-top: 1px solid #c7c7c7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(199, 199, 199);
}

.swiper-button-prev,
.swiper-button-next {
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.btn-private {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(16, 42, 141);
    /* --bs-btn-border-color: #0d6efd; */
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.form .info-list {
    width: 70%;
    margin-left: 20%;
}

.form .info-form {
    width: 70%;
    margin-left: 5%;
}

@media (max-width: 1300px) {
    .form .info-list {
        width: 80%;
        margin-left: 20%;
    }

    .form .info-form {
        width: 80%;
        margin-left: 5%;
    }
}

@media (max-width: 1000px) {

    .form .col-lg-6 {
        width: 50%;
    }

    .form .info-list {
        width: 80%;
        margin-left: 20%;
    }

    .form .info-form {
        width: 80%;
        margin-left: 0;
    }
}

@media (max-width: 900px) {
    .form .info-list {
        width: 90%;
        margin-left: 10%;
    }

    .form .info-form {
        width: 90%;
        margin-left: 0;
    }
}

@media (max-width: 750px) {
    .form .col-lg-6 {
        width: 100%;
    }

    .form .info-list {
        width: 100%;
        margin: auto;
    }

    .form .info-form {
        width: 100%;
        margin: auto;
    }
}

.box_shadow {
    box-shadow: rgb(0 0 0 / 25%) 0px 0px 10px;
}

.col-lg-6 .info img {
    width: 30px;
    float: left;
}

@font-face {
    font-family: "iconfont";
    src: url('../font/iconfont.eot');
    /* IE9 */
    src: url('../font/iconfont.eot') format('embedded-opentype'),
        /* IE6-IE8 */
        url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
        url('../font/iconfont.woff') format('woff'),
        url('../font/iconfont.ttf') format('truetype'),
        /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
        url('../font/iconfont.svg') format('svg');
    /* iOS 4.1- */
    font-display: swap;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.strength .iconfont {
    text-shadow: 0px 0px 3px black;
    color: white;
}

.comparison .iconfont {
    text-shadow: 0px 0px 3px black;
    color: white;
}
.certificate .iconfont {
    text-shadow: 0px 0px 3px gray;
    color: rgba(0, 0, 0, 0.5);
}

.icon-left10:before {
    content: "\e7f0";
}

.icon-right10:before {
    content: "\e7f1";
}


.dynamicCount {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    font-family: Arial, sans-serif;
    text-align: center;
}

.number-container {
    float: left;
    font-size: 2.2rem;
    color: rgb(191, 51, 57);
}

.symbol {
    float: left;
    font-size: 2rem;
    color: rgb(191, 51, 57);
}

.number-word {
    font-size: 1rem;
    color: rgb(92, 82, 82);
}

.number-top {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width:1200px) {

    .number-container {
        font-size: 2rem;
    }

    .symbol {
        font-size: 1.5rem;
    }

    .number-word {
        font-size: 0.7rem;
    }
}

.factory {
    transform: translateY(50px);
}

.rotation_main {
    margin: auto;
    overflow: hidden;
}

.fa-angle-left:before {
    content: "\f104";
}

.swiper-button-prev1 {
    position: absolute;
    left: 0.1rem;
    top: 40%;
    bottom: auto;
    margin-top: -24px;
    z-index: 2;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    font-size: 50px;
    color: white;
}

.swiper-button-next1 {
    position: absolute;
    right: 0.1rem;
    top: 40%;
    bottom: auto;
    margin-top: -24px;
    z-index: 2;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    font-size: 50px;
    color: white;
}

.strength #strengthRow {
    opacity: 0;
}

.strength .card {
    overflow: hidden;
}

.strength .card img {
    transition: scale 1.5s ease;
}

.strength .card:hover img {
    scale: 1.1;
}

.strength .card:hover .text-overlay {
    opacity: 0;
}

.strength .swiper-pagination {
    position: absolute;
    bottom: -.39rem;
    width: 100%;
    text-align: center;
}

.strength .swiper-pagination-bullet {
    display: inline-block;
    width: 7vw;
    height: 5px;
    background: #ccc;
    margin: 10px 10px;
    border-radius: 2px;
    opacity: 1;
}

.strength .swiper-pagination-bullet-active {
    background: #007aff;
}


.strength .swiper-swapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.guess .row {
    width: 90%;
    margin-left: 5%;
}

@media (max-width:500px) {
    .guess .row {
        width: 100%;
        margin-left: 0;
    }
}

.guess .send {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guess .btn-private {
    border-radius: 20px;
}

.form a:hover {
    transition: all 0.5s;
    color: rgb(191, 51, 57);
}

.certLeft {
    transform: translateX(-50px);
}

.certRight {
    transform: translateX(50px);
}

.certificate .swiper-pagination {
    margin-top: 8px;
}

#product #card {
    opacity: 0;
}

@keyframes Show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes goRight {
    from {
        transform: translateX(-50px);
    }

    to {
        transform: translateX(0px);
    }
}

@keyframes goLeft {
    from {
        transform: translateX(50px);
    }

    to {
        transform: translateX(0px);
    }
}

@keyframes goTop {
    from {
        transform: translateY(50px);
    }

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

@keyframes scaleIn {
    from {
        transform: scale(1.05);
    }

    to {
        transform: scale(1);
    }
}




 @font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, 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');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev {
    left: 0;
    right: auto
}

.swiper-button-next {
    right: 0;
    left: auto
}

.swiper-pagination {
    /* position: absolute; */
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}